/**
    Override Angle default styles
    Brings clarity by adding independent styles required for MVC projects
*/

/*body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}*/
.masthead-page h1 {
    font-size: 3rem;
}

.masthead-page h2 {
    font-size: 1.4rem;
}

.wrapper {
    overflow-y: hidden !important;
}

.tool-tip {
    display: inline-block;
}

    .tool-tip [disabled] {
        pointer-events: none;
    }

/*.addvehpop .dx-popup-content {
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 470px !important;
}*/
.block-center-float0 {
    margin: 0 auto !important;
    float: none !important;
}

.addvehpop .dx-popup-content {
    overflow-y: auto;
    overflow-x: auto;
    max-height: 650px !important;
}

/*/*.addvehpop.dx-popup-content {
    overflow-y: auto;
    overflow-x: hidden;
}*/

input.select2-search__field {
    width: 100% !important;
}

#search-well {
    min-height: 200px;
}

.select2-container .select2-selection.select2-selection--multiple .select2-search.select2-search--inline .select2-search__field:not([placeholder='']) {
    width: 100% !important;
    margin-right: 100000px;
}
/*span.selection {
    display: none !important;
}*/
* {
    box-sizing: border-box;
}

.validation-summary-errors.text-danger li {
    list-style: none;
}

.ei-input-group {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    /*flex-wrap: wrap;*/
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}

.text-shadow1 {
    text-shadow: 2px 1px 0 #7A7A7A;
}

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

.client-logo {
    max-height: 70px;
    padding: 5px;
}
/*.cert-width{
    width: 60%;
    margin: 0 auto;
}*/
.cert-width {
    width: 80%;
    margin: 0 auto;
}

.line {
    padding-top: 5px;
    padding-bottom: 5px;
    border: 0;
    border-top: 1px solid #edf1f2;
    /*display: block;
    unicode-bidi: isolate;
    -webkit-margin-before: 0.5em;
    -webkit-margin-after: 0.5em;
    -webkit-margin-start: auto;
    -webkit-margin-end: auto;
    overflow: hidden;*/
}

.cert-height {
    /*width: 595px;*/
    /*max-height:842px;*/
    /*height: 1120px;*/
}
/*#activa-cert {
    background: url(/Content/Images/activaA.png) no-repeat center;
    background-size: cover;    
}*/
.activa-cert {
    background: url(/Content/Images/activaA.png) no-repeat center;
    background-size: cover;
}

.activa-mark {
    background: url(/Content/Images/activaWatermark.png) no-repeat center;
    background-size: cover;
}
.star-mark {
    background: url(/Content/Images/allclientslogo/star-logo.png) no-repeat center;
    background-size: cover;
}
#ent-cert {
}
/*p, a {   
    word-break: break-word;
}*/
.client-address,
.client-email {
    word-break: break-word;
    overflow-wrap: break-word;
    max-width: 145px;
    margin: 0 auto;
} 

.page-break {
    page-break-after: always;
    page-break-inside: avoid;
    clear: both;
}

.page-break-before {
    page-break-before: always;
    page-break-inside: avoid;
    clear: both;
}
/*#activa-cert-panel::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        background: url('/Content/Images/activaA.png') no-repeat center;
        width: 100%;
        height: 100%;
        opacity: 0.2;
    }*/

ul.dashed {
    list-style: none;
    padding-left: 0;
}

    ul.dashed > li {
        margin-left: 15px;
    }

        /* Prevent nested li's from getting messed up */
        ul.dashed > li::before {
            content: "- ";
            margin-left: -15px;
        }

/*Make all asterisks red on page load*/
form label.required:before {
    content: " * ";
    color: red;
}
/* Override colorpicker paths */
.colorpicker-saturation {
    background-image: url("Images/bootstrap-colorpicker/saturation.png");
}

.colorpicker-hue {
    background-image: url("Images/bootstrap-colorpicker/hue.png");
}

.colorpicker-alpha {
    background-image: url("Images/bootstrap-colorpicker/alpha.png");
}

.colorpicker-color {
    background-image: url("Images/bootstrap-colorpicker/alpha.png");
}

.colorpicker.colorpicker-horizontal .colorpicker-hue {
    background-image: url("Images/bootstrap-colorpicker/hue-horizontal.png");
}

.colorpicker.colorpicker-horizontal .colorpicker-alpha {
    background-image: url("Images/bootstrap-colorpicker/alpha-horizontal.png");
}

.right-shot {
    width: 120px;
    position: absolute;
    top: 30%;
    right: 0px;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
}

#login-row .brand-column {
    width: 70%;
    height: 100%;
    background-image: url(Images/loginbg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0 0 31px 0 rgba(0, 0, 0, .65);
    position: relative;
}

.container .row .brand-column {
    width: 70%;
    height: 100%;
    background-image: url(Images/loginbg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0 0 31px 0 rgba(0, 0, 0, .65);
    position: relative;
}


.brand-column1 {
    width: 70%;
    height: 100%;
    background-image: url(Images/loginbg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0 0 31px 0 rgba(0, 0, 0, .65);
}

#login-row .brand-column::before {
    display: block;
    content: '';
    background-color: rgba(0,0,0,.4);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 0;
}

.container .row .brand-column::before {
    display: block;
    content: '';
    background-color: rgba(0,0,0,.4);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 0;
}

#login-row .signup-column {
    width: 29%;
    height: 100%;
    background-image: url('Images/login-icons.png');
    background-position: center;
    background-repeat: repeat;
    position: relative;
}

.z-index-10 {
    z-index: 10;
}

.container .row .signup-column {
    width: 30%;
    height: 100%;
    background-image: url('Images/login_icons.png');
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.signup-column1 {
    width: 30%;
    height: 100%;
    background-image: url('Images/login_icons.png');
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

#agent-login-image.img-thumbnail.img-circle {
    height: 60px !important;
    width: 60px !important;
}

.aside-collapsed .wrapper > .aside #agent-login-image.img-thumbnail.img-circle, .aside-collapsed .wrapper > .aside > .aside-inner #agent-login-image.img-thumbnail.img-circle {
    height: 50px !important;
    width: 50px !important;
}

.wrapper > .aside {
    z-index: 200;
}

.wrapper > footer {
    z-index: 115;
}
/*.aside-collapsed .user-block .user-block-info,
  .aside-collapsed-text .user-block .user-block-info {
    display: block !important; }*/
/* Clear floats after the sections */
#login-row:after {
    content: "";
    display: table;
    clear: both;
}

.steps-list-wd-14 > .wizard > .steps > ul > li {
    width: 14%;
}

.steps-list-wd-16 > .wizard > .steps > ul > li {
    width: 16%;
}

.steps-list-wd-16_5 > .wizard > .steps > ul > li {
    width: 16.5%;
}

.steps-list-wd-20 > .wizard > .steps > ul > li {
    width: 20%;
}

.steps-list-wd-25 > .wizard > .steps > ul > li {
    width: 25%;
}

.wizard > .steps {
    width: 100% !important;
}

.eai-img-wd {
    width: 100px !important;
}

footer p {
    margin-top: -7px !important;
}

.m-auto {
    margin: auto !important
}

.mt-auto, .my-auto {
    margin-top: auto !important
}

.mr-auto, .mx-auto {
    margin-right: auto !important
}

.mb-auto, .my-auto {
    margin-bottom: auto !important
}

.ml-auto, .mx-auto {
    margin-left: auto !important
}

.ei-m-auto {
    margin: 0 auto !important;
}

.ei-mt-ng-35 {
    margin-top: -35px;
}

.ei-mt-0 {
    margin-top: 0 !important;
}

.ei-mt-05 {
    margin-top: 0.5rem;
}

.ei-mt-5p {
    margin-top: 5px;
}

.ei-mt-1 {
    margin-top: 1rem;
}

.ei-mt-10 {
    margin-top: 10px !important;
}

.ei-mt-20 {
    margin-top: 20px !important;
}

.ei-mt-30 {
    margin-top: 30px !important;
}

.ei-mt-2 {
    margin-top: 2rem !important;
}

.ei-mt-3 {
    margin-top: 3rem;
}

.ei-mt-5 {
    margin-top: 5rem;
}

.ei-mt-10rem {
    margin-top: 10rem;
}

.ei-mb-2h {
    margin-bottom: 2.5px !important;
}

.ei-mb-0 {
    margin-bottom: 0 !important;
}

.ei-mb-05 {
    margin-bottom: 5px;
}

.ei-mb-02 {
    margin-bottom: 2px;
}

.ei-mb-1 {
    margin-bottom: 10px !important;
}

.ei-mb-12 {
    margin-bottom: 12px !important;
}

.ei-mb-13 {
    margin-bottom: 13px !important;
}

.ei-mb-15 {
    margin-bottom: 15px !important;
}

.ei-mb-2 {
    margin-bottom: 20px !important;
}

.ei-mb-3 {
    margin-bottom: 3rem;
}

.ei-mb-4 {
    margin-bottom: 4rem;
}

.ei-mb-5 {
    margin-bottom: 5rem;
}

.ei-mb-7 {
    margin-bottom: 7rem;
}
.ei-mb-10e {
    margin-bottom: 10rem;
}
.ei-mb-12e {
    margin-bottom: 12rem;
}
.ei-mb-15e {
    margin-bottom: 15rem;
}

.ei-mb-30 {
    margin-bottom: 30px !important;
}

.ei-ml-0 {
    margin-left: 0px !important;
}

.ei-ml-05 {
    margin-left: 5px;
}

.ei-ml-1 {
    margin-left: 10px;
}

.ei-ml-15 {
    margin-left: 15px !important;
}

.ei-ml-2 {
    margin-left: 20px;
}

.ei-ml-3 {
    margin-left: 3rem;
}

.ei-ml-3-5 {
    margin-left: 3.5rem;
}

.ei-ml-ng15 {
    margin-left: -15px !important;
}

.ei-ml-ng2 {
    margin-left: -20px !important;
}

.ei-mr-0 {
    margin-right: 0 !important;
}

.ei-mr-05 {
    margin-right: 0.5rem !important;
}

.ei-mr-1 {
    margin-right: 10px !important;
}

.ei-mr-15 {
    margin-right: 15px !important;
}

.ei-mr-2 {
    margin-right: 20px !important;
}

.p-5 {
    padding: 5px !important;
}

.p-10 {
    padding: 10px !important;
}

.p-20 {
    padding: 20px !important;
}

.ei-all-p-5 {
    padding: 5px !important;
}

.ei-pd-r-0 {
    padding-right: 0 !important;
}

.ei-pd-l-0 {
    padding-left: 0 !important;
}

.ei-pd-lr-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.ei-mg-lr-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.ei-pd-lr-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.ei-pd-lr-5p {
    padding-left: 5%;
    padding-right: 5%;
}

.ei-pd-tp-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.ei-all-p-0 {
    padding: 0 !important;
}

.ei-pl-0 {
    padding-left: 0 !important;
}

.ei-pl-5 {
    padding-left: 5px !important;
}

.ei-pt-0 {
    padding-top: 0 !important;
}

.ei-pt-05 {
    padding-top: 0.5rem;
}

.ei-pt-1 {
    padding-top: 1rem;
}

.ei-pt-1h {
    padding-top: 15px;
}

.ei-pt-10 {
    padding-top: 10px;
}

.ei-pt-20 {
    padding-top: 20px;
}

.ei-pt-2 {
    padding-top: 2rem;
}

.ei-pt-3 {
    padding-top: 3rem;
}

.ei-pb-0 {
    padding-bottom: 0;
}

.ei-pb-05 {
    padding-bottom: 0.5rem;
}

.ei-pb-1 {
    padding-bottom: 1rem;
}

.ei-pb-2 {
    padding-bottom: 2rem;
}

.ei-pb-3 {
    padding-bottom: 3rem;
}

.emptyheading.panel-heading-collapsed {
    padding-bottom: 25px;
}

.ei-pl-05 {
    padding-left: 0.5rem;
}

.ei-pl-5p {
    padding-left: 5px !important;
}


.ei-pl-1 {
    padding-left: 1rem;
}

.ei-pl-2 {
    padding-left: 2rem;
}

.ei-pr-05 {
    padding-right: 0.5rem !important;
}

