/* Font styles */
@font-face {
    font-family: "MuseoSans-Lightest";
    src: url("../../fonts/museo-sans/100.eot");
    src: url("../../fonts/museo-sans/100.eot?#iefix") format("embedded-opentype"), url("../../fonts/museo-sans/100.woff") format("woff"), url("../../fonts/museo-sans/100.ttf") format("truetype");
}

@font-face {
    font-family: "MuseoSans-Light";
    src: url("../../fonts/museo-sans/300.eot");
    src: url("../../fonts/museo-sans/300.eot?#iefix") format("embedded-opentype"), url("../../fonts/museo-sans/300.woff") format("woff"), url("../../fonts/museo-sans/300.ttf") format("truetype");
}

@font-face {
    font-family: "MuseoSans";
    src: url("../../fonts/museo-sans/500.eot");
    src: url("../../fonts/museo-sans/500.eot?#iefix") format("embedded-opentype"), url("../../fonts/museo-sans/500.woff") format("woff"), url("../../fonts/museo-sans/500.ttf") format("truetype");
}

@font-face {
    font-family: "MuseoSans-Bold";
    src: url("../../fonts/museo-sans/700.eot");
    src: url("../../fonts/museo-sans/700.eot?#iefix") format("embedded-opentype"), url("../../fonts/museo-sans/700.woff") format("woff"), url("../../fonts/museo-sans/700.ttf") format("truetype");
}

