/*
Theme Name: SFPS
Author: ASHOK
Version: 1.0
Created: FEB 2016
File Description: Custom Style(Exten to style.css)
*/

.separator-3 {
    display: block;
    width: 70px;
    height: 3px;
    margin: 10px auto 10px;
    background-color: #cccccc;
    position: relative;
    border: 1px solid #cccccc;
}

.modal-header {
    padding: 10px 15px;
}

.pop-background {
    background-color: #FFD2BA;
    padding: 10px 15px !important;
}

.bg-lightgray{
    background-color:lightgray
}

.regscreen-bg {
    background: url("../images/bg-8.jpg") 50% 0px no-repeat;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-filter: blur(10px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.form-horizontal .form-group {
    margin-left: 0px;
    margin-right: 0px;
}

.row.row-space-10 {
    margin: 0 -5px;
}

    .row.row-space-10 > [class*=col-] {
        padding: 0 5px;
    }

.has-feedback .form-control.no-feed {
    padding-right: 0px;
}

.header-top.blr {
    background-color:#ff5900;
    border-bottom: 0px solid #dadada;
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.03) inset;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.03) inset;
    position: relative;
}

.page-intro.abs_lgt {
    /*position: absolute;*/
    width: 100%;
    opacity: 0.9;
}

.menu_dv {
    cursor: pointer;
    display: block;
    text-decoration: none !important;
}

    .menu_dv .menu_img {
        width: 70px;
        display: inline-table;
        height: 70px;
    }

    .menu_dv .menu_img_inv {
        width: 300px;
        display: inline-table;
        height: 110px;
    }

.menu_bd_r {
    border-right: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
}

.menu_bd_l {
    border-left: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
}

.menu_bd_lr {
    border-right: 1px solid #E5E5E5;
    border-left: 1px solid #E5E5E5;
}

.menu_bd_b {
    border-bottom: 1px solid #E5E5E5;
}

.menu_main_dv .separator {
    background-color: #FB6919;
    border: 1px solid #FB6919;
    width: 120px;
    height: 3px;
}

    .menu_main_dv .separator:after {
        background: #FB6919;
        height: 3px;
    }

.menu_main_dv .title {
    color: #FB6919;
    font-size:x-large;
}

.menu_dv:hover .separator-3 {
    background-color: #FB6919;
    border: 1px solid #FB6919;
}

.menu_dv:hover h5 {
    color: #FB6919;
    font-weight:700;
}
.menu_dv.motor .menu_img {
    background: url("../images/car_grey.png") no-repeat;
    background-size: 70px 70px;
}

.menu_dv.NonMotor .menu_img {
    background: url("../images/NonMotor_grey.svg") no-repeat;
    background-size: 70px 70px;
}


.menu_dv.nonlife .menu_img {
    background: url("../images/PI_Grey.png") no-repeat;
    background-size: 70px 70px;
}

.menu_dv.health .menu_img {
    background: url("../images/medkit_grey.png");
    background-size: 70px 70px;
}

.menu_dv.accident .menu_img {
    background: url("../images/accident_grey.png");
    background-size: 70px 70px;
}

.menu_dv.home .menu_img {
    background: url("../images/home_grey.png");
    background-size: 70px 70px;
}

.menu_dv.investment .menu_img {
    background: url("../images/Inv_Grey5.png") no-repeat;
    background-size: 70px 70px;
}

.menu_dv.stfc .menu_img {
    background: url("../images/STFC_GREY.png");
    background-size: 70px 70px;
}

.menu_dv.scuf .menu_img {
    background: url("../images/SCUF_grey.png");
    background-size: 70px 70px;
}

.menu_dv.stfc .menu_img_inv {
    background: url("../images/STFC.png") no-repeat;
    /*background-size:  280px 100px;*/
    background-size: 200px auto;
    background-position-x: 50px;
}

.menu_dv.scuf .menu_img_inv {
    background: url("../images/SCUF2.png") no-repeat;
    background-size: 280px 80px;
}

.menu_dv.commercial .menu_img {
    background: url("../images/commercial_grey.png");
    background-size: 70px 70px;
}

.menu_dv.overseas .menu_img {
    background: url("../images/plane_grey.png");
    background-size: 70px 70px;
}

.menu_dv.life .menu_img {
    background: url("../images/heartbeat_grey.png") no-repeat;
    background-size: 68px 63px;
}

.menu_dv.investments .menu_img {
    background: url("../images/Inv_Grey.png");
    background-size: 70px 70px;
}

.menu_dv.mutual .menu_img {
    background: url("../images/funds_grey.png");
    background-size: 70px 70px;
}

.menu_dv.tw .menu_img {
    background: url("../images/bike_grey_icon.png");
    background-size: 70px 70px;
}

.menu_dv.pccv .menu_img {
    background: url("../images/largebus.png");
    background-size: 70px 70px;
}

.menu_dv.gccv .menu_img {
    background: url("../images/lorry.png");
    background-size: 70px 70px;
}

.menu_dv.msid .menu_img {
    background: url("../images/truck.png");
    background-size: 70px 70px;
}

.menu_dv.tp .menu_img {
    background: url("../images/3rd_party.png");
    background-size: 70px 70px;
}
/*hover*/
.menu_dv.motor:hover .menu_img {
    background: url("../images/car_orange.png");
    background-size: 70px 70px;
}
.menu_dv.NonMotor:hover .menu_img {
    background: url("../images/NonMotor_Orange.svg");
    background-size: 70px 70px;
}


.menu_dv.investment:hover .menu_img {
    background: url("../images/Inv_Orange1.png");
    background-size: 70px 70px;
}

.menu_dv.nonlife:hover .menu_img {
    background: url("../images/PI_Orange.png");
    background-size: 70px 70px;
}


.menu_dv.health:hover .menu_img {
    background: url("../images/medkit_orange.png");
    background-size: 70px 70px;
}

.menu_dv.accident:hover .menu_img {
    background: url("../images/accident_orange.png");
    background-size: 70px 70px;
}

.menu_dv.home:hover .menu_img {
    background: url("../images/home_orange.png");
    background-size: 70px 70px;
}

.menu_dv.commercial:hover .menu_img {
    background: url("../images/commercial_orange.png");
    background-size: 70px 70px;
}
.menu_dv.home:hover .menu_img {
    background: url("../images/home_orange.png");
    background-size: 70px 70px;
}

.menu_dv.stfc:hover .menu_img {
    background: url("../images/stfc_orange.png");
    background-size: 70px 70px;
}

.menu_dv.scuf:hover .menu_img {
    background: url("../images/SCUF_orange.png");
    background-size: 70px 70px;
}

.menu_dv.overseas:hover .menu_img {
    background: url("../images/plane_orange.png");
    background-size: 70px 70px;
}

.menu_dv.life:hover .menu_img {
    background: url("../images/heartbeat_orange.png") no-repeat;
    background-size: 68px 63px;
}

.menu_dv.investments:hover .menu_img {
    background: url("../images/Inv_Orange1.png");
    background-size: 70px 70px;
}

.menu_dv.mutual:hover .menu_img {
    background: url("../images/funds_orange.png");
    background-size: 70px 70px;
}

.menu_dv.tw:hover .menu_img {
    background: url("../images/bike_orange_icon.png");
    background-size: 70px 70px;
}

.menu_dv.pccv:hover .menu_img {
    background: url("../images/largebus_orange.png");
    background-size: 70px 70px;
}

.menu_dv.gccv:hover .menu_img {
    background: url("../images/lorry_orange.png");
    background-size: 70px 70px;
}

.menu_dv.msid:hover .menu_img {
    background: url("../images/truck_orange.png");
    background-size: 70px 70px;
}

.menu_dv.tp:hover .menu_img {
    background: url("../images/3rd_party_orange.png");
    background-size: 70px 70px;
}

/*.menu_dv.motor:hover .separator-3 {
    background: url("../images/car_orange.png");
    background-size: 70px 70px;
}

.menu_dv.health:hover .separator-3 {
    background: url("../images/medkit_orange.png");
    background-size: 70px 70px;
}*/

/*.menu_dv.accident:hover .separator-3 {
    background-color: #FB6919;
    border: 1px solid #FB6919;
}*/

.nav-motor .s1, .nav-motor .s2, .nav-motor .s3 {
    background-size: cover !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
}

    .nav-motor .s1.TW {
        background: url('../images/bike_icon.png') no-repeat top left;
    }

    .nav-motor .s1.PC {
        background: url('../images/car_white.png') no-repeat top left;
    }

    .nav-motor .s1.PCCV {
        background: url('../images/largebus_white.png') no-repeat top left;
    }

    .nav-motor .s1.GCCV {
        background: url('../images/lorry_white.png') no-repeat top left;
    }

    .nav-motor .s1.MISD {
        background: url('../images/truck_white.png') no-repeat top left;
    }

    .nav-motor .s1.TP {
        background: url('../images/3rdparty_white.png') no-repeat top left;
    }
     .nav-motor .s1.PA {
        background: url('../images/accident_white.png') no-repeat top left;
    }

.nav-motor .s2 {
    background: url('../images/dollor.png') no-repeat top left;
}

.nav-motor .s3 {
    background: url('../images/customer_details.png') no-repeat top left;
}

.nav-pills.nav-pills-step li {
    display: table-cell;
    text-align: center;
    width: 1%;
    float: none;
}

.listing-premium .listing-item-body {
    padding: 15px 10px 10px;
}

