* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Open Sans', sans-serif;
    background: #EEF1FF;
    font-size: 14px;
    color: #000;
}

header {
    box-shadow: 0px 1px 2px rgba(51,51,51,0.2);
    position: fixed;
    width: 100%;
    left: 0;
    z-index: 99;
    top: 0;
    background: #005d91;
}

    header .main_logo {
        display: block;
        padding: 12px 20px;
    }

        

.search_block .form-control {
    min-height: 45px;
    font-size: 14px;
    border-radius: 50px;
    padding: 10px 20px;
}

.search_block .form-group {
    position: relative;
    width: 300px;
}

    .search_block .form-group button {
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
        right: 5px;
        height: 30px;
        border: 0;
        background: #005d91;
        color: #fff;
        width: 50px;
        border-radius: 50px;
    }

.search_block {
    border-right: 1px solid #ddd;
    padding: 10px 0;
    padding-right: 20px;
}

.search_byplace, .top_dowload {
    border-right: 1px solid #ddd;
    padding: 20px;
    display: block;
    font-size: 14px;
}

.top_filter {
    padding: 20px 0;
    padding-left: 20px;
    font-size: 14px;
}

    .search_byplace a, .top_dowload a, .top_filter a {
        color: #000;
        transition: .3s ease-in-out;
    }

        .search_byplace a i, .top_dowload a i, .top_filter a i {
            width: 20px;
            color: #005d91;
            transition: .3s ease-in-out;
        }

        .search_byplace a:hover, .top_dowload a:hover, .top_filter a:hover {
            color: #005d91;
            text-decoration: none;
        }

            .search_byplace a:hover i, .top_dowload a:hover i, .top_filter a:hover i {
                color: #000;
            }

.side_toggler span {
    display: block;
    height: 2px;
    width: 20px;
    margin-top: 5px;
    background: #fff;
}

    .side_toggler span:first-child {
        margin-top: 0;
        width: 10px;
    }

    .side_toggler span:nth-child(2) {
        width: 15px;
    }

.side_toggler {
    padding: 22px 0;
    padding-right: 20px;
    cursor: pointer;
    border-right: 1px solid #ddd;
}