@font-face {
    font-family: "MuseoSans-Boldest";
    src: url("../../fonts/museo-sans/900.eot");
    src: url("../../fonts/museo-sans/900.eot?#iefix") format("embedded-opentype"), url("../../fonts/museo-sans/900.woff") format("woff"), url("../../fonts/museo-sans/900.ttf") format("truetype");
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../../fonts/glyphicons-halflings-regular.eot');
    src: url('../../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

@font-face {
    font-family: "Montserrat";
    font-weight: 400;
    src: url("../../fonts/montserrat/400.woff2") format('woff2');
}

@font-face {
    font-family: "Montserrat";
    font-weight: 500;
    src: url("../../fonts/montserrat/500.woff2") format('woff2');
}

@font-face {
    font-family: "Montserrat";
    font-weight: 600;
    src: url("../../fonts/montserrat/600.woff2") format('woff2');
}

@font-face {
    font-family: "DL-icons";
    src: url("../../fonts/DL-icons.woff") format('woff');
}


/*
 * jquery.selectBoxIt.css 3.8.1
 * Author: @gregfranko
 */

/*
  Common CSS Properties
  ---------------------
  These properties will be applied to any themes that you use
*/

/* SelectBoxIt container */
.selectboxit-container {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width:84%;
  margin:0 0 1rem !important;
}

/* Styles that apply to all SelectBoxIt elements */
.selectboxit-container * {
  /* Prevents text selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  outline: none;
  white-space: nowrap;
}

/* Button */
.selectboxit-container .selectboxit {

    margin: 0;
    overflow: hidden;
    position: relative;
	width:100% !important;
	
	background-image: url(../img/select@2x.png);
    background-size: 23px 14px;
    background-repeat: no-repeat;
    background-origin: content-box;
    background-position: 110%;
    padding-left: 2.5rem;
    padding-right: 3.5rem;
    float: left;
    -webkit-appearance: none;
}

/* Height and Vertical Alignment of Text */
.selectboxit-container span, .selectboxit-container .selectboxit-options a {
  height: 30px; /* Height of the drop down */
  line-height: 37px; /* Vertically positions the drop down text */
  display: block;
}

/* Focus pseudo selector */
.selectboxit-container .selectboxit:focus {
  outline: 0;
}

.selectboxit select:focus span{
	border: 20px solid red !important;
}

/* /* Disabled Mouse Interaction 
.selectboxit.selectboxit-disabled, .selectboxit-options .selectboxit-disabled {
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  cursor: default;
} */

/* Button Text */
/* VDS-269 */
.rescueMandatory{
	margin-left:40px !important;
}
.rescureerrorcolr.hasError .radio-group{
	margin-bottom:0px !important;
}
.rescueAmendLink{
  text-decoration: underline;
  margin-top: 13px;
  padding-right: 8px;
  font-size: 15px;
  border-radius:0;
  color:#2aa9df;
  padding-left:19px;
}
.rescuegreenFlagImage{
	margin-top: -50px;
	height:30px;
	margin-right:-10px;
}
.rescueusptext{
	padding-left: 43px !important;
}
.selectboxit-text {
  /* text-indent: 5px; */
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
   width:100%; 
  text-align:left!important;
}

.selectboxit .selectboxit-option-icon-container {
  margin-left: 5px; display:none;
}

/* Options List */
.selectboxit-container .selectboxit-options {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  box-sizing: content-box\9;
  min-width: 100%;  /* Minimum Width of the dropdown list box options */
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
  cursor: pointer;
  display: none;
  z-index: 9999999999999;
  text-align: left;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  top:50px !important;
}



/* Individual Option Hover Action */
.selectboxit-option .selectboxit-option-anchor:hover {
  text-decoration: none;
}

/* Individual Option Optgroup Header */
.selectboxit-option, .selectboxit-optgroup-header {
  /* text-indent: 5px;  *//* Horizontal Positioning of the select box option text */
  margin: 0;
  list-style-type: none;
}



/* Drop Down optgroup header hover psuedo class */
.selectboxit-optgroup-header:hover {
  cursor: default;
}




/* Drop Down individual option icon positioning */
.selectboxit-option-icon-container {
  float: left;
}

.selectboxit-container .selectboxit-option-icon {
  margin: 0;
  padding: 0;
  vertical-align: middle;
}



.selectboxit-rendering {
  display: inline-block !important;
  *display: inline !important;
  zoom: 1 !important;
  visibility: visible !important;
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important;
}

.selectboxit-list {
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}


.selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor {
  color: #ffffff;
  background-color: #1e90ff;
 
}
 .selectboxit-container .selectboxit-options {

width: 100% !important;
min-width:inherit !important;
max-height: 240px;

}
.selectboxit-options .selectboxit-option .selectboxit-option-anchor {
    white-space: normal;
    min-height: 30px;
    height: auto;
    padding: 5px 15px;
    line-height: 21px;
}


.selectric_error .form-control {
border:0.215rem solid #D91F26 !important;
}
.selectboxit-option-anchor:hover { color:#000; }
.ErrorColor:focus{ outline:0;}

/* Font styles */

html,
body {
    height: 100%;
}

body {
    font-family: "MuseoSans", sans-serif;
    overflow-x: hidden;
    font-size: 1.5rem;
}

.helptexttop>div {
	width: 87%;
    float: left;
}

.tooltip {
    font-family: "MuseoSans", sans-serif;
}

img {
    max-width: 100%;
}
/* To avoid selectable content over text and image */

/* *{
-webkit-user-select: none;
} */

/*Common Usage Classes */

.removeDiv {
    display: none;
}

.positionAbsolute {
    /* position: absolute; */
    bottom: 0px;
    width: 90%;
}

.textcenteralign {
    text-align: center;
}

.col-lg-5-col {
    width: 20%;
    padding: 0px;
}
.ErrorTextMSG.errorwidth
{
	width:80%;
}
.padding10px {
    padding: 20px;
}

.margin-bottom15px {
    margin-bottom: 15px;
}

.margin-top25px {
    margin-top: 25px;
}
.remove-border{
	border-radius:0;
}

.alignContentTop {
    position: fixed;
    /* top:220px; */
    top: 85px;
    z-index: 130;
}

.ColChartMob {
    background: #fff;
    border: 1px solid #d7d7d7;
    box-shadow: 1px 0px 5px #d7d7d7;
    margin-bottom: 15px;
}

/* .DraggableSection {
  position: relative;  
}
.DraggableSection > div {
  background: transparent;
  position: absolute;
}
.DraggableSection > .ss-placeholder-child {
  background: transparent;
  border: 1px dashed blue;
}
.DraggableSection > div[data-ss-colspan="2"] { width: 370px;height:350px; }
.DraggableSection > div[data-ss-colspan="3"] { width: 560px;height:350px; }
.DraggableSection > div[data-ss-colspan="4"] { width: 750px;height:350px; } */

.floatRight {
    float: right !important;
}
.NoPadding {
    padding: 0 !important;
}

.NoMargin {
    margin: 0 !important;
}
.modify-btn {
	margin-top:10px; margin-bottom:20px;
}
.removemodification {
	margin-bottom:3px;
}
.Margin5px {
    margin: 5px 8px 3px 5px;
}
.modify-divider hr{margin-top:10px}
.floatNone {
    float: none !important;
}

.paddingRight5px {
    padding-right: 5px;
}

.modal {
    z-index: 1000 !important;
    top: 0 !important;
}

.paddingLeft20px {
    padding-left: 7px;
}

.answerTransparent {
    border: none;
    background: transparent;
}

.customIcon {
    padding: 10px;
}

.modal-header {
    border-bottom: 0;
}

.modal-content {
    background-color: #f3f7fa;
    border-radius: 10px;
}

.modal-content.width50Per {
    width: 50%;
}

.modal-content.width45Per {
    width: 45%;
}

.modal-content.width75Per {
    width: 75%;
}

.modal-body {
    padding: 0 0 20px;
}

.modal-content {
    background-color: #f3f6f9 !important;
    box-shadow: none !important;
    border: 0 !important;
}

.modal-content.width40Per {
    width: 40%;
}

.modal-header .close {
    margin-top: 0px;
}

.modal-header .close h3 {
    font-family: "MuseoSans", sans-serif !important;
    font-weight: 900 !important;
    margin: 10px;
    margin-bottom: 8px;
    font-size: 30px;
}

.popup-header {
    padding: 0px 16px !important;
    background-color: #FFF !important;
    border-radius: 10px 10px 0 0 !important;
}

.modal-header h2 {
    font-family: "Roboto-Bold", sans-serif !important;
    color: #000 !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    font-size: 16px !important;
    margin-top: 14px !important;
    margin-bottom: 15px !important;
    /* font-size: 22px !important;  */
    font-size: 18px !important;
}

.select-MONTH.floatnone{
	float:none;
}


/*Header Sections */

.Heading-topSpacing {
    position: absolute;
    top: 350px;
}

.top-containerLanding {
    background: url(../../images/ACIA_Orange/header-banner.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding-bottom: 14.25%;
    position: relative;
}

.BGcontainer2 {
    background: url(../../images/ACIA_Orange/low-cost-travel-insurance-background-image.jpg);
}

.BGcontainer3 {
    background: url(../../images/ACIA_Orange/our-benefits-background-image.jpg);
}

.InnerpageCommonBanner {
    background: url(../../images/ACIA_Orange/innerpage-banner.jpg) top center no-repeat;
    /*padding-bottom: 4.1%;*/
    background-size: 100% 100%;
    /* height: 260px; */
    height: 280px;
}

.logoSec {
    margin-top: 95px;
}

.InnerpageCommonHeader {
    /* background: url(../../images/ACIA_Orange/innerpage-banner.jpg) 0 0 no-repeat; */
    /* 	padding-bottom: 2%;
	background-size: 100% 100%;
	position: fixed; */
    /*  width: 100%; */
    z-index: 100;
    max-width: 100%;
    height: 15.9375rem;
    border-bottom: 5.75rem solid #2f2f2f;
}

.InnerpageCommonHeader .logoSec {
    margin-top: 15px;
}

.InnerpageCommonHeader .menu-top {
    margin-top: 12px;
}

/* .paddingTopWithHeader{
	padding-top:170px;
} */

/* .InnerpageCommonHeader .logoBtn{
	width:125px;
} */

.InnerpageCommonHeader.min-header {
    padding-bottom: 1%;
}

.alignContentTop.min-header h1 {
    font-size: 34px;
}

.alignContentTop.min-header h2 {
    font-size: 28px;
}

.alignContentTop.min-header {
    top: 70px;
}

.alignContentInHeader {
    position: absolute;
    top: 200px;
}

.InnerpageCommonHeader.min-header .logoBtn {
    width: 115px;
    height: 45px;
}

.logoBtn {
    height: 5.375rem;
    /* width: 14.625rem;
    
    background-size: 14.625rem 3.375rem;
    margin-top: .1875rem;
    left: .375rem; */
}

.InnerpageCommonHeader.min-header .nav.navbar-nav>li a {
    padding: 19px 18px;
}

.InnerpageBannerWrapper {
    position: absolute;
    top: 175px;
    width: 520px;
}

.Inner-Banner-Heading h1 {
    font-family: "MuseoSans", sans-serif;
    color: #fff;
    font-size: 65px;
    margin: 0 0 15px;
}

.Inner-Banner-Sub-Heading {
    font-family: "MuseoSans", sans-serif;
    font-size: 18px;
    color: #fff;
    margin: 20px 0 0;
}

.InnerpageBannerWrapper .blueShadeBtn {
    margin-right: 40px;
    padding: 14px 45px;
}

.home-type-bg {
    background: #e6edf2 url(../../images/ACIA_Orange/home-type-bg.png) bottom center no-repeat;
    background-size: 310px 450px;
}

.motor-type-bg {
    background: url(../../images/ACIA_Orange/car-type-bg.png) center center no-repeat;
    background-size: 300px 230px;
}

/* Menu */

.menu-top {
    background: white;
    border-radius: 5px 0px 0px 5px;
    margin-top: -60px;
}

.navbar-nav>li>a {
    color: #333;
}

.nav.navbar-nav>li a {
    font-size: 14px;
    font-family: "MuseoSans", sans-serif;
    text-transform: uppercase;
    padding: 20px 19px;
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover,
.nav.navbar-nav>li a:hover {
    background: transparent;
    border: 0;
    outline: 0;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    color: #fff;
    background: transparent;
    border: 0;
    outline: 0;
}

.nav>li {
    position: inherit;
}

.nav>li>a {
    padding: 10px 12px;
}

.nav>li.disabled>a {
    display: none;
}

.navbar-collapse {
    padding: 0;
}

.dropdown-menu {
    padding: 0px;
    margin: 5px;
    margin: 0px;
    background: #fd570d;
    /* width: 100%; */
    width: 102.3%;
    /*  position: relative; */
    margin-top: 24px;
    border: 0;
    border-radius: 0px 0px 0px 5px;
    box-shadow: none;
}

.dropdown-menu li {
    display: inline-block;
    padding: 8px -2px;
}

.navbar-nav>li>.dropdown-menu {
    margin-top: -1px;
}

.nav.navbar-nav>li .dropdown-menu>li>a {
    text-transform: capitalize;
    text-align: center;
}

.nav.navbar-nav>li .dropdown-menu>li>a:hover {
    color: #fff;
}

/* .dropdown-menu li.dropdown .dropdown-menu {
	top:210px;
}
.dropdown-menu li.dropdown {background:url(http://decombh.org/img/nav_down.png) no-repeat bottom right !important;
	background-position: 5px 9px !important;
} */

.dropdown-menu>li>a {
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    padding: 2px;
    display: block;
    padding-top: 8px;
    padding-bottom: 8px;
    font-family: "Roboto-Bold", sans-serif;
}

/*.nav.navbar-nav >li a:hover {
	background-image: url(../../images/ACIA_Orange/icons/menu-arrow.png);
    background-position: 49% 100%;
    background-repeat: no-repeat;
	background-color: transparent;
}*/

.nav .open>a {
    background: transparent;
}

.dropdown.open a:before {
    content: " ";
    display: block;
    height: 10px;
    position: absolute;
    left: 40%;
    bottom: 0px;
    width: 21px;
    background: url('../../images/ACIA_Orange/icons/menu-arrow.png') 0 0 no-repeat;
}

#C1__header_about_menu:hover,
#C1__header_blog_menu:hover {
    background-image: none;
    background-color: transparent;
}

.dropdown-menu>li>a :hover {
    color: #fff;
}

.dropdown-content {
    display: none;
    position: absolute;
    background: #fd570d;
    float: left;
    right: 0;
    top: 40px;
    padding: 10px 0;
    border-radius: 5px;
}

.dropdown-content:before {
    content: " ";
    display: block;
    height: 10px;
    position: absolute;
    right: 53%;
    top: -10px;
    width: 21px;
    background: url('../../images/ACIA_Orange/icons/menu-arrow.png') 0 0 no-repeat;
}

.dropdown-logout {
    display: none;
    position: absolute;
    background: #fd570d;
    float: left;
    top: 60px;
    padding: 5px 0;
    border-radius: 5px;
    z-index: 1;
}

.dropdown-logout:before {
    content: " ";
    display: block;
    height: 10px;
    position: absolute;
    right: 42%;
    top: -10px;
    width: 21px;
    background: url('../../images/ACIA_Orange/icons/menu-arrow.png') 0 0 no-repeat;
}

.dropdown-content .menuvert,
.dropdown-content .menuvert ul {
    width: auto;
}

.dropdown-content .menuvert li {
    float: left;
    padding: 0 35px;
}

.dropdown-logout .menuvert li {
    float: none;
}

.dropdown-content .menuvert a,
.dropdown-logout .menuvert a {
    color: #fff !important;
    padding: 0;
    margin: 0;
    width: auto !important;
    text-transform: none !important;
}

.dropdown-logout .menuvert a {
    text-align: center;
}

.themeChangeSettings .dropdown-content:before {
    right: 4%;
}

.themeChangeSettings .dropdown-content .menuvert li {
    padding: 0 13px;
}

.menu-dashboard {
    background: transparent;
    float: right;
}

.menu-dashboard a {
    font-family: "Roboto-Black", sans-serif;
    font-size: 14px;
    text-decoration: none;
    color: #fff;
    margin: 0 0 0 45px;
    text-transform: uppercase;
    display: block;
}

.menu-dashboard a img {
    padding-right: 16px;
    vertical-align: -8px;
}

.cls-dropdown {
    position: inherit;
    display: inline-block;
    padding-bottom: 15px;
}

.cls-dropdown:hover .dropdown-content {
    display: block;
}

.cls-dropdown:hover .dropdown-logout {
    display: block;
}

.cls_drplist {
    width: auto;
    float: left;
}

.contentTopRht {
    float: right !important;
}

.userSec h4 {
    color: #fff;
    float: left;
    font-size: 13px;
    padding: 7px 1px 0 0;
    margin: 0;
}

.userSec h4 span {
    font-size: 14px;
    font-weight: bold;
}

.greenHeader {
    color: #4ac60e;
    padding: 0 0 2px 0;
    font-weight: bold;
}

/*Header Sections end */

/* Content Section start*/

.section-spacing {
    padding: 100px 0;
}

.benefit-section-spacing {
    padding: 85px 0 64px;
}

/* Content Section start*/

/* Progress Bar */

.progress-outer-wrapper {
    display: table;
    text-align: center;
    width: auto;
    margin: 0 auto;
}

.navigate-option {
    width: 100%;
    display: table-cell;
}

.navigate-option div a {
    /*padding: 16px 0px 16px 5px;
     padding: 15px; 
    border-radius: 50px;
    background: #f3f6f9; 
    height: 54px;*/
    font-size: 16px;
    color: #000;
    font-family: "MuseoSans", sans-serif;
    line-height: 53px;
    cursor: pointer;
    color: #a3a3a3;
    text-decoration: none;
}

/* .navigate-option div a{
	padding: 16px 0px 16px 5px; 
	border-radius: 50px;
	background: #f3f6f9;
} */

.navigate-option div.separator {
    width: 25px;
    height: 2px;
    background: #c9d3d7;
    margin: 25px 8px;
    display: inline-block;
}

.navigate-option div.separator.claims {
    width: 17px;
    margin: 25px 2px;
}

.navigate-option div.Claimseparator {
    width: 20px;
    height: 2px;
    background: #c9d3d7;
    margin: 15px 3px;
    display: inline-block;
}

.navigate-option div a span.incompleteStep {
    padding: 15px 20px 15px 50px;
    border: 1px solid red;
    background-color: #FFF;
    border-radius: 50px;
}

.activeProgressStep a span span {
    color: #a3a3a3;
}

.incompleteStepText {
    /* margin: 0px 0px -76px 8px; */
    margin: -15px 0px -20px -10px;
    color: red;
    font-size: 11px;
}

.navigate-option div a span.completedStep {
    padding: 16px 20px 16px 50px;
    background-color: #FFF;
    border-radius: 50px;
}

input[type=file]:focus,
input[type=checkbox]:focus,
input[type=radio]:focus {
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.dragandrophandler {
    border: 2px dotted #c2c4c7;
    /* width:400px; */
    color: #92AAB0;
    text-align: left;
    vertical-align: middle;
    padding: 10px 10px 10px 10px;
    margin-bottom: 10px;
    /* 	font-size:200%; */
    padding: 10px;
}

.statusbar {
    border-bottom: 1px solid #000;
    min-height: 25px;
    /* width:700px; */
    padding: 10px 10px 5px 10px;
    vertical-align: middle;
    background: #FFFFFF;
}

.statusbar:nth-child(odd) {
    background: #EBEFF0;
}

.filename {
    color: #000;
    font-family: "MuseoSans", sans-serif;
    display: inline-block;
    vertical-align: top;
    width: 250px;
}

.filesize {
    display: inline-block;
    vertical-align: top;
    color: #000;
    font-family: "MuseoSans", sans-serif;
    margin-left: 10px;
    margin-right: 5px;
}

.custom-file-input::-webkit-file-upload-button {
    visibility: hidden;
}

.custom-file-input {
    margin-top: 45px;
    font-size: 16px;
    line-height: 17px;
    font-weight: bold;
}

.custom-file-input::before {
    content: 'Browse';
    display: inline-block;
    border: 1px solid #e2e2e2;
    color: #c2c4c7;
    border-radius: 15px;
    font-family: "MuseoSans", sans-serif;
    padding: 10px 20px;
    border-radius: 25px;
    font-weight: bold;
    font-size: 16px;
}

.custom-file-input.focus,
.custom-file-input:focus,
.custom-file-input:hover,
.custom-file-input:active {
    box-shadow: none;
    outline: 0;
    color: #000;
}

/* Progress Bar Ends*/

/* Styles for Map */

.iconOverMap {
    position: relative;
    top: 10px;
    float: right;
    right: 15px
}

.iconOverMap a {
    color: #000;
    font-size: 18px;
}

/*Heading Styles*/

.headingWidthLetterSpacing {
    display: BLOCK;
    FONT-SIZE: 18px;
    color: white;
    font-family: "MuseoSans", sans-serif !important;
    margin-left: 36px;
    letter-spacing: 16px;
    text-transform: uppercase;
}

.biggerHeading {
    display: BLOCK;
    FONT-SIZE: 100px;
    color: white;
    font-family: "Roboto-Bold", sans-serif;
    margin-top: -42px;
}

.whiteHeaderNormal>div {
    float: none !important;
}

.whiteHeaderNormal {
    /* color: #FFF; */
    font-family: "MuseoSans", sans-serif;
    line-height: 35px;
    margin-bottom: 0px;
    /* margin: 25px 0 0 0px; */
}

.whiteHeaderNormal h5 {
    color: #FFF;
    font-family: "MuseoSans", sans-serif;
    line-height: 35px;
    margin-bottom: 0px;
    /* margin: 25px 0 0 0px; */
}

.RegularTextMedium48 {
    display: BLOCK;
    /*  FONT-SIZE: 48px; */
    FONT-SIZE: 44px;
    color: #333;
    font-family: "MuseoSans", sans-serif;
    /*   margin-left: 9px; */
    line-height: 60px;
    margin-top: 15px;
}

.aligncenter {
    text-align: center !important;
    float: none !important;
}

.aligncenter .RegularTextMediumWhite {
    margin: 0px;
}

.RegularTextMedium {
    display: BLOCK;
    color: #333;
    font-family: "MuseoSans", sans-serif;
    margin-left: 9px;
    /* line-height: 35px; */
    line-height: 20px;
    margin-top: 25px;
}

.RegularTextMediumMinMargin {
    margin-top: 8px;
    margin-left: 0;
}

.RegularTextMediumWhite {
    display: BLOCK;
    FONT-SIZE: 16px;
    color: #FFF;
    font-family: "MuseoSans", sans-serif;
    line-height: 24px;
    margin: 40px 9px;
}

.RobotoMediumFooterHeader {
    font-size: 15px;
    font-family: "Roboto-Bold", sans-serif;
    color: #cccccc;
    display: block;
    margin: 10px 4px;
    text-transform: uppercase;
}

.RobotoMediumFB {
    font-size: 12px;
    font-family: "MuseoSans", sans-serif;
    color: #333;
    display: block;
    margin: 5px 4px;
    text-transform: capitalize;
    text-decoration: none;
}

.subHeading h2 {
    font-family: "MuseoSans", sans-serif;
    font-size: 48px;
    line-height: 50px;
    color: #000;
    margin-bottom: 25px;
    margin-top: 0;
}

.subHeadingWhite h2 {
    font-family: "MuseoSans", sans-serif;
    font-size: 48px;
    line-height: 50px;
    color: #fff;
    margin-bottom: 25px;
    margin-top: 0;
}

.centerSubHeading {
    font-family: "MuseoSans", sans-serif;
    font-size: 48px;
    line-height: 50px;
    color: #000;
}

.benefits-background .centerSubHeading {
    color: #fff;
    padding-bottom: 25px;
}

.benefits-background .HeighLightLine {
    margin-bottom: 35px;
}

.benefits-background .info-txt {
    color: #fff;
    width: 100%;
    padding: 0 0 25px;
}

.benefitHeading {
    font-family: "Roboto-Bold", sans-serif;
    font-size: 18px;
    color: #fff;
    width: 100%;
    min-height: 123px;
}

.mid-line {
    width: 32px;
    height: 2px;
    display: block;
    background-color: #8fb5ba;
    margin: 20px auto 0;
}

.desc-txt {
    font-family: "MuseoSans", sans-serif;
    color: #fff;
    font-size: 14px;
    line-height: 32px;
}

.whiteSecBG .centerSubHeading,
.home-type-bg .centerSubHeading {
    color: #000;
    padding-bottom: 25px;
}

.whiteSecBG .HeighLightLine {
    margin-bottom: 35px;
}

.whiteSecBG .info-txt,
.home-type-bg .info-txt {
    color: #5e5e5e;
    width: 100%;
    padding: 0 0 25px;
    font-size: 14px;
    line-height: 24px;
}

.whiteSecBG .HeighLightLine,
.home-type-bg .HeighLightLine {
    margin-bottom: 35px;
}

.small-heading h4,
.small-heading-right {
    font-family: "MuseoSans", sans-serif;
    font-size: 18px;
    color: #000;
    margin: 0 0 15px;
}

/* Used inside display text */

.RobotoMediumFooterHeader:hover {
    color: #fff;
    text-decoration: none;
}

.RobotoMediumFB:hover {
    color: #fff;
    text-decoration: none;
}

.RobotoMediumFL {
    font-size: 15px;
    font-family: "MuseoSans", sans-serif;
    color: #333;
    display: block;
    margin: 15px 5px;
    text-transform: capitalize;
    text-decoration: none;
}

.RobotoMediumFL:hover {
    color: #6b6b6b;
    text-decoration: none;
}

.RobotoMediumFP {
    font-size: 24px;
    font-family: "Roboto-Bold", sans-serif;
    color: #fd570d;
    display: block;
    margin: 15px 0px 0px 5px;
    text-transform: capitalize;
}

.RobotoMediumFHint {
    font-size: 10px;
    font-family: "Roboto-Bold", sans-serif;
    color: #a0a0a0;
    display: block;
    margin: 0px 0px 15px 5px;
    text-transform: uppercase;
    text-decoration: none;
}

.RobotoMediumFEmail {
    font-size: 13px;
    font-family: "Roboto-Bold", sans-serif;
    color: #fd570d;
    display: block;
    margin: 0px 0px 15px 5px;
    text-transform: uppercase;
    text-decoration: underline;
}

.RobotoMediumFEmail:hover {
    color: #fd570d;
}

/* ends :Used inside display text */

/*Button Styles */

.blueShadeBtn {
    font-size: 14px;
    /*text-transform: uppercase;*/
    /* padding: 14px 45px; */
    /* padding: 11px 28px; */
    padding: 15px 43px;
    margin-bottom: 0px;
    height: 49px;
    display: inline-block;
    /* color: #d3e1e3; */
    color: #bdcacc;
    line-height: 20px;
    border-radius: 50px;
    margin-right: 0px;
    font-family: "MuseoSans", sans-serif;
    margin-top: 20px;
}

.blueShadeBtn.adddriver-btn {
    padding: 15px 30px;
}
.backBtnShade {
    font-size: 22px;
    /*text-transform: uppercase;*/
    /* padding: 14px 45px; */
    padding: 10px 28px;
    /* display: inline-block; */
    /* color: #d3e1e3; */
    color: #000;
    border: 2px solid #ddded7;
    border-radius: 50px;
    margin-right: 0px;
    font-family: "MuseoSans", sans-serif;
    float: left;
    line-height: 24px;
}

.save-and-exit-btn {
    font-size: 22px;
    padding: 0.5em 1em;
    color: #000;
    border: 2px solid #ddded7;
    border-radius: 50px;
    margin-right: 0px;
    font-family: "MuseoSans", sans-serif;
    display: inline-block;
    line-height: 24px;
    background: #f3f3f3;
}

.backBtnShade:hover,
.backBtnShade:focus {
    text-decoration: none;
    color: #000;
    outline: 0;
    border: 0.125rem solid #b6d323;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}
.backBtnShade.removebtnshade:hover,.backBtnShade.removebtnshade:focus {
    border:2px solid #b6d323; outline: 0;
}
.save-and-exit-btn:hover,
.save-and-exit-btn:focus {
    text-decoration: none;
    color: #000;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
	 border:2px solid #ddded7;
}

.blueShadeBtn:hover {
    text-decoration: none;
    outline: 0;
}

.blueShadeBtn.small {
    font-size: 12px;
    padding: 7px 18px;
    margin: 0px;
}

.edgeConnectDisabled.blueShadeBtn,
.edgeConnectDisabled.blueShadeBtn:hover,
.edgeConnectDisabled.blueShadeBtn:focus {
    cursor: not-allowed;
    /* background: #fd570d;  
	border: 2px solid #fd570d; */
    border: 2px solid #b6d323;
    color: #000;
    background: #b6d323;
}

.modal-content .blueShadeBtn.greenBtnFill.fullWidth {
    margin-top: 10px;
}

.blackBorderBtn_Small {
    font-size: 14px;
    text-transform: none;
    padding: 6px 18px;
    display: inline-block;
    color: #000;
    border: 1px solid #000;
    border-radius: 50px;
    margin-right: 0px;
    font-family: "MuseoSans", sans-serif;
}

.blackBorderBtn_Small:hover {
    text-decoration: none;
}

.purple {
    color: #8755bb;
    border: 2px solid #8755bb;
    /*  margin: 10px 18%;    */
}

.purple:hover {
    color: #8755bb;
    border: 2px solid #8755bb;
}

.LinkBtn_White {
    font-size: 2.875rem;
    text-transform: uppercase;
    display: inline-block;
    color: #000;
    border: 2px solid rgba(0, 0, 0, 0);
    font-family: "MuseoSans", sans-serif;
    cursor: none;
}

.radioTick {
    content: " ";
    background: #b6d323;
    background-image: url(../../images/DirectLine/tick@2x.png);
    background-repeat: no-repeat;
    background-size: 1.5625rem 1.125rem;
    /* background-position: .8125rem 1rem; */
    border: 0;
    color: #fff;
}

.LinkBtn_White:hover {
    text-decoration: none;
    color: #000;
    cursor: none;
}

.LinkBtn_White img{
    vertical-align: middle;
    margin-left: 10px;
    margin-right: 1.4rem;
}

.LinkBtn {
    font-size: 16px;
    /* text-transform: uppercase; */
    display: inline-block;
    color: #000;
    padding: 15px 0px;
    border: 2px solid rgba(0, 0, 0, 0);
    font-family: "MuseoSans", sans-serif;
}

.LinkBtn input {
    vertical-align: middle;
    padding: 5px;
}

/* .legalexpenses { */
	/* color: #fff;; */
    /* font-size: 22px; */
    /* background: #2aa9df; */
    /* margin-top: 0px !important; */
/* }	 */
.greenBtnFill.legalexpenses, .greenBtnFill.legalexpenses:hover{
	background: #2aa9df;
	color: #fff;
}
.greenBtnFill.courtesyvan, .greenBtnFill.courtesyvan:hover{
	background: #2aa9df;
	color: #fff;
}

.greenBtnFill.courtesyvan.rescue, .greenBtnFill.courtesyvan.rescue:hover{
	background: #b6d323;
	color: #000;
}
.greenBtnFill {
    color: #000;
    font-size: 22px;
    background: #b6d323;
    margin-top: 0px !important;
}

.greenBtnFill:hover {
    color: #000;
    text-decoration: none;
    background: #b6d323;
    color: #000;
}

.greenBtnFill:focus {
    text-decoration: none;
    color: #000;
}

.fullWidth {
    width: 100%;
    height: 46px;
    /* to match with question field height */
}

.buttonWithQuestion {
    margin-top: 25px;
    padding: 11px 25px 9px;
    float: right;
    margin-right: 10px;
    /* font-size: 14px; */
}

.LinkButtonLightGreen {
    color: #84c7bd;
    font-size: 12px;
    font-family: "Roboto-Bold", sans-serif;
    text-transform: capitalize;
}

.linkBtnWithBorderBottom {
    font-size: 16px;
    color: #ccc;
    font-family: "Roboto-Bold", sans-serif;
    margin: 10px;
}

.linkBtnWithBorderBottom.active {
    border-bottom: 2px solid #fff;
    padding-bottom: 5px;
    color: #fff;
    text-decoration: none;
    color: #fff
}

.linkBtnWithBorderBottom:hover,
.linkBtnWithBorderBottom:focus,
.LinkButtonLightGreen:hover,
.LinkButtonLightGreen:focus {
    border-bottom: 2px solid #fff;
    padding-bottom: 5px;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

.edgeConnectDisabled.linkBtnWithBorderBottom:hover,
.edgeConnectDisabled.linkBtnWithBorderBottom:focus .edgeConnectDisabled.LinkButtonLightGreen:hover,
.edgeConnectDisabled.LinkButtonLightGreen:focus {
    cursor: not-allowed;
    border-bottom: none;
    color: #ccc;
}

.linkBtnWithUnderline {
    font-size: 14px;
    background: none;
    text-decoration: underline;
    border: 0;
    color: #293135;
    text-transform: uppercase;
    font-weight: bold;
}

.linkBtnWithUnderline:hover,
.linkBtnWithUnderline:focus {
    color: #293135;
    text-decoration: underline;
}

.logoImgBtn {
    width: 40px;
    height: 45px;
    margin: 7px 0 0 0px;
}

.login_top_logo {
    width: 60px;
    height: 60px;
    background: rgba(25, 105, 114, .4);
    border-radius: 50px;
    margin: 0px auto;
    margin-top: -25px;
    float: none !important;
}

.logoImgBtn:focus {
    outline: 0;
}

/*Button Styles */

/* Lay out */

.ToggleCollapse {
    width: auto;
    /*  height: 90px;
    padding: 27px 0px 10px 35px; */
    height: 75px;
    padding: 15px 0px 6px 40px;
    margin: 0px;
    border-radius: 5px 5px 0px 0px;
    font-family: "MuseoSans", sans-serif;
    font-size: 18px;
    color: #fff;
    line-height: 22px;
    /*   bottom: 0px; */
    position: absolute;
    z-index: 9;
    /*  margin: 0px 10px; */
    min-width: 100%;
}

.arrow-up {
    display: block;
    /* margin-top: -50px;
    margin-left: 120px; */
    width: 16px;
    height: 16px;
    background: url(../../images/ACIA_Orange/icons/arrow-top.png);
    background-repeat: no-repeat;
    cursor: pointer;
    position: absolute;
    /* top: 0px; */
    right: 20px
}

.arrow-down {
    display: block;
    /*  margin-top: -50px;
    margin-left: 120px; */
    width: 16px;
    height: 16px;
    background: url(../../images/ACIA_Orange/icons/arrow-down.png);
    background-repeat: no-repeat;
    cursor: pointer;
    position: absolute;
    /* top: 0px; */
    right: 20px
}

.arrow-up:hover,
.arrow-up:focus,
.arrow-down:hover,
.arrow-down:focus {
    outline: 0;
    text-decoration: none;
}

.ToggleDisplay {
    position: absolute;
    bottom: 0px;
    /* bottom: 15px; */
    height: 100%;
    padding-top: 59px;
    /*   padding-top: 90px; */
    background: #fff;
    width: 100%;
    border-radius: 10px 10px 0px 0px;
}

.greenBG:hover {
    background-color: #047560;
}

.orangeBG:hover {
    background-color: #ff4f00;
}

.blueBG:hover {
    background-color: #0384a5;
}

.purpleBG:hover {
    background-color: #331b4c;
}

.benefitshighlight {
    padding: 100px 45px 45px 45px;
    margin: 10px;
    text-align: center;
    color: #fff;
    cursor: pointer;
}

.hiddenspan {
    visibility: hidden;
    display: block;
}

.benefitshighlight:hover .colorwhitegray {
    color: #333;
}

.benefitshighlight:hover {
    background: #fff;
    border-radius: 5px;
    color: #333;
}

.grayline {
    margin: -14px 40% 0px 40%;
    height: 3px;
    background: #c3c3c3;
}

.colorwhitegray {
    color: #fff;
}

.benefitshighlight:hover .hiddenspan {
    visibility: visible;
}

.customersupport:hover {
    background-image: url('../../images/ACIA_Orange/icons/customergGreetings-hover.png');
    background-repeat: no-repeat;
    background-position: center top 30px;
}

.worldwideaccess:hover {
    background-image: url('../../images/ACIA_Orange/icons/worldwide-access-hover.png');
    background-repeat: no-repeat;
    background-position: center top 30px;
}

.realtimenetwork:hover {
    background-image: url('../../images/ACIA_Orange/icons/real-time-hover.png');
    background-repeat: no-repeat;
    background-position: center top 30px;
}

.analytics:hover {
    background-image: url('../../images/ACIA_Orange/icons/analytics-hover.png');
    background-repeat: no-repeat;
    background-position: center top 30px;
}

.administration:hover {
    background-image: url('../../images/ACIA_Orange/icons/adminstration-hover.png');
    background-repeat: no-repeat;
    background-position: center top 30px;
}

.topcustomersupport:hover {
    background-image: url('../../images/ACIA_Orange/icons/top-customer-service-hover.png');
    background-repeat: no-repeat;
    background-position: center top 30px;
}

.login-container {
    background: url(../../images/ACIA_Orange/login-bg.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
    position: relative;
    height: 100vh;
    /* min-height: 662px; */
}

.colWithBorderBottom {
    padding: 15px 15px;
    border-bottom: 1px solid #d5d9dc;
}

.colWithNoBorderBottom {
    padding: 15px 15px;
}

/* .panel-group .panel-heading+.panel-collapse>.panel-body div:last-child {
   border-bottom:none;
} */

.featured-image img {
    width: 100%;
}

.yellowBox {
    border: 1px solid #eaab04;
    background: #fefbf2;
    padding: 12px;
    /* color:#ffdab9; */
    text-transform: uppercase;
    color: #eaab04;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    margin: 20px 0;
}

.boxSection {
    /*border:1px solid #d7d7d7;
	 min-height: 250px;
	max-height: 250px; */
    overflow-y: auto;
    margin-top: 20px;
    background: transparent;
    padding: 0;
}

.whiteDraggableBox {
    /* overflow-y: auto; */
    margin-top: 20px;
    background: #fff;
    /* border: 1px solid #fff; */
    /* box-shadow: 1px 0px 5px #fff;  */
    cursor: move;
    min-height: 300px;
}

.whiteDraggableBox .centerSubHeading {
    font-size: 20px;
    padding-bottom: 5px;
}

.boxSectionMinMaxHeight {
    /*border:1px solid #d7d7d7;*/
    /* overflow-y: auto; */
    margin: 20px 0 20px 0;
    background: #f3f7fa;
    padding: 0;
    -webkit-box-shadow: 0 0 5px 0 #d7d7d7;
    box-shadow: 0 0 5px 0 #d7d7d7;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

.boxSectionMinMaxHeightSelected {
    /* overflow-y: auto; */
    margin: 20px 0 20px 0;
    padding: 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #4c67f3;
    background: #e2e7ff;
}

.boxSectionMinMaxHeight .linkBtnWithUnderline span,
.boxSectionMinMaxHeightSelected .linkBtnWithUnderline span {
    color: blue;
    text-transform: lowercase;
}

.boxSectionMinMaxHeight .paddingTopIn,
.boxSectionMinMaxHeightSelected .paddingTopIn {
    padding-top: 10px;
}

.boxSectionMinMaxHeight .paddingLeft20px {
    padding-left: 5px;
}

.boxSectionMinMaxHeight .paddingTop20px,
.boxSectionMinMaxHeightSelected .paddingTop20px {
    padding-top: 5px;
}

.boxSection .paddingTop20px {
    padding-top: 0px;
}

.boxSection .paddingLeft20px {
    padding: 10px 0 0 5px;
}

.whiteBoxSec {
    background: transparent;
    border-radius: 10px 10px 0 0;
    -webkit-box-shadow: 0 0 5px 0 #d7d7d7;
    box-shadow: 0 0 5px 0 #d7d7d7;
}

.whiteBoxSec .panel {
    border-radius: 10px;
}

.whiteBoxSec .panel-heading.whiteBG {
    border-radius: 10px 10px 0 0;
}

.whiteBoxSec .clearBoth {
    clear: both;
    height: 0px;
    overflow: hidden;
    display: none;
}

.whiteBoxSec .QuestionTextGreen label {
    color: #000;
}

.MaxWidth {
    width: 107% !important;
}

.boxHeading {
    margin: 0;
    background: #fff;
    padding: 10px 15px;
    border-radius: 11px 11px 0 0;
    -webkit-box-shadow: 0 1px 5px 0 #d7d7d7;
    box-shadow: 0 1px 5px 0 #d7d7d7;
}

.radioOptionWithBG .radio-group {
    padding-bottom: 0;
}

.radioOptionWithBG .radioOptionWithBG {
    width: 100%;
}

.radioOptionWithBG .custom-radio {
    width: 100%;
    height: auto;
    padding: 20px 15px 19px;
    background: url(../../images/ACIA_Orange/radio.png) 10px 22px no-repeat;
    border-bottom: 1px solid #d7d7d7;
}

.radioOptionWithBG .custom-radio input[type=radio] {
    left: 10px;
    top: 23px;
}

.radioOptionWithBG .radio-button.selected,
.radioOptionWithBG .custom-radio.selected {
    background: url(../../images/ACIA_Orange/radio-selected.png) 10px 22px no-repeat !important;
}

.radioOptionWithBG .radio-btn:nth-of-type(3) .custom-radio {
    border-bottom: 0;
}

.SubHeader {
    color: #fd570d;
    /* padding: 20px 0 25px; */
    margin: 5px 15px 5px;
    font-weight: bold;
    display: inline-block;
}

.whiteSecBG .HeighLightLineMin {
    margin-left: 3px;
    margin-top: 10px;
    margin-bottom: 15px;
}

.whiteBoxSec .form-control {
    width: 91%;
}

.sortCode.form-control {
    width: 100%;
}

.whiteBoxSec .inner-content select {
    width: 91%;
}

.AlignContentCenter {
    margin: 0 0 0 8%;
    width: 84%;
}

.AlignContentCenter .inner-content {
    padding: 0px;
}

.claimsBG {
    background: url(../../images/ACIA_Orange/claims_landing_page_bg_orange.png);
    background-size: 100% 100%;
    padding-bottom: 5.25%;
    margin-top: 20px;
}

.alignBtnAtBottom {
    position: absolute;
    bottom: 30px;
    width: 90%;
}

.infoTextSec {
    padding: 20px 2px;
    color: #FFF;
    font-family: "MuseoSans", sans-serif;
    text-align: center;
    background: #999;
    border-radius: 4px;
}

.infoTextSec.greenBGSec {
    background: #088f7c;
}

.infoTextSec.blueBGSec {
    background: #0bb8ff;
}

.infoTextSec.amberBGSec {
    background: #FFC200;
}

.infoTextSec.purpleBGSec {
    background: #4B0082;
}

.infoTextSec.redBGSec {
    background: #e50000;
}

/* ends Layout */

/* Date Picker */

/*img[src='./images/cal.gif'] {
	position: absolute;
	margin: -43px 91px 0px 0px;
	margin: -43px 50px 0px 0px;
	 margin: 5px 25px -20px -40px; 
	right: 3px;
	width: 19px !important;
	height: 20px !important;
	padding: 0 !important;
	z-index:0 !important; 
	
}*/

.datepicker-helpicon a img {
    padding-left: 5px;
    margin-top: 12px;
}

.ui-datepicker-trigger {
    position: absolute;
    right: 120px;
    top: 15px;
}

/* .DatePicker > div {
	position: relative;
} */

#captcha_div>div {
    width: 288px !important;
}

#captcha_div iframe {
    width: 288px !important;
}

/* Date Picker  Ends */

/* Display Item */

.greenbg {
    background: #088f7c;
    border: 1px solid #35958e;
    border-radius: 25px;
}

.greenbg h2 {
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    font-family: "MuseoSans", sans-serif;
    border-left: 4px solid #fd570d;
    padding-left: 10px;
    line-height: 14px;
    margin: 20px 0px 15px 0px;
}

.RegularTextMedium16 {
    display: BLOCK;
    FONT-SIZE: 16px;
    color: #333;
    font-family: "MuseoSans", sans-serif;
    line-height: 24px;
    margin: 15px 0px;
}

.RegularTextMedium16.colorwhitegray {
    color: #fff;
}

.RegularTextMedium16icon {
    display: BLOCK;
    FONT-SIZE: 16px;
    color: #333;
    font-family: "MuseoSans", sans-serif;
    line-height: 24px;
    margin: 8px 0px 0px 0px;
    padding: 14px 15px 15px 75px;
}

.line2px {
    height: 1px;
    width: 100%;
    background: #84c7bd;
    margin: 10px 0px;
}

/* Display Item Ends */

/* Footer Content*/

.top-footer {
    background: #FFF;
    /* border-bottom: 1px solid #1f1f1f;*/
    min-height: 100px;
    padding: 35px 0px;
}

.top-footer ul {
    margin: 0px;
    padding: 0px;
}

.top-footer li {
    list-style: none;
}

.bottom-footer {
    background: #000;
    min-height: 50px;
    padding: 10px 0px;
}

.menuvert>ul>li:hover>a {
    color: #fff;
}

/* Footer Content Ends*/

/* Content Section */

.inner-content {
    margin: 20px 0px 20px;
    border-radius: 5px;
    background: #fff;
    min-height: 400px;
    padding: 20px 0;
    /*  box-shadow: 0 0 8px #d0d0d0; */
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.whiteSecBG {
    /*inner-main */
    background: #FFF;
}

.QuestionText {
    /* RegularTextMedium16black */
    font-size: 1.5rem;
    color: #000;
    font-family: "MuseoSans";
    line-height: 20px;
    font-weight: 500;
    text-align: left !important;
}

/* .QuestionWidth{

	width:88%;	UIC
	
} */

.invokeAddressLookup {
    margin: 0px;
}

.long-text span {
    vertical-align: top;
}

.level-of-cover label:first-of-type span {
    margin-bottom: 1rem;
}

.form-control {
    display: block;
    box-sizing: border-box;
    width: 84%;
    height: 5rem !important;
    padding: .5rem;
    border: 2px solid #ccc;
    margin: 0 0 1rem;
    font-family: inherit;
    font-size: 1.6rem;
    color: #000;
    background-color: #fff;
    box-shadow: inset 0 0 8px #ebebeb;
    border-radius: 1000px;
    -webkit-transition: box-shadow .5s, border-color .25s ease-in-out;
    transition: box-shadow .5s, border-color .25s ease-in-out;
    -webkit-appearance: none;
}
.selectboxit:focus {
	outline:0;
}
.form-control:focus,.selectboxit-container.selectboxit-container:focus .selectboxit-enabled,.active-element{
    border: .125rem solid #b6d323;
}
.selectboxit-container.selectboxit-container:focus {
    outline: 0;
}
.tableSecQuestion {
    color: #7f7f7f;
    font-family: "Roboto-Bold", sans-serif;
    font-size: 12px;
}

.addressSelectionCheck>label {
    display: none;
}

.inner-content select {
    /* background-image: url(../../images/ACIA_Orange/icons/inner-down-arrow.png); */
    background-image: url(../../images/DirectLine/select@2x.png);
    background-size: 2.175rem 1.275rem;
    background-repeat: no-repeat;
    background-position: right 15px top 18px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 50px;
    width: 80%;
    padding: 13px 25px;
    height: 5rem;
    font-size: 1.6rem;
}

select.ui-datepicker-month,
select.ui-datepicker-year {
    height: 3.825rem;
    background-size: 12px;
    background-position: right 8px top 15px;
}

.inner-content .datepicker {
    background-image: url(../../images/ACIA_Orange/icons/inner-datepicker-icon.png);
    background-repeat: no-repeat;
    background-position: right 20px top 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 50px;
}

.QuestionText label, .QuestionText span{
    font-weight: normal !important;
    font-size: 16px;
    padding-right: 35px;
}

.QuestionText.marginBottom {
    margin-bottom: 12px;
}

.QuestionText span {
    font-weight: bold;
}

.QuestionText.QuestionTextGreen {
    color: #84c7bd;
}

.QuestionText.BigLabel {
    font-size: 1rem;
}

.whiteDraggableBox .QuestionText label {
    float: right;
    text-align: right;
}

.whiteDraggableBox .QuestionText.marginBottom {
    margin: 0px;
}

.QuestionTextGreen label {
    color: #84c7bd;
    font-size: 12px;
    font-family: "Roboto-Bold", sans-serif;
    text-transform: capitalize;
}

.greenbg select {
    background-image: url(../../images/ACIA_Orange/icons/inner-down-arrow.png);
    background-repeat: no-repeat;
    background-position: right 20px top 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 50px;
    width: 95%;
}

/* .answerWidth{
	width:100%; UIC
} */

.mandatory {
    padding-left: 3px;
    color: #ff2222;
    font-size: 16px;
}

.width95Per {
    width: 91%;
}

/*CE-2476*/

.qlrError.validationerrorsmsg {
    margin-bottom: 45px !important;
}

.errorAdded {
    position: relative;
    margin-bottom: 22px !important;
}

.errorAdded span.ErrorColor {
    position: absolute;
    line-height: 1.5 !important;
}

.ErrorAddressList {
    width: 48.5%;
    float: right;
}

.ErrorColor.WarningMSG, .radio-button-align .wrapper +span {
	color: #9f6000;
    background: #feefb3;
}

.ErrorColor.WarningMSG.BCKground, .radio-button-align .wrapper +span {
	color: #000;
    background: None;
}
.WarningMSG.MobileViewWarningMSG {
   margin-left: 51%;
    width: 40%;
	margin-top: -2%;
    margin-bottom: 2%;
    padding: 0.5rem 0.5rem 0.5rem;
}

.rescueMandatory.ErrorColor, .radio-button-align .wrapper +span {
	    margin-left: 50px;
}

.ErrorColor, .radio-button-align .wrapper +span {
    color: #D91F26;
    /* padding-bottom: 15px; */
    background-color: transparent;
    border: none;
    font-family: "MuseoSans", sans-serif;
    font-size: 16px;
    width: 100%;
    text-align: left;
    float: left;
    margin-bottom: 2px;
    height: auto !important;
    margin-left: 15px;
    /* line-height: 3; */
}




.ErrorColor.edgeConnectDisabled {
    display: none;
}

.ErrorColorText {
    color: #D91F26;
}

.declare-error {
    position: relative;
    top: 13px;
    left: -43px;
}

.has-error .form-control,
.errorborder input[type="radio"]+label span {
    border: 0.155rem solid #D91F26 !important;
}

.ErrorTextMSG {
    color: #D91F26;
    /* padding-bottom: 16px; */
    background-color: transparent;
    font-family: "MuseoSans", sans-serif;
    font-size: 16px;
    width: 95%;
    text-align: left;
    margin-bottom: 2px;
    height: auto !important;
    margin-left: 15px;
    line-height: 1.5;
    /* display: inline-block !important; */
    float: left;
    /* padding-top:20px; */
}

/* .occupation-lookup .ErrorTextMSG { */

/* padding-bottom:0!important; */

/* } */

.form-control.hasError {
    border: .215rem solid #D91F26 !important;
}

select.form-control.hasError,.selectric_error .selectric-wrapper {
    margin: 0 0 1rem;
}

.info-txt {
    font-family: "MuseoSans", sans-serif;
    color: #000;
    font-size: 16px;
    line-height: 32px;
    width: 455px;
    padding-top: 30px;
}

.alert-info {
    color: #a3a3a3;
    background-color: #fff;
    border-color: #b8bcc4;
}

.alert {
    padding: 8px 9px;
    border-radius: 23px;
}

.alert h4 {
    margin-bottom: 0px;
    font-size: 15px;
}

.autoCompleteList {
    background: #fff;
    width: 88.6%;
    font-weight: normal;
    font-family: "MuseoSans", sans-serif;
    font-size: 12px;
    line-height: 24px;
    margin-top: 12px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    border: 1px solid #66afe9;
}

.autoCompleteList div {
    padding-left: 14px;
}

.autoCompleteItem,
.autoCompleteList div:hover {
    cursor: pointer;
    background-color: #e6edf2;
    color: black;
}

/* Hard Fixes */

#helpContent {
    width: auto !important;
    max-width: 300px;
    background-color: transparent !important;
}

#toolbar {
    display: none;
    margin-top: 144px;
}

#helpContent div {
    background-color: #C2DFFF !important;
    border: 1px solid #82CAFF !important;
    color: #000 !important;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 400;
    padding: 10px !important;
    white-space: normal;
    word-break: keep-all !important;
}

#helpContent div b,
#helpContent div br {
    display: none;
}

#FloatPopupDiv {
    border-radius: 20px;
    /* background: #e6edf2 !important; */
    /* width:500px;
	top:0!important;
	left:0!important;
	right:0!important;
	margin-top:10%;
	margin-left:auto!important;
	margin-right:auto!important; */
}

#popupiframe {
    /* 	background: #e6edf2 !important; */
    border-radius: 20px;
}

#FloatPopupDiv div:nth-child(2) {
    height: 100% !important;
}

#C3__p1_ClaimsBarChart {
    float: none !important;
}

/* .HelpIcon a img{
	padding-top: 15px;
} */

.HelpIconSingleRowQus a img {
    margin: -15px 0 0 2px;
}

.HelpIcon.lesswithMargin a img {
    margin: -7px -3px 7px -2px;
    padding: 0px;
}

/* .HelpIcon.withMargin a img{
	margin: 14px 0px;
	padding:0px;
} */

.HelpIconLessTop a img {
    padding: 0px 0 0 2px;
    margin-top: -8px;
}

/* position: absolute;
	margin: -44px 64px 0px 0px;
 margin: 5px 25px -20px -40px;
	right: 3px;
	padding: 0 !important;
	z-index:0 !important; 
}
.HelpIcon.LessPadding a img{
	margin: -36px 0px 0px 0px;
}
.HelpIcon.TopLeftPadding a img {
    margin: -39px 50px 0px 0px;
} */

/* ends Hard Fixes */

/*Test */
.rescureerrorcolr .radio-group {

    margin-bottom: 0;
}

.radio-group {
    float: left;
    /* width: 99%; */
    position: relative;
    margin-bottom: 20px;
}

.radioHelpIcon {
    float: right;
}

.radio-group .question-icon {
    top: 2px;
}

input[type="radio"]+label span {
    background-color: #fff;
    border: .125rem solid #ccc;
}

.radio-button.selected,
.custom-radio.selected,
.custom-radio input[type="radio"]:checked,
.radio-button input[type="radio"]:checked {
    background: url('../../images/DirectLine/tick@2x.png') 0 3px no-repeat !important;
}

.custom-radio input[type=radio] {
    /* margin: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	cursor: pointer;
	outline: none;
	width: 16px;
	height: 18px; */
    /* opacity: 0; */
    background-color: #b6d323;
    border: 0;
    color: #fff;
    font-family: "MuseoSans-Bold";
    text-indent: -0.4375rem;
}

.custom-radio {
    display: inline-block;
    position: relative;
    z-index: 1;
    background: url('../../images/DirectLine/tick@2x.png') 0 3px no-repeat;
    width: 16px;
    height: 18px;
    float: left;
    width: 160px;
    /* padding: 3px; */
}

label.radio-label {
    font-size: 12px;
    color: #7f7f7f;
    font-family: "MuseoSans", sans-serif;
    font-weight: normal;
    padding-left: 10px;
    /* width: 85%; */
    width: 100%;
    margin-top: -2px;
    text-transform: none;
    /* color: #546e7b;	 */
    padding-bottom: 0;
    margin-left: 10px;
    line-height: 15px;
}

.radioLongTxtOpt .custom-radio {
    width: 42%;
    height: auto;
    padding-right: 10px;
}

.readonlyQus label {
    FONT-SIZE: 14px;
    color: #7f7f7f;
    font-family: "MuseoSans", sans-serif;
    line-height: 20px;
    font-weight: normal;
    float: left;
}

/* .checkBox.selected , .custom-checkbox.selected, .custom-checkbox input[type="checkbox"]:checked, .checkBox input[type="checkbox"]:checked {
	background: url('../../images/DirectLine/checkbox-checked.png') 0 0 no-repeat !important;
	
} */

.custom-checkbox input[type=checkbox] {
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    cursor: pointer;
    outline: none;
    width: 60px;
    height: 50px;
    opacity: 0;
}

/* .custom-checkbox {
	display: block;
	position: relative;
	z-index: 1;
	background: url('../../images/DirectLine/checkbox.png') no-repeat;
	margin:0px;
	width: 100%;
	height: auto;
	float: left;
	padding: 3px;
} */

input[type="checkbox"]:checked+label.checkbox-label {
    font-size: 1.5rem;
    color: #000;
    font-family: "MuseoSans", sans-serif;
    font-weight: normal;
    width: 100%;
    margin-top: -2px;
    text-transform: none;
    padding-bottom: 0;
    margin-left: 10px;
    line-height: 17px;
    background: url(../../images/DirectLine/checkbox-checked.png);
    background-repeat: no-repeat;
    padding-left: 25px;
    background-size: calc(15px);
}

input[type="checkbox"]+label.checkbox-label {
    font-size: 1.5rem;
    color: #000;
    font-family: "MuseoSans", sans-serif;
    font-weight: normal;
    width: 100%;
    margin-top: -2px;
    text-transform: none;
    padding-bottom: 0;
    margin-left: 10px;
    line-height: 17px;
    background: url('../../images/DirectLine/checkbox.png') no-repeat;
    background-repeat: no-repeat;
    padding-left: 25px;
    background-size: calc(15px);
}

label.checkbox-label {
    font-size: 1.5rem;
    color: #000;
    font-family: "MuseoSans", sans-serif;
    font-weight: normal;
    padding-left: 10px;
    /* width: 85%; */
    width: 100%;
    margin-top: -2px;
    text-transform: none;
    /* color: #546e7b;	 */
    padding-bottom: 0;
    margin-left: 10px;
    line-height: 15px;
}

.custom-checkbox.horizontal {
    width: auto;
}

.custom-checkbox.selected label {
    color: #000;
}

.noAnswerLabel.checkbox-label {
    opacity: 0;
}

.checkboxOption input[type="checkbox"]:checked+label {
    color: #000;
}

.checkboxOption input {
    margin: 0px 10px 0px 0px;
}

.checkboxOption label {
    font-size: 12px;
    color: #7f7f7f;
    font-family: "MuseoSans", sans-serif;
    text-transform: none;
    font-weight: normal;
}

.numberDisplayRow {
    font-size: 28px;
    font-weight: bold;
    position: relative;
}

.Symbol label {
    margin-left: 15px;
    display: list-item;
    list-style-type: circle;
}

.QuoteSummaryalign label {
    margin: 0 27px 0;
}

.QuoteSummaryalign {
    text-align: left;
    float: left;
    margin: 0 0 10px;
    font-weight: bold;
}

.onoffswitch-inner:before {
    background-color: #fd570d !important;
}

.ui-widget-content {
    background: #fff !important;
    border-radius: 6px !important;
}

.QuestionText.textItemNavInfo {
    font-size: 16px;
    margin: 9px 10px;
}

.refresh {
    border: none;
    background-color: transparent;
}

/*
#ui-datepicker-div {
    padding: 1px;
    left: 18px !important;
    top: 12px !important;
    top: auto !important;
    position: relative !important;
	z-index: 10 !important;
}
*/

.ui-datepicker table {
    background: #fff !important;
}

.ui-datepicker .ui-datepicker-header {
    background: #fff !important;
}

.ui-state-default.ui-state-highlight {
    border: 1px solid #dc4501 !important;
    background: #fff !important;
    color: black !important;
    width: 30px;
    height: 30px;
    /* display: inline-block; */
    border-radius: 15px;
    line-height: 20px;
}

.ui-datepicker td {
    text-align: center;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    /* background-image: url(../../images/ACIA_Orange/icons/inner-down-arrow.png); */
    /* background-position: right 10px top 10px !important; */
    color: #333;
    padding: 0 10px !important;
    border: 1px solid #e3e3e3;
    outline: 0;
    font-weight: normal;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    /*border: none !important;*/
    background: #ffffff !important;
    color: #222222 !important;
    border: 1px solid #aaaaaa !important;
}

.ui-widget {
    font-family: "MuseoSans", sans-serif !important;
    font-weight: normal !important;
    font-size: 1.2em !important;
    width: 302px !important;
}

.ui-widget.ui-widget-content {
    z-index: 9999;
    position: relative;
}

.ui-state-default {
    background: #fff !important;
    width: 30px;
    height: 30px;
    /* display: inline-block;	 */
    line-height: 20px;
}

/*Test */

/* Multi Select option botton*/

.select-insurance {
    margin: 10px;
    box-shadow: 0 0 30px #dedede;
    /* padding: 80px 10px 10px 10px; */
    padding: 70px 55px 0px 60px;
    border-radius: 4px;
    min-height: 50px;
    margin-left: 0px;
    font-family: "MuseoSans", sans-serif;
    text-align: center;
    cursor: pointer;
    background-color: #f3f6f9;
    border: none;
}

.select-insurance a {
    text-decoration: none;
}

.select-insurance.life {
    background-image: url(../../images/ACIA_Orange/icons/inner-life-insurace2.png);
    background-position: center 20px;
    background-repeat: no-repeat;
}

.select-insurance.life:hover,
.select-insurance.life.selectedLifeInsurance {
    background-image: url(../../images/ACIA_Orange/icons/inner-life-insurace.png);
    background-position: center 20px;
    background-repeat: no-repeat;
    background-color: #fff;
}

.select-insurance.motor {
    background-image: url(../../images/ACIA_Orange/icons/inner-motor-insurace.png);
    background-position: center 20px;
    background-repeat: no-repeat;
}

.select-insurance.motor:hover,
.select-insurance.motor.selectedMotorInsurance {
    background-image: url(../../images/ACIA_Orange/icons/inner-motor-insurace-a.png);
    background-position: center 20px;
    background-repeat: no-repeat;
    background-color: #fff;
}

.select-insurance.home {
    background-image: url(../../images/ACIA_Orange/icons/inner-home-insurace.png);
    background-position: center 20px;
    background-repeat: no-repeat;
}

.select-insurance.home:hover,
.select-insurance.home.selectedHomeInsurance {
    background-image: url(../../images/ACIA_Orange/icons/inner-home-insurace-a.png);
    background-position: center 20px;
    background-repeat: no-repeat;
    background-color: #fff;
}

.select-insurance.credit {
    background-image: url(../../images/ACIA_Orange/icons/inner-credit-insurace.png);
    background-position: center 20px;
    background-repeat: no-repeat;
}

.select-insurance.credit:hover,
.select-insurance.credit.selectedCardInsurance {
    background-image: url(../../images/ACIA_Orange/icons/inner-credit-insurace-a.png);
    background-position: center 20px;
    background-repeat: no-repeat;
    background-color: #fff;
}

/* Ends */

/* File upload */

.upload-block {
    padding: 25px;
    border: 2px dashed #ccc;
    border-radius: 8px;
    margin: 25px 0px;
}

.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.emptySpace div {
    display: none;
}

.inputfile+label {
    font-size: 16px;
    font-weight: 700;
    color: white;
    background-color: black;
    display: inline-block;
}

.inputfile:focus+label,
.inputfile+label:hover {
    background-color: red;
}

.inputfile+label {
    cursor: pointer;
    /* "hand" cursor */
}

.inputfile:focus+label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

/* .upload-icon {
    background-image: url(../icons/inner-upload-doc.png);
    background-position: center 20px;
    background-repeat: no-repeat;
    height: 140px;
    cursor: pointer;
} */

.upload-or {
    /* height: 40px; */
    padding: 56px 15px;
    font-size: 14px;
    font-family: "MuseoSans", sans-serif;
    color: #c2c4c7;
}

.sign-block {
    margin: 10px 15px;
    background: #fff;
    padding: 20px;
    border-radius: 4px;
    box-shadow: 0 0 30px #dedede;
}

.btn-file {
    position: relative;
    overflow: hidden;
    border: 1px solid #e2e2e2;
    color: #c2c4c7;
    border-radius: 15px;
    font-family: "MuseoSans", sans-serif;
    padding: 11px 15px;
    border-radius: 30px;
    font-weight: bold;
    /* margin-top: 33px; */
    font-size: 16px;
}

.btn {
    padding: 11px 12px;
}

.btn-file.focus,
.btn-file:focus,
.btn-file:hover,
.btn-file:active {
    box-shadow: none;
    outline: 0;
    color: #c2c4c7;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

/* Ends */

/* Table styles */

.table {
    /* border:1px solid #e6e6e6; */
    border-radius: 20px;
    background: #FFF;
}

.table tr th {
    border-bottom: 1px solid #e6e6e6 !important;
    font-size: 13px;
    font-family: "Roboto-Bold", sans-serif;
    /* padding: 10px 24px !important; */
}

.table>tbody>tr>td {
    vertical-align: middle;
}

/* .table tr.HeaderTextTable th {
	background-color:#f6f4f4 !important;
	border-bottom:1px solid #e6e6e6 !important;
	font-size:14px;
	color:#546e7b;
	padding: 5px 10px 5px 10px !important;
	vertical-align: top;
} */

table tr td {
    border: none !important;
    color: #546e7b;
    font-size: 16px;
    /* padding: 0px 15px 2px !important; */
    /* padding: 0px 8px 2px !important; */
    /* padding: 14px 24px 10px !important; */
}

.tableWithBorder td {
    padding: 10px 8px 10px !important;
    font-size: 18px;
    font-weight: 600;
}

.tableWithBorder tr {
    border-bottom: 1px solid #ddd;
}

.tableWithBorder th {
    display: none;
}

/* table tr:last-child{
	padding:0px 15px 10px !important;
} */

/*.table tr.TableText td{
	font-size:14px;
	color:#546e7b;
	padding: 5px 10px 5px 10px !important;
} */

.table-hover tbody tr:hover {
    background: #f3f6f9;
}

.tableSecQuestion:hover {
    color: #000;
}

/* Ends Table styles */

/* table search and sorting*/

.dataTables_length {
    display: none;
}

.dataTables_filter {
    clear: right;
    float: right;
    margin-bottom: 10px;
}

.dataTables_filter label {
    font-size: 14px;
    font-family: "Roboto-Bold", sans-serif;
    line-height: 3em;
    vertical-align: middle;
}

.dataTables_filter input[type=search] {
    float: right !important;
    margin-left: 10px;
}

.dataTables_wrapper {
    overflow-x: hidden;
}

/*Pagination */

.exceptionPageLink {
    font-size: 18px;
    text-decoration: underline;
}

.exceptionPageLink a {
    color: #000 !important;
}

.dataTables_info {
    display: block;
    font-size: 14px;
    font-family: "Roboto-Bold", sans-serif;
    padding: 30px 0 0;
}

.dataTables_empty {
    font-size: 12px;
    font-family: "Roboto-Bold", sans-serif;
    padding: 12px 12px !important;
}

.pagination {
    border: 1px solid #dc4501;
    border-radius: 50px;
    overflow: hidden;
    padding: 8px 25px;
}

.pagination>li>a,
.pagination>li>span {
    border: none;
    font-size: 16px;
    color: #293135;
    font-weight: 600;
    padding: 1px 8px;
    margin: 0 2px;
    background-color: #e6edf2;
    border-color: #e6edf2;
    border-radius: 100%;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    background-color: transparent;
    border-color: transparent;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background-color: #dc4501;
    border-color: #dc4501;
    border-radius: 100%;
}

.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {
    background-color: transparent;
}

.paginate_button.previous a,
.paginate_button.next a {
    text-indent: -9999px;
}

.paginate_button.previous a {
    background: url("../../images/ACIA_Orange/backArrow.png") 0 0 no-repeat;
    width: 21px;
    /* height:15px; */
    display: inline-block;
    margin: 4px 15px 0 0;
}

.paginate_button.next a {
    background: url("../../images/ACIA_Orange/forwardArrow.png") 0 0 no-repeat;
    width: 21px;
    /* 	height:15px; */
    display: inline-block;
    margin: 4px 0 0 15px;
}

/*End table search and sorting*/

/* pop up styles */

.closeBtnPopup {
    height: 20px;
    width: 20px;
}

/* Ends  pop up styles */

/*Accordian Styles */

.accordion {
    width: 84% !important;
    padding-bottom: 5px;
}

.accordion-section-title {
    background: #FFF !important;
    color: #000 !important;
    border: none !important;
    padding: 12px !important;
    border-radius: 8px;
    font-size: 12px !important;
    text-transform: none !important;
    font-family: "MuseoSans", sans-serif;
    font-weight: 500 !important;
}

.accordion-section-content {
    background: #edf2f5 !important;
    border: none !important;
    border-radius: 8px;
    margin-top: -5px;
}

/*Ends Accordian Styles */

/* Image Style*/

.right {
    float: right;
}

.logo-block img {
    margin-top: 108px;
}

.HighLight {
    margin-top: 50px;
}

.HeighLightText {
    display: BLOCK;
    FONT-SIZE: 130px;
    color: white;
    font-family: "Roboto-Bold", sans-serif;
    margin-top: -70px;
}

.HeighLightLine {
    width: 58px;
    height: 6px;
    background: #fd570d;
    display: inline-block;
    margin-left: 5px;
}

.HeighLightLine.HeighLightLineMin {
    margin: 0px 0 7px 9px;
    height: 4px;
    width: 40px;
}

.HeighLightLine.HeighLightLineMin.withoutMargin {
    margin: 0px;
    width: 34px;
    display: inherit;
}

.boxSection .HeighLightLine.HeighLightLineMin {
    margin: 0px 0 7px 0px;
}

.HeighLightLine hr {
    border: 0;
    margin: 0;
}

.HeighLightLineAll {
    width: 58px;
    height: 6px;
    background: #fd570d;
    display: block;
    margin-left: 9px;
    margin-top: 20px;
}

.RegularTextMedium14 {
    display: BLOCK;
    FONT-SIZE: 14px;
    color: #333;
    font-family: "MuseoSans", sans-serif;
    margin-left: 9px;
    line-height: 24px;
    margin-top: 15px;
}

.RegularTextMedium16icon2 {
    display: BLOCK;
    FONT-SIZE: 16px;
    color: #555;
    font-family: "MuseoSans", sans-serif;
    line-height: 28px;
    /* margin: 20px 9px 0px 0px;
    padding: 5px 15px 5px 75px; */
    padding: 0px 0px 5px 20px;
}

.RegularTextMedium16icon2 b {
    font-family: "Roboto-Bold", sans-serif;
    color: #333;
}

.RegularTextMedium16icon2 a {
    text-decoration: underline;
}

.colorwhite {
    color: #fff;
}

.apply-block {
    position: absolute;
    bottom: 0px;
}

.ToggleDisplay {
    display: none;
}

.Insurance {
    position: relative;
    height: 75px;
}

/* .greenbg{
    background: #088f7c;
    border: 1px solid #35958e;
    border-radius: 5px;
} */

.greenbg .form-control {
    background-color: #066f60;
    color: #fff;
    border: 1px solid #3fa798;
    width: 92%;
}

.greenbg .datepicker {
    background-image: url(../icons/calender.png);
    background-repeat: no-repeat;
    background-position: right 20px top 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 20px 30px;
}

select::-ms-expand {
    /* for IE 11 */
    display: none;
}

.sidebar-nav {
    padding: 9px 0;
}

.password-background {
    position: relative;
    top: 0px;
    margin-bottom: -32px;
    height: 47px;
    opacity: 0.5;
    width: 0;
    border-radius: 40px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.passwordProgressStrength {
    float: right;
    font-weight: bold;
    font-size: 16px;
}

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

/*.dropdown:hover .dropdown-menu, .dropdown:active .dropdown-menu {
    display: block;
}*/

.nav-tabs .dropdown-menu,
.nav-pills .dropdown-menu,
.navbar .dropdown-menu {
    margin-top: 0;
}

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}

.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}

.Orange h2 {
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    font-family: "MuseoSans", sans-serif;
    border-left: 4px solid #fd570d;
    padding-left: 10px;
    line-height: 14px;
    margin: 20px 0px 15px 0px;
}

.label {
    color: #84c7bd;
    font-size: 12px;
    font-family: "MuseoSans", sans-serif;
    text-transform: capitalize;
}

.margin30d {
    margin: 30px;
}

/* CSS Media Queries */

.col-lg-5-col {
    width: 20%;
    padding: 0px;
}

.RobotoMediumF {
    font-size: 12px;
    font-family: "MuseoSans", sans-serif;
    color: #333;
    display: block;
    margin: 30px 0px;
    text-transform: uppercase;
}

.fontRobotBold {
    font-family: "Roboto-Bold", sans-serif;
}

.RobotoMediumGT {
    font-size: 14px;
    font-family: "Roboto-Bold", sans-serif;
    color: #949494;
    display: block;
    margin: 30px 0px;
    text-transform: capitalize;
    text-decoration: underline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #fff !important;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #fd570d !important;
}

/* .OrangebxsliderLI {
	padding: 0 10px 0 0; 
}
 */

.footer_content {
    font-size: 12px;
}

.footer_content label {
    font-weight: normal;
}

.footer_links a {
    font-size: 12px;
    color: #d91f26;
    /* margin-right: 3px;*/
}

.footer_links a:hover {
    text-decoration: none;
}

.HelpIcon img {
    width: 50px;
    height: 50px;
}

.HelpIcon {
    position: absolute;
    right: 0;
    z-index: 9999;
}

.radiostyle .selects.small {
    width: auto;
}

.selects.small {
    position: relative;
    float: left;
    width: 85%;
    /*margin: 0 0 0.813em;*/
}

.selects.small label {
    margin-right: 15px;
    position: relative;
    margin-bottom: 0;
}

.findaddress fieldset {
    width: 100%;
}

.findaddress fieldset>div:first-of-type {
    width: 40%;
    float: left;
}

.findaddress fieldset>div input {
    width: 100%;
}

.findaddress .invokeAddressLookup {
    float: right;
}

.saveExitButton {
    float: right !important;
}

.selects.small input[type="radio"]:checked+label span:before {
    position: absolute;
    width: 22px;
    height: 22px;
    content: " ";
    display: block;
    top: 16px;
    right: 8px;
    background-image: url("../../images/DirectLine/tick.png");
    background-repeat: no-repeat;
    background-size: 20px;
}

div.tooltip {
    z-index: 100;
    display: inline-block;
    /*  width: 50px; */
    right: 0;
}

.wrapper.push-down {
    /*position: relative;
    width: 5.125rem;
    height:5.125rem;
    right: 0;
    float: right;*/
    position: relative;
    width: 4.40rem;
    height: 4.40rem;
    /* height: 5.124rem;right: -16px*/
    top: -15px;
    right: 0px;
    float: right;
}

#helpContent div {
    background: #2aa9df !important;
    color: #fff !important;
}