.listing-premium {
    margin: 0 0 25px  0;
    border: none;
    background-color: #F9F9F9;
    -webkit-box-shadow: 0 5px 10px rgb(105, 105, 105), 0 5px 10px rgb(132, 132, 132);
    -moz-box-shadow: 0 5px 10px rgb(105, 105, 105), 0 5px 10px rgb(132, 132, 132);
    box-shadow: 0 5px 10px rgb(105, 105, 105), 0 5px 10px rgb(132, 132, 132);
}

    .listing-premium:hover .listing-item-body {
        background-color: #EFEFEF;
    }

.steps {
    list-style: none;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
}

    .steps .step {
        padding: 5px;
    }

    .steps li {
        display: table-cell;
        text-align: center;
        width: 1%;
    }

        .steps li .step {
            border: 10px solid #ced1d6;
            color: #546474;
            font-size: 15px;
            border-radius: 100%;
            background-color: #ced1d6;
            position: relative;
            z-index: 2;
            display: inline-block;
            width: 50px;
            height: 50px;
            line-height: 30px;
            text-align: center;
        }

        .steps li:before {
            display: block;
            content: "";
            width: 100%;
            height: 1px;
            font-size: 0;
            overflow: hidden;
            border-top: 6px solid #CED1D6;
            position: relative;
            top: 26px;
            z-index: 1;
        }

        .steps li.last-child:before {
            max-width: 50%;
            width: 50%;
        }



        .steps li:last-child:before {
            max-width: 50%;
            width: 50%;
        }

        .steps li:first-child:before {
            max-width: 51%;
            left: 50%;
        }

        .steps li.active:before, .steps li.complete:before, .steps li.active .step, .steps li.complete .step {
            border-color: #FB6919;
            background-color: #FB6919;
        }

        .steps li.complete .step {
            background-color: #FB6919;
            color: #FFF;
            -webkit-transition: transform ease .1s;
            -o-transition: transform ease .1s;
            transition: transform ease .1s;
        }

        .steps li.complete:hover .step {
            border-color: #ff965d;
            background-color: #ff965d;
        }

        .steps li.complete:hover:before {
            border-color: #ff965d;
        }

        .steps li .title {
            display: block;
            margin-top: 4px;
            max-width: 100%;
            color: #949ea7;
            font-size: 13px;
            z-index: 104;
            text-align: center;
            table-layout: fixed;
            word-wrap: break-word;
        }

        .steps li.complete .title, .steps li.active .title {
            color: #2b3d53;
        }

.step-content {
    position: relative;
}

    .step-content .step-pane {
        display: none;
        min-height: 200px;
        padding: 4px 8px 12px;
    }

        .step-content .step-pane.active {
            display: block;
        }

.wizard-actions {
    text-align: right;
}

@media only screen and (max-width: 767px) {
    .steps li:before, .steps li:after {
        border-width: 3px;
    }

    .steps li.complete .step:before {
        line-height: 24px;
        font-size: 13px;
    }

    .step-content .step-pane {
        padding: 4px 4px 6px;
        min-height: 150px;
    }
}

/*switch*/
.form-search .radio [type=radio] + label, .form-inline .radio [type=radio] + label, .form-search .checkbox [type=checkbox] + label, .form-inline .checkbox [type=checkbox] + label {
    float: left;
    margin-left: -20px;
}

.form-search .form-search .radio [type=radio] + label, .form-search .form-inline .radio [type=radio] + label, .form-search .form-search .checkbox [type=checkbox] + label, .form-search .form-inline .checkbox [type=checkbox] + label, .form-inline .form-search .radio [type=radio] + label, .form-inline .form-inline .radio [type=radio] + label, .form-inline .form-search .checkbox [type=checkbox] + label, .form-inline .form-inline .checkbox [type=checkbox] + label {
    margin-left: 0;
    margin-right: 3px;
}