.ei-pr-1 {
    padding-right: 1rem !important;
}

.ei-pr-2 {
    padding-right: 2rem !important;
}

.ei-wpercentage-100 {
    width: 100% !important;
}

.pt-xs, .pv-xs {
    padding-top: 5px !important;
}

.pb-xs, .pv-xs {
    padding-bottom: 2px !important;
}

.wd-200 {
    width: 200px;
}

.wd-10 {
    width: 10px;
}

.wd-75 {
    width: 75px;
}

.wd-75p {
    width: 75%;
}

.wd-80 {
    width: 80px;
}

.wd-90 {
    width: 90px;
}

.wd-90p {
    width: 90%;
}

.wd-300 {
    width: 300px;
}

.wd-230 {
    width: 230px;
}

.wd-150 {
    width: 150px;
}

.wd-170 {
    width: 170px;
}

.wd-180 {
    width: 180px;
}

.wd-100 {
    width: 100px;
}

.wd-11p {
    width: 11% !important;
}

.wd-20p {
    width: 20% !important;
}

.wd-27p {
    width: 27% !important;
}

.wd-25p {
    width: 25% !important;
}

.wd-35p {
    width: 35% !important;
}

.wd-30p {
    width: 30% !important;
}

.wd-40p {
    width: 40%;
}

.wd-45p {
    width: 45%;
}

.wd-50p {
    width: 50%;
}

.wd-55p {
    width: 55%;
}

.wd-60p {
    width: 60%;
}

.wd-65p {
    width: 65%;
}

.wd-80p {
    width: 80%;
}

.wd-95p {
    width: 95% !important;
}

.wd-98p {
    width: 98% !important;
}

.wd-100p {
    width: 100% !important;
}



.wd-50 {
    width: 50px;
}

.wd-25 {
    width: 25px;
}

.wd-30 {
    width: 30px;
}

.wd-35 {
    width: 35px;
}

.wd-40 {
    width: 40px;
}

.wd-45 {
    width: 45px;
}

.wd-400 {
    width: 400px !important;
}

.wd-xxs {
    width: 58px;
}

.min-ht-185 {
    min-height: 185px;
}

.min-ht-200 {
    min-height: 200px;
}

.min-ht-250 {
    min-height: 250px !important;
}

.min-ht-250 {
    min-height: 250px !important;
}

.min-ht-300 {
    min-height: 300px;
}

.ht-xxs {
    height: 58px;
}

.ei-scroll-x {
    overflow-x: scroll;
}

.ei-group {
    width: 50%;
}

.br-tr-br {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

/*.set-max-width {
    max-width: 80%;
    margin: 0 auto;
}*/
.content-wrapper .panel.panel-default.set-max-width {
    max-width: 80%;
    margin: 0 auto !important;
}

@media (max-width:900px) {
    .set-max-width {
        max-width: 100% !important;
    }
}

@media (min-width:901px) and (max-width:1349px) {
    .set-max-width {
        max-width: 100% !important;
    }
}

@media (min-width:1400px) {
    .set-max-width {
        max-width: 90% !important;
        margin: 0 auto;
    }
}

.set-max-width-popup {
    max-width: 100%;
    margin: 0 auto;
}

.quote-max-width {
    max-width: 1000px;
    margin: 0 auto;
}

.converter-width {
    max-width: 85%;
    margin: 0 auto;
}

.content-heading-pl {
    padding-left: 11rem;
}

.wizard > .content > .body {
    position: relative !important;
}

fieldset .form-group {
    margin-bottom: 15px !important;
}

.wizard > .content > .body ul {
    list-style: none !important;
}

#registration, #registrationSelectBox {
    width: 50%;
    float: left;
    font-size: 12px;
}

/*.pol-status {
    min-height: 100px;
    margin-bottom: 15px;
    background: #ffffff;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    -o-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
*/
.white-card {
    background-color: #ffffff;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    -o-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.white-card {
    padding: 15px;
}

.pol-status .fa {
    margin-right: 0px;
    width: 66px;
    height: 66px;
    text-align: center;
}

.icon-success.icon-rounded, .icon-success.icon-cornered, .icon-success.icon-square {
    background-color: #28a745;
    color: #ffffff;
}

.icon-warning.icon-rounded, .icon-warning.icon-cornered, .icon-warning.icon-square {
    background-color: #FFC107;
    color: #ffffff;
}

.icon-danger.icon-rounded, .icon-danger.icon-cornered, .icon-danger.icon-square {
    background-color: #dc3545;
    color: #ffffff;
}

.icon-purple.icon-rounded, .icon-purple.icon-cornered, .icon-purple.icon-square {
    background-color: #673AB7;
    color: #ffffff;
}

.icon-md.icon-rounded, .icon-md.icon-cornered, .icon-md.icon-square, .icon-md.icon-bordered {
    padding: 20px;
}

.icon-warning {
    color: #FFC107;
}

.icon-success {
    color: #27c24c;
}

.icon-success {
    color: #dc3545;
}

.icon-success {
    color: #673AB7;
}

.icon-rounded {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    padding: 15px;
    background-color: #777777;
    color: #ffffff;
}

.icon-md {
    font-size: 28px;
}

.pol-status .stats {
    padding-left: 85px;
}

.pol-status h4 {
    margin: 10px 0 5px 0;
}

.channel-div {
    padding: 10px 30px;
    margin-bottom: 30px;
}

.channel-div {
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.bg-accent {
    background: #E91E63;
    color: #ffffff;
}

.bg-accent {
    background-color: #E91E63 !important;
}

.channel-widget.channel-div {
    min-height: 50px;
}

.chan-header .chan-icon {
    float: left;
}

    .chan-header .chan-icon i {
        font-size: 30px;
        color: #fff;
        margin: 3px 15px 0 0;
    }

.chan-header .chan-text h4 {
    color: #ffffff;
    display: block;
    margin: 0px 0 0px 0;
    font-weight: 700;
}

.chan-header {
    display: block;
    margin-bottom: 10px;
}

    .chan-header .chan-text span {
        display: block;
        color: #fff;
        white-space: nowrap;
    }

.chan-text h4 {
    font-size: 2.5rem;
}

#channels .border-right {
    border-right: 2px solid rgba(255,255,255,.7);
    color: #ffffff;
}


/*body {
    font-family: Cambria, Palatino, "Palatino Linotype", "Palatino LT STD","Roboto", Georgia, serif;
}*/
body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
}

.profile .dropdown-menu > li > a:hover, .profile .dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #fff;
}

.topnavbar .navbar-header .brand-logo {
    padding-top: 3px;
}
/*.topnavbar .navbar-header .brand-logo {
    padding: 0 15px !important;
}*/
.accordion dl, .accordion-list {
    border: 1px solid #ddd;
}

    .accordion dl:after, .accordion-list:after {
        content: "";
        display: block;
        height: 1em;
        width: 100%;
    }

.accordion dd,
.accordion__panel {
    background-color: #fff;
    font-size: 1em;
    line-height: 1.5em;
}


.accordion p {
    padding: 1em 2em 1em 2em;
    margin-left: 20px;
}

.accordion .wd-wide p {
    padding: 0px !important;
}

.accordion .fa-ul, .accordion .fa-ol {
    padding: 1em 2em 1em 2em;
    margin-left: 35px;
}

.accordion .fa-li {
    font-size: 9px !important;
    line-height: 1.8rem !important;
}

.accordion {
    position: relative;
    background-color: #fff;
}

.accordionTitle, .accordion__Heading {
    background-color: #fff;
    text-align: left;
    font-weight: bold !important;
    padding: 0.5em;
    display: block;
    text-decoration: none !important;
    -webkit-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
}

    .accordionTitle:before, .accordion__Heading:before {
        content: "+";
        font-size: 1.5em !important;
        line-height: 0.5em !important;
        float: left;
        -webkit-transition: -webkit-transform 0.3s ease-in-out;
        transition: -webkit-transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
        background-color: #fff;
        border: solid 1px #c7c7c7;
        padding: 2px 1px;
        margin-right: 0.5em;
        border-radius: 3px;
    }

    .accordionTitle:hover, .accordion__Heading:hover {
        /*background-color: rgba(0,0,0, 0.1);*/
    }

    .accordionTitleActive, .accordionTitle.is-expanded {
        /*background-color: #0a70bc !important;
    color: #fff !important;*/
    }

        .accordionTitleActive:before, .accordionTitle.is-expanded:before {
            -webkit-transform: rotate(-225deg);
            transform: rotate(-225deg);
        }

.accordionItem {
    height: auto;
    overflow: hidden;
    /*max-height: 50em;*/
    transition: max-height 1s;
}

@media screen and (min-width:48em) {
    .accordionItem {
        /*max-height:15em;*/
        transition: max-height 0.5s;
    }
}

.accordionItem.is-collapsed {
    max-height: 0;
}

.no-js .accordionItem.is-collapsed {
    max-height: auto;
}

.animateIn {
    animation: accordionIn 0.45s normal ease-in-out both 1;
}

.animateOut {
    animation: accordionOut 0.45s alternate ease-in-out both 1;
}

