body {
    font-family: "Calibri",Arial,sans-serif;
    background: url(/wl/AATravelNew/_assets/_images/background.jpg) no-repeat;
    background-size: cover !important;
    background-position: center;
    background-attachment: fixed !important;
}
.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 2px solid #f8f8f8 !important;
    border-radius: 4px;
    cursor: text;
}


/*#prod_types, .row {
    margin-left: 0;
    margin-right: 0;
}*/


#final_quote_statement .form-group {
    margin-bottom: 0px;
}

.td .btn-success {
    background-color: #1790ae !important;
}

#OptionalBenefitsBox .btn-success {
    background-color: #1790ae !important;
    border-color: #1790ae !important;
    padding: 8px 20px !important;
    color: #fff;
}

btn.btn-default.login {
    background-color: #1c90cb;
    color: #FFFFFF;
    font-size: 18px;
    padding: 10px 25px;
    width: 100%;
}

.left-addon input {
    padding-left: 30px;
}


.panel-heading.login {
    font-family: Arial;
    font-size: 20px;
    background-color: #1c90cb;
    color: #FFFFFF;
    border: transparent;
    text-align: center;
    padding: 10px;
}

#genloginpanel {
    background-color: #1c90cb;
    border: none;
    color: #fff;
    font-size: 18px;
}

fieldset .control-group input[type="radio"] {
    margin: 0px;
}

.ProductTypeBox, .CoverForBox {
    padding: 5px;
    border-radius: 4px;
    text-align: center;
    /*background: white;*/
    cursor: pointer;
}

.CoverForParent {
    text-align: center;
    display: inline-block;
    min-width: 68px;
    cursor: pointer;
}

.table-striped .th {
    background-color: #1790ae;
    color: #fff;
    /*box-shadow: inset 0px -4px 16px 0px rgba(0, 0, 0, 0.1);*/
}

.persnagetxt {
    background-color;
}

/*Option and Benefit styles*/

.OptExtraBox {
    position: relative;
    border: 1px solid #ddd;
    background-color: rgb(218, 231, 236) !important;
    color: #000;
    border: 1px solid rgba(83,102,110,.15);
    opacity: 0.9;
    margin: 0;
    margin-bottom: 20px;
    padding: 10px;
    display: block;
    min-height: 280px;
    min-width: 100%;
    /* border-radius: 5px; */
}

    .OptExtraBox .btn {
        position: absolute;
        /*bottom: 0px;
        left: 10px;*/
    }

    .OptExtraBox .btn-info, .OptExtraBox .btn-info:focus {
        padding: 10px;
        background-color: #61b746;
        border-color: #61b746;
        border-radius:5px;
    }

    .OptExtraBox .btn-success {
        padding: 10px 15px;
    }

    .OptExtraBox h3 {
        font-size: 14px;
        font-family: 'Raleway', sans-serif;
        font-weight: bold;
        color: black;
        margin: 0;
        margin-bottom: 5px;
    }

    .OptExtraBox p {
        color: #000000;
        /*text-align: justify;*/
        font-size: 14px;
    }



@media (max-width: 767px) {

    .OptExtraBox p {
        font-size: 15px;
    }

    .OptExtraBox h3 {
        font-size: 18px;
    }
}


.OptExtraBox .ExtraPrice {
    color: #fff;
}

.OptExtraBox .ExtraPriceTax {
    font-size: 11pt;
    font-style: italic;
}

.OptExtraBoxActive {
    /*background-color: #177c8e;*/
    color: #fff;
}

    .OptExtraBoxActive h3 {
        color: #fff;
    }

    .OptExtraBoxActive p {
        color: #fff;
    }

    .OptExtraBoxActive .ExtraPrice {
        color: #fff;
    }

.OptExtraBox .hide {
    display: none;
}

.OptExtraBox input[type=checkbox] {
    display: none;
}

.row.OptExtraDesc {
    max-height: 140px;
    min-height: 140px;
}

@media screen and (min-width:768px) {
    .row.OptExtraDesc {
        max-height: 140px;
        min-height: 140px;
    }
}

@media screen and (min-width:820px) {
}

@media screen and (min-width:992px) {
    .OptExtraBox {
        min-height: 320px;
    }

    .row.OptExtraDesc {
        max-height: 195px;
        min-height: 195px;
    }
}

@media screen and (min-width:1010px) {
}

@media screen and (min-width:1260px) {
    .OptExtraBox {
        min-height: 330px;
    }

    .row.OptExtraDesc {
        max-height: 150px;
        min-height: 150px;
    }
}

@media (max-width: 767px) {

    .OptExtraBox p {
        font-size: 15px;
    }

    .OptExtraBox h3 {
        font-size: 18px;
    }
}


.OptExtraBox .ExtraPrice {
    color: black;
}

.OptExtraBox .ExtraPriceTax {
    font-size: 11pt;
    font-style: italic;
}

.OptExtraBoxActive {
    color: #333333;
}

    .OptExtraBoxActive h3 {
        color: #333333;
    }

    .OptExtraBoxActive p {
        color: #333333;
    }

    .OptExtraBoxActive .ExtraPrice {
        color: #333333;
    }