#helpContent {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
}

.HelpIcon a:hover #helpContent {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px)
}

.referal {
    margin-top: 3.5rem;
}

.row {
    /*  max-width: 64rem; */
    margin-left: auto;
    margin-right: auto;
}

.title-home>div {
    float: none !important;
}

/*Van
*/

/**ProgressBar****/

.progress {
    overflow: inherit !important;
    background: transparent;
    box-shadow: none;
    margin-bottom: 20px;
}

.progress span:nth-child(1):after {
    content: "Your Business";
}

.progress span:nth-child(2):after {
    content: "Your Quote";
}

.progress span:nth-child(3):after {
    content: "Payment";
}

.progress span:after {
    position: relative;
    text-indent: 0;
    font-size: 19px;
    width: 12.5rem;
    display: block;
    text-align: center;
    margin-left: -4.625rem;
    color: #ccc;
    margin-top: 2rem;
}

.progress span {
    pointer-events: none;
    cursor: default;
}

.progress a {
    pointer-events: none;
    cursor: default;
}

/**end progressbar**/

.readonly-policy {
    padding: 1.5rem;
}

select.form-control {
	/* width:100%; */
    background-image: url("../img/select@2x.png");
    background-size: 23px 14px;
    background-repeat: no-repeat;
    background-origin: content-box;
    background-position: 110%;
    padding-left: 2.5rem;
    padding-right: 3.5rem;
    float: left;
    -webkit-appearance: none;
       -moz-appearance: none;
        -ms-appearance: none;
         -o-appearance: none;
            appearance: none;
}
select.form-control.arrowleft-move {
	background-position: 108%;
}
.word-break {
	word-break: break-all;
}
.block-section {
    padding-top: 35px;
    padding-bottom: 35px;
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3;
}