@keyframes accordionIn {
    0% {
        opacity: 0;
        transform: scale(0.9) rotateX(-60deg);
        transform-origin: 50% 0;
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes accordionOut {
    0% {
        opacity: 1;
        transform: scale(1);
    }

    100% {
        opacity: 0;
        transform: scale(0.9) rotateX(-60deg);
    }
}

.tabs-left {
    border-bottom: none;
    padding-top: 2px;
}

    .tabs-left > li {
        float: none;
        margin-bottom: 10px;
    }

    .tabs-left > li {
        margin-right: -1px;
    }

        .tabs-left > li.active > a,
        .tabs-left > li.active > a:hover,
        .tabs-left > li.active > a:focus {
            border-bottom-color: #ddd;
            border-right-color: transparent;
        }

        .tabs-left > li > a {
            border-radius: 4px 0 0 4px;
            margin-right: 0;
            display: block;
        }

.alltabs.nav-tabs > li.active > a,
.alltabs.nav-tabs > li.active > a:hover,
.alltabs.nav-tabs > li.active > a:focus {
    color: #fff;
}

.nav-tabs.tabs-left > li.active > a {
    border-bottom-color: #ddd;
    color: #fff !important;
}

.nav-tabs.tabs-left > li > a {
    background-color: transparent;
    cursor: pointer;
}
.nav-tabs > li > a {
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}
/*#login-panel .nav-tabs > li > a {
    color: #0a70bc !important;
    background-color: #fff !important;
}

#login-panel .nav-tabs > li.active > a,
#login-panel .nav-tabs > li.active > a:hover,
#login-panel .nav-tabs > li.active > a:focus {
    color: #fff !important;
    background-color: #0a70bc !important;
}*/
.font-size-ini {
    font-size: initial;
}

.listgroup-bd-lf {
    border-left: solid 20px;
}

#asideUpComing td#upcmngPT, #asideUpComing td#upcmngRD {
    display: none !important;
}

.bd-rd20 {
    border-radius: 20px;
}

.overflow-wrap {
    overflow-wrap: break-word !important;
    -ms-overflow-wrap: break-word !important;
}

.word-break {
    word-break: break-all !important;
    -ms-word-break: break-all !important;
}

.word-wrap {
    word-wrap: break-word;
    -ms-word-wrap: break-word;
}

.text-shadow-red {
    text-shadow: 1px 1px 2px black, 0px 0px 1em red, 0px 0px 0.2em red;
}

.text-italic {
    font-style: italic;
}

.text-underline {
    text-decoration: underline;
}

.text-normal {
    font-weight: normal !important;
}

.text-xs {
    font-size: 9px !important;
}

.text-7 {
    font-size: 7px !important;
}

.text-10 {
    font-size: 10px !important;
}

.text-11 {
    font-size: 11px !important;
}

.text-12 {
    font-size: 12px !important;
}

.text-13 {
    font-size: 13px !important;
}

.text-14 {
    font-size: 14px !important;
}

.text-15 {
    font-size: 15px !important;
}

.text-16 {
    font-size: 16px !important;
}

.text-17 {
    font-size: 17px !important;
}

.text-18 {
    font-size: 18px !important;
}

.text-20 {
    font-size: 20px !important;
}

.text-21 {
    font-size: 21px !important;
}

.text-22 {
    font-size: 22px !important;
}

.text-25 {
    font-size: 25px !important;
}

.text-26 {
    font-size: 26px !important;
}

.text-28 {
    font-size: 28px !important;
}

.text-30 {
    font-size: 30px !important;
}

.text-1-5em {
    font-size: 1.5em !important;
}

.text-2em {
    font-size: 2em !important;
}

.fa-lg-1-3 {
    font-size: 1.3em !important;
}

.fa-lg-1-5 {
    font-size: 1.5em !important;
}

.fa-lg-1-8 {
    font-size: 1.8em !important;
}

.fa-lg-2 {
    font-size: 2em !important;
}

.fa-xlg {
    font-size: 2.33333333em;
}

.fa-xxlg {
    font-size: 3.33333333em !important;
}

a {
    text-decoration: none !important;
}

.ft-2 {
    font-size: 20px !important;
}

.text-white {
    color: #fff !important;
}

.text-shadow {
    /*text-shadow: rgba(0,0,0,0.5) 0px 3px 3px;*/
    text-shadow: rgb(173, 173, 173) 0px 3px 3px;
}

.box-shadow {
    box-shadow: 0 6px 12px 0 rgba(0,0,0,.4), 0 2px 10px 0 rgba(0,0,0,.2);
}

.bg-health {
    background-color: #ee2e68;
    color: #fff !important;
}

.thumb70 {
    width: 70px !important;
    height: 70px !important;
}
/*.bg-health-light {
  background-color: #ee2e68;
  color: #fff !important; }*/
.panel-qr > .panel-heading {
    color: #fff;
    background-color: #a15d86;
    border-color: #cfdbe2;
    border-bottom-color: rgb(207, 219, 226);
    padding: 1px 10px !important;
}

.panel-qr {
    border-color: #cfdbe2;
}

.bg-white {
}

.bg-ash {
    background-color: #f7fafd;
}

.bg-health-dark {
    background-color: #7d0a2d;
    color: #fff !important;
}

.bg-orange {
    background-color: #f2881c;
    color: #fff !important;
}

.bg-orange-dark {
    background-color: #ca6c0c;
    color: #fff !important;
}


.bg-general {
    background-color: #23b7e5;
    color: #fff !important;
}



.bg-general-light {
    background-color: #51c6ea;
    color: #fff !important;
}

.bg-general-dark {
    background-color: #0075b8;
    color: #fff !important;
}

.bg-life {
    background-color: #015f01;
    color: #fff !important;
}

.bg-life-light {
    background-color: #43d967;
    color: #fff !important;
}

.bg-life-dark {
    background-color: #154621;
    color: #fff !important;
}

.bg-pension {
    background-color: #741B77;
    color: #fff !important;
}

.bg-pension-light {
    background-color: #932297;
    color: #fff !important;
}

.bg-pension-dark {
    background-color: #4b124d;
    color: #fff !important;
}


.bg-transition {
    background-color: #B78612;
    color: #fff !important;
}

.bg-transition-light {
    background-color: #ecb93f;
    color: #fff !important;
}

.bg-transition-dark {
    background-color: #70520b;
    color: #fff !important;
}

.bg-pantone {
    background-color: #c6183d;
    color: #fff !important;
}


.nav.nav-tabs.tabs-left li a {
    font-size: 15px;
}

.nav-tabs.tabs-left > li.active > a#general-tab,
.nav-tabs.tabs-left > li.active > a#motor-tab,
.nav-tabs.tabs-left > li.active > a#travel-tab {
    background-color: #0a70bc;
    color: #fff;
}

.nav-tabs.tabs-left > li > a#general-tab,
.nav-tabs.tabs-left > li > a#motor-tab,
.nav-tabs.tabs-left > li > a#travel-tab {
    color: #0a70bc;
}

.nav-tabs.tabs-left > li.active > a#life-tab {
    background-color: #015f01;
    color: #fff;
}

.nav-tabs.tabs-left > li > a#life-tab {
    color: #015f01;
}

.nav-tabs.tabs-left > li.active > a#pension-tab {
    background-color: #741B77;
    color: #fff;
}

.nav-tabs.tabs-left > li > a#pension-tab {
    color: #741B77;
}

#gen .accordionTitle, #gen .accordion__Heading {
    color: #0a70bc !important;
    border-bottom: 1px solid #0a70bc !important;
}

    #gen .accordionTitle:before, #gen .accordion__Heading:before {
        color: #0a70bc !important;
    }

#gen .accordion-content.accordionItem.is-expanded {
    border-bottom: solid 1px #0a70bc !important;
}

#gen .accordionTitleActive:before, #gen .accordionTitle.is-expanded:before {
    color: #0a70bc !important;
    border-color: #0a70bc !important;
}

#gen.accordion dl:after, #gen.accordion-list:after {
    background-color: #0a70bc !important;
}

#lif .accordionTitle, #lif .accordion__Heading {
    color: #188d56 !important;
    border-bottom: 1px solid #188d56 !important;
}

    #lif .accordionTitle:before, #lif .accordion__Heading:before {
        color: #188d56 !important;
    }

#lif .accordion-content.accordionItem.is-expanded {
    border-bottom: solid 1px #188d56 !important;
}

#lif .accordionTitleActive:before, #lif .accordionTitle.is-expanded:before {
    color: #188d56 !important;
    border-color: #188d56 !important;
}

#lif.accordion dl:after, #lif.accordion-list:after {
    background-color: #188d56 !important;
}

#pen .accordionTitle, #pen .accordion__Heading {
    color: #741B77 !important;
    border-bottom: 1px solid #741B77 !important;
}

    #pen .accordionTitle:before, #pen .accordion__Heading:before {
        color: #741B77 !important;
    }

#pen .accordion-content.accordionItem.is-expanded {
    border-bottom: solid 1px #741B77 !important;
}

#pen .accordionTitleActive:before, #pen .accordionTitle.is-expanded:before {
    color: #741B77 !important;
    border-color: #741B77 !important;
}

#pen.accordion dl:after, #pen.accordion-list:after {
    background-color: #741B77 !important;
}

.text-orange {
    color: #f2881c;
}
/*.btn-blue {
    background-color: #0075b8;
}*/
/*.btn-outline.btn-primary{
    color: #0a70bc !important;
    background-color: #fff !important;
}
.btn-outline.btn-primary:hover{
    color: #fff !important;
    background-color: #0a70bc !important;
}*/

.btn-rounded {
    border-radius: 10em !important;
    -webkit-border-radius: 10em !important;
}

.btn-pinky {
    color: #fff;
    background-color: #ac0e3e;
    border-color: #ec1b5a;
}

    .btn-pinky:hover {
        color: #fff;
        background-color: #ec1b5a;
        border-color: #ac0e3e;
    }
/*.btn-white {
    color: #212529;
    background-color: #fff;
    border-color: #efe8e8;
}*/
.btn-outline.btn-white {
    border-color: #efe8e8;
    color: #fff;
}

.btn-white:hover {
    color: #212529;
    background-color: #fff;
    border-color: #efe8e8;
}

.btn-outline-white {
    border: 2px solid #fff !important;
    background-color: transparent !important;
    color: #fff !important
}

    .btn-outline-white.active, .btn-outline-white:active, .btn-outline-white:active:focus, .btn-outline-white:focus, .btn-outline-white:hover {
        border-color: #fff !important;
        background-color: #fff !important;
        color: #212529 !important
    }

    .btn-outline-white:not([disabled]):not(.disabled).active, .btn-outline-white:not([disabled]):not(.disabled):active, .show > .btn-outline-white.dropdown-toggle {
        -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        background-color: transparent !important;
        border-color: #fff !important
    }

        .btn-outline-white:not([disabled]):not(.disabled).active:focus, .btn-outline-white:not([disabled]):not(.disabled):active:focus, .show > .btn-outline-white.dropdown-toggle:focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)
        }
/*.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
     border-radius: 0; 
}*/
/*.btn-group.btn-group-toggle {
}*/

/*.text-health{
    color: #ac0e3e;
}*/
.text-health {
    color: #ee2e68 !important;
}

.text-yellow {
    color: #fad732 !important;
}

.text-transition {
    color: #b78612 !important;
}

.text-black {
    color: #000 !important;
}

.text-pension {
    color: #741B77 !important;
}

.text-life {
    color: #015f01 !important;
}

.text-general {
    color: #0075b8;
}

.text-sm-md {
    font-size: 18px;
}

.text-small {
    font-size: 85%;
}

.text-yellow-light {
    background-color: #fbe164;
}

.text-amber {
    color: #ffbf00;
}

.text-red {
    color: #f05050 !important;
}

.input-240 {
    width: 240px;
}

.input-300 {
    width: 300px;
}

.input-350 {
    width: 350px;
}

.input-450 {
    width: 450px;
}

.bd-rd-5 {
    border-radius: 5rem;
}

.border-general {
    border-color: #07328b;
}

.border-top-general {
    border-top-color: #07328b !important;
}

.border-btm-general {
    border-bottom-color: #07328b !important;
}

.border-life {
    border-color: #154621;
}

.border-top-life {
    border-top-color: #1f8a3a !important;
}

.border-btm-life {
    border-bottom-color: #1f8a3a !important;
}

.border-pension {
    border-color: #4b124d;
}

.border-top-pension {
    border-top-color: #741B77 !important;
}

.border-btm-pension {
    border-bottom-color: #741B77 !important;
}

.border-top-transition {
    border-top-color: #B78612 !important;
}

.border-btm-transition {
    border-bottom-color: #B78612 !important;
}

.border-health {
    border-color: #ac0e3e;
}

.border-top-health {
    border-top-color: #ac0e3e !important;
}

.border-btm-health {
    border-bottom-color: #ac0e3e !important;
}

/*.border-right, .br-min-ht {
    min-height: 84px;
}

.bdr-right {
    border-right: 1px solid;
    min-height: 100px;
}*/
.border-black{
    border: 1px solid black;
}
.border-right-1 {
    border-right: 1px solid;
}

.border-left-1 {
    border-left: 1px solid;
}

.border-top-wd6 {
    border-top-width: 6px !important;
}

.border-btm-wd6 {
    border-bottom: 8px solid !important;
}

.border-warning {
    border-color: #ff902b;
}

.border-white {
    border-color: #fff;
}

.border-red {
    border-color: #ec2121;
}

.border-gray {
    border-color: #b3b3b3;
}

.border-radius-10 {
    border-radius: 10px;
}

.round-border {
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 0.5rem;
}

.ph-border-bt {
    border-bottom: 1px solid #cfdbe2;
}

.login-lg-horizontal {
    display: table;
    width: 100%;
    border-collapse: separate;
}

    .login-lg-horizontal .list-group-item {
        display: table-cell;
        /*float: none;*/
        width: 100%;
    }

.list-group-horizontal {
    display: table;
    width: 100%;
    /*table-layout: fixed;*/
    border-collapse: separate;
}

    .list-group-horizontal .list-group-item {
        display: table-cell;
        /*float: none;*/
        width: 100%;
    }

        .list-group-horizontal .list-group-item:first-child {
            width: 95%;
            border-top-right-radius: 0;
        }

        .list-group-horizontal .list-group-item:last-child {
            width: 5%;
            border-bottom-left-radius: 0;
        }
/*.list-group-horizontal .list-group-item {
    display: inline-block;
}
.list-group-horizontal .list-group-item {
	margin-bottom: 0;
	margin-left:-4px;
	margin-right: 0;
}
.list-group-horizontal .list-group-item:first-child {
	border-top-right-radius:0;
	border-bottom-left-radius:4px;
}
.list-group-horizontal .list-group-item:last-child {
	border-top-right-radius:4px;
	border-bottom-left-radius:0;
}*/

.balance-circle {
    border-radius: 50%;
    width: 200px;
    height: 200px;
}

.wrap-claim .close {
    text-shadow: 0 1px 0 rgb(0 0 0 / 50%);
    opacity: 0.8 !important;
}

