@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');

@import url('https://rfsystemdev.blob.core.windows.net/pos/css/fontawesome.min.css');
   
body {
  font-family: 'Open Sans', sans-serif !important;
}

/*----------- comman css ---------*/


a:hover, a:active, a:focus {
    text-decoration: none;
}

body { background: #f2f7fa !important; font-size: 16px;}

label { font-weight: normal;}

.mb10 { margin-bottom: 10px;}
.mb15 { margin-bottom: 15px;}
.mt10 { margin-top: 10px;}
.mb-0 { margin-bottom: 0;}
.mr-0 { margin-right: 0;}
.mr-10{margin-right: 10px;}
.mr-5{margin-right: 5px;}

.font9{font-size: 9px;}
.font11{font-size: 11px;}
.font13{font-size: 13px;}
.font15{font-size: 15px;}
.font18{font-size: 18px;}
.font20{font-size: 20px;}
.h-100 {height:100%;}
.h-90  {height:90%;}
a, input, select, textarea, li, .btn, button{ border-radius: 0px !important; }
.fc-red {color:red;}
.orange-bg { background: #ff9b74 !important;}
.light-blue-bg { background: #6ca9d2 !important;}
.blue-theme-bg{background: #1067a0;}

.txt-right{text-align:right !important;}
.txt-left{text-align:left !important;}
.btn {
    padding: 7px 13px;
    font-size: 15px;
    border-radius: 0;
    box-shadow: none;
    background: #1067a0;
    border: 1px solid #1067a0;
    transition: all 0.3s ease-in-out;
    color: #fff;
}
.btn:hover{opacity: 0.8; transition: all 0.3s ease-in-out; background: #1067a0;  border: 1px solid #1067a0; color: #fff;}
.btn:focus{ outline: none !important; color: #fff;}

.btn.blue-btn { background: #1067a0; border: 1px solid #1067a0;}
.btn.blue-btn:hover,.btn.blue-btn:focus{ background: #1067a0;  border: 1px solid #1067a0;}

.btn.orange-btn { background: #fb8743; border: 1px solid #fb8743;}
.btn.orange-btn:hover,.btn.orange-btn:focus{ background: #fb8743;  border: 1px solid #fb8743;}

.btn.green-btn { background: #399a45; border: 1px solid #399a45;}
.btn.green-btn:hover,.btn.green-btn:focus{ background: #399a45;  border: 1px solid #399a45;}

.btn.red-btn { background: #f34040; border: 1px solid #f34040;}
.btn.red-btn:hover,.btn.red-btn:focus{ background: #f34040;  border: 1px solid #f34040;}

.btn.grey-btn { background: #a7a7a7; border: 1px solid #a7a7a7;}
.btn.grey-btn:hover,.btn.grey-btn:focus{ background: #a7a7a7;  border: 1px solid #a7a7a7;}

.form-control { box-shadow: none; height: auto; padding: 10px 15px;}

.panel,.panel-heading,.panel-body{border-radius: 0px;}

.yellow-clr { background: #ffff72; border: 1px solid #ffff72 !important;}
.send-link{ margin-top: 20px;}
.red-plan{background-color: lightcoral;}

/*------------ header -----------*/


.top_header {
    background: #1e1246;
    height: 50px;
    position: fixed;
    width: 100%;
    z-index: 50;
}

    .top_header .navbar-default {
        background: none;
        border: none;
    }

    .top_header .container {
        width: 100%;
    }

.header_logo {
    margin-right: 10px;
}

    .tabing_navigatiin ul {
        padding: 0;
        list-style: none;
        margin: 0;
    }
header .right_header .my-account .user-icon img {
    width: 23px;
}
.right_header .dropdown b.mobile_rob {
    font-size: 15px;
    font-weight: 600;
}

.text {
    display: block;
    width: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/*---------- sidebar list ---------*/
.sidebar_list {
    width: 250px;
    margin-top: 68px;
    height: 100%;
    position: fixed;
    background: #fff;
    overflow-y: auto;
}

    .sidebar_list ul {
        margin: 0;
        list-style: none;
        padding: 0;
    }

        .sidebar_list ul li {
            position: relative;
            padding: 10px 20px;
            font-size: 14px;
            font-weight: bold;
            text-transform: uppercase;
            border-top: 2px solid transparent;
            border-bottom: 2px solid transparent;
        }

            .sidebar_list ul li:hover {
                border-top: 2px solid #cedae7;
                border-bottom: 2px solid #cedae7;
            }

                .sidebar_list ul li:hover:before {
                    background: #00b2ee;
                    position: absolute;
                    width: 4px;
                    height: 100%;
                    content: "";
                    left: 0;
                    top: 0;
                }

                .sidebar_list ul li:hover a {
                    color: #00b2ee;
                }

            .sidebar_list ul li a {
                color: #5e7387;
                display: inline-block;
                width: 60%;
                vertical-align: middle;
            }

            .sidebar_list ul li.gray_li a {
                color: #BBBFCA;
            }

            .sidebar_list ul li.active {
                border-top: 2px solid #cedae7;
                border-bottom: 2px solid #cedae7;
            }

                .sidebar_list ul li.active:before {
                    background: #00b2ee;
                    position: absolute;
                    width: 4px;
                    height: 100%;
                    content: "";
                    left: 0;
                    top: 0;
                }

                .sidebar_list ul li.active a {
                    color: #00b2ee;
                }

            .sidebar_list ul li.active_right .menu_round {
                background: #66bb6a;
                color: #66bb6a;
            }

                .sidebar_list ul li.active_right .menu_round:after {
                    content: "\f00c";
                    position: absolute;
                    color: #fff;
                    font-size: 20px;
                    font-family: 'FontAwesome';
                    left: 0;
                    right: 0;
                }

            .sidebar_list ul li.active_right a {
                color: #66bb6a;
            }

            .sidebar_list ul li .menu_round {
                border-radius: 100%;
                width: 40px;
                height: 40px;
                line-height: 40px;
                color: #000;
                display: inline-block;
                text-align: center;
                background: #f5f6fa;
                font-size: 12px;
                margin-right: 20px;
                font-weight: normal;
                text-transform: lowercase;
                position: relative;
            }

                .sidebar_list ul li .menu_round .big {
                    font-size: 18px;
                }

                .sidebar_list ul li .menu_round::before {
                    background: #f5f6fa;
                    position: absolute;
                    content: "";
                    width: 3px;
                    height: 100%;
                    left: 20px;
                    top: 32px;
                    z-index: -5;
                }


/*----------- main content ------------*/

.main-content {
    margin-left: 240px;
    padding-bottom: 50px;
}

.main-content_inner {
    padding: 50px 30px 30px 30px;
    background-color: #f2f7fa;
}

.main-content .container {
    width: 100%;
}

.main_title {
    font-size: 22px;
}

.content_title {
    margin: 20px 0;
    font-size: 15px;
    font-weight: bold;
}


/*------------ viehicle ---------------*/

.blue_box {
    background: #3598dc;
    color: #fff;
    padding: 20px;
    min-height: 185px;
    font-size: 12px;
}

.small_title {
    margin: 0 0 10px 0;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
}

#radioBtn .btn {
    background: #e0e0e0;
    color: #000 !important;
}

#radioBtn .active {
    background: #1067a0;
    color: #fff !important;
}


/*----------- Coverages Rate Plans -----------*/

.pay_plan {
    padding: 20px;
    color: #fff;
    min-height: 205px;
}

.green_box {
    background: #188658;
    font-size: 12px;
}

.blue_box {
    background: #1586d4;
}

.pay_radio {
    margin: 0 0 5px;
    border-bottom: 1px solid #fff;
    padding-bottom: 5px;
    font-size: 20px;
    text-transform: uppercase;
}

.pay_price {
    font-weight: bold;
    font-size: 40px;
    margin: 0px 0 0px 0px;
    display: inline-block;
}

.down_bottom {
    margin: 0 0 0px 10px;
    display: inline-block;
}

.pay_bottom_price span {
    font-weight: bold;
    font-size: 20px;
}

.blue_green_box {
    background: #66bb6a;
}

.top_box_price {
    font-size: 24px;
    font-weight: bold;
    margin-left: 30px;
}

    .top_box_price span {
        font-size: 16px;
        font-weight: normal;
    }


/*---------------- coverages payment -----------*/

.payment_button .btn {
    background: #8091a2;
    color: #fff;
    border-right: 1px solid #fff !important;
    margin: 0 !important;
}

    .payment_button .btn.active {
        background: #00b2ee;
    }


/*------------- sign page ----------*/

.gray_box {
    background: #7d7676;
}

.sign_button .btn {
    background: #3598dc !important;
    border-radius: 0px;
    width: 100%;
}

.pay_plan {
    position: relative;
}

.pay_plan_active:before {
    position: absolute;
    background: rgba(24, 134, 88, 0.57);
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 5;
}

.paid_active:after {
    position: absolute;
    background: url("https://agentcentral.rateforce.com/assets/images/mark_sign.png") no-repeat 0 0;
    content: "Paid";
    right: 20px;
    width: 150px;
    height: 150px;
    padding-top: 155px;
    top: 10px;
    z-index: 5;
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
}

.signed_active:after {
    position: absolute;
    background: url("https://agentcentral.rateforce.com/assets/images/mark_sign.png") no-repeat 0 0;
    content: "Signed";
    right: 20px;
    width: 150px;
    height: 150px;
    padding-top: 155px;
    top: 10px;
    z-index: 5;
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
}



/*------------- search sidebar -------------*/

.search_listning {
    position: fixed;
    right: 0;
    height: 100%;
    top: 0;
    background: #21282e;
    padding: 80px 10px 10px 10px;
    color: #fff;
    width: 400px;
    z-index: 5;
}

.log_out_icon {
    color: #fff;
    margin: 5px 0 20px;
}

    .log_out_icon i {
        cursor: pointer;
    }

form.example input[type=text] {
    padding: 10px;
    font-size: 17px;
    border: 1px solid grey;
    float: left;
    width: 80%;
    background: #ffffff;
    color: black;
    height: 45px;
}

.letter-capitalize {
    text-transform: capitalize !important;
}

form.example button {
    float: left;
    width: 20%;
    padding: 10px;
    background: #ffffff;
    color: #333;
    font-size: 17px;
    border: 1px solid grey;
    border-left: none;
    cursor: pointer;
    height: 45px;
}

    form.example button:hover {
        background: #0b7dda;
    }

form.example::after {
    content: "";
    clear: both;
    display: table;
}

.search_expand {
    margin-bottom: 20px;
}

.search_list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .search_list ul li {
        color: #fff;
        border-bottom: 1px solid #423f3f;
        padding: 4px 15px;
        font-size: 14px;
        float: left;
        width: 100%;
    }

        .search_list ul li .right_date {
            float: right;
        }

        .search_list ul li .left_search {
            float: left;
        }

.search_list {
    float: left;
    width: 100%;
    height: 580px;
    overflow-y: auto;
}

/* ------------- Policy Info AH Footer ---------------- */
.policy-info-ah-footer .modal-header, .modal-body, .modal-footer {
    padding: 15px 20px;
    display: inline-block;
    width: 100%;
}

/*---------------- applicant center align -----------*/
.textbox-align {
    margin-top: 4px !important;
}

.question-list-tbl thead tr th:last-child, .question-list-tbl thead tr td:last-child {
  width: 110px;
}
.question-pg-tb .left-form .btn i {
  display: inline-block;
  padding-right: 4px;
}

@media only screen and (max-width: 1200px) {
}

@media only screen and (max-width: 1023px) {

    .sidebar_list {
        width: 100%;
        position: relative;
        margin: 0;
        overflow-y: inherit;
    }

    .top_header {
        position: relative;
    }

    .header_logo {
        float: none;
        text-align: center;
        margin: 0;
    }

    .top_header {
        height: auto;
    }

    .tabing_navigatiin {
        margin-top: 40px;
    }

    .main-content {
        margin-left: 0;
        padding-bottom: 0;
    }

    .main-content_inner {
        padding: 30px;
    }

    .search_listning {
        padding: 175px 10px 10px 10px;
        position: absolute;
    }
}

@media only screen and (max-width: 767px) {

    .tabing_navigatiin {
        margin: 20px 0 0 0;
    }

    .navbar-toggle {
        float: none;
    }

    .tabing_navigatiin .navbar-collapse {
        border: none;
        box-shadow: 0px 0px 0px 0px;
        position: absolute;
        width: 100%;
        margin-top: 0px;
    }

    .tabing_navigatiin ul li a {
        border-radius: 0px;
        width: 100%;
    }

    .tabing_navigatiin ul li {
        float: none;
    }

    .tabing_navigatiin ul {
        float: none;
        width: 100%;
    }

    .tabing_navigatiin .navbar-toggle {
        margin-left: 20px;
    }

    .search_div {
        margin-top: 25px;
    }

    .last_dropdown {
        margin-top: 27px;
    }

    .main-content_inner {
        padding: 20px;
    }

    .vehicle_information .text-right {
        text-align: left;
    }

    .driver_information_form .text-right {
        text-align: left;
    }

    .coverage_options_form .text-right {
        text-align: left;
    }

    .mdb10 {
        margin-bottom: 10px;
    }

    .search_listning {
        width: 100%;
        height: auto;
    }

    .gray_box_area .gray_box_title span {
        float: none !important;
        clear: both;
        display: block;
        width: 100%;
    }
}

/* Policy Info AH */
.modal .modal-policy-info {
    height: 90%;
}

.modal .modal-policy-info .modal-content {
    height: 100%;
}

/*Notification Start*/

.alert {
    padding: 10px;
    background-color: #f44336;
    color: white;
    opacity: 1;
    transition: opacity 0.6s;
    margin-bottom: 15px;
    border-radius: 0px !important;
}

    .alert.success {
        background-color: #4CAF50;
    }

    .alert.info {
        background-color: #2196F3;
    }

    .alert.warning {
        background-color: #ff9800;
    }

.closebtn {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

    .closebtn:hover {
        color: black;
    }

/*Notification End*/
.license-error {
    border: 1px solid #f00;
}

/*.datepicker datepicker-dropdown dropdown-menu datepicker-orient-left datepicker-orient-top {
        display: none;
    }*/
.Checked {
    background-color: #5BC0DE !important;
    color: #fff !important;
}

.Unchecked {
    background-color: #e0e0e0 !important;
}

.vin_area {
    position: relative;
}

.vin_left {
    width: 80%;
}

.vin_area span {
    display: none;
}

.vin_right {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
}

.vin_button {
    font-size: 12px;
    color: #fff;
    display: inline-block;
}

.vin_area:hover span {
    display: block;
}

.add_small_title .vin_button {
    float: right;
    display: block;
}

/*--------------- 5-8-2019 --------------*/

.color_red {
    color: red;
    position: relative;
    left: 10px;
}

.edit_div {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    float: none;
    height: 100%;
    background: rgba(0, 0, 0, 0.58);
    align-items: center;
    margin-left: 15px;
    margin-right: 15px;
}

.edit_div_in {
    margin: 0 auto;
    width: 100%;
    text-align: center;
}

    .edit_div_in a {
        background: #1586D4;
        border-radius: 0;
        padding: 15px 12px 10px 12px;
        display: inline-block;
        color: #fff;
    }

        .edit_div_in a i {
            font-size: 30px;
        }

.box_edit_hover:hover .edit_div {
    display: flex;
}


.blue_box .small_title {
    background: #1067a0;
    padding: 15px 18px;
    margin-left: -20px;
    margin-right: -20px;
    margin-top: -20px;
}

.add_plus_button {
    float: right;
    color: #fff;
}

    .add_plus_button:hover {
        color: #fff;
    }

.blue_green_box .small_title {
    background: #2c742f;
}

.green_button {
    background: #66bb6a;
    border: 1px solid #66bb6a;
}

    .green_button:hover {
        background: #54a158 !important;
        border: 1px solid #54a158 !important;
    }

    .green_button:active {
        background: #54a158 !important;
        border: 1px solid #54a158 !important;
    }

    .green_button:focus {
        background: #54a158 !important;
        border: 1px solid #54a158 !important;
    }


.mr10 {
    margin-right: 10px;
}

.vin_button:hover {
    color: #fff;
}

.vin_right a {
    margin-left: 5px;
}

.gray_box_area .gray_box_title {
    margin: 0;
    background: #cccccc;
    padding: 10px 20px;
    font-size: 20px;
}

    .gray_box_area .gray_box_title span {
        float: right;
    }

.gray_box_form {
    padding-top: 20px;
    background: #efefef;
}

.gray_background {
    background: #efefef;
}
/*add_plus_button*/


.green_color {
    background: #66bb6a;
    border-radius: 100px;
    width: 20px;
    height: 20px;
    font-size: 12px;
    display: inline-block;
    text-align: center;
    line-height: 20px;
}

.ui.button {
    cursor: pointer;
    display: inline-block;
    float: left;
    min-height: 1em;
    outline: 0;
    border: none;
    vertical-align: baseline;
    background-color: #e0e0e0;
    margin: 0;
    padding: .78571em 1.5em;
    text-transform: none;
    text-shadow: none;
    line-height: 1;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    background-image: none;
    border-radius: 0px;
    box-shadow: 0 0 0 1px transparent inset,0 0 0 0 rgba(39,41,43,.15) inset;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;
    transition: opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;
    will-change: '';
    -webkit-tap-highlight-color: transparent
}

    .ui.button:hover {
        background-color: #e8e8e8;
        background-image: none;
        box-shadow: '';
        color: rgba(0,0,0,.8)
    }

    .ui.button:focus {
        background-color: '';
        color: rgba(0,0,0,.8);
        background-image: '' !important;
        box-shadow: 0 0 0 1px transparent inset,0 0 1px rgba(81,167,232,.8) inset,0 0 3px 2px rgba(81,167,232,.8) !important
    }

    .ui.active.button:active, .ui.button:active {
        background-color: #ccc;
        background-image: '';
        color: rgba(0,0,0,.8);
        box-shadow: 0 0 0 1px transparent inset,0 1px 4px 0 rgba(39,41,43,.15) inset !important
    }

.Checked {
    background-color: #a7a7a7 !important;
}

.Unchecked {
    background-color: #e0e0e0 !important;
}

.ui.attached.left.button {
    display: inline-block;
    border-left: none;
    padding: 10px 20px !important;
    /* background: inherit !important; */
    padding-right: 0.75em;
    /*font-weight: 500;*/
    text-align: right;
    /* color: #3598dc; */
    box-shadow: none !important;
    border-radius: 0px !important;
    font-size: small;
}

.ui.attached.right.button {
    display: inline-block;
    border-left: none;
    padding: 10px 20px !important;
    /* background: inherit !important; */
    padding-right: 0.75em;
    /*font-weight: 500;*/
    text-align: right;
    /* color: #3598dc; */
    box-shadow: none !important;
    /*//border-radius: 0px !important;*/
    border-radius:  0px !important;
    font-size: small;
}


.vin_area {
    position: relative;
}

.vin_left {
    width: 80%;
}

.vin_area span {
    display: none;
}

.vin_right {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
}

.vin_button {
    font-size: 15px;
    color: #fff;
    display: inline-block;
}

.vin_area:hover span {
    display: block;
}

.add_small_title .vin_button {
    float: right;
    display: block;
}

/*--------------- 5-8-2019 --------------*/

.color_red {
    color: red;
    position: relative;
    left: 10px;
}

.edit_div {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    float: none;
    height: 100%;
    background: rgba(0, 0, 0, 0.58);
    align-items: center;
    margin-left: 15px;
    margin-right: 15px;
}

.edit_div_in {
    margin: 0 auto;
    width: 100%;
    text-align: center;
}

    .edit_div_in a {
        background: #1586D4;
        border-radius: 0;
        padding: 15px 12px 10px 12px;
        display: inline-block;
        color: #fff;
    }

        .edit_div_in a i {
            font-size: 30px;
        }

.box_edit_hover:hover .edit_div {
    display: flex;
}

.blue_box .small_title {
    background: #1067a0;
    padding: 15px 18px;
    margin-left: -20px;
    margin-right: -20px;
    margin-top: -20px;
}

.add_plus_button {
    float: right;
    color: #fff;
}

    .add_plus_button:hover {
        color: #fff;
    }

.blue_green_box .small_title {
    background: #2c742f;
}

.green_button {
    background: #66bb6a;
    border: 1px solid #66bb6a;
    color: #fff !important;
}

    .green_button:hover {
        background: #54a158 !important;
        border: 1px solid #54a158 !important;
        color: #fff !important;
    }

    .green_button:active {
        background: #54a158 !important;
        border: 1px solid #54a158 !important;
        color: #fff !important;
    }

    .green_button:focus {
        background: #54a158 !important;
        border: 1px solid #54a158 !important;
        color: #fff !important;
    }


.mr10 {
    margin-right: 10px;
}

.vin_button:hover {
    color: #fff;
}

.vin_right a {
    margin-left: 5px;
}

.gray_box_area .gray_box_title {
    margin: 0;
    background: #cccccc;
    padding: 10px 20px;
    font-size: 20px;
}

    .gray_box_area .gray_box_title span {
        float: right;
    }

.gray_box_form {
    padding-top: 20px;
    background: #efefef;
}

.gray_background {
    background: #efefef;
}
/*add_plus_button*/

.green_color {
    background: #66bb6a;
    border-radius: 100px;
    width: 20px;
    height: 20px;
    font-size: 12px;
    display: inline-block;
    text-align: center;
    line-height: 20px;
}

a.btn {
    color: #fff !important;
}

/*a.btn:hover {
    color: #333 !important;
}*/
a.green_button:hover {
    color:#fff !important;
}
.insuredDisclosure_div {
    padding-top: 20px;
    font-size: 10px;
}
.vinDisclosure_div {
    padding-top: 20px;
    font-size: 10px;
}
.underwritingDisclosure_div {
    padding-bottom: 10px;
    padding-left: 20px;
    font-size: 10px;
}
.issuePolicyDisclosure_div {
    padding-top: 20px;
    font-size: 10px;
}

.error-title {
    font-size: 12px;
}


/*---------------- greed page ----------*/

.mt5{ margin-top:5px; }
.greed_top_title{ font-size: 18px;text-transform: uppercase; }
.greed_top_area{ border-bottom: 1px solid #ccc; }
.greed_area{ border:1px solid #ccc; padding: 20px; }
.greed_area table{ border:1px solid #ddd; margin-top:20px; }

.header_right_menu{ float: left; margin-right: 20px; margin-top:10px; }
.header_right_menu ul{ list-style: none; margin-bottom: 0; padding: 0; }
.header_right_menu ul li{ float: left; color: #fff; padding: 0 5px; }
.header_right_menu ul li a{ color: #fff; font-size: 14px;}
.main_title_right{ font-size: 16px; margin-top:10px; }

.new-policy-summ table { width: 100%; border: 1px solid #eee;}
.new-policy-summ tr th {  background: #1e1246;    color: #ffffff;    text-align: left;   padding: 5px 8px;  text-transform: uppercase;}
.new-policy-summ td {padding: 5px 8px; background: #f9f9f9; }
.new-policy-summ {display: inline-block; margin-right: 50px; }


/*------------- violations reports -----------*/

.violations_reports_area{ border:1px solid #ff0000; margin-bottom: 20px; }
.violations_title{ background:#ff0000; color: #fff; padding: 10px; font-size: 18px; }
.violations_body{ background: #fff; padding: 10px; }
.violations_body ul{ color: #1586d4; font-size: 18px; padding: 0 0 0 25px; }
.violations_body ul li{ padding: 5px 0; }
.violations_body .violations_text{width: 200px;display: inline-block;}


/*------Custom Radio Button------*/

.radio-inner input[type="radio"]:checked, .radio-inner input[type="radio"]:not(:checked) { position: absolute; left: -9999px; }
.radio-inner input[type="radio"]:checked + label, .radio-inner input[type="radio"]:not(:checked) + label { position: relative; cursor: pointer; }
.radio-inner input[type="radio"]:checked + label::before, .radio-inner input[type="radio"]:not(:checked) + label::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #8091a2; }
.radio-inner [type="radio"]:checked + label::after, .radio-inner [type="radio"]:not(:checked) + label::after { content: ''; width: 100%; height: 100%; background: #66bb6a; position: absolute; top: 0; left: 0; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.radio-inner [type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); border-radius: 0px !important; }
.radio-inner [type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
.radio-group .lg-text { display: block; font-size: 18px; font-weight: 600; }
.radio-group .sm-text { font-size: 12px; margin-bottom: 0; position: relative; z-index: 1; border: none; border-radius: 0; text-align: left; padding-right: 18px; }
.radio-group { display: flex; color: #ffffff; }
.radio-inner { position: relative; }
.radio-label { box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); background: #1586d4 !important; color: #fff; text-align: center !important; }
.info-icon { position: absolute; right: 70px; z-index: 1; bottom: 10px; color: #ffffff; cursor: pointer; transition: 0.3s; }
.info-icon:hover { color: #333333; }
.radio-label { border-right: 1px solid #fff !important; }
.clear-select { color: #ffffff; position: absolute; right: 4px; top: -4px; font-size: 24px; z-index: 11; display: none; cursor: pointer; }
.radio-inner [type="radio"]:checked ~ .clear-select { display: block !important; }

/*=======30 Jan 2020=======*/
a{transition: 0.2s;}
#sidebar-nav-icon {width: 30px; height: 20px; position: relative; margin: 17px 17px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; }
#sidebar-nav-icon span {display: block; position: absolute; height:2px; width: 100%; background: #ffffff; border-radius: 0px; opacity: 1; left: 0; -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
#sidebar-nav-icon span:nth-child(1) {top: 0px; }
#sidebar-nav-icon span:nth-child(2) {top: 8px; }
#sidebar-nav-icon span:nth-child(3) {top: 16px; }


/*#sidebar-nav-icon.open span:nth-child(1) {top: 10px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
#sidebar-nav-icon.open span:nth-child(2) {opacity: 0; left: -35px; }
#sidebar-nav-icon.open span:nth-child(3) {top: 10px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }*/ 
.green-sidebar{    background-color: #2b2051 !important;}

.main-content {margin-left: 0px;transition: all 0.2s ease-in-out;padding: 0px 40px 30px 50px;}
/*.aside-open ~ .main-content {margin-left: 220px; }*/
.dark-sidebar_list ul {padding: 0; }
.dark-sidebar_list ul li {list-style-type: none; padding: 11px 14px; position: relative;}
.aside-title {text-transform: uppercase; color: #fff; display: none;}
.aside-icon {margin-right: 11px; position: relative;}
.aside-open .aside-title, .aside-hover .aside-title{display: inline-block;}
.inner-list li {padding-left: 0 !important; padding-right: 0 !important; }
.aside-open .inner-list, .aside-hover .inner-list {padding-left: 30px; padding-top: 20px; }
.inner-list .aside-title {text-transform: inherit; }
.aside-open .inner-list li, .aside-hover .inner-list li {padding-top: 10px; padding-bottom: 10px; }
.dark-sidebar_list ul li a {display: flex; align-items: center; }
.inner-list .aside-icon img {display: block;}
.inner-list .aside-icon {height: 30px; width: 30px; border-radius: 100%; border: 2px solid #666; display: flex; align-items: center; justify-content: center; padding: 6px; }
.completed .aside-icon {border-color: #ffffff; background: #298921; }
.current .aside-icon {border-color: #ffffff; }
.inner-list li:last-child {padding-bottom: 0; }
.dark-sidebar_list .inner-list {padding-top: 15px;transition: 0.5s;}
.policy-img {padding: 10px; margin-top: 170px; }
.aside-open .policy-img, .aside-hover .policy-img {padding: 20px; position: relative; margin-top: 0;}
.policy-img img {width: 100%; }
.dark-sidebar_list .policy-img2, .aside-open .policy-img1, .aside-hover .policy-img1 {display: none; }
.aside-open .policy-img2, .aside-hover .policy-img2 {display: block; }
.sales-card-title {color: #ffffff; text-transform: uppercase; text-align: center; margin-bottom: 5px; display: none; }
.aside-open .sales-card-title, .aside-hover .sales-card-title {display: block;}
.aside-open aside/*, aside.aside-hover*/ {width: 210px !important; }
.aside-open .main-content { margin-left: 160px;}
aside ul.menu-left li.first-btn:hover .aside-title { background: #66bb6a; top: 14px; padding: 11px 10px; width: 140px; left: 40px; border-left: 0;}
aside li.dashboard ul.sub-menu { display: none;}
.aside-open aside li.dashboard.active ul.sub-menu {display: block; padding-top: 6px;}
.aside-open aside ul li.active .aside-title { color: #fff;}
aside li.active ul.sub-menu li { border-bottom: 0; padding: 8px 0px 8px 29px;}
aside::-webkit-scrollbar {width: 0px;}
aside ul li.dashboard:last-child { border-bottom: 0;}
aside ul li.active { background: #1e1246;}
.aside-default {background: #2b2051; position: fixed; height: calc(100vh - 50px); width: 50px; margin-top: 50px; overflow: visible; transition: all 0.2s ease-in-out;}
.aside-open .aside-default {overflow-x: hidden; overflow-y: scroll;}
aside ul.menu-left li:hover .aside-title { position: absolute; display: block; left: 50px; background: #1e1246; width: 200px; padding: 15px;  border-left: 1px solid rgba(255,255,255,0.7);}
aside ul li:hover ul.sub-menu { display: block; position: absolute; left: 50px; width: 200px; top: 45px; background: #2b2051;}
aside ul li:hover ul.sub-menu li:hover { background: rgb(30 18 70 / 40%);}
aside ul li:hover ul.sub-menu li { padding: 0;}
aside ul li:hover ul.sub-menu .aside-title { width: 100%; position: inherit; padding: 11px 15px; background: none;}
aside ul li ul.sub-menu li { border-bottom: 0px !important;}
.aside-open aside ul.menu-left li:hover .aside-title { position: inherit; padding: 0; width: auto; border-left: 0px;}
.aside-open aside ul li:hover ul.sub-menu { position: inherit; top: 0; left: 0; width: auto; background: none;}
.aside-open aside ul li:hover ul.sub-menu li { padding: 8px 0 8px 29px;}
.header_logo img {width: auto;margin-left: 10px; margin-right: 10px; }
.down-border::before {content: ""; position: absolute; height: 35px; width: 2px; background: #fff; bottom: -35px; left: 0px; right: 0; margin: 0 auto; z-index: -1; }
.tabing_navigatiin {margin-top: 15px;}
.tabing_navigatiin ul li a {color: #959595; background: #D0D0D0; font-size: 12px; padding: 7px 26px; border-bottom: none; font-weight: 600; 
    border-radius: 0; display: inline-block; }
.tabing_navigatiin ul li.active a, .tabing_navigatiin ul li a:hover {background: transparent linear-gradient(180deg, #7B57FA 0%, #3F21A0 100%) 0% 0% no-repeat padding-box; color: #ffffff; }
.tabing_navigatiin ul li {float: left; margin-right: 3px; }
.search_inner {color: #fff; font-size: 20px; }
.last_dropdown {position: relative; margin-right: 20px; }
.search_div {margin-right: 20px; line-height: 1;}
.d-flex {display: flex; }
.top_header .row.d-flex {align-items: center; }
.right_header {margin-left: auto; align-items: center;}
.right_header .my-account {color: #fff; font-weight: bold; margin-right: 15px; cursor: pointer;}
.right_header .h-notification {margin-right: 15px; position: relative;}
.right_header .bell-icon img {width: 20px; }
.user-icon {margin-right: 5px; }

.my-account .dropdown-menu { margin-top: 11px; border-radius: 0; padding: 0px 10px 5px; left: auto; right: -20px; width: 300px; border: 0; box-shadow: 0 0 8px rgba(0, 0, 0, 0.15); }
.my-account .dropdown-menu > li > a { background: inherit !important; color: #ffffff !important; }
.my-account .dropdown ul li a { font-size: 15px; border-bottom: 0px solid #666666; padding: 8px 0px; display: inline-block; width: 100%; color: #000 !important; font-weight: 500; }
.my-account .dropdown ul li a:hover { color:#1067a0 !important; }
.my-account .dropdown ul li a img { filter: invert(1); width: 20px; }
.my-account .dw-icon { margin-right: 8px; }
.my-account .info-user { padding: 13px 0px 12px; display: table; width: 100%; }
.my-account .info-user .left-info { display: table-cell; vertical-align: middle; width: 18%; }
.my-account .info-user .left-info p { border-radius: 100%; font-weight: 700; color: #ff9c08; border: 1px solid #ff9c08; background: rgba(255, 156, 8, 0.1); font-size: 15px; height: 42px; width: 42px; text-align: center; line-height: 42px; margin: 0px; }
.my-account .info-user .right-info { display: table-cell; vertical-align: middle; width: 82%; padding-left: 10px; }
.my-account .info-user .right-info p { margin-bottom: 0; font-weight: 600; line-height: 1; color: #000; font-size: 16px;}
.my-account .info-user .right-info .mail-id { font-weight: 400; font-size: 14px; color: #000; padding-top: 2px; display: inline-block; width: 100%;}

.h-notification .bell-icon {position: relative; cursor: pointer;}
.n-count {position: absolute; height: 16px; width: 16px; background: #009DFF; border-radius: 100%; display: flex; align-items: center; justify-content: center; line-height: 1;
    font-size: 11px; color: #fff; font-weight: bold; left: -4px; top: -8px; }
.n-dw-list {position: absolute; padding: 0px; right: 0; width: 400px; list-style: none; top: 34px; display: none; border-radius: 0px; box-shadow: 0 0 10px #0005; background: #fff; height: 450px;overflow-x: hidden; overflow-y: auto;}
.n-dw-list::-webkit-scrollbar {
  width: 8px;
}
.n-dw-list::-webkit-scrollbar-thumb {
  background-color: #d0d0d0;
  border-radius: 10px;
}
.open .n-dw-list {display: block; }
.nt-disc {color: #fff; margin-left: auto; width: 83%; }
.nt-title {font-size: 17px; font-weight: bold; line-height: 1; margin-bottom: 12px; color: #000;}
.nt-title > span {font-size: 13px; display: inline-block; font-weight: 600; margin-top: 3px; float: right; color: #1067a0; }
.n-reminder {font-size: 20px; font-weight: bold; margin-top: 15px;}
.n-reminder > span {margin-right: 30px; }
.n-reminder > a {color: #ffffff;}
.nt-icon img {width: 25px; filter: invert(1);}
.nt-disc > p {font-size: 15px; line-height: 1.3; margin-bottom: 0px; color: #000;}
.n-dw-list .close {position: absolute; top: 0px; right: 0px; display: flex; width: 25px; height: 25px; background:#2b2051; font-size: 14px; align-items: center; cursor: pointer; justify-content: center; line-height: 1; border-radius: 0; opacity: 1; color: #fff;}
.n-dw-list .n-list-inner { border-bottom: 1px dashed #2b2051; padding: 15px;}
.n-dw-list .grey-light-bg { background: #f5f5f5;}
.n-dw-list .white-light-bg { background: #fff;}
.n-dw-list .see-more-btn {color: #000; display: inline-block; margin: 10px; font-weight: 600; font-size: 15px; }
.n-dw-list .n-list-inner .nt-icon { height: 45px; width: 45px; border-radius: 100%; background: #eaeaea; text-align: center; line-height: 42px;}

.modal.right .modal-dialog {position: fixed; margin: auto; width: 300px; height: calc(100% - 92px); -webkit-transform: translate3d(0%, 0, 0);
-ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); }
.modal.right .modal-content {height: 100%; overflow-y: auto; }
.modal.right .modal-body {padding: 15px 15px 80px; }
.modal.right.fade .modal-dialog {right: -320px; -webkit-transition: opacity 0.3s linear, right 0.3s ease-out; -moz-transition: opacity 0.3s linear, right 0.3s ease-out; 
    -o-transition: opacity 0.3s linear, right 0.3s ease-out; transition: opacity 0.3s linear, right 0.3s ease-out; }
.modal.right.fade.in .modal-dialog {right: 60px; }
.search-sidebar .modal-dialog {margin-top: 50px !important; }
.search-sidebar .modal-dialog .modal-content {border-radius: 0; background: #fff; border: 0px; padding: 0px;}

.op-0 {opacity: 0; }
.chat-support .aside-icon {margin-right: 0; }
.chat-support {position: absolute; bottom: 20px; padding-left: 20px;}
 aside.aside-default {z-index: 99;}
.site-footer {position: fixed; bottom: 0; width: 100%; background: #d9d9d9; text-align: center; padding: 10px; z-index: 9;    padding-left: 260px; }
.footer-inner {display: flex; align-items: center; justify-content: space-between; padding-left: 80px;}
.privacy-link a {color: #000000; }
.f-logo img {width: 130px; }
.footer-inner span.f-version {font-size: 14px; }
.footer-inner .privacy-link a {font-size: 14px; }
.footer-inner .f-logo {font-size: 14px; }

.dashboard .aside-icon img{ width:18px; opacity: 0.6;}
.point_sale .aside-icon img{ width:27px;}
.policy_report .aside-icon img{ width:30px;}  
.point_sale .inner-list img{ height:15px;}
.header_left_menu li i{ position:relative; left:10px;}

.dark-sidebar_list ul.menu-left li {border-bottom: 1px solid rgba(255,255,255,0.2);}
.dark-sidebar_list ul.menu-left li:hover{background: #1e1246}
ul.menu-left li span.aside-title {font-size: 11px;color: rgba(255,255,255,0.7);}
ul.menu-left li:hover span.aside-title {color: #fff;}
.dark-sidebar_list ul.menu-left li span.number-list {margin-left: auto; font-size: 10px; height: 19px; width: 23px; background: #ed6b75; border-radius: 0px; text-align: center; line-height: 20px;color: #fff; display: none;}
.aside-default.aside-open ul.menu-left li .number-list, .aside-default.aside-hover ul.menu-left li .number-list { display: block; }
.first-btn .new-btn img { opacity: 1; }
header .tabing_navigatiin #navbar { padding-left: 5px; }
ul.menu-left li a.new-btn { background: #66bb6a; padding: 9px 9px; border-radius: 0px; text-align: center; width: auto; display: inline-block; margin: 6px 0; }
.aside-open .menu-left a.new-btn, .aside-hover .menu-left a.new-btn { padding: 7px 25px; margin: 10px 0; }
.aside-open .new-btn span.aside-icon, .aside-hover .new-btn span.aside-icon { display: none; }
.menu-left .new-btn span.aside-title { width: 100%; font-size: 13px; font-weight: 400;}
.aside-open aside .menu-left .new-btn span.aside-title { line-height: 24px;}
ul.menu-left li.first-btn { text-align: center; padding: 8px 0; }
.first-btn .new-btn span.aside-icon { margin: 0; }
.sticky-sec { position: fixed; top: 35%; right: 0px; bottom: 0; height: 259px; background: #332858; transform: translate(144px, 0px); transition: all 0.5s ease-in-out; border-radius: 0px; z-index: 1; }
.sticky-sec.aside-hover { transform: translate(0px, 0px); transition: all 0.5s ease-in-out; }
.sticky-sec ul.inner-list li img { width: 14px; }
.sticky-sec .hover1 span.aside-title { display: block; }
.sticky-sec ul.inner-list li.hover1 .aside-title { display: block; font-size: 13px; }
.sticky-sec ul.inner-list { padding: 10px 10px 10px 7px; margin: 0px; }
.sticky-sec .dark-sidebar_list ul li { padding: 6px 20px; }
.sticky-sec .dark-sidebar_list ul li:last-child { padding-bottom: 0; }
.sticky-sec .dark-sidebar_list ul li:first-child { padding-top: 0; }
.sticky-sec ul li .aside-icon { margin-right: 10px; }
a.stky-togl { display: none; }
.right-stky-top { position: fixed; top: 15%; bottom: 0; right: 0; height: 100px; }
.right-stky-top .sms-screen img { width: 23px; }
.right-stky-top .sms-screen { background: #332858; padding: 8px 7px; border-radius: 0; margin-bottom: 5px; }

.form-control.is-invalid, .was-validated .form-control:invalid {border-color: #dc3545; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px; padding-right: calc(1.5em + .75rem); background-repeat: no-repeat; background-position: right calc(.375em + .1875rem) center; background-size: calc(.75em + .375rem) calc(.75em + .375rem); }
.invalid-feedback {display: block; width: 100%; margin-top: .25rem; font-size: 80%; color: #dc3545; }

.insurance-company-details .company-detail-box{ margin-bottom:30px;}
.insurance-company-details .panel-body{ padding:30px; background:#c5e9fe;}  
.company-detail-box-in{ display:flex; align-items:center; padding:20px;}  
.by-now-detail{text-align:center; width:50%;}  
.company-price-list{margin-left:auto; width:25%;}
.company-logo{margin-right: auto; width:20%;}
.company-logo img{ width:80%;}
.company-price{ font-size:40px; line-height:1;}
.company-title {font-size:20px; font-weight:bold; margin-bottom:10px; line-height:1.1;}
.company-txt{ font-size:14px; font-style:italic; margin-bottom:10px;}
.company-price-link a{ font-size:14px; text-decoration:underline;    cursor: pointer;}
.company-detail-box{ box-shadow:0px 0 8px #3333336b; background:#fff;}
.by-now-button{ margin-bottom:20px;    cursor: pointer;}       
.by-now-button a{display:inline-block; padding:12px 50px;color: #fff;border-radius: 0px;font-size: 22px;font-weight: bold;
letter-spacing: 0; line-height:1.2;}
.by-now-button a:hover{ background:#1067A0;}
.by-now-detail p{ font-size:14px;}
.payment-list-area{ padding:20px; border-top:1px solid #333333;}
.payment-list-in h2{ margin:0 0 20px 0; font-size:18px; font-weight:bold;}
.payment-list-in ul{ padding:0; margin:0; list-style:none;}
.payment-list-in ul li label{ width:100%; padding:5px;cursor: pointer; display:flex; align-items:center; margin:0;}  
.payment-list-in ul li input{ float:left;}
.payment-title{ float:left; font-weight:bold; margin-left:40px; position:relative; width:65%;}
.payment-sub-title{ font-size:13px; position:relative;width: 350px;}
.payment-list-in ul li{ position:relative;}
.company-detail-box .payment-list-in ul { height: 200px; overflow-x: hidden; overflow-y: auto;}

.payment-label input {position: absolute;opacity: 0;cursor: pointer;}
.check-main {position: absolute;top: 0;left: 0;height: 25px;width: 25px;border-radius: 0%;width: 100%;height: 100%;
transition: all 0.3s ease-in-out;}
.payment-label:hover input~.check-main {background-color: #cccccc;transition: all 0.3s ease-in-out;}
.payment-label input:checked~.check-main {background-color:#cccccc;transition: all 0.3s ease-in-out;}
.payment-label input:checked~.check-main:after {background: url('https://rfsystemdev.blob.core.windows.net/pos/images/check-mark.png') no-repeat;background-size: 22px;}
.payment-label .check-main:after {top:13px;left:10px;width: 22px;height: 22px;background: url(https://rfsystemdev.blob.core.windows.net/pos/images/check-circle.png) no-repeat;
content: "";position: absolute;right: 13px;bottom: 40px;background-size:22px;}

/* Applicant */
.spansmallfont { font-size: 10px; padding-bottom: 25px; padding-top: 10px; }
#btnSavePolicyHolderInfo.btn { margin-left: 15px; }
span.col-lg-12.col-md-12.col-sm-12.spansmallfont { padding-bottom: 0; padding-top: 20px; }
.spansmallfont p { background: #ededed; padding: 20px 20px 20px 15px; margin-left: 0 !important; font-size: 12px; }
.cunt-btn-sec { width: 42%; float: left; padding-top: 50px; }
p.cunt-btn-cntnt { width: 70%; float: right; }
.territory { background: #ffffb0; }

/* BreadCrumb */  
.bread-crumb-top .breadcrumb { padding: 18px 15px; margin-bottom: 30px; background-color: #fff; border-radius: 0; }
.bread-crumb-top ol li a { color: #1067a0; }
.bread-crumb-top ol li a:hover { color: #000; }
.bread-crumb-top ol li.breadcrumb-item.active { color: #000; }

/*------------ coverage sidebar -----------*/
.cvrg-list-title{margin:10px 0;}  
.cvrg-tab-list ul{ margin:0 0 20px; padding:0; list-style:none;}
.cvrg-tab-list ul li a{ display:block; background:#1586d4; color:#fff; padding:10px 20px; margin-bottom:5px; font-weight:600;}
.cvrg-tab-list ul li a:hover{ background:#1067a0;cursor: pointer;}
.cvrg-tab-list ul li.active-cvrg a{ background:#1067a0 url(https://rfsystemdev.blob.core.windows.net/pos/images/right_img.png) no-repeat right 10px center;}
.right-cvrg-sec .gry-top { padding: 0px; background: #e8e8e8; display: inline-block; width: 100%; }
.right-cvrg-sec .wht-bg-bot { padding: 30px 15px 10px; }
.right-cvrg-sec h4 { margin: 0; font-size: 20px; font-weight: 700; padding: 10px 20px; background: #cccccc; }
.right-cvrg-sec .gry-top .form-group { margin-left: 10px; margin-top: 2px; margin-right: 10px; }

.button_bg{background:#ff5454;}

.company-detail-box-in{ position:relative; min-height:180px;}
.company-price-link a {display: block;background: #3598dc;text-align: center;color: #fff;border-radius:  0;text-decoration: none;position: absolute;bottom: 0px;padding: 0px 10px;font-size: 13px;}

.calander-example input#DateOfBirth {padding: 6px 8px;}


/* Coverage Packege Page */
.coverage-tabs { padding-top: 30px; }
.coverage-tabs ul.nav li { width: auto; margin: 0 3px !important; display: inline-block; float: left; }
.coverage-tabs ul.nav li.active { background: none; }
.coverage-tabs ul.nav li:first-child { margin-left: 0 !important; }
.coverage-tabs ul.nav li a { padding: 14px 20px; color: #fff; border-radius: 0px !important; background: #c5c5c5 }
.coverage-tabs ul.nav li.active a { background: #1586d4; color: #fff; }
.coverage-tabs ul.nav li a:hover { background: #1586d4; color: #fff; }
.coverage-tabs .right-cvrg-sec { padding-top: 50px; }
.right-cvrg-sec h2 { margin: 0; font-size: 20px; font-weight: 700; padding: 15px; background: #ccc; }
.frm-cust-field .form-group { display: flex; align-items: center; margin-bottom: 20px; }
.frm-cust-field .form-group label { width: 36%; font-size: 14px; }
.frm-cust-field .form-group a { width: 6%; text-align: right; margin-left: auto; }
.frm-cust-field .form-group a i { font-size: 12px; border: 1px solid #1586d4; border-radius: 100%; height: 18px; width: 18px; line-height: 18px; color: #1586CE; text-align: center; }
.frm-cust-field select { border: 1px solid #bfbfbf; box-shadow: none; border-radius: 0px; padding: 9px 7px; height: auto; width: 58%; }
.right-cvrg-sec .panel-body { padding: 0; }
.right-cvrg-sec .gry-top { padding: 30px 15px 10px; background: #e8e8e8; display: inline-block; width: 100%; }
.right-cvrg-sec .wht-bg-bot { padding: 30px 15px 10px; }

.cover-packege-sec .tit-pkg-cover { margin: 0; padding-bottom: 15px; font-weight: 600; }
.cover-packege-sec .list-cover-pkg { display: inline-block; width: 100%; }
.list-cover-pkg .pkg-field { padding-bottom: 15px; display: flex; }
.pkg-field .left-tit-pkg { display: inline-block; text-align: center; background: #1586d4; color: #fff; font-style: italic; text-transform: uppercase; font-weight: 700; padding: 8px; width: 25%; font-size: 13px; float: left; }
.pkg-field .left-tit-pkg span { font-size: 17px; line-height: 1; }
.pkg-field .prise-pkg { background: #9c9c9c; color: #fff; font-weight: 700; font-style: italic; text-align: center; font-size: 15px; width: 20%; display: flex; flex-direction: column; height: 53px; align-items: center; justify-content: center; }
.pkg-field .prise-pkg .prise-info-pkg { font-size: 19px; line-height: 1; }
.prise-pkg .prise-info-pkg i { font-size: 13px; }
.pkg-field .input-pkg { border-radius: 0; border: 1px solid #ccc; padding: 1px 10px; font-size: 26px; width: 55%; font-weight: 600; color: #6d6d6d; }
.pkg-field .input-pkg:focus { outline: none; }
.pkg-field input::placeholder { opacity: 0.5; }
.main_title h3 { margin: 0; }
.pymtn-list-pln { display: flex; align-items: center; }
.pymtn-list-pln .plan-pymt { margin-left: auto; }
.plan-pymt .plan-tit-pkg { text-align: center; margin: 0; padding-bottom: 5px; font-weight: 600; }
.grid-list-view .btn-grid, .grid-list-view .btn-list { font-size: 30px; border-radius: 0; background: #c3c3c3; color: #fff; padding: 8px 10px 5px; line-height: 1; box-shadow: none; }
.pymtn-list-pln .grid-list-view { padding-left: 30px; }
.grid-list-view .btn.active { background: #1586d4; }
.grid-list-view .btn:focus { outline: none; }
.plan-pymt button.btn { margin: 0; float: left; }
.plan-pymt button.btn:focus { outline: none; }
.plan-pymt .standard-plan { background: #1586d4; color: #fff; border-radius:  0px; }
.plan-pymt .recurring-plan { background: #c3c3c3; border-radius:  0px; color: #fff; }


/* Chat sec */
.chat-sidebar-sec h2 { color: #fff; border-top: 0px solid #fff; border-bottom: 0px solid #fff; padding: 14px 0; text-align: center; font-size: 19px; margin: 0px; background: #1067a0;}
.chat-sidebar-sec .chat-sec { display: flex; height: calc(100% - 142px); flex-direction: column; padding: 10px; }
.chat-sec .send-msg { display: flex; align-items: center; padding-bottom: 25px; }
.msg-show .send-msg-nm { height: 45px; width: 45px; background: #4745cf; border-radius: 100%; text-align: center; line-height: 47px; font-size: 18px; font-weight: 700; margin-right: 15px; color: #fff; }
.send-msg .msg-send-show { position: relative; background: #ccc; padding: 5px; }
.send-msg .msg-send-show { position: relative; background: #36424c; padding: 27px 10px; width: 220px; margin-left: auto; }
.send-msg .msg-send-show h3 { font-size: 14px; margin: 0; color: #e8e8e8; }
.msg-show .msg-send-show p { position: absolute; right: 10px; top: 4px; font-size: 10px; color: #d4d4d4; }
.rep-sec .send-msg-nm { background: #f3565d; margin-right: 0; margin-left: 15px; }
.chat-sec .rep-sec { flex-direction: row-reverse; }
.rep-sec .msg-send-show { margin-right: auto; margin-left: 0; }
.chat-sidebar-sec .type-msg { padding: 10px; }
.type-msg .form-group { margin-bottom: 0; }
.chat-sidebar-sec .type-msg textarea { height: 70px; border-radius: 0px; background: #e2e2e2;}

/* Notes Popup  */
.notes-sec h2 {  color: #fff; border-top: 0px solid #fff; border-bottom: 0px solid #fff; padding: 14px 0; text-align: center; font-size: 19px; margin: 0px; background: #1067a0;}
.notes-sec .chat-sec { display: flex; height: calc(100% - 150px); flex-direction: column; padding: 10px; }
.notes-sec .type-msg textarea { height: 80px; border-radius: 0px; border: 0px; background: #e2e2e2;}
.notes-sec .note-type-sec { padding: 15px; display: inline-block; width: 100%; }
.note-type-sec .box-notes { background: #36424c; padding: 5px; display: inline-block; width: 100%; float: left; margin-bottom: 6px; position: relative;}
.notes-sec .box-notes h3 { margin: 0; font-size: 15px; color: #fff; padding-top: 3px; padding-bottom: 13px; }
.notes-sec .box-notes span.name { float: left; font-size: 11px; color: #fff; }
.note-type-sec .box-notes span.date-time { float: right; font-size: 11px; color: #fff; }
.btn-quote button img { width: 20px; opacity: 0.6; }
.btn-quote { float: right; margin-right: 20px; }
.btn-quote .btn.btn-type { background: #ccc; border-radius: 0; margin: 0; float: left; border-right: 1px solid #fff; }
.btn-quote .btn.btn-type:last-child { border-right: 0px; }
.btn-quote .btn.btn-type:focus { outline: none; box-shadow: none; background: #4223a4; }
.btn-quote .btn.btn-type:focus img { filter: invert(1); opacity: 1; }
.btn-quote span { float: left; padding-right: 20px; font-weight: 600; padding-top: 4px; }
.edt-dlt-icon a { color: #fff; display: block; padding: 0px 0; font-size: 12px;}
.box-notes .edt-dlt-icon {  position: absolute; right: 4px; top: 1px; display: none;}
.note-type-sec .box-notes:hover .edt-dlt-icon{display: block;}
.btn{ cursor: pointer;}

/* New CSS */
.panel-heading i { display: none; }
.mobile-menu-tog .text-mob-show { display: none; }
.btn.btn-info.btn-lg.green_button.btnVehicle { background: #66bb6a; }
.veryfy-btn { margin-top: 10px; margin-left: 53px; }
.veryfy-btn .btn-info { background-color: #66bb6a; border-color: #66bb6a; }
.back-btn { margin-top: 10px; margin-left: 38px; }
.back-btn .btn-danger { background-color: #666; border-color: #666; }
.resend-btn { margin-top: 10px; margin-left: 65px; }

/* Policy Page */
.blue-clr-bg { background: #1067a0; }
.blue-clr-text { color: #1067a0; }
.bg-white {background: #fff;}
.btn.focus, .btn:focus {box-shadow: none;}
.white-part-main { background: #fff; padding: 15px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); }
.main-head-top { font-size: 28px; padding: 0; font-weight: 600; margin: 0; }
.top-sec-head { display: flex; align-items: center; padding-bottom: 15px; }
.top-sec-head .form-field { margin-left: auto; position: relative; }
.top-sec-head .date-field { width: 300px; border-radius: 0; box-shadow: none;}
.policy-top-list { display: grid; grid-template-columns: repeat(6, 1fr); grid-gap: 20px; align-items: center; }
.policy-top-list .polict-info { text-align: center; border-right: 1px solid #ccc; }
.policy-top-list .polict-info:last-child { border-right: 0px; }
.policy-top-tit { font-size: 20px; font-weight: 600; margin-top: 0px; }
.polict-info .info-box-policy { font-size: 18px; font-weight: 500; }
.btn-custom { background: #1067a0; color: #fff; border-radius: 0; padding: 8px 18px; transition: all 0.3s ease-in-out; }
.btn-custom:hover { background: #000; color: #fff; transition: all 0.3s ease-in-out; }
.btn-custom:focus { outline: none; }
.policy-tab { display: flex; width: 100%; padding-top: 20px; overflow: hidden; }
.policy-tab .left-tab { width: 20%; background: #fff; height: 100%; }
.policy-tab .right-tab-con { width: 79%; margin-left: auto; height: 390px; overflow-y: auto;}
.policy-tab .right-tab-con .tab-content { background: #fff; padding: 15px; }
.left-tab .nav-tabs { border-bottom: 0; }
.left-tab ul li { width: 100%; display: inline-block; border-bottom: 1px solid #f1f1f1; }
.left-tab ul li a { width: 100%; display: inline-block; padding: 10px; color: #1067a0; font-weight: 500; font-size: 16px; transition: all 0.5s ease-in-out; border-radius: 0px; border: 0px;}
.left-tab ul li:hover a { background: #1067a0; color: #fff; transition: all 0.5s ease-in-out; }
.left-tab ul li:hover{border: 0px; border-bottom: 1px solid #f1f1f1;}
.left-tab ul li a:hover{border: 0px;}
.left-tab ul li.active a,.left-tab ul li.active a:hover,.left-tab ul li.active a:focus { background: #1067a0; color: #fff; transition: all 0.5s ease-in-out; border: 0px !important; }
.tit-right-con { font-size: 22px; font-weight: 600; }
.name-info { padding-bottom: 7px; display: inline-block; width: 100%; font-size: 15px; }
.name-info .label-first { width: 160px; display: inline-block; font-weight: 500; }
.sub-tit-policy { font-size: 22px; margin-bottom: 12px; margin-top: 35px; background: #f1f1f1; padding: 10px; font-weight: 600; }
.table-policy table td, .table-policy table, .table-policy table th { border: 1px solid #ccc; padding: 8px; font-size: 15px; }
.table-policy table { width: 100%; }
.sub-right-main { font-size: 18px; }
.form-control:focus{outline: none !important; box-shadow: none !important; border: 1px solid #ced4da !important;}
.model-policy .modal-dialog { width: 90%;}
.model-policy .modal-content .close { opacity: 1; font-size: 26px; position: absolute; right: -19px; background: #1067a0; color: #fff; font-weight: 500; border-radius: 100%; height: 35px; width: 35px; top: -16px; line-height: 35px;}
.model-policy .modal-content { background: #f2f7fa;}
.policy-data-head > span {
    width: 20%;
}

.policy-data-head .left-form {
    width: 80%;
}

.policy-data-head .left-form .form-left,.policy-data-head .left-form .calander-example{
    margin-bottom: 10px;
}

.policy-data-head .left-form .form-left select,.policy-data-head .left-form .form-left input {
    height: 42px;
}

.policy-data-head .left-form .sort-box {
    float: left !important;
}

/* Payment Option Page */
.paymet-tab-sec ul li a { background: #ccc; color: #000; border-radius: 0; font-size: 15px; }
.paymet-tab-sec ul li.active a, .paymet-tab-sec ul li.active a:hover, .paymet-tab-sec ul li.active a:focus { background: #2b2051; }
.paymet-tab-sec ul.nav { padding-top: 10px; }
.paymet-tab-sec .tab-content { padding-top: 20px; }
.paymet-tab-sec .credit-left-sec { padding: 20px; background: #008000; }
.radio-sec-top label { color: #fff; font-size: 15px; padding-left: 5px; }
.paymet-tab-sec .radio-sec-top { border-bottom: 1px solid #fff; padding-bottom: 3px; }
.credit-left-sec .form-group { padding-bottom: 15px; border-bottom: 1px solid #fff; padding-top: 9px; }
.credit-left-sec .form-group label { font-size: 13px; color: #fff; margin-bottom: 0px; padding-bottom: 10px; }
.credit-left-sec .form-group .input-group { width: 100%; }
.credit-left-sec .form-group .input-group .input-group-prepend { display: table-cell; vertical-align: middle; text-align: center; background: #d6d6d6; width: 40px; }
.credit-left-sec .form-group .input-group input { padding: 12px 10px !important; height: auto; border-radius: 0 5px 5px 0; border: 0; color: #000; font-weight: 600; font-size: 16px; }
.payment-last-sec .payment-into { width: 100%; display: inline-block; color: #fff; font-size: 13px; }
.payment-last-sec .payment-into p { display: inline-block; margin-bottom: 0; }
.paymet-tab-sec .trm-condition { font-size: 12px; padding-top: 15px; }
.paymet-tab-sec .right-payment-sec { background: #dedede; padding: 20px; }
.right-payment-sec label { font-size: 14px; margin-bottom: 3px; }
.right-payment-sec .form-group input, .right-payment-sec .form-group select { padding: 10px 10px; height: auto; border-radius: 5px; }
.right-payment-sec .form-check label.form-check-label { font-size: 13px; padding-left: 10px; }
.right-payment-sec .form-check { display: flex; padding-bottom: 20px; }
.right-payment-sec .last-amount-sec { display: inline-block; width: 100%; font-size: 14px; font-weight: 600; }
.right-payment-sec .last-amount-sec p { display: inline-block; margin-bottom: 0; }
.right-payment-sec .btn-purchase { padding-top: 15px; }

/* Payment Plan Page */
.radio-btn-list .payment-mile-sec { display: grid; grid-template-columns: repeat(7, 1fr); grid-gap: 15px; }
.radio-btn-list .inline-radio .radio-box { display: inline-block; position: relative; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; user-select: none; width: 200px; float: left; margin-right: 1px; text-align: center; padding: 10px; margin-bottom: 0px; min-height: 65px; }
.inline-radio .radio-box input { position: absolute; opacity: 0; cursor: pointer; }
.radio-btn-list .inline-radio label .checkmark { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: #9c9c9c; border-radius: 0; transition: all 0.3s ease-in-out; }
.inline-radio .radio-box:hover input~.checkmark { background-color: #ccc; transition: all 0.3s ease-in-out !important; }
.inline-radio .radio-box input:checked~.checkmark { background-color: #5bb95b; }
.inline-radio .radio-box.radio-tit-top span.checkmark, .inline-radio .radio-box.radio-tit-top input:checked~.checkmark { background-color: #1586d4 !important; }
.radio-btn-list .inline-radio { display: inline-block; width: auto; }
.inline-radio label p { position: relative; z-index: 9; color: #fff; margin-bottom: 0; font-size: 16px; font-weight: 600; float: left; display: inline-block; width: 100%; }
.inline-radio label b { position: relative; z-index: 9; color: #fff; font-size: 22px; line-height: 23px; float: left; display: inline-block; width: 100%; }
.inline-radio label b i { font-size: 13px; padding-left: 3px; }
.radio-btn-list { padding-bottom: 20px; }
.company-box { display: block; position: relative; padding-left: 0px; margin-bottom: 0px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.company-box input { position: absolute; opacity: 0; cursor: pointer; }
.check-main { position: absolute; top: 0; left: 0; height: 25px; width: 25px;     background-color: #e8e8e8;border-radius: 0%; width: 100%; height: 100%; transition: all 0.3s ease-in-out; }
.company-box:hover input~.check-main { background-color: #008200; transition: all 0.3s ease-in-out; }
.company-box input:checked~.check-main { background-color: #008200; transition: all 0.3s ease-in-out; }
.company-box input:checked~.check-main:after { background: url('https://agentcentral.rateforce.com/assets/images/check-mark.png') no-repeat; background-size: 22px; }
.company-box .check-main:after { top: auto; left: auto; width: 22px; height: 22px; background: url(https://agentcentral.rateforce.com/assets/images/check-circle.png) no-repeat; content: ""; position: absolute; right: 13px; bottom: 40px; background-size: 22px; }
.box-info { z-index: 9; position: relative; }
.company-box .box-info h2 { color: #fff; font-size: 17px; font-weight: 700; font-style: italic; margin: 0; padding: 10px 15px; border-bottom: 1px solid #fff; }
.company-box .prise-info { padding: 15px 15px 10px; }
.company-box .prise-info h3 { color: #fff; margin-top: 0; font-size: 16px; font-weight: 600; margin-bottom: 7px; }
.company-box .prise-info h4 { color: #fff; font-weight: 600; font-size: 14px; margin-top: 0; margin-bottom: 7px; }
.company-box .prise-info p { color: #fff; margin: 0; font-size: 13px; }
.part-sec-boxes ul li { list-style: none; padding-bottom: 20px; position: relative; }
.part-sec-boxes ul { padding: 0px; margin: 0px; }
.part-sec-boxes ul li ul.sub-menu li { padding-bottom: 0px; margin-bottom: 0; border-bottom: 1px solid #fff; }
.part-sec-boxes ul li ul.sub-menu li label.company-box .check-main { background-color: #21b321 !important; }
.inline-radio label.radio-box a { position: absolute; right: 6px; top: 2px; color: #fff; z-index: 99; opacity: 0; }
.inline-radio label.radio-box input:checked ~ a { opacity: 1; }

/* Policy Completed */
.policy-box { padding: 20px; background: #008000; height: 100%; position: relative; }
.policy-box .radio-sec-top label { color: #fff; font-size: 15px; }
.policy-box .radio-sec-top { border-bottom: 1px solid #fff; padding-bottom: 3px; }
.policy-box .form-group { padding-bottom: 15px; border-bottom: 1px solid #fff; padding-top: 9px; }
.policy-box .form-group label { font-size: 13px; color: #fff; margin-bottom: 0px; padding-bottom: 10px; }
.policy-box .form-group .input-group { width: 100%; }
.policy-box .form-group .input-group .input-group-prepend { display: table-cell; vertical-align: middle; text-align: center; background: #d6d6d6; width: 40px; }
.policy-box .form-group .input-group input { padding: 12px 10px !important; height: auto; border-radius: 0; border: 0; color: #000; font-weight: 600; font-size: 16px; }
.policy-box .payment-last-sec .payment-into { width: 100%; display: inline-block; color: #fff; font-size: 13px; }
.policy-box .payment-last-sec .payment-into p { display: inline-block; margin-bottom: 0; }
.panel-policy .row { display: flex; }
.policy-box .title-policy { margin-top: 0; color: #fff; font-size: 20px; margin-bottom: 15px; padding-bottom: 10px; display: inline-block; width: 100%; border-bottom: 1px solid #fff; text-transform: uppercase; }
.policy-box .button-sec .btn-policy { width: 100%; border-radius: 0; margin-bottom: 12px; padding: 10px 10px; background: #1586d4; color: #fff; text-align: center; transition: all 0.3s ease-in-out; }
.policy-box .button-sec .btn-policy:last-child { margin-bottom: 0; }
.policy-box .button-sec .btn-policy:focus { outline: none; box-shadow: none; }
.policy-box .button-sec .btn-policy:hover { background: #fff; color: #1586d4; transition: all 0.3s ease-in-out; }
.policy-box.active:after { position: absolute; content: ''; left: 0; height: 100%; width: 100%; background: #008000; top: 0; opacity: 0.5; z-index: 9; }
.payment-policy-box.active:before { position: absolute; background: url(https://agentcentral.rateforce.com/assets/images/mark_sign.png); height: 180px; width: 150px; z-index: 10; background-repeat: no-repeat; right: 20px; top: 20px; content: 'Paid'; display: flex; align-items: flex-end; justify-content: center; color: #fff; text-transform: uppercase; }
.sign-privacy-box.active:before { position: absolute; background: url(https://agentcentral.rateforce.com/assets/images/mark_sign.png); height: 180px; width: 150px; z-index: 10; background-repeat: no-repeat; right: 20px; top: 20px; content: 'Signed'; display: flex; align-items: flex-end; justify-content: center; color: #fff; text-transform: uppercase; }
.gray-bg-policy { background: #848484; }
.gray-bg-policy.active:after{display: none !important;}
.gray-bg-policy.active:before{display: none !important;}

/* Uploaded Document  */
.panel-vehicle { padding: 0; }
.panel-vehicle .vehicle-sec { padding: 15px; }
.vehicle-sec .vehi-box { display: inline-block; width: 100%; padding-bottom: 25px; }
.vehicle-sec .vehi-box:last-child { padding-bottom: 0px; }
.panel-vehicle .error-vehcl-msg { background: #fe0000; color: #fff; padding: 9px 10px; }
.vehi-box h2 { margin-top: 0; font-size: 21px; margin-bottom: 10px; }
.upld-btn .btn_upload { cursor: pointer; display: inline-block; overflow: hidden; position: relative; color: #fff; background-color: #1067a0; border: 1px solid #1067a0; padding: 6px 19px; font-size: 14px; }
.upld-btn .btn_upload:hover { opacity: 0.8; }
.upld-btn .btn_upload:focus { outline: none; }
.upld-btn .btn-upld-img { display: flex; padding-right: 6px; flex-direction: column; align-items: center; float: left; position: relative; }
.upld-btn .btn_upload input { cursor: pointer; height: 100%; position: absolute; filter: alpha(opacity=1); -moz-opacity: 0; opacity: 0; }
.upld-btn .btn-upld-img img { display: none; }
.upld-btn .btn-upld-img .it { height: 90px; width: 130px; margin-top: 6px; display: block; }
.upld-btn .btn-rmv1, .upld-btn .btn-rmv2, .upld-btn .btn-rmv3, .upld-btn .btn-rmv4, .upld-btn .btn-rmv5, .upld-btn .btn-rmv6, .upld-btn .btn-rmv7, .upld-btn .btn-rmv8 { display: none; }
.upld-btn .rmv { cursor: pointer; color: #fff; border-radius: 100%; display: inline-block; background: #ef0000; border: 0; position: absolute; right: 5px; font-size: 14px; line-height: 0; height: 17px; width: 17px; padding: 0 0 2px; bottom: -5px; }

/* Chat Section */
.chat-ico img { width: 34px; }
.chat-ico { padding-right: 20px; padding-top: 7px; position: relative;}
.chat-ico .count-no {background: #790000; color: #fff; font-size: 11px; border-radius: 100%; position: absolute; right: 9px; top: 0; height: 18px; width: 19px; text-align: center; line-height: 18px; font-weight: 600; }
.modal .modal-dialog.model-chat-box { position: fixed; right: -350px; width: 350px; margin: 0; top: 50px; bottom: 0; height: calc(100vh - 50px); overflow-y: scroll; transform: translate(0, 0); transition: all 0.3s ease-in-out; }
.modal.in .modal-dialog.model-chat-box { right: 60px; transition: all 0.3s ease-in-out; }
.modal .modal-dialog.model-chat-box::-webkit-scrollbar { width: 7px; }
.modal .modal-dialog.model-chat-box::-webkit-scrollbar-track { background: #dedede; }
.modal .modal-dialog.model-chat-box::-webkit-scrollbar-thumb { background-color: #a5a5a5; border-radius: 0px; }
.model-chat-box .modal-content { border-radius: 0; height: 100%; border: 0px; }
.model-chat-box .modal-header { background: #1067a0; padding: 10px; }
.model-chat-box .modal-header h5 { float: left; color: #fff; text-shadow: none; font-size: 16px; }
.modal .model-chat-box button.close { opacity: 1; position: absolute; right: 10px; top: 10px; height: auto; width: auto; }
.model-chat-box button img { width: 18px; transform: rotate(180deg); float: right; margin-top: 3px; }
.model-chat-box button.close:focus { outline: none; }
.model-chat-box .modal-body { padding: 0; background: #21282E; height: auto; }
.model-chat-box .modal-body .serch-chat-box { padding: 15px 10px; width: 100%; display: inline-block; position: relative; }
.serch-chat-box input { width: 100%; border-radius: 0; padding: 7px 7px; border: 1px solid #ccc; }
.serch-chat-box .chat-serch { background: url(https://rfsystemdev.blob.core.windows.net/pos/images/search.png) no-repeat; height: 38px; width: 38px; font-size: 0; box-shadow: none; border: 0px; position: absolute; right: 10px; background-size: 22px; background-position: center; }
.chat-info-new .box-new-chat { display: flex; align-items: center; padding: 12px 15px; transition: all 0.3s ease-in-out; border-bottom: 1px solid #6d6d6d;}
.chat-info-new .box-new-chat:last-child { border-bottom: 0;}
.chat-info-new .box-new-chat .img-cht-left { width: 20%; }
.chat-info-new .info-cht-right { width: 80%; }
.box-new-chat .img-cht-left .name-cht { background: #1067a0; color: #fff; width: 45px; height: 45px; line-height: 45px; text-align: center; border-radius: 100%; font-size: 19px; }
.chat-info-new .info-cht-right h3 { margin-top: 0; font-size: 16px; font-weight: 600; cursor: pointer; margin-bottom: 7px; color: #fff; }
.info-cht-right p { font-size: 15px; line-height: 1.2; color: #fff;}
.info-cht-right span.date-ime { width: 100%; display: inline-block; text-align: right; color: #c7c7c7; font-size: 14px; }
.chat-info-new .box-new-chat:hover, .chat-info-new .box-new-chat.active { /*background: #e6e6e6;*/ transition: all 0.3s ease-in-out; }
.model-chat-box ul.nav-tabs .nav-item { width: 33.33%; display: inline-block; text-align: center; margin-bottom: 0; }
.model-chat-box ul.nav-tabs .nav-item a { border-radius: 0; margin-right: 0; border: 0; padding: 7px 10px !important; font-size: 14px; border-bottom: 2px solid #e8e2e2; color: #636363; }
.model-chat-box ul.nav-tabs .nav-item a:hover { background: none; border-bottom: 2px solid #2b2051; }
.model-chat-box ul.nav-tabs .nav-item.active a { border-bottom: 2px solid #1067a0; background: none; color: #1067a0;}
.modal .bg-cht-sec { background: #fff; }
.model-chat-box .modal-body .nav-tabs { border-bottom: 0px; }
.modal .modal-dialog.modal-tab-new { overflow-y: hidden; }
.modal .modal-body .tab-content, .modal .modal-body .tab-content .tab-pane { height: 100%; }
.modal .modal-body .tab-content .cht-bx-pers { display: flex; flex-direction: column; height: calc(100vh - 129px); background: #21282E;}
.model-chat-box .chat-sec { padding: 10px; height: 100%; overflow-y: auto; overflow-x: hidden; }
.modal .chat-sec::-webkit-scrollbar { width: 0px; }
.model-chat-box .chat-sec .send-msg { display: inline-block; align-items: center; padding-bottom: 15px; width: 100%;}
.model-chat-box .send-msg .msg-send-show:before { width: 0; height: 0; border-style: solid; border-width: 6px 6px 6px 0; border-color: transparent #36424c transparent transparent; position: absolute; content: ''; left: -6px; top: 15px;}
.model-chat-box .rep-sec .msg-send-show:before { position: absolute; content: ''; right: -6px; top: 15px; width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 6px; border-color: transparent transparent transparent #36424c; left: auto;}
.model-chat-box .msg-show .send-msg-nm { height: 38px; width: 38px; background: #4745cf; border-radius: 100%; text-align: center; line-height: 38px; font-size: 14px; font-weight: 700; margin-right: 10px; color: #fff; display: inline-block; float: left;}
.msg-send-show img { width: 80px; float: left;}
.model-chat-box .send-msg .msg-send-show { position: relative; background: #ccc; padding: 5px; }
.model-chat-box .send-msg .msg-send-show { position: relative; background: #36424c; padding: 10px 10px 15px 10px; width: 84%; margin-left: auto; max-width: 84%; display: inline-block; float: left; }
.model-chat-box .send-msg .msg-send-show h3 { font-size: 13px; margin: 0; color: #e8e8e8; line-height: 1.2; }
.model-chat-box .msg-show .msg-send-show p { position: relative; right: 0px; top: 0px; font-size: 10px; color: #d4d4d4; margin-bottom: 5px; }
.model-chat-box .rep-sec .send-msg-nm { background: #f3565d; margin-right: 0; margin-left: 10px; float: right; }
.model-chat-box .chat-sec .rep-sec { flex-direction: row-reverse; }
.model-chat-box .rep-sec .msg-send-show { margin-right: auto; margin-left: 0; float: right; max-width: 84%;}
.model-chat-box .type-msg { padding: 10px; margin-top: auto;}
.model-chat-box .type-msg .form-group { margin-bottom: 0;}
.model-chat-box .type-msg textarea { height: 70px; border-radius: 0px; background: #f3f3f3;}
.msg-ico ul.list-msg-icon {padding: 0; margin: 0; display: flex; align-items: center; padding-top: 5px; }
.msg-ico ul.list-msg-icon li {list-style: none; padding: 0 4px; }
.msg-ico ul.list-msg-icon li a {color: #1067a0; }
.msg-ico ul.list-msg-icon li a:hover {color: #000; }
.msg-ico ul.list-msg-icon li:last-child {margin-left: auto; }
.tab-pane .info-sec-mdl { padding: 10px; overflow-x: hidden; overflow-y: auto; height: calc(100vh - 165px); }
.modal .info-sec-mdl::-webkit-scrollbar { width: 0px; }
.box-mdl-nm { background: #ececec; margin-bottom: 10px; padding: 10px; }
.box-mdl-nm .tit-vehicl {margin-top: 0; font-size: 20px; font-weight: 600; margin-bottom: 5px; }
.box-mdl-nm:last-child { margin-bottom: 0px; }
.box-mdl-nm .info-list { display: inline-block; width: 100%; font-size: 14px; padding-bottom: 2px; font-weight: 400; }
.box-mdl-nm .info-list .first-cl-nm { width: 35%; display: inline-block; float: left; font-weight: 600; }
.info-list .right-info-chat { width: 65%; display: inline-block; float: right;}
.info-list .right-info-chat p { margin-bottom: 0; width: 100%; display: block;}
.rate-mdl { display: inline-block; width: 100%; border-bottom: 1px dashed #777; padding-bottom: 20px; margin-bottom: 20px; }
.rate-mdl:last-child { border-bottom: 0px dashed #fff; padding-bottom: 0px; margin-bottom: 0px; }
.rate-mdl .logo-btn-sec h2 { margin: 0; color: #000; font-size: 16px; }
.rate-mdl .logo-btn-sec { display: flex; align-items: center; padding-bottom: 10px; }
.rate-mdl .logo-btn-sec .rate-btn { margin-left: auto; }
.rate-mdl .logo-btn-sec .rate-btn a { background: #1067a0; padding: 4px 8px; font-size: 13px; display: inline-block; color: #fff;}
.rate-mdl .rate-info-mdl { background: #e2e2e2; padding: 10px; display: inline-block; width: 100%; }
.rate-mdl .rate-info-mdl p { margin-bottom: 4px; font-size: 13px; }
.rate-mdl .rate-info-mdl p:last-child { margin-bottom: 0px; }
.rate-mdl .rate-info-mdl p span { width: 100px; display: inline-block; font-weight: 600; }

.email-popup ul li { list-style: none; border-bottom: 1px solid #ccc; padding: 7px 14px; display: flex; width: 100%; font-size: 15px; align-items: center; }
.email-popup ul li:last-child { border-bottom: 0px; }
.email-popup ul li a { margin-left: auto; color: #909090; font-size: 18px; width: 10%; text-align: right; }
.email-popup ul li a:hover{color: #1067a0;}
.email-popup ul li span { width: 90%; }
.email-popup { position: absolute; background: #fff; bottom: 90px; left: 0; right: 0; width: 90%; margin: auto; }
.email-popup ul { margin: 0; padding: 0; border: 1px solid #ccc; height: 200px; overflow-y: auto; overflow-x: hidden; box-shadow: 0 0 10px rgb(0 0 0 / 15%); }
.email-popup ul::-webkit-scrollbar { width: 0px; }


/* Login Page new  */
.lgn-pg-new { display: flex; align-items: center; height: 100vh; }
.lgn-pg-new .left-lgn-prt { width: 50%; background: url(https://agentcentral.rateforce.com/assets/images/login-left-bg.png) no-repeat; height: 100%; background-size: cover; background-position: center; }
.lgn-pg-new .right-lgn-part { width: 50%; background: #1e1246; height: 100%; display: flex; flex-direction: column; justify-content: center; }
.right-lgn-part .form-lgn-new { width: 50%; margin: 0 auto; }
.right-lgn-part .last-logo-lgn { display: none; }
.form-lgn-new img { width: 300px; margin-bottom: 4px; }
.form-lgn-new .img-sub-line { color: #fff; margin-bottom: 50px; }
.form-lgn-new h2 { color: #fff; margin-top: 0; font-size: 23px; margin-bottom: 5px; }
.form-lgn-new .form-group { margin-bottom: 20px; }
.left-lgn-prt img { margin-left: 20px; margin-top: 20px; width: 200px; }
.form-lgn-new .form-group input { border-radius: 0px; padding: 8px 10px 8px 30px; height: auto; }
.form-lgn-new .form-group input.user-field { background: #fff url(https://agentcentral.rateforce.com/assets/images/user.png) no-repeat; background-position: center left 7px; background-size: 14px; }
.form-lgn-new .form-group input.psswrd-field { background: #fff url(https://agentcentral.rateforce.com/assets/images/password.png) no-repeat; background-position: center left 7px; background-size: 14px; }
.form-lgn-new .form-group input:focus { outline: none; }
.form-lgn-new .form-group .checkbox { color: #fff; }
.form-lgn-new button.btn-lgn { width: 100%; display: inline-block; border-radius: 50px; padding: 10px; text-transform: uppercase; font-weight: 600; color: #fff; letter-spacing: 1px; margin-bottom: 20px; margin-top: 15px; }
.form-lgn-new button.btn-lgn:focus { outline: none; }
.form-lgn-new a.frgt-psw { text-align: center; color: #fff; text-decoration: underline; width: 100%; display: inline-block; }

/* Header Search Box */
.serch-box-head input { width: 100%; border-radius: 0; padding: 8px 30px; border: 0px solid #ccc; font-size: 14px; }
.serch-box-head input:focus, .serch-box-head .head-serch:focus { outline: none; border: 0px !important; }
.serch-box-head .head-serch { background: url(https://rfsystemdev.blob.core.windows.net/pos/images/search.png) no-repeat; height: 38px; width: 30px; font-size: 0; box-shadow: none; border: 0px; position: absolute; left: 0; background-size: 18px; background-position: center; padding: 0; }
.serch-box-head.serch-field .head-serch { right: 0; left: auto; width: 38px; }
header .serch-box-head { display: inline-block; width: 20%; margin-left: 15px; position: relative; transition: all 0.3s ease-in-out; }
header .serch-box-head.serch-field { width: 45%; transition: all 0.3s ease-in-out; }
.serch-box-head .btn-field-input { display: inline-block; width: 10%; float: left; display: none; }
.serch-box-head .btn-field-input .btn { padding: 7px 7px; border-radius: 0; width: 100%; border: 0; background: #eaeaea; font-size: 16px; }
.serch-box-head .btn-field-input .btn:focus { outline: none; }
.btn-field-input .btn span.caret { margin-left: 5px; border-top: 5px dashed; border-right: 5px solid transparent; border-left: 5px solid transparent; }
.serch-box-head .drop-field-input { width: 90%; float: left; display: inline-block; position: relative; }
.serch-field .search-panel { display: block; }
.btn-field-input ul.dropdown-menu { border-radius: 0; padding: 0; border: 0; margin: 0; min-width: 200px; width: 200px; }
.btn-field-input ul.dropdown-menu li a { padding: 6px 15px; font-size: 14px; }
.drop-field-input .back-btn-input { position: absolute; top: 0; bottom: 0; margin: auto; left: 10px; font-size: 25px; display: none; color: #9c9c9c; }
.serch-field .drop-field-input .back-btn-input { display: block; }
.serch-box-head.serch-field input { padding: 8px 30px; }
.drop-field-input .dropdown { position: absolute; left: 0; right: 0; width: 100%; top: 36px; background: #fff; box-shadow: 0 4px 5px rgb(0 0 0 / 15%); height: 0px; transition: all 0.2s ease-in-out; overflow-y: scroll; overflow-x: hidden; }
.serch-field .drop-field-input .dropdown { height: 400px; transition: all 1s ease-in-out; }
.drop-field-input .dropdown::-webkit-scrollbar { width: 0px; }
.drop-field-input .dropdown ul { padding: 0; }
.drop-field-input .dropdown ul li { list-style: none; padding: 8px 10px; }
.drop-field-input .dropdown ul li.tit-drop-box { font-size: 16px; font-weight: 600; padding: 5px 10px; }
.drop-field-input hr { margin-top: 5px; margin-bottom: 5px; }
.drop-field-input .dropdown ul li.name-srch { display: flex; align-items: center; }
.drop-field-input .name-srch .circle-nm { width: 6%; }
.drop-field-input .name-srch .circle-nm i { font-size: 16px; }
.drop-field-input .right-inf-nm h2 { margin-top: 0; font-size: 15px; margin-bottom: 2px; }
.drop-field-input .right-inf-nm p { margin-bottom: 0; font-size: 13px; }
.drop-field-input ul li .last-dt-ico { margin-left: auto; font-size: 13px; }
.drop-field-input .name-srch .circle-nm span { height: 30px; width: 30px; display: inline-block; line-height: 30px; background: #1067a0; border-radius: 100%; color: #fff; text-align: center; font-size: 11px; }

/* Offer better rates Popup */
.modal .modal-rates-ofer { width: 65%; }
.modal-rates-ofer .modal-header .modal-title { color: #fff; display: inline-block; width: 100%; font-size: 18px; }
.modal-rates-ofer .modal-header .close { position: absolute; right: 0px; color: #fff; text-shadow: none; opacity: 1; margin: 0; }
.modal-rates-ofer .cust-info h2 { color: #fff; font-size: 16px; padding: 9px; margin: 0px; }
.cust-info .cust-list { margin: 0; padding: 0; }
.cust-info .cust-list li { list-style: none; display: inline-block; width: 100%; font-size: 14px; padding: 8px 10px; }
.cust-info .cust-list li:nth-child(even) { background: #e4e4e4; }
.modal-rates-ofer .cust-info { margin-bottom: 20px; box-shadow: 0 0 9px rgb(0 0 0 / 10%); }
.modal-rates-ofer .form-group label { font-weight: 700; font-size: 15px; }
.modal-rates-ofer textarea { height: 100px; box-shadow: none; }
.modal-rates-ofer .btn-cust p { font-size: 14px; }
.modal-rates-ofer .rates-pop-better > ul { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 15px; }
.modal-rates-ofer .rates-pop-better { height: 450px; overflow-y: auto; overflow-x: hidden; }
.modal-rates-ofer .rates-pop-better::-webkit-scrollbar { width: 0px; }
.rates-pop-better ul.sub-menu { display: none; }
.rates-pop-better ul li:hover ul.sub-menu { display: block; }
.rates-pop-better .buton-tb { padding-bottom: 10px; }

.panel-srch-sec .tbl-main-sec button.btn.dropdown-toggle {background: #f6f6f6 !important; border: 1px solid #ccc; font-size: 12px; color: black;}

/* Employee List */
.pnl-both-sec { display: flex; align-items: center; }
.pnl-tit-left { margin: 0; float: left; font-size: 24px; margin-right: auto; }
.pnl-btn-right { margin-left: auto; }
.tbl-emply { width: 100%; }
.tbl-emply td, .tbl-emply th { border: 1px solid #ccc; padding: 10px; }
.tbl-emply .tit-tbl { width: 100%; display: block; font-weight: 700; }
.tbl-emply tr td:first-child { padding-left: 40px; }
.tbl-emply .desk-tbl { display: block; width: 100%; font-weight: 400; font-size: 15px; }
.tbl-emply td select { padding: 8px 5px; height: auto; box-shadow: none; border: 1px solid #ccc; width: 60%; background: #f9f9f9; }
.tbl-emply td select:focus { outline: none; box-shadow: none; border: 1px solid #ccc; }
.tbl-emply .form-check { text-align: center;}
.tbl-emply .form-check .form-check-input { width: 17px; height: 17px;}


/* Review Management */
.tb-review .review-ct-sec { background: #fff; box-shadow: 0 0 10px rgb(0 0 0 / 10%); padding: 20px; }
.review-info-right { background: #fff; padding: 20px; box-shadow: 0 0 10px rgb(0 0 0 / 10%); }
.review-ct-sec ul li.nav-item a.nav-link { border: 0; margin: 0; padding: 10px 0; color: #909090; }
.review-ct-sec ul li.nav-item a.nav-link:hover { background: none; }
.review-ct-sec ul.nav-tabs { border-bottom: 0; padding-bottom: 30px; }
.review-ct-sec .nav-tabs li.nav-item { width: 33.33%; float: left; text-align: center; border-bottom: 2px solid #ccc; }
.review-ct-sec .nav-tabs li.nav-item.active { border-bottom: 2px solid #1067a0; }
.review-ct-sec .nav-tabs li.nav-item.active a.nav-link { color: #1067a0; }
.rw-tit-top { font-size: 20px; font-weight: 600; margin-top: 0; margin-bottom: 15px; }
.site-link-list .box-list-link { display: flex; align-items: center; padding: 12px 0; border-bottom: 1px solid #ccc; }
.site-link-list .box-list-link:last-child { border-bottom: 0px solid #ccc; }
.site-link-list .box-list-link .link-edt-dlt { margin-left: auto; }
.site-link-list .box-list-link .link-edt-dlt a { padding-left: 5px; color: #1067a0; transition: all 0.3s ease-in-out; }
.site-link-list .box-list-link .link-edt-dlt a:hover { color: #000; transition: all 0.3s ease-in-out; }
.review-ct-sec .tab-pane .link-btn { text-align: center; padding-top: 15px; }
.review-info-right p { width: 100%; display: inline-block; font-weight: 600; font-size: 21px; margin-bottom: 0; }
.star-rating { display: inline-block; padding: 20px; direction: rtl; }
.star-rating input[type="radio"] { display: none; }
.star-rating label { color: #bbb; font-size: 100px; padding: 0; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.star-rating label:hover, .star-rating label:hover ~ label, .star-rating input[type="radio"]:checked ~ label { color: #f2b600; }
.site-link-list .nm-num a { color: #333;}

.modal-link-popup .modal-header { position: relative; }
.modal-link-popup button.close { position: absolute; margin: 0; right: 15px; top: 0; bottom: 0; color: #676767; opacity: 1; font-size: 18px; }
.modal-link-popup button.close:focus { outline: none; }
.modal-link-popup .modal-title { font-size: 17px; padding-right: 30px; }
.social-nm-img h3 { margin: 0; font-size: 20px; font-weight: 600; border-bottom: 1px solid #ccc; padding-bottom: 7px; margin-bottom: 15px; }
.social-nm-img .box-link-icn { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 30px; }
.social-nm-img .box-link-icn img { width: 60%; margin: auto; }
.social-nm-img .box-link-icn .link-img-bg { text-align: center; border: 1px solid #ccc; padding: 15px; height: 88px; background: #f9f9f9;}
.social-nm-img .box-link-icn .link-img-bg a { height: 100%; display: flex; align-items: center;}
.modal-link-popup .social-nm-img:first-child { padding-bottom: 25px; }
.modal .modal-dialog.link-lg-popup { width: 850px; }
.form-link-field .form-group { margin-bottom: 0; }
.modal-link-popup .form-link-field { padding: 10px 0; }


/*  Custom Radio Button  */
.rdio-btn{display:block;position:relative;padding-left:35px;margin-bottom:10px;cursor:pointer;font-size:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.rdio-btn input{position:absolute;opacity:0;cursor:pointer;}
.rdio-btn .checkmark{position:absolute;top:0;left:0;height:22px;width:22px;background-color:#eee;border-radius:50%;}
.rdio-btn:hover input ~ .checkmark{background-color:#ccc;}
.rdio-btn input:checked ~ .checkmark{background-color:#1067a0;}
.rdio-btn .checkmark:after{content:"";position:absolute;display:none;}
.rdio-btn input:checked ~ .checkmark:after{display:block;}
.rdio-btn .checkmark:after{top:8px;left:8px;width:7px;height:7px;border-radius:50%;background:white;}

/* Custom Checkbox */
.check-btn { display: block; position: relative; padding-left: 35px; margin-bottom: 10px; cursor: pointer; font-size: 16px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.check-btn input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.check-btn  .checkmark { position: absolute; top: 0; left: 0; height: 22px; width: 22px; background-color: #eee; }
.check-btn:hover input ~ .checkmark { background-color: #ccc; }
.check-btn input:checked ~ .checkmark { background-color: #2b2051; }
.check-btn  .checkmark:after { content: ""; position: absolute; display: none; }
.check-btn input:checked ~ .checkmark:after { display: block; }
.check-btn .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

/* Form Common Popup */
.form-field-main textarea { height: 105px;}
.modal-dialog .modal-content { border-radius: 0 !important;}
.modal-commun-form .modal-title { font-size: 19px; font-weight: 600;}
.modal-commun-form .modal-header { position: relative;}
.modal-header button.close {background: #1067a0; opacity: 1; color: #fff; margin: 0; text-shadow: none; height: 33px; width: 33px; font-weight: 600; font-size: 20px; text-align: center; position: absolute; right: -10px; top: -10px; transition: all 0.3s ease-in-out;}
.modal-header button.close:hover{opacity: 1; transition: all 0.3s ease-in-out;}
.modal-header button.close:focus{outline: none;}
.modal .lrg-btn-form { width: 90%;}
.modal .mid-btn-form { width: 60%;}
.modal .sml-btn-form { width: 40%;}
.modal-header,.modal-body,.modal-footer{padding: 15px 20px;}


/* Create Account Page */
.create-acc-pg { height: 100vh; }
.create-acc-pg .lft-acc-img { background: #1e1246; width: 50%; height: 100%; display: flex; align-items: center; justify-content: center; float: left; }
.create-acc-pg .rgt-step-frm { background: #fff; width: 50%; height: 100%; float: left; }
.rgt-step-frm .frm-acc-sec { padding: 100px 170px; }
input.invalid { background-color: #ffdddd; }
.tab { display: none; }
#prevBtn { background-color: #bbbbbb; }
.top-step-box .step { display: inline-block; opacity: 1; text-align: center; color: #c1c1c1; font-size: 16px; text-transform: uppercase; font-weight: 600; position: relative; margin: 0 10px; padding: 0px 15px 6px; }
.top-step-box .step.active, .top-step-box .step.finish.active { color: #1067a0; border-bottom: 2px solid #1067a0; }
.top-step-box  .step.finish { color: #399a45; border-bottom: 2px solid #399a45; }
.frm-acc-sec .top-step-box { padding-bottom: 40px; text-align: center; }
.btn-firtstp-last { padding-top: 30px; text-align: center; }
.btn-firtstp-last .btn { font-size: 20px; padding: 10px 35px; text-transform: uppercase; font-weight: 600; }
.tb-in-cont h2 { margin-top: 0; font-weight: 700; margin-bottom: 15px; color: #1067a0; font-size: 35px; }
.tbl-bot-carrier .tit-top-tbl { color: #1067a0; font-weight: 600; margin-top: 0; margin-bottom: 10px; }
.tbl-bot-carrier { padding-top: 40px; }
.tbl-bot-carrier table td, .tbl-bot-carrier table th { border: 1px solid #ccc; padding: 7px 10px; font-size: 15px; }
.tbl-bot-carrier table th { background: #1067a0; color: #fff; font-weight: 600; }
.tbl-bot-carrier table { width: 100%; }
.secnd-lst-btn { padding-top: 40px; text-align: center; }
.secnd-lst-btn .btn { font-size: 20px; padding: 10px 35px; text-transform: uppercase; font-weight: 600; }


/* Driver Detail Page */
.drive-detail-tit { color: #1067a0; text-align: center; font-weight: 700; font-size: 43px; margin-bottom: 20px;margin-top: 0;}
.drive-detail-subtit { text-align: center; font-size: 28px; color: #000;margin-top: 0px;}
.drive-accord-sec { width: 1200px; margin: auto; padding-top: 50px; }
.drive-accord-sec .detail-ico-tit { display: flex; align-items: center; width: 100%; border-bottom: 1px solid #1067a0; padding-bottom: 8px; margin-bottom: 30px; }
.drive-accord-sec .detail-ico-tit img { width: 45px; }
.drive-accord-sec .detail-ico-tit i { font-size: 32px; color: #1067a0;}
.drive-accord-sec .detail-ico-tit .accord-tit-cont { margin: 0; padding-left: 15px; color: #1067a0; font-weight: 600; font-size: 22px; }
.accordian-field-cont .form-group { margin-bottom: 25px; position: relative;}
.drive-accord-sec .panel-heading { background: #1e1246; color: #fff; border-radius: 0; border: 0; padding: 15px 20px 15px 25px; }
.drive-accord-sec .panel-heading .panel-title { font-size: 18px; }
.drive-accord-sec .panel-heading .panel-title a { display: inline-block; width: auto; padding-left: 15px; position: relative; }
.drive-accord-sec .panel-heading .panel-title a i { display: inline-block; color: #00d000; font-size: 23px; padding-left: 10px; line-height: 1; position: absolute; }
.drive-accord-sec .panel-title i {display: inline-block;}
.drive-accord-sec .panel-group .panel-body { border: 0px !important; border-radius: 0; }
.drive-accord-sec .panel.panel-default { border: 0; border-radius: 0px; box-shadow: 0 0 10px rgb(0 0 0 / 10%); margin-top: 0; margin-bottom: 8px; }
.drive-accord-sec .space-bot-box { padding-bottom: 25px; }
.bot-spc-field .form-group { margin-bottom: 0; }
.drive-accord-sec .panel-body { padding: 25px; }
.drive-accord-sec input::placeholder { color: #333 !important; opacity: 1; }
.drive-accord-sec .acord-last-btn { padding-top: 15px; text-align: center; }
.drive-accord-sec .acord-last-btn { padding-top: 25px; text-align: center; }
.error-txt-msg { background: #790000; color: #fff; font-size: 13px; padding: 2px 5px; position: absolute; bottom: -21px; left: 0; right: 0;}
.error-txt-msg:before { position: absolute; content: ''; left: 10px; top: -7px; width: 0; height: 0; border-style: solid; border-width: 0 7px 7px 7px;  border-color: transparent transparent #790000 transparent;}
.frm-check-progg .form-check-label {padding-left: 13px;margin-bottom: 0;font-size: 15px;}
.form-check.frm-check-progg { display: flex;}

.switch { position: relative; }
.switch input[type="checkbox"] { height: 100%; width: 100%; position: absolute; opacity: 0; z-index: 1; cursor: pointer; }
.switch label { cursor: pointer; width: 65px !important; height: 32px !important; background: #dedede; display: block; border-radius: 0; position: relative; margin-bottom: 0; }
.switch label::before { content: attr(data-off); position: absolute; right: 0; font-size: 13px; padding: 9px 5px; color: #666666; line-height: 1.1; }
.switch input:checked + label::before { content: attr(data-on); position: absolute; left: 0; font-size: 12px; padding-left: 7px; color: white; }
.switch label::after { content: ''; position: absolute; top: 5px; left: 4px; width: 22px; height: 22px; background: #fff; border-radius: 0; transition: 0.3s; }
.switch input:checked + label { background: #1067a0; }
.switch input:checked + label:after { -webkit-transform: translateX(33px); transform: translateX(33px); transition: 0.3s; }

/* Quote Report */
.panel-srch-sec td:hover { cursor: pointer; }
.panel-srch-sec tr:hover>td { background: #ececec !important }
.panel-srch-sec .main_title { font-size: 16px; font-weight: 700; text-transform: uppercase; }
.panel-srch-sec .panel-heading.main_title { display: flex; align-items: center; }
.panel-srch-sec .sort-box label { margin-bottom: 0; font-size: 15px; font-weight: 600; text-transform: capitalize; padding-right: 5px; }
.panel-srch-sec .left-form .form-left button.btn { background: #1067a0; color: #fff; padding: 8px 12px; font-weight: 600; float: right; margin-left: 10px; }
.panel-srch-sec .left-form .form-left button.btn:focus { outline: none; }
.panel-srch-sec .left-form { margin-left: auto; }
.panel-srch-sec .left-form input.form-field { position: inherit; top: auto; float: left;border: 1px solid #ccc; padding: 8px 8px 9px; font-size: 14px; box-shadow: none; font-weight: 400; }
.panel-srch-sec .left-form .sort-box { float: right;}
.panel-srch-sec .left-form .calander-example input#DateOfBirth { padding: 8px 8px 9px; font-weight: 400;}
.panel-srch-sec .left-form button.btn { float: right; display: inline-block; margin-left: 10px; }
.panel-srch-sec .left-form .form-left { display: inline-block; float: left; padding-right: 15px; margin-bottom: 0;}
.panel-srch-sec .left-form .calander-example { display: inline-block; float: left; padding-right: 15px; }
.panel-srch-sec .left-form .calander-example input.form-field { position: inherit !important; top: auto !important; right: auto !important; display: inline-block; }
.panel-srch-sec .form-field{border:1px solid #ccc;padding:8px 8px;font-size:14px;border-radius:4px;box-shadow:none}
.panel-srch-sec .form-field:focus{outline:none;border:1px solid #1067a0}
.panel-srch-sec .table{margin-bottom:-5px!important}
.pagination.pgntion-main-sec { float: right; margin: 15px 0px !important;}
.totl-page-cls ul.pagination { margin: 0;}
.totl-page-cls .totl-number-left { margin: 20px 0;}
.panel-srch-sec tbody>tr>td { font-size: 12px; }
.red-heading { color: red; }
.rprt-img-sec img { width: 30px; margin: 0 10px 0px 0; }
.green-box { background-color: #1bbc9b; }
.lightblue-box { background-color: #32c5d2; }
.darkgreen-box { background-color: #26c281; }
.yellow-box { background-color: #c8d046; }
.gray-box { background-color: #22313F; }
.orange-box { background-color: #CC6601; }
.purple-box{    background-image: linear-gradient(#42295A,#2F0743);}
.dashboard-box { display: inline-block; width: 100%; padding-bottom: 30px; }
.dashboard-box .box-im-main { padding: 30px 15px; text-align: right; color: #fff; }
.dashboard-box .box-im-main h2 { margin: 0 0 6px; font-size: 37px; line-height: 1; }
.rates-button { padding: 6px 5px; font-size: 11px; background-color: #30C045; text-align: center; border: 1px solid #228631; color: seashell !important; }
.btn.blue-madison { color: #fff; background-color: #578ebe; border-color: #578ebe; }
.icheck-list>label { display: block; margin-bottom: 8px; }
.icheck-list>label:last-child { margin-bottom: 0; }
.form-horizontal .icheck-inline { margin-top: 8px; }
.icheck-inline>label { display: inline-block; margin-left: 15px; }
.icheck-inline>label:first-child { margin-left: 0; }
div[class*='icheckbox_'], div[class*='iradio_'] { margin-right: 5px; top: -1px !important; }
.icheck-colors { padding: 0; margin: 0; list-style: none; }
.icheck-colors>li { padding: 0; margin: 4px; float: left; display: inline-block; height: 20px; width: 20px; background: #000000; opacity: 0.6; filter: alpha(opacity=60); }
.icheck-colors>li:first-child { margin-left: 0; }
.icheck-colors>li:hover { opacity: 1; filter: alpha(opacity=100); cursor: pointer; }
.icheck-colors>li.active { height: 26px; margin-top: 0; opacity: 0.6; filter: alpha(opacity=60); }
.icheck-colors>li.red { background: #d54e21; }
.icheck-colors>li.green { background: #78a300; }
.icheck-colors>li.blue { background: #0e76a8; }
.icheck-colors>li.aero { background: #9cc2cb; }
.icheck-colors>li.grey { background: #73716e; }
.icheck-colors>li.orange { background: #f70; }
.icheck-colors>li.yellow { background: #fc0; }
.icheck-colors>li.pink { background: #ff66b5; }
.icheck-colors>li.purple { background: #6a5a8c; }
.page-bar .page-toolbar { display: inline-block; float: right; }
.icheckbox_minimal-grey, .iradio_minimal-grey { display: inline-block; display: inline; vertical-align: middle; margin: 0; padding: 0; width: 18px; height: 18px; border: none; cursor: pointer; }
.icheckbox_minimal-grey { background-position: 0 0; }
.bg-font-green-jungle { color: #FFFFFF !important; }
.bg-green-jungle { background: #26C281 !important; }
.bg-green-jungle-opacity { background: rgba(38, 194, 129, 0.8) !important; }
.bg-grey-salsa { background: #ACB5C3 !important; }
.bg-grey-salsa-opacity { background: rgba(172, 181, 195, 0.8) !important; }
.bg-font-yellow-soft { color: #ffffff !important; }
.bg-font-yellow-soft { color: #ffffff !important; }
.bg-hover-grey-salsa:hover { background: #ACB5C3 !important; }
.bg-font-green { color: #FFFFFF !important; }
.bg-yellow-soft { background: #c8d046 !important; }
.bg-yellow-soft-opacity { background: rgba(200, 208, 70, 0.8) !important; }
.bg-hover-yellow-soft:hover { background: #c8d046 !important; }
.bg-green { background: #32c5d2 !important; }
.bg-green-opacity { background: rgba(50, 197, 210, 0.8) !important; }
.bg-hover-green:hover { background: #32c5d2 !important; }
.panel-srch-sec table .sendbetterrate a.btn { font-size: 11px; padding: 6px 5px; }
.panel-srch-sec table td.rprt-img-sec{padding: 6px; vertical-align: middle;} 
.panel-srch-sec table td.rprt-img-sec i { font-size: 19px;display: inherit; padding: 4px; margin: 0 2px;}
.panel-srch-sec .thead-lable-sec th { font-size: 13px; }
.panel-srch-sec table td .btn-group .btn.dropdown-toggle { padding: 4px 5px; }
.tbl-main-sec .rprt-img-sec { position: relative;}
.rprt-img-sec .cunt-tbl {position: absolute; left: 2px; top: 2px; background: #790000; height: 17px; width: 17px; border-radius: 100%; color: #fff; text-align: center; line-height: 17px; font-size: 9px; font-weight: 600; }

/* AH Renewal Report*/
.form-align-left label{
font-size: 15px;
font-weight: 600;
text-transform: capitalize;
width: 195px;
margin-bottom: 0;
}

.form-align-left{
	display:flex !important;
	align-items:center;
}

/*Endorsment new action bytton css*/
.dropdown-list .dropdown-menu-list li { list-style: none;display: inline-block;margin-right: 10px;}
.dropdown-list .dropdown-menu-list li:last-child {margin-right: 0px;}
.dropdown-list ul.dropdown-menu-list { padding: 0; margin: 0;}

/*policy-report*/
.new-policy-summ table { width: 100%; border: 1px solid #eee; }
.new-policy-summ tr th { background: #1e1246; color: #ffffff; text-align: left; padding: 5px 8px; text-transform: uppercase; }
.new-policy-summ td { padding: 5px 8px; background: #f9f9f9; }
.new-policy-summ { display: inline-block; margin-right: 50px; }
.greed_area { border: 1px solid #ccc; padding: 20px; }
.greed_area table { border: 1px solid #ddd; margin-top: 20px; }
.greed_area #target-load { overflow: auto; }
.greed_area { padding: 0px 15px 15px !important; }
.greed_area { border: 1px solid #ccc; padding: 20px; }
.greed_area table { border: 1px solid #ddd; margin-top: 20px; font-size: 11px !important; }
.dropdown-menu>li>a { background: inherit !important; color: #333 !important; padding: 3px 15px;}

.polici-tbl-sec tbody>tr>td { font-size: 12px; }
.policy-pagination {float: right;}
 .polici-tbl-sec td.fc-red { color: red; font-weight: 600; }

.btn.btn-head-right {padding: 8px 10px; }

.main-content.aside-open {margin-left: 140px; }
/* Checkout Page */
.checkout-tit { color: #1067a0; text-align: center; font-weight: 700; font-size: 38px; margin-bottom: 20px; margin-top: 0; }
.chekout-desc { text-align: center; font-size: 23px; color: #000; margin-top: 0px; }
.sidenav .check-info-box { background: #1e1246; padding: 25px; margin-bottom: 30px; }
.sidenav .check-info-box .nm-info { color: #fff; font-size: 22px; margin-bottom: 25px; }
.sidenav .check-info-box .add-main { color: #fff; font-size: 20px; margin-bottom: 25px; }
.sidenav .check-info-box a { color: #fff; width: 100%; display: inline-block; font-size: 20px; }
.check-prise-list .prise-logo-top { background: #1e1246; padding: 25px; }
.check-prise-list .prise-logo-top img { margin: 0 auto 30px; display: block; }
.check-prise-list .prise-logo-top .prise-day { width: 100%; display: flex; color: #fff; align-items: center; }
.check-prise-list .prise-logo-top .prise-day .left-dy-nm { font-size: 20px; }
.check-prise-list .prise-logo-top .right-prise-day { margin-left: auto; font-size: 33px; font-weight: 700; }
.check-prise-list .list-detail-quote { padding: 25px; background: #fff; }
.check-prise-list .list-detail-quote ul { text-align: center; margin: 0; padding: 0; }
.check-prise-list .list-detail-quote ul li { list-style: none; padding: 20px 0; border-bottom: 1px solid #ccc; }
.check-prise-list .list-detail-quote ul li a { font-size: 19px; color: #000; }
.check-prise-list .list-detail-quote ul li a:hover { color: #1067a0; }
.check-prise-list .list-detail-quote ul li:first-child { padding-top: 0; }
.check-prise-list .list-detail-quote ul li:last-child { padding-bottom: 0; border-bottom: 0; }
.check-prise-list { box-shadow: 0 0 9px rgb(0 0 0 / 10%); }
.checkout-pg-top .check-main-sec { padding-top: 50px; padding-bottom: 30px; }
.check-pymnt-bx { padding-bottom: 20px; }
.check-pymnt-bx:last-child { padding-bottom: 0px; }
.blue-bx-tit { background: #1e1246; color: #fff; display: inline-block; width: 100%; margin: 0; padding: 18px 25px; font-size: 25px; margin-bottom: 0px; }
.check-pymnt-bx ul li { margin: 0; border: 0; width: 100%; text-align: center; }
.check-pymnt-bx ul li a { margin: 0; border: 0 !important; padding: 20px 20px 10px; border-bottom: 3px solid #ccc !important; color: #909090; font-size: 20px; text-transform: uppercase; font-weight: 600; }
.check-pymnt-bx ul li a:hover { background: none !important; color: #1067a0 !important; border-bottom: 3px solid #1067a0 !important; }
.check-pymnt-bx ul li.active a { background: none !important; }
.check-pymnt-bx ul li a i { display: block; font-size: 27px; padding-bottom: 5px; }
.check-pymnt-bx ul li.active a { background: none !important; color: #1067a0 !important; border-bottom: 3px solid #1067a0 !important; }
.check-pymnt-bx .tab-pane .form-check { position: relative; padding: 45px 0; border-bottom: 2px solid #ccc; }
.check-pymnt-bx .tab-pane .form-check .form-check-label { width: 100%; margin: 0; padding-left: 70px; }
.check-pymnt-bx .tab-pane .form-check .form-check-label .radio-pymnt-bx { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 15px; }
.check-pymnt-bx .radio-pymnt-bx .tit-prise-cont h4 { margin: 0; font-weight: 700; font-size: 33px; padding-bottom: 12px; }
.check-pymnt-bx .radio-pymnt-bx .tit-prise-cont h4.totl-prise { color: #1067a0; }
.check-pymnt-bx .radio-pymnt-bx .tit-prise-cont span { font-size: 23px; color: #000; line-height: 1; padding-bottom: 8px; display: inline-block; }
.check-pymnt-bx .radio-pymnt-bx .tit-prise-cont p { margin-bottom: 0; font-size: 18px; color: #000; line-height: 1.3; }
.check-pymnt-bx .tab-pane .form-check input { height: 22px; width: 22px; margin: auto; position: absolute; left: 0; top: 0; bottom: 0; }
.check-pymnt-bx .tab-pane .form-check:last-child { border-bottom: 0; padding-bottom: 0px; }
.check-pymnt-bx .nav-tabs { border-bottom: 0; display: flex; justify-content: space-between; }
.tit-prise-cont .link-break { font-size: 18px; text-decoration: underline; line-height: 1; font-weight: 600; }
.check-pymnt-bx .review-plcy-cnfrm { width: 100%; display: inline-block; padding-bottom: 6px; float: left; }
.check-pymnt-bx .review-plcy-cnfrm .tit-confrm { margin-bottom: 0; font-weight: 600; font-size: 19px; color: #1067a0; }
.check-pymnt-bx .review-plcy-cnfrm .confrm-desc-right { margin-bottom: 0; }
.check-pymnt-bx .review-btn { padding-top: 20px; }
.left-checkout-sec .body-checkout-sec { padding: 20px 30px; }
.check-main-sec .left-checkout-sec { background: #fff; }
.check-main-sec .sidenav { width: 480px; }
.check-main-sec .checkout-btn-last { text-align: center; padding-top: 40px; }
.form-group{ position: relative;}

/* Recent Quotes */
.recent-quote-sec { position: fixed; top: 50px; right: 0; height: 100%; background: #f1f1f1; width: 60px; }
.recent-quote-sec h2 { font-size: 13px; font-weight: 600; margin: 0; padding: 8px 0; text-align: center; }
.recent-quote-sec ul { padding: 0; margin: 0; text-align: center; }
.recent-quote-sec ul li { padding: 4px 0; list-style: none; background: #ccc; position: relative; border-bottom: 1px solid #fff; transition: all 0.3s ease-in-out; }
.recent-quote-sec ul li:hover { opacity: 0.7; transition: all 0.3s ease-in-out; }
.recent-quote-sec ul li:last-child { border-bottom: 0px; }
.recent-quote-sec ul li a { color: #fff; font-weight: 700; text-transform: uppercase; font-size: 15px; }
.recent-quote-sec ul li.active { background: #1067a0; }
.recent-quote-sec ul li i { position: absolute; left: 3px; font-size: 14px; }
.recent-quote-sec ul li.unselect { background: #66bb6a; }
.recent-quote-sec ul li.select { background: #66bb6a; }
.recent-quote-sec ul li:hover { cursor: hand; cursor: pointer; }
.recent-quote-sec li .submenu { display: none; transition: all 0.3s ease-in-out; }
.recent-quote-sec li .submenu li { background: #ccc; }
.recent-quote-sec li.active .submenu li { background: #1067a0; }
.recent-quote-sec li.unselect .submenu li, .recent-quote-sec li.select .submenu li { background: #66bb6a; }
.recent-quote-sec li:hover .submenu { display: block; position: absolute; left: -200px; width: 200px; top: 0; text-align: right; transition: all 0.3s ease-in-out; }
.recent-quote-sec li .submenu li a { padding: 4px 10px; }

/* Esign History Popup */
.esign-histry-bx .histry-tit { margin-top: 0; font-weight: 600; font-size: 16px; }
.esign-histry-bx ul { padding: 0; margin: 0; padding-bottom: 6px; }
.esign-histry-bx ul li { list-style: none; font-size: 15px; font-weight: 600; padding-bottom: 2px; }
.esign-histry-bx .histry-right-frm { padding-top: 20px; }
.histry-file-sec { display: inline-block; width: 100%; padding-bottom: 15px; }
.histry-file-sec .img-hstry-sec { width: calc(33.3% - 10px); float: left; padding: 10px; border: 1px solid #ccc; margin-right: 10px; margin-bottom: 10px; }
.histry-file-sec .img-hstry-sec img { width: 100%; }
.histry-file-sec .upload-btn-wrapper { position: relative; overflow: hidden; display: inline-block; width: calc(34.13% - 10px); margin-right: 0px; height: 11vw; }
.histry-file-sec .upload-btn-wrapper .btn { border: 1px solid #ccc; color: #000; background-color: white; padding: 8px 0px; font-size: 14px; width: 100%; height: 100%; }
.histry-file-sec .upload-btn-wrapper input[type=file] { font-size: 100px; position: absolute; left: 0; top: 0; opacity: 0; width: 100%; bottom: 0; margin: auto; }
.histry-file-sec .img-hstry-sec:nth-child(3n) { margin-right: 0; }
.form-field-main .border-type-sec:before { position: absolute; content: ''; left: 0; top: 0; bottom: 0; height: 92%; margin: auto; width: 2px; background: #ccc; right: 0; }
label.lbl-histry-left { margin-bottom: 0; margin-top: 10px; }
.histry-file-sec .upload-btn-wrapper .btn img { display: block; margin: 5px auto 0; width: 25px; opacity: 0.6; }

/* Esign Process */
.process-btn .rdio-btn { margin-bottom: 15px; }
.process-btn .rdio-btn:last-child { margin-bottom: 0; }
.process-paymnt-sec ul { padding: 0; margin: 0; }
.process-paymnt-sec ul li { padding-left: 35px; list-style: none; padding-bottom: 30px; position: relative; }
.process-paymnt-sec ul li h4 { margin-top: 0; margin-bottom: 0; padding-bottom: 13px; font-size: 17px; }
.process-paymnt-sec ul li:after { position: absolute; content: ''; left: 10px; top: 0; bottom: 0; height: 100%; width: 2px; background: #ccc; }
.process-paymnt-sec ul li:before { position: absolute; content: ''; left: 2px; top: 0; height: 20px; width: 20px; border: 2px solid #ccc; border-radius: 100%; background: #fff; z-index: 9; }
.process-paymnt-sec ul li.active:before, .process-paymnt-sec ul li.complete:before { background: #ccc; }

/* Review Popup */
.modal-review .modal-header { border-bottom: 0; padding: 0; }
.revire-popup .stat-popup { padding: 0; width: 100%; text-align: center; }
.revire-popup .stat-popup label { margin-bottom: 0; }
.revire-popup .stat-popup label { margin-bottom: 0; line-height: 1; font-size: 50px; }
.modal-review .revire-popup h2 { text-align: center; font-size: 23px; font-weight: 600; color: #1067a0; line-height: 1.3; margin-top: 0; margin-bottom: 17px; }
.revire-popup p { text-align: center; width: 70%; margin: auto; padding-bottom: 30px; }
.modal-review .revire-popup { padding: 40px 0; }

/* Payment Screen */
.left-form.policy-sec-top { margin-right: 0; }
.left-form.policy-sec-top .btn { margin-left: 0px !important; border-right: 0; }
.left-form.policy-sec-top span { padding-top: 10px; }
.left-form.policy-sec-top .btn:first-of-type { border-right: 1px solid #1067a0; }
.capture-btn-input .input-group { width: 100%; }
.capture-btn-input .input-group .input-group-prepend { display: table-cell; vertical-align: middle; text-align: center; background: #d6d6d6; width: 40px; }
.capture-btn-input .input-group input { padding: 10px 10px !important; height: auto; border-radius: 0 5px 5px 0; border: 0; color: #000; font-weight: 600; font-size: 16px; }
.capture-pymnt-sec { background: #008000; padding: 20px; width: 50%; float: left; display: inline-block; }
.capture-pymnt-sec .capture-left-sec { width: 60%; float: left; }
.capture-pymnt-sec .capture-right-sec { width: 40%; float: left; padding-left: 35px; }
.capture-left-sec select { background: rgba(255, 255, 255, 0.3); border: 1px solid rgb(77 166 77); color: #fff; appearance: auto; }
.left-cature-main label { color: #fff; font-size: 14px; padding-bottom: 1px; }
.capture-btn-input { display: flex; align-items: flex-end; }
.capture-btn-input .left-cature-main { margin-right: 15px; }
.capture-btn-input .btn { padding: 10px 10px; }
.capture-right-sec ul li { color: #fff; list-style: none; font-size: 14px; padding-bottom: 5px; }
.capture-right-sec ul { margin-bottom: 0 !important; padding: 0; }
.capture-left-sec option { color: #000; }

/* Multiple Payment Screen */
.multi-show-hide .box-multipl-select .radio-sec-top { margin-bottom: 0; border-bottom: 0; }
.box-multipl-select .credit-left-sec { border-bottom: 1px solid #fff; transition: all 0.3s ease-in-out; }
.multi-show-hide .btn-multipl { text-align: center; display: inline-block; width: 100%; padding-top: 10px; }
.multi-show-hide .btn-multipl .pymnt-select-bx { color: #fff; background: #008000; padding: 6px 10px; display: inline-block; font-size: 13px; }
.box-multipl-select { padding-top: 3px; }
.box-multipl-select .credit-left-sec:hover { background: #069606; transition: all 0.3s ease-in-out; }

.updt-rate-overlay {position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: rgba(0,0,0,0.8); z-index: 9; display: flex; align-items: center; justify-content: center; }
.updt-rate-overlay .btn-overly-rate {background: #f1f18d; display: inline-block; padding: 12px 50px; font-size: 22px; font-weight: bold; letter-spacing: 0; line-height: 1.2; color: #000; transition: all 0.3s ease-in-out; cursor: pointer; }

/* Submit Quote */
.submit-quote-box { width: 800px; margin: auto; }
.submit-quote-box .submit-tit-check { background: #fff; padding: 30px; display: inline-block; width: 100%; margin-top: 30px; box-shadow: 0 0 9px rgb(0 0 0 / 10%); }
.submit-quote-box .submit-tit-check h2 { margin-top: 0; margin-bottom: 10px; line-height: 1; font-weight: 700; text-transform: capitalize; font-size: 30px; }
.submit-quote-box .submit-tit-check h3 { margin-top: 0; font-size: 20px; }
.submit-tit-check .quote-check { width: 100%; display: inline-block; padding-top: 30px; }
.submit-tit-check .quote-check label.check-btn { margin-bottom: 14px; }

/* Sign Application Popup */
.option-sec-modal {padding-bottom: 30px; }
.option-sec-modal .option-tit-sec {background: #e8e8e8; margin: 0; font-size: 16px; font-weight: 600; margin-bottom: 15px; padding: 20px 15px; }
.option-sec-modal .form-opt-fiel, .option-sec-modal .form-btn-last {padding: 0 15px; }
.option-sec-modal:last-child{padding-bottom: 0px;}
.form-opt-fiel .btn-kiosk-send { margin-top: 3px; margin-right: 0;}

/* Payment and Coverage Info popup */
.info-cmpny-popup .price-box-info { border: 1px solid #e8e8e8; }
.info-cmpny-popup .price-box-info:first-child { margin-bottom: 20px; }
.price-box-info .title-info-price { background: #1067a0; margin: 0; padding: 15px; line-height: 1; font-size: 18px; text-transform: uppercase; color: #fff; font-weight: 600; }
.price-box-info .listing-info-price { padding: 15px; background: #f8f8f8; }
.price-box-info .listing-info-price ul { padding: 0; margin: 0; }
.price-box-info .listing-info-price ul li { padding: 6px 0; display: inline-block; width: 100%; list-style: none; font-size: 16px; }
.price-box-info .listing-info-price ul li .info-nm-left { width: 50%; float: left; display: inline-block; }
.price-box-info .listing-info-price ul li .right-info-detail { float: right; width: 50%; font-weight: 600; }
.listing-info-price .coverage-box-price { padding-bottom: 25px; display: inline-block; width: 100%; }
.listing-info-price .listin-sec-tit { margin: 0; font-size: 18px; text-transform: uppercase; padding-bottom: 5px; font-weight: 600; }
.auto-height-sec { height: 400px; overflow-x: hidden; overflow-y: auto; }
.auto-height-sec::-webkit-scrollbar { width: 8px; border-radius: 10px; }
.auto-height-sec::-webkit-scrollbar-thumb { background-color: #d8d8d8; border-radius: 10px; }
.listing-info-price .coverage-box-price:last-child { padding-bottom: 0; }
.right-cmpny-info-part .cmpny-logo-price-sec { display: grid; grid-template-columns: repeat(4, 1fr); align-items: center; grid-gap: 20px; text-align: center; }
.right-cmpny-info-part { padding: 30px 0; border-bottom: 1px solid #ccc; }
.right-cmpny-info-part .cmpny-logo-price-sec > span { position: relative; }
.right-cmpny-info-part .cmpny-logo-price-sec > span:before { position: absolute; content: ''; left: -10px; top: 0; bottom: 0; margin: auto; height: 40px; width: 1px; background: #888; }
.right-cmpny-info-part .cmpny-logo-price-sec > span:first-child:before { display: none; }
.cmpny-nm-price h4 { margin: 0; font-size: 22px; font-weight: 600; }
.pyment-detail-last { padding: 30px 0; }
.cmpny-save-prise .save-price { font-weight: 600; font-size: 22px; text-decoration: line-through; }
.cmpny-save-prise .save-persentage { background: #018001; color: #fff; padding: 3px 7px; font-size: 13px; }
.cmpny-finl-price .fixed-price-sec { font-size: 30px; font-weight: 600; }
.cmpny-finl-price .fixed-price-sec .mnth-year-prise { font-size: 19px; }
.pyment-detail-last ul { padding: 0; margin: 0; padding-bottom: 30px; }
.pyment-detail-last ul li { list-style: none; display: inline-block; width: 100%; padding: 10px 0; }
.pyment-detail-last ul li .left-pymnt-list { font-size: 20px; width: 40%; display: inline-block; float: left; line-height: 1; }
.pyment-detail-last ul li .right-pymny-list { font-size: 20px; width: 60%; display: inline-block; float: right; line-height: 1; font-weight: 600; }
.pyment-detail-last p { font-size: 22px; margin-bottom: 25px; text-align: center; }
.pyment-detail-last .due-price-day .only-prise-sec { background: #018001; color: #fff; padding: 7px 8px; line-height: 1; display: inline-block; font-weight: 600; }
.pyment-detail-last .due-price-day { padding-bottom: 25px; font-size: 20px; text-align: center; }
.pyment-detail-last button.btn { text-transform: uppercase; font-size: 17px; display: block; margin: auto; }
.pyment-detail-last a.quote-link { display: flex; justify-content: center; margin-top: 25px; }
.box-last-info { padding: 30px; background: #f5f5f5; }

/* Make Payment Popup */
.pymnt-scrn-sec .amout-dt { display: inline-block; width: 100%; padding-bottom: 10px; }
.amout-dt .dt-due { width: 50%; display: inline-block; float: left; }
.amout-dt .dt-due label { font-weight: 600; font-size: 16px; }
.amout-dt .dt-due h2 { margin-top: 0; font-weight: 700; font-size: 33px; }
.amout-dt .dt-due h3 { margin: 0; font-size: 26px; font-weight: 600; }
.modal .white-popup-bg .modal-content { background: #fff; }
.amount-pymnt label { font-weight: 600; font-size: 16px; }
.pymnt-scrn-sec .amount-pymnt { display: inline-block; width: 100%; padding-bottom: 40px; }
.pymnt-scrn-sec .amount-pymnt .form-group { width: 50%; margin-bottom: 0; }
.pymnt-scrn-sec .amount-pymnt .form-group .input-group { width: 100%; display: flex; align-items: center; background: #dedede; }
.pymnt-scrn-sec .amount-pymnt .form-group .input-group .input-group-prepend { padding: 0 12px; font-size: 25px; }
.pymnt-radio-check .rdio-btn .crd-num { display: block; font-size: 14px; }
.pymnt-radio-check .rdio-btn { color: #000; margin-bottom: 0; padding-bottom: 16px; border-bottom: 1px solid #ccc; padding-top: 16px; }
.pymnt-radio-check .rdio-btn:last-child { border-bottom: 0px; }
.pymnt-radio-check .rdio-btn .checkmark { top: 15px; }
.card-detail input.form-control { position: relative; opacity: 1; cursor: auto; }
.card-detail { padding: 20px; border: 1px solid #ccc; margin-top: 20px; width: 80%; display: none; }
.pymnt-radio-check input:checked ~ .card-detail { display: block; }
.card-detail h3 { margin-top: 0; font-size: 21px; font-weight: 600; margin-bottom: 20px; }
.card-detail .select-field select { width: 25%; float: left; display: inline-block; margin-right: 10px; }
.card-detail label { display: inline-block; width: 100%; }
.card-detail .form-group { display: inline-block; width: 100%; margin-bottom: 20px; }
.card-detail .col-lg-12:last-child .form-group { margin-bottom: 0; }
.pymnt-scrn-sec .pymnt-radio-check { padding-bottom: 15px; }
.pymnt-notes .form-group textarea { height: 110px; }

/* Customer Section Page */
.white-custmr-bx { background: #fff; display: inline-block; width: 100%; }
.custmr-info { padding: 20px; }
.custmr-info h1 { margin-top: 0; font-size: 30px; margin-bottom: 16px; font-weight: 600; }
.white-custmr-bx .intro-custmr-sec { display: block; padding-bottom: 15px; }
.intro-custmr-sec .lbl-tit { display: block; font-weight: 700; color: #252525; }
.white-custmr-bx .intro-custmr-sec .info-lbl-tit { font-size: 15px; }
.all-info-link { text-align: center; display: block; }
.all-info-link a { font-weight: 600; font-size: 15px; text-decoration: underline; color: #1067a0; }
.all-info-link a:hover { color: #000; }
.tit-all-info { background: #f1f1f1; margin: 0; padding: 9px 15px; font-size: 19px; font-weight: 700; }
.intro-custmr-sec img { margin: auto; display: block; width: 80%; }
.customer-intro-all { display: inline-block; width: 100%; height: 400px; }
.customer-intro-all .tb-active-sec { width: 67%; float: left; display: block; padding-right: 30px; border-right: 1px solid #ccc; }
.customer-intro-all .activity-info-right { width: 30%; float: right; display: block; }
.customer-intro-all .tb-active-sec ul li.nav-item { width: 16.5%; }
.customer-intro-all .tb-active-sec ul li.nav-item a { color: #000; font-weight: 600; }
.activity-info-right h2 { font-size: 23px; margin: 0px; padding-top: 8px; font-weight: 600; border-bottom: 2px solid #ccc; padding-bottom: 9px; padding-left: 15px; }
.custmr-btn-sec { background: #fff; padding: 13px; margin-bottom: 15px; display: flex; align-items: center; box-shadow: 0 0 10px rgb(0 0 0 / 10%); }
.custmr-btn-sec .customr-right-btn { margin-left: auto; }
.nmid-custmr-sec { background: #efefef; padding: 15px; margin-bottom: 15px; box-shadow: 0 0 10px rgb(0 0 0 / 10%); display: flex; align-items: center; }
.custmr-id-left h2 { margin: 0; font-size: 25px; font-weight: 600; text-transform: uppercase; }
.custmr-id-left h2 span { font-size: 21px; }
.nmid-custmr-sec .custmr-edit-right { margin-left: auto; }
.nmid-custmr-sec .custmr-edit-right .responsibl-tit { color: #000; font-weight: 600; font-size: 15px; margin-bottom: 5px; text-transform: uppercase; }
.nmid-custmr-sec .custmr-edit-right .nm-img-customer { text-align: right; }
.nm-img-customer .img-circle-custmr { height: 30px; width: 30px; background: #fff; border-radius: 100%; display: inline-block; text-align: center; line-height: 25px; margin-right: 6px; }
.nm-img-customer .img-circle-custmr img { width: 20px; margin-left: 3px; }
.nm-img-customer .nm-ico-edit { font-weight: 700; color: #1067a0; font-size: 15px; }
.nm-img-customer .nm-ico-edit a { margin-left: 4px; font-size: 20px; vertical-align: middle; color: #8a8a8a; }
.nm-img-customer .nm-ico-edit a:hover { color: #1067a0; }

.right-task-note-sec .blank-sec-text { background: #fff; padding: 20px; text-align: center; box-shadow: 0 0 10px rgb(0 0 0 / 10%); height: 309px; display: flex; align-items: center; justify-content: center; }
.right-task-note-sec .blank-sec-text h3 { margin: 0; font-weight: 600; font-size: 21px; }
.right-task-note-sec .activity-info-right { background: #fff; padding: 10px; margin-bottom: 15px; box-shadow: 0 0 10px rgb(0 0 0 / 10%); }
.right-task-note-sec .activity-info-right:last-child { margin-bottom: 0px; }
.right-task-note-sec { display: block; margin-bottom: 20px; }
.activity-info-right table { width: 100%; }
.activity-info-right table th:last-child, .activity-info-right table td:last-child { text-align: right; }
.activity-info-right table th, .activity-info-right table td { padding: 8px; border-bottom: 1px solid #ccc; }
.activity-info-right table tbody tr:last-child td { border-bottom: 0px; }
.activity-info-right table tr td { font-size: 14px; }
.tb-customer-main { display: inline-block; width: 100%;}
.tb-customer-main .tb-active-sec { width: 67%; float: left; display: block; padding-right: 30px; border-right: 1px solid #ccc; }
.tb-customer-main .activity-info-right { width: 30%; float: right; display: block; }
.tb-customer-main .tb-active-sec ul li.nav-item { width: 16.5%; }
.tb-customer-main .tb-active-sec ul li.nav-item a { color: #000; font-weight: 600; }
.tb-customer-main .tb-active-sec { width: 100%; border-right: 0; padding-right: 0; }
.tb-active-sec .tbl-main-sec table td { font-size: 13px; vertical-align: middle; padding: 7px; }
.tb-active-sec .tbl-main-sec table th { font-size: 14px; padding: 6px; }
.tb-active-sec .tbl-main-sec table td.rprt-img-sec { width: 72px; }
.tb-active-sec .tbl-main-sec table td.rprt-img-sec i { color: #578ebe; font-size: 14px; padding: 0 2px; }

/* Split Payment Third Tab */
.third-tb-split { padding: 20px; border: 1px solid #c7c7c7;}
.pyment-split-icon .form-group .input-group { width: 100%;  border: 1px solid #ccc;}
.pyment-split-icon .form-group .input-group .input-group-prepend { display: table-cell; vertical-align: middle; text-align: center; background: #d6d6d6; width: 40px; }
.pyment-split-icon .form-group .input-group input {padding: 10px 15px !important; height: auto; border-radius: 0 5px 5px 0; border: 0; color: #000; font-size: 14px; }
.pyment-split-icon .form-group .input-group input:focus{border: 0px !important;}
.third-tb-split .right-payment-sec { margin-top: 20px; background: #ededed;}
.third-tb-split .btn-purchase { text-align: center; padding-top: 30px;}


.btn-light-yellow { background: #ffffa2; color: #000; border: 1px solid #000;}
.btn-light-yellow:hover {background: #ffffa2; color: #000;}
.vin-check input.form-check-input { height: 19px;width: 19px;}

.vin-check { padding-top: 10px;}

.drop-down-right.form-left {
    margin-left: 10px;
}


/* .sum-main-sec { */
    /* overflow-x: auto; */
    /* overflow-y: auto; */
/* } */

/* .sum-main-sec table.table { */
    /* min-width: 2000px; */
    /* max-width: inherit; */
/* } */

/*---------Media Quaries----------*/
@media only screen and (min-width: 3701px) and (max-width: 4200px){
.sticky-sec {
    transform: translate(194px, 0px);
}
}

@media only screen and (min-width: 3200px) and (max-width: 3700px){
.sticky-sec {
    transform: translate(174px, 0px);
}
}   

@media only screen and (max-width: 1600px){
    .dark-sidebar_list ul li {list-style-type: none; padding: 9px 20px; } 
    .chat-support {position: inherit; padding-bottom: 20px; }
    .policy-img {padding: 10px; margin-top: 10px; margin-bottom: 15px; }

/* Coverage Packege Page */
.radio-btn-list .inline-radio .radio-box { width: 21%; }
.pkg-field .input-pkg { width: 40%; }
.pkg-field .prise-pkg { width: 28%; }
.pkg-field .left-tit-pkg { width: 41%; }
.pkg-field .left-tit-pkg span { font-size: 16px; }    

.btn { padding: 6px 10px;font-size: 14px;}

/* Offer better rates Popup */
.btn-cust .btn { font-size: 13px; }
.company-box .box-info h2 { font-size: 15px; padding: 10px 10px; }
.company-box .prise-info { padding: 10px; }
.company-box .prise-info h3 { font-size: 15px; }
.company-box .prise-info h4 { font-size: 13px; }
.part-sec-boxes ul li { padding-bottom: 15px; }

/* Create Account Page */
.rgt-step-frm .frm-acc-sec { padding: 40px 70px;}
.tb-in-cont h2 { margin-bottom: 13px; font-size: 30px;}
.frm-acc-sec .top-step-box { padding-bottom: 30px;}
.tbl-bot-carrier { padding-top: 20px;}
.secnd-lst-btn { padding-top: 30px; text-align: center;}
.secnd-lst-btn .btn,.btn-firtstp-last .btn { font-size: 18px; padding: 9px 30px;}

/* Checkout page */
.check-main-sec .sidenav { width: 380px;}
.checkout-tit { font-size: 34px; margin-bottom: 10px;}
.chekout-desc { font-size: 20px;}
.checkout-pg-top .check-main-sec { padding-top: 30px;}
.blue-bx-tit { padding: 14px 18px; font-size: 18px;}
.check-pymnt-bx ul li a {padding: 10px 15px 6px; font-size: 15px;}
.check-pymnt-bx ul li a i {font-size: 22px;padding-bottom: 6px;}
.check-pymnt-bx .tab-pane .form-check {padding: 35px 0;}
.check-pymnt-bx .tab-pane .form-check .form-check-label {padding-left: 60px;}
.check-pymnt-bx .radio-pymnt-bx .tit-prise-cont span {font-size: 19px; padding-bottom: 6px;}
.check-pymnt-bx .radio-pymnt-bx .tit-prise-cont h4 {font-size: 27px; padding-bottom: 10px;}
.check-pymnt-bx .radio-pymnt-bx .tit-prise-cont p { font-size: 15px;line-height: 1.2;}
.check-pymnt-bx .tab-pane .form-check input { height: 18px; width: 18px;}
.tit-prise-cont .link-break { font-size: 15px;}
.check-pymnt-bx .review-plcy-cnfrm .tit-confrm { font-size: 18px;}
.check-pymnt-bx .review-btn { padding-top: 15px;}
.sidenav .check-info-box .nm-info { font-size: 20px; margin-bottom: 20px;}
.sidenav .check-info-box .add-main {font-size: 18px; margin-bottom: 20px;}
.sidenav .check-info-box a { font-size: 18px;}
.sidenav .check-info-box { margin-bottom: 25px;padding: 20px;}
.check-prise-list .prise-logo-top img { margin: 0 auto 20px; width: 230px;}
.check-prise-list .prise-logo-top .prise-day .left-dy-nm { font-size: 18px;}
.check-prise-list .prise-logo-top .right-prise-day { font-size: 28px; font-weight: 700;}
.check-prise-list .prise-logo-top { padding: 20px;}
.check-prise-list .list-detail-quote { padding: 20px;}
.check-prise-list .list-detail-quote ul li { padding: 15px 0;}
.check-prise-list .list-detail-quote ul li a { font-size: 16px;}

.histry-file-sec .upload-btn-wrapper { height: 15.4vw;}

/* Payment and Coverage Info popup */
.price-box-info .title-info-price { padding: 12px 15px; }
.price-box-info .listing-info-price ul li { padding: 5px 0; }
.listing-info-price .listin-sec-tit { font-size: 17px; }
.pyment-detail-last ul li .left-pymnt-list { font-size: 18px; }
.pyment-detail-last ul li .right-pymny-list { font-size: 18px; }
.logo-cmpy-right img { width: 120px; }
.cmpny-nm-price h4 { font-size: 21px; }
.pyment-detail-last p { font-size: 20px; margin-bottom: 20px; }
.pyment-detail-last .due-price-day { padding-bottom: 20px; }
.pyment-detail-last a.quote-link { margin-top: 20px; }
.pyment-detail-last ul li { padding: 8px 0; }
.modal-dialog.popup-form-width { width: 80%;}

/* Customer Section Page */
.customer-intro-all .tb-active-sec ul li.nav-item a { font-size: 14px;}
.tb-customer-main .tbl-main-sec table { width: 1250px; max-width: 1250px;}
.tb-customer-main .tbl-main-sec { overflow-x: auto; overflow-y: hidden;}
}

@media only screen and (max-width:1279px){
.thead-sum-sec th {font-size: 14px;}
.inner-cntnt-sec.main-content_inner {padding: 80px 5px 30px 5px;}
.inner-cntnt-sec span {font-size: 15px;}
.calander-example input#DateOfBirth {padding: 5px 8px;font-size: 15px;}
.inner-cntnt-sec .form-field {padding: 6px 8px;}
.inner-cntnt-sec .left-form .form-left button.btn {padding: 6px 12px !important;}
.dark-sidebar_list ul li { padding: 9px 15px;}
aside ul.menu-left li:hover .aside-title { padding: 13px 15px;}
aside ul li:hover ul.sub-menu { top: 41px;}
.nt-icon img {width: 20px;}
.n-dw-list { width: 360px; z-index: 999;}
.nt-title { font-size: 15px;  margin-bottom: 9px;}
.nt-title > span { font-size: 12px;}
.n-dw-list .n-list-inner .nt-icon { height: 38px; width: 38px; line-height: 36px;}
.nt-disc > p {  font-size: 14px;}


/* Applicant */
.cunt-btn-sec {width: 43%; }

/*policy-report*/
.polici-thd-sec tr {font-size: 14px;}
.plcy-dfult-main-sec span {font-size: 15px}
.plcy-dfult-main-sec .form-field {padding: 6px 8px;}
.plcy-dfult-main-sec .left-form .form-left button.btn {padding: 6px 12px;}
.polici-tbl-sec .table {margin-bottom: 0px !important; width: 950px; max-width: 950px;}
.polici-tbl-sec {overflow-x: scroll; overflow-y: hidden;}

/* Coverage Packege Page */    
.coverage-tabs ul.nav li a { padding: 12px 12px; font-size: 14px; }
.pymtn-list-pln .grid-list-view { padding-left: 20px; }
.pkg-field .left-tit-pkg { width: 41%; font-size: 11px; }
.pkg-field .left-tit-pkg span { font-size: 13px; }
.pkg-field .prise-pkg { width: 28%; font-size: 11px; }
.pkg-field .prise-pkg .prise-info-pkg { font-size: 14px; }
.pkg-field .input-pkg { font-size: 18px; }
.list-cover-pkg .pkg-field { padding-bottom: 10px; }

/* Offer better rates Popup */
.modal .modal-rates-ofer { width: 90%;}

/* Quote Report */
.panel-srch-sec .tbl-main-sec { overflow-x: scroll; overflow-y: scroll; }
.panel-srch-sec .thead-lable-sec tr { font-size: 14px; }
.panel-srch-sec .thead-lable-sec th { vertical-align: top !important; }
.panel-srch-sec .tbl-main-sec .table { width: 1300px; max-width: 1300px; margin-bottom: 0px !important; }
.pgntion-main-sec { margin: 10px 40px !important; }
.panel-srch-sec span { font-size: 15px; }
.boxes-main-sec p { font-size: 15px; }
.boxes-main-sec h2 { font-size: 35px !important; }
.inner-pg-mani-sec { padding: 80px 20px 0px 20px; }
.inner-pg-mani-sec .dashboard-box { padding-bottom: 20px !important; }

/* Review Management */
.tb-review .col-lg-3 { width: 35%; }
.tb-review .col-lg-9 { width: 65%; }
.review-info-right p { font-size: 18px; }
.star-rating label { font-size: 70px; }
.star-rating { padding: 10px 0px 0 0; }


/* Form Common Popup */
.modal .mid-btn-form { width: 80%;}
.modal .sml-btn-form { width: 70%;}

/* Create Account Page */
.rgt-step-frm .frm-acc-sec { padding: 30px 40px; }
.tb-in-cont h2 { font-size: 25px; }
.btn-firtstp-last { padding-top: 20px; }
.create-acc-pg .rgt-step-frm { width: 60%; }
.create-acc-pg .lft-acc-img { width: 40%; }
.create-acc-pg .lft-acc-img img { width: 100%; }
.tbl-bot-carrier .tit-top-tbl { font-size: 22px; }

/* Payment Option Page */
.paymet-tab-sec ul li a { font-size: 14px; }
.radio-sec-top label { font-size: 13px; }
.right-payment-sec label { font-size: 13px; margin-bottom: 3px; }
.right-payment-sec .form-group input, .right-payment-sec .form-group select { font-size: 13px; }
.right-payment-sec .form-check { padding-bottom: 15px; }

/* Driver Detail Page */
.drive-detail-tit { font-size: 30px; margin-bottom: 10px; }
.drive-detail-subtit { font-size: 20px; }
.drive-accord-sec { width: 840px; padding-top: 30px; }
.drive-accord-sec .panel-heading .panel-title { font-size: 16px; }
.drive-accord-sec .panel-heading .panel-title a i { font-size: 20px; }
.drive-accord-sec .panel-body { padding: 20px; }
.drive-accord-sec .detail-ico-tit .accord-tit-cont { font-size: 19px; }
.drive-accord-sec .detail-ico-tit img { width: 37px; }
.drive-accord-sec .detail-ico-tit { margin-bottom: 20px; }
.accordian-field-cont .form-group label { font-size: 15px; }

/* Checkout page */
.checkout-tit { font-size: 30px; margin-bottom: 9px; }
.chekout-desc { font-size: 19px; }
.blue-bx-tit { padding: 13px 14px; font-size: 16px; }
.check-pymnt-bx ul li a { padding: 10px 10px 6px; font-size: 13px; }
.check-pymnt-bx ul li a i { font-size: 20px; padding-bottom: 6px; }
.check-pymnt-bx .tab-pane .form-check { padding: 25px 0; }
.check-pymnt-bx .tab-pane .form-check .form-check-label { padding-left: 50px; }
.check-pymnt-bx .radio-pymnt-bx .tit-prise-cont span { font-size: 16px; padding-bottom: 5px; }
.check-pymnt-bx .radio-pymnt-bx .tit-prise-cont h4 { font-size: 23px; }
.check-pymnt-bx .radio-pymnt-bx .tit-prise-cont p { font-size: 14px; line-height: 1.1; }
.tit-prise-cont .link-break { font-size: 14px; }
.check-pymnt-bx .tab-pane .form-check input { height: 15px; width: 15px; }
.check-pymnt-bx .review-plcy-cnfrm .col-lg-4 { width: 50%; }
.check-main-sec .sidenav { width: 300px; }
.sidenav .check-info-box .nm-info { font-size: 18px; margin-bottom: 15px; }
.sidenav .check-info-box .add-main { font-size: 16px; margin-bottom: 15px; }
.sidenav .check-info-box a { font-size: 16px; }
.sidenav .check-info-box { margin-bottom: 20px; }
.check-prise-list .prise-logo-top img { margin: 0 auto 15px; width: 180px; }
.check-prise-list .prise-logo-top .prise-day .left-dy-nm { font-size: 16px; }
.check-prise-list .prise-logo-top .right-prise-day { font-size: 24px; font-weight: 700; }
.check-prise-list .list-detail-quote ul li { padding: 12px 0; }

/* Esign History Popup */
.histry-file-sec .upload-btn-wrapper { height: 14vw;}

/* Payment Screen */
.capture-pymnt-sec { width: 80%;}

/* Payment and Coverage Info popup */
.right-cmpny-info-part { padding: 20px 0; }
.logo-cmpy-right img { width: 100px; }
.cmpny-nm-price h4 { font-size: 19px; }
.cmpny-save-prise .save-price { font-size: 20px; }
.cmpny-save-prise .save-persentage { padding: 3px 6px; font-size: 10px; }
.cmpny-finl-price .fixed-price-sec { font-size: 25px; }
.price-box-info .listing-info-price ul li { font-size: 14px;}
.pyment-detail-last ul li .right-pymny-list,.pyment-detail-last ul li .left-pymnt-list { font-size: 16px;}
.pyment-detail-last p {font-size: 18px; margin-bottom: 15px; }
.pyment-detail-last .due-price-day { font-size: 18px; padding-bottom: 15px;}
.pyment-detail-last button.btn { font-size: 15px;}
.pyment-detail-last a.quote-link { margin-top: 15px;}
.pyment-detail-last { padding: 20px 0;}
.pyment-detail-last ul { padding-bottom: 20px;}

/* Customer Section Page */
.custmr-btn-sec { align-items: flex-start; flex-direction: column; }
.custmr-btn-sec .custmr-left-btn { margin-bottom: 12px; }
.custmr-btn-sec .customr-right-btn { margin-left: 0; }
.custmr-id-left h2 { font-size: 22px; }
.custmr-info h1 { font-size: 25px; }
.custmr-info iframe { height: 200px; }
.customer-intro-all .tb-active-sec { width: 100%; padding-right: 0; border-right: 0px solid #ccc; }
.customer-intro-all .activity-info-right { width: 100%; padding-top: 30px; }
.customer-intro-all .tb-active-sec ul.nav-tabs { padding-bottom: 15px; }
.customer-intro-all { height: auto; }
.tb-customer-main .tb-active-sec ul li.nav-item a { font-size: 13px;}
.tb-customer-main .tb-active-sec ul.nav-tabs { padding-bottom: 20px;}
.right-task-note-sec .blank-sec-text h3 { font-size: 18px;}
.right-task-note-sec .col-lg-4 { width: 45%;}
.right-task-note-sec .col-lg-8 { width: 55%;}
}

@media only screen and (max-width:1023px){  
.header_logo img{ margin-right:10px; width: 220px;}
.tabing_navigatiin ul li a{ padding:8px 15px;}
.top_header{ position:fixed;}
.main-content_inner{ padding-top:54px;}
.navbar{ margin-bottom:0px;}
.h2, h2 {font-size:20px;}
.company-detail-box-in{ display:block;}
.company-logo {width:100%; margin-bottom:20px;}
.company-logo img {width:auto;}
.by-now-detail{ width:100%; margin-bottom:20px; text-align:left;}
.company-price-list{ width:100%;}
.insurance-company-details .panel-body{ padding:20px;}
.insurance-company-details .company-detail-box{ margin-bottom:20px;}
.footer-inner{ padding-left:0;}
 .question-item .form-group .col-md-10 { width: 80% !important;justify-content: flex-end;    }

 /* Applicant */
 .cunt-btn-sec {width: 90%; } 
 p.cunt-btn-cntnt {width: 100%; float: none; margin-left: 15px; }

/*policy-report*/
.plcy-dfult-main-sec span {font-size: 14px; width: 30%;}
.plcy-dfult-main-sec .left-form .calander-example {width: 30%;}
.plcy-dfult-main-sec .left-form .form-left {width: 48%;}
.plcy-dfult-main-sec .left-form input.form-field {width: 58%;}

/* Coverage Packege Page */    
.coverage-tabs ul.nav li a { padding: 8px 7px; font-size: 11px; }
.coverage-tabs ul.nav li { margin: 0 1px !important; }
.main_title h3 { font-size: 16px; }
.pymtn-list-pln .grid-list-view { padding-left: 15px; }
.grid-list-view .btn-grid, .grid-list-view .btn-list { font-size: 21px; }
.plan-pymt button.btn { font-size: 12px; padding: 5px 10px; }
.plan-pymt .plan-tit-pkg { font-size: 16px; }
.radio-btn-list .inline-radio .radio-box { width: 24.5%; min-height: 58px; }
.inline-radio label p { font-size: 12px; }
.inline-radio label b { font-size: 15px; line-height: 21px; }
.radio-btn-list { padding-bottom: 10px; }
.cover-packege-sec .tit-pkg-cover { font-size: 16px; }
.coverage-tabs .right-cvrg-sec { padding-top: 10px; }
.pkg-field .left-tit-pkg { font-size: 10px; width: 41%; }
.pkg-field .left-tit-pkg span { font-size: 10px; }
.pkg-field .prise-pkg { font-size: 9px; height: 44px; }
.pkg-field .prise-pkg .prise-info-pkg { font-size: 10px; }
.prise-pkg .prise-info-pkg i { font-size: 10px; }
.pkg-field .input-pkg { font-size: 13px; width: 30%; padding: 1px 5px; }
.main_title { font-size: 15px; }
.panel-heading { padding: 8px 10px; }
.right-cvrg-sec h2 { font-size: 14px; padding: 10px; }
.right-cvrg-sec .gry-top { padding: 15px 15px 10px; }
.frm-cust-field .form-group { margin-bottom: 15px; flex-direction: column; }
.frm-cust-field .form-group label { width: 100%; }
.frm-cust-field select { width: 100%; }
.frm-cust-field .form-group a { width: 100%; text-align: left; }
    
/* Login Page New */
.right-lgn-part .form-lgn-new { width: 80%; }
.form-lgn-new img { width: 240px; margin-bottom: 4px; }
.form-lgn-new .img-sub-line { margin-bottom: 40px; }
.form-lgn-new h2 { font-size: 21px; }

/* Policy Summary and payment plan css */
.panel-policy .row { flex-direction: column; }
.panel-policy .col-lg-4 { margin-bottom: 15px; }
.panel-policy .col-lg-4:last-child { margin-bottom: 0px; }
.payment-policy-box.active:before, .sign-privacy-box.active:before { height: 130px; width: 100px; background-size: 100px; }
.vehi-box h2 { font-size: 18px; margin-bottom: 7px; }
.upld-btn .btn-upld-img .it { height: 70px; width: 110px; }
.upld-btn .btn_upload { padding: 6px 11px; font-size: 13px; }
.vehicle-sec .vehi-box { padding-bottom: 15px; }

/* Payment Option Page */
.paymet-tab-sec .credit-left-sec { padding: 10px; }
.radio-sec-top label { font-size: 13px; }
.credit-left-sec .radio-sec-top .custom-radio { display: flex; }
.credit-left-sec .form-group .input-group .input-group-prepend { width: 35px; }
.credit-left-sec .form-group .input-group input { padding: 10px 8px !important; border-radius: 0 4px 4px 0; font-size: 15px; }
.credit-left-sec .form-group { margin-bottom: 10px; }
.paymet-tab-sec .right-payment-sec { padding: 10px; }

/* Offer better rates Popup */
.modal-rates-ofer .modal-header .modal-title { font-size: 16px; }
.modal-rates-ofer .modal-header { padding: 10px 15px; }
.modal-rates-ofer .cust-info h2 { font-size: 14px; }
.cust-info .cust-list li { font-size: 13px; padding: 6px 8px; }
.modal-rates-ofer .cust-info { margin-bottom: 15px; }
.modal-rates-ofer .form-group label { font-size: 13px; }
.modal-rates-ofer .btn-cust p { font-size: 13px; }
.btn-cust .btn { margin-bottom: 5px; }
.company-box .box-info h2, .company-box .prise-info h3 { font-size: 14px; }
.company-box .prise-info h4 { font-size: 12px; line-height: 16px; }
.company-box .prise-info p { font-size: 12px; }
.part-sec-boxes ul li { padding-bottom: 10px; }
.modal-rates-ofer .rates-pop-better > ul { grid-column-gap: 10px; }
.rates-pop-better .buton-tb button.btn { font-size: 12px; }

/* Quote Report */
.boxes-main-sec { margin: 10px 0 10px; }
.panel-srch-sec span { font-size: 14px; width: 30%; }
.inner-pg-mani-sec .left-form .calander-example { width: 30%; }
.inner-pg-mani-sec .left-form .form-left { width: 48%; }
.inner-pg-mani-sec .left-form input.form-field { width: 57%; }
.tbl-main-sec .table { width: 950px; max-width: 950px; margin-bottom: 0px !important; }

/* Employee List */
.pnl-tit-left { font-size: 20px; width: 50%; }
.tbl-emply td select { width: 100%; }
.tbl-emply tr td:first-child { padding-left: 30px; }
.pnl-tit-left { font-size: 18px; text-align: center; width: 100%; padding-bottom: 11px; }
.pnl-both-sec .pnl-btn-right { width: 100%; text-align: center; }

/* Review Management */
.tb-review .col-lg-3 { width: 40%; }
.tb-review .col-lg-9 { width: 60%; }
.rw-tit-top { font-size: 16px; margin-bottom: 10px; }
.review-ct-sec ul li.nav-item a.nav-link { padding: 7px 0; font-size: 13px; }
.review-ct-sec ul.nav-tabs { padding-bottom: 20px; }
.star-rating label { font-size: 50px; }
.review-info-right p { font-size: 15px; }
.site-link-list .box-list-link .nm-num { font-size: 13px; }
.site-link-list .box-list-link { padding: 8px 0; }

.modal-link-popup .social-nm-img { width: 80%; margin: auto; }
.modal-link-popup .social-nm-img:first-child { padding-bottom: 20px; }
.social-nm-img .box-link-icn img { width: 80%; }
.modal .modal-dialog.link-lg-popup { width: 600px; }

/* Create Account Page */
.field-sm-row .col-lg-6 { margin-bottom: 15px; }
.field-sm-row div:nth-child(2) { margin-bottom: 15px; }
.field-bot-spc .col-lg-4 { margin-bottom: 15px; }
.tbl-bot-carrier { overflow-x: scroll; overflow-y: hidden; }
.tbl-bot-carrier table { width: 600px; }

/* Driver Detail Page */
.bread-crumb-top .breadcrumb { padding: 10px 15px; margin-bottom: 20px; }
.bread-crumb-top .breadcrumb .breadcrumb-item { font-size: 14px; }
.drive-detail-tit { font-size: 24px; margin-bottom: 7px; }
.drive-detail-subtit { font-size: 17px; }
.drive-accord-sec { width: 630px; padding-top: 20px; }
.drive-accord-sec .panel-heading .panel-title { font-size: 15px; }
.drive-accord-sec .panel-heading .panel-title a i { font-size: 18px; }
.drive-accord-sec .panel-heading .panel-title a.collapsed:before { height: 15px; width: 2px; }
.drive-accord-sec .panel-heading .panel-title a.collapsed:after, .drive-accord-sec .panel-heading .panel-title a:after { left: -30px; height: 2px; width: 15px; }
.drive-accord-sec .panel-body { padding: 15px; }
.drive-accord-sec .detail-ico-tit img { width: 30px; }
.drive-accord-sec .detail-ico-tit .accord-tit-cont { font-size: 16px; padding-left: 10px; }
.drive-accord-sec .detail-ico-tit { margin-bottom: 15px; }
.accordian-field-cont .form-group label { font-size: 14px; }
.accordian-field-cont .form-group { margin-bottom: 20px; }
.drive-accord-sec .space-bot-box { padding-bottom: 20px; }

/* Checkout Page */
.check-main-sec .col-lg-8 { width: 100%; margin-bottom: 20px; }
.check-main-sec .col-lg-4 { width: 100%; }
.check-main-sec .sidenav { width: 100%; position: relative !important; top: 0 !important; }
.checkout-tit { font-size: 27px; }
.chekout-desc { font-size: 16px; }
.checkout-pg-top .check-main-sec { padding-top: 20px; }
.blue-bx-tit { font-size: 15px; }
.check-pymnt-bx ul li a { padding: 0px 10px 6px; font-size: 13px; }
.check-pymnt-bx .radio-pymnt-bx .tit-prise-cont span { font-size: 15px; }

/* Esign History Popup */
.esign-histry-bx ul li { font-size: 12px; }
.esign-histry-bx .histry-tit { font-size: 14px; }
.histry-file-sec .upload-btn-wrapper .btn { font-size: 10px; }
.histry-file-sec .upload-btn-wrapper .btn img { width: 18px; }
.histry-file-sec .upload-btn-wrapper { height: 13vw; }
label.lbl-histry-left { margin-top: 0; }
.histry-file-sec .img-hstry-sec { padding: 6px; }

/* Review Popup */
.modal-review .revire-popup { padding: 20px 0; }
.modal-review .revire-popup h2 { font-size: 19px; margin-bottom: 13px; }
.revire-popup p { width: 100%; padding-bottom: 25px; }
.revire-popup .stat-popup label { font-size: 40px; }


/* Payment Screen */
.capture-pymnt-sec { width: 100%;}
.left-form.policy-sec-top span { width: auto;}

/* Submit Quote */
.submit-quote-box { width: 100%; }
.submit-quote-box .submit-tit-check h2 { font-size: 26px; }
.submit-quote-box .submit-tit-check h3 { font-size: 18px; }
.submit-tit-check .quote-check { padding-top: 25px; }

/* Sign Application Popup */
.option-sec-modal .option-tit-sec {font-size: 14px; margin-bottom: 10px; padding: 16px 12px; }
.option-sec-modal {padding-bottom: 25px; }

/* Payment and Coverage Info popup */
.right-cmpny-info-part { padding: 40px 0 20px;}
.price-box-info .listing-info-price { height: auto;}

/* Make Payment Popup */
.amout-dt .dt-due h2 { font-size: 27px; }
.amout-dt .dt-due h3 { font-size: 22px; }
.pymnt-scrn-sec .amount-pymnt { padding-bottom: 20px; }
.pymnt-radio-check .rdio-btn { padding-bottom: 13px; padding-top: 13px; }
.card-detail { width: 100%; }

/* Customer Section Page */
.custm-part-tb.tb-review .col-lg-3 { width: 100%;}
.tb-review.custm-part-tb .col-lg-9 { width: 100%; margin-top: 25px;}

/* Split Payment Third Tab */
.third-tb-split .first-col-split {margin-bottom: 25px; }
.third-tb-split .right-payment-sec { margin-top: 10px !important;}
}


@media only screen and (max-width:767px){
.right_header { position: relative; padding: 0 20px; }
.header_logo img { margin-right: 0; margin-top: 0; margin-left: 0; }
body { font-size: 14px; }
.aside-open .main-content { margin-left: 0px;}
aside ul.menu-left li:hover .aside-title { padding: 12px 15px 13px; display: none;}
aside ul.menu-left li.first-btn:hover .aside-title { padding: 10px 0px;}
.aside-open aside .menu-left .new-btn span.aside-title { line-height: 0;}
aside ul li:hover ul.sub-menu { top: 39px;}
.tabing_navigatiin { margin-top: 0; }
.right_header .mobile_rob { display: none; }
.right_header .search_div { margin-right: 0; margin-top: 2px; }
.aside-default { height: calc(100vh - 54px); margin-top: 54px; overflow: scroll;}
.aside-open ~ .main-content { margin-left: 60px; }
.search-sidebar .modal-dialog { margin-top: 53px !important; height: calc(100% - 54px) !important; width: 250px !important; }
.panel .main_title { font-size: 13px; display: flex; width: 100%; align-items: center; }
.btn-quote button img { width: 16px; }
.btn-quote { margin-right: 0; margin-left: auto; }
.btn-quote .btn.btn-type { padding: 4px 10px; }
.btn-quote span { padding-right: 12px; padding-top: 8px; }
.chat-sidebar-sec h2 { padding: 10px 0; font-size: 17px; }
.chat-sec .send-msg { padding-bottom: 15px; }
.msg-show .send-msg-nm { height: 30px; width: 30px; line-height: 30px; font-size: 14px; margin-right: 10px; }
.send-msg .msg-send-show { padding: 19px 5px 8px; width: 190px; }
.msg-show .msg-send-show p { right: 7px; font-size: 9px; }
.send-msg .msg-send-show h3 { font-size: 11px; }
.rep-sec .send-msg-nm { margin-left: 10px; margin-right: 0px; }
.chat-sidebar-sec .type-msg textarea { height: 50px; font-size: 12px; }
.chat-sidebar-sec .chat-sec { height: calc(100% - 105px); padding: 7px; }
.chat-sidebar-sec .type-msg { padding: 7px; }
.notes-sec h2 { padding: 10px 0; font-size: 17px; }
.notes-sec .type-msg textarea { height: 50px; font-size: 12px; }
.notes-sec .note-type-sec { padding: 8px; }
.notes-sec .box-notes h3 { font-size: 13px; padding-bottom: 20px; }
.note-type-sec .box-notes span.date-time, .notes-sec .box-notes span.name { font-size: 10px; }
.mobile-menu .sticky-sec { transform: translate(0px, 320px); transition: all 0.8s ease-in-out; right: 10px; top: auto; }
.sticky-sec.menu-sticky { transform: translate(0px, -55px); transition: all 0.8s ease-in-out; top: auto; height: 250px; z-index: 99; }
a.stky-togl { position: fixed; right: 10px; bottom: 5px; display: block; background: #fff; height: 45px; width: 45px; line-height: 45px; text-align: center; border-radius: 100%; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); z-index: 999; }
.sticky-sec ul.inner-list li.hover1 .aside-title { font-size: 13px; }
.sticky-sec ul li .aside-icon { margin-right: 10px; }
.inner-list .aside-icon { height: 30px; width: 30px; }
.sticky-sec ul.inner-list li img { width: 15px; }
.stky-togl img { width: 23px; }
.sticky-sec .dark-sidebar_list ul li { padding: 5px 20px; }
.right-stky-top .sms-screen a img { width: 20px; }
.right-stky-top .sms-screen { padding: 7px 8px; }
.right-stky-top { top: 47%; height: 80px; }
.my-account .dropdown-menu{ left:auto; margin-top: 15px; width: 250px;}
.my-account .info-user { padding: 10px 0px 10px;}
.my-account .info-user .right-info p { font-size: 14px;}
.my-account .info-user .right-info .mail-id { font-size: 13px;}
.my-account .info-user .left-info p { font-size: 14px; height: 38px; width: 38px; line-height: 38px;}
.my-account .info-user .right-info { padding-left: 0px;}
.my-account .dropdown ul li a { font-size: 14px; padding: 7px 0px;}
.my-account .dropdown ul li a img { width: 18px;}
.open .n-dw-list { height: 300px; z-index: 999;}
.n-dw-list .n-list-inner { padding: 10px;}
.n-reminder{ font-size:16px;}
.tabing_navigatiin ul li{ float:none;}
.tabing_navigatiin ul li a{ border-radius:0px;}
.navbar-collapse{ padding-left:0;}
.tabing_navigatiin .navbar-collapse{ margin-top:2px; width: auto;}
.recent-quote-sec {display: none;}

.site-footer{position:relative;}
.footer-inner{display:block;}
.footer-inner .f-version{display:block;}
.footer-inner .privacy-link{display:block;}
.footer-inner .f-logo{display:block;}

.header_progress_in{ width:100%;} 
.progress{ margin-bottom:0;}
.main_title {font-size:18px;}
.btn-quote {float:none;}
.payment-list-in ul li label{ display:block;}
.payment-title{ width:80%; margin-bottom:10px; font-size:14px;}
.payment-sub-title{ clear:both; width:84%;}
.footer-inner{ display:block;}  
.cvrg-list-title{ margin-top:0;}
.f-logo img {width:150px;}
.main-content {padding-bottom: 0px; padding-top: 0px; padding-right: 0;}  
.header_progress_in ul li{ font-size:14px;}
.footer_widget { width: 100%; margin-right: 0; margin-bottom: 0;}    
.header_logo img { width: 200px;}

/*policy-report*/
.inner-pg-polcy-sec {padding-top: 80px;}
.plcy-dfult-main-sec .panel-heading.main_title {flex-direction: column;}
.plcy-dfult-main-sec span {width: auto; margin-bottom: 15px;}
.plcy-dfult-main-sec .left-form .calander-example {width: 100%; margin-bottom: 15px; padding-right: 0;}
.plcy-dfult-main-sec .left-form .form-left {width: 100%; margin-bottom: 15px; padding-right: 0;}
.plcy-dfult-main-sec .left-form input.form-field {width: 83%;}
.polici-tbl-sec .table {width: 900px; max-width: 900px;}

/* Coverage Packege Page */    
.coverage-tabs ul.nav li a { font-size: 11px; margin-bottom: 0px; }
.pkg-field .left-tit-pkg { font-size: 12px; width: 20%; }
.pkg-field .left-tit-pkg span { font-size: 13px; }
.pkg-field .prise-pkg { font-size: 12px; height: 50px; width: 24%; }
.pkg-field .prise-pkg .prise-info-pkg { font-size: 13px; }
.pkg-field .input-pkg { font-size: 15px; width: 40%; }
.frm-cust-field select { width: 95%; margin-right: auto; }
.frm-cust-field .form-group { position: relative; }
.frm-cust-field .form-group a { width: auto; text-align: left; position: absolute; right: 0; bottom: 10px; left: auto; margin: auto; }

/* Policy Summary and payment plan css */
.policy-box .title-policy { font-size: 17px; margin-bottom: 14px; padding-bottom: 8px; }
.policy-box .button-sec .btn-policy { padding: 8px 10px; }
.vehi-box h2 { font-size: 16px; }
.upld-btn .btn_upload { padding: 4px 9px; font-size: 12px; }
.upld-btn .btn-upld-img .it { height: 60px; width: 100px; }

/*--------- toggle menu -----------*/
.navbar-toggle{ margin:0; float:none;}
.navbar-collapse{ position:absolute; border:none; width:100%;}
.navbar-nav{ margin:0;}
.header_menu .navbar-inverse ul li{ display:block;}
.header_menu .navbar-inverse ul li a{ background:#333;}
.header_menu .navbar-inverse ul li.active a{ background:#eee;}
.header_menu .navbar-inverse ul li.open a{ background:#eee;}
.header_menu .navbar-inverse ul li.open a:focus{ background:#eee;}
.header_menu .navbar-inverse ul li a:hover{ background:#eee;}  
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover{ background:#eee;} 
.dropdown-menu{ padding:0;}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a{ background:#eee; padding:10px; color:#333;}

/* Chat box */
.modal .modal-dialog.model-chat-box { right: -280px; width: 280px; top: 54px; height: calc(100vh - 54px); }
.model-chat-box .modal-header h5 { font-size: 15px; }
.model-chat-box .modal-header { padding: 6px 10px; }
.model-chat-box button img { width: 18px; margin-top: 3px; }
.model-chat-box .modal-body .serch-chat-box { padding: 10px 10px; }
.chat-info-new .box-new-chat { padding: 10px 10px; }
.box-new-chat .img-cht-left .name-cht { width: 40px; height: 40px; line-height: 40px; font-size: 16px; }
.chat-info-new .info-cht-right h3 { font-size: 15px; margin-bottom: 4px; }
.info-cht-right p { font-size: 13px; line-height: 1.3; margin-bottom: 7px; }
.bg-cht-sec ul .nav-item a.nav-link { padding: 10px 5px 5px; }
.modal .modal-body .tab-content .cht-bx-pers { height: calc(100vh - 125px); }
.model-chat-box .chat-sec .send-msg { padding-bottom: 12px; }
.model-chat-box .send-msg .msg-send-show h3 { font-size: 12px; }
.model-chat-box .msg-show .send-msg-nm { height: 37px; width: 38px; line-height: 38px; font-size: 14px; font-weight: 700; margin-right: 10px; }
.model-chat-box .rep-sec .send-msg-nm { margin-left: 10px; margin-right: 0px;}
.model-chat-box .type-msg textarea { height: 55px; font-size: 13px; }
.rate-mdl .logo-btn-sec h2 { font-size: 15px; }
.rate-mdl .logo-btn-sec .rate-btn a { padding: 3px 7px; font-size: 13px; }
.rate-mdl .rate-info-mdl p { margin-bottom: 3px; font-size: 13px; }
.tab-pane .info-sec-mdl { height: calc(100vh - 135px); }
.box-mdl-nm .info-list { font-size: 13px; padding-bottom: 5px; }
.box-mdl-nm .info-list .first-cl-nm { width: 100%; }
.model-chat-box .send-msg .msg-send-show { width: 80%;  max-width: 80%;}
.model-chat-box .rep-sec .msg-send-show { max-width: 80%;}

/* Login Page New */
.left-lgn-prt img { margin-left: 10px; margin-top: 10px; width: 150px; }
.form-lgn-new img { width: 190px; }
.form-lgn-new .img-sub-line { margin-bottom: 20px; }
.form-lgn-new h2 { font-size: 18px; }
.form-lgn-new .form-group { margin-bottom: 15px; }
.form-lgn-new button.btn-lgn { margin-bottom: 15px; margin-top: 10px; padding: 7px; }

/* Offer better rates Popup */
.modal .modal-rates-ofer { width: 90%; margin: 20px auto; }
.modal-rates-ofer .rates-pop-better { height: auto; overflow: visible; }
.modal-rates-ofer .modal-body .col-lg-8 { padding-top: 15px; }

/* Quote Report */
.panel-srch-sec span { font-size: 14px; width: 100%; margin-bottom: 15px; }
.inner-pg-mani-sec .left-form .calander-example { width: 100%; padding-right: 0px; margin-bottom: 15px; }
.inner-pg-mani-sec .left-form .form-left { width: 100%; padding-right: 0px; margin-bottom: 15px; }
.inner-pg-mani-sec .left-form input.form-field { width: 82%; }
.inner-pg-mani-sec .panel-heading.main_title { flex-direction: column; }
.inner-pg-mani-sec .left-form .sort-box { margin-bottom: 15px; }
.panel-srch-sec .tbl-main-sec .table { width: 900px; max-width: 900px; margin-bottom: 0px !important; }

/* Payment Option Page */
.paymet-tab-sec ul li a { font-size: 13px; padding: 8px 10px; }
.paymet-tab-sec .right-payment-sec { margin-top: 20px; }

/* Employee List */
.tbl-emply .first-col-head {  width: 65%;}

/* Review Management */
.tb-review .col-lg-3 { width: 100%; margin-bottom: 20px;}
.tb-review .col-lg-9 { width: 100%;}
.modal .modal-dialog.link-lg-popup { width: 95%; margin: 20px auto; }
.modal .modal-link-popup { width: 95%; margin: 20px auto; }

/* Form Common Popup */
.modal .lrg-btn-form,.modal .mid-btn-form,.modal .sml-btn-form { width: 90%; margin: 25px auto;}
.modal-commun-form .modal-title { font-size: 17px; font-weight: 600;}


/* Create Account Page */
.create-acc-pg { height: auto; }
.create-acc-pg .lft-acc-img { width: 100%; padding: 20px 0; }
.create-acc-pg .lft-acc-img img { width: 350px; }
.create-acc-pg .rgt-step-frm { width: 100%; }
.rgt-step-frm .frm-acc-sec { padding: 30px 60px; }

/* Driver Detail Page */
.drive-accord-sec { width: 100%; padding-top: 15px; }
.drive-accord-sec .acord-last-btn .btn.blue-btn { margin-bottom: 5px; }
.drive-accord-sec .acord-last-btn .btn.blue-btn { margin-bottom: 0; margin-right: 10px; }
.drive-accord-sec .acord-last-btn { padding-top: 15px; flex-direction: row; }
.drive-accord-sec .panel-group { margin-bottom: 0; }
.drive-accord-sec .space-bot-box { padding-bottom: 15px; }

/* Checkout Page */
.check-pymnt-bx .radio-pymnt-bx .tit-prise-cont h4 { font-size: 20px; padding-bottom: 5px; }
.check-pymnt-bx .radio-pymnt-bx .tit-prise-cont span { font-size: 14px; }
.check-pymnt-bx .tab-pane .form-check .form-check-label { padding-left: 40px; }
.check-pymnt-bx .review-plcy-cnfrm .tit-confrm { font-size: 16px; }

/* Esign History Popup */
.form-field-main .border-type-sec:before{display: none;}
.histry-file-sec .img-hstry-sec { margin-right: 9px;}
.histry-file-sec .upload-btn-wrapper { height: 34vw;}

/* Payment Screen */
.capture-pymnt-sec .capture-left-sec { width: 100%; padding-bottom: 20px; }
.capture-pymnt-sec .capture-right-sec { width: 100%; padding-left: 0; }
.capture-right-sec ul li { padding-bottom: 3px; }
.left-form.policy-sec-top span { padding-top: 7px; margin-bottom: 0;}

/* Submit Quote */
.submit-quote-box .submit-tit-check { padding: 25px; margin-bottom: 30px; }
.submit-quote-box .submit-tit-check h2 { font-size: 23px; }
.submit-quote-box .submit-tit-check h3 { font-size: 17px; }
.submit-tit-check .quote-check { padding-top: 20px; }
.submit-tit-check .quote-check label.check-btn { margin-bottom: 12px; font-size: 15px; }

/* Make Payment Popup */
.policy-top-list { grid-template-columns: repeat(3, 1fr);}


/* Customer Section Page */
.custmr-id-left h2 { font-size: 18px;}
.custmr-id-left h2 span { font-size: 16px;}
.nmid-custmr-sec .custmr-edit-right .responsibl-tit { font-size: 14px;}
.custm-part-tb.tb-review .col-lg-3 { margin-bottom: 0px !important;}

.right-task-note-sec .col-lg-8 { width: 100%;}
.right-task-note-sec .col-lg-4 { width: 100%;}
.right-task-note-sec .blank-sec-text { padding: 40px 20px; height: auto; margin-bottom: 20px;}
.tb-review .review-ct-sec { margin-bottom: 10px;}
.activity-info-right table tr td { text-align: left;}

/* Split Payment Third Tab */
.third-tb-split { padding: 15px;}
.third-tb-split .btn-purchase { text-align: center; padding-top: 15px;}
}  

@media only screen and (max-width:567px){
.panel .main_title { font-size: 12px; align-items: end; flex-direction: column; }
.btn-quote span { padding-right: 8px; padding-top: 8px; }
.btn-quote .btn.btn-type { padding: 3px 5px; }
.btn-quote { margin-left: 0; }
.header_logo img { width: 90px; }
.tabing_navigatiin .navbar-toggle { margin-left: 10px; margin-right: 10px; padding: 9px 8px; }
.right_header { padding: 0 10px; }
.right_header .my-account { margin-right: 10px; }
.right_header .h-notification { margin-right: 10px; }
#sidebar-nav-icon { width: 27px; margin: 17px 12px; }
header .right_header .my-account .user-icon img, .right_header .bell-icon img { width: 23px; }
.search_div .search_inner i { font-size: 23px; }
.n-count { height: 15px; width: 15px; font-size: 11px; left: -4px; top: -8px; }

.form-row-main .d-flex { display: inline-block; width: 100%; }
.policy-box .button-sec .btn-policy { font-size: 13px; margin-bottom: 10px; }
.policy-box { padding: 15px; }
.payment-policy-box.active:before, .sign-privacy-box.active:before { height: 110px; width: 80px; background-size: 80px; top: 10px; right: 10px; }
.panel-heading.policy-tit { flex-direction: inherit; }
.panel-heading.policy-tit .policy-num { padding-left: 5px; }
.panel-heading i { display: block !important; }
.panel-heading #btnDownArrow { float: right; font-size: 30px; cursor: pointer; }
.pull-right { display: block; width: 100%; clear: both; text-align: center; margin-top: 15px; /*color: #FF5454;*/ font-size: 15px; font-weight: 600; }
.mobile-menu-tog .text-mob-show { display: block !important; }
.text-mob-show { background: #1067a0; color: #fff; display: block; text-align: center; padding: 10px; margin-top: 35px; }
.mobile-menu-tog.tog-mob { padding: 10px 15px; border-bottom: 1px solid transparent; border-bottom-color: transparent; border-bottom-color: transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; }
.tog-mob { color: #333; background-color: #f5f5f5; border-color: #ddd; }
.navbar-toggle { display: block; }
.navbar-toggle .icon-bar { background: #333; }
.navbar-header { position: absolute; top: -40px; right: 0; }
.container.row.vehicleDiv { position: relative; }
.tabing_navigatiin ul li a { padding: 7px 45px; border-radius: inherit; margin-left: 16px; width: 100%; }
.tabing_navigatiin { position: relative; }
.navbar-collapse { z-index: 99; }
.tabing_navigatiin ul li { float: none; }
.company-logo { width: 50%; margin: 0px auto 20px; }
.text-left.col-md-1 { float: left; width: 17%; }
.veryfy-btn { margin-top: 0px !important; margin-left: 15px !important; }
.resend-btn { margin-top: 0 !important; margin-left: 55px !important; }
.back-btn { margin-top: 0 !important; margin-left: 28px !important; }
.open .n-dw-list { height: 500px; right: -20px; width: 300px;}
.nt-title { display: inline-block; width: 100%;}
.nt-title > span {  width: 100%;}

/*policy-report*/

.plcy-dfult-main-sec .left-form input.form-field {width: 100%; margin-bottom: 15px;}
.plcy-dfult-main-sec .sort-box label {margin-bottom: 15px !important;}
.polici-tbl-sec .table {width: 830px; max-width: 830px;}
.sales-plcy-sec table {width: 400px !important;max-width: 400px;}
.new-policy-summ.sales-plcy-sec {overflow-x: scroll; overflow-y: hidden; margin-right: 0px !important;}

/* Coverage Packege Page */    
.frm-cust-field select { width: 89%; }
.right-cvrg-sec .wht-bg-bot { padding: 20px 15px 10px; }
.list-cover-pkg .pkg-field { flex-direction: column; }
.pkg-field .left-tit-pkg { font-size: 12px; width: 100%; }
.pkg-field .left-tit-pkg span { font-size: 15px; width: 100%; display: inline-block; }
.pkg-field .prise-pkg { font-size: 13px; height: auto; width: 100%; padding: 11px; }
.pkg-field .input-pkg { font-size: 15px; width: 100%; padding: 9px; text-align: center; }
.coverage-tabs ul.nav li { margin: 0 0px !important; width: 25%; }
.coverage-tabs ul.nav li a { border-radius: 0 !important; }
.panel .pymtn-list-pln { display: inline-block; width: 100%; }
.main_title h3 { font-size: 20px; text-align: center; padding-bottom: 15px; }
.pymtn-list-pln .plan-pymt { margin-left: 0; width: 60%; float: left; }
.pymtn-list-pln .grid-list-view { padding-left: 0; float: right; width: 40%; text-align: right; }
.plan-pymt button.btn { font-size: 11px; padding: 5px 8px; }
.plan-pymt .plan-tit-pkg { font-size: 14px; text-align: left; }
.grid-list-view .btn-grid, .grid-list-view .btn-list { font-size: 17px; }
.radio-btn-list .inline-radio .radio-box { width: 49.5%; min-height: 58px; margin-bottom: 1px; }
.company-box .box-info h2 { font-size: 15px; padding: 10px; }
.company-box .prise-info h3 { font-size: 16px; }
.company-box .prise-info h4 { font-size: 13px; }
.company-box .prise-info p { font-size: 12px; }

/* Chat Box */
.modal.in .modal-dialog.model-chat-box { right: 0;}
.box-mdl-nm .tit-vehicl { font-size: 18px;}

/* Login Page New */
.lgn-pg-new .left-lgn-prt { display: none; }
.lgn-pg-new .right-lgn-part { width: 100%; }
.right-lgn-part .form-lgn-new { width: 75%; }
.right-lgn-part .foot-lgn-logo { display: block; margin: auto; width: 100px;}
.right-lgn-part .last-logo-lgn { display: block; margin: 70px auto 0; width: 140px; text-align: center; }
.form-lgn-new img { width: 95%; }
.form-lgn-new .img-sub-line { margin-bottom: 40px; }
.last-logo-lgn p { color: #fff; font-style: italic; margin-bottom: 6px; }

/* Policy Summary and payment plan css */
.policy-box .button-sec .btn-policy { font-size: 13px; margin-bottom: 10px; }
.policy-box { padding: 15px; }
.payment-policy-box.active:before, .sign-privacy-box.active:before { height: 110px; width: 80px; background-size: 80px; top: 10px; right: 10px; }
.panel-heading.policy-tit { flex-direction: inherit; }
.panel-heading.policy-tit .policy-num { padding-left: 5px; }
.vehi-box h2 { font-size: 14px !important; }
.upld-btn .btn-upld-img { padding-right: 0px; width: 100%; display: inline-block; padding-bottom: 8px; }
.upld-btn .btn_upload { padding: 5px 9px; font-size: 12px; width: 100%; text-align: center; float: left; }
.upld-btn .btn-upld-img .it { height: auto; width: 100%; margin: auto; }
.upld-btn .rmv { right: -5px; bottom: 6px; }
.panel-vehicle .error-vehcl-msg { padding: 6px 10px; }

/* Offer better rates Popup */
.modal-rates-ofer .rates-pop-better > ul { grid-template-columns: repeat(1, 1fr);}

/* Quote Report */
.inner-pg-mani-sec .left-form input.form-field { width: 100%; margin-bottom: 15px; }
.pgntion-main-sec { margin: 10px 0px !important; float: none; }
.pgntion-main-sec .pagination { display: block; margin: 10px 0 0; }
.tbl-main-sec .table { width: 800px; max-width: 800px; margin-bottom: 0px !important; }

/* Payment Option Page */
.paymet-tab-sec ul.nav { text-align: center; padding-top: 0px; }
.paymet-tab-sec .nav-pills li { display: inline-block; width: 100%; }
.paymet-tab-sec .nav-pills>li+li { margin-left: 0px; }
.radio-sec-top label { font-size: 12px; }
.credit-left-sec .form-group .input-group input { font-size: 13px; }
.credit-left-sec .form-group .input-group .input-group-prepend { width: 30px; }
.payment-last-sec .payment-into { font-size: 12px; }
.credit-left-sec .payment-last-sec { line-height: 17px; }
paymet-tab-sec .trm-condition { padding-top: 10px; }
.paymet-tab-sec .right-payment-sec { margin-top: 15px; }
.right-payment-sec .form-group input, .right-payment-sec .form-group select { padding: 9px 8px; }
.right-payment-sec .form-check label.form-check-label { font-size: 12px; padding-left: 8px; line-height: 16px; }
.right-payment-sec .last-amount-sec { font-size: 12px; }
.right-payment-sec .btn-purchase { padding-top: 10px; }
.btn-purchase .btn.btn-success { font-size: 13px; }

/* Employee List */
.tbl-pnl-sec { overflow-x: auto; overflow-y: hidden; padding: 0; margin: 15px;}
.tbl-pnl-sec .tbl-emply { width: 600px;}

/* Review Management */
.star-rating label { font-size: 35px;}
.review-info-right p { font-size: 15px;}
.social-nm-img h3 { font-size: 18px; }
.modal-link-popup .social-nm-img { width: 100%; }
.modal-link-popup .social-nm-img:first-child { padding-bottom: 15px; }
.social-nm-img .box-link-icn { grid-gap: 20px; }
.social-nm-img .box-link-icn .link-img-bg { padding: 10px; height: 60px; }

/* Create Account Page */
.create-acc-pg .lft-acc-img img { width: 250px; }
.top-step-box .step { font-size: 14px; margin: 0 8px; padding: 0px 13px 4px; }
.frm-acc-sec .top-step-box { padding-bottom: 20px; }
.tb-in-cont h2 { font-size: 22px; }
.rgt-step-frm .frm-acc-sec { padding: 20px; }
.secnd-lst-btn .btn, .btn-firtstp-last .btn { font-size: 16px; padding: 8px 25px; }
.btn-firtstp-last { padding-top: 15px; }
.tbl-bot-carrier .tit-top-tbl { font-size: 20px; }

/* Driver Detail Page */
.drive-detail-tit { font-size: 19px; margin-bottom: 7px; }
.drive-detail-subtit { font-size: 14px; }
.drive-accord-sec .panel-heading { padding: 12px 10px 13px 10px; }
.drive-accord-sec .panel-heading .panel-title a.collapsed:before { height: 13px; width: 2px; left: -17px; }
.drive-accord-sec .panel-heading .panel-title a.collapsed:after, .drive-accord-sec .panel-heading .panel-title a:after { left: -22px; height: 2px; width: 13px; }
.drive-accord-sec .panel-heading .panel-title a i { font-size: 18px; padding-left: 0; display: inline-block !important; right: -22px; top: 0; bottom: 0; margin: auto; height: 17px; }
.drive-accord-sec .detail-ico-tit .accord-tit-cont { font-size: 15px; }
.accordian-field-cont .form-group label { padding-bottom: 0; }
.accordian-field-cont .form-group { margin-bottom: 15px; }
.drive-accord-sec .space-bot-box { padding-bottom: 10px; }
.drive-accord-sec .acord-last-btn .btn { padding: 8px 15px; }
.drive-accord-sec .panel-title i { display: inline-block !important;}
.drive-accord-sec .panel-title i { display: inline-block !important;}
.drive-accord-sec .panel-heading .panel-title a { padding-left: 10px;}

/* Checkout Page */
.checkout-tit { font-size: 25px; }
.chekout-desc { font-size: 14px; }
.checkout-pg-top .check-main-sec { padding-top: 10px; }
.blue-bx-tit { font-size: 14px; padding: 10px; }
.left-checkout-sec .body-checkout-sec { padding: 15px 10px; }
.check-pymnt-bx ul li a { padding: 0px 10px 6px; font-size: 11px; line-height: 1.2; }
.check-pymnt-bx ul li a i { font-size: 18px; }
.check-pymnt-bx .tab-pane .form-check { padding: 15px 0; }
.check-pymnt-bx .tab-pane .form-check .form-check-label { padding-left: 0; }
.check-pymnt-bx .tab-pane .form-check .form-check-label .radio-pymnt-bx { grid-template-columns: repeat(1, 1fr); grid-gap: 10px; text-align: center; }
.check-pymnt-bx .tab-pane .form-check input { height: 15px; width: 15px; position: inherit; margin: 0 auto 15px; display: block; }
.check-pymnt-bx .review-plcy-cnfrm .col-lg-4 { width: 100%; }
.check-pymnt-bx .review-btn { padding-top: 5px; }
.check-prise-list .prise-logo-top img { margin: 0 auto 15px; width: 160px; }
.check-prise-list .list-detail-quote { padding: 15px; }

/* Esign History Popup */
.histry-file-sec .img-hstry-sec { margin-right: 0; width: 100%; margin-bottom: 15px; }
.histry-file-sec .upload-btn-wrapper { width: 100%; height: 100px; }
.histry-file-sec .upload-btn-wrapper .btn { font-size: 16px; }
.histry-file-sec .upload-btn-wrapper .btn img { width: 23px; }
.histry-file-sec { padding-top: 5px; }

/* Esign Process */
.process-paymnt-sec ul li .btn-pro-main .btn.red-btn { margin-top: 10px;}
.process-paymnt-sec ul li .btn-pro-main .btn { white-space: break-spaces; width: 100%;}

/* Review Popup */
.modal-review .revire-popup h2 { font-size: 16px; margin-bottom: 10px; }
.revire-popup p { padding-bottom: 15px; }
.modal-review .revire-popup h2 br { display: none; }
.modal-review .revire-popup { padding: 10px 0; }
.revire-popup .stat-popup label { font-size: 35px; }

/* Payment Screen */
.capture-btn-input { flex-direction: column; }
.capture-btn-input .left-cature-main { margin-right: 0; padding-bottom: 12px; }
.capture-btn-input .btn { margin-right: auto; width: 100%; }
.panel-srch-sec .left-form { margin-left: 0; padding-top: 4px; }
.left-form.policy-sec-top span { padding-top: 5px; }
.capture-left-sec select { padding: 9px 6px; font-size: 14px; }

/* Submit Quote */
.submit-quote-box .submit-tit-check { padding: 20px; }
.submit-quote-box .submit-tit-check h2 { font-size: 20px; }
.submit-quote-box .submit-tit-check h3 { font-size: 15px; }
.submit-tit-check .quote-check label.check-btn { margin-bottom: 12px; font-size: 14px; }

/* Payment and Coverage Info popup */
.price-box-info .listing-info-price ul li .right-info-detail, .price-box-info .listing-info-price ul li .info-nm-left { width: 100%; }
.price-box-info .title-info-price { padding: 10px 15px; font-size: 16px; }
.price-box-info .listing-info-price ul li { font-size: 15px; padding: 2px 0; }
.listing-info-price .coverage-box-price { padding-bottom: 20px; }
.right-cmpny-info-part .cmpny-logo-price-sec > span:before { display: none; }
.right-cmpny-info-part .cmpny-logo-price-sec { grid-template-columns: repeat(2, 1fr); grid-gap: 10px; text-align: left; }
.right-cmpny-info-part { padding: 30px 0 10px; }
.pyment-detail-last ul li .right-pymny-list, .pyment-detail-last ul li .left-pymnt-list { font-size: 15px; }
.pyment-detail-last ul li { padding: 6px 0; }
.pyment-detail-last ul { padding-bottom: 15px; }
.box-last-info { padding: 15px; }
.pyment-detail-last p { font-size: 15px; }
.pyment-detail-last .due-price-day { font-size: 15px; }
.pyment-detail-last button.btn { font-size: 13px; }
.pyment-detail-last a.quote-link { margin-top: 10px; }
.cmpny-finl-price .fixed-price-sec { font-size: 20px; }
.cmpny-nm-price h4 { font-size: 18px; }
.logo-cmpy-right img { width: 120px; }

/* Make Payment Popup */
.policy-top-list { grid-template-columns: repeat(2, 1fr);}
.top-sec-head { display: inline-block; }
.amout-dt .dt-due { width: 100%; padding-bottom: 7px; }
.pymnt-scrn-sec .amount-pymnt .form-group { width: 100%; }
.card-detail .select-field select { width: 46%; margin-right: 8px; }
.card-detail .form-group { margin-bottom: 15px; }
.card-detail { padding: 13px; }
.card-detail h3 { margin-top: 0; font-size: 19px; margin-bottom: 14px; }
.pymnt-notes .form-group textarea { height: 80px; }
.pymnt-scrn-sec .pymnt-radio-check { padding-bottom: 10px; }
.amout-dt .dt-due label { font-size: 15px; margin-bottom: 1px; }
.amout-dt .dt-due h2 { font-size: 24px; }
.amout-dt .dt-due h3 { font-size: 20px; }

/* Customer Section Page */
.nmid-custmr-sec { padding: 10px; align-items: flex-start; flex-direction: column; }
.custmr-id-left h2 { font-size: 16px; margin-bottom: 15px; }
.nmid-custmr-sec .custmr-edit-right { margin-left: 0; }
.nmid-custmr-sec .custmr-edit-right .nm-img-customer { text-align: left; }
.custmr-info h1 { font-size: 23px; margin-bottom: 12px; }
.white-custmr-bx .intro-custmr-sec { padding-bottom: 10px; }
.intro-custmr-sec img { width: 100%; }
.customr-right-btn button.btn { float: left; display: inline-block; margin-right: 10px; margin-top: 8px; }
.custmr-btn-sec .custmr-left-btn { margin-bottom: 2px; }
.customer-intro-all .tb-active-sec ul li.nav-item { width: 100%; border: 0; background: #efefef; margin-bottom: 5px; }
.customer-intro-all.review-ct-sec .nav-tabs li.nav-item.active { border-bottom: 0px solid #1067a0; background: #1067a0; }
.customer-intro-all.review-ct-sec .nav-tabs li.nav-item.active a.nav-link { color: #fff; }
.customer-intro-all.review-ct-sec ul li.nav-item a.nav-link { padding: 9px 0; font-size: 13px; }

.tb-customer-main .tb-active-sec ul li.nav-item { width: 100%; margin-bottom: 5px;}
.review-ct-sec .nav-tabs li.nav-item { border-bottom: 0px solid #ccc; background: #dcdcdc;}
.review-ct-sec .nav-tabs li.nav-item.active { border-bottom: 0px solid #1067a0; background: #1067a0;}
.review-ct-sec .nav-tabs li.nav-item.active a.nav-link { color: #fff; background: none; }

}
.company-downpayment {
    font-size: 13px;
    font-weight: 700;
    padding: 6px 0;
}
.sales-plcy-sec tr td {
    font-size: 12px;
}
.pay_plan.green_box.pay_plan {
    background-color: blank !important;
}
.main_title.panel-heading.pymt-note {
    background: #efff66;
    border: 1px solid #000;
}
.verify-first-btn {
    margin-left: 0;
}

.skip-btn-last {
    margin-left: 20px;
}


/*  Auto Inspection*/
.auto-inspect-sec {
    width: 800px;
}
.auto-inspect-sec .vehicle-number {
    display: inline-block;
    width: 100%;
    float: left;
    margin-bottom: 15px;
}
.auto-inspect-sec .vehicle-number .vehicle-left-sec {
    width: 20%;
    display: inline-block;
    float: left;
}
.auto-inspect-sec .vehicle-right-number ul {
    margin: 0;
    padding: 0;
}
.auto-inspect-sec .vehicle-right-number ul li {
    list-style: none;
    display: inline-block;
    width: 25%;
    text-align: center;
    float: left;
    font-weight: 700;
}
.vehicle-number .vehicle-right-number {
    display: inline-block;
    width: 80%;
    float: right;
}
.auto-inspect-sec .vehicle-type {
    display: inline-block;
    width: 100%;
    padding-bottom: 20px;
}
.vehicle-type .vehicle-type-name {
    width: 80%;
    float: right;
    margin: auto;
    display: inline-block;
}
.vehicle-type .vehicle-type-name h2 {
    margin: 0;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    padding: 8px;
    background: #e7e7e7;
}
.vehicle-type .vehicle-nm-box {
    display: inline-block;
    width: 100%;
    float: left;
    padding-top: 15px;
}
.vehicle-type .vehicle-nm-box .vehicle-list-type {
    display: inline-block;
    width: 100%;
    float: left;
    padding-bottom: 12px;
}
.vehicle-type .vehicle-list-type .vehicle-issue-name {
    width: 20%;
    float: left;
    margin: auto;
}
.vehicle-type .vehicle-list-type .vehicle-issue-name p {
    margin-bottom: 0;
    font-weight: 500;
}
.vehicle-nm-box ul.vehicle-check-type {
    padding: 0;
    width: 80%;
    float: right;
    display: inline-block;
    margin: auto;
}
.vehicle-nm-box ul.vehicle-check-type li {
    list-style: none;
    display: inline-block;
    width: 25%;
    float: left;
    text-align: center;
    margin: auto;
    position: relative;
}
.vehicle-nm-box ul.vehicle-check-type li .check-btn {
    display: inline-block;
}
.vehicle-nm-box ul.vehicle-check-type li .check-btn .checkmark {
    top: -6px;
}
.auto-inspect-sec .vehicle-type:last-child {
    padding-bottom: 0;
}

.form-group {
    display: inline-block;
    width: 100%;
}
.cunt-btn-sec {
    padding-top: 15px;
}
.icheck-inline > label {
    font-size: 22px;
    margin-bottom: 20px;
    font-weight: 600;
    /* vertical-align: -webkit-baseline-middle; */
    /* line-height: 1; */
}

.icheck-inline input.icheck {
    width: 20px;
    height: 20px;
    margin-right: 5px !important;
    position: relative;
    top: 2px;
}

@media only screen and (max-width: 767px)
.company-logo img {
    width: 100% !important;
}