input[type=checkbox].ace, input[type=radio].ace {
    opacity: 0;
    position: absolute;
    z-index: 1;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

label input[type=checkbox].ace, label input[type=radio].ace {
    z-index: -100 !important;
    width: 1px !important;
    height: 1px !important;
    clip: rect(1px,1px,1px,1px);
    position: absolute;
}

input[type=checkbox].ace:checked, input[type=radio].ace:checked, input[type=checkbox].ace:focus, input[type=radio].ace:focus {
    outline: 0 !important;
}

input[type=checkbox].ace + .lbl, input[type=radio].ace + .lbl {
    position: relative;
    display: inline-block;
    margin: 0;
    line-height: 20px;
    min-height: 18px;
    min-width: 18px;
    font-size: 13px;
    font-weight: 400;
    cursor: pointer;
}

    input[type=checkbox].ace + .lbl::before, input[type=radio].ace + .lbl::before {
        cursor: pointer;
        font-family: fontAwesome;
        font-weight: 400;
        font-size: 12px;
        color: #ba2763;
        content: "\a0";
        background-color: #FAFAFA;
        border: 1px solid #c8c8c8;
        box-shadow: 0 1px 2px rgba(0,0,0,.05);
        border-radius: 0;
        display: inline-block;
        text-align: center;
        height: 16px;
        line-height: 14px;
        min-width: 16px;
        margin-right: 1px;
        position: relative;
        top: -1px;
    }

input[type=checkbox].ace:checked + .lbl::before, input[type=radio].ace:checked + .lbl::before {
    display: inline-block;
    content: '\f00c';
    background-color: #fff;
    border-color: #adb8c0;
    box-shadow: 0 1px 2px rgba(0,0,0,.05),inset 0 -15px 10px -12px rgba(0,0,0,.05),inset 15px 10px -12px rgba(255,255,255,.1);
}

input[type=checkbox].ace:hover + .lbl::before, input[type=radio].ace:hover + .lbl::before, input[type=checkbox].ace + .lbl:hover::before, input[type=radio].ace + .lbl:hover::before {
    border-color: #ba2461;
}

input[type=checkbox].ace:active + .lbl::before, input[type=radio].ace:active + .lbl::before, input[type=checkbox].ace:checked:active + .lbl::before, input[type=radio].ace:checked:active + .lbl::before {
    box-shadow: 0 1px 2px rgba(0,0,0,.05),inset 0 1px 3px rgba(0,0,0,.1);
}

input[type=checkbox].ace.ace-checkbox-2 + .lbl::before, input[type=radio].ace.ace-checkbox-2 + .lbl::before {
    box-shadow: none;
}

input[type=checkbox].ace.ace-checkbox-2:checked + .lbl::before, input[type=radio].ace.ace-checkbox-2:checked + .lbl::before {
    background-color: #49B6D6;
    border-color: #49B6D6;
    color: #FFF;
}

input[type=radio].ace.ace-checkbox-2 + .lbl::before, input[type=radio].ace.ace-checkbox-2 + .lbl::before {
    box-shadow: none;
}

input[type=radio].ace.ace-checkbox-2:checked + .lbl::before, input[type=radio].ace.ace-checkbox-2:checked + .lbl::before {
    background-color: #FB6919;
    border-color: #FB6919;
    color: #FFF;
    content: '\f00c';
}

input[type=checkbox].ace:disabled + .lbl::before, input[type=radio].ace:disabled + .lbl::before, input[type=checkbox].ace[disabled] + .lbl::before, input[type=radio].ace[disabled] + .lbl::before, input[type=checkbox].ace.disabled + .lbl::before, input[type=radio].ace.disabled + .lbl::before {
    background-color: #DDD !important;
    border-color: #CCC !important;
    box-shadow: none !important;
    color: #BBB;
}

.checkbox label input[type=checkbox].ace + .lbl, .radio label input[type=radio].ace + .lbl {
    margin-left: -10px;
}

input[type=radio].ace + .lbl::before {
    border-radius: 100%;
    font-size: 10px;
    font-family: FontAwesome;
    text-shadow: 0 0 1px #fff;
    line-height: 15px;
    height: 17px;
    min-width: 17px;
}

input[type=radio].ace:checked + .lbl::before {
    content: "\f111";
}

input[type=checkbox].ace.input-lg + .lbl::before {
    border-radius: 4px;
    font-size: 16px;
    height: 24px;
    line-height: 21px;
    min-width: 24px;
    top: auto;
}

input[type=radio].ace.input-lg + .lbl::before {
    font-size: 13px;
    height: 22px;
    line-height: 22px;
    min-width: 22px;
    top: auto;
}

input[type=checkbox].ace.ace-switch {
    width: 55px;
    height: 25px;
}

    input[type=checkbox].ace.ace-switch + .lbl {
        margin: 0 4px;
        min-height: 24px;
    }

        input[type=checkbox].ace.ace-switch + .lbl::before {
            font-family: Nunito,sans-serif;
            content: "YES\a0\a0\a0\a0\a0\a0\a0\a0\a0NO";
            color: #999;
            text-shadow: 0px 1px 1px rgba(10, 9, 9, 0.27);
            font-weight: 400;
            font-size: 10px;
            line-height: 17px;
            height: 20px;
            overflow: hidden;
            border-radius: 12px;
            background-color: #fff;
            /*-webkit-box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.15);
            box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.15);*/
            border: 1px solid #CCC;
            text-align: left;
            float: left;
            padding: 0;
            width: 52px;
            text-indent: -21px;
            margin-right: 0;
            -webkit-transition: text-indent .3s ease;
            -o-transition: text-indent .3s ease;
            transition: text-indent .3s ease;
            top: auto;
        }

        input[type=checkbox].ace.ace-switch + .lbl::after {
            font-family: Nunito,sans-serif;
            content: 'III';
            font-size: 12px;
            font-weight: 400;
            letter-spacing: 0;
            color: #AAA;
            text-shadow: none;
            background-color: #FFF;
            border-radius: 100%;
            width: 22px;
            height: 22px;
            line-height: 22px;
            text-align: center;
            position: absolute;
            top: -2px;
            left: -3px;
            -webkit-box-shadow: 0 1px 1px 1px rgba(0,0,0,.3);
            box-shadow: 0 1px 1px 1px rgba(0,0,0,.3);
            -webkit-transition: left .3s ease;
            -o-transition: left .3s ease;
            transition: left .3s ease;
        }

    input[type=checkbox].ace.ace-switch:checked + .lbl::before {
        text-indent: 9px;
        color: #FFF;
        text-shadow: 0px 1px 1px rgba(10, 9, 9, 0.27);
        background-color: #3AC0E7;
        border-color: #33AACD;
    }

    input[type=checkbox].ace.ace-switch:checked + .lbl::after {
        left: 34px;
        background-color: #FFF;
        color: #98A0A5;
    }

    input[type=checkbox].ace.ace-switch.ace-switch-2 + .lbl::before {
        content: "YES\a0\a0\a0\a0\a0\a0\a0\a0\a0NO";
    }

    input[type=checkbox].ace.ace-switch.ace-switch-3 + .lbl::after {
        font-family: FontAwesome;
        font-size: 13px;
        line-height: 22px;
        content: "\f00d";
        top: -1px;
        text-shadow: none;
        padding: 0;
        text-align: center;
        color: #BBB;
        letter-spacing: 0;
    }

    input[type=checkbox].ace.ace-switch.ace-switch-3:checked + .lbl::after {
        content: "\f00c";
        color: #3AC0E7;
        text-shadow: none;
    }

    input[type=checkbox].ace.ace-switch.ace-switch-4, input[type=checkbox].ace.ace-switch.ace-switch-5 {
        width: 60px;
    }

        input[type=checkbox].ace.ace-switch.ace-switch-4 + .lbl::before, input[type=checkbox].ace.ace-switch.ace-switch-5 + .lbl::before {
            content: "ON\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0OFF";
            font-size: 12px;
            line-height: 21px;
            height: 24px;
            overflow: hidden;
            border-radius: 12px;
            background-color: #8b9aa3;
            border: 1px solid #8b9aa3;
            color: #FFF;
            width: 56px;
            text-indent: -25px;
            text-shadow: 0 0 0 #FFF;
            display: inline-block;
            position: relative;
            box-shadow: none;
            -webkit-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease;
        }

        input[type=checkbox].ace.ace-switch.ace-switch-4 + .lbl::after, input[type=checkbox].ace.ace-switch.ace-switch-5 + .lbl::after {
            content: 'III';
            font-size: 11px;
            position: absolute;
            top: 2px;
            left: 2px;
            letter-spacing: 0;
            width: 20px;
            height: 20px;
            line-height: 19px;
            text-shadow: none !important;
            color: #939393;
            background-color: #FFF;
            -webkit-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease;
        }

        input[type=checkbox].ace.ace-switch.ace-switch-4:checked + .lbl::before, input[type=checkbox].ace.ace-switch.ace-switch-5:checked + .lbl::before {
            text-indent: 9px;
            background-color: #468fcc;
            border-color: #468FCC;
        }

        input[type=checkbox].ace.ace-switch.ace-switch-4:checked + .lbl::after, input[type=checkbox].ace.ace-switch.ace-switch-5:checked + .lbl::after {
            left: 34px;
            background-color: #FFF;
            color: #848484;
        }

        input[type=checkbox].ace.ace-switch.ace-switch-5 + .lbl::before {
            content: "YES\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0NO";
        }

        input[type=checkbox].ace.ace-switch.ace-switch-5:checked + .lbl::before {
            text-indent: 8px;
        }

    input[type=checkbox].ace.ace-switch.ace-switch-6 + .lbl {
        position: relative;
    }

        input[type=checkbox].ace.ace-switch.ace-switch-6 + .lbl::before {
            font-family: FontAwesome;
            content: "\f00d";
            text-shadow: 0 -1px 0 rgba(0,0,0,.25);
            box-shadow: none;
            border-width: 0;
            font-weight: lighter;
            font-size: 16px;
            border-radius: 12px;
            display: inline-block;
            background-color: #888;
            color: #F2F2F2;
            width: 52px;
            height: 22px;
            line-height: 21px;
            text-indent: 32px;
            -webkit-transition: background .1s ease;
            -o-transition: background .1s ease;
            transition: background .1s ease;
        }

        input[type=checkbox].ace.ace-switch.ace-switch-6 + .lbl::after {
            content: '';
            text-shadow: 0 -1px 0 rgba(0,0,0,.25);
            position: absolute;
            top: 2px;
            left: 3px;
            border-radius: 12px;
            box-shadow: 0 -1px 0 rgba(0,0,0,.25);
            width: 18px;
            height: 18px;
            text-align: center;
            background-color: #F2F2F2;
            border: 4px solid #F2F2F2;
            -webkit-transition: left .2s ease;
            -o-transition: left .2s ease;
            transition: left .2s ease;
        }

    input[type=checkbox].ace.ace-switch.ace-switch-6:checked + .lbl::before {
        content: "\f00c";
        text-indent: 6px;
        color: #FFF;
        border-color: #b7d3e5;
        background-color: rgb(36, 173, 213);
    }

    input[type=checkbox].ace.ace-switch.ace-switch-6:checked + .lbl::after {
        left: 32px;
        background-color: #FFF;
        border: 4px solid #FFF;
        text-shadow: 0 -1px 0 rgba(0,200,0,.25);
    }

    input[type=checkbox].ace.ace-switch.ace-switch-7 {
        width: 75px;
    }

        input[type=checkbox].ace.ace-switch.ace-switch-7 + .lbl {
            position: relative;
        }

            input[type=checkbox].ace.ace-switch.ace-switch-7 + .lbl::before {
                content: "OFF\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0ON";
                font-weight: bolder;
                font-size: 13px;
                line-height: 20px;
                background-color: #FFF;
                border: 2px solid #AAA;
                border-radius: 0;
                box-shadow: none;
                color: #AAA;
                width: 74px;
                height: 26px;
                line-height: 22px;
                overflow: hidden;
                text-indent: 5px;
                display: inline-block;
                position: relative;
                -webkit-transition: all .2s ease;
                -o-transition: all .2s ease;
                transition: all .2s ease;
            }

            input[type=checkbox].ace.ace-switch.ace-switch-7 + .lbl::after {
                content: '\f00d';
                font-family: FontAwesome;
                font-size: 16px;
                position: absolute;
                top: 3px;
                left: 39px;
                width: 32px;
                height: 20px;
                line-height: 18px;
                text-align: center;
                padding: 0;
                text-indent: 0;
                background-color: #AAA;
                color: #FFF;
                border-radius: 0;
                box-shadow: none;
                -webkit-transition: all .2s ease-in-out;
                -o-transition: all .2s ease-in-out;
                transition: all .2s ease-in-out;
            }

        input[type=checkbox].ace.ace-switch.ace-switch-7:checked + .lbl::before {
            color: #468fcc;
            background-color: #FFF;
            text-indent: -28px;
            border-color: #6fb3e0;
        }

        input[type=checkbox].ace.ace-switch.ace-switch-7:checked + .lbl::after {
            left: 3px;
            content: '\f00c';
            background-color: #468fcc;
            color: #FFF;
        }

    input[type=checkbox].ace.ace-switch + .lbl[data-lbl]::before {
        content: attr(data-lbl);
    }

    input[type=checkbox].ace.ace-switch.btn-empty + .lbl::after {
        content: "";
    }

    input[type=checkbox].ace.ace-switch.btn-rotate + .lbl::after {
        content: "\2261";
        line-height: 20px;
        font-size: 17px;
    }

input[type=checkbox].ace.ace-switch-4.btn-rotate + .lbl::after, input[type=checkbox].ace.ace-switch-5.btn-rotate + .lbl::after {
    line-height: 17px;
}

input[type=checkbox].ace.ace-switch.btn-flat + .lbl::before, input[type=checkbox].ace.ace-switch.btn-flat + .lbl::after {
    border-radius: 0 !important;
}

input[type=checkbox].ace.ace-switch.ace-switch-4 + .lbl::before, input[type=checkbox].ace.ace-switch.ace-switch-5 + .lbl::before {
    text-indent: -24px;
}

input[type=checkbox].ace.ace-switch.ace-switch-4:checked + .lbl::before, input[type=checkbox].ace.ace-switch.ace-switch-5:checked + .lbl::before {
    text-indent: 7px;
}

.item-list > li > .checkbox {
    display: inline-block;
}

input[type=checkbox].ace + .lbl + .lbl1 {
    position: absolute;
    top: 2px;
}


.ace-spinner {
    display: inline-block;
    float: right !important;
}

    .ace-spinner .spinbox-buttons.btn-group-vertical {
        min-width: 18px;
    }

        .ace-spinner .spinbox-buttons.btn-group-vertical > .btn {
            font-size: 10px;
            padding: 0;
            width: 22px;
            height: 16px;
            line-height: 8px;
            margin-left: 0;
        }

.spinbox-input {
    height: 30px;
    padding-left: 0px;
}

.ace-spinner .spinbox-buttons.btn-group-vertical > .btn > .ace-icon {
    margin: 0;
    padding: 0;
}

.ace-spinner .spinbox-buttons.btn-group-vertical > .btn + .btn {
    margin-top: 2px;
}

.ace-spinner .spinbox-buttons.btn-group-vertical > .btn-xs {
    height: 14px;
    line-height: 7px;
}

.ace-spinner .spinbox-buttons.btn-group-vertical > .btn-lg {
    height: 22px;
    line-height: 10px;
    width: 22px;
}

.steps li .step, .steps li.complete .step:before {
    line-height: 30px;
    text-align: center;
}

.ace-spinner .spinbox-buttons > button.btn.spinbox-up:active {
    top: -1px;
}

.ace-spinner:not(.touch-spinner) .spinbox-buttons > .btn > .ace-icon {
    margin-top: -1px;
}

.ace-spinner.touch-spinner .spinbox-buttons {
    margin: 0;
    font-size: 0;
}

    .ace-spinner.touch-spinner .spinbox-buttons .btn-sm {
        width: 30px;
        height: 30px;
        padding-left: 6px;
        padding-right: 6px;
    }

    .ace-spinner.touch-spinner .spinbox-buttons .btn-xs {
        width: 24px;
        padding-left: 4px;
        padding-right: 4px;
    }

    .ace-spinner.touch-spinner .spinbox-buttons .btn-lg {
        width: 40px;
        padding-left: 8px;
        padding-right: 8px;
    }

    .ace-spinner.touch-spinner .spinbox-buttons > .btn-xs {
        padding-top: 3px;
        padding-bottom: 3px;
    }

.spinbox-buttons i {
    width: 100%;
}

/*btn*/

.navbar-form .btn {
    background: 0 0;
    border: none;
    color: #606D79;
    position: absolute !important;
    right: 15px;
    top: 0 !important;
    line-height: 22px;
    -webkit-border-radius: 0 30px 30px 0;
    -moz-border-radius: 0 30px 30px 0;
    border-radius: 0 30px 30px 0;
}

@media (max-width: 767px) {
    .navbar-form .btn {
        top: 8px !important;
        line-height: 18px;
        right: 0;
    }
}

.navbar-inverse .navbar-form .btn, .navbar-inverse .navbar-form .form-control, .navbar.navbar-inverse .navbar-nav > li > a {
    color: #d4d5d6;
}

.navbar-purple .navbar-form .btn, .navbar-purple .navbar-form .form-control, .navbar.navbar-purple .navbar-nav > li > a {
    color: #ebdef0;
}

.navbar-primary .navbar-form .btn, .navbar-primary .navbar-form .form-control, .navbar.navbar-primary .navbar-nav > li > a {
    color: #d3e6f8;
}

.navbar-success .navbar-form .btn, .navbar-success .navbar-form .form-control, .navbar.navbar-success .navbar-nav > li > a {
    color: #d1f0ed;
}

.navbar-lime .navbar-form .btn, .navbar-lime .navbar-form .form-control, .navbar.navbar-lime .navbar-nav > li > a {
    color: #e0f3e2;
}

.navbar-warning .navbar-form .btn, .navbar-warning .navbar-form .form-control, .navbar.navbar-warning .navbar-nav > li > a {
    color: #feefd9;
}

.navbar-danger .navbar-form .btn, .navbar-danger .navbar-form .form-control, .navbar.navbar-danger .navbar-nav > li > a {
    color: #fcdbda;
}

.navbar-grey .navbar-form .btn, .navbar-grey .navbar-form .form-control, .navbar.navbar-grey .navbar-nav > li > a {
    color: #eef0f1;
}

.page-sidebar-minified .sidebar-minify-btn i:before, .page-with-right-sidebar .sidebar-minify-btn .fa:before {
    content: '\f105';
}

.sidebar-minify-btn, .sidebar-minify-btn:focus, .sidebar-minify-btn:hover {
    text-align: center;
    font-size: 14px;
    z-index: 10;
    padding: 0 !important;
    background: #24292e;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #1abc9c;
    line-height: 30px;
    margin: -15px auto;
}

    .sidebar-minify-btn i, .sidebar-minify-btn i:after {
        background: 0 0 !important;
    }

    .sidebar-minify-btn i {
        width: inherit !important;
        height: inherit !important;
        display: inline !important;
        font-size: 14px !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: inherit !important;
        color: inherit !important;
    }

.page-sidebar-minified .divider.has-minify-btn {
    margin: 20px 0 !important;
}

.page-with-right-sidebar.page-sidebar-minified .sidebar-minify-btn .fa:before {
    content: '\f104';
}

.page-sidebar-minified .sidebar.sidebar-success li.has-sub:focus > .sub-menu, .page-sidebar-minified .sidebar.sidebar-success li.has-sub:hover > .sub-menu, .sidebar.sidebar-success .nav-project .project-list > li .progress, .sidebar.sidebar-success .nav-user, .sidebar.sidebar-success .nav > li.divider, .sidebar.sidebar-success .sidebar-minify-btn, .sidebar.sidebar-success .sidebar-minify-btn:focus, .sidebar.sidebar-success .sidebar-minify-btn:hover, .sidebar.sidebar-success .sub-menu {
    background: #129283;
}

.page-sidebar-minified .sidebar.sidebar-lime li.has-sub:focus > .sub-menu, .page-sidebar-minified .sidebar.sidebar-lime li.has-sub:hover > .sub-menu, .sidebar.sidebar-lime .nav-project .project-list > li .progress, .sidebar.sidebar-lime .nav-user, .sidebar.sidebar-lime .nav > li.divider, .sidebar.sidebar-lime .sidebar-minify-btn, .sidebar.sidebar-lime .sidebar-minify-btn:focus, .sidebar.sidebar-lime .sidebar-minify-btn:hover, .sidebar.sidebar-lime .sub-menu {
    background: #519e59;
}

.page-sidebar-minified .sidebar.sidebar-warning li.has-sub:focus > .sub-menu, .page-sidebar-minified .sidebar.sidebar-warning li.has-sub:hover > .sub-menu, .sidebar.sidebar-warning .nav-project .project-list > li .progress, .sidebar.sidebar-warning .nav-user, .sidebar.sidebar-warning .nav > li.divider, .sidebar.sidebar-warning .sidebar-minify-btn, .sidebar.sidebar-warning .sidebar-minify-btn:focus, .sidebar.sidebar-warning .sidebar-minify-btn:hover, .sidebar.sidebar-warning .sub-menu {
    background: #ca8c34;
}

.page-sidebar-minified .sidebar.sidebar-danger li.has-sub:focus > .sub-menu, .page-sidebar-minified .sidebar.sidebar-danger li.has-sub:hover > .sub-menu, .sidebar.sidebar-danger .nav-project .project-list > li .progress, .sidebar.sidebar-danger .nav-user, .sidebar.sidebar-danger .nav > li.divider, .sidebar.sidebar-danger .sidebar-minify-btn, .sidebar.sidebar-danger .sidebar-minify-btn:focus, .sidebar.sidebar-danger .sidebar-minify-btn:hover, .sidebar.sidebar-danger .sub-menu {
    background: #c03c38;
}

.page-sidebar-minified .sidebar.sidebar-primary li.has-sub:focus > .sub-menu, .page-sidebar-minified .sidebar.sidebar-primary li.has-sub:hover > .sub-menu, .sidebar.sidebar-primary .nav-project .project-list > li .progress, .sidebar.sidebar-primary .nav-user, .sidebar.sidebar-primary .nav > li.divider, .sidebar.sidebar-primary .sidebar-minify-btn, .sidebar.sidebar-primary .sidebar-minify-btn:focus, .sidebar.sidebar-primary .sidebar-minify-btn:hover, .sidebar.sidebar-primary .sub-menu {
    background: #1a6aae;
}

.page-sidebar-minified .sidebar.sidebar-grey li.has-sub:focus > .sub-menu, .page-sidebar-minified .sidebar.sidebar-grey li.has-sub:hover > .sub-menu, .sidebar.sidebar-grey .nav-project .project-list > li .progress, .sidebar.sidebar-grey .nav-user, .sidebar.sidebar-grey .nav > li.divider, .sidebar.sidebar-grey .sidebar-minify-btn, .sidebar.sidebar-grey .sidebar-minify-btn:focus, .sidebar.sidebar-grey .sidebar-minify-btn:hover, .sidebar.sidebar-grey .sub-menu {
    background: #888f95;
}

.page-sidebar-minified .sidebar.sidebar-purple li.has-sub:focus > .sub-menu, .page-sidebar-minified .sidebar.sidebar-purple li.has-sub:hover > .sub-menu, .sidebar.sidebar-purple .nav-project .project-list > li .progress, .sidebar.sidebar-purple .nav-user, .sidebar.sidebar-purple .nav > li.divider, .sidebar.sidebar-purple .sidebar-minify-btn, .sidebar.sidebar-purple .sidebar-minify-btn:focus, .sidebar.sidebar-purple .sidebar-minify-btn:hover, .sidebar.sidebar-purple .sub-menu {
    background: #7c4792;
}

.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
    padding: 9px 16px;
}