.wrap-claim {
    position: absolute;
    overflow: hidden;
    top: 100%;
    right: 1.5%;
    bottom: 85px;
    /*left: 10%;*/
    padding: 10px 0px;
    display: block;
    border-radius: 4px;
    transform: translateY(20px);
    transition: all 0.5s;
    visibility: hidden;
    min-height: 100px;
    z-index: 200;
}

    .wrap-claim .content {
        opacity: 0;
    }

    .wrap-claim:before {
        position: absolute;
        width: 1px;
        height: 1px;
        background: white;
        content: "";
        bottom: 10px;
        left: 50%;
        top: 95%;
        color: #fff;
        border-radius: 50%;
        -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    .wrap-claim.active {
        display: block;
        visibility: visible;
        box-shadow: 2px 3px 16px silver;
        transition: all 600ms;
        transform: translateY(0px);
        transition: all 0.5s;
        min-width: 120px;
        padding: 10px;
    }

        .wrap-claim.active:before {
            height: 2000px;
            width: 2000px;
            border-radius: 50%;
            top: 50%;
            left: 50%;
            margin-left: -1000px;
            margin-top: -1000px;
            display: block;
            -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
            transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
        }

        .wrap-claim.active .content {
            position: relative;
            z-index: 1;
            opacity: 1;
            transition: all 600ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
            max-width: 140px;
            padding-right: 10px;
        }

a#makeclaim {
    text-decoration: none !important;
}

.fa-stack-1x {
    line-height: inherit !important;
}

.fa-1-5x {
    font-size: 1.5em;
}

.fa-2-7x {
    font-size: 2.7em;
}

.fa-25x {
    font-size: 25px;
}

.lgi-fa-bg-rnd {
    border-radius: 50%;
}

.progress-xxs {
    height: 6px;
}

.panel-bb {
    border-bottom: 1px solid #e4eaec !important;
}

.panel-footer {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.dx-datagrid-search-panel {
    margin-left: 0 !important;
}
/*.dx-placeholder::before {
    padding-top: 5px !important;
    padding-bottom: 6px !important;
}*/
/*.form-control.dx-datebox.dx-textbox.dx-texteditor {
    padding-top: 0px !important;
}*/
.input-group > .form-control {
    padding-right: 5px;
}

.ei-legend {
    display: block;
    position: relative;
    margin: 15px 0;
    padding: 39px 19px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .ei-legend:after {
        position: absolute;
        top: -1px;
        left: -1px;
        padding: 5px 7px;
        font-size: 16px;
        font-weight: bold;
        border: 0px solid #ddd;
        color: #ffffff !important;
        -webkit-border-radius: 4px 0 4px 0;
        -moz-border-radius: 4px 0 4px 0;
        border-radius: 4px 0 4px 0;
    }
    /*Reconciliation*/
    .ei-legend.motor:after {
        content: "Vehicle Details";
    }

    .ei-legend.travel:after {
        content: "Travel Details";
    }

    .ei-legend.payment:after {
        content: "Payment Details";
    }

    .ei-legend.notice:after {
        content: "Notice to Policyholders";
    }

    .ei-legend.employer:after {
        content: "Employment Details";
    }

    .ei-legend.employment:after {
        content: "Employer Deduction Mandate";
    }

    .ei-legend.directdebit:after {
        content: "Variable Direct Bank Debit";
    }

    .ei-legend.personal:after {
        content: "Personal Details";
    }

    .ei-legend.created-date:after {
        content: "Created Date";
    }

    .ei-legend.contact:after {
        content: "Contact Details";
    }

    .ei-legend.employer-contact:after {
        content: "Employer Contact Details";
    }

    .ei-legend.additional-details:after {
        content: "Additional Details";
    }

    .ei-legend.identification:after {
        content: "Identification Details";
    }

    .ei-legend.contribution:after {
        content: "Contribution Details";
    }

    .ei-legend.scheme-size:after {
        content: "Scheme and Fund Size";
    }

    .ei-legend.preferredplan:after {
        content: "Preferred Plan";
    }

    .ei-legend.beneficiary:after {
        content: "Beneficiary Details";
    }

    .ei-legend.entpersonal:after {
        content: "Enterprise Personal Pensions";
    }

    .ei-legend.howitworks:after {
        content: "How does this scheme operate?";
    }

    .ei-legend.formal:after {
        content: "Formal Sector Worker";
        /*color: #ffffff !important;*/
    }

    .ei-legend.informal:after {
        content: "Informal Sector Worker";
        /*color: #fff;*/
    }

    .ei-legend.policy:after {
        content: "Policy Details";
    }

    .ei-legend.vehicle:after {
        content: "Vehicle Details";
    }

    .ei-legend.driver:after {
        content: "Driver Details";
    }

    .ei-legend.declaration:after {
        content: "Declaration";
    }

    .ei-legend.member-dec:after {
        content: "Member Declaration";
    }

    .ei-legend.insurance:after {
        content: "Insurance Policy";
    }

    .ei-legend.circumstance:after {
        content: "CIRCUMSTANCE";
    }

    .ei-legend.more-info:after {
        content: "Witness Details";
    }

    .ei-legend.other-info:after {
        content: "Other Information";
    }

    .ei-legend.injured:after {
        content: "Injured Persons";
    }

    .ei-legend.vehicle:after {
        content: "Vehicle Details";
    }

    .ei-legend.accident:after {
        content: "Accident Details";
    }

    .ei-legend.covertype:after {
        content: "Premium Details";
    }

    .ei-legend.insurancehistory:after {
        content: "Insurance Details";
    }

    .ei-legend.coveragetype:after {
        content: "Cover Details";
    }

    .ei-legend.plantypes:after {
        content: "Plan Types";
    }

    .ei-legend.medical:after {
        content: "Medical History";
    }

    .ei-legend.benefit-request:after {
        content: "Ground for Benefit Request";
    }

    .ei-legend.docs-enc:after {
        content: "Documents Enclosed";
    }

    .ei-legend.vesting:after {
        content: "To be completed by both Employee and Employer";
    }

    .ei-legend.outstanding-dec:after {
        content: "DECLARATION - Outstanding Liabilities";
    }

    .ei-legend.employer-dec:after {
        content: "Employer Declaration";
    }

    .ei-legend.property:after {
        content: "Property Details";
    }

    .ei-legend.upload:after {
        content: "Images and Files Upload";
    }

    .ei-legend.flight:after {
        content: "Flight Details";
    }

    .ei-legend.nextofkin:after {
        content: "Next of Kin Details";
    }

    .ei-legend.discount:after {
        content: "Discount Details";
    }

    .ei-legend.cag:after {
        content: "Controller Authority Note";
    }

    .ei-legend.corporate:after {
        content: "Institutional Mandate";
    }

    .ei-legend.debit-order:after {
        content: "Bank Debit";
    }

    .ei-legend.stop-order:after {
        content: "Stop Order";
    }

    .ei-legend.mobile-money:after {
        content: "Mobile Money";
    }

    .ei-legend.claim-payment:after {
        content: "Claim Payment Method Selection";
    }

    .ei-legend.additional-info:after {
        content: "Additional Information Checklist";
    }

    .ei-legend.quote:after {
        content: "Quote";
    }

    .ei-legend.purchase:after {
        content: "Purchase";
    }

    .ei-legend.extra-charges:after {
        content: "Extra Charges";
    }

    .ei-legend.cover-details:after {
        content: "Cover Details";
    }

    .ei-legend.cover-options:after {
        content: "Cover Option";
    }

    .ei-legend.burial:after {
        content: "Burial Plan";
    }

    .ei-legend.transition:after {
        content: "Cover Option";
    }

    .ei-legend.spouse:after {
        content: "Covered Lives";
    }

    .ei-legend.building-content:after {
        content: "Building / Content Information";
    }

    .ei-legend.content:after {
        content: "Content Information";
    }

    .ei-legend.institution:after {
        content: "Company Details";
    }

    .ei-legend.verify:after {
        content: "Declaration and Verification Details";
    }

    .ei-legend.payment-summary:after {
        content: "Payment Summary";
    }

/*.left-flyout #flyout #findagent-button {
    position: fixed !important;
    padding: 12px 0px !important;
    left: 20% !important;
    top: 20% !important;
    z-index: 300 !important;
    transform: rotate(90deg) !important;
    -webkit-transform: rotate(90deg) !important;
    -moz-transform: rotate(90deg) !important;
    -o-transform: rotate(90deg) !important;
    -ms-transform: rotate(90deg) !important;
    transition: all 400ms ease !important;
    -webkit-transition: all 400ms ease !important;
    -moz-transition: all 400ms ease !important;
    -o-transition: all 400ms ease !important;
}
.left-flyout #flyout {
    left: 0;
    z-index: 999;
    right: -350px;
}*/

#flyout {
    z-index: 1000;
}

.ei-legend.empty:after {
    content: " ";
    width: 100px;
    height: 20px;
}

.notice p {
    padding: 0.2rem;
}

.datediv-wd {
    width: 200px !important;
}

.dropzone.dz-clickable {
    min-height: 285px;
}

.dropzone .dz-message {
    margin: 0.8em 0 !important;
}

.table-bordered thead tr {
    border-top: solid 1px initial;
}

fieldset.tab-content {
    margin-bottom: 15px !important;
}

.white-bg {
    background-color: #fff;
}

[class*="signature-pad"] {
    position: relative;
    background-color: #defded;
    min-height: 120px;
    min-width: 100px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

[id*="imgSig"] {
    min-height: 120px;
    min-width: 100px;
}

.thumbnail.idcard-holder {
    margin-bottom: 10px !important;
}

#imgSig, #imgSig2, #imgSig1, #imgSig3, #imgSig4, #dropFiles {
    height: 20rem;
    position: relative;
    min-width: 100%;
}

.thumbnail.idcard-holder {
    height: 230px;
    width: 400px;
}

    .thumbnail.idcard-holder img {
        height: 220px;
        width: 400px;
    }

/*.thumbnail.imgSigThumbnail {
    width: 340px !important;
    height: 170px !important;
}*/

.ei-padding-left-0 {
    padding-left: 0 !important;
}

.ei-padding-right-0 {
    padding-right: 0 !important;
}

.ei-margin-left-5 {
    margin-left: -5px !important;
}

#gallery-div {
    height: 250px;
    /*width: 450px;*/
    border-radius: 2px;
    background-color: rgba(225, 225, 225, 0.3);
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

    #gallery-div:hover {
        box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
    }

.input-group select {
    padding: 3px !important;
}

#galleryContainer {
    margin-top: 10px;
    height: 230px;
}

#modalNotConfigured.modal {
    text-align: center !important;
    padding: 0 !important;
}

    #modalNotConfigured.modal:before {
        content: '' !important;
        display: inline-block !important;
        height: 25% !important;
        vertical-align: middle !important;
        margin-right: -4px !important;
    }

#modNotConfig .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.modal-sm {
    width: 350px !important;
}

.modal-35p {
    max-width: 35% !important;
}

.modal-60p {
    max-width: 60% !important;
}

.modal-70p {
    max-width: 70% !important;
}

.modal label,
.modal input,
.modal button,
.modal .dropdown-menu,
.modal select,
.modal p {
    font-size: 13px;
}

.modal-header {
    padding-bottom: 10px !important;
}

    .modal-header .close {
        font-size: 22px !important;
    }

.modal .dropdown-menu {
    min-width: 95px !important;
}

.modal-footer {
    text-align: center !important;
}

.modal-title {
    /*color: #727376;*/
    line-height: 18px;
    font-weight: 400;
    font-size: 18px;
}

.form-legend {
    margin-bottom: 24px;
    padding-bottom: 7px;
    font-size: 1em;
    line-height: 1em;
}

.quote-legend {
    padding: 4px 10px 4px 10px !important;
    width: auto !important;
    font-size: 1em;
    color: #fff;
}

.quote-fieldset {
    padding: 0 0.625em 0.75em;
}

.borderless-txtbox {
    border: none;
    border-bottom: 1px solid #dde6e9;
}

@media (min-width: 768px) {
    #faqs-tab {
        padding-right: 0 !important;
    }

    #faqs-tab-content {
        padding-left: 0 !important;
    }
}
/*#*/