aside {
    height: 100%;
    width: 250px;
    position: fixed;
    left: 0;
    top: 60px;
    box-shadow: 1px 0px 2px rgba(51,51,51,0.2);
    transition: .3s ease-in-out;
    z-index: 9;
    overflow: auto;
    padding-bottom: 60px;
    z-index: 1;
}

    aside::before {
        content: '';
        position: absolute;
        height: 100%;
        z-index: -2;
        width: 100%;
        top: 0;
        left: 0;
        background: url('/images/aside.jpg') no-repeat;
        background-size: cover;
    }

    aside::after {
        content: '';
        position: absolute;
        height: 100%;
        z-index: -1;
        width: 100%;
        top: 0;
        left: 0;
        background: linear-gradient(281deg, #005d91, #002539);
        background-size: cover;
        opacity: .7;
    }

    aside.slide {
        left: -500px;
    }

    aside ul {
        margin: 0;
    }

        aside ul li {
            list-style: none;
            position: relative;
        }

            aside ul li a {
                display: block;
                color: #fff;
                padding: 15px;
                white-space: nowrap;
                position: relative;
                display: flex;
                align-items: center;
                transition: .3s ease-in-out;
            }

                aside ul li a:hover {
                    background: #fff;
                    color: #005d91;
                    text-decoration: none;
                }

            aside ul li.drop_down a::after {
                content: '\f0d7';
                font-family: 'Font Awesome 5 Free';
                font-weight: 900;
                position: absolute;
                right: 20px;
                top: 20px;
                transition: .3s ease-in-out;
            }

            aside ul li.drop_down a.active::after {
                transform: rotate(180deg);
            }

            aside ul li a span {
                padding-left: 10px;
                display: inline-block;
            }

            aside ul li + li {
                border-top: 2px solid #f4f5fa23;
            }

            aside ul li a img, aside ul li a svg, aside ul li a .icon {
                width: 30px;
                height: 30px;
            }

            aside ul li a .icon {
                background: url("/images/dashboard.svg") no-repeat;
                background-size: 100%;
                display: inline-block;
                transition: .3s ease-in-out;
            }

            aside ul li a:hover .icon {
                background: url("/images/dashboard_red.svg") no-repeat;
                background-size: 100%;
            }

            aside ul li a .icon1 {
                background: url("/images/acc_setting_wht.svg") no-repeat;
                background-size: 100%;
            }

            aside ul li a:hover .icon1 {
                background: url("/images/acc_setting.svg") no-repeat;
                background-size: 100%;
            }

            aside ul li a .icon3 {
                background: url("/images/wallet_wht.svg") no-repeat;
                background-size: 100%;
            }

            aside ul li a:hover .icon3 {
                background: url("/images/wallet.svg") no-repeat;
                background-size: 100%;
            }

            aside ul li a .icon4 {
                background: url("/images/payout_wht.svg") no-repeat;
                background-size: 100%;
            }

            aside ul li a:hover .icon4 {
                background: url("/images/payout.svg") no-repeat;
                background-size: 100%;
            }
            aside ul li a .ticket {
                background: url("/images/ticket_wht.svg") no-repeat;
                background-size: 100%;
            }

            aside ul li a:hover .ticket {
                background: url("/images/ticket.svg") no-repeat;
                background-size: 100%;
            }
            aside ul li a .testpaper {
                background: url("/images/test_paper_wht.svg") no-repeat;
                background-size: 100%;
            }

            aside ul li a:hover .testpaper {
                background: url("/images/test_paper.svg") no-repeat;
                background-size: 100%;
            }

            aside ul li a .icon5 {
                background: url("/images/learning_center_wht.svg") no-repeat;
                background-size: 100%;
            }

            aside ul li a:hover .icon5 {
                background: url("/images/learning_center.svg") no-repeat;
                background-size: 100%;
            }

            aside ul li a .icon6 {
                background: url("/images/logout_wht.svg") no-repeat;
                background-size: 100%;
            }

            aside ul li a:hover .icon6 {
                background: url("/images/logout.svg") no-repeat;
                background-size: 100%;
            }
            aside ul li a .icon7 {
                background: url("/images/list_wht.svg") no-repeat;
                background-size: 100%;
            }
            aside ul li a:hover .icon7 {
                background: url("/images/list_red.svg") no-repeat;
                background-size: 100%;
            }
            aside ul li a .icon8 {
                background: url("/images/traning_wht.svg") no-repeat;
                background-size: 100%;
            }

            aside ul li a:hover .icon8 {
                background: url("/images/traning_red.svg") no-repeat;
                background-size: 100%;
            }
            aside ul li a svg path {
                fill: #fff;
                stroke: #fff;
                transition: .3s ease-in-out;
            }

            aside ul li a:hover svg path {
                fill: #005d91;
                stroke: #005d91;
            }

            aside ul li ul {
                margin-bottom: 20px;
                box-shadow: 0 5px 10px 0 #0000007a;
                display: none;
            }

                aside ul li ul li {
                    list-style: none;
                    position: relative;
                }

                    aside ul li ul li a {
                        padding-left: 40px;
                    }

            aside ul li.drop_down ul li a::after {
                content: none;
            }

.main_sec {
    padding-top: 90px;
    padding-left: 250px;
    padding-bottom: 30px;
    transition: .3s ease-in-out;
}

    .main_sec.slide {
        padding-left: 0;
    }

.dash_tab ul {
    border: 0;
    background: #f4f5fa;
    display: inline-block;
    padding: 5px;
    border-radius: 5px;
}

    .dash_tab ul li {
        margin: 0;
        display: inline-block;
    }

    .dash_tab ul.nav-tabs li a {
        color: #000;
        transition: .3s ease-in-out;
        border: 0;
    }

    .dash_tab ul li a:hover {
        color: #005d91;
    }

    .dash_tab ul.nav-tabs li a.active {
        background: linear-gradient(45deg, #f53c5b, #005d91);
        border-radius: 5px;
        border: 0;
        color: #fff;
    }

.sec_data {
    background: #fff;
    box-shadow: 0 1px 15px 1px rgba(62,57,107,.07);
    border-radius: .35rem;
    padding: 15px 20px;
}

.vehicle_list {
    margin: 0;
    overflow-y: auto;
    position: relative;
}
/* width */
::-webkit-scrollbar {
    width: 5px;
    height: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 50px;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

.vehicle_list li {
    border: 1px solid #ddd;
    padding: 10px;
    list-style: none;
    transition: .3s ease-in-out;
    position: relative;
    overflow: hidden;
}

    .vehicle_list li:hover {
        background: #EEF1FF;
    }

    .vehicle_list li.active {
        background: #EEF1FF;
        border-color: #005d91;
    }

    .vehicle_list li + li {
        margin-top: 10px;
    }

.vehicle_no {
    display: flex;
    align-items: center;
}

    .vehicle_no h4 {
        font-size: 16px;
        font-weight: 600;
        margin: 0;
    }

    .vehicle_no a {
        margin-left: auto;
        background: #EEF1FF;
        font-size: 12px;
        display: block;
        padding: 2px 10px;
        border-radius: 50px;
        color: #005d91;
        transition: .3s ease-in-out;
    }

        .vehicle_no a:hover {
            background: #005d91;
            color: #fff;
            text-decoration: none;
        }

.vehicle_det {
    margin-top: 10px;
}

    .vehicle_det span {
        font-size: 14px;
        display: block;
    }

        .vehicle_det span + span {
            margin-top: 5px;
        }

        .vehicle_det span i {
            color: #005d91;
            padding-right: 10px;
        }

        .vehicle_det span p {
            margin: 0;
            padding-left: 30px;
            color: #6E6D87;
            font-size: 12px;
        }

.vehicle_ststs {
    border-top: 1px solid #ddd;
    padding-top: 10px;
    margin-top: 10px;
}

    .vehicle_ststs span {
        font-size: 14px;
        font-weight: 600;
    }

        .vehicle_ststs span + span {
            padding-left: 10px;
        }

.vehicle_sharedet {
    position: absolute;
    right: -100px;
    top: 50%;
    padding: 10px;
    border-radius: 50px;
    background: #cecece;
    transform: translate(0, -50%);
    transition: .3s ease-in-out;
}

.vehicle_list li:hover .vehicle_sharedet {
    right: 10px;
}

.vehicle_sharedet span {
    display: block;
}

    .vehicle_sharedet span + span {
        margin-top: 5px;
    }

    .vehicle_sharedet span a {
        color: #000;
        display: block;
    }

.vehicle_call {
    bottom: -100px;
    left: 50%;
    right: auto;
    top: auto;
    transform: translate(-50%, 0);
    display: flex;
    height: 35px;
    width: 85px;
    align-items: center;
    padding: 0 10px;
}

    .vehicle_call span {
        display: inline-block;
        width: 50%;
        text-align: center;
    }

.vehicle_list li:hover .vehicle_call {
    right: auto;
    bottom: 10px;
}

.vehicle_call span + span {
    margin-top: 0em;
}

.vehicle_desc {
    position: absolute;
    height: 480px;
    z-index: 9;
    background: #fff;
    left: 0;
    overflow-y: auto;
    overflow-x: hidden;
    width: 350px;
    box-shadow: 0 0 10px 0 #ddd;
    top: 0;
    opacity: 0;
    padding: 10px;
    padding-top: 20px;
    z-index: -1;
    transition: .3s ease-in-out;
}

    .vehicle_desc.show {
        left: 100%;
        opacity: 1;
        z-index: 9;
    }

    .vehicle_desc ul.nav_tabs {
        border-bottom: 2px solid #ddd;
        display: flex;
    }

    .vehicle_desc ul li {
        flex: auto;
        max-width: 100%;
        font-size: 14px;
    }

    .vehicle_desc ul.nav-tabs li a.nav-link {
        border: 0;
        color: #000;
        text-align: center;
        border-bottom: 2px solid #ddd;
    }

    .vehicle_desc ul.nav-tabs li a.active {
        border-bottom: 2px solid #005d91;
        color: #005d91;
    }

.vehicle_descfilterdate {
    padding: 10px 0;
    display: flex;
    align-items: center;
}

.vehicle_desc .close_btn {
    position: absolute;
    border: 0;
    color: #fff;
    right: 10px;
    top: 5px;
    height: 25px;
    width: 25px;
    border-radius: 50px;
    background: #005d91;
}

.vehicle_interdate {
    position: relative;
}

    .vehicle_interdate .form-control {
        background: #fff;
        width: 150px;
        cursor: pointer;
        padding-left: 30px;
        font-size: 14px;
    }

    .vehicle_interdate i {
        position: absolute;
        top: 10px;
        left: 10px;
        color: #005d91;
    }

        .vehicle_interdate i.fa-angle-down {
            right: 10px;
            left: auto;
        }

.vehicle_playsyndonw {
    margin-left: auto;
}

    .vehicle_playsyndonw span {
        display: inline-block;
    }

        .vehicle_playsyndonw span a {
            display: block;
            height: 30px;
            width: 30px;
            border: 1px solid #ddd;
            border-radius: 50px;
            text-align: center;
            line-height: 30px;
            font-size: 12px;
            color: #005d91;
        }

.vehicle_interdate ul {
    margin: 0;
    position: absolute;
    width: 330px;
    z-index: 2;
    background: #fff;
    display: none;
    top: 40px;
    box-shadow: 0 0 5px 0 #ddd;
}

    .vehicle_interdate ul li {
        padding: 5px 10px;
        list-style: none;
    }

        .vehicle_interdate ul li:hover {
            background-color: #EEF1FF;
        }

        .vehicle_interdate ul li a {
            color: #000;
            text-decoration: none;
            display: block;
        }

            .vehicle_interdate ul li a:hover {
                color: #005d91;
            }

        .vehicle_interdate ul li .form-control {
            width: 100%;
            padding-left: 5px;
        }

        .vehicle_interdate ul li label {
            font-size: 12px;
        }

.vehicle_descfilterallstp ul {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
}

    .vehicle_descfilterallstp ul li {
        flex: 0 0 33.3%;
        list-style: none;
        padding: 0 5px;
        max-width: 33.3%;
    }

        .vehicle_descfilterallstp ul li a {
            display: block;
            border-radius: 5px;
            box-shadow: 0 5px 10px 0 #ddd;
            padding: 5px;
            transition: .3s ease-in-out;
            height: 70px;
        }

            .vehicle_descfilterallstp ul li a h5 {
                font-size: 15px;
                color: #000;
                margin-bottom: 5px;
            }

            .vehicle_descfilterallstp ul li a h6 {
                font-size: 14px;
                margin-bottom: 1px;
                color: #6E6D87;
            }

            .vehicle_descfilterallstp ul li a:hover {
                text-decoration: none;
                box-shadow: 0 5px 10px 0 #cbc9ff;
            }

            .vehicle_descfilterallstp ul li a p {
                font-size: 12px;
                margin: 0;
                color: #888;
            }

            .vehicle_descfilterallstp ul li a:hover h5 {
                color: #005d91;
            }

.vehicle_descfilterstopshow ul {
    margin: 0;
    margin-top: 20px;
}

    .vehicle_descfilterstopshow ul li {
        list-style: none;
    }

        .vehicle_descfilterstopshow ul li + li {
            padding-top: 10px;
        }

        .vehicle_descfilterstopshow ul li .bozx {
            border: 2px solid #ddd;
            margin-top: 5px;
            border-radius: 5px;
            position: relative;
            padding: 10px;
        }

            .vehicle_descfilterstopshow ul li .bozx span {
                font-size: 12px;
            }

            .vehicle_descfilterstopshow ul li .bozx h4 {
                font-size: 15px;
                font-weight: 600;
            }

            .vehicle_descfilterstopshow ul li .bozx p {
                font-size: 14px;
                color: #555;
                margin: 0;
            }

            .vehicle_descfilterstopshow ul li .bozx .dets {
                padding-left: 20px;
            }

            .vehicle_descfilterstopshow ul li .bozx.success::before {
                content: '';
                position: absolute;
                height: 10px;
                width: 10px;
                border-radius: 50px;
                background: #28a745;
                top: 14px;
                left: 10px;
            }

            .vehicle_descfilterstopshow ul li .bozx.danger::before {
                background: #dc3545;
                content: '';
                position: absolute;
                height: 10px;
                width: 10px;
                border-radius: 50px;
                top: 14px;
                left: 10px;
            }

.vehicledets_type {
    padding: 10px 0;
    margin-bottom: 10px;
    border-bottom: 2px solid #ddd;
}

    .vehicledets_type i {
        color: #005d91;
        padding-right: 20px;
    }

.vehicledets_search .form-control {
    border-radius: 0;
    padding-right: 30px;
}

.vehicledets_search .form-group {
    position: relative;
}

    .vehicledets_search .form-group i {
        position: absolute;
        right: 10px;
        top: 40px;
        color: #005d91;
    }

.vehicledets_searchtype .switch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 15px;
}

    .vehicledets_searchtype .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.vehicledets_searchtype .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .vehicledets_searchtype .slider:before {
        position: absolute;
        content: "";
        height: 10px;
        width: 10px;
        left: 4px;
        bottom: 3px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

.vehicledets_searchtype input:checked + .slider {
    background-color: #005d91;
}

.vehicledets_searchtype input:focus + .slider {
    box-shadow: 0 0 1px #005d91;
}

.vehicledets_searchtype input:checked + .slider:before {
    -webkit-transform: translateX(13px);
    -ms-transform: translateX(13px);
    transform: translateX(13px);
}

/* Rounded sliders */
.vehicledets_searchtype .slider.round {
    border-radius: 34px;
}

    .vehicledets_searchtype .slider.round:before {
        border-radius: 50%;
    }

.vehicledets_searchtype {
    padding: 10px 0;
}

    .vehicledets_searchtype ul {
        margin: 0;
    }

        .vehicledets_searchtype ul li {
            list-style: none;
        }

        .vehicledets_searchtype ul li {
            margin-top: 10px;
        }

.page_heading {
    margin: 0;
    font-weight: 600;
}

.table_view {
    padding: 15px 20px;
}

    .table_view table {
        margin: 0;
        border-collapse: separate;
        border-spacing: 0;
    }

        .table_view table thead tr {
            color: #005d91;
        }

            .table_view table thead tr th {
                border: 1px solid #eee;
                border-spacing: 0;
                border-bottom-color: #005d91;
            }

                .table_view table thead tr th:first-child, .table_sidehead tr:first-child th:first-child, .table_sidehead tr:first-child td:first-child {
                    border-top-left-radius: 5px;
                }

                .table_view table thead tr th:last-child, .table_sidehead tr:first-child th:last-child, .table_sidehead tr:first-child td:last-child {
                    border-top-right-radius: 5px;
                }

        .table_view table tbody tr:last-child td:first-child, .table_sidehead tr:last-child th:first-child, .table_sidehead tr:last-child td:first-child {
            border-bottom-left-radius: 5px;
        }

        .table_view table tbody tr:last-child td:last-child, .table_sidehead tr:last-child th:last-child, .table_sidehead tr:last-child td:last-child {
            border-bottom-right-radius: 5px;
        }

        .table_view table tbody tr:nth-child(even) {
            background: #f4f5fa;
        }

        .table_view table tbody tr td, .table_sidehead tr td, .table_sidehead tr th {
            border: 1px solid #eee;
            border-spacing: 0;
        }

    .table_view .action_ul {
        margin: 0;
    }

        .table_view .action_ul li {
            list-style: none;
            display: inline-block;
            padding-right: 10px;
        }

            .table_view .action_ul li a {
                color: #6E6D87;
                transition: .3s ease-in-out;
            }

                .table_view .action_ul li a:hover {
                    color: #FF981E;
                    text-decoration: none;
                }

    .table_view .table_link {
        color: #FF981E;
        font-weight: 600;
        transition: .3s ease-in-out;
    }

        .table_view .table_link:hover {
            text-decoration: none;
            color: #dc3545;
        }

.table_checkbox {
    display: block;
    position: relative;
    height: 15px;
    width: 15px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default checkbox */
    .table_checkbox input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

    /* Create a custom checkbox */
    .table_checkbox .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 15px;
        width: 15px;
        background-color: #ddd;
    }

.table_view td .table_checkbox .checkmark {
    background: #ddd;
}
/* On mouse-over, add a grey background color */
.table_checkbox:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.table_checkbox input:checked ~ .checkmark {
    background-color: #FF981E;
}

/* Create the checkmark/indicator (hidden when not checked) */
.table_checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.table_checkbox input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.table_checkbox .checkmark:after {
    left: 5px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.table_search button {
    padding: 8px 20px;
    font-weight: 600;
    border-radius: 5px;
    background: #ddd;
    border: 1px solid #005d91;
    transition: .3s ease-in-out;
}

    .table_search button:hover {
        background: #005d91;
        color: #fff;
    }

.table_stats .stats_ul li {
    list-style: none;
    display: inline-block;
    padding-right: 10px;
    font-weight: 600;
}

    .table_stats .stats_ul li a {
        background: #FF981E;
        color: #fff;
        display: inline-block;
        padding: 1px 3px;
        margin-left: 2px;
        font-size: 12px;
        border-radius: 5px;
        transition: .3s ease-in-out;
    }

        .table_stats .stats_ul li a:hover {
            background: #dc3545;
            text-decoration: none;
        }

.table_stats .stats_btn {
    text-align: right;
}

    .table_stats .stats_btn li {
        list-style: none;
        display: inline-block;
        font-size: 16px;
    }

        .table_stats .stats_btn li + li {
            padding-left: 5px;
        }

        .table_stats .stats_btn li a {
            display: block;
            text-align: center;
            line-height: 30px;
            color: #fff;
            border-radius: 5px;
            height: 30px;
            width: 30px;
            background: #005d91;
        }


.form_edit .form-group label, .table_search .form-group label, .modal_form label {
    font-size: 14px;
    font-weight: 600;
    color: #555;
}

.form_edit .form-control, .table_search .form-control, .modal_form .form-control {
    border-radius: 0;
    min-height: 45px;
    box-shadow: 0 0px 10px 0 #ddd;
    background: #EEF1FF;
}

.form_edit textarea.form-control {
    height: auto;
}

.form_btn ul {
    margin: 0;
    text-align: right;
}

    .form_btn ul li {
        list-style: none;
        display: inline-block;
    }

        .form_btn ul li + li {
            padding-left: 10px;
        }

        .form_btn ul li button {
            padding: 10px 20px;
            background: #005d91;
            color: #fff;
            font-weight: 600;
            border: 0;
            border-radius: 5px;
            transition: .3s ease-in-out;
        }

            .form_btn ul li button:hover {
                background: rgb(110, 19, 5);
            }

        .form_btn ul li a {
            color: #005d91;
            font-weight: 600;
        }

.vehicledets_searchbtn ul {
    margin: 0 -10px;
    display: flex;
}

    .vehicledets_searchbtn ul li {
        list-style: none;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 10px;
    }

        .vehicledets_searchbtn ul li a {
            border-radius: 5px;
            display: block;
            text-align: center;
            color: #005d91;
            font-weight: 600;
            border: 2px solid #005d91;
            padding: 5px 10px;
            transition: .3s ease-in-out;
        }

            .vehicledets_searchbtn ul li a:hover {
                background: #005d91;
                color: #fff;
                text-decoration: none;
            }

.login_sec {
    height: 100%;
    width: 100%;
    padding:50px 0;
    
}
.reg_form {
    padding:0;
    height:100vh;
}

.login_sec::before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background: #005d91;
    top: 0;
    left: 0;
 /*   opacity: .1;*/
}

    .login_sec::after {
        content: '';
        top:0;
        left:0;
        position: absolute;
        height: 100%;
        width: 100%;
       /* background: url('https://images.pexels.com/photos/3740878/pexels-photo-3740878.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940') center no-repeat;*/
        background-size: cover;
        z-index: -1;
    }

.login_form {
    background: #fff;
    position: relative;
    box-shadow: 0 0.75rem 1.5rem rgba(29, 29, 29, 0.8);
}

.login_head {
    padding: 30px;
    background: #f4f5fa;
    color: #000;
    position: relative;
}

    .login_head h5 {
        font-weight: 600;
    }

.log_botm {
    border-bottom: 1px solid #dadada;
    line-height: .1em;
    text-align: center;
    margin: 30px 0;
}

    .log_botm span {
        background: #fff;
        padding: 0 10px;
    }

.login_form form {
    padding: 30px;
}

    .login_form form .frm_sbt {
        background: #005d91;
        padding: 10px;
        width: 100%;
        border: 2px solid #005d91;
        color: #fff;
        font-weight: 600;
        transition: .3s ease-in-out;
    }
.frm_sbthome {
    background: #005d91;
    padding: 10px;
    width: 100%;
    border: 2px solid #005d91;
    color: #fff!important;
    font-weight: 600;
    transition: .3s ease-in-out;
}
.frm_sbthomeRS {
    background: #17a2b8;
    padding: 10px;
    width: 100%;
    border: 2px solid #17a2b8;
    color: #fff !important;
    font-weight: 600;
    transition: .3s ease-in-out;
}
.frm_sbthomeUSD {
    background: #f30e60;
    padding: 10px;
    width: 100%;
    border: 2px solid #f30e60;
    color: #fff !important;
    font-weight: 600;
    transition: .3s ease-in-out;
}



        .login_form form .frm_sbt:hover {
            background: #fff;
            color: #005d91;
            border-color: #fff;
            border-bottom-color: #005d91;
        }

.login_form .reg_btn {
    background: #fff;
    padding: 10px;
    width: 100%;
    border: 2px solid #005d91;
    display: block;
    text-align: center;
    color: #005d91;
    font-weight: 600;
    transition: .3s ease-in-out;
}

    .login_form .reg_btn:hover {
        background: #005d91;
        color: #fff;
        text-decoration: none;
    }

.login_logo {
    text-align: center;
    position: absolute;
    right: 0px;
    z-index: 9;
    height: 120px;
    width: 120px;
    padding: 10px;
    background: #fff;
    border-radius: 0px;
    top: 0px;
    margin-bottom: 20px;
    display: flex;
}

    .login_logo a {
        margin: auto;
    }

    .login_logo img {
        max-width: 100%;
        max-height: 100%;
    }

.login_form .form-control {
    min-height: 45px;
    border-radius: 0;
}

.fogt_link {
    text-align: center;
}

    .fogt_link a {
        font-size: 14px;
        font-weight: 600;
        color: #555;
    }

        .fogt_link a:hover {
            text-decoration: none;
        }

.filter_side {
    position: fixed;
    top: 0;
    right: -300px;
    transition: .3s ease-in-out;
    z-index: 9999;
    padding: 30px;
    width: 280px;
    background: #fff;
    height: 100%;
    box-shadow: -5px 0 10px 0 #00000026;
}

    .filter_side.slide {
        right: 0;
    }

.filter_top {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 2px solid #ddd;
}

    .filter_top h5 {
        margin: 0;
    }

    .filter_top i {
        display: block;
        height: 40px;
        width: 40px;
        background: #005d91;
        color: #fff;
        cursor: pointer;
        border-radius: 50px;
        margin-left: auto;
        text-align: center;
        line-height: 40px;
        transition: .3s ease-in-out;
    }

        .filter_top i:hover {
            background: #17139C;
        }

.filter_side ul {
    margin: 0;
    overflow: auto;
    height: 100%;
    padding-bottom: 200px;
}

    .filter_side ul li {
        list-style: none;
    }

        .filter_side ul li + li {
            border-top: 1px dashed #ddd;
            padding-top: 20px;
            margin-top: 20px;
        }

        .filter_side ul li h6 {
            margin-bottom: 20px;
        }

.filter_list .form-group:last-child, .filter_list .form-group:last-child label {
    margin-bottom: 0;
}

.filter_sub {
    position: absolute;
    bottom: 0;
    padding: 30px;
    left: 0;
    box-shadow: 0px -2px 10px 0 #00000026;
    width: 100%;
    display: flex;
    background: #fff;
    align-items: center;
}

    .filter_sub button, .btn_downlmodl button {
        background: #fff;
        border: 0;
        padding: 5px 10px;
        border-radius: 5px;
        transition: .3s ease-in-out;
    }

        .filter_sub button.clear, .btn_downlmodl button.cancel {
            margin-left: auto;
            color: #005d91;
        }

            .filter_sub button.clear:hover, .btn_downlmodl button.cancel:hover {
                color: #17139C;
            }

        .filter_sub button.submit, .btn_downlmodl button.submit {
            margin-left: 10px;
            background: #005d91;
            border: 1px solid #005d91;
            color: #fff;
        }

            .filter_sub button.submit:hover, .btn_downlmodl button.submit:hover {
                background: #fff;
                color: #005d91;
            }

.custom-control-input:checked ~ .custom-control-label::before {
    background-color: #005d91;
    border-color: #005d91;
}

input[type=checkbox]:active, input[type=checkbox]:focus, .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none;
}

.modal_form .modal-body {
    padding: 30px;
}

.modal_form h5 {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.heading {
    font-weight: 600;
}

.dash_protgl {
    display: flex;
    align-items: center;
    position: relative;
}

    .dash_protgl span {
        font-weight: 700;
        cursor: pointer;
        margin-right: 10px;
    }

    .dash_protgl img {
        height: 45px;
        width: 45px;
        object-fit: cover;
        object-position: top;
        border-radius: 100px;
        cursor: pointer;
    }

.pro_tgllist {
    position: absolute;
    top: 0;
    opacity: 0;
    pointer-events: none;
    border: 1px solid #e4e5ec;
    border-radius: .35rem;
    background: #fff;
    right: 0;
    margin: -.1rem 0 0;
    box-shadow: 0 5px 75px 2px rgba(64,70,74,.2) !important;
    min-width: 11rem;
    overflow: hidden;
    transition: .3s ease-in-out;
}

    .pro_tgllist.show {
        top: 66px;
        opacity: 1;
        pointer-events: all;
    }

    .pro_tgllist ul {
        margin: 0;
    }

        .pro_tgllist ul li {
            list-style: none;
        }

            .pro_tgllist ul li a {
                padding: 10px;
                display: block;
                font-weight: 400;
                color: #2a2e30;
                transition: .3s ease-in-out;
            }

                .pro_tgllist ul li a:hover {
                    color: #1e2122;
                    text-decoration: none;
                    background-color: #f4f5fa;
                }

                .pro_tgllist ul li a i {
                    padding-right: 5px;
                }

.sec_headsmall {
    font-weight: 500;
    letter-spacing: .05rem;
    font-size: 1rem;
    color: #6b6f82;
    padding: 15px 20px;
    border-bottom: 2px solid #f4f5fa;
    margin-bottom: 0;
}

.dash_box .cliks {
    font-size: 1.51rem;
    font-weight: 400;
    line-height: 1.2;
    color: #464855;
}

.dash_box {
    display: flex;
    padding: 20px;
    align-items: center;
}

    .dash_box img {
        margin-left: auto;
        width: 60px;
        height: 60px;
    }

.dash_boxcont {
    padding: 0;
}

    .dash_boxcont h3 {
        padding: 15px 20px;
        border-bottom: 2px solid #f4f5fa;
    }

.crearte_lead {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
    padding: 15px 20px;
}

.lead_box {
    width: 100%;
    padding: 0 50px;
    text-align: center;
}

    .lead_box + .lead_box {
        margin-top: 20px;
    }

    .lead_box a {
        color: #fff;
        display: block;
        padding: 10px;
        background: linear-gradient(45deg, #f53c5b, #005d91);
        border-radius: 5px;
        box-shadow: 0 5px 10px 0 #ddd;
    }

        .lead_box a:hover {
            text-decoration: none;
        }

.pad_inside {
    padding: 15px 20px;
}

.btn_sbt {
    width: 100%;
    min-height: 45px;
    color: #fff;
    border: 0;
    transition: .3s all;
    font-weight: 600;
    background: linear-gradient(45deg, #f53c5b, #005d91);
}

    .btn_sbt:hover {
        transition: .3s all;
        background: #005d91
    }

.table_btn {
    color: #fff;
    padding: 10px 15px;
    border: 0;
    border-radius: 5px;
    transition: .3s all;
    background: linear-gradient(45deg, #f53c5b, #005d91);
}

    .table_btn:hover {
        background: #005d91;
        color: #fff;
        transition: .3s all;
        text-decoration: none;
    }

.headign_wfilt {
    padding: 10px 20px;
    border-bottom: 2px solid #f4f5fa;
    display: flex;
    align-items: center;
}

    .headign_wfilt h3 {
        padding: 0;
        border: 0;
    }

    .headign_wfilt select {
        margin-left: auto;
        padding: 6px 10px;
        min-width: 30%;
        border-color: #f4f5fa;
        max-width: 10%;
    }
    .headign_wfilt a {
        margin-left: auto;
        padding: 6px 10px;
        min-width: 10%;
        border-color: #f4f5fa;
        max-width: 10%;
    }

        .headign_wfilt select option {
            padding: 10px;
        }

.l_centerbox {
    padding: 15px 20px;
    display: block;
    text-align: center;
}

    .l_centerbox img {
        height: 80px;
        width: 80px;
    }

    .l_centerbox h3 {
        font-size: 1.2rem;
        font-weight: 500;
        line-height: 1.2;
        color: #464855;
        transition: .3s ease-in-out;
        margin-top: 15px;
        margin-bottom: 0;
    }

    .l_centerbox:hover {
        text-decoration: none;
    }

        .l_centerbox:hover h3 {
            color: #005d91;
            font-weight: 600;
        }

.learning_list .grid-item {
    display: flex;
}

    .learning_list .grid-item .img-box {
        position: relative;
        width: 20%;
    }

    .learning_list .grid-item .caption {
        width: 80%;
        margin-left: 30px;
    }

    .learning_list .grid-item .img-box img {
        width: 100%;
        height: 140px;
        object-fit: cover;
    }

    .learning_list .grid-item .caption h2 {
        font-size: 20px;
        margin-top: 0;
        margin-bottom: 15px;
        font-weight: 700;
        line-height: 35px;
    }

        .learning_list .grid-item .caption h2 a {
            color: #000;
            transition: .3s ease-in-out;
        }

            .learning_list .grid-item .caption h2 a:hover {
                color: #005d91;
                text-decoration: none;
            }

    .learning_list .grid-item .icon-list, .knowledge_inner .icon-list {
        padding-bottom: 10px;
        margin-top: 15px;
        font-size: 14px;
        line-height: 30px;
        display: flex;
        margin-bottom: 15px;
        border-bottom: 2px solid #f4f5fa;
    }

.knowledge_inner .icon-list {
    border-bottom: 0;
}

    .learning_list .grid-item .icon-list li, .knowledge_inner .icon-list li {
        margin-right: 25px;
        margin-bottom: 0;
        padding-left: 25px;
        position: relative;
        white-space: nowrap;
        list-style: none;
        overflow: hidden;
    }

        .learning_list .grid-item .icon-list a, .knowledge_inner .icon-list li a {
            font-weight: 600;
            text-transform: uppercase;
            font-size: 12px;
            color: #000;
        }

        .learning_list .grid-item .icon-list li > i, .knowledge_inner .icon-list li i {
            position: absolute;
            left: 0;
            top: 7px;
            color: #005d91;
            font-size: 115%;
        }

.learning_list {
    margin: 0;
}

.learning_listli {
    list-style: none;
}

    .learning_listli + .learning_listli {
        margin-top: 20px;
        padding-top: 20px;
        border-top: 3px dashed #f4f5fa
    }

.knowledge_inner ul.iner_ul {
    margin: 0;
}

    .knowledge_inner ul.iner_ul li {
        list-style: none;
        position: relative;
        padding-left: 20px;
    }

        .knowledge_inner ul.iner_ul li::before {
            content: '';
            height: 5px;
            width: 5px;
            display: inline-block;
            background: #005d91;
            border-radius: 100px;
            position: absolute;
            left: 0;
            top: 12px;
        }

.knowledge_inner h3 {
    font-weight: 600;
}

.knowledge_inner p, .knowledge_inner ul.iner_ul li {
    color: #808080;
    font-size: 16px;
    line-height: 28px;
}

.commet_sec {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 2px solid #f4f5fa;
}

    .commet_sec h5 {
        font-weight: 600;
    }

    .commet_sec ul li {
        margin-top: 20px;
        list-style: none;
    }

        .commet_sec ul li + li {
            border-top: 5px solid #f4f5fa;
            padding-top: 20px;
        }

        .commet_sec ul li h6 {
            font-weight: 600;
            color: #2a2e30;
        }

        .commet_sec ul li p {
            font-size: 15px;
            line-height: 28px;
        }

@media(max-width:991px) {
    aside {
        left: -500px;
    }

        aside.slide {
            left: 0;
        }

    .main_sec {
        padding-left: 0;
    }

    aside ul li.logo_mob {
        background-color: #fff;
    }

        aside ul li.logo_mob a img {
            width: 100%;
            height: auto;
        }
}

@media(max-width:767px) {
    .lead_box {
        padding: 0 20px;
    }
}

@media(max-width:575px) {
    .dash_protgl span {
        display: none;
    }

    .dash_tab ul.nav-tabs li a {
        padding: 10px;
    }

    .learning_list .grid-item {
        display: block
    }

        .learning_list .grid-item .caption {
            width: 100%;
            margin-left: 0;
            margin-top: 20px;
        }

        .learning_list .grid-item .icon-list, .knowledge_inner .icon-list {
            display: block;
        }
}

@media(max-width:450px) {
    .dash_tab ul.nav-tabs li a {
        padding: 10px 5px;
        font-size: 13px;
    }

    .dash_protgl img {
        height: 35px;
        width: 35px;
    }
}

.resp_table {
    max-height: 350px;
}

    .resp_table table {
        border: 0;
    }

    .resp_table thead {
        display: none;
    }

    .resp_table tr {
        margin-bottom: 10px;
        display: block;
        border-bottom: 2px solid #ddd;
    }

    .resp_table td {
        display: block;
        text-align: right;
        font-size: 13px;
        border-bottom: 1px dotted #ccc;
    }

        .resp_table td:last-child {
            border-bottom: 0;
        }

        .resp_table td:before {
            content: attr(data-label);
            float: left;
            text-transform: uppercase;
            font-weight: bold;
            color: #005d91;
        }

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

    .resp_table_lg {
        max-height: 350px;
    }

        .resp_table_lg table {
            border: 0;
        }

        .resp_table_lg thead {
            display: none;
        }

        .resp_table_lg tr {
            margin-bottom: 10px;
            display: block;
            border-bottom: 2px solid #ddd;
        }

        .resp_table_lg td {
            display: block;
            text-align: right;
            font-size: 13px;
            border-bottom: 1px dotted #ccc;
        }

            .resp_table_lg td:last-child {
                border-bottom: 0;
            }

            .resp_table_lg td:before {
                content: attr(data-label);
                float: left;
                text-transform: uppercase;
                font-weight: bold;
                color: #005d91;
            }
}

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

    .resp_table_md {
        max-height: 350px;
    }

        .resp_table_md table {
            border: 0;
        }

        .resp_table_md thead {
            display: none;
        }

        .resp_table_md tr {
            margin-bottom: 10px;
            display: block;
            border-bottom: 2px solid #ddd;
        }

        .resp_table_md td {
            display: block;
            text-align: right;
            font-size: 13px;
            border-bottom: 1px dotted #ccc;
        }

            .resp_table_md td:last-child {
                border-bottom: 0;
            }

            .resp_table_md td:before {
                content: attr(data-label);
                float: left;
                text-transform: uppercase;
                font-weight: bold;
                color: #005d91;
            }
}

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

    .resp_table_sm {
        max-height: 350px;
    }

        .resp_table_sm table {
            border: 0;
        }

        .resp_table_sm thead {
            display: none;
        }

        .resp_table_sm tr {
            margin-bottom: 10px;
            display: block;
            border-bottom: 2px solid #ddd;
        }

        .resp_table_sm td {
            display: block;
            text-align: right;
            font-size: 13px;
            border-bottom: 1px dotted #ccc;
        }

            .resp_table_sm td:last-child {
                border-bottom: 0;
            }

            .resp_table_sm td:before {
                content: attr(data-label);
                float: left;
                text-transform: uppercase;
                font-weight: bold;
                color: #005d91;
            }
}

.headign_wbtn {
    display:flex;
}
.heading_wbtn .h_btn {
    display:block;
    padding:10px;
    color:#fff;
    margin-left:auto;
    border:1px solid #005d91;
    border-radius:5px;
    transition:.3s ease-in-out;
    background:#005d91;
}
.heading_wbtn .h_btn:hover {
    background:#fff;
    color:#005d91;
    text-decoration:none;
}
.high_ltd, .high_ltd_a {
    font-weight: bold;
    font-size: 16px;
}
.high_ltd_a{
    color:#005d91;
}
.red_btn {
    padding: 10px;
    color: #fff;
    border: 1px solid #005d91;
    border-radius: 5px;
    transition: .3s ease-in-out;
    background: #005d91;
}
    .red_btn:hover {
        background: #fff;
        color: #005d91;
        text-decoration: none;
    }
.extrafilte {
    align-items:center;
}
.extrafilte select {
    max-width: 100%;
    width:100%;
    min-height:45px;
}
.extrafilte button{
    width:100%;
}
.extrafilte form{
    margin-left:auto;
}
@media(max-width:575px) {
    .extrafilte {
        display:block;
    }
    .extrafilte form{
        margin-top:5px;
    }
}
.heading_btn {
    padding: 15px 20px;
    display: flex;
    align-items: center;
    border-bottom: 2px solid #f4f5fa;
}
    .heading_btn .sec_headsmall {
        padding: 0;
        border: 0;
        margin-bottom: 5px;
    }
.btn_two a {
    background: #fff;
    padding: 8px 20px;
    border: 2px solid #005d91;
    color: #005d91;
    transition: all 300ms ease-in-out;
    display: inline-block;
    font-weight: bold;
    border-radius: 5px;
}
.btn_two a:hover{
    background:#005d91;
    color:#fff;
    text-decoration:none;
}
.datshostylw ul li {
    list-style:none;
}
.sbt_qus h5 {
    font-weight:600;
}
.sbt_qus ul {
    margin: 0;
    margin-top: 15px;
}
.sbt_qus ul li{
    list-style:none;

    display:inline-block;
    padding-right:10px;
}
.sbt_qus .qst_list + .qst_list {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 3px dashed #f4f5fa;
}

.sbt_qus ul li label {
    display:flex;
    align-items:center;
}
.sbt_qus ul li label input[type="radio"] {
    opacity: 0;
}
.sbt_qus ul li label span {
    width: 18px;
    flex: 0 0 18px;
    margin-right:10px;
    height: 18px;
    display: inline-block;
    border-radius: 50px;
    border: 1px solid #005d91;
    background: #fff;
    position: relative;
}
.sbt_qus ul li label input[type="radio"]:checked ~ span::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
    font-size: 11px;
    width: 10px;
    height: 10px;
    background-color: #005d91;
    border-radius: 50px;
}
.blog_categul {
    margin:0;
}
.blog_categul li{
    list-style:none;
    margin-left:15px;
}
.blog_categul li+li{
    padding-top:10px;
}
.blog_categul li a{
    color:#000;
    transition:.3s ease-in-out;
}
.blog_categul li a:hover{
    text-decoration:none;
    color:#005d91;
}
.testLtr h3{
    font-weight:600;
    font-size:22px
    
}
.testLtr h4 {
    font-weight: 600;
    font-size: 20px
}
.testLtr ul li{
    list-style:none;
    display:block;
}
.testLtr ul li +li{
    margin-top:8px;
}
.pagination {
    margin:0;
}
.pagination li a{
   padding: 5px 10px;
   display:block;
   color:#005d91;
   transition:.3s ease-in-out;
}
.pagination li.active a, .pagination li a:hover{
    background:#005d91;
    color:#fff;
}
.pagination li.pageCountAndLocation a{
    color:#000;
}
.sbt_qus .noof_question {
    margin-top: 20px;
    margin-bottom: 0;
}
.sbt_qus .noof_question li {
    list-style: none;
    display: inline-block;
    margin-bottom: 5px;
    padding:0;
    margin-right: 0;
}
    .sbt_qus .noof_question li a {
        display: block;
        padding: 5px 10px;
        border: 1px solid #005d91;
        color: #005d91;
        font-weight: 600;
        transition: .3s ease-in-out;
    }
        .sbt_qus .noof_question li a:hover, .sbt_qus .noof_question li a.active {
            background: #005d91;
            color: #fff;
            text-decoration: none;
        }
.sbt_qus .questionul {
    display:flex;
    flex-wrap:wrap;
}

    .sbt_qus .questionul li {
   flex:0 0 50%;
   max-width:50%;
        }
@media(max-width:575px) {
    .sbt_qus .questionul li {
        flex: 0 0 100%;
        max-width: 100%;
    }
}
#GuidedTourIconSet {
    display: none;
}
.table_scrl {
    height:330px;

}
.llist_dis .learning_listli {
    
    padding: 15px;
}
.llist_dis .list_wdis.learning_listli {
    position: relative;
    pointer-events: none;
}
.llist_dis .learning_listli + .learning_listli {
    margin-top: 0;
}
.llist_dis .list_wdis.learning_listli::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #ddd;
    opacity: .5;
}
.side_listaction .blog_categul li {
    margin-left:0;
}
.side_listaction .blog_categul li a {
    position: relative;
    padding-right:20px;
    
    display: block;
}
    .side_listaction .blog_categul li + li {
        border-top: 1px dashed #f4f5fa;
        margin-top: 10px;
        padding-top: 10px;
    }
    .side_listaction .blog_categul li a.clickable {
        pointer-events: all;
        color: #005d91;
        font-weight: 600;
    }