.container-accordion {
    max-width: 790px;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
}

.panel-text {
    display: list-item;
    list-style-type: square;
    margin-left: 36px;
}

.lableaboutyouvan {
    height: 60px;
}

.btn-findvan {
    padding: 15px 15px;
    font-size: 17px;
    height: auto;
    margin-right: 8px;
}


div a[href="javascript:void(0)"],div a[href="javascript:void(0);"] {
    user-drag: none;     
	-webkit-user-drag: none;	
}

span.change-readonly-ques {
    font-weight: bold;
    font-size: 11pt;
    border: none;
    box-shadow: none;
    padding-left: 0px;
	height:auto !important;
}

span.change-readonly-ques.post-control{
	padding-left: 15px; 
}

.change-readonly-ques {
    width: 90%;
}

.aboutvanhelp fieldset {
    width: 100%;
}

.aboutvanhelp.changevan fieldset>div:first-of-type {
    width: 15rem;
}

.aboutvanhelp fieldset>div:first-of-type {
    width: 49%;
    float: left;
}

.aboutvanhelp fieldset>div:last-of-type {
    float: right;
}

.mg-rt-22 {
    margin-right: 22px;
}

.errormsgfindvan {
    width: 350px;
    float: left;
    line-height: 23px;
    padding: 0;
    /*margin:0;*/
}