.tab-content {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

    .tab-content .panel-footer {
        background-color: #fff !important;
    }

#search {
    position: relative;
    font-size: 18px;
    padding-top: 40px;
    margin: -20px auto 0;
    display: block;
}

    #search label {
        position: absolute;
        left: 17px;
        top: 45px;
    }

    #search #search-input, #search .hint {
        padding-left: 43px;
        padding-right: 43px;
        /*border-radius: 23px;*/
    }

    #search #search-clear {
        text-decoration: none;
        position: absolute;
        right: 18px;
        top: 54px;
        color: #b3b3b3;
    }

.ei-display-flex {
    display: flex !important;
}

.ei-display-inflex {
    display: inline-flex;
}

.ei-display-none {
    display: none;
}

.ei-byforce-previous {
    float: left !important;
    margin: 3px !important;
}
/*.dx-popup-wrapper > .dx-overlay-content {
    min-height: 40% !important;
}*/
.channel-widget .dx-widget {
    padding: 2px !important;
}

.dx-overlay-wrapper.addvehpop {
    margin-top: 7%;
}

.dx-dialog-message {
    text-align: center;
}

.dx-layout-manager .dx-label-h-align.dx-flex-layout:not(.dx-field-item-label-align) {
    -ms-flex-align: center !important;
    -webkit-align-items: center !important;
    -webkit-box-align: center !important;
    align-items: center !important;
}

.dx-datagrid-rowsview .dx-row > .dx-master-detail-cell {
    padding-left: 20px !important;
}

[id*="dx-"].dx-popup-content {
    overflow-y: auto !important;
}

[id*="dx-"] .dx-popup-content {
    overflow-y: auto !important;
}

.dx-popup-content {
    overflow-y: scroll !important;
}

.inherit-overflow {
    overflow-y: inherit !important;
}

.dx-texteditor-input {
    font-size: 12px !important;
}

.dx-datagrid-edit-form-item label {
    font-size: 12px !important;
}

.form-control.dx-field-value {
    padding-top: 0px;
}

#policynumberDiv .dx-overlay-content.dx-popup-normal.dx-resizable .dx-popup-content {
    overflow-y: auto !important;
}
/*#gridMemberID .dx-popup-content{
    height: 100px !important;
}*/
.dx-popup-content.dx-dialog-content {
    min-height: 40px !important;
}

.dx-layout-manager .dx-label-h-align .dx-field-item-label {
    white-space: inherit !important;
}

/*.dx-field-item-label-content {
    width: 100% !important;
}*/

.dx-button:hover .dx-icon {
    color: #fff !important;
}

.dx-datagrid .dx-header-filter-empty {
    color: rgba(255, 255, 255, 0.5) !important;
}

.dx-datagrid .dx-header-filter {
    color: #fff !important;
}

.dx-popup-title {
    /*color: #000 !important;*/
    color: #fff !important;
}

    .dx-popup-title .dx-closebutton .dx-icon {
        /*color: #000 !important;*/
        color: #fff !important;
    }

    .dx-popup-title.dx-toolbar {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

.dx-datagrid-headers {
    color: #fff !important;
}

.dx-datagrid .dx-row dx-column-lines dx-header-row .dx-datagrid .dx-column-lines > td {
    border-left: 1px solid #fff !important;
    border-right: 1px solid #fff !important;
}

.dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) > .dx-datagrid-group-space, .dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) .dx-master-detail-cell {
    background-color: #fff !important;
}

.dx-row.dx-freespace-row.dx-column-lines {
    height: 30px !important;
}

/*.dx-dropdowneditor-button-visible .dx-texteditor-input {
    padding-right: 0px !important;
}*/

.dx-radiobutton-icon:before {
    border: 1px solid #ccc !important;
}

.fa.fa-car.dx-border-none {
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
}

.grid-button {
    padding: 4px;
    border-radius: 0.1rem;
    cursor: pointer;
}

    .grid-button:hover {
        color: white !important;
        padding: 4px;
        border-radius: 0.1rem;
        cursor: pointer;
    }

/* Steps wizard */
.panel-flat > .wizard > .steps > ul {
    border-top: 1px solid #ddd !important;
}

.wizard {
    width: 100% !important;
    top: -80px;
}

    .wizard > .steps .current-info,
    .wizard > .content > .title {
        position: absolute !important;
        left: -99999px !important;
    }

    .wizard > .content {
        position: relative !important;
        width: auto !important;
        padding: 0 !important;
    }

        .wizard > .content > .body {
            padding: 0 20px 20px !important;
        }

        .wizard > .content > iframe {
            border: 0 none !important;
            width: 100% !important;
            height: 100% !important;
        }

    .wizard > .steps {
        position: relative !important;
        display: block !important;
        width: 100% !important;
    }

        .wizard > .steps > ul {
            display: table !important;
            width: 100% !important;
            table-layout: fixed !important;
            margin: 0 !important;
            padding: 0 !important;
            list-style: none !important;
        }

            .wizard > .steps > ul > li {
                display: table-cell !important;
                vertical-align: top !important;
                text-align: center !important;
                position: relative !important;
            }

                .wizard > .steps > ul > li a {
                    position: relative !important;
                    padding-top: 48px !important;
                    margin-top: 20px !important;
                    margin-bottom: 20px !important;
                    display: block !important;
                    font-size: 12px !important;
                }

                .wizard > .steps > ul > li:before,
                .wizard > .steps > ul > li:after {
                    content: '' !important;
                    display: block !important;
                    position: absolute !important;
                    top: 43px !important;
                    width: 50% !important;
                    height: 2px !important;
                    /*background-color: #0a70bc !important;*/
                    z-index: 9 !important;
                }

                .wizard > .steps > ul > li:before {
                    left: 0 !important;
                }

                .wizard > .steps > ul > li:after {
                    right: 0 !important;
                }

                .wizard > .steps > ul > li:first-child:before,
                .wizard > .steps > ul > li:last-child:after {
                    content: none !important;
                }

                .wizard > .steps > ul > li.current:after,
                .wizard > .steps > ul > li.current ~ li:before,
                .wizard > .steps > ul > li.current ~ li:after {
                    background-color: #eeeeee !important;
                }

                .wizard > .steps > ul > li.current > a {
                    color: #333333 !important;
                    cursor: default !important;
                }

        .wizard > .steps .number {
            /*background-color: #fff !important;
    color: #0a70bc !important;  
    border: 2px solid #59b3f6 !important;*/
            display: inline-block !important;
            position: absolute !important;
            top: 0 !important;
            left: 50% !important;
            margin-left: -19px !important;
            width: 38px !important;
            height: 38px !important;
            font-size: 14px !important;
            border-radius: 50% !important;
            z-index: 10 !important;
            line-height: 34px !important;
            text-align: center !important;
        }

        .wizard > .steps > ul > li.current .number:after {
            content: '\f044' !important;
            font-family: 'FontAwesome' !important;
            display: inline-block !important;
            font-size: 16px !important;
            -webkit-font-smoothing: antialiased !important;
            -moz-osx-font-smoothing: grayscale !important;
            line-height: 34px !important;
            -webkit-transition: all 0.15s ease-in-out !important;
            -o-transition: all 0.15s ease-in-out !important;
            transition: all 0.15s ease-in-out !important;
        }


        .wizard > .steps > ul > li.disabled a,
        .wizard > .steps > ul > li.disabled a:hover,
        .wizard > .steps > ul > li.disabled a:focus {
            color: #999999 !important;
            cursor: default !important;
        }

            .wizard > .steps > ul > li.disabled a:hover {
                color: #ffffff !important;
            }

        .wizard > .steps > ul > li.done a,
        .wizard > .steps > ul > li.done a:hover,
        .wizard > .steps > ul > li.done a:focus {
            color: #999999 !important;
        }

        /*.wizard > .steps > ul > li.done .number {
    font-size: 0 !important;
    background-color: #0a70bc !important;
    border-color: #0a70bc !important;
    color: #fff !important;
}*/

        .wizard > .steps > ul > li.done .number::after {
            content: '\f00c' !important;
            font-family: 'FontAwesome' !important;
            display: inline-block !important;
            font-size: 16px !important;
            line-height: 34px !important;
            -webkit-font-smoothing: antialiased !important;
            -moz-osx-font-smoothing: grayscale !important;
            -webkit-transition: all 0.15s ease-in-out !important;
            -o-transition: all 0.15s ease-in-out !important;
            transition: all 0.15s ease-in-out !important;
        }

        .wizard > .steps > ul > li.error .number {
            border-color: #F44336 !important;
            color: #F44336 !important;
        }

    .wizard a:focus, a:hover {
        outline-style: none !important;
        text-decoration: none !important;
    }

    .wizard > .actions {
        position: relative !important;
        display: block !important;
        text-align: center !important;
        padding: 20px !important;
        padding-top: 0 !important;
    }

        .wizard > .actions > ul {
            float: right !important;
            list-style: none !important;
            padding: 0 !important;
            margin: 0 !important;
        }

            .wizard > .actions > ul:after {
                content: '' !important;
                display: table !important;
                clear: both !important;
            }

            .wizard > .actions > ul > li {
                float: left !important;
            }

                .wizard > .actions > ul > li + li {
                    margin-left: 10px !important;
                }

                .wizard > .actions > ul > li > a {
                    color: #fff !important;
                    display: block !important;
                    padding: 7px 12px !important;
                    border-radius: 3px !important;
                    border: 1px solid transparent !important;
                    /*background: #0a70bc !important;*/
                }

                    .wizard > .actions > ul > li > a:hover,
                    .wizard > .actions > ul > li > a:focus {
                        -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset !important;
                        box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset !important;
                    }

                    .wizard > .actions > ul > li > a:active {
                        -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset !important;
                        box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset !important;
                    }

                    .wizard > .actions > ul > li > a[href="#previous"] {
                        background-color: #fcfcfc !important;
                        color: #333 !important;
                        border: 1px solid #ddd !important;
                    }

                        .wizard > .actions > ul > li > a[href="#previous"]:hover,
                        .wizard > .actions > ul > li > a[href="#previous"]:focus {
                            -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.01) inset !important;
                            box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.01) inset !important;
                        }

                        .wizard > .actions > ul > li > a[href="#previous"]:active {
                            -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.03) inset !important;
                            box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.03) inset !important;
                        }

                .wizard > .actions > ul > li.disabled > a,
                .wizard > .actions > ul > li.disabled > a:hover,
                .wizard > .actions > ul > li.disabled > a:focus {
                    color: #999999 !important;
                }

                    .wizard > .actions > ul > li.disabled > a[href="#previous"],
                    .wizard > .actions > ul > li.disabled > a[href="#previous"]:hover,
                    .wizard > .actions > ul > li.disabled > a[href="#previous"]:focus {
                        -webkit-box-shadow: none !important;
                        box-shadow: none !important;
                    }

    .wizard > .steps a {
        background: none !important;
    }

    .wizard > .steps .disabled a, .wizard > .steps .disabled a:hover, .wizard > .steps .disabled a:active {
    }

    .wizard > .steps a {
        padding: 0.2em 1em !important;
    }

label.error {
    display: none !important;
}
/*.radio.c-radio [id*="-error"]{
       display: block !important;
}*/
/*.radio.c-radio label.error, .radio-inline.c-radio label.error{
   display: none !important;
}*/
/*input.with-gap.error{
     display: none !important;
}*/
/*.form-check {
    position: relative;
    display: block;   
}*/
.form-control {
    border: 1px solid #aab5bb;
}

.radio-span-error {
    background: #fbe3e4;
    border: 1px solid #fbc2c4;
    color: #8a1f11;
}

#fst_travelData label.error {
    display: inline-block !important;
}

.wizard > .content > .body select.error {
    background: #fbe3e4;
    border: 1px solid #fbc2c4;
    color: #8a1f11;
}

.required:before {
    content: " * ";
    color: red;
}
/*Make all asterisks red on page load*/
form label.required:before {
    content: " * ";
    color: red;
}

form H4.required:before {
    content: " * ";
    color: red;
}


table td.required:before {
    content: " * ";
    color: red;
}

.labelStatus {
    display: block !important;
    text-align: center !important;
    margin: 8px !important;
    border-top: 1px solid #0a70bc !important;
}

.square-stack {
    border-radius: 5px;
    height: 50px;
    width: 50px;
    margin: 0 auto;
    border: 3px solid;
}

