.form-note{
	float: right;
    font-size: 13px;
    line-height: 13px;
    font-family: 'Lato-Regular';
    text-transform: none;
    display: inline-block;
    padding-top: 4px;
    margin-left: 10px;
    letter-spacing: 1px;
}
.mandatory-sign {
    color: #ff0000;
    font-size: 18px;
    line-height: 18px;
    vertical-align: top;
    margin-right: 3px;
}

/*** Form CSS ***/
.form-group{ margin-bottom: 22px; }
.form-group .label{
	font-size: 14px;
    font-family: 'Lato-Bold';
    line-height: 20px;
    filter: "alpha(opacity=54)";
    -ms-filter: "alpha(opacity=54)";
    display: block;
    margin-bottom: 10px;
    text-align: left;
    padding: 0px;
    color: #445365;
    white-space: normal;
    font-weight: normal;
}
.form-group .label.lablemiddle {
    margin-top: 10px;
}
.form-type1 .control-label{
    font-size: 14px;
    font-family: 'Lato-Bold';
    line-height: 14px;
    display: block;
    margin-bottom: 8px;
    text-align: left;
    color: #445365;
    white-space: normal;
    font-weight: normal;
}
.form-type1 .control-label + div { margin-bottom: 8px; }
.quick-quotes .form-group.info-text {margin-bottom: 5px; }
.quick-quotes .form-group.info-text .label-text{
    font-size: 14px;
    font-family: 'Lato-Bold';
    line-height: 20px;
    filter: "alpha(opacity=54)";
    -ms-filter: "alpha(opacity=54)";
    display: block;
    margin-bottom: 5px;
    text-align: left;
    padding: 0px;
    color: #445365;
    white-space: normal;
    font-weight: normal;
}
.form-control{
	height: 40px;
    padding: 10px 14px 11px;
    font-size: 14px;
    line-height: 16px;
    color: #445365;
    background-color: #ffffff;
    border-radius: 4px;
    border: 1px solid #d4def0;
    box-shadow: inset 0 0px 0px rgba(0,0,0,0.075);
    appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
}
     input[type="file"] {
        height: auto!important;
    }
.form-control:focus {
    border-color: #828282;
    outline: 0;
    -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,.075), 0 0 0 rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 0 0 rgba(0,0,0,.075), 0 0 0 rgba(102, 175, 233, 0.6);
}

.input-group .input-group-btn .btn.btn-default,
.input-group .input-group-btn .btn.btn-default:hover,
.input-group .input-group-btn .btn.btn-default:focus,
.input-group .input-group-btn .btn.btn-default:active{
    padding: 11px 14px;
    font-family: 'Lato-Bold';
    font-size: 14px;
    line-height: 16px;
    color: #445365;
    background-color: #e6efff;
    border-color: #d4def0;
    cursor: default;
    box-shadow: 0px 0px;
}
.input-group .input-group-btn .btn.btn-default .mandatory-sign{ line-height: 14px; }
.input-group-btn>.btn:last-child{ margin-right: -2px; }
.input-group .input-group-btn>.btn:hover,
.input-group .input-group-btn>.btn:focus,
.input-group .input-group-btn>.btn:active{
    z-index: 0;
}

.input-group .input-group-addon{
    font-family: 'Lato-Bold';
    font-size: 17px;
    line-height: 17px;
    color: #445365;
    background-color: #e6efff;
    border-color: #d4def0;
}

.quotes-formcontrol .form-control {
    padding: 10px 28px 11px;
}
.quotes-formcontrol {
    position: relative;
    background-color: #dedede;
    display: inline;
}