.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {
    padding: 4px 10px;
}

.input-group-btn > .btn + .btn {
    border-left: 1px solid rgba(0,0,0,.3);
}

.input-group-btn .btn, .input-group-btn .btn:focus, .input-group-btn .btn:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding-top: 6px;
    padding-bottom: 5px;
}

.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    margin-left: 0;
}

.panel .panel-heading .panel-heading-btn, .panel .panel-heading-btn {
    float: right;
}

    .panel .panel-heading-btn > .btn {
        box-shadow: 0 1px rgba(0,0,0,.125);
    }

        .panel .panel-heading-btn > .btn + .btn {
            margin-left: 5px;
        }

.btn {
    border: none;
    border-radius: 3px;
}

    .btn.btn-circle {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }

    .btn.btn-rounded {
        -webkit-border-radius: 60px;
        -moz-border-radius: 60px;
        border-radius: 60px;
    }

    .btn.active {
        position: relative;
        top: 1px;
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125) !important;
        box-shadow: inset 0 3px 5px rgba(0,0,0,.125) !important;
    }

    .btn:active, .btn:focus, .btn:focus:active, .btn:hover:active {
        outline: 0;
    }

        .btn:active, .btn:focus:active, .btn:hover:active {
            position: relative;
            top: 1px;
        }