.square-stack-general {
    border-color: #0a70bc;
}

.square-stack-life {
    border-color: #015f01;
}

.square-stack-pension {
    border-color: #741B77;
}

.square-stack-health {
    border-color: #ac0e3e;
}

.square-stack-transition {
    border-color: #B78612;
}

#startTour {
    bottom: 60px;
    box-shadow: 1px 1px 4px rgba(0,0,0,0.4) !important;
    position: fixed !important;
    z-index: 1000 !important;
    border-bottom: 0 !important;
    padding: 6px 7px;
    font-size: 14px;
    left: -5px;
}

    #startTour .fa {
        font-size: 18px !important;
    }

.help-tip {
    position: absolute;
    top: 18px;
    right: 18px;
    text-align: center;
    background-color: #BCDBEA;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    font-size: 14px;
    line-height: 26px;
    cursor: default;
}

    .help-tip:before {
        content: '?';
        font-weight: bold;
        color: #fff;
    }

    .help-tip:hover p {
        display: block;
        transform-origin: 100% 0%;
        -webkit-animation: fadeIn 0.3s ease-in-out;
        animation: fadeIn 0.3s ease-in-out;
    }

    .help-tip p { /* The tooltip */
        display: none;
        text-align: left;
        background-color: #1E2021;
        padding: 20px;
        width: 300px;
        position: absolute;
        border-radius: 3px;
        box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
        right: -4px;
        color: #FFF;
        font-size: 13px;
        line-height: 1.4;
    }

        .help-tip p:before { /* The pointer of the tooltip */
            position: absolute;
            content: '';
            width: 0;
            height: 0;
            border: 6px solid transparent;
            border-bottom-color: #1E2021;
            right: 10px;
            top: -12px;
        }

        .help-tip p:after { /* Prevents the tooltip from being hidden */
            width: 100%;
            height: 40px;
            content: '';
            position: absolute;
            top: -40px;
            left: 0;
        }

/* CSS animation */

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
        transform: scale(0.6);
    }

    100% {
        opacity: 100%;
        transform: scale(1);
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 100%;
    }
}
/*.introjs-tooltip {
    top: 30px !important;
    right: 170px !important;
}*/
/*.dx-popup-content {
    min-height: 40px !important;
}*/


#premiumGrid .dx-datagrid-summary-item, #premiumGrid .dx-datagrid-text-content {
    overflow: "" !important;
}



/*Agent Card List*/
/* carousel */
#quote-carousel {
    /*padding: 0 10px 30px 10px;*/
    margin-top: 30px 0px 0px;
}

    /* Control buttons  */
    #quote-carousel .carousel-control {
        background: none;
        color: #222;
        font-size: 2.3em;
        text-shadow: none;
        margin-top: 30px;
    }
        /* Previous button  */
        #quote-carousel .carousel-control.left {
            left: -12px;
        }
        /* Next button  */
        #quote-carousel .carousel-control.right {
            right: -12px !important;
        }
    /* Changes the position of the indicators */
    #quote-carousel .carousel-indicators {
        right: 50%;
        top: auto;
        bottom: 0px;
        margin-right: -19px;
    }
        /* Changes the color of the indicators */
        #quote-carousel .carousel-indicators li {
            background: #c0c0c0;
        }

        #quote-carousel .carousel-indicators .active {
            background: #333333;
        }

    #quote-carousel img {
        width: 250px;
        height: 100px;
    }
/* End carousel */

.item blockquote {
    border-left: none;
    margin: 0;
}

    .item blockquote img {
        margin-bottom: 10px;
    }

    .item blockquote p:before {
        content: "\f10d";
        font-family: 'Fontawesome';
        float: left;
        margin-right: 10px;
    }

.message-danger {
    color: red;
    font-size: 14px !important;
    font-style: italic;
}

/*@media only screen and (max-width: 1200px) {
    .addvehpop .dx-overlay-content {
        transform: translate(111px, -160px) !important;
        min-height: 520px !important;
    }
}*/

@media only screen and (max-width: 768px) {
    body {
        font-size: 11px !important;
        overflow-y: scroll;
    }

    #switch-social .switch-button {
        display: none;
    }

    .cet-icon a h4 {
        font-size: 11px !important;
    }

    .modal-dialog {
        max-width: 100% !important;
        width: 100% !important;
    }

    #switch-social .switch-button {
        display: none;
    }

    .csstransforms3d .wrapper > .aside {
        -webkit-transform: translate3d(-250px, 0, 0);
        transform: translate3d(-250px, 0, 0);
    }

    .accordion-content.accordionItem {
        overflow-x: auto;
    }

    .carousel-caption {
        display: none;
    }

    .brand-logo .client-logo {
        height: 50px;
        padding: 0px;
    }

    .fa-25x {
        font-size: 15px;
    }

    .text-20 {
        font-size: 15px !important;
    }
    /*.right-shot #findagent-button {
        top: 145px;
        left: -5%;
    }*/
    .left-shot {
        display: none;
    }

    .mb-display-none {
        display: none !important;
    }

    .strip-text {
        font-size: 16px;
    }

    .content-wrapper > h3, .content-wrapper > .content-heading {
        font-size: 18px !important;
    }

    .text-md {
        font-size: 20.6px;
    }

    .wizard > .content {
        margin: 0 !important;
    }

    /*.h2 {
        font-size: 24px;
    }*/
    h4, .h4 {
        font-size: 14px;
    }

    h3, .h3 {
        font-size: 16px;
    }

    .wizard > .steps > ul {
        margin-bottom: 20px !important;
    }

        .wizard > .steps > ul > li {
            display: block !important;
            float: left !important;
            width: 100% !important;
        }

            .wizard > .steps > ul > li > a {
                margin-bottom: 0 !important;
            }

            .wizard > .steps > ul > li:first-child:before,
            .wizard > .steps > ul > li:last-child:after {
                content: '' !important;
            }

    .dx-layout-manager .dx-label-h-align .dx-field-item-label {
        white-space: normal !important;
    }

    .dx-layout-manager .dx-label-h-align.dx-flex-layout {
        display: block !important;
    }

    .dx-dropdowneditor-button-visible .dx-texteditor-input {
        /*padding-right: 82px !important;*/
        padding-right: 1px !important;
    }

    .dx-popup-content {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .dx-popup-bottom .dx-button {
        min-width: 50px;
    }

    .dx-widget {
        font-size: 12px;
    }

    .dx-toolbar.dx-popup-title .dx-toolbar-label {
        font-size: 15px;
    }

    .dx-button-has-text .dx-button-content {
        padding: 5px 15px 6px;
    }

    #entpersonal article {
        margin-top: 2rem;
    }

    .panel-body {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #myclaims-row {
        display: flex !important;
    }

        #myclaims-row small {
            font-size: 80% !important;
        }

    .wrap-claim {
        min-height: 80px;
    }

        .wrap-claim .fa-stack {
            font-size: 1.5em !important;
        }

    .nav-tabs > li {
        width: 100%;
    }
    /*.brand-logo img{
        height: 55px;
    }*/
    .tabs-left > li > a {
        border-radius: 4px;
    }

    .accordion p {
        margin-left: 0;
    }

    p {
        font-size: 11px !important;
    }

    .aside-collapsed .sidebar, .aside-collapsed-text .sidebar {
        overflow-y: hidden;
    }

    #login-row .signup-column {
        width: 100%;
    }

    .mb-set-max-width {
        max-width: 100% !important;
    }

    .mb-small-75 {
        font-size: 75% !important;
    }

    .mb-text-9 {
        font-size: 9px !important;
    }

    .mb-text-10 {
        font-size: 10px !important;
    }

    .mb-text-11 {
        font-size: 11px !important;
    }

    .mb-text-12 {
        font-size: 12px !important;
    }

    .mb-text-13 {
        font-size: 13px !important;
    }

    .mb-no-pl-pr {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .mb-p-05 {
        padding: 5px !important;
    }

    .mb-pl-pr-5 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .mb-ml-mr-15 {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    .mb-pl-15 {
        padding-left: 15px !important;
    }

    #login-panel-body, #reg-panel-body {
        padding: 10px !important;
    }

    .mb-mt-5 {
        margin-top: 5px !important;
    }

    .mb-mt-10 {
        margin-top: 10px !important;
    }

    .mb-mt-3 {
        margin-top: 3rem !important;
    }

    .mb-mb-20 {
        margin-bottom: 20px !important;
    }

    .mb-ml-05 {
        margin-left: 0.5px !important;
    }

    .mb-wd-130 {
        width: 130px !important;
    }

    .mb-wd-45p {
        width: 45% !important;
    }

    .mb-wd-90p img {
        width: 90% !important;
    }

    .mb-wd-40p img {
        width: 40% !important;
    }

    .mb-wd-80p {
        width: 80% !important;
    }

    .mb-wd-90p {
        width: 90% !important;
    }

    .mb-wd-100p {
        width: 100% !important;
    }

    .converter-width {
        max-width: 100% !important;
    }

    .mb-fa-lg {
        font-size: 1.33333333em !important;
    }

    .mb-fa-xxlg {
        font-size: 40px !important;
    }

    .mb-ln-ht-45 {
        line-height: 45px !important;
    }

    .mb-block-center {
        margin: 0 auto !important;
    }

    .mb-display-none {
        display: none !important;
    }

    .mb-text-center {
        text-align: center !important;
    }

    .btn {
        font-size: 12px !important;
    }

    label, input, button, .dropdown-menu, select {
        font-size: 12px !important;
    }

    .list-group-item .wd-wide h4 {
        font-size: 15px !important;
    }

    [class*="signature-pad"] {
        width: 100% !important;
    }

    .ei-legend {
        border-left: none !important;
        border-right: none !important;
        border-radius: 0 !important;
    }

    .content-wrapper {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    /*     .ei-legend:after {
            display:none !important;
        }*/
    .ei-legend:after {
        font-size: 12px !important;
    }

    .input-group-addon {
        padding: 6px 5px !important;
        font-size: 12px !important;
        border: none !important;
    }

    /*#login-content {
        top: 5px !important;
    }*/
    /*#login-panel{
        margin-top: 60px !important;
   }*/
    /*.quote-legend{
        border: 1px dashed #0a70bc !important;
        padding: 4px 10px 4px 10px !important;
    }
    .quote-fieldset{
        border: 1px solid #0a70bc !important;
    }*/
    .mb-modal-auto {
        width: auto !important;
    }
}

@media only screen and (max-width: 480px) {
    #switch-social .switch-button {
        display: none;
    }

    #btn-more {
        margin-top: 1rem;
    }

    .cet-icon a h4 {
        font-size: 11px !important;
    }

    .mb-modal-dialog {
        max-width: 100% !important;
        width: 100% !important;
    }

    .wizard > .steps > ul > li {
        width: 100% !important;
    }

    .csstransforms3d .wrapper > .aside {
        -webkit-transform: translate3d(-250px, 0, 0);
        transform: translate3d(-250px, 0, 0);
    }

    .fa-25x {
        font-size: 15px;
    }

    .text-20 {
        font-size: 15px !important;
    }

    .accordion-content.accordionItem {
        overflow-x: auto;
    }

    body {
        font-size: 11px !important;
    }

    .carousel-caption {
        display: none;
    }

    .content-wrapper > h3, .content-wrapper > .content-heading {
        font-size: 18px !important;
    }

    .text-md {
        font-size: 20.6px;
    }

    .wizard > .content {
        margin: 0 !important;
    }

    h4, .h4 {
        font-size: 14px;
    }

    .wizard > .steps > ul {
        margin-bottom: 20px !important;
    }

        .wizard > .steps > ul > li {
            display: block !important;
            float: left !important;
            width: 100% !important;
        }

            .wizard > .steps > ul > li > a {
                margin-bottom: 0 !important;
            }

            .wizard > .steps > ul > li:first-child:before,
            .wizard > .steps > ul > li:last-child:after {
                content: '' !important;
            }

    .dx-layout-manager .dx-label-h-align .dx-field-item-label {
        white-space: normal !important;
    }

    .dx-layout-manager .dx-label-h-align.dx-flex-layout {
        display: block !important;
    }

    .dx-dropdowneditor-button-visible .dx-texteditor-input {
        /*padding-right: 82px !important;*/
        padding-right: 1px !important;
    }

    .dx-popup-content {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #entpersonal article {
        margin-top: 2rem;
    }

    .panel-body {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #myclaims-row {
        display: flex !important;
    }

        #myclaims-row small {
            font-size: 80% !important;
        }

    .wrap-claim {
        min-height: 80px;
    }

        .wrap-claim .fa-stack {
            font-size: 1.5em !important;
        }

    .nav-tabs > li {
        width: 100%;
    }

    .tabs-left > li > a {
        border-radius: 4px;
    }

    .accordion p {
        margin-left: 0;
    }

    .aside-collapsed .sidebar, .aside-collapsed-text .sidebar {
        overflow-y: hidden;
    }

    #login-row .signup-column {
        width: 100%;
    }

    .cert-width {
        width: 95%;
        margin: 0 auto;
    }

    .mb-set-max-width {
        max-width: 100% !important;
    }

    .mb-no-pl-pr {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .mb-pl-pr-5 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .mb-pl-pr-10 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .mb-ml-mr-15 {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    .mb-pl-15 {
        padding-left: 15px !important;
    }

    #login-panel-body, #reg-panel-body {
        padding: 10px !important;
    }

    .mb-mt-5 {
        margin-top: 5px !important;
    }

    .mb-mt-3 {
        margin-top: 3rem !important;
    }

    .mb-mb-5 {
        margin-bottom: 5px !important;
    }

    .mb-mb-20 {
        margin-bottom: 20px !important;
    }

    .mb-wd-80p {
        width: 80% !important;
    }

    .mb-wd-100p {
        width: 100% !important;
    }

    .converter-width {
        max-width: 100% !important;
    }

    .mb-fa-lg {
        font-size: 1.33333333em !important;
    }

    .mb-fa-xxlg {
        font-size: 40px !important;
    }

    .mb-ln-ht-45 {
        line-height: 45px !important;
    }

    .mb-block-center {
        margin: 0 auto !important;
    }

    .mb-display-none {
        display: none !important;
    }

    .btn {
        font-size: 11px !important;
    }

    label, input, button, .dropdown-menu, select {
        font-size: 12px !important;
    }

    .list-group-item .wd-wide h4 {
        font-size: 15px !important;
    }

    [class*="signature-pad"] {
        width: 100% !important;
    }

    .ei-legend {
        border-left: none !important;
        border-right: none !important;
        border-radius: 0 !important;
    }

    .content-wrapper {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .ei-legend:after {
        font-size: 12px !important;
    }

    .input-group-addon {
        padding: 6px 5px !important;
        font-size: 12px !important;
        border: none !important;
    }

    .mb-modal-auto {
        width: auto !important;
    }
}

/*@media only screen and (min-device-width : 320px){
    .right-shot #findagent-button {
        top: 145px;
        left: -32%;
    }
}
@media only screen and (max-width : 320px) {
    .right-shot #findagent-button {
        top: 145px;
        left: -32%;
    }
}
@media only screen and (max-width : 400px) {
    .right-shot #findagent-button {
        top: 155px;
        left: -32%;
    }
}*/
/*@media only screen and (max-width : 400px) {
    .right-shot #findagent-button {
        top: 155px !important;
        left: 32% !important;
    }
}*/
@media only screen and (max-width : 300px) {
    .right-shot #findagent-button {
        top: 155px !important;
        left: 32% !important;
    }
}