.errormsgstartdate {
    width: 300px;
    display: inline-block;
    line-height: 25px;
    padding: 0;
    /* margin-top: 10px; */
    /*margin:0;*/
}

.policyuseyourdata p,
.policyuseyourdata strong {
    font-size: 16px;
}

a {
    color: #000;
}

.footer_content a:focus,
.footer_content a:hover {
    color: #000;
}

.Mobilepanel-text {
    font-size: 16px;
}


@media (min-width: 320px) and (max-width: 479px) {
    .backBtnShade {
        padding: 10.5px 50px;
    }
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
	.selectboxit-container .selectboxit {
		background-position:104%;
	}
	.selectboxit-container {width:100%;}
    .backBtnShade {
        padding: 10.5px 112px;
    }
    .quote_space_top .greenBtnFill,.quote_space_top .save-and-exit-btn,.quote_space_top .backBtnShade {
        font-size: 16px !important; height: auto;
    }
    .quote_space_top .blueShadeBtn {
        padding:1em 1em;
    }
}


@media only screen and (max-width: 991px) {
    .biggerHeading {
        FONT-SIZE: 60px;
        margin-top: -32px;
    }
    .HighLight {
        margin-top: 94px;
    }
    .headingWidthLetterSpacing {
        FONT-SIZE: 10px;
        margin-left: 21px;
        letter-spacing: 9px;
    }
    .HeighLightLine {
        margin-left: 4px;
        margin-top: 0px;
    }
    /* 
    .apply-block{
       width: 95%;
    }
    
    .apply-block .row{
        width: 100%;
    }
    
    */
    .logo-block img {
        margin-top: 18px;
    }
    .top-container .container {
        padding: 0px;
    }
    .textcenteralignsm {
        text-align: center;
    }
    .HeighLightLineAll {
        margin: 20px auto;
    }
    .RegularTextMedium16icon2 {
        text-align: left;
    }
    .greenBtnFill {
        margin: 10px 0%;
    }
    .quote_space_top .greenBtnFill,.quote_space_top .save-and-exit-btn,.quote_space_top .backBtnShade {
        font-size: 20px;
    }
    .apply-block {
        width: 90%;
        position: absolute;
        bottom: 0;
    }
    .ToggleClick {
        width: auto;
        height: 60px;
        padding: 7px 12px 0px 101px;
        margin: 0px;
        border-radius: 5px 5px 0px 0px;
        font-family: "MuseoSans", sans-serif;
        font-size: 18px;
        color: #fff;
        line-height: 22px;
        bottom: 0px;
        position: absolute;
        z-index: 9;
        margin: 0px 10px;
        min-width: 95%;
    }
    .Insurance {
        padding-left: 0px;
        height: 60px;
    }
    .ToggleDisplay {
        position: absolute;
        bottom: -74px;
        bottom: 0px;
        height: 100%;
        padding-top: 65px;
        background: #fff;
        width: 95%;
        margin: 0px 10px;
        border-radius: 10px 10px 0px 0px;
    }
    /* .arrow-down {
       margin-top: -25px;
}
        .arrow-up {
        margin-top: -25px;
}*/
    #fixed-nav {
        display: none;
    }
}