.quotes-formcontrol:before {
    content: '£';
    position: absolute;
    top: 11px;
    left: 15px;
    z-index: 1;
    font-size: 14px;
    line-height: 16px;
}
.quick-quotes .form-group .postcode .form-control {
    width: 32%;
    display: inline-block;
    margin-right: 10px;
}
.dom .form-control,.dom .datetimepicker{
	width: 88%;
	display: inline-block;
}
.dom .datetimepicker .form-control{ width: 100%; }
.dom .domicon{
	color: #445365;
    font-size: 22px;
    line-height: 22px;
    margin-left: 11px;
    cursor: pointer;
}
.dom .domicon.zmdi-minus-circle-outline{ color: #ea1d63; }
.error-msg.form-control{
    border: 1px solid #f87676;
    background-color: #fff1f1;
}
.error-msg.error-icon{
    position: absolute;
    right: 25px;
    bottom: 13px;
    width: 22px;
    height: 19px;
    background: url(../images/other-icon.png) no-repeat -51px -34px;
    cursor: pointer;
}
.error-note {
    margin-top:5px;
    color: #bf1f1a;
}

.dom-section{ position: relative; padding-bottom: 28px; margin-bottom: 22px; }
.dom-section,
.dom-section.dom-section-remove{ position: relative; }
.dom-section.dom-section-remove{ padding-top: 55px; border-top: 1px solid #747474; padding-bottom: 0px; margin-bottom: 0px; }
.dom-section a.btn-add-dom,
.dom-section a.btn-remove-dom{
    position: absolute;
    right: 0;
}
.dom-section a.btn-add-dom{ bottom: 0px; }
.dom-section a.btn-remove-dom{ top: 0; }
.dom-section.dom-section-remove a.btn-remove-dom{ top: 20px; }
.dom-section a .zmdi{ margin-right: 5px; font-size: 16px; line-height: 16px; }
.dom-section .btn-add-dom{
    display: inline-block;
    font-family: 'roboto-medium';
    font-size: 14px;
    line-height: 14px;
    background-color: #24af57;
    border: 2px solid #24af57;
    color: #ffffff;
    letter-spacing: 0.5px;
    border-radius: 2px;
    padding: 4px 6px;
    text-align: center;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.dom-section .btn-remove-dom{
    display: inline-block;
    font-family: 'roboto-medium';
    font-size: 14px;
    line-height: 14px;
    background-color: #bf1f1a;
    border: 2px solid #bf1f1a;
    color: #ffffff;
    letter-spacing: 0.5px;
    border-radius: 2px;
    padding: 4px 6px;
    text-align: center;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.getaddress{
	position: absolute;
    left:60%; top:0px;
}
/*** Custom Dropdown CSS ***/
.custom-dropdown{
	position:relative;
	height: 40px;
    background-color: #ffffff;
    border-radius: 4px;
    /*border: 1px solid #d4def0;
    box-shadow: inset 0 0px 0px rgba(0,0,0,0.075);*/
    appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
}
.form-control-custom{
	width:100%;
	height:40px;
	border-radius:5px;
	border:2px solid #dadada;
	padding:8px;
	-webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}
.custom-dropdown select.form-control{
   /* z-index: 10;
    opacity: 0;*/
    position: relative;
    cursor: pointer;
}
.custom-dropdown span.select{
   	cursor: default;
    display: block;
    color: #445365;
    font-size: 14px;
    line-height: 16px;
    height: 40px;
    position: absolute;
    left: 0px;
	top: 0px;
    overflow: hidden;
    padding: 10px 14px;
    width: 100%;
    z-index: 1;
    border: 1px solid #d4def0;
    border-radius: 4px;
}
.custom-dropdown:before{
	content:'\f2f9';
	font-family:'material-design-iconic';
	position:absolute;
	right: 13px; top: 12px;
    width: 8px; height: 5px;
    z-index:1;
}

/* Custom Radio CSS */
.cus-radiobtn{
	position: relative;
    min-height: 1px;
    margin-bottom: 15px;
    display: inline-block;
    margin: 0px 20px 0px 0px;
    padding-left: 32px;
}
.form-horizontal .radio.cus-radiobtn{ padding-top: 8px; cursor: pointer; }
.cus-radiobtn:last-child{ margin-right: 0px; }
.cus-radiobtn input[type="radio"]{
	left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    margin:0;
}
.cus-radiobtn span{
	color: #445365;
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)";
    font-family:'Lato-Regular';
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
}
.cus-radiobtn input[type="radio"]:checked + span:before{
	border-color: #3498db;
}
.cus-radiobtn span:before{
    content: "";
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    position: absolute;
    top: 6px;
    left: 0;
    border-radius: 100%;
    display: inline-block;
    border: 2px solid #010101;
    opacity: 0.54;
}
.cus-radiobtn input[type="radio"]:checked + span:before{
	border-color: #2a80e4;
	opacity: 1;
}
.cus-radiobtn input[type="radio"]:checked + span:after{
	content: "";
    position: absolute;
    top: 11px;
    left: 5px;
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #2a80e4;
    border-radius: 100%;
}

/* Custom Radio Button New Design */
.custom-radio-group{ margin-top: 25px; }
.custom-radio-group .custom-radio{
    width: 100px;
    height: 100px;
    float: left;
    margin-right: 18px;
}
.custom-radio-group .custom-radio:last-child{ margin-right: 0px; }
.custom-radio-group input[type="radio"] {
    display: none;
    &:not(:disabled) ~ label {
        cursor: pointer;
    }
    &:disabled ~ label {
        color: hsla(150, 5%, 75%, 1);
        border-color: hsla(150, 5%, 75%, 1);
        box-shadow: none;
        cursor: not-allowed;
    }
}
.custom-radio-group label {
    background: #ffffff;
    border: 2px solid #c01c16;
    border-radius: 50%;
    padding: 25px 10px;
    margin-bottom: 0px;
    text-align: center;
    box-shadow: 0px 3px 10px -2px hsla(150, 5%, 65%, 0.5);
    position: relative;
    display: block;
    height: 100px;
    font-family: 'Lato-Regular';
    font-weight: normal;
    vertical-align: middle;
    cursor: pointer;
    -webkit-transition: all .3s;
       -moz-transition: all .3s;
        -ms-transition: all .3s;
         -o-transition: all .3s;
            transition: all .3s;
}
.custom-radio-group label .topicon{ display: block; font-size: 23px; line-height: 23px; margin-bottom: 3px; color: #c01f16; }
.custom-radio-group input[type="radio"]:checked + label .topicon{ color: #ffffff; }
.custom-radio-group label .text{ font-size: 13px; line-height: 17px; }
.custom-radio-group input[type="radio"]:checked + label {
    background: #c01f16;
    color: #ffffff;
    box-shadow: 0px 0px 20px #c01f16;
}
.custom-radio-group input[type="radio"]:checked + label:after{
    color: #3d3f43;
    font-family:'material-design-iconic';
    border: 2px solid #c01f16;
    content: "\f26b";
    font-size: 17px;
    line-height: 24px;
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    height: 30px;
    width: 30px;
    text-align: center;
    border-radius: 100%;
    background: white;
    box-shadow: 0px 2px 5px -2px rgba(0, 0, 0, 0.25);
}
.typeOfProperty .cus-radiobtn {
    position: relative;
    min-height: 1px;
    margin: 0px 15px 0px 0px;
    padding-left: 28px;
}
.typeOfProperty .cus-radiobtn > label {
    padding-left: 0;
}
.custom-radio-group .custom-radio .residential-info,
.typeOfProperty .cus-radiobtn .residential-info{
    position: absolute;
    top:35px;
    left: 0;
    background-color: #fff5f5;
    border: 1px solid #de1c12;
    color: #de1c12;
    font-size: 17px;
    line-height: 22px;
    font-family: 'roboto-bold';
    padding: 6px 15px;
    border-radius: 4px;
    z-index: 1;
    width: 830px;
    letter-spacing: 1px;
}
.birthdateToolTip
{
    position: relative;
    top:5px;
    left: 0px;
    background-color: #fff5f5;
    border: 1px solid #de1c12;
    color: #de1c12;
    font-size: 17px;
    line-height: 22px;
    font-family: 'roboto-bold';
    padding: 6px 15px;
    border-radius: 4px;
    z-index: 1;
    width: 380px;
    letter-spacing: 1px;
}
.custom-radio-group .custom-radio .residential-info:before,.birthdateToolTip:before,
.typeOfProperty .cus-radiobtn .residential-info:before{
    content: '';
    position: absolute;
    top: -8px;
    left: 50px;
    transform: translateX(-50%);
    border-bottom: 8px solid #de1c12;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}
.custom-radio-group .custom-radio .residential-info .close,.birthdateToolTip .close,
.typeOfProperty .cus-radiobtn .residential-info .close{
    background-color: #e63030;
    opacity: 1;
    padding: 0px;
    font-size: 15px;
    line-height: 15px;
    text-shadow: 0px 0;
    color: #ffffff;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    text-align: center;
    position: absolute;
    top: -9px;
    right: -8px;
}
.quick-quotes .other-field.typeOfPropertyOther {
    padding-top: 0;
}
.tooltip-info{
	position:relative;
    background-color: #fff5f5;
    border: 1px solid #de1c12;
    color: #de1c12;
    font-size: 12px;
    line-height: 16px;
    font-family: 'roboto-bold';
    padding: 6px 15px;
    border-radius: 4px;
    z-index: 1;
	margin-top:10px;
}
.tooltip-info:before{
    content: '';
    position: absolute;
    top: -8px;
    left: 85px;
    transform: translateX(-50%);
    border-bottom: 8px solid #de1c12;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}
.tooltip-info .close{
    background-color: #e63030;
    opacity: 1;
    padding: 0px;
    font-size: 15px;
    line-height: 15px;
    text-shadow: 0px 0;
    color: #ffffff;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    text-align: center;
    position: absolute;
    top: -9px;
    right: -8px;
}


/* Custom Checkbox CSS */
.cus-checkboxbtn{
	position: relative;
    min-height: 1px;
    margin-bottom: 15px;
    display: inline-block;
    margin: 0px 20px 0px 0px;
}
.checkbox.cus-checkboxbtn{ padding-top: 8px; cursor: pointer; }
.cus-checkboxbtn:last-child{ margin-right: 0px; }
.cus-checkboxbtn input[type="checkbox"]{
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
}
.cus-checkboxbtn span{
	color: #445365;
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)";
    font-family:'Lato-Regular';
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    padding-left: 28px;
}
.cus-checkboxbtn span:before{
    content: "";
    width: 18px;
    height: 18px;
    background-color: #ffffff;
    position: absolute;
    top: 8px;
    left: 0;
    display: inline-block;
    border: 2px solid #010101;
    opacity: 0.54;
}
.cus-checkboxbtn input[type="checkbox"]:checked + span:before{
    border-color: #2a80e4;
    opacity: 1;
}
.cus-checkboxbtn input[type="checkbox"]:checked + span:after{
    content: '\f26b';
    font-family: 'material-design-iconic';
    position: absolute;
    top: 9px;
    left: 4px;
    display: inline-block;
    width: 15px;
    height: 15px;
    color: #2a80e4;
}


.cus-checkboxbtn1{
	position: relative;
    min-height: 1px;
    margin-bottom: 15px;
    display: inline-block;
    margin: 0px 20px 0px 0px;
}
.checkbox.cus-checkboxbtn1{ padding-top: 8px; cursor: pointer; }
.checkbox.cus-checkboxbtn1:last-child{ margin-right: 0px; }
.checkbox.cus-checkboxbtn1.no-mrgR {
        margin-right: 0;
    }
.cus-checkboxbtn1 input[type="checkbox"]{
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
}
.cus-checkboxbtn1 > span{
	color: #445365;
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)";
    font-family:'Lato-Regular';
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    padding-left: 28px;
	display:inline-block;
}
.cus-checkboxbtn1 > span:before{
    content: "";
    width: 18px;
    height: 18px;
    background-color: #ffffff;
    position: absolute;
    top: 8px;
    left: 0;
    display: inline-block;
    border: 2px solid #010101;
    opacity: 0.54;
}
.cus-checkboxbtn1 input[type="checkbox"]:checked + span:before{
    border-color: #2a80e4;
    opacity: 1;
}
.cus-checkboxbtn1 input[type="checkbox"]:checked + span:after{
    content: '\f26b';
    font-family: 'material-design-iconic';
    position: absolute;
    top: 9px;
    left: 4px;
    display: inline-block;
    width: 15px;
    height: 15px;
    color: #2a80e4;
}
.chkTxtShowHide > .checkbox > span {
	height:34px;
	overflow:hidden;
	}
.chkTxtShowHide .chkShowHideTXT { /*text-align:right;*/ padding-left:28px; margin-top:2px; }
.chkShowHideTXT .showHideTXT {
	display:inline-block;
	color:#be1e17;
	text-decoration:underline;
	}
.chkShowHideTXT .showHideTXT:hover { text-decoration:underline !important; color:#445365; }

/****************************
 CSS FOR DATEPICKER
****************************/
.ui-datepicker.ui-widget-content {
    background-color: #ffffff;
    border-color: #565656;
    width: 300px;
    box-shadow: 0px 0px 14px -1px #545454;
}
.ui-datepicker .ui-widget-header{background:none;}
.ui-datepicker .ui-datepicker-title{line-height:21px;margin:0 30px 10px; color: #000000 !important;}
.ui-datepicker .ui-datepicker-prev .ui-icon, .ui-datepicker .ui-datepicker-next .ui-icon{
	background-color:#060606;
	border-radius:50%;
	margin-top:1px;
	padding:11px;
	text-align:center;
	text-indent:inherit;
	font-size:0;
}
.ui-datepicker .ui-datepicker-prev .ui-icon{margin-left:0;}
.ui-datepicker .ui-datepicker-next .ui-icon{left:auto;margin-left:0;right:0;}
.ui-datepicker .ui-datepicker-prev .ui-icon:before{
	border-bottom:6px solid transparent;
	border-right:6px solid #ffffff;
	border-top:6px solid transparent;
	content:"";
	left:7px;
	position:absolute;
	top:5px;
}
.ui-datepicker .ui-datepicker-next .ui-icon:before{
	border-bottom:6px solid transparent;
	border-left:6px solid #ffffff;
	border-top:6px solid transparent;
	content:"";
	right:7px;
	position:absolute;
	top:5px;
}
.ui-datepicker .ui-datepicker-title select{
    border: 1px solid #dddddd;
    box-shadow: none;
    color: #181818;
    font-size: 13px;
    margin-bottom: 0;
    margin-top: 0px;
    font-family: 'Lato-Bold' !important;
    padding: 2px;
    vertical-align: top;
}
.ui-datepicker .ui-datepicker-title select + select{margin-left:5px;}
.datetimepicker{position:relative;}
.form-type1 .datetimepicker input{text-align: right; padding-right: 40px !important;}
.datetimepicker input{cursor:default;}
.ui-datepicker.disableddatepicker{display:none !important;}
.datetimepicker .date{padding-right:30px;}
.ui-datepicker{border:1px solid #4f3570;border-radius:0;padding:5px;z-index:11 !important;background-color:#ffffff;}
.ui-datepicker.calendar-fixed{z-index:99999 !important;}
.ui-datepicker .ui-datepicker-header{border:0;border-radius:0;}
.ui-datepicker table{font-size:11px !important;}
.ui-datepicker th{
	background-color: rgb(122, 122, 122);
    border: 1px solid #ffffff;
    color: #ffffff;
    font-size: 12px;
    padding: 6px 10px;
    font-weight: normal;
}
.ui-datepicker .ui-datepicker-calendar tr td:last-child{padding-right:0;}
.ui-datepicker .ui-datepicker-calendar tr td:first-child{padding-left:0;}
.ui-datepicker td span, .ui-datepicker td a{text-align:center;}
.ui-datepicker .ui-widget-header .ui-state-hover{background:none !important;cursor:pointer;}
.ui-datepicker.ui-widget-content .ui-state-default{background-color:#ffffff; border-color:#dadada; padding:5px 10px; font-weight: normal;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover{color:#222222;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{
	border:0 none !important;height:auto;width:auto;
}
.ui-datepicker .ui-datepicker-prev-hover{left:2px !important;}
.ui-datepicker .ui-datepicker-next-hover{right:2px !important;}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover{top:2px !important;}
.ui-widget .ui-state-hover{background-color:#fff !important;}
.ui-datepicker.ui-widget-content .ui-state-default{color:#828282;}
.ui-datepicker.ui-widget-content .ui-state-active{
	color:#ffffff !important;background-color:#be1e16 !important;border-color:#be1e16;
}
.ui-datepicker.ui-widget-content .ui-state-highlight{border-color:#003a81;}
.ui-datepicker.ui-widget-content .ui-datepicker-calendar .ui-state-hover,
.ui-datepicker.ui-widget-content .ui-state-active.ui-state-hover{
	border-color:#be1e16;
	background-color:#ffffff !important;
	color: #be1e16 !important;
}
.ui-widget-header .ui-state-disabled.ui-state-hover{background:none !important;}
.ui-datepicker-calendar .ui-datepicker-other-month{background:none;visibility:hidden;}
.datetimepicker .ui-datepicker-trigger {
    position: absolute;
    right: 12px;
    top: 8px;
    z-index: 2;
    cursor: pointer;
}
.quick-quotes .detail-box .dateofbirth-year {
    vertical-align: top;
    margin-top: 11px;
    display: inline-block;
    margin-left: 10px;
}
.nextbtn{
    text-align: right;
}
/* Postcode Address Section CSS */
.form-group > div >.postcode{ margin-bottom: 15px; }
.postcode .form-control{
    width: 56%;
    display: inline-block;
    margin-right: 10px;
}
.postcode .checkbox.cus-checkboxbtn{ margin-left: 2px; padding-top: 0px; min-height: 20px; }
.postcode .cus-checkboxbtn input[type="checkbox"]{ left: 22px; top: 2px; }
.cus-checkboxbtn span{ font-size: 11px; padding-left: 20px; }
.cus-checkboxbtn span::before{
    width: 16px;
    height: 16px;
    top: 4px;
    border: 1px solid #010101;
}
.cus-checkboxbtn input[type="checkbox"]:checked + span::after{
    top: 4px;
    left: 4px;
    width: 15px;
    height: 15px;
    font-size: 13px;
}
/* .address-section .form-control{
    width: 65%;
    display: inline-block;
    margin-right: 10px;
} */

/* Custom Dropdown Value Selection Control CSS */
.value-control{ padding: 0px; margin: 20px 4px 20px; list-style-type: none; height: 90px; }
.value-control .value-list{
    padding: 20px 25px;
    border: 1px solid #bfd5fd;
    background-color: #e6efff;
    cursor: pointer;
    height: 57px;
}
.value-control .value-list:first-child{ border-top:1px solid #bfd5fd !important; }
.value-control .value-list:last-child{ border-right:1px solid #bfd5fd; }
.value-control .value-list:hover,
.value-control .value-list.active{
    position: relative;
    font-size: 20px;
    line-height: 18px;
    padding: 19px 21px 19px 22px;
    background-color: #dbedff;
    border-color: #9fccff;
}
.value-control .value-list:hover:before,
.value-control .value-list.active:before{
    content: '';
    position: absolute;
    z-index: 2;
    top: -7px;
    left: -1px;
    right: 0px;
    width: 69px;
    height: 34px;
    border: 1px solid #9fccff;
    background-color: #dbedff;
    border-width: 1px 1px 0px 1px;
    -ms-transform: scale(1.1,1.1); /* IE 9 */
    -webkit-transform: scale(1.1,1.1); /* Safari */
    transform: scale(1.1,1.1);
    box-shadow: inset 0px 4px 19px -5px #9fccff;
}
.value-control .value-list:hover:after,
.value-control .value-list.active:after{
    content: '';
    position: absolute;
    z-index: 2;
    bottom: -7px;
    left: -1px;
    right: 0px;
    width: 69px;
    height: 34px;
    border: 1px solid #9fccff;
    background-color: #dbedff;
    border-width: 0px 1px 1px 1px;
    -ms-transform: scale(1.1,1.1); /* IE 9 */
    -webkit-transform: scale(1.1,1.1); /* Safari */
    transform: scale(1.1,1.1);
    box-shadow: inset 0px -4px 19px -5px #9fccff;
}
.value-control .value-list .value{
    position: relative;
    z-index: 4;
}
/* .value-control .value-list:hover {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: -10px;
    border-right:1px solid #d4def0;
} */
.value-control .value-list:hover+.value-list{ border-left:0px none; }

.value-control-outer .mCSB_horizontal.mCSB_inside > .mCSB_container{margin-bottom:22px;}
.value-control-outer .mCSB_scrollTools{opacity:1;}
.value-control-outer .mCSB_scrollTools.mCSB_scrollTools_horizontal{height:21px;}
.value-control-outer .mCSB_scrollTools .mCSB_draggerRail{background-color:#F1F1F1;border-radius:2px;}
.value-control-outer .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    margin:7px auto;
    border-radius:2px;
    background-color:#bf1f1a;
}
.value-control-outer:hover .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #bf1f17 !important; }
.value-control-outer .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:5px;}
.value-control-outer .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
    height:5px;margin:7px auto;
    border-radius:2px;
    background-color:#bf1f1a;
}
/* Range Slider CSS */
.ui-slider-horizontal{ height: 40px; width: calc(100% - 70px); }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{ border-radius: 4px !important; }
.min-max-value{ height: 50px; }
.min-max-value .min-value,
.min-max-value .max-value{
    position: absolute;
    z-index: 1;
    top: 0px;
    font-size: 20px;
    line-height: 20px;
}
.min-max-value .min-value .curuncy-symbol,
.min-max-value .max-value .curuncy-symbol{
    font-size: 14px;
    line-height: 14px;
    color: #2981e5;
}
.min-max-value .min-value{ left: 18px; }
.min-max-value .max-value{ right: 40px; }
.ui-slider-horizontal .ui-slider-handle{
    top: -15px;
    margin-left: -1px;
    padding: 23px 0px;
    text-align: center;
    width: 70px;
    height: 70px;
    border-radius: 50% !important;
    background-color: rgba(255,255,255,0.5) !important;
    font-size: 20px;
    line-height: 20px;
    color: #2981e5 !important;
    font-weight: normal !important;
    font-family: 'Lato-Bold';
    border: 2px solid #9fccff !important;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus{
    border: 1px solid #be1e16 !important;
    background-color: rgba(255,255,255,0.7) !important;
}
.ui-widget-header .ui-state-hover,
.ui-widget-header .ui-state-focus{
    border: 0px none !important;
    background-color: rgba(255,255,255,0.7) !important;
}
.ui-widget-content{ border: 1px solid #d4def0; background: #ebf5ff 50% top repeat-x;  }
.ui-widget-header{ background: #9fccff 50% 50% repeat-x; }
/* .ui-slider-horizontal .ui-slider-range{ top: -1px; height: 42px; }
.ui-widget-header{
    border: 1px solid #9fccff !important;
    border-width: 1px 1px 1px 1px !important;
    background: #e6efff;
} */

/* Custom New Range Slider CSS */
.rangeslide .labels-container .tick-label span{ font-size: 13px; }
.rangeslide .labels-container .tick-label:hover span{ color: #2981e5 !important; font-weight: normal; }
.rangeslide .slider .track{
    height: 20px !important;
    border-radius: 20px !important;
    background: #ebf5ff !important;
    border: 1px solid #d4def0 !important;
    box-shadow: 0 0 !important;
}
.rangeslide .slider .track-progress{ display: none !important; }
.rangeslide .slider .thumb{
    width: 40px !important;
    margin-top: -30px !important;
    margin-left: -12px !important;
    height: 40px !important;
    border-radius: 50% !important;
    border: 2px solid #9fccff !important;
    box-shadow: 0 0 !important;
    background: rgba(255,255,255,0.5) !important;
}
.rangeslide .slider .thumb:hover{ border-color: #2981e5 !important; background: rgba(255,255,255,0.8) !important; }
.rangeslide .labels-container .tick-label .tick{ height: 10px !important; }
.rangeslide .labels-container{ height: 30px !important; margin: 8px 0px 5px !important; }
/* .rangeslide .labels-container{
    top: -34px !important;
    z-index: 6;
}
.rangeslide .labels-container .tick-label{ width: 44px !important; } */



/***********************/
.custom-range-slider { padding-bottom: 35px; }
.custom-range-slider .irs-line{
    height: 30px;
    background: linear-gradient(to bottom, #9eccff -50%, #ffffff 150%);
    border: 1px solid #d4def0;
}
.custom-range-slider .irs-grid{ height: 1px; }
.custom-range-slider .irs-grid-text{ bottom: -25px; color: #666666; }
.custom-range-slider .irs-slider{
    top: 25px;
    width: 45px;
    height: 45px;
    border: 1px solid #a6cdfb;
    background: rgba(255,255,255,0.5);
    border-radius: 27px;
    -moz-border-radius: 27px;
    box-shadow: 0px 0px 17px 0px rgb(111, 173, 245);
}
.custom-range-slider .irs-slider.state_hover,
.custom-range-slider .irs-slider:hover{ background: rgba(255,255,255,0.8); }
.custom-range-slider .irs-bar-edge,
.custom-range-slider .irs-bar,
.custom-range-slider .irs-min,
.custom-range-slider .irs-max{ display: none; }
.custom-range-slider .irs-from,
.custom-range-slider .irs-to,
.custom-range-slider .irs-single{
    top: 38px;
    background-color: transparent !important;
    color: #2981e5 !important;
    z-index: 2;
    top: 25px;
    text-align: center;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    padding: 13px 0px;
    cursor: pointer;
}
.custom-range-slider .irs-from:hover,
.custom-range-slider .irs-to:hover,
.custom-range-slider .irs-single:hover{
    background: rgba(255,255,255,0.8);
}
.irs-grid-text{
    font-size: 11px;
    line-height: 11px;
}

/** multiselect dropdown CSS ***/
.multiselect.btn-default{
        height: 40px;
    padding: 10px 14px 11px;
    font-size: 14px;
    line-height: 16px;
    color: #445365;
    background-color: #ffffff;
    border-radius: 4px;
    border: 1px solid #d4def0;
    box-shadow: inset 0 0px 0px rgba(0,0,0,0.075);
    appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    text-align: left;
}
.multiselect-container{ right: 0px; }
.multiselect .caret{ border: 0px; }
.multiselect-container .input-group {
    width: 95%;
    margin: 5px auto !important;
}
.multiselect-native-select .input-group-addon,
.multiselect-native-select .input-group-btn {
    display: none;
}
.multiselect .caret:before {
    content: '\f2f9';
    font-family: 'material-design-iconic';
    position: absolute;
    right: 13px;
    top: 12px;
    width: 8px;
    height: 5px;
}
/***** Content Scrollbar CSS *****/
.declarationScrollbar { max-height:300px; margin-bottom:20px; }

.declarationScrollbar .mCSB_inside > .mCSB_container{margin-bottom:22px;}
.declarationScrollbar .mCSB_scrollTools{opacity:1;}
.declarationScrollbar .mCSB_scrollTools.mCSB_scrollTools_horizontal{height:21px;}
.declarationScrollbar .mCSB_scrollTools .mCSB_draggerRail{background-color:#e9e9e9;border-radius:3px; width:4px;}
.declarationScrollbar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.declarationScrollbar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:active,
.declarationScrollbar .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{
    margin:0px auto;
    border-radius:3px;
    background-color:#bf1f1a !important;
}
.declarationScrollbar:hover .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #bf1f17 !important; }
.declarationScrollbar .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:5px;}
.declarationScrollbar .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
    height:5px;margin:0px auto;
    border-radius:2px;
    background-color:#bf1f1a;
}

@media(max-width:1199px){
	.dom .domicon{ margin-left: 3px; }
    .postcode + .address-section{ margin-bottom: 15px; }
.quick-quotes .other-field.typeOfPropertyOther {
    padding-top: 20px;
}

}
@media (min-width: 992px) and (max-width: 1199px) {
    .cus-radiobtn {
        margin: 0px 10px 0px 0px;
    }
    .custom-radio-group .custom-radio .residential-info,
    .typeOfProperty .cus-radiobtn .residential-info{ width: 722px; }
}
@media(max-width:991px){
	.dom .domicon{ margin-left: 6px; }
    .custom-radio-group .custom-radio .residential-info,
    .typeOfProperty .cus-radiobtn .residential-info{ width: 728px; left: 0px; transform: translateX(0%); }
    .custom-radio-group .custom-radio .residential-info:before{ left: 50px }
}
@media(max-width:767px){
	.mobile-space-B { margin-bottom: 18px; }
	/*.form-group{ margin-bottom: 0px; }*/
	.form-group.mobile-space-B {
		margin-bottom: 18px;
	}
	.dom .domicon{ margin-left: 5px; }
    .btn-back{margin-bottom: 20px;}

    .custom-radio-group .custom-radio{ margin-bottom: 25px; }
    .custom-radio-group .custom-radio .residential-info,
    .typeOfProperty .cus-radiobtn .residential-info{ width: 410px; }

    .value-control .value-list{ padding: 10px 15px; }
    .value-control .value-list:hover,
    .value-control .value-list.active{
        padding: 9px 11px 9px 12px;
    }
    .value-control .value-list:hover:before, .value-control .value-list.active:before,
    .value-control .value-list:hover:after, .value-control .value-list.active:after{ width: 51px; }
}
@media(max-width:580px){
	.mobile-grid { width: 100%; }
.col-xs-push-6.mobile-grid {
    left: 0;
}
	.dom .domicon{ margin-left: 7px; }
    .btn-back{margin-bottom: 20px;}
    .mobilebtn .nextbtn { text-align: left; }
    .postcode .btn-type3{ padding: 10px 6px; font-size: 10px; }
    .address-section .form-control{ width: 100%; margin-right: 0px; }
    .address-section .btn-type3{ margin-top: 15px; }
    .form-group .label.lablemiddle { margin-top: 0px; }
}
@media(max-width: 480px){
    .custom-radio-group .custom-radio{ width: 83px; height: 83px; margin-right: 10px; margin-bottom: 15px; }
    .custom-radio-group label{
        height: 83px;
        padding: 18px 3px;
    }
    .custom-radio-group label .topicon{ font-size: 17px; line-height: 17px; }
    .custom-radio-group label .text{ font-size: 12px; line-height: 15px; }
    .custom-radio-group input[type="radio"]:checked + label:after{
        font-size: 15px;
        line-height: 22px;
        top: -13px;
        height: 25px;
        width: 25px;
    }
    .custom-radio-group .custom-radio .residential-info,
    .typeOfProperty .cus-radiobtn .residential-info{
        top: 95px;
        width: 280px;
        padding: 6px 10px;
        font-size: 12px;
        line-height: 18px;
    }
    .custom-radio-group .custom-radio .residential-info:before{ left: 41px; }

    .input-group .input-group-btn .btn.btn-default,
    .input-group .input-group-btn .btn.btn-default:hover,
    .input-group .input-group-btn .btn.btn-default:focus,
    .input-group .input-group-btn .btn.btn-default:active{ padding: 11px 8px; }
	.cus-radiobtn { margin-right:12px; padding-left:28px; }
	.cus-radiobtn:last-child { margin-right: 0px; }

}
/** button Group CSS **/
.group-btn{
	padding:10px;
	border-top:1px solid #e7e7e7;
	display:block;
	text-align:right;
}