@media only screen and (max-width : 399px) {
    .right-shot #findagent-button {
        top: 155px !important;
        left: 30% !important;
    }
}

@media only screen and (max-width : 480px) {
    .right-shot #findagent-button {
        top: 155px !important;
        left: 30% !important;
    }
}

@media only screen and (max-width : 600px) {
    .right-shot #findagent-button {
        top: 155px !important;
        left: -32% !important;
    }
}

@media only screen and (min-width : 400px) and (max-width : 768px) {
    .right-shot #findagent-button {
        top: 155px !important;
        left: 4% !important;
    }
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    #quote-carousel {
        margin-bottom: 0;
        padding-bottom: 5.2rem;
        margin-top: 10px;
    }
}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) {

    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */

    #quote-carousel .carousel-indicators {
        bottom: -20px !important;
    }

        #quote-carousel .carousel-indicators li {
            display: inline-block;
            margin: 0px 5px;
            width: 15px;
            height: 15px;
        }

            #quote-carousel .carousel-indicators li.active {
                margin: 0px 5px;
                width: 20px;
                height: 20px;
            }
}
/*.priceing-table-main {
    width: 60%;
}
.priceing-table-main {
    width: 50%;
    margin: 0 auto;
}

.price-grid {
    margin-bottom: 3em;
}
.price-grid {
    float: left;
    width: 31%;
    margin: 0% 2% 0% 0%;
}
.price-block {
    box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.15);
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
}

.price-gd-top {
    background: #ecb412;
    text-align: center;
    border-radius: 5px 5px 0px 0px;
}
.price-gd-top h4 {
    font-size: 1.8em;
    color: #fff;
    padding: 0.4em 1em;
    background: #d29d05;
    border-radius: 5px 5px 0px 0px;
}
.price-gd-top h3 {
    padding: 0.2em 0em 0.1em 0em;
    font-size: 2.5em;
    color: #fff;
}
.price-gd-top h5 {
    font-size: 1em;
    color: #fff;
    padding: 0.2em 0em 0.8em 0em;
}
.price-gd-bottom {
    background: #fff;
    text-align: center;
    padding: 1em 0em;
}
.price-list ul {
    padding: 0px;
    list-style: none;
}
.price-list ul li {
    padding: 0.5em 0em;
    font-size: 0.9em;
    color: #545454;
}
.price-selet {
    padding: 1em 0em;
    text-align: center;
    background: #fff;
    border-radius: 0px 0px 5px 5px;
}
a.popup-with-zoom-anim {
    outline: none;
}
.price-selet a {
    font-size: 0.9em;
    color: #ffffff;
    display: inline-block;
    padding: 0.5em 1.5em;
    background: #d29d05;
    border-radius: 3px;
}
.price-selet a {
    font-size: 1.1em;
    color: #fff;
    display: block;
}
.wthree {
    margin: 0% 0% 0% 0%;
}
.price-gd-top.pric-clr2 {
    background: #96285b;
}
.price-gd-top.pric-clr2 h4 {
    background: #7d1e4a;
}
.price-selet.pric-sclr2 a {
    background: #7d1e4a;
}
.price-gd-top.pric-clr3 {
    background: #2d818a;
}
.price-gd-top.pric-clr3 h4 {
    background: #14646d;
}
.price-selet.pric-sclr3 a {
    background: #14646d;
}
.price-block:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    z-index: 1;
}*/


/*This makes sure the items toolbar in lifepremiumexport has white background*/
/*.dx-toolbar .dx-toolbar-items-container {
    background-color: white;
}*/

.outline:hover {
    background-color: #5d9cec;
}


/*Custom css changes to inttelinput for telephone field*/

.intl-tel-input {
    color: #333;
    width: 100%;
}

    .intl-tel-input input {
        /*width: 250px;
border: 1px solid #CCC;
font-family: inherit;
font-size: 100%;
color: inherit;*/
    }

/*.valid-msg, .valid-msg1, .valid-msg2, .msg-valid {
    color: green;
}*/

.error-msg, .error-msg1, .error-msg2, .msg-error, .error-msgveh1, .error-msg3 {
    color: red;
}

.valid-msg, .valid-msg1, .valid-msg2, .msg-valid, .valid-msgveh1, .valid-msg3 {
    color: #00C900;
}

input.error {
    border: 1px solid #FF7C7C;
}


/*.iti-flag {
    background-image: url("/Content/Images/flags.png") !important;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .iti-flag {
        background-image: url("/Content/Images/flags@2x.png");
    }
}*/

.f16 .flag {
    width: 16px;
    height: 16px;
    background: url("/Content/Images/flags.png") no-repeat;
}


.f16 ._African_Union {
    background-position: 0 -16px;
}

.f16 ._Arab_League {
    background-position: 0 -32px;
}

.f16 ._ASEAN {
    background-position: 0 -48px;
}

.f16 ._CARICOM {
    background-position: 0 -64px;
}

.f16 ._CIS {
    background-position: 0 -80px;
}

.f16 ._Commonwealth {
    background-position: 0 -96px;
}

.f16 ._England {
    background-position: 0 -112px;
}

.f16 ._European_Union {
    background-position: 0 -128px;
}

.f16 ._Islamic_Conference {
    background-position: 0 -144px;
}

.f16 ._Kosovo {
    background-position: 0 -160px;
}

.f16 ._NATO {
    background-position: 0 -176px;
}

.f16 ._Northern_Cyprus {
    background-position: 0 -192px;
}

.f16 ._Northern_Ireland {
    background-position: 0 -208px;
}

.f16 ._Olimpic_Movement {
    background-position: 0 -224px;
}

.f16 ._OPEC {
    background-position: 0 -240px;
}

.f16 ._Red_Cross {
    background-position: 0 -256px;
}

.f16 ._Scotland {
    background-position: 0 -272px;
}

.f16 ._Somaliland {
    background-position: 0 -288px;
}

.f16 ._Tibet {
    background-position: 0 -304px;
}

.f16 ._United_Nations {
    background-position: 0 -320px;
}

.f16 ._Wales {
    background-position: 0 -336px;
}

.f16 .ad {
    background-position: 0 -352px;
}

.f16 .ae {
    background-position: 0 -368px;
}

.f16 .af {
    background-position: 0 -384px;
}

.f16 .ag {
    background-position: 0 -400px;
}

.f16 .ai {
    background-position: 0 -416px;
}

.f16 .al {
    background-position: 0 -432px;
}

.f16 .am {
    background-position: 0 -448px;
}

.f16 .an {
    background-position: 0 -464px;
}

.f16 .ao {
    background-position: 0 -480px;
}

.f16 .aq {
    background-position: 0 -496px;
}

.f16 .ar {
    background-position: 0 -512px;
}

.f16 .as {
    background-position: 0 -528px;
}

.f16 .at {
    background-position: 0 -544px;
}

.f16 .au {
    background-position: 0 -560px;
}

.f16 .aw {
    background-position: 0 -576px;
}

.f16 .az {
    background-position: 0 -592px;
}

.f16 .ba {
    background-position: 0 -608px;
}

.f16 .bb {
    background-position: 0 -624px;
}

.f16 .bd {
    background-position: 0 -640px;
}

.f16 .be {
    background-position: 0 -656px;
}

.f16 .bf {
    background-position: 0 -672px;
}

.f16 .bg {
    background-position: 0 -688px;
}

.f16 .bh {
    background-position: 0 -704px;
}

.f16 .bi {
    background-position: 0 -720px;
}

.f16 .bj {
    background-position: 0 -736px;
}

.f16 .bm {
    background-position: 0 -752px;
}

.f16 .bn {
    background-position: 0 -768px;
}

.f16 .bo {
    background-position: 0 -784px;
}

.f16 .br {
    background-position: 0 -800px;
}

.f16 .bs {
    background-position: 0 -816px;
}

.f16 .bt {
    background-position: 0 -832px;
}

.f16 .bw {
    background-position: 0 -848px;
}

.f16 .by {
    background-position: 0 -864px;
}

.f16 .bz {
    background-position: 0 -880px;
}

.f16 .ca {
    background-position: 0 -896px;
}

.f16 .cg {
    background-position: 0 -912px;
}

.f16 .cf {
    background-position: 0 -928px;
}

.f16 .cd {
    background-position: 0 -944px;
}

.f16 .ch {
    background-position: 0 -960px;
}

.f16 .ci {
    background-position: 0 -976px;
}

.f16 .ck {
    background-position: 0 -992px;
}

.f16 .cl {
    background-position: 0 -1008px;
}

.f16 .cm {
    background-position: 0 -1024px;
}

.f16 .cn {
    background-position: 0 -1040px;
}

.f16 .co {
    background-position: 0 -1056px;
}

.f16 .cr {
    background-position: 0 -1072px;
}

.f16 .cu {
    background-position: 0 -1088px;
}