.side_listaction .blog_categul li a.clickable:hover{
    color:#FF981E;
}
    .side_listaction .blog_categul li a::after {
        content: '\f00c';
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        right: 0;
        top: 0;
        position:absolute;
    }

    .side_listaction .blog_categul li a.uncheck {
        pointer-events: none;
    }
        .side_listaction .blog_categul li a.uncheck::after {
            content: '\f023';
        }
        .side_listaction .blog_categul li a.active::after {
            content: none;
        }
.videoModal iframe {
    width:100%;
    height:430px;

}
@media(max-width:991px) {
    .videoModal iframe {
        height:260px;
    }
}
@media(max-width:575px) {
    .videoModal iframe {
        height: 300px;
    }
}
@media(max-width:420px) {
    .videoModal iframe {
        height: 220px;
    }
}
.unlock_popup {
    position:absolute;
    top:-50%;
    left:50%;
    transform:translate(-50%, -50%);
    background:#fff;
    border-radius:10px;
    max-width:600px;
    padding:20px;
    opacity:0;
    pointer-events:none;
    z-index:-99;
    transition:.3s ease-in-out;
}
.unlock_popup.show{
    opacity:1;
    top:50%;
    z-index:9999;
    pointer-events:all;
}
.unlock_popup .form-group{
    margin:0;
}
.unlock_popup .form-group label{
    margin-bottom:10px;
}
.unlk_field {
    display:flex;

}
.unlk_field button{
    background:#005d91;
    color:#fff;
    border:0;
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
    width:100px;
}
.unlk_field .form-control{
    border-bottom-left-radius:5px;
    border-top-left-radius:5px;

}
.unlk_poclos {
    position: absolute;
    top: -27px;
    right: 0;
    color: #fff;
    font-size: 16px;
    transition:.3s ease-in-out;
}
.unlk_poclos:hover{
    text-decoration:none;
    color:#fff;
    transform:scale(1.1);
}
.gnr_link {
    border:0;
    background:none;
    color:#005d91;
    margin-top:10px;
    transition:.3s ease-in-out;
    padding:5px 0;
    border-bottom:1px solid #005d91;
}
.gnr_link:hover{
    border-color:#fff;
}
.gnr_link:active, .gnr_link:focus{
    border:0;
    box-shadow:none;
    outline:0;
}
.frm_sbthomeINR {
    background: #000;
    padding: 10px;
    width: 100%;
    border: 2px solid #000;
    color: #fff !important;
    font-weight: 600;
    transition: .3s ease-in-out;
}