/*@media (min-width: 991px){

    .top-container, .travel-container, .benefits-container, .second-container, .fourth-container {
		height:100vh;
	}
}*/

.scrolltop {
    cursor: pointer;
}

.incompleteStep {
    padding: 16px 20px 16px 50px;
    background: url(../../images/DirectLine/icon-error.png) no-repeat;
    background-position: 8px;
}

.completedStep {
    padding: 16px 20px 16px 50px;
    background: url(../../images/DirectLine/icon-success.png) no-repeat;
    background-position: 8px;
}

.about_your_vehicle {
    color: #a3a3a3;
    padding: 16px 20px 16px 50px;
    border-radius: 50px;
    border: 2px solid #a3a3a3;
    background: #fff url(../../images/DirectLine/icon-abt-vehicle-gray.png) no-repeat;
    background-position: 8px;
}

.about_your_vehicleActive {
    padding: 16px 20px 16px 50px;
    border-radius: 50px;
    background: #f3f6f9 url(../../images/DirectLine/icon-abt-vehicle-orange.png) no-repeat;
    background-position: 8px;
}

.policy-holder {
    color: #a3a3a3;
    padding: 16px 20px 16px 50px;
    border-radius: 50px;
    border: 2px solid #a3a3a3;
    background: #fff url(../../images/DirectLine/icon-abt-holder-gray.png) no-repeat;
    background-position: 8px;
}