.btn-group > .btn + .btn {
    border-left: 1px solid rgba(0,0,0,.3);
}

.btn-group > .btn.active {
    top: 0;
}

.btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group {
    margin-top: 0;
}

.btn-group-vertical > .btn + .btn {
    border-top: 1px solid rgba(0,0,0,.3);
}

.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
    margin-left: 0;
}

.btn.btn-default {
    background-color: #FB6919;
    color: #fff !important;
    -webkit-box-shadow: 0 1px #A73A00;
    box-shadow: 0 1px #A73A00;
}

    .btn.btn-default:active, .btn.btn-default:focus:active, .btn.btn-default:hover:active {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .btn.btn-default.active, .btn.btn-default:active, .btn.btn-default:focus, .btn.btn-default:hover, .open > .dropdown-toggle.btn-default {
        background: #FB6919;
        outline: 0;
        -webkit-box-shadow: 0 1px #A73A00;
        box-shadow: 0 1px #A73A00;
    }

.btn.btn-danger {
    background: #F04B46;
    -webkit-box-shadow: 0 1px #902d2a;
    box-shadow: 0 1px #902d2a;
}

    .btn.btn-danger:active, .btn.btn-danger:focus:active, .btn.btn-danger:hover:active {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .btn.btn-danger.active, .btn.btn-danger:active, .btn.btn-danger:focus, .btn.btn-danger:hover, .open > .dropdown-toggle.btn-danger {
        background: #c03c38;
        outline: 0;
        -webkit-box-shadow: 0 1px #601e1c;
        box-shadow: 0 1px #601e1c;
    }

.btn.btn-warning {
    background: #fcaf41;
    -webkit-box-shadow: 0 1px #976927;
    box-shadow: 0 1px #976927;
}

    .btn.btn-warning:active, .btn.btn-warning:focus:active, .btn.btn-warning:hover:active {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .btn.btn-warning.active, .btn.btn-warning:active, .btn.btn-warning:focus, .btn.btn-warning:hover, .open > .dropdown-toggle.btn-warning {
        background: #ca8c34;
        outline: 0;
        -webkit-box-shadow: 0 1px #65461a;
        box-shadow: 0 1px #65461a;
    }

.btn.btn-lime {
    color: #fff;
    background: #65C56F;
    -webkit-box-shadow: 0 1px #3d7643;
    box-shadow: 0 1px #3d7643;
}

    .btn.btn-lime:active, .btn.btn-lime:focus:active, .btn.btn-lime:hover:active {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .btn.btn-lime.active, .btn.btn-lime:active, .btn.btn-lime:focus, .btn.btn-lime:hover, .open > .dropdown-toggle.btn-lime {
        color: #fff;
        background: #519e59;
        outline: 0;
        -webkit-box-shadow: 0 1px #284f2c;
        box-shadow: 0 1px #284f2c;
    }

.btn.btn-success {
    background: #17B6A4;
    -webkit-box-shadow: 0 1px #0e6d62;
    box-shadow: 0 1px #0e6d62;
}

    .btn.btn-success:active, .btn.btn-success:focus:active, .btn.btn-success:hover:active {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .btn.btn-success.active, .btn.btn-success:active, .btn.btn-success:focus, .btn.btn-success:hover, .open > .dropdown-toggle.btn-success {
        background: #129283;
        outline: 0;
        -webkit-box-shadow: 0 1px #094942;
        box-shadow: 0 1px #094942;
    }

.btn.btn-info {
    background: #38AFD3;
    -webkit-box-shadow: 0 1px #22697f;
    box-shadow: 0 1px #22697f;
}

    .btn.btn-info:active, .btn.btn-info:focus:active, .btn.btn-info:hover:active {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .btn.btn-info.active, .btn.btn-info:active, .btn.btn-info:focus, .btn.btn-info:hover, .open > .dropdown-toggle.btn-info {
        background: #2d8ca9;
        outline: 0;
        -webkit-box-shadow: 0 1px #164654;
        box-shadow: 0 1px #164654;
    }

.btn.btn-primary {
    background: #2184DA;
    -webkit-box-shadow: 0 1px #144f83;
    box-shadow: 0 1px #144f83;
}

    .btn.btn-primary:active, .btn.btn-primary:focus:active, .btn.btn-primary:hover:active {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .btn.btn-primary.active, .btn.btn-primary:active, .btn.btn-primary:focus, .btn.btn-primary:hover, .open > .dropdown-toggle.btn-primary {
        background: #1e77c5;
        outline: 0;
        -webkit-box-shadow: 0 1px #0d3557;
        box-shadow: 0 1px #0d3557;
    }

.btn.btn-purple {
    color: #fff;
    background: #9b59b6;
    -webkit-box-shadow: 0 1px #5d356d;
    box-shadow: 0 1px #5d356d;
}

    .btn.btn-purple:active, .btn.btn-purple:focus:active, .btn.btn-purple:hover:active {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .btn.btn-purple.active, .btn.btn-purple:active, .btn.btn-purple:focus, .btn.btn-purple:hover, .open > .dropdown-toggle.btn-purple {
        color: #fff;
        background: #7c4792;
        outline: 0;
        -webkit-box-shadow: 0 1px #3e2449;
        box-shadow: 0 1px #3e2449;
    }

.btn.btn-inverse {
    color: #fff;
    background: #3C454D;
    -webkit-box-shadow: 0 1px #24292e;
    box-shadow: 0 1px #24292e;
}

.caret {
    position: static;
}

.btn.btn-inverse:active, .btn.btn-inverse:focus:active, .btn.btn-inverse:hover:active {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn.btn-inverse.active, .btn.btn-inverse:active, .btn.btn-inverse:focus, .btn.btn-inverse:hover, .open > .dropdown-toggle.btn-inverse {
    color: #fff;
    background: #30373e;
    outline: 0;
    -webkit-box-shadow: 0 1px #181c1f;
    box-shadow: 0 1px #181c1f;
}

.btn.btn-grey {
    color: #fff;
    background: #aab3ba;
    -webkit-box-shadow: 0 1px #666b70;
    box-shadow: 0 1px #666b70;
}

    .btn.btn-grey:active, .btn.btn-grey:focus:active, .btn.btn-grey:hover:active {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .btn.btn-grey.active, .btn.btn-grey:active, .btn.btn-grey:focus, .btn.btn-grey:hover, .open > .dropdown-toggle.btn-grey {
        color: #fff;
        background: #888f95;
        outline: 0;
        -webkit-box-shadow: 0 1px #44484a;
        box-shadow: 0 1px #44484a;
    }

.btn.btn-white {
    color: #30373e;
    background: #fff;
    -webkit-box-shadow: 0 1px #b1b5b8;
    box-shadow: 0 1px #b1b5b8;
}

    .btn.btn-white:active, .btn.btn-white:focus:active, .btn.btn-white:hover:active {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .btn.btn-white.active, .btn.btn-white:active, .btn.btn-white:focus, .btn.btn-white:hover, .open > .dropdown-toggle.btn-white {
        outline: 0;
        -webkit-box-shadow: 0 1px #cacaca;
        box-shadow: 0 1px #cacaca;
    }

    .btn.btn-white.btn-white-with-border {
        border: 1px solid #ddd;
        -webkit-box-shadow: 0 0px #b1b5b8;
        box-shadow: 0 0px #b1b5b8;
        background: #fff;
        color: #555;
    }

.dt-buttons.btn-group {
    margin-top: 15px;
    float: left;
    margin-left: 20px;
}

@media (max-width: 767px) {
    .dt-buttons.btn-group {
        float: none;
        text-align: center;
        display: block;
        margin: 15px 0 -5px;
    }

        .dt-buttons.btn-group > .btn {
            float: none;
            margin-bottom: 5px;
            -webkit-border-radius: 4px !important;
            -moz-border-radius: 4px !important;
            border-radius: 4px !important;
        }

            .dt-buttons.btn-group > .btn + .btn {
                border-left: none;
                margin-left: 5px;
            }
}

.timepicker-picker .table-condensed t > tr > td .btn {
    display: block !important;
    width: auto !important;
}

    .timepicker-picker .table-condensed t > tr > td .btn span {
        background: 0 0;
    }

.timepicker-picker .table-condensed .btn span:focus, .timepicker-picker .table-condensed .btn span:hover {
    background: #ebeced !important;
}

.bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*=span] {
    margin-bottom: 0 !important;
}

.note-editor .note-toolbar .btn.btn-default {
    color: #30373e;
    background: #fff;
    -webkit-box-shadow: 0 1px #b1b5b8;
    box-shadow: 0 1px #b1b5b8;
}

    .note-editor .note-toolbar .btn.btn-default:focus, .note-editor .note-toolbar .btn.btn-default:hover {
        background: #bcbdbe;
        outline: 0;
        -webkit-box-shadow: 0 1px #5e5e5f;
        box-shadow: 0 1px #5e5e5f;
    }

.error-search .btn-search {
    border: none;
    background: 0 0;
    outline: 0;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 46px;
    width: 46px;
    padding: 0;
    font-size: 16px;
    color: #30373e;
}

.coming-soon-form .btn, .coming-soon-form .form-control {
    border-radius: 40px;
}

.gallery-list > li .btn-list {
    position: absolute;
    left: 10px;
    top: 10px;
    right: 10px;
    z-index: 1020;
}

.header-top-dropdown small {
    height: 25px;
    vertical-align: middle;
    font-size: 11px;
    color: #fff;
    padding: 11px 10px;
    border-right: 1px solid rgba(227, 227, 227, 0.3);
}

.log-form {
    background-color: rgba(255, 255, 255, 0.85);
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.reg-form {
    width: 100%;
}

.log-form .has-feedback .form-control {
    border: 1px solid #898989;
}

    /*.log-form .has-feedback .form-control:focus {
        border: 1px solid #636363 !important;
    }*/

.log-form .form-control::-moz-placeholder {
    color: #898989;
}

.log-form .form-control:-ms-input-placeholder {
    color: #898989;
}

.log-form .form-control::-webkit-input-placeholder {
    color: #898989;
}

/*MF Switch*/

.m-f-switch {
    position: relative;
    width: 140px;
    height: 34px;
    float: left;
    margin-left: 10px;
}

    .m-f-switch.y-n-sm {
        width: 110px;
        height: 28px;
        margin-left: 0px;
        margin-bottom: 5px;
        height: 45px;
    }

    .m-f-switch.on .switch .switcher {
        left: 60px;
    }

    .m-f-switch.y-n-sm.on .switch .switcher {
        left: 46px;
    }

    .m-f-switch.on .light {
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }

    .m-f-switch .switch {
        position: absolute;
        top: 0px;
        right: auto;
        bottom: auto;
        left: 0px;
        width: 100px;
        height: 34px;
        padding: 4px;
        background-color: #e9e9e9;
        background-image: -webkit-linear-gradient(bottom, #e9e9e9, #e1e1e1);
        background-image: linear-gradient(to top,#e9e9e9, #e1e1e1);
        border-top: 1px solid #B1B1B1;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    .m-f-switch.y-n-sm .switch {
        width: 75px;
        height: 28px;
        padding: 1px;
    }

    .m-f-switch .switch:after {
        content: 'Male';
        padding-left: 40px;
        color: #006767;
        font-size: 13px;
        transition: all 500ms;
    }

    .m-f-switch.y-n-sm .switch:after {
        content: 'No';
    }

    .m-f-switch.on .switch:after {
        content: 'Female';
        padding-left: 4px;
        font-size: 13px;
        transform: translate(100%, 0);
        transition: all 500ms;
    }

    .m-f-switch.y-n-sm.on .switch:after {
        content: 'Yes';
        padding-left: 12px;
    } 

    .m-f-switch .switch .switcher {
        position: absolute;
        top: 1px;
        right: auto;
        bottom: auto;
        left: 2px;
        width: 36px;
        height: 30px;
        z-index: 1;
        background-color: #FB803D;
        border-top: 1px solid #FF7225;
        border-bottom: 1px solid #E15306;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        -webkit-box-shadow: 0px 1px 5px 0px #d4d8d8;
        -moz-box-shadow: 0px 1px 5px 0px #d4d8d8;
        box-shadow: 0px 1px 5px 0px #d4d8d8;
        -ms-box-shadow: 0px 1px 5px 0px #d4d8d8;
        -o-box-shadow: 0px 1px 5px 0px #d4d8d8;
        -webkit-transition: all 500ms;
        -moz-transition: all 500ms;
        transition: all 500ms;
    }

    .m-f-switch.y-n-sm .switch .switcher {
        width: 26px;
        height: 24px;
    }

    .m-f-switch .switch .switcher:hover {
        background: #fc752b;
        cursor: pointer;
    }

    .m-f-switch .light {
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: auto;
        left: auto;
        width: 34px;
        height: 34px;
        font-size: 22px;
        text-align: center;
        background: transparent;
        -webkit-transition: -webkit-transform 500ms ease-in-out;
        -moz-transition: -moz-transform 500ms ease-in-out;
        transition: transform 500ms ease-in-out;
        -webkit-transform-origin: center top;
        -moz-transform-origin: center top;
        -ms-transform-origin: center top;
        -o-transform-origin: center top;
        transform-origin: center top;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }

    .m-f-switch .light {
        height: 28px;
    }

        .m-f-switch .light i {
            position: absolute;
            width: 100%;
            height: 100%;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            line-height: 34px;
            display: block;
        }

    .m-f-switch.y-n-sm .light i {
        line-height: 26px;
        font-size: 18px;
    }

    .m-f-switch .light i.front {
        color: #03A9F4;
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    .m-f-switch.y-n-sm .light i.front {
        color: #F04B46;
    }

    .m-f-switch .light i.back {
        color: #FD56E6;
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }

    .m-f-switch.y-n-sm .light i.back {
        color: #17B6A4;
    }

/*profile*/

.panel-profile {
    border: none;
    width: 100%;
    padding: 0px;
}

    .panel-profile:after {
        content: none;
    }

.nav-prof > li.active > a:after {
    width: 101%;
    height: 2px;
    top: auto;
    bottom: -1px;
}

.nav-prof > li > a {
    text-align: -webkit-center;
}

.panel-profile .profile {
    margin: 15px 20px 15px 50px;
    border-radius: 50%;
    -moz-box-shadow: 0 0 0 5px #FFB287,0 0 10px 0 rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 0 5px #FFB287,0 0 10px 0 rgba(0,0,0,0.2);
    box-shadow: 0 0 0 5px #FFB287,0 0 10px 0 rgba(0,0,0,0.2);
}

    .panel-profile .profile img {
        /* border-radius:50%; */
    }

.panel-profile .list-group > li > i {
    margin-right: 10px;
    font-size: 16px;
    color: #777;
    table-layout: fixed;
}

.panel-profile .list-justified-container {
    padding: 15px 0;
}

.panel-profile ul.list-justified {
    display: table;
    width: 100%;
    list-style: none;
    padding: 0;
}

    .panel-profile ul.list-justified > li {
        float: none;
        display: table-cell;
        padding: 10px;
        width: 1%;
        border-right: 1px solid #eee;
    }

        .panel-profile ul.list-justified > li:last-child {
            border: none;
        }

        .panel-profile ul.list-justified > li p {
            margin: 0;
        }

.table-profile {
    font-size: 13px;
}

    .table-profile .field {
        width: 40%;
        padding-left: 6%;
    }

.prop_inf h4 {
    background: #DDDDDD;
    margin: 0;
    padding: 9px;
    font-size: 16px;
}

.prop_inf table {
    width: 100%;
}

.prop_inf > tbody > tr > td {
    border: 0 none;
    padding: 0 !important;
}

td.popLeft {
    text-align: left;
    border: 1px solid #ddd !important;
    padding: 3px 10px !important;
    word-break: inherit;
    font-size: 12px;
}
.btn-file {
margin:0;
}
#CompanyLogo {
cursor:pointer;
}
input[type="text"],input[type="password"] {
 text-transform:uppercase;
}
/*#txtInput{
    text-transform:none;
}*/

.page-wrapper{
    background-color: transparent;
}
.container-box{
    background: whitesmoke;
    box-shadow: 0 5px 10px 5px #777;
}
.background-pattern{
    background: url("../../images/pattern.png");
    opacity:0.1;
    z-index :-1;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

}




@media (max-width:767px){
    .dashboard-header {
    height: 112px;
    }
}

.btncolor{
    background-color:#ff955b;
}


.m-f-switch.ad .light {
   width: 0px;
   padding-left:2px;
}
.m-f-switch.y-n-sm.ad .switch {
    width: 104px;
    height: 28px;
    padding: 1px;
}


.m-f-switch.y-n-sm.ad.on .switch .switcher {
    left: 70px;
}
 .m-f-switch.y-n-sm.ad .switch:after {
        content: 'Deactivate';
            padding-left: 33px;
    }


 .m-f-switch.y-n-sm.ad.on .switch:after {
        content: 'Activate';
        padding-left: 12px;
    }


 .m-f-switch.APCP {
        width: 116px;
        height: 34px;
        margin-right: 10px;
            margin-bottom: 0px;
            /*margin-top: 30px;
            margin-left: -47px;*/
    }
     .m-f-switch.APCP .switch {
        width: 79px;
        height: 34px;
        padding: 1px;
    }
     .m-f-switch.APCP .switch:after {
        content: 'CP';
        font-size:large;
    }
    .m-f-switch.APCP.on .switch:after {
        content: 'AP';
        padding-left: 12px;
        font-size:large;
    }
     .m-f-switch.APCP .switch .switcher {
        width: 30px;
        height: 30px;
    }

                                                /*THEMES*/

/*menu option Hover*/
/*Yellow*/

.no-skin .menu_main_dv .title{
    color:#FECC0D;
    font-weight: 800;
}

.no-skin .menu_main_dv .separator {
    background-color:#FECC0D;
    border: 1px solid #FECC0D;
    border-top-color: #FECC0D;
    border-right-color: #FECC0D;
    border-bottom-color: #FECC0D;
    border-left-color: #FECC0D;
}

.no-skin .menu_main_dv .separator:after {
    background:  #FECC0D;
    background-color:  #FECC0D;
}

.no-skin .menu_dv.tw:hover .menu_img {
    background: url(../images/bike_yellow_icon.png);
    background-image: url(../images/bike_yellow_icon.png);
    background-size: 70px 70px;
}

.no-skin .menu_dv.motor:hover .menu_img {
    background: url(../images/car_yellow.png);
    background-image: url(../images/car_yellow.png);
    background-size: 70px 70px;
}
.no-skin .menu_dv.NonMotor:hover .menu_img {
    background: url(../images/NonMotor_Yellow.svg);
    background-image: url(../images/NonMotor_Yellow.svg);
    background-size: 70px 70px;
}


.no-skin .menu_dv.nonlife:hover .menu_img {
    background: url(../images/PI_Yellow.png);
    background-image: url(../images/PI_Yellow.png);
    background-size: 70px 70px;
}


.no-skin .menu_dv.investment:hover .menu_img {
    background: url(../images/Inv_Yellow1.png);
    background-image: url(../images/Inv_Yellow1.png);
    background-size: 70px 70px;
}


 .no-skin .menu_dv.life:hover .menu_img {
    background: url(../images/heartbeat_yellow.png) no-repeat;
    background-image: url(../images/heartbeat_yellow.png);
    background-size: 68px 63px;
}


  .no-skin .menu_dv.health:hover .menu_img {
    background: url(../images/medkit_yellow.png);
    background-image: url(../images/medkit_yellow.png);
    background-size: 70px 70px;
}


   .no-skin .menu_dv.overseas:hover .menu_img {
    background: url(../images/plane_yellow.png);
    background-image: url(../images/plane_yellow.png);
    background-size: 70px 70px;
}

.no-skin .menu_dv.commercial:hover .menu_img {
    background: url("../images/commercial_yellow.png");
    background-image: url("../images/commercial_yellow.png");
    background-size: 70px 70px;
}

.no-skin .menu_dv.home:hover .menu_img {
    background: url("../images/home_yellow.png");
    background-image: url("../images/home_yellow.png");
    background-size: 70px 70px;
}

.no-skin .menu_dv.stfc:hover .menu_img {
    background: url("../images/stfc_yellow.png");
    background-image: url("../images/stfc_yellow.png");
    background-size: 70px 70px;
}

.no-skin .menu_dv.scuf:hover .menu_img {
    background: url("../images/SCUF_yellow.png");
    background-image: url("../images/SCUF_yellow.png");
    background-size: 70px 70px;
}

.no-skin .menu_dv.pccv:hover .menu_img {
    background: url(../images/largebus_yellow.png);
    background-image: url(../images/largebus_yellow.png);
    background-size: 70px 70px;
}

.no-skin .menu_dv.gccv:hover .menu_img {
    background: url(../images/lorry_yellow.png);
    background-image: url(../images/lorry_yellow.png);
    background-size: 70px 70px;
}

.no-skin .menu_dv.msid:hover .menu_img {
    background: url(../images/truck_yellow.png);
    background-image: url(../images/truck_yellow.png);
    background-size: 70px 70px;
}

.no-skin .menu_dv.tp:hover .menu_img {
    background: url(../images/3rd_party_yellow.png);
    background-image: url(../images/3rd_party_yellow.png);
    background-size: 70px 70px;
}

.no-skin .menu_dv.accident:hover .menu_img {
    background: url(../images/accident_yellow.png);
    background-image: url(../images/accident_yellow.png);
    background-size: 70px 70px;
}

 

.no-skin .menu_dv:hover .separator-3 {
    background-color: #FECC0D;
    border: 1px solid #FECC0D;
    border-color:#FECC0D;
}
.no-skin .menu_dv:hover h5 {
    color: #FECC0D;
}

.no-skin a:hover,a:focus,a:active {
    color: #FECC0D;
}


/*Yellow*/

/*Blue*/
.skin-1 .menu_main_dv .title{
    color:#0aa5d8;
    font-weight: 800;
}

.skin-1 .menu_main_dv .separator {
    background-color:#0aa5d8;
    border: 1px solid #0aa5d8;
    border-top-color: #0aa5d8;
    border-right-color: #0aa5d8;
    border-bottom-color: #0aa5d8;
    border-left-color: #0aa5d8;
}

.skin-1 .menu_main_dv .separator:after {
    background:  #0aa5d8;
    background-color:  #0aa5d8;
}

.skin-1 .menu_dv.tw:hover .menu_img {
    background: url(../images/bike_blue_icon.png);
    background-image: url(../images/bike_blue_icon.png);
    background-size: 70px 70px;
}

.skin-1 .menu_dv.motor:hover .menu_img {
    background: url(../images/car_blue.png);
    background-image: url(../images/car_blue.png);
    background-size: 70px 70px;
}

.skin-1 .menu_dv.NonMotor:hover .menu_img {
    background: url(../images/NonMotor_blue.svg);
    background-image: url(../images/NonMotor_blue.svg);
    background-size: 70px 70px;
}


.skin-1 .menu_dv.nonlife:hover .menu_img {
    background: url(../images/PI_Blue.png);
    background-image: url(../images/PI_Blue.png);
    background-size: 70px 70px;
}

.skin-1 .menu_dv.investment:hover .menu_img {
    background: url(../images/Inv_Blue1.png);
    background-image: url(../images/Inv_Blue1.png);
    background-size: 70px 70px;
}


 .skin-1 .menu_dv.life:hover .menu_img {
    background: url(../images/heartbeat_blue.png) no-repeat;
    background-image: url(../images/heartbeat_blue.png);
    background-size: 68px 63px;
}


  .skin-1 .menu_dv.health:hover .menu_img {
    background: url(../images/medkit_blue.png);
    background-image: url(../images/medkit_blue.png);
    background-size: 70px 70px;
}


   .skin-1 .menu_dv.overseas:hover .menu_img {
    background: url(../images/plane_blue.png);
    background-image: url(../images/plane_blue.png);
    background-size: 70px 70px;
}

.skin-1 .menu_dv.commercial:hover .menu_img {
    background: url("../images/commercial_blue.png");
    background-image: url("../images/commercial_blue.png");
    background-size: 70px 70px;
}
.skin-1 .menu_dv.home:hover .menu_img {
    background: url("../images/home_blue.png");
    background-image: url("../images/home_blue.png");
    background-size: 70px 70px;
}
.skin-1 .menu_dv.stfc:hover .menu_img {
    background: url("../images/stfc_blue.png");
    background-image: url("../images/stfc_blue.png");
    background-size: 70px 70px;
}

.skin-1 .menu_dv.scuf:hover .menu_img {
    background: url("../images/SCUF_blue.png");
    background-image: url("../images/SCUF_blue.png");
    background-size: 70px 70px;
}

.skin-1 .menu_dv.pccv:hover .menu_img {
    background: url(../images/largebus_blue.png);
    background-image: url(../images/largebus_blue.png);
    background-size: 70px 70px;
}

.skin-1 .menu_dv.gccv:hover .menu_img {
    background: url(../images/lorry_blue.png);
    background-image: url(../images/lorry_blue.png);
    background-size: 70px 70px;
}

.skin-1 .menu_dv.msid:hover .menu_img {
    background: url(../images/truck_blue.png);
    background-image: url(../images/truck_blue.png);
    background-size: 70px 70px;
}

.skin-1 .menu_dv.tp:hover .menu_img {
    background: url(../images/3rd_party_blue.png);
    background-image: url(../images/3rd_party_blue.png);
    background-size: 70px 70px;
}

.skin-1 .menu_dv.accident:hover .menu_img {
    background: url(../images/accident_blue.png);
    background-image: url(../images/accident_blue.png);
    background-size: 70px 70px;
}

 

.skin-1 .menu_dv:hover .separator-3 {
    background-color: #0aa5d8;
    border: 1px solid #0aa5d8;
    border-color:#0aa5d8;
}
.skin-1 .menu_dv:hover h5 {
    color: #0aa5d8;
}

.skin-1 a:hover,a:focus,a:active {
    color: #0aa5d8;
}



/*Blue*/


/*Orange*/
.skin-2 .menu_main_dv .title{
    color:#FB6919;
    font-weight: 800;
}

.skin-2 .menu_main_dv .separator {
    background-color:#FB6919;
    border: 1px solid #FB6919;
    border-top-color: #FB6919;
    border-right-color: #FB6919;
    border-bottom-color: #FB6919;
    border-left-color: #FB6919;
}

.skin-2 .menu_main_dv .separator:after {
    background:  #FB6919;
    background-color:  #FB6919;
}

.skin-2 .menu_dv.tw:hover .menu_img {
    background: url(../images/bike_orange_icon.png);
    background-image: url(../images/bike_orange_icon.png);
    background-size: 70px 70px;
}

.skin-2 .menu_dv.motor:hover .menu_img {
    background: url(../images/car_orange.png);
    background-image: url(../images/car_orange.png);
    background-size: 70px 70px;
}
.skin-2 .menu_dv.NonMotor:hover .menu_img {
    background: url(../images/NonMotor_Orange.svg);
    background-image: url(../images/NonMotor_Orange.svg);
    background-size: 70px 70px;
}


.skin-2 .menu_dv.nonlife:hover .menu_img {
    background: url(../images/PI_Orange.png);
    background-image: url(../images/PI_Orange.png);
    background-size: 70px 70px;
}

.skin-2 .menu_dv.investment:hover .menu_img {
    background: url(../images/Inv_Orange1.png);
    background-image: url(../images/Inv_Orange1.png);
    background-size: 70px 70px;
}
 .skin-2 .menu_dv.life:hover .menu_img {
    background: url(../images/heartbeat_orange.png) no-repeat;
    background-image: url(../images/heartbeat_orange.png);
    background-size: 68px 63px;
}


  .skin-2 .menu_dv.health:hover .menu_img {
    background: url(../images/medkit_orange.png);
    background-image: url(../images/medkit_orange.png);
    background-size: 70px 70px;
}


   .skin-2 .menu_dv.overseas:hover .menu_img {
    background: url(../images/plane_orange.png);
    background-image: url(../images/plane_orange.png);
    background-size: 70px 70px;
}

.skin-2 .menu_dv.commercial:hover .menu_img {
    background: url("../images/commercial_orange.png");
    background-image: url("../images/commercial_orange.png");
    background-size: 70px 70px;
}

.skin-2 .menu_dv.home:hover .menu_img {
    background: url("../images/home_orange.png");
    background-image: url("../images/home_orange.png");
    background-size: 70px 70px;
}
.skin-2 .menu_dv.stfc:hover .menu_img {
    background: url("../images/stfc_orange.png");
    background-image: url("../images/stfc_orange.png");
    background-size: 70px 70px;
}

.skin-2 .menu_dv.scuf:hover .menu_img {
    background: url("../images/SCUF_orange.png");
    background-image: url("../images/SCUF_orange.png");
    background-size: 70px 70px;
}

.skin-2 .menu_dv.pccv:hover .menu_img {
    background: url(../images/largebus_orange.png);
    background-image: url(../images/largebus_orange.png);
    background-size: 70px 70px;
}

.skin-2 .menu_dv.gccv:hover .menu_img {
    background: url(../images/lorry_orange.png);
    background-image: url(../images/lorry_orange.png);
    background-size: 70px 70px;
}

.skin-2 .menu_dv.msid:hover .menu_img {
    background: url(../images/truck_orange.png);
    background-image: url(../images/truck_orange.png);
    background-size: 70px 70px;
}

.skin-2 .menu_dv.tp:hover .menu_img {
    background: url(../images/3rd_party_orange.png);
    background-image: url(../images/3rd_party_orange.png);
    background-size: 70px 70px;
}

.skin-2 .menu_dv.accident:hover .menu_img {
    background: url(../images/accident_orange.png);
    background-image: url(../images/accident_orange.png);
    background-size: 70px 70px;
}

 

.skin-2 .menu_dv:hover .separator-3 {
    background-color: #FB6919;
    border: 1px solid #FB6919;
    border-color:#FB6919;
}
.skin-2 .menu_dv:hover h5 {
    color: #FB6919;
}

.skin-2 a:hover,a:focus,a:active {
    color: #FB6919;
}

/*Orange*/


/*Pink*/
 .menu_main_dv .title{
    color:#ba2461;
    font-weight: 800;
}

 .menu_main_dv .separator {
    background-color:#ba2461;
    border: 1px solid #ba2461;
    border-top-color: #ba2461;
    border-right-color: #ba2461;
    border-bottom-color: #ba2461;
    border-left-color: #ba2461;
}

 .menu_main_dv .separator:after {
    background:  #ba2461;
    background-color:  #ba2461;
}

 .menu_dv.tw:hover .menu_img {
    background: url(../images/bike_pink_icon.png);
    background-image: url(../images/bike_pink_icon.png);
    background-size: 70px 70px;
}

 .menu_dv.motor:hover .menu_img {
    background: url(../images/car_pink.png);
    background-image: url(../images/car_pink.png);
    background-size: 70px 70px;
}

.menu_dv.NonMotor:hover .menu_img {
    background: url(../images/NonMotor_Pink.svg);
    background-image: url(../images/NonMotor_Pink.svg);
    background-size: 70px 70px;
}

  .menu_dv.nonlife:hover .menu_img {
    background: url(../images/PI_Pink.png);
    background-image: url(../images/PI_Pink.png);
    background-size: 70px 70px;
}

    .menu_dv.investment:hover .menu_img {
    background: url(../images/Inv_Pink1.png);
    background-image: url(../images/Inv_Pink1.png);
    background-size: 70px 70px;
}

  .menu_dv.life:hover .menu_img {
    background: url(../images/heartbeat_pink.png) no-repeat;
    background-image: url(../images/heartbeat_pink.png);
    background-size: 68px 63px;
}


   .menu_dv.health:hover .menu_img {
    background: url(../images/medkit_pink.png);
    background-image: url(../images/medkit_pink.png);
    background-size: 70px 70px;
}


    .menu_dv.overseas:hover .menu_img {
    background: url(../images/plane_pink.png);
    background-image: url(../images/plane_pink.png);
    background-size: 70px 70px;
}


 .menu_dv.commercial:hover .menu_img {
    background: url("../images/commercial_pink.png");
    background-image: url("../images/commercial_pink.png");
    background-size: 70px 70px;
}


 .menu_dv.home:hover .menu_img {
    background: url("../images/home_pink.png");
    background-image: url("../images/home_pink.png");
    background-size: 70px 70px;
}
  .menu_dv.stfc:hover .menu_img {
    background: url("../images/stfc_pink.png");
    background-image: url("../images/stfc_pink.png");
    background-size: 70px 70px;
}

    .menu_dv.scuf:hover .menu_img {
    background: url("../images/SCUF_pink.png");
    background-image: url("../images/SCUF_pink.png");
    background-size: 70px 70px;
}
 .menu_dv.pccv:hover .menu_img {
    background: url(../images/largebus_pink.png);
    background-image: url(../images/largebus_pink.png);
    background-size: 70px 70px;
}

 .menu_dv.gccv:hover .menu_img {
    background: url(../images/lorry_pink.png);
    background-image: url(../images/lorry_pink.png);
    background-size: 70px 70px;
}

 .menu_dv.msid:hover .menu_img {
    background: url(../images/truck_pink.png);
    background-image: url(../images/truck_pink.png);
    background-size: 70px 70px;
}

 .menu_dv.tp:hover .menu_img {
    background: url(../images/3rd_party_pink.png);
    background-image: url(../images/3rd_party_pink.png);
    background-size: 70px 70px;
}

 .menu_dv.accident:hover .menu_img {
    background: url(../images/accident_pink.png);
    background-image: url(../images/accident_pink.png);
    background-size: 70px 70px;
}

 

 .menu_dv:hover .separator-3 {
    background-color: #ba2461;
    border: 1px solid #ba2461;
    border-color:#ba2461;
}
 .menu_dv:hover h5 {
    color: #ba2461;
}

/*For Link*/
.skin-3 a:hover,.skin-3 a:focus,.skin-3 a:active {
    color: #ba2461;
}
/*Pink*/

/*menu option Hover*/

/*HEADER*/
/*Yellow*/
.no-skin .header-top.blr {
    background-color: rgb(254, 204, 13);
    border-bottom: 0px solid #dadada;
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.03) inset;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.03) inset;
    position: relative;
}

/*Blue*/
.skin-1 .header-top.blr {
    background-color: rgb(10, 165, 216);
    border-bottom: 0px solid #dadada;
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.03) inset;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.03) inset;
    position: relative;
}


/*Orange*/
.skin-2 .header-top.blr {
    background-color: rgb(247, 111, 37);
    border-bottom: 0px solid #dadada;
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.03) inset;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.03) inset;
    position: relative;
}

/*Pink*/
 .header-top.blr {
    background-color: #ba2461;
    border-bottom: 0px solid #dadada;
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.03) inset;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.03) inset;
    position: relative;
}

/*HEADER*/

/*DropDown menu Hover*/
/*.skin-2 .dropdown-menu > li > a:hover {
    background-color: #FF70AD;
    color: #F4F3EC;
}*/

/*DropDown menu Hover*/


.breadcrumb a{
        font-weight: 700;
        font-size: initial;
}

.m-f-switch .switch .switcher {

    background-color:#ba2461;
    border-top: 1px solid  #ba2461;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgb(186, 36, 97);
    border-bottom: 1px solid #ba2461;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(186, 36, 97);


}   

.m-f-switch .switch .switcher:hover {
    background: #ba2461;
    cursor: pointer;
}

    .btn.btn-default {
    background-color: #ba2461;
    color: #fff !important;
    -webkit-box-shadow: 0 1px #bd0071;
    box-shadow: 0 1px #bd0071;
}

        .btn.btn-default:active, .btn.btn-default:focus:active, .btn.btn-default:hover:active, .btn.btn-default:hover {
        -webkit-box-shadow:  0px 1px 4px 1px #bd0071;
        box-shadow: 0px 1px 4px 1px  #bd0071;
    }

    .btn.btn-default.active, .btn.btn-default:active, .btn.btn-default:focus, .btn.btn-default:hover, .open > .dropdown-toggle.btn-default {
        background: #bd004d;
        outline: 0;
        -webkit-box-shadow: 0px 1px 4px 1px #bd0071;
        box-shadow: 0px 1px 4px 1px #bd0071;
    }



    .no-skin input[type=checkbox].ace + .lbl::before,.no-skin input[type=radio].ace + .lbl::before {
       
        color: #FECC0D;
       
    }

    .skin-1 input[type=checkbox].ace + .lbl::before,.skin-1 input[type=radio].ace + .lbl::before {
      
        color: #0AA5D8;
       
    }
    .skin-2 input[type=checkbox].ace + .lbl::before,.skin-2 input[type=radio].ace + .lbl::before {
        
       
        color: #f37b24;
      
    }
    .skin-3 input[type=checkbox].ace + .lbl::before,.skin-3 input[type=radio].ace + .lbl::before {
       
        color: #ba2461;
     
    }