.f16 .cv {
    background-position: 0 -1104px;
}

.f16 .cy {
    background-position: 0 -1120px;
}

.f16 .cz {
    background-position: 0 -1136px;
}

.f16 .de {
    background-position: 0 -1152px;
}

.f16 .dj {
    background-position: 0 -1168px;
}

.f16 .dk {
    background-position: 0 -1184px;
}

.f16 .dm {
    background-position: 0 -1200px;
}

.f16 .do {
    background-position: 0 -1216px;
}

.f16 .dz {
    background-position: 0 -1232px;
}

.f16 .ec {
    background-position: 0 -1248px;
}

.f16 .ee {
    background-position: 0 -1264px;
}

.f16 .eg {
    background-position: 0 -1280px;
}

.f16 .eh {
    background-position: 0 -1296px;
}

.f16 .er {
    background-position: 0 -1312px;
}

.f16 .es {
    background-position: 0 -1328px;
}

.f16 .et {
    background-position: 0 -1344px;
}

.f16 .fi {
    background-position: 0 -1360px;
}

.f16 .fj {
    background-position: 0 -1376px;
}

.f16 .fm {
    background-position: 0 -1392px;
}

.f16 .fo {
    background-position: 0 -1408px;
}

.f16 .fr {
    background-position: 0 -1424px;
}

.f16 .ga {
    background-position: 0 -1440px;
}

.f16 .gb {
    background-position: 0 -1456px;
}

.f16 .gd {
    background-position: 0 -1472px;
}

.f16 .ge {
    background-position: 0 -1488px;
}

.f16 .gg {
    background-position: 0 -1504px;
}

.f16 .gh {
    background-position: 0 -1520px;
}

.f16 .gi {
    background-position: 0 -1536px;
}

.f16 .gl {
    background-position: 0 -1552px;
}

.f16 .gm {
    background-position: 0 -1568px;
}

.f16 .gn {
    background-position: 0 -1584px;
}

.f16 .gp {
    background-position: 0 -1600px;
}

.f16 .gq {
    background-position: 0 -1616px;
}

.f16 .gr {
    background-position: 0 -1632px;
}

.f16 .gt {
    background-position: 0 -1648px;
}

.f16 .gu {
    background-position: 0 -1664px;
}

.f16 .gw {
    background-position: 0 -1680px;
}

.f16 .gy {
    background-position: 0 -1696px;
}

.f16 .hk {
    background-position: 0 -1712px;
}

.f16 .hn {
    background-position: 0 -1728px;
}

.f16 .hr {
    background-position: 0 -1744px;
}

.f16 .ht {
    background-position: 0 -1760px;
}

.f16 .hu {
    background-position: 0 -1776px;
}

.f16 .id {
    background-position: 0 -1792px;
}

.f16 .mc {
    background-position: 0 -1792px;
}

.f16 .ie {
    background-position: 0 -1808px;
}

.f16 .il {
    background-position: 0 -1824px;
}

.f16 .im {
    background-position: 0 -1840px;
}

.f16 .in {
    background-position: 0 -1856px;
}

.f16 .iq {
    background-position: 0 -1872px;
}

.f16 .ir {
    background-position: 0 -1888px;
}

.f16 .is {
    background-position: 0 -1904px;
}

.f16 .it {
    background-position: 0 -1920px;
}

.f16 .je {
    background-position: 0 -1936px;
}

.f16 .jm {
    background-position: 0 -1952px;
}

.f16 .jo {
    background-position: 0 -1968px;
}

.f16 .jp {
    background-position: 0 -1984px;
}

.f16 .ke {
    background-position: 0 -2000px;
}

.f16 .kg {
    background-position: 0 -2016px;
}

.f16 .kh {
    background-position: 0 -2032px;
}

.f16 .ki {
    background-position: 0 -2048px;
}

.f16 .km {
    background-position: 0 -2064px;
}

.f16 .kn {
    background-position: 0 -2080px;
}

.f16 .kp {
    background-position: 0 -2096px;
}

.f16 .kr {
    background-position: 0 -2112px;
}

.f16 .kw {
    background-position: 0 -2128px;
}

.f16 .ky {
    background-position: 0 -2144px;
}

.f16 .kz {
    background-position: 0 -2160px;
}

.f16 .la {
    background-position: 0 -2176px;
}

.f16 .lb {
    background-position: 0 -2192px;
}

.f16 .lc {
    background-position: 0 -2208px;
}

.f16 .li {
    background-position: 0 -2224px;
}

.f16 .lk {
    background-position: 0 -2240px;
}

.f16 .lr {
    background-position: 0 -2256px;
}

.f16 .ls {
    background-position: 0 -2272px;
}

.f16 .lt {
    background-position: 0 -2288px;
}

.f16 .lu {
    background-position: 0 -2304px;
}

.f16 .lv {
    background-position: 0 -2320px;
}

.f16 .ly {
    background-position: 0 -2336px;
}

.f16 .ma {
    background-position: 0 -2352px;
}

.f16 .md {
    background-position: 0 -2368px;
}

.f16 .me {
    background-position: 0 -2384px;
}

.f16 .mg {
    background-position: 0 -2400px;
}

.f16 .mh {
    background-position: 0 -2416px;
}

.f16 .mk {
    background-position: 0 -2432px;
}

.f16 .ml {
    background-position: 0 -2448px;
}

.f16 .mm {
    background-position: 0 -2464px;
}

.f16 .mn {
    background-position: 0 -2480px;
}

.f16 .mo {
    background-position: 0 -2496px;
}

.f16 .mq {
    background-position: 0 -2512px;
}

.f16 .mr {
    background-position: 0 -2528px;
}

.f16 .ms {
    background-position: 0 -2544px;
}

.f16 .mt {
    background-position: 0 -2560px;
}

.f16 .mu {
    background-position: 0 -2576px;
}

.f16 .mv {
    background-position: 0 -2592px;
}

.f16 .mw {
    background-position: 0 -2608px;
}

.f16 .mx {
    background-position: 0 -2624px;
}

.f16 .my {
    background-position: 0 -2640px;
}

.f16 .mz {
    background-position: 0 -2656px;
}

.f16 .na {
    background-position: 0 -2672px;
}

.f16 .nc {
    background-position: 0 -2688px;
}

.f16 .ne {
    background-position: 0 -2704px;
}

.f16 .ng {
    background-position: 0 -2720px;
}

.f16 .ni {
    background-position: 0 -2736px;
}

.f16 .nl {
    background-position: 0 -2752px;
}

.f16 .no {
    background-position: 0 -2768px;
}

.f16 .np {
    background-position: 0 -2784px;
}

.f16 .nr {
    background-position: 0 -2800px;
}

.f16 .nz {
    background-position: 0 -2816px;
}

.f16 .om {
    background-position: 0 -2832px;
}

.f16 .pa {
    background-position: 0 -2848px;
}

.f16 .pe {
    background-position: 0 -2864px;
}

.f16 .pf {
    background-position: 0 -2880px;
}

.f16 .pg {
    background-position: 0 -2896px;
}

.f16 .ph {
    background-position: 0 -2912px;
}

.f16 .pk {
    background-position: 0 -2928px;
}

.f16 .pl {
    background-position: 0 -2944px;
}

.f16 .pr {
    background-position: 0 -2960px;
}

.f16 .ps {
    background-position: 0 -2976px;
}

.f16 .pt {
    background-position: 0 -2992px;
}

.f16 .pw {
    background-position: 0 -3008px;
}

.f16 .py {
    background-position: 0 -3024px;
}

.f16 .qa {
    background-position: 0 -3040px;
}

.f16 .re {
    background-position: 0 -3056px;
}

.f16 .ro {
    background-position: 0 -3072px;
}

.f16 .rs {
    background-position: 0 -3088px;
}

.f16 .ru {
    background-position: 0 -3104px;
}

.f16 .rw {
    background-position: 0 -3120px;
}

.f16 .sa {
    background-position: 0 -3136px;
}

.f16 .sb {
    background-position: 0 -3152px;
}

.f16 .sc {
    background-position: 0 -3168px;
}

.f16 .sd {
    background-position: 0 -3184px;
}

.f16 .se {
    background-position: 0 -3200px;
}

.f16 .sg {
    background-position: 0 -3216px;
}

.f16 .si {
    background-position: 0 -3232px;
}

.f16 .sk {
    background-position: 0 -3248px;
}

.f16 .sl {
    background-position: 0 -3264px;
}

.f16 .sm {
    background-position: 0 -3280px;
}

.f16 .sn {
    background-position: 0 -3296px;
}

.f16 .so {
    background-position: 0 -3312px;
}

.f16 .sr {
    background-position: 0 -3328px;
}

.f16 .st {
    background-position: 0 -3344px;
}

.f16 .sv {
    background-position: 0 -3360px;
}

.f16 .sy {
    background-position: 0 -3376px;
}

.f16 .sz {
    background-position: 0 -3392px;
}

.f16 .tc {
    background-position: 0 -3408px;
}

.f16 .td {
    background-position: 0 -3424px;
}

.f16 .tg {
    background-position: 0 -3440px;
}

.f16 .th {
    background-position: 0 -3456px;
}

.f16 .tj {
    background-position: 0 -3472px;
}

.f16 .tl {
    background-position: 0 -3488px;
}

.f16 .tm {
    background-position: 0 -3504px;
}

.f16 .tn {
    background-position: 0 -3520px;
}

.f16 .to {
    background-position: 0 -3536px;
}

.f16 .tr {
    background-position: 0 -3552px;
}

.f16 .tt {
    background-position: 0 -3568px;
}

.f16 .tv {
    background-position: 0 -3584px;
}

.f16 .tw {
    background-position: 0 -3600px;
}

.f16 .tz {
    background-position: 0 -3616px;
}

.f16 .ua {
    background-position: 0 -3632px;
}

.f16 .ug {
    background-position: 0 -3648px;
}

.f16 .us {
    background-position: 0 -3664px;
}

.f16 .uy {
    background-position: 0 -3680px;
}

.f16 .uz {
    background-position: 0 -3696px;
}

.f16 .va {
    background-position: 0 -3712px;
}

.f16 .vc {
    background-position: 0 -3728px;
}

.f16 .ve {
    background-position: 0 -3744px;
}

.f16 .vg {
    background-position: 0 -3760px;
}

.f16 .vi {
    background-position: 0 -3776px;
}

.f16 .vn {
    background-position: 0 -3792px;
}

.f16 .vu {
    background-position: 0 -3808px;
}

.f16 .ws {
    background-position: 0 -3824px;
}

.f16 .ye {
    background-position: 0 -3840px;
}

.f16 .za {
    background-position: 0 -3856px;
}

.f16 .zm {
    background-position: 0 -3872px;
}

.f16 .zw {
    background-position: 0 -3888px;
}

.hide {
    display: none;
}

.successTel {
    float: right;
    margin-right: 6px;
    margin-top: -20px;
    position: relative;
    z-index: 2;
    color: red;
}

.dv-Issue {
    bottom: 0;
    top: 85%;
    position: sticky;
    left: auto;
    right: auto;
}
.addvehpop {
    margin-top: 6% !important;
    /*top: 80px !important;*/
}
.addvehpop .dx-overlay-content.dx-popup-normal.dx-popup-draggable.dx-resizable {
    min-height: 550px !important;
    height: 550px !important;
    top: 17% !important;
   
}
/*.addvehpop .dx-overlay-content{
    top: 40px !important;
}*/
/*To fix SweetAlert popup appearing behind dexextreme popups*/
.swal2-container {
    z-index: 1700 !important;
}
.columns {
    float: left;
    width: 33.3%;
    padding: 8px;
}
.price {
    list-style-type: none;
    border: 1px solid #eee;
    margin: 0;
    padding: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.price:hover {
    box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)
}
.price .header {
    color: white;
    font-size: 18px;
    padding: 10px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
.price li {
    border-bottom: 1px solid #eee;
    padding: 15px !important;
    text-align: center;
}
.price .grey {
    background-color: #eee !important;
    font-size: 13px;
    font-weight: bold
}
@media only screen and (max-width: 600px) {
    .columns {
        width: 100%;
    }
}

.iti {
    display: block;
}