.OptExtraBox .hide {
    display: none;
}

.OptExtraBox {
    padding: 10px;
}

#optBenefits {
    background-color: #FFFFFF;
    opacity: 0.9;
    padding: 10px;
    border-radius: 4px;
    text-align: center;
    margin-top: 0px;
    color: #313b57;
    margin-bottom: 10px;
}

.ExtraPrice {
    font-weight: bold;
}
/*--------------------------------*/

.linkcrumbs > .linkstep {
    padding: 0;
    position: relative;
}

    .linkcrumbs > .linkstep + .linkstep {
    }

    .linkcrumbs > .linkstep .linkstepnum {
        color: #000;
        font-size: 14px;
        font-weight: 600;
        margin: 35px;
        background-color: #fff;
        opacity: 0.8;
        padding: 5px;
        border-radius: 5px;
    }

    .linkcrumbs > .linkstep > .linkdot {
        position: absolute;
        width: 30px;
        height: 30px;
        display: block;
        background-color: #fdce02;
        top: 45px;
        left: 50%;
        margin-top: -15px;
        margin-left: -15px;
        border-radius: 50%;
    }

        .linkcrumbs > .linkstep > .linkdot:after {
            content: ' ';
            width: 14px;
            height: 14px;
            background: #f5f5f5;
            border-radius: 50px;
            position: absolute;
            top: 8px;
            left: 8px;
        }

    .linkcrumbs > .linkstep > .progress {
        position: relative;
        border-radius: 0px;
        height: 8px;
        box-shadow: none;
        margin: 20px 0;
        background-color: #ebebe0;
    }

        .linkcrumbs > .linkstep > .progress > .progress-bar {
            width: 0px;
            box-shadow: none;
            background: #fdce02;
        }


    .linkcrumbs > .linkstep .active > .linkdot {
        background-color: #D62027;
    }

    .linkcrumbs > .linkstep.complete > .progress > .progress-bar {
        width: 100%;
    }

    .linkcrumbs > .linkstep.active > .progress > .progress-bar {
        width: 50%;
    }

    .linkcrumbs > .linkstep:first-child.active > .progress > .progress-bar {
        width: 0%;
    }

    .linkcrumbs > .linkstep:last-child.active > .progress > .progress-bar {
        width: 100%;
    }

    .linkcrumbs > .linkstep.disabled > .linkdot {
        background-color: #ebebe0;
    }

        .linkcrumbs > .linkstep.disabled > .linkdot:after {
            opacity: 0;
        }

    .linkcrumbs > .linkstep:first-child > .progress {
        left: 50%;
        width: 50%;
    }

    .linkcrumbs > .linkstep:last-child > .progress {
        width: 50%;
    }

    .linkcrumbs > .linkstep.disabled a.linkdot {
        pointer-events: none;
    }

.ui-datepicker .ui-datepicker-header {
    background-color: #FFFFFF;
    border: none;
}

.ui-state-default, .ui-widget-content .ui-state-default {
    background-color: #FFFFFF;
    text-align: center;
    color: #000000;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: none;
}

    .ui-state-default:hover {
        background-color: #ffad33;
        color: #fff;
        text-align: center;       
    }

    #txtSt.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
        background-color: red;
    }

    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
        background-color: #1790ae;
        color: #fff;
    }

.main_container {
    background-color: rgb(218, 231, 236) !important;
    opacity: 0.9;
    border-radius: 5px;
    padding: 10px;
}

.form-control[readonly] {
    background-color: white;
}

@media (max-width: 800px) {
    #Span1 {
        padding: 10px 15px;
    }

    #tblTravelFinalQuote {
        margin-top: 20px;
    }

    input[type='checkbox'] {
        width: 1.5em;
        height: 1.5em;
    }

    .img_icon {
        margin-bottom: 10px;
    }

    input[type='checkbox'].sol-checkbox {
        width: 1em;
        height: 1em;
    }

    .linkcrumbs > .linkstep .linkstepnum {
        background-color: transparent;
    }
}

@media (max-width: 767px) {

    .OptExtraBox p {
        font-size: 17px;
    }

    .OptExtraBox h3 {
        font-size: 23px;
    }

    #txtSt {
        margin-bottom: 10px;
    }
}

#final_quote_statement {
    background-color: rgb(218, 231, 236) !important;
    color: #000000;
    opacity: 0.9;
    margin-bottom: 5px;
    border: 1px solid #004b8f;
}

#OptionalBenefitsBox {
    position: absolute;
    bottom: 45px;
    width: 100%;
}

.poli_title {
    background-color: #FFFFFF;
    opacity: 0.9;
    padding: 10px;
    border-radius: 4px;
    text-align: center;
    margin-top: 0px;
    color: #313b57;
    margin-bottom: 10px;
}

.panel-heading.login {
    font-family: Arial;
    font-size: 20px;
    background-color: #177c8e;
    color: #FFFFFF;
    border: transparent;
}



#cmdForgotPassword:hover {
    cursor: pointer;
}

.OptExtraBox {
    padding: 10px;
}