.policy-holderActive {
    padding: 16px 20px 16px 50px;
    border-radius: 50px;
    background: #f3f6f9 url(../../images/DirectLine/icon-abt-holder-orange.png)no-repeat;
    background-position: 8px;
}

.about_driver {
    color: #a3a3a3;
    padding: 16px 20px 16px 50px;
    border-radius: 50px;
    border: 2px solid #a3a3a3;
    background: #fff url(../../images/DirectLine/icon-abt-driver-gray.png) no-repeat;
    background-position: 8px;
}

.about_driverActive {
    padding: 16px 20px 16px 50px;
    border-radius: 50px;
    background: #f3f6f9 url(../../images/DirectLine/icon-abt-driver-orange.png) no-repeat;
    background-position: 8px;
}

.about-policy {
    color: #a3a3a3;
    padding: 16px 20px 16px 50px;
    border-radius: 50px;
    border: 2px solid #a3a3a3;
    /*padding: 9px 20px 9px 45px;*/
    background: #fff url(../../images/DirectLine/icon-abt-policy-gray.png) no-repeat;
    background-position: 8px;
}

.about-policyActive {
    padding: 16px 20px 16px 50px;
    border-radius: 50px;
    background: #f3f6f9 url(../../images/DirectLine/icon-abt-policy-orange.png) no-repeat;
    background-position: 8px;
}

.summary {
    color: #a3a3a3;
    padding: 16px 20px 16px 50px;
    border-radius: 50px;
    border: 2px solid #a3a3a3;
    background: #fff url(../../images/DirectLine/icon-abt-summary-gray.png) no-repeat;
    background-position: 8px;
}

.summaryActive {
    padding: 16px 20px 16px 50px;
    border-radius: 50px;
    background: #f3f6f9 url(../../images/DirectLine/icon-abt-summary-orange.png) no-repeat;
    background-position: 8px;
}

.LinkBtn_White img{
    width: 5.375rem;
    height: 6.375rem;
    margin-left: 4.875rem;
    margin-top: .1875rem;
    background-size: 3.375rem;
}

.boldHeading {
    font-family: "MuseoSans-Bold", sans-serif;
    letter-spacing: -0.03em;
}

input[type="radio"] {
    /* display: none; */
    opacity: 0;
    position: absolute;
}

input[type="radio"]+label span {
    display: inline-block;
    width: 11.875rem;
    height: 5.125rem;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 1000px;
    color: #000;
    line-height: 3.125rem;
    font-family: "MuseoSans";
    font-size: 18px;
    background-color: #fff;
    border: .215rem solid #ccc;
    padding: 10px;
    text-align: center;
    font-weight: 400;
}

/* Add styles here: */

.quote-buy input[type="checkbox"]:focus+label:before {
    border: 1px solid #b6d323;
}

/* .quote-buy input[type="checkbox"] + label:before{} */

input[type="radio"]:focus+label span,
input[type="checkbox"]:focus+label:before {
    border: 0.125rem solid #b6d323;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

input[type="radio"]:checked:focus+label span,
input[type="checkbox"]:checked:focus+label:before {
    box-shadow: 0 0 8px 1px #333;
}

/* input[type="radio"]+label {
    color: #000;
    background: transparent;
    border: 0;
    width: 6.875rem;
    height: 3.4375rem!important;
    margin-left: 0;
    margin-right: 0;
    float: left;
    margin-top: -0.5rem;
    margin-bottom: 1.25rem!important;
} */

input[type="radio"]:checked+label span {
    background-color: #b6d323;
    border: 0;
    color: #fff;
    font-family: "MuseoSans-Bold";
}

/**ACIA UI Customization**/

@charset "UTF-8";
body,
.GlobalFont {
    font-family: "MuseoSans" !important;
}

.container {
    max-width: 1024px;
}

.logoBtn,
.phone-number {
    pointer-events: none;
}

.logoBtn {
    /*  height: 5.375rem;
    background-size: 14.625rem 3.375rem;
    margin-top: 0.1875rem;
    left: 0.375rem; */
    height: 5.6rem;
    margin-top: 0.1875rem;
    width: 24rem;
    margin-left: -1rem;
}

.InnerpageCommonHeader .logoSec {
    margin-top: 20px;
}

div[id*="BUT_C92CBF4D4190C49A132410"] {
    width: 100%;
}

.LinkBtn_White,
.LinkBtn_White:hover {
    text-decoration: none;
    cursor: text;
    margin-top: 15px;
    /* margin-left: 6rem;*/
}

.no-gutter {
    padding-right: 0px;
    padding-left: 0px;
}

.answerWidth {
    margin-bottom: 20px;
}

.paddingTopWithHeader {
    margin: 30px 0px 20px;
}

input[type="text"] {
    text-align: center !important;
}

.mtop30 {
    margin-top: 30px;
}

.helpico1:hover .tooltip {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    z-index: 10;
    bottom: -3.75rem;
    display: block !important;
}

/*CE-2469*/

/* #C2__C2__QUE_964224CD5BA3771D113791_ERRORMESSAGE{ */

/* display:none !important; */

/* } */

/* #C2__C2__QUE_964224CD5BA3771D113786_ERRORMESSAGE{ */

/* display:none !important; */

/* }	 */

.inline-cal fieldset {
    width: 100%;
}

.inline-cal div[id*='p4_QUE'] {
    float: left;
    margin-right: 5px;
}

/* .inline-cal div[id*='p4_QUE']:first-of-type{
	width: 20%;
    margin-right: 4px
}
.inline-cal div[id*='p4_QUE']:first-of-type select{
	
}
.inline-cal select{
    background-size: 20%;
} */

.inline-cal .select-DAY {
    width: 75px;
    background-position: 29px;
    padding-right: 0;
    margin-bottom: 1rem;
    background-size: 26%;
    margin-right: 0px;
    padding-left: 15px;
    float: none;
}

.inline-cal .select-MONTH {
    width: 135px;
    background-position: 90px;
    margin: 0px;
    padding-right: 0;
    padding-left: 16px;
    background-size: 13%;
	margin-bottom: 1rem;
}

.inline-cal .select-YEAR {
    width: 85px;
    background-position: 45px;
    margin: 0px;
    padding-right: 0;
    padding-left: 15px;
    background-size: 22%;
}

.inline-cal .ErrorColor {
    width: 100%;
    float: left;
    height: inherit !important;
    line-height: 23px;
    /* margin: 0; */
    /* padding-bottom: 8px; */
}

.errormsgdob {
    width: 88%;
    display: inline-block;
    line-height: 23px;
    margin: 0;
    position: relative;
    left: 15px;
}

.payment_txt p {
    border-bottom: 1px solid #f3f3f3;
    padding-bottom: 15px;
    margin-bottom: 8px;
}
.payment_txt h4 {
    font-size: 24px;
}
.imporant_info_sec p {
    padding-bottom: 15px;
    margin-bottom: 8px;
}
.imporant_info_sec h4 {
    font-size: 24px;
}
.content-container {
    border-bottom: 1px solid #f3f3f3;
    padding-bottom: 10px;
    display: flex;
    flex-direction: column; /* Stack elements properly */
    align-items: flex-start;
}

.hedingCenter {
    font-weight: bold;
    text-align: center;
}
@media (max-width:767px) {
    html,
    body {
        -webkit-overflow-scrolling: touch;
    }
    .inline-cal fieldset {
        text-align: center;
    }
    .inline-cal div[id*='p4_QUE'] {
        float: none;
    }
    .re-enablebtn {
        font-size: 14px !important;
        padding: 0px 12px !important;
    }
    .inline-cal .select-DAY {
        width: 75px;
        background-position: 36px !important;
        padding-right: 0;
        margin-bottom: 10px;
        background-size: 14px;
        margin: 0 0 1rem;
        padding-left: 15px;
    }
    .inline-cal .select-MONTH {
        width: 125px;
        background-position: 86px !important;
        /* margin: 0px; */
        padding-right: 0;
        padding-left: 16px;
        background-size: 14px;
    }
    .inline-cal .select-YEAR {
        width: 85px;
        background-position: 45px !important;
        margin: 0px;
        padding-right: 0;
        padding-left: 15px;
        background-size: 14px;
    }
    .lableaboutyouvan {
        height: auto;
    }
    .lableaboutyouvan label, .lableaboutyouvan span {
        float: none;
        text-align: center;
        width: 100%;
        margin: 0;
        padding: 0;
        padding-bottom: 10px;
    }
    .sm-aboutvan {
        text-align: center !important;
        float: none !important;
    }
    .sm-aboutvan .QuoteSummary {
        position: static;
    }
    input,
    select,
    textarea {
        -webkit-transform: translateZ(0px);
    }
    .ui-widget {
        left: 35px !important;
        width: 304px !important;
    }
    .tradeValue {
        padding: 0px !important;
        text-align: center !important;
        width: 100% !important;
        position: absolute;
    }
    .QuoteSummary {
        padding: 0px !important;
        text-align: center !important;
        /*width: 100% !important;*/
        position: absolute;
        margin-bottom: 26px;
    }
    .MobileView input[type="radio"]+label {
        margin-left: 14px;
        margin-right: -46px;
        float: left;
        margin-top: -1.5rem;
        margin-bottom: 5.25rem !important;
    }
    .blueShadeBtn {
        padding: 1em 3em;
    }
    .blueShadeBtn.adddriver-btn {
        padding: 1em 2em;
    }
    .blueShadeBtn.review-btn {
        padding: 15px 25px;
    }
    
    .Mobilepanel-text {
        margin-left: 0;
    }
    .hastooltip {
        position: relative;
    }
    .hastooltip .radio-group,
    .hastooltip .answerWidth {
        position: static;
    }
    .wrapper.push-down {
        width: 32px;
        height: 32px;
        position: absolute;
        top: -0.5rem;
        right: -14px;
        background-size: 3rem;
        margin: 0;
    }
    .wrapper.push-down:hover,
    .wrapper.push-down:focus {
        background-size: 3rem;
    }
    div.tooltip {
        z-index: inherit;
    }
    /* .QuestionText{text-align:center!important;} */
    .inner-title>div {
        float: none !important;
        text-align: center !important;
    }
    .inner-content {
        width: 100%;
    }
    .phone-number.LinkBtn_White {
        text-align: center !important;
        font-size: 14px;
        font-weight: bold;
    }
    .phone-number.LinkBtn_White img {
        margin: 7px !important;
        width: 3.15rem;
        height: 3.15rem;
    }
    .phone-number.LinkBtn_White span {
        display: block !important;
        float: left !important;
        width: 100% !important;
    }
    .form-control,
    .inner-content select {
        /* padding-right:0px ; */
        width: 100%;
    }
    .gutter-xs {
        padding-left: 15px;
        padding-right: 15px;
    }
    .HelpIcon {
        right: -25px;
    }
    .HelpIcon img {
        width: 30px;
        height: 30px;
    }
    .radio-group {
        text-align: center !important;
        width: 100%;
    }
    .blueShadeBtn.greenBtnFill,
    .backBtnShade {
        width: 100%;
        text-align: center;
        display: block;
        float: left;
        margin-bottom: 10px;
        font-size: 15px;
    }
    .invokeAddressLookup.blueShadeBtn.greenBtnFill.buttonWithQuestion {
        font-size: 15px;
        min-height: 46px;
        margin-top: 0px;
    }
    .findaddress .answerWidth div[id*="p7_QUE"] {
        display: none !important;
    }
    .block-section div[id*="p4_BUT"] {
        width: 100% !important;
    }
    .text-center-xs .RegularTextMedium.RegularTextMediumMinMargin,
    .text-center-xs div {
        text-align: center;
        width: 100%;
        display: block;
    }
    div[id*="p4_BUT_68A496CC7694F9B6922713"] {
        width: 100%;
    }
    div[id*="p4_BUT_68A496CC7694F9B6922713"] .backBtnShade {
        margin-top: 0px;
    }
    .ui-datepicker-trigger {
        right: 30px;
    }
    .policy-holderActive {
        font-size: 14px;
    }
    .floatnone-sm {
        float: none !important;
    }
    .tradeChange {
        width: 100%;
        text-align: center;
        padding-top: 12px;
    }
}

/*ACIA Customizations*/

.tradeChange {
    text-decoration: underline;
    margin-bottom: 1rem;
    display: block;
    font-family: "MuseoSans", sans-serif;
    color: #000 !important;
    margin-top: 5px;
}

.tradeValue {
    font-family: "MuseoSans", sans-serif;
    color: #000;
    line-height: 2.6;
}

.GlobalFont {
    font-size: 11pt;
    font-family: "MuseoSans";
}

.Bold {
    font-weight: bold;
}

.NoDecoration {
    text-decoration: none;
}

.Color1 {
    color: #000;
}

.saveExitButton .backBtnShade {
    margin: 0;
    float: right;
    width: 215px;
    text-align: center;
    font-size: 22px;
}

.margin-zero {
    margin: 0;
}

.accordion-headertitle {
    width: 100%;
}

/*.divider{
margin-top: 1rem!important;
 margin-bottom: 1.875rem!important;
        margin-top: -1rem!important;
		
		margin-bottom:18px !important;
}*/

.divider {
    margin-top: 15px !important;
    margin-bottom: 45px;
    border: 0 !important;
}

.dividerDecline {
    margin-top: 15px !important;
    margin-bottom: -20px;
    border: 0 !important;
}

.middleAlign {
    margin-bottom: 0px;
}

button.next.referal-goback {
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
}

button.next {
    width: 6.625rem;
    height: 2.375rem;
    border-radius: 1000px;
    background: #b6d323;
    display: block;
    position: relative;
    margin: 0 auto;
    text-align: center;
    font-family: "MuseoSans";
    font-size: 1rem;
    line-height: 2.375rem;
    margin-top: 1.8125rem;
}

button.next {
    width: 100%;
    height: 3.125rem;
    font-size: 1.375rem;
    line-height: 2.125rem;
    margin-top: .625rem;
}

button.save {
    width: 11.5rem;
    margin: 0 auto;
    position: relative;
    display: block;
    margin-top: 0.875rem;
    height: 3.125rem;
    font-size: 1.375rem;
    line-height: 3.125rem;
    background: #fff;
    border: 0.125rem solid #ccc;
}

button {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    padding: 0;
    border: 0;
    border-radius: 1000px;
    line-height: 1;
}

.top-footerDecline {
    background: #FFF;
    border-bottom: 1px solid #1f1f1f;
    min-height: 100px;
    /* padding: 50px 0px; */
}

.selects.hasError input[type="radio"]+label span,.hasError .selects input[type="radio"]+label span {
    border: .215rem solid #D91F26;
    margin-bottom: 1rem;
}
.errorborder input[type="radio"]+label span {
    margin-bottom: 1rem;
}
.clearPrefix {
    display: none !important;
}

.wrapper {
    background: transparent url(../../images/DirectLine/tooltip_icon.svg) no-repeat;
    background-size: 1.4375rem 1.4375rem;
    width: 1.46875rem;
    height: 1.46875rem;
    cursor: help;
    position: relative;
    float: right;
    margin-right: 1.6875rem;
    margin-top: 0.25rem;
    -webkit-transform: translateZ(0);
    /* webkit flicker fix */
    -webkit-font-smoothing: antialiased;
    z-index: 10;
    /* webkit text rendering fix */
    /* This bridges the gap so you can mouse into the tooltip without it disappearing */
}

.wrapper:hover {
    background: transparent url(../../images/DirectLine/tooltip_icon.svg) no-repeat;
    background-size: 1.4375rem 1.4375rem;
}

.wrapper.active {
    background: url(../../images/DirectLine/tooltip_icon_on.svg) no-repeat;
    background-size: 1.4375rem 1.4375rem;
}

.wrapper .tooltip {
    background: #2aa9df;
    bottom: auto;
    top: -3.75rem;
    color: #fff;
    display: block;
    border-radius: 0.4375rem;
    right: -0.75rem;
    font-size: 15px;
    /* line-height: 1.125rem;*/
    margin-bottom: 0.625rem;
    opacity: 0;
    padding: 0.9375rem;
    pointer-events: none;
    position: absolute;
    width: 29.125rem;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    height: auto;
}

.wrapper .tooltip a {
    color: #fff;
    text-decoration: underline;
    word-wrap: break-word;
}

.hastooltip .wrapper:hover {
    z-index: 9999 !important;
}
.hastooltip .wrapper:focus {
	 outline: none;
	}
.hastooltip .wrapper:hover {
    background: url(../../images/DirectLine/tooltip_icon_on.svg) no-repeat;
    outline: none;
    /*background-size: 100%;*/
}

.wrapper .tooltip:before {
    bottom: -20px;
    content: " ";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
}

.wrapper .tooltip:after {
    display: none !important;
}

.wrapper:hover .tooltip {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    z-index: 10;
    /* bottom: -3.75rem;*/
    bottom: unset;
    display: block !important;
}

.wrapper:focus-within11 .tooltip
{
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0px); 
    transform: translateY(0px); 
    z-index: 10; 
    top: 5rem !important; 
    bottom: unset; 
    display: block !important;
} 
a:focus{
	text-decoration-color: #ADD8E6 !important;
} 

