#header {
    z-index: 99;
}

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

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

    .linkcrumbs > .linkstep > .linkdot {
        position: absolute;
        width: 30px;
        height: 30px;
        display: block;
        background: #37C7AC;
        /*background: #62bb46;*/
        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: #37C7AC;
        }


    .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 {
    border-radius: 3px;
    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: #0574CF;
        color: #fff;
        text-align: center;
        border-radius: 20px;
        border: none;
    }
    /*
a.ui-state-default.ui-state-highlight
{
    background-color: #ffad33;
     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: #37c7ac;
        color: #fff;
        border: none;
        border-radius: 25px;
    }

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

/*#lbl_frm {
    color: #80c2ff;
}*/

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

@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: #FFFFFF;
    color: #000000;
    opacity: 0.9;
    margin-bottom: 20px;
    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: #0574CF;
    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 { /*, .table-striped .th.final_table  {*/
    background-color: #FFFFFF;
    color: #313b57;
    font-size: 15px;
    font-weight: bold;
}

.td.final_table { /*, .table-striped .td.final_table {*/
    background-color: #FFFFFF;
    color: #000000;
    font-size: 14px;
}

.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: #0574CF;
    border: none;
    padding: 10px 20px;
    color: #fff; 
}

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

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

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

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

#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: #37C7AC !important;
    border: 1px solid #37C7AC !important;
    color: #fff;
}


.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #ccc !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: 96%;
    }
}

/* 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: #fff !important;
}

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

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


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

#innerPopup {
    max-height: 500px !important;
    overflow-y: auto !important;
}

.optExtraPaddingButtom {
    padding-bottom: 20px;
}