#optBenefits {
    background-color: #FFFFFF;
    opacity: 0.9;
    padding: 10px;
    border-radius: 4px;
    text-align: center;
    margin-top: 0px;
    color: #313b57;
    margin-bottom: 10px;
}

.ExtraPrice {
    font-weight: bold;
}


.th.final_table {
    background-color: #FFFFFF;
    color: #313b57;
    font-size: 15px;
    font-weight: bold;
    padding: 5px 5px;
}

.td.final_table {
    background-color: #FFFFFF;
    color: #000000;
    font-size: 14px;
    padding: 5px 5px;
}

.lblang_poli {
    margin-bottom: 10px;
}

#lblang_poli {
    margin-bottom: 10px;
}

#summary_tbl {
    background-color: #FFFFFF;
    opacity: 0.9;
    border-radius: 5px;
    padding: 10px 20px;
    margin-top: 20px;
}

.btn.btn-primary.policy {
    background-color: #177c8e;
    border: none;
    padding: 10px 20px;
    color: #fff;
}

    .btn.btn-primary.policy:hover {
        opacity: 0.8;
    }

.btn.btn-default.pol {
    background-color: #177c8e;
    border: none;
    padding: 10px 20px;
    color: #FFFFFF;
}

    .btn.btn-default.pol:hover {
        opacity: 0.8;
    }

.form-control {
    margin-bottom: 10px;
}

#polsel {
    background-color: #303a56;
    padding: 20px 10px;
    color: #FFFFFF;
    width: 100%;
    margin-bottom: 15px;
    border-radius: 10px;
}

.btn.btn-default.polisel {
    background-color: transparent;
    color: #FFFFFF;
    border: none;
}

    .btn.btn-default.polisel:focus {
        border: none;
    }


#pro_sub_desc {
    font-size: 20px;
    text-align: center;
}

#pro_head_policy1 {
    background-color: #DDDDDD;
    padding: 8px;
    border-radius: 25px;
    text-decoration: underline;
    text-align: center;
}

.boldie {
    font-weight: bold;
}

#premium_bo {
    font-size: 15px;
    text-decoration: underline;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #1790ae !important;
    border: 2px solid #1790ae !important;
    color: #FFFFFF;
}


.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 2px solid #f8f8f8 !important;
}

.select2-container--default .select2-selection--multiple {
    width: 700px;
}

@media (max-width: 500px) {

    .select2-container--default .select2-selection--multiple {
        /*width: 230px;*/
        width: 96%;
    }
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .select2-container--default .select2-selection--multiple {
        /*width: 300px;*/
        width: 96%;
    }
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
    .select2-container--default .select2-selection--multiple {
        /*width: 230px;*/
        width: 94%;
    }
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
    .select2-container--default .select2-selection--multiple {
        /*width: 230px;*/
        width: 90%;
    }
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .select2-container--default .select2-selection--multiple {
        /*width: 700px;*/
        width: 96%;
    }
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .select2-container--default .select2-selection--multiple {
        width: 96%;
    }
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .select2-container--default .select2-selection--multiple {
        /*width: 700px;*/
        width: 96%;
    }
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
    .select2-container--default .select2-selection--multiple {
        /*width: 600px;*/
        width: 100%;
    }
}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
    .select2-container--default .select2-selection--multiple {
        width: 96%;
    }
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #FFFFFF !important;
}

    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #1c90cb !important;
    }

.select2-results__option--highlighted {
    background-color: #177c8e;
    color: white;
}


.hidden {
    position: absolute;
    top: 0;
    visibility: hidden;
}

.help-inline {
    display: inline-block;
    margin-bottom: 0;
    margin-left: 5px;
    width: 14px;
    height: 14px;
    background: url(/img/icon-help10032.png) 0 0 no-repeat;
    vertical-align: middle;
    text-indent: -9999px;
    cursor: pointer;
}

#contentPopup p {
    margin: 0px !important;
    font-size: 12px !important;
}

#innerPopup {
    max-height: 500px !important;
    overflow-y: auto !important;
}
.controls.inputFrame.SubProduct span.select2-selection {
    border: 1px solid #ccc !important;
}
#cmdCancel {
    background-color: #1c90cb !important;
    color:#fff;
}
.btn:hover, .btn:focus, .btn.focus {
    color: #ccc;
    text-decoration: none;
}
#OptionalBenefitsBox .opt:hover {
    background-color: #269abc !important;
}
.hasDatepicker{
    color:black;
}
.btn-success , .btn-success:hover {
    color: #fff;
    background-color: #1790ae;
    border-color: #1790ae;
    transition: .3s ease-out .1s,color .55s ease-out;
}
.OptExtraBox .btn-info, .OptExtraBox .btn-info:focus {
    /* padding: 10px; */
    background-color: #FFF;
    color: #1790ae;
    border-color: #61b746;
    box-shadow: 0 6px 12px rgba(0,0,0,.23), 0 10px 40px rgba(0,0,0,.19);
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    border-radius: 0 !important;
}

.optExtraPaddingButtom {
    padding-bottom: 20px;
}

.OptExtraBox .ExtraPrice, .OptExtraDesc {
    color: #000000;
}