@media screen and (min-width: 40em) {
    .wrapper:hover .tooltip,
    .wrapper:hover .tooltip {
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
    }
}

.wrapper.aside {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0.25rem;
}

.multi-line {
    height: auto !important;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    border-radius: 1.25rem;
    padding-bottom: 0.4375rem;
    line-height: 1.2em;
}

.multi-line:after {
    position: absolute !important;
    top: 105% !important;
    right: -60%;
}

.multi-line+.wrapper {
    top: 6%;
}

@media screen and (min-width: 64em) {
    .multi-line+.wrapper {
        top: -4%;
    }
}

.row.first-step .text-input {
    overflow: visible;
}

@media screen and (min-width: 40em) {
    .wrapper {
        background-size: cover;
        width: 1.9375rem;
        height: 1.9375rem;
        margin-right: 1.375rem;
        margin-top: 1.200rem;
        /* margin-top: 1.25rem; */
    }
    .wrapper:hover {
        background-size: cover;
    }
}

@media screen and (min-width: 64em) {
    .wrapper.aside {
        top: -0.9375rem;
    }
}

@media screen and (min-width: 64em) {
    .wrapper {
        width: 2rem;
        height: 2rem;
        margin-right: -0.1875rem;
        margin-top: 1.5625rem;
    }
}

@media screen and (max-width: 39.9375em) {
    /*  html, body {
    width: 100vw;
    overflow-x: hidden; } */
    .small-basket-container {
        width: 100vw;
    }
    .checkboxes {
        overflow: auto !important;
        display: table-cell;
    }
    .checkboxes:before {
        height: 100% !important;
        padding-bottom: 80%;
        display: block;
    }
    /*CE-2469*/
    .inline-cal select[id*=".DAY"] {
        background-position: 30px;
        width: 24%;
    }
    .inline-cal select[id*=".MONTH"] {
        background-position: 90px;
        width: 43%;
    }
    .inline-cal select[id*=".YEAR"] {
        background-position: 50px;
        width: 30%;
    }
}

@media screen and (max-width: 39.9375em) and (min-width: 350px) {
    .checkboxes:before {
        padding-bottom: 64%;
    }
}

@media screen and (max-width: 39.9375em) {
    .formrow {
        height: auto !important;
        margin-bottom: 0 !important;
        overflow: visible !important;
    }
    .formrow:before {
        display: none;
    }
    .formrow:last-of-type:after {
        bottom: -1rem !important;
    }
    .formrow label {
        float: none !important;
        margin: 0 auto;
        display: block !important;
        margin-bottom: 1rem !important;
        width: 70% !important;
    }
    .formrow label:after {
        display: block;
        content: "<br />";
    }
    .formrow div.mc {
        position: relative;
    }
}

@media screen and (max-width: 39.9375em) and (min-width: 40em) {
    .formrow div.mc:last-of-type {
        float: right;
    }
}

@media screen and (max-width: 39.9375em) {
    .formrow div.mc label {
        width: 60% !important;
    }
}

div.mc {
    position: relative;
}

@media screen and (min-width: 40em) {
    div.mc {
        float: left;
    }
    div.mc:last-of-type {
        float: right;
    }
}

div.mc label {
    width: 60% !important;
}

@media screen and (min-width: 40em) {
    div.mc label {
        width: 77% !important;
    }
}

@media screen and (min-width: 40em) {
    /*
  ::-webkit-scrollbar {
    width: 1em;
    height: 1em; }
  ::-webkit-scrollbar-thumb {
    background: #fff; }
  ::-webkit-scrollbar-track {
    background: #f3f3f3; }
  body {
    scrollbar-face-color: #fff;
    scrollbar-track-color: #f3f3f3; }*/
    .checkboxes .formrow {
        overflow: visible;
    }
    .checkboxes .formrow:before {
        left: 2.5rem;
        width: 80%;
    }
    div.mc {
        width: 50%;
        overflow: visible;
    }
    div.mc:first-of-type .wrapper {
        right: auto;
        left: 0;
    }
    div.mc:first-of-type .wrapper .tooltip {
        right: auto;
        left: 0px;
    }
    div.mc:first-of-type label {
        margin-left: 2.5rem;
    }
    div.mc:last-of-type .wrapper.aside {
        right: 0;
        margin-right: 0;
    }
    div.mc:last-of-type label {
        margin-right: 2.5rem;
        float: right;
    }
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .force-centre {
        float: none !important;
    }
    .wrapper.aside {
        right: 18%;
        top: -0.625rem;
    }
    .multi-line+.wrapper {
        top: -1%;
    }
    .wrapper:hover .tooltip {
        bottom: 1.875rem;
    }
}

@media screen and (min-width: 40em) {
    .formrow:last-of-type .wrapper .tooltip {
        bottom: 8.125rem;
    }
}

@media screen and (min-width: 64em) {
    .small-basket-container .basket-contents #small-basket-contents ul li .wrapper .tooltip {
        bottom: 118%;
    }
}

.small-basket-container {
    z-index: 1000;
}

.basket-contents {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 60vh;
}

@media screen and (min-width: 64em) {
    .basket-contents {
        height: 40vh;
    }
}

.basket-contents .wrapper {
    background-color: transparent;
}

@media screen and (min-width: 64em) {
    .basket-contents .wrapper .tooltip {
        bottom: auto !important;
        top: -3.75rem !important;
        right: -1.4375rem !important;
    }
}

.wrapper {
    z-index: 102;
}

.wrapper .tooltip {
    bottom: auto !important;
    top: 3.875rem;
    z-index: 100;
}

@media screen and (min-width: 40em) {
		
    .wrapper .tooltip,
    .wrapper:focus:hover .tooltip {
        top: -5rem !important;
        max-width: 31.25rem;
    }
    .wrapper:focus .tooltip {
        top: 5rem;
    }
}

.wrapper .tooltip:before {
    bottom: auto;
    top: -0.875rem;
    height: 2.5rem !important;
}

.checkboxes {
    overflow: visible !important;
    z-index: initial;
}

.checkboxes:before {
    display: block;
    height: 100%;
}

@media (min-width: 480px) and (max-width: 639px) {
    .checkboxes:before {
        padding-bottom: 0;
        height: 83% !important;
    }
    .checkboxes label {
        width: 53% !important;
    }
}

.row.welcome.fixed {
    z-index: 999;
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .small-basket-container .basket-contents {
        top: -2.5rem;
        position: relative;
    }
    .small-basket-container .basket-contents #small-basket-contents {
        margin-top: 0;
    }
    .small-basket-container .basket-contents #small-basket-contents ul {
        margin-top: 0;
    }
}

@media screen and (min-width: 64em) {
    .small-basket-container {
        z-index: 50;
    }
}

.quote-buy .wrapper .tooltip {
    top: 2.5rem;
}

@media screen and (min-width: 40em) {
    .quote-buy .wrapper .tooltip {
        top: -2.5rem;
    }
}

.quote-buy.summary .wrapper .tooltip {
    top: 2.5rem;
}

@media screen and (min-width: 40em) {
    .quote-buy.summary .wrapper .tooltip {
        top: -3.75rem;
    }
}

.small-basket-container .wrap .scroller .basket-contents ul li:nth-child(1n+4) div.wrapper div.tooltip {
    bottom: 130px !important;
    top: auto !important;
}

.small-basket-container .wrap .scroller .basket-contents ul li:nth-child(1n+4) div.wrapper div.tooltip:before {
    bottom: auto;
    top: 100%;
}

.row.checkboxes {
    margin-top: 3.125rem;
}

.basket-prompt {
    padding-top: 1.5625rem;
    text-align: center;
}

@media screen and (min-width: 40em) {
    .basket-prompt {
        padding-top: 3.75rem;
    }
}

.basket-prompt p {
    color: #d91f26;
    font-family: "MuseoSans-Boldest";
    font-size: 0.9375rem;
    line-height: 1rem;
    letter-spacing: -0.025em;
}

@media screen and (min-width: 40em) {
    .basket-prompt p {
        font-size: 1.25rem;
        line-height: 1.375rem;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	
	.backBtnShade,.save-and-exit-btn,.greenBtnFill{
		font-size: 17px;
	}
    .form-control {
        width: 85%;
    }
    .wrapper.push-down {
        margin-right: 0;
        top:-10px;
    }
    /* .QSIpad b,strong{ */
    /* margin: -35px;} */
    .ui-widget {
        width: 570px !important;
    }
    .QSIpadanswer {
        margin-left: -26px;
    }
    .tradeValue {
        padding: 0px !important;
        text-align: center !important;
        width: 100% !important;
    }
    /*.wrapper.push-down {
    width: 33px;
    height: 31px;
    position: absolute;
    top: -0.5rem;
    right: -21px;
    background-size: 3rem;
    margin: 0;
}*/
}

/* @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
	.backBtnShade,.save-and-exit-btn,.greenBtnFill{
		font-size: 22px;
	}
} */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {
    .rmvFlt {
        float: none !important;
    }
    /* .errorAdded {
        margin-bottom: 0px !important;
    } */
    .errorAdded span.ErrorColor {
        left: 43%;
    }
    .errorAdded span.ErrorColor.qlrError {
        left: 145px;
    }
    .errormonth span.ErrorColor.xs-error-btm,
    .erroryear span.ErrorColor.xs-error-btm {
        position: relative;
        left: 111px;
    }
    .validationerrorsmsg span.ErrorColor.xs-error-btm {
        bottom: -35px !important;
    }
}

/**iPhone 6/7/ plus landscape view*/
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) {
	.validationerrorsmsg span.ErrorColor {
		left:29%;
	}
	.xs-error-btm.requirederrormsg {
		left:inherit;
	}
}
.readonly-manual-lookup-style {
    background-image: none !important; /* removes the dropdown arrow */
}

