@import url("css2.css");

body {
    --primary-color: #f8f9fb;
    --primary-bg-text-color: #ffffff;
    --primary-white-bg-text-color: #3284bb;
    --primary-text-color: #3f4254;
    --primary-nav-text-color: #a2a3b7;
    --primary-main-body-bg: #e7e8f2;
    --primary-btn-color: #3699ff;
    --primary-btn-text-color: #fff;
    --whiteBg: #fff;
    --greyColor: #696969;
    --secondary-color: #024D87;
    --border-style: #eff0f2;
    --grid-header: #f6f6f6;
    --dark-fill: #001531;
    --secondary-color: #024D87;
    --secondary-hover-color: #024D87;
    --default-text-color: #000;
    --text-color2: #181e1e;
    --text-color3: #4b4b4b;
    --secondary-btn-color: #f1f1f1;
}

html,
body {
    font-family: 'Arial', sans-serif !important;
    font-size: 0.9rem;
    background-color: #f5f5f5;
    /*height: 100%;*/
    margin: 0;
}
/*checkbox for remember password*/
.remember_checkbox .container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    color: #666666;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

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

/* Create a custom checkbox */
.remember_checkbox .checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #f6f6f6;
    border: 1px solid #000000;
    border-radius: 2px;
}

/* On mouse-over, add a grey background color */


/* When the checkbox is checked, add a blue background */
.remember_checkbox .container input:checked ~ .checkmark {
    background-color: #0370C0;
    border: none;
}

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

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

/* Style the checkmark/indicator */
.remember_checkbox .container .checkmark:after {
    left: 6px;
    top: 2.5px;
    width: 5px;
    height: 9px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/*checkbox for remember password*/

/*manoj css starts*/
.left_0_forget_footer{
    left:0 !important;
}
.padd_head_fp {
    padding: 20px 30px 20px 30px !important;
}
.for_pass_box {
    box-shadow: 0 1px 6px rgb(32 33 36 / 28%);
    border-color: rgba(223, 225, 229, 0);
    border-radius: 10px;
}
.forget_pass_body {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
}
.forget_pass_input {
    height: calc(1.5em + 1.75rem + 8px) !important;
    padding: 0.375rem 1.25rem !important;
    background: #ffffff !important;
    border-radius: 8px !important;
    border: 1px solid #CED8E0 !important;
}
.right_arrow_fp {
    font-size: 24px;
    margin-left: 5px;
}
.graycheck {
    background: #dcdfe0 !important;
}
.SingleSelectCheckBox.graycheck:before {
    border:none !important;
}
    
.not_items_body::-webkit-scrollbar {
    width: 7px;
}

/* Track */
.not_items_body::-webkit-scrollbar-track {
    border-radius: 10px;
}

/* Handle */
.not_items_body::-webkit-scrollbar-thumb {
    background: #C0C0C0;
    border-radius: 10px;
}

    /* Handle on hover */
    .not_items_body::-webkit-scrollbar-thumb:hover {
        background: #C0C0C0;
        width: 30px;
    }

.sidenav::-webkit-scrollbar {
    width: 10px;
}

/* Track */
.sidenav::-webkit-scrollbar-track {
    border-radius: 10px;
}

/* Handle */
.sidenav::-webkit-scrollbar-thumb {
    background: #C0C0C0;
    border-radius: 10px;
}

    /* Handle on hover */
    .sidenav::-webkit-scrollbar-thumb:hover {
        background: #C0C0C0;
        width: 30px;
    }

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 31px !important;
}

.select2-container--open .select2-dropdown--below {
    position: relative;
    top: -7px;
    border: 1px solid #CED8E0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #CED8E0 !important;
}

.w_26 {
    width: 26px;
    height: 26px;
}

.fw_700 {
    font-weight: 700 !important;
}

.foot_h_dash {
    height: 50px;
}

.overflow_hidden {
    overflow: hidden;
}

.clr_a:hover {
    color: #024d87;
}
/*.loaderSection {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    position: relative;
    background-color: transparent;
}
.loader {
    margin: auto;
    animation: rotate 2s infinite;
    height: 50px;
    width: 50px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 9999;
    clear: both;
    background-color: transparent;
}*/

/*  .loader:before,
    .loader:after {
        border-radius: 50%;
        content: '';
        display: block;
        height: 20px;
        width: 20px;
    }

    .loader:before {
        animation: ball1 2s infinite;
        background-color: #ffd700;
        box-shadow: 30px 0 0 #ffd700;
        margin-bottom: 10px;
    }

    .loader:after {
        animation: ball2 2s infinite;
        background-color: #ffd700;
        box-shadow: 30px 0 0 #ffd700;
    }

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg) scale(0.8);
        -moz-transform: rotate(0deg) scale(0.8);
    }

    50% {
        -webkit-transform: rotate(360deg) scale(1.2);
        -moz-transform: rotate(360deg) scale(1.2);
    }

    100% {
        -webkit-transform: rotate(720deg) scale(0.8);
        -moz-transform: rotate(720deg) scale(0.8);
    }
}

@keyframes ball1 {
    0% {
        box-shadow: 30px 0 0 #ffd700;
    }

    50% {
        box-shadow: 0 0 0 #ffd700;
        margin-bottom: 0;
        -webkit-transform: translate(15px,15px);
        -moz-transform: translate(15px, 15px);
    }

    100% {
        box-shadow: 30px 0 0 #ffd700;
        margin-bottom: 10px;
    }
}*/

/*@keyframes ball2 {
    0% {
        box-shadow: 30px 0 0 #ffd700;
    }

    50% {
        box-shadow: 0 0 0 #ffd700;
        margin-top: -20px;
        -webkit-transform: translate(15px,15px);
        -moz-transform: translate(15px, 15px);
    }

    100% {
        box-shadow: 30px 0 0 #ffd700;
        margin-top: 0;
    }
}*/
.mt_35 {
    margin-top: -35px;
}

.card_bo {
    border: none;
}

.filter-headings-new {
    color: #000000;
    font-size: 18px;
    margin-bottom: 0px;
    font-weight: 600;
}

.not_items_body {
    padding-bottom: 15px;
    height: 424px;
    overflow-y: scroll;
}

.fs_26 {
    font-size: 26px;
}

.sky_blue_clr_not {
    background-color: #DFEDF6;
}

.white_clr_not {
    background-color: #ffffff;
}

.not_para_grey_clr {
    color: #666666 !important;
}

.not_para {
    font-weight: 400;
    font-size: 14px;
    color: #000000;
    margin-bottom: 0px;
}

.not_date_day {
    font-weight: 400;
    font-size: 14px;
    color: #666666;
    margin-bottom: 0px;
}

.not_items_head {
    font-weight: 700;
    font-size: 16px;
    color: #000000;
    margin-bottom: 0px;
}

.not_items {
    padding: 15px 30px;
    border-bottom: 1px solid #DFEDF6;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.no_of_not {
    color: #0370C0;
}

.notification_box {
    box-shadow: 0px -4px 3px rgba(0, 0, 0, 0.02), 0px 8px 12px rgba(0, 0, 0, 0.08);
    position: absolute;
    background-color: #ffffff;
    right: 100px;
    top: 82px;
    width: 42%;
    border-radius: 0px 0px 12px 12px;
    display: none;
}

.span_arr {
    content: '';
    right: 99px;
    display: inline-block;
    top: -11px;
    position: absolute;
    border-bottom: 12px solid #FFFFFF;
    border-left: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid rgba(0, 0, 0, 0);
    box-shadow: 0px -4px 3px rgba(0, 0, 0, 0.02), 0px 8px 12px rgba(0, 0, 0, 0.08);
}
/*.arrow_notification_box::after {
    content:'';
    right: 99px;
    display: inline-block;
    top: -11px;
    position: absolute;
    border-bottom: 12px solid #FFFFFF;
    border-left: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid rgba(0, 0, 0, 0);
    box-shadow: 0px -4px 3px rgba(0, 0, 0, 0.02), 0px 8px 12px rgba(0, 0, 0, 0.08);
}
    .arrow_notification_box::before {
        content: '';
        right: 99px;
        display: inline-block;
        top: -11px;
        position: absolute;
        border-bottom: 14px solid rgba(0, 0, 0, 0.2);
        border-left: 10px solid rgba(0, 0, 0, 0);
        border-right: 10px solid rgba(0, 0, 0, 0);
        box-shadow: 0px -4px 3px rgba(0, 0, 0, 0.02), 0px 8px 12px rgba(0, 0, 0, 0.08);
    }*/
.notification_header {
    padding: 25px 20px;
    position: relative;
}

.not_title {
    font-weight: 700;
    font-size: 18px;
    color: #000000;
    position: relative;
    margin-bottom: 0px;
}

    .not_title::before {
        content: '';
        position: absolute;
        background: #003377;
        border-radius: 0px 16px 16px 0px;
        width: 5px;
        height: 36px;
        left: -20px;
        top: -7px;
    }

.total_para p {
    margin-bottom: 0px;
}

.container-space_dash {
    margin-top: -45px;
    border-radius: 12px;
}

.manual_entry_row_dash {
    background: linear-gradient(180deg, #024D87 -70.69%, #0370C0 100%);
    padding: 24px 30px 65px 30px;
}

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

.btn_clear {
    background-color: #B6B6B6;
    border-radius: 8px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    padding: 12px 20px;
}

    .btn_clear:hover {
        color: #ffffff;
    }

.top-navbar .dropdown-item:hover {
    background-color: #003377;
    color: #ffffff;
}

.mvc-grid input[type=checkbox], .widgetSect input[type=checkbox] {
    position: relative;
    border: 1px solid #CED8E0 !important;
    border-radius: 4px !important;
    background: #ffffff;
    cursor: pointer;
    line-height: 0;
    margin: 0 .6em 0 0;
    outline: 0;
    padding: 0 !important;
    vertical-align: text-top;
    height: 20px !important;
    width: 20px;
    -webkit-appearance: none;
}

    .mvc-grid input[type=checkbox]:hover, .widgetSect input[type=checkbox]:hover {
        opacity: 1;
    }

    .mvc-grid input[type=checkbox]:checked, .widgetSect input[type=checkbox]:checked {
        background-color: #003377 !important;
        opacity: 1;
    }

    .mvc-grid input[type=checkbox]:before, .widgetSect input[type=checkbox]:before {
        content: '';
        position: absolute;
        right: 50%;
        top: 50%;
        width: 4px;
        height: 10px;
        border: solid #FFF;
        border-width: 0 2px 2px 0;
        margin: -1px -1px 0 -1px;
        transform: rotate(45deg) translate(-50%, -50%);
        z-index: 2;
    }

.active_input input[type=checkbox] {
    position: relative;
    border: 1px solid #CED8E0 !important;
    border-radius: 4px !important;
    background: none;
    cursor: pointer;
    line-height: 0;
    margin: 0 .6em 0 0;
    outline: 0;
    padding: 0 !important;
    vertical-align: text-top;
    height: 20px !important;
    width: 20px;
    -webkit-appearance: none;
}

    .active_input input[type=checkbox]:hover {
        opacity: 1;
    }

    .active_input input[type=checkbox]:checked {
        background-color: #003377 !important;
        opacity: 1;
    }

    .active_input input[type=checkbox]:before {
        content: '';
        position: absolute;
        right: 50%;
        top: 50%;
        width: 4px;
        height: 10px;
        border: solid #FFF;
        border-width: 0 2px 2px 0;
        margin: -1px -1px 0 -1px;
        transform: rotate(45deg) translate(-50%, -50%);
        z-index: 2;
    }

.pencil_width {
    width: 20px;
    height: 20px;
}

.dl_excel {
    color: #489950;
}

    .dl_excel:hover {
        color: #489950;
    }

.mb_33 {
    margin-bottom: 33px;
}

.qr_tick_pos {
    position: relative;
}

.qr_tick_abs {
    bottom: 4px;
    left: 12px;
    position: absolute;
    width: 12px;
    height: 12px;
}

#Page_DropDown_Size {
    white-space: nowrap;
}

.pb_33 {
    padding-bottom: 33px;
}

.btn_disable_gen {
    background: #1AA741;
    border-radius: 8px;
    padding: 17px 20px;
    color: #ffffff;
    border: none;
    font-size: 20px;
}

.btn_disable_print {
    background: #003377;
    border-radius: 8px;
    padding: 17px 20px;
    color: #ffffff;
    border: none;
    font-size: 20px;
}

.btn_disable_gen:hover {
    color: #ffffff;
}

.btn_disable_print:hover {
    color: #ffffff;
}

.bell_icon_pro {
    color: #003377;
    font-size: 17px;
}

.bell_pos_rel {
    position: relative;
    cursor: pointer;
}

.red_dot_bell {
    position: absolute;
    width: 9px;
    height: 9px;
    right: -1px;
    top: -4px;
    background: #EC0404;
    border-radius: 50%;
}

.plus_add_icon {
    top: 3px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    margin-right: 5px;
    position: relative;
    margin-right: 10px;
}

.fw_800 {
    font-weight: 800 !important;
}

.success_txt_user {
    font-weight: 700;
    font-size: 24px;
    color: #000000;
    margin: 26px 0px 8px 0px;
}

.success_para_user {
    font-weight: 400;
    font-size: 16px;
    color: #000000;
    margin-bottom: 0px;
}

.tick_success_modal {
    width: 64px;
    height: 64px;
}

.success_modal .modal-header {
    background-color: #024D87;
    padding: 2.5rem;
    border-bottom: none;
    border-radius: 8px 8px 0px 0px;
}

.success_modal .modal-content {
    border: none;
    border-radius: 8px;
}

.success_modal .modal-footer {
    border-top: 1px solid #D0DDE8;
    padding: 20px 0px;
}

.btn_success_close {
    font-weight: 400;
    font-size: 16px;
    color: #000000;
    background-color: #ffffff;
    border: none;
}

.success_modal .modal-body {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.tick_success_modal {
    position: absolute;
    top: -30px;
}

.px_25 {
    padding: 0px 25px;
}

.filter-headings-2 {
    font-weight: 700;
    font-size: 18px;
    color: #000000;
    position: relative;
}

.white_icon {
    color: #ffffff;
}

.blue_icon {
    color: #024D87;
}

.header-color[aria-expanded='true'] .acc_ic_user {
    transform: rotate(180deg)
}

.acc_ic_user {
    font-size: 20px;
    color: #003377;
}
/*.card_bo {
    border-radius: 12px;
    border: none;
}
.card_bo .header-color[aria-expanded='false']{
    border-radius:12px !important;
}
.header-color[aria-expanded='false']{
    border:none;
}*/
.textareaInput {
    padding: 1.25rem 1.25rem !important;
    background: #ffffff;
    border-radius: 8px !important;
    border: 1px solid #CED8E0 !important;
}

.sidenav_icon {
    font-size: 16px;
    padding: 0px 13px 0px 0px;
}

.input_class .form-control {
    height: calc(1.5em + 1.75rem + 8px);
    padding: 0.375rem 1.25rem;
    background: #ffffff;
    border-radius: 8px;
    border: 1px solid #CED8E0;
}

.input_class .select2-selection {
    height: calc(1.5em + 1.75rem + 8px);
    padding: 0.375rem 1.25rem;
    background: #ffffff;
    border-radius: 8px;
    border: 1px solid #CED8E0;
}

.input_class .form-group {
    margin-bottom: 25px;
}

.bo_bo_user {
    border-bottom: 1px solid #D0DDE8;
}

.bo_top_user {
    border-top: 1px solid #D0DDE8;
}

a.nav-link.nav-link-sm.dropdown-toggle.user-action.black_cl.user-profile-dropdown {
    padding: 0.25rem 1rem;
}

.bg_ffive {
    background-color: #f5f5f5;
}

.foot_h {
    height: 200px;
    background: #F5F5F5;
}

.pos_rel_qr {
    position: relative;
}

.tick_select_qr {
    position: absolute;
    right: -10px;
    top: -13px;
    display: none;
}

.tick_select_qr_db {
    display: block;
}

.widgetSect table {
    overflow-x: scroll;
}

.widgetSect .table thead th {
    border-top: none;
    border-bottom: none;
}

.mvc-grid .table thead th, .widgetSect .table thead th {
    background: rgba(3, 112, 192, 0.14) !important;
    color: #003377 !important;
    font-weight: 400;
    font-size: 14px;
    padding: 0.75rem 1.5rem;
    white-space: nowrap;
}

.widgetSect .table thead th {
    padding: 1rem 1.5rem !important;
    font-weight: 700 !important;
}

.widgetSect .table td {
    padding: 1rem 1.5rem !important;
}

.mvc-grid .table td, .widgetSect .table td {
    border-top: none;
    font-size: 14px;
    font-weight: 400;
    padding: 0.75rem 1.5rem;
    white-space: nowrap;
}

.mvc-grid .table tr:nth-child(odd), .widgetSect .table tr:nth-child(odd) {
    background-color: #ffffff;
}

.mvc-grid .table tr:nth-child(even), .widgetSect .table tr:nth-child(even) {
    background-color: #F5F5F5;
}

.widgetSect .table {
    border-collapse: collapse !important;
}

.cursor_pointer {
    cursor: pointer;
}

.fs_16 {
    font-size: 16px;
}

.cgap_12 {
    column-gap: 12px;
}

.pre_page_bc {
    color: #ffffff;
    font-size: 14px;
}

    .pre_page_bc:hover {
        color: #ffffff;
        text-decoration: none;
    }

.cur_page_bc:hover {
    color: #ffffff;
    text-decoration: none;
}

.bc_arr {
    top: 1.5px;
    font-size: 10px;
    position: relative;
}

.cur_page_bc {
    color: #B8B8B8;
    font-size: 14px;
}

.bread_crumb_be {
    display: flex;
    align-items: center;
    column-gap: 10px;
    color: #ffffff;
}

.px_70 {
    padding: 0px 70px;
}

.m_entry_box {
    background: #FCFCFC;
    border: 1px solid #CCCCCC;
    border-radius: 8px;
    padding: 24px;
}

.m_entry_box_new {
    background: rgba(3, 112, 192, 0.05);
    border: 2px solid #0370C0;
}

.qr_modal_body {
    padding: 48px 25px 30px 25px !important;
}

.m_entry_txt {
    font-weight: 400;
    font-size: 20px;
    color: #000000;
    margin-top: 10px;
    margin-bottom: 0px;
}

.bo_box_bulken {
    /*background-image: url(data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%23333' stroke-width='2' stroke-dasharray='15' stroke-dashoffset='68' stroke-linecap='butt'/%3e%3c/svg%3e);*/
    border: 2px dashed #001531;
    background: #FAFAFA;
    height: 132px;
    width: 100%;
    border-radius: 8px;
}

.pad_30 {
    padding: 30px;
}

.bg_for_qr {
    background-color: #CBD2D7;
    border-radius: 0px 12px 12px 0px;
    height: 100%;
}

.mvc-grid-pager {
    display: flex;
    align-items: center;
    justify-content: end;
    padding: 0px 20px;
    column-gap: 15px;
    flex-wrap: wrap;
}

.btn-primaries-1 {
    background: #003377;
    border-radius: 8px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    padding: 12px 20px;
}

    .btn-primaries-1:hover {
        background: #003377;
        color: #ffffff;
    }

.btn-primaries-blue {
    background: #003377;
    border-radius: 8px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    padding: 12px 20px;
}

    .btn-primaries-blue:hover {
        color: #ffffff;
    }

.btn-secondaries-2 {
    background: #ffffff;
    border: 1px solid #003377;
    border-radius: 8px;
    color: #003377;
    font-size: 14px;
    font-weight: 400;
    padding: 12px 20px;
}

.btn-secondaries-3 {
    background: #ffffff;
    border: 1px solid #e62e2d;
    border-radius: 8px;
    color: #e62e2d;
    font-size: 14px;
    font-weight: 400;
    padding: 12px 20px;
}

    .btn-secondaries-2:hover {
        color: #003377;
    }

.btn-secondaries-1 {
    background: #ffffff;
    border: 1px solid #CED8E0;
    border-radius: 8px;
    color: #666666;
    font-size: 14px;
    font-weight: 600;
    padding: 12px 20px;
}

    .btn-secondaries-1:hover {
        border: 1px solid #CED8E0;
        background: #ffffff;
        color: #666666;
    }

.container-space-1 {
    border-radius: 12px;
}

.filter-headings-1 {
    font-weight: 600;
    font-size: 18px;
    color: #000000;
    position: relative;
    margin-bottom: 0px;
}

    .filter-headings-1::before {
        content: '';
        position: absolute;
        background: #003377;
        border-radius: 0px 16px 16px 0px;
        width: 5px;
        height: 36px;
        left: -18px;
        top: -7px;
    }

.bg_clr_qr_code {
    background: #D0DDE8;
    border-radius: 12px;
}

.qr_code_left_sec {
    padding: 30px 80px 30px 40px;
}

.mx_70 {
    margin: 0px 70px;
}

.lt_footer {
    position: fixed;
    bottom: 0;
    left: 250px;
    right: 0;
    padding: 7px 0px;
    background-color: #ffffff;
    z-index: 1000;
}

.qr_modal_footer {
    padding: 25px 30px;
    border-top: 1px solid #D0DDE8;
}

.displaying_page .page-link {
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn_qr_cancel {
    border: 1px solid #8D8D8D;
    background-color: #ffffff;
    border-radius: 8px;
    font-weight: 400;
    font-size: 16px;
    color: #8D8D8D;
    padding: 14px 40px;
}

    .btn_qr_cancel:hover {
        color: #8D8D8D;
    }

.btn_qr_proceed {
    border: none;
    background-color: #B6B6B6;
    border-radius: 8px;
    font-weight: 400;
    font-size: 16px;
    color: #ffffff;
    padding: 14px 40px;
}

    .btn_qr_proceed:hover {
        color: #ffffff;
    }

.qr_modal_title {
    font-weight: 700;
    font-size: 16px;
    color: #000000;
}

.qr_modal_content {
    background: #FFFFFF;
    border-radius: 8px;
    border: none;
}

.qr_modal_header {
    padding: 20px !important;
    background-color: #F6F6F6;
    border-radius: 8px 8px 0px 0px;
    border-bottom: none;
}

.btn_qr_generator {
    background-color: #003377;
    border: 1px solid #003377;
    padding: 12px 24px;
    border-radius: 8px;
    color: #ffffff;
}

    .btn_qr_generator:hover {
        background-color: #003377;
        border: 1px solid #003377;
        color: #ffffff;
    }

.bl_color {
    color: #003377;
}

.blk_color {
    color: #000000;
}

.page_cus {
    column-gap: 10px;
    align-items: center;
}

.dbl_arr_page {
    background: #F5F5F5;
    border-radius: 4px;
    border: none;
}

.sin_arr_page {
    border: 1px solid #F5F5F5;
    background-color: #ffffff;
    border-radius: 4px;
}

.curr_page {
    background: #024D87;
    border-radius: 4px;
    color: #ffffff;
    padding: 6px 13px;
    border: none;
}

.fs_14 {
    font-size: 14px;
}

.f_color {
    color: #000000;
}

.displaying_entries {
    column-gap: 10px;
}

    .displaying_entries .form-control {
        background: #FFFFFF;
        border: 0.5px solid #000000;
        border-radius: 30px;
        padding: 0rem 1.25rem 0rem 0.75rem;
        height: calc(1em + 0rem + 8px);
        color: #003377;
    }

    .displaying_entries .form-control {
        background-image: url(../images/show_arrow.svg);
        background-position: calc(100% - 8px) 7px, calc(100% - 17px) 16px, 100% 0 !important;
        background-repeat: no-repeat;
        -webkit-appearance: none !important;
        -moz-appearance: none;
        background-size: 8px;
    }

.mvc-grid .mvc-grid-page-sizes select {
    background-image: url(../images/show_arrow.svg);
    background-position: calc(100% - 8px) 7px, calc(100% - 17px) 16px, 100% 0 !important;
    background-repeat: no-repeat;
    -webkit-appearance: none !important;
    -moz-appearance: none;
    background-size: 8px;
    border: 0.5px solid #000000;
    border-radius: 30px;
    padding: 0rem 1.25rem 0rem 0.75rem;
    height: calc(1em + 0rem + 8px);
    color: #003377;
    margin-right: 8px;
}

.mvc-grid-pager button {
    font-size: 14px !important;
}

    .mvc-grid-pager button:focus {
        outline: none;
    }

    .mvc-grid-pager button:nth-child(2) {
        border: 1px solid #dddddd;
        background-color: #ffffff;
        border-radius: 4px;
    }

    .mvc-grid-pager button:nth-child(5) {
        border: 1px solid #dddddd;
        background-color: #ffffff;
        border-radius: 4px;
    }

.mvc-grid-pager .active, .mvc-grid-pager .active:focus {
    background-color: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
    color: #ffffff !important;
}

.mvc-grid-pager button:first-child {
    background: #F5F5F5;
    border-radius: 4px;
    border: none;
}

.mvc-grid-pager button:last-child {
    background: #F5F5F5;
    border-radius: 4px;
    border: none;
}

.displaying_entries .form-control:focus {
    background-image: url(../images/show_arrow.svg);
    background-repeat: no-repeat;
    background-size: 8px;
    background-color: #FFFFFF;
    border: 0.5px solid #000000;
}

.col_gap_do_eye {
    column-gap: 20px;
}

.po_rela_eye {
    position: relative;
    font-size: 16px;
}

.po_abs_eye {
    top: 3px;
    font-size: 9px;
    position: absolute;
    left: 6.5px;
}

.ic_dl_pr {
    color: #0370c0;
    font-weight: 800 !important;
    font-size: 16px;
}

.qrlist_table .table tr:nth-child(odd) {
    background-color: #F5F5F5;
}

.qrlist_table .table tr:nth-child(even) {
    background-color: #FFFFFF;
}

.qrlist_table {
    overflow-x: scroll;
}

    .qrlist_table::-webkit-scrollbar {
        display: none;
    }

    .qrlist_table .table thead th {
        background: rgba(3, 112, 192, 0.14);
        color: #003377;
        font-weight: 400;
        font-size: 16px;
        border-bottom: none;
        border-top: none;
        white-space: nowrap;
        padding: 15px 25px;
    }

.sort_row_qrcode {
    background-color: #FAFAFA !important;
    color: #999999;
    font-weight: 400;
    font-size: 14px;
}

.padding_page {
    padding: 25px 20px;
}

.sort_row_qrcode td {
    font-size: 14px !important;
}

.qrlist_table .table td {
    border-top: none;
    padding: 15px 25px;
    font-size: 16px;
}

.plr_25 {
    padding: 0px 25px;
}

.th_txt_qrcode {
    margin-bottom: 0px;
    color: #003377;
    font-weight: 400;
    font-size: 16px;
}

.pad_25 {
    padding: 25px;
}

.widgetH input {
    background: #ffffff !important;
    border-radius: 8px !important;
    border: 1px solid #CED8E0 !important;
}

.qr_code_left_sec .form-group {
    margin-bottom: 30px;
}

.widgetH .form-group {
    margin-bottom: 25px;
}

.widgetH .form-control {
    height: calc(1.5em + 1.75rem + 8px) !important;
    padding: 0.375rem 1.25rem !important;
}

.manual_entry_txt {
    font-weight: 400;
    font-size: 20px;
    color: #FFFFFF;
    margin-bottom: 0px;
}

.px_30 {
    padding: 0px 30px;
}

.manual_entry_row {
    background: linear-gradient(180deg, #024D87 -70.69%, #0370C0 100%);
    padding: 24px 30px 36px 30px;
}

.mt_30 {
    margin-top: 30px;
}

.mt_40 {
    margin-top: 40px;
}

.mt_60 {
    margin-top: 60px
}

.copyrights_txt {
    font-size: 14px;
    color: #000000;
}

#username::-webkit-input-placeholder {
    color: #666666;
}

#password::-webkit-input-placeholder {
    color: #666666;
}

.lt_logo_down {
    background: linear-gradient(180deg, #003377 36.34%, #024D87 100%);
    border-radius: 4px;
    width: 27px;
    height: 24px;
    text-align: center;
    -webkit-writing-mode: vertical-lr;
}
/*manoj css ends*/
/*naveena css starts*/

.dasboard_title {
    display: inline-block;
    color: #fff;
    font-size: 20px;
    padding: 23px 23px 75px 23px;
}

.dashboard_content {
    border-radius: 12px;
    background-color: #fff;
}


.user_total {
    border: 1px solid #D0DDE8;
    border-radius: 8px;
    padding: 20px;
    display: flex;
    column-gap: 20px;
    /* align-items: center; */
}

.orange_icon_d {
    background-color: #EC803F;
}

.das_icon_bg {
    width: 50px;
    height: 50px;
    border-radius: 8px;
    display: grid;
    place-content: center;
}

.violet_icon_d {
    background-color: #CB8ADF;
}

.green_icon_d {
    background-color: #11C8A8;
}

.blue_icon_d {
    background-color: #5197E9;
}

.fa_user {
    color: #fff;
    font-size: 20px;
}

.total_para {
    color: #000;
}

.number_800 {
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
}

/* .col_width{
flex: 0 0 25%;
max-width: 24%;
margin-right: 17px;
}  */
.graph_data {
    border: 1px solid #D0DDE8;
    border-radius: 8px;
    padding: 20px;
}

.calender_para {
    font-weight: 700;
    font-size: 18px;
    color: #000000;
    position: relative;
}

    .calender_para::before {
        content: '';
        position: absolute;
        background: #003377;
        border-radius: 0px 16px 16px 0px;
        width: 5px;
        height: 36px;
        left: -21px;
        top: -6px;
    }

.calender_div input {
    background-color: #F6F6F6;
    border: none;
    padding: 9px 16px;
    border-radius: 4px;
}

    .calender_div input:focus {
        outline: none;
    }

.calender_cmn {
    column-gap: 20px;
}

.height_foot {
    height: 150px;
}

.footer_fixed {
    position: fixed;
    background-color: #fff;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 10px 0px 0px 0px;
    font-size: 14px;
    font-weight: 400;
    padding: 5px;
}

/*naveena css ends*/
.sidenav {
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    /*border: 1px solid var(--border-style);*/
    overflow-x: hidden;
    transition: 0.5s;
    width: 50px;
    margin-top: 83px;
    /*padding-top: 70px; */
    background: var(--dark-fill);
}

.navFixedW {
    width: 250px;
    overflow: hidden;
}

.navbar .nav-item.dropdown .dropdown-menu {
    width: 100%;
    left: auto;
    right: 0;
}

.top-navbar {
    float: right;
}

.cursor {
    cursor: pointer;
}

#accordianSideMenu ul:nth-child(1) {
    padding-left: 0px;
}

#accordianSideMenu ul ul li,
#accordianSideMenu ul li {
    list-style: none;
    background-color: var(--dark-fill);
}

#accordianSideMenu .nav-link {
    color: var(--primary-btn-text-color);
    font-size: 13px;
    padding: 19px 0px;
    text-decoration: none;
    display: flex;
    align-items: center;
    border: none;
    background: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
    outline: none;
    transition: 0.3s;
    padding-right: 20px;
    padding-left: 18px;
}

    #accordianSideMenu .nav-link i::before {
        color: var(--primary-bg-text-color);
    }

    #accordianSideMenu .nav-link.active {
        /*border-left: 5px solid var(--whiteBg);
        padding-left: 13px;*/
    }

        #accordianSideMenu .nav-link.active + ul {
            display: block !important;
        }

#accordianSideMenu .navBarList.active .nav-link + ul {
    display: none !important;
}

#accordianSideMenu .navBarList.active .nav-link.active + ul {
    display: block !important;
}

#accordianSideMenu ul li a {
    cursor: pointer;
}

a {
    color: var(--secondary-color);
}

.sidenav a.nav-link .mainIcon,
.dropdown-btn i {
    margin-right: 5px;
    padding: 0px 15px 2px 0px;
    font-size: 16px;
    margin-top: 2px;
}

.navFixedW .submenuArrow {
    font-size: 10px !important;
    margin-top: 5px;
}

#accordianSideMenu ul ul {
    display: none;
}

    #accordianSideMenu ul ul li a,
    #accordianSideMenu h4 {
        text-decoration: none;
        display: block;
        transition: all 0.15s;
        position: relative;
        padding: 10px;
        color: var(--primary-nav-text-color);
        font-size: 13px;
        padding-right: 20px;
    }

        #accordianSideMenu ul ul li a span {
            width: 5px;
            height: 5px;
            background-color: var(--primary-text-color);
            float: left;
            margin-top: 8px;
            margin-right: 10px;
            border-radius: 20px;
        }

        #accordianSideMenu ul ul li a:hover {
            color: var(--primary-bg-text-color);
        }

            #accordianSideMenu ul ul li a:hover span {
                background-color: var(--primary-btn-color);
            }

.logoSect {
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    width: 50px;
    height: 83px;
    background-color: var(--dark-fill);
    transition: all 0.5s;
    overflow: hidden;
    /* box-shadow: 0 -5px 6px rgb(32 33 36 / 28%);*/
    border-color: rgba(223, 225, 229, 0);
}

#menuTop {
    transition: all 0.5s;
    position: fixed;
    width: 100%;
    z-index: 9;
    /*height: 50px;*/
    background-color: var(--whiteBg);
}

/*.logoSect img {
    margin: 8px 10px;
}*/

.logoSect h2 i {
    color: var(--primary-nav-text-color);
}

.expandRight {
    color: var(--primary-color);
}

    .expandRight i {
        background: #f8f9fb;
        color: #9c9d9e;
        padding: 6px;
        font-size: 14px;
        cursor: pointer;
    }

.mobileIcons {
    display: none;
}

.primaryWBgText {
    color: var(--primary-white-bg-text-color);
}

.languageMenuSect .primaryWBgText {
    display: none;
}

.languageMenuSect .navbar-nav {
    float: right;
    padding-right: 15px;
}

.notifi {
    position: relative;
}

    .notifi span {
        width: 7px;
        height: 7px;
        background-color: red;
        float: left;
        position: absolute;
        border-radius: 50%;
        right: 0px;
        top: 9px;
    }

    .notifi i {
        color: var(--primary-btn-color);
    }

.notifcationList {
    display: none;
    position: absolute;
    list-style: none;
    padding: 10px 15px;
    background-color: #3699ff;
    right: 0;
    min-width: 200px;
    color: white;
    z-index: 9;
}

.languageMenuSect .navbar-nav {
    float: right;
    padding-right: 15px;
}

.profileSectionStyle p {
    float: left;
    margin: 0;
    padding-top: 6px;
}

.profileSectionStyle span {
    padding: 6px 12px;
    background-color: var(--primary-btn-color);
    border-radius: 5px;
    color: #ffffff;
    font-weight: 600;
    margin-left: 10px;
    float: right;
}

.profileSectionStyle {
    font-style: normal;
    padding: 5px 10px;
    border-radius: 3px;
    float: left;
}

.profileSection .dropdown-user i:hover {
    background-color: #deeeff;
}

#accordianSideMenu .nav-link:hover,
#accordianSideMenu ul li.activeMenu a.nav-link {
    color: var(--default-text-color);
    /* font-weight: 600; */
    /*border-left: 5px solid var(--whiteBg);*/
    background-color: #FFAE00;
}

#accordianSideMenu .nav-link:focus {
    background-color: #FFAE00;
}

#accordianSideMenu .nav-link:target {
    background-color: #FFAE00;
}

#accordianSideMenu .nav-link:hover i::before {
    color: var(--default-text-color);
}

#accordianSideMenu ul li:active {
    /* color: #e62e2d !important; */
    /* border-left: 3px solid #e62e2d !important; */
    /* background-color: #ffffff !important; */
}

    #accordianSideMenu ul li:active > a {
        /* border-left: 3px solid #e62e2d !important;
        background-color: #ffffff !important; */
    }

.profileSectionStyle::after {
    display: none !important;
}

#main {
    transition: all 0.5s;
    padding: 0px;
    padding-top: 80px;
    background: #f6f6f8;
    height: 100vh;
    padding-left: 50px;
}

#main {
    padding-left: 250px !important;
}

    #main .body-container {
        background: #f2f3f7;
        float: left;
        width: 100%;
    }

.searchFilt {
    width: 200px;
    float: left;
    background: #fff;
    transition: all 0.5s;
    z-index: 8;
}

.searchResultL ul {
    list-style: none;
    padding: 15px 0px;
    /* min-height: 1040px; */
    /* height: 400px; */
    overflow-y: hidden;
    overflow-x: hidden;
    height: auto;
}

    .searchResultL ul:hover {
        overflow-y: scroll;
    }

    .searchResultL ul li {
        padding: 10px 15px;
        cursor: pointer;
        font-size: 12px;
    }

.searchFilt .slimScrollDiv {
    float: left;
}

.searchResultL ul li:hover {
    background-color: var(--secondary-color);
}

/*.borderL {
    border-left: 1px solid var(--border-style);
}

.borderR {
    border-right: 1px solid var(--border-style);
}*/

.borderT {
    border-top: 1px solid var(--border-style);
}

/*.borderB {
    border-bottom: 1px solid var(--border-style);
}
*/
.borderAll {
    border: 1px solid var(--border-style);
}

.primaryBtn {
    background-color: var(--primary-btn-color);
    color: var(--primary-btn-text-color);
    border: none;
    padding: 9px 15px;
    border-radius: 3px;
}

.greyColor {
    color: var(--greyColor);
}

.paddL7 {
    padding-left: 7px !important;
}

.paddR7 {
    padding-right: 7px !important;
}

.padd7 {
    padding: 0px 7px !important;
}

.w100 {
    width: 100%;
}

.roundedET {
    border-radius: 0px 0px 4px 4px;
}

.role_type_table {
    overflow-x: scroll;
}

.font10 {
    font-size: 10px;
}

.font12 {
    font-size: 12px;
}

.font14 {
    font-size: 14px;
}

.font16 {
    font-size: 16px;
}

.font18 {
    font-size: 18px;
}

.font20 {
    font-size: 20px;
}

.font22 {
    font-size: 22px;
}

.font24 {
    font-size: 24px;
}

.font26 {
    font-size: 26px;
}

/* new style */
.adminProfile {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100px;
}

    .adminProfile h5 {
        display: none;
    }

body .sidenav.defaultExpand .adminProfile h5,
body .sidenav.active.defaultExpand .adminProfile h5,
body .sidenav.active .adminProfile h5 {
    display: block;
}

body .sidenav.defaultExpand,
body .sidenav.defaultExpand.active,
body .sidenav.active {
    /*padding-top: 100px;*/
}

.primaryTextC {
    color: var(--primary-text-color);
}

.bodyFilSect {
    width: calc(100% - 200px);
    padding: 0px;
}

    .bodyFilSect .serchFilSect {
        padding: 15px 0px 14px 0px;
        background: #fff;
    }

.searTopField select {
    width: 200px;
}

select:focus,
input:focus {
    outline: none;
}

.bodyFilSect .body-container .widgetSect {
    background-color: #fff;
}

    .bodyFilSect .body-container .widgetSect .widgetBody {
        min-height: 300px;
    }

/* datepicker style */
.daterangepicker .calendar {
    width: 50%;
    max-width: inherit !important;
}

.daterangepicker .ranges {
    width: 100% !important;
    padding: 5px 15px 15px 15px;
    margin: 0px !important;
}

.daterangepicker .daterangepicker_input .calendar-time,
.daterangepicker .daterangepicker_input i {
    display: none;
}

/* width */
.searchResultL ul::-webkit-scrollbar {
    width: 5px;
}

/* Track */
.searchResultL ul::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

/* Handle */
.searchResultL ul::-webkit-scrollbar-thumb {
    background: #d6d6d6;
    border-radius: 10px;
}

    /* Handle on hover */
    .searchResultL ul::-webkit-scrollbar-thumb:hover {
        background: #d6d6d6;
    }

/* widget style */
.widgetCard {
    background: #fff;
    border: 1px solid #e2e2e2;
    padding: 15px 0px;
    cursor: pointer;
    border-radius: 3px;
}

.widgetImg {
    float: right;
    width: 50px;
    height: 50px;
    border-radius: 4px;
    text-align: center;
    margin-top: -30px;
}

    .widgetImg i {
        padding: 10px;
        font-size: 30px;
        color: #fff;
    }

.widgetCard.active span {
    color: #fff;
}

.widgetCard.active {
    background: #1f78b4;
    color: #fff;
    border-color: #1f78b4 !important;
}

    .widgetCard.active .widgetImg {
        background: #fff !important;
    }

        .widgetCard.active .widgetImg i {
            color: #1f78b4;
        }

.widgetcardResult h4 {
    background: #fff;
    border-top: 2px solid #4eb0c3;
}

    .widgetcardResult h4 i {
        color: #4eb0c3;
    }

.widgetcardResult .widgetResBody {
    min-height: 400px;
    background-color: #fff;
}

.widgetcardResult {
    display: none;
}

.sidenav a.nav-link i {
    /* margin-right: 5px; */
    padding: 0px 15px 2px 0px;
    font-size: 16px;
    margin-top: 2px;
    vertical-align: middle;
}

/*LAndT CSS*/
.kia_card {
    margin: auto;
    box-shadow: 0 1px 6px rgb(32 33 36 / 28%);
    border-color: rgba(223, 225, 229, 0);
    background-color: #ffffff;
    border-radius: 4px;
    height: 275px;
}

.folder-file-type img {
    width: 18px;
    position: absolute;
}

.folder-file-type-text {
    font-size: 14px;
    color: rgb(0, 0, 0);
    width: 100%;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    padding: 0px 0px 0px 30px;
}

.folder-img-single {
    max-height: 110px;
    text-align: center;
    width: auto !important;
}

.folder-file-type {
    position: relative;
    margin: 15px 0px;
}

.showcase-modal .modal-content {
    width: 100% !important;
    background-color: transparent !important;
}

    .showcase-modal .modal-content .showcase-thumbnail-img {
        width: 100%;
    }

.showcase-modal .modal-dialog {
    max-width: 95% !important;
}

.showcase-modal .modal-header .close {
    color: #fff;
    font-size: 40px;
    font-weight: normal;
    padding: 5px;
}

.d_grey_cl {
    color: #737373;
}

.fnt12 {
    font-size: 12px;
}

.fnt14 {
    font-size: 14px;
}

.fnt16 {
    font-size: 16px;
}

.fnt18 {
    font-size: 18px;
}

.fnt19 {
    font-size: 19px !important;
}


.fnt21 {
    font-size: 21px !important;
}

.fnt23 {
    font-size: 23px !important;
}

.fnt30 {
    font-size: 30px !important;
}

.kia_shadow {
    background-color: #fff;
    box-shadow: 0 1px 6px rgb(32 33 36 / 28%);
    border-color: rgba(223, 225, 229, 0);
}

.container-space {
    margin-top: -20px;
    border-radius: 12px;
}

.container-top-title {
    font-size: 18px;
    font-weight: 600;
    color: var(--default-text-color);
}

.sidenav_shadow {
    box-shadow: 0 6px 6px rgb(32 33 36 / 28%);
    border-color: rgba(223, 225, 229, 0);
}

.folder_cd_shadow {
    background-color: #fff;
    box-shadow: 0 1px 3px #0000001c;
}

.m_auto {
    margin: auto;
}

.black_cl {
    color: #000000 !important;
}

.kia_orange {
    color: var(--secondary-color) !important;
}

.kia_orange_bg {
    background-color: var(--secondary-color);
}

.kia_blue {
    color: #7f9dbe !important;
}

.btn-primaries {
    background: #B6B6B6;
    border-radius: 8px;
    color: #ffffff;
    font-size: 20px;
    font-weight: 400;
    padding: 16px 20px;
}

    .btn-primaries:hover {
        background: #B6B6B6;
        color: #ffffff;
    }

.btn-secondaries {
    background: #B6B6B6;
    border-radius: 8px;
    color: #ffffff;
    font-size: 20px;
    font-weight: 400;
    padding: 16px 20px;
}

    .btn-secondaries:hover {
        background: #B6B6B6;
        color: #ffffff;
    }

.prime_btn {
    border-radius: 8px;
    background-color: #003377;
    border: none;
    color: #ffffff;
    font-size: 20px;
    font-weight: 500 !important;
    padding: 14px 0px;
}
    /*.prime_btn_common {
    border-radius: 0;
    background-color: var(--secondary-color);
    border: none;
    color: #ffffff;
    font-size: 15px;
    font-weight: 500 !important;
}
    .prime_btn_common:hover {
        border-radius: 0;
        background-color: #e6001d;
        border: none;
        color: #ffffff;
    }*/
    .prime_btn:hover {
        border: none;
        color: #ffffff;
    }

.pointer {
    cursor: pointer;
}

.dropdown-toggle.user-profile-dropdown {
    font-size: 14px;
    font-weight: 600;
    color: var(--text-color2);
    position: relative;
    min-width: 150px;
    margin-left: 25px;
    display: flex;
    align-items: center;
    column-gap: 16px;
}

    .dropdown-toggle.user-profile-dropdown::after {
        position: absolute;
        right: 10px;
        top: 25px;
    }

    .dropdown-toggle.user-profile-dropdown .profile {
        max-width: 40px;
        border-radius: 100%;
        position: absolute;
        left: 0;
    }

    .dropdown-toggle.user-profile-dropdown .emp-id {
        display: block;
        font-size: 12px;
        color: var(--secondary-color);
    }

.kia_arrow {
    font-size: 25px;
    font-weight: bold !important;
}

.dropdown-menu {
    position: absolute;
    top: 50px;
    left: 25px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}

.over_auto {
    overflow: scroll;
}

.login_box {
    display: flex;
    height: 100%;
    background-color: #ffffff;
}

#login_bg {
    min-height: 100vh;
    flex: 0.60;
    background-image: url('/LAndT_Images/bg_img_new.svg');
    background-size: cover;
    background-repeat: no-repeat;
}

#pass_icon {
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}

#username, #Password {
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}

#username, #username_icon {
    background-color: #F6F6F6 !important;
    outline: none;
    border: none;
    height: 60px;
    padding: 15px 24px;
}

#username {
    border-radius: 5px 0px 0px 5px !important;
}

#Password {
    border-radius: 5px 0px 0px 5px !important;
}

.border_none {
    border: none !important;
}

#username_icon, .password_icon {
    color: #333333;
    font-size: 18px;
    border-radius: 0px 5px 5px 0px;
}

#Password, #pass_icon, .password_icon {
    background-color: #F6F6F6;
    outline: none;
    border: none;
    height: 60px;
}

#Password {
    padding: 15px 24px;
}

#lock_icon {
    padding: 15px 24px 15px 15px;
}

.password_icon {
    padding: 15px 10px;
}

#login_input {
    width: 100%;
    flex: 0.40;
    padding-left: 20px;
    position: relative;
    min-height: 100vh;
}

    #login_input::after {
        position: absolute;
        content: '';
        width: 13px;
        height: -webkit-fill-available;
        right: 0;
        top: 0;
        background: linear-gradient(180deg, #024D87 17.53%, #0370C0 98.62%);
    }

.bor_rad37 {
    border-radius: 37px;
}


.login-content-wrapper {
    width: 100%;
}

.login_bor {
    border-left: 22px solid var(--dark-fill);
    margin-left: -23px;
}

    .login_bor h6 {
        line-height: 30px;
        margin: 0;
        font-weight: 600;
        font-size: 30px;
    }

.login-form {
    margin-top: 20px;
}

.text_danger {
    color: #FF0000;
    margin-left: 4px;
}

.login_txt {
    font-weight: 700;
    font-size: 28px;
    color: #000000;
    margin-bottom: 3px;
}

.credentail_txt {
    font-weight: 400;
    font-size: 20px;
    margin-bottom: 10px;
}

.login-form .form-label {
    font-weight: 400;
    color: #003377;
    font-size: 12px;
}

    .login-form .form-label i::before {
        color: var(--secondary-color);
    }

.login-form .form-group {
    margin-bottom: 30px;
}

.login-form .form-control {
    border-radius: 0 !important;
    height: auto;
    padding: 0.8rem 0.75rem;
}

.forgot-text {
    font-weight: 600;
}

.btn-right-arrow {
    position: absolute;
    padding: 2px;
    font-size: 26px;
}

.form-control:focus {
    color: #495057;
    background: #F6F6F6;
    border-color: #ced4da;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 0%);
}

.kia_copyright {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    color: #ffffff;
}

.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #f6f6f800;
    border-radius: 0.25rem;
}
/*FLOATING BUTTON CSS*/
div.floating-action-menu > .action-menu {
    visibility: hidden;
    transform: translateY(65px);
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: all 300ms linear;
}

div.floating-action-menu.active > .action-menu {
    visibility: visible;
    transform: translate(0);
    opacity: 1;
    padding-bottom: 5px;
    max-height: 1000px;
}

div.floating-action-menu > .action-menu > .floating-action {
    padding-right: 0.45rem;
}

div.floating-action-menu > .action-menu .btn-floating,
div.floating-action-menu > .action-menu .badge {
    transform: scale(0.4);
    transition: all 500ms ease-in-out;
}

div.floating-action-menu.active > .action-menu .btn-floating,
div.floating-action-menu.active > .action-menu .badge {
    transform: scale(1);
}

div.floating-action-menu > .action-button > .btn-floating {
    transition: all 500ms linear;
}

div.floating-action-menu.active > .action-button > .btn-floating {
    background-color: #0f0f1a;
    border-color: #0f0f1a;
}

    div.floating-action-menu.active > .action-button > .btn-floating:hover {
        background-color: #0f0f1a;
        border-color: #0f0f1a;
    }

div.floating-action-menu > .action-button > .btn-floating > i {
    transition: transform 500ms ease-in-out;
}

div.floating-action-menu.active > .action-button > .btn-floating > i {
    transform: rotate(-315deg);
}

.btn-primary_kia {
    color: #fff;
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
    padding: 10px 15px;
    border-radius: 100%;
    font-size: 20px;
}

.btn-group-sm > .btn,
.btn-sm {
    padding: 9px 12px;
    font-size: 0.875rem;
    line-height: 4;
    border-radius: 69px;
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgb(38 143 255 / 0%);
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #e62e2d;
    border-color: #e62e2d;
}

.btn-primary:hover {
    color: #fff;
    background-color: #e62e2d;
    border-color: #e62e2d;
}

.badge-dark {
    color: #fff;
    background-color: #0f0f1a;
    padding: 4px 4px;
}

.btn-secondary_kia {
    color: #000;
    background-color: #ffffff;
    box-shadow: 0 1px 6px rgb(32 33 36 / 28%);
    border-color: rgba(223, 225, 229, 0);
}
/*FLOATING BUTTON CSS*/
.btn-primary_popup {
    color: #fff;
    background-color: #e62e2d;
    border-color: #e62e2d;
}

.btn-secondary_popup {
    color: #4b4b4b;
    background-color: #f1f1f1;
    border-color: #f1f1f1;
}
/* Modal CSS */
.create-folder-modal .modal-dialog {
    max-width: 530px !important;
}

.modal-title {
    font-size: 18px;
    font-weight: 600;
    color: var(--default-text-color);
}

.modal-header .close {
    font-size: 36px;
    font-weight: normal;
    padding: 10px 15px;
}

    .modal-header .close:hover {
        color: var(--default-text-color);
        opacity: 1 !important;
    }

.primary-form .form-label {
    font-weight: 600;
    color: var(--default-text-color);
    font-size: 14px;
}

.primary-form .form-control {
    border-radius: 0 !important;
    height: auto;
    padding: 0.8rem 0.75rem;
}

.modal-header {
    padding: 1.5rem;
}

.modal-body {
    padding: 1.5rem;
}
/* Modal CSS */
/* responsive style */
@media (max-width:1200px) {
    .user_total {
        margin-bottom: 20px;
    }

    .pr_0 {
        padding-right: 0px;
    }

    #login_input {
        padding-left: 0px;
    }

    .qr_code_left_sec {
        padding: 30px 15px 30px 15px;
    }

    .bg_for_qr {
        border-radius: 0px 0px 12px 12px;
    }
}

@media (max-width:992px) {
    .forget_pass_body {
        
        align-items: flex-start;
        
    }
    
    .notification_box{
        width:50%;
    }

    .user_total {
        padding: 10px;
        column-gap: 10px;
    }

    .px_70 {
        padding: 0px 15px;
    }

    .qr_code_left_sec {
        padding: 30px 15px 30px 15px;
    }

    .mx_70 {
        margin: 0px 30px;
    }
}

@media only screen and (max-width: 768px) {
    .padd_top_mobile {
        padding-top: 150px;
        padding-bottom:50px;
    }
    
    .mvc-grid-pager {
        justify-content: normal;
    }

    .searchFilt {
        width: 100%;
        position: fixed;
        top: -500px;
        display: none;
    }

        .searchFilt .selectBox {
            width: 100%;
        }

        .searchFilt .searchResultL {
            width: 100%;
        }

            .searchFilt .searchResultL ul {
                padding: 5px 0px;
                height: 400px;
                overflow: scroll;
                overflow-x: hidden;
            }

    .bodyFilSect {
        width: calc(100% - 0px);
    }

    body .mobile .logoSect {
        width: 50px;
        height: auto;
        padding: 10px !important;
        background-color: #ffffff;
    }

        body .mobile .logoSect img {
            width: 50px !important;
            height: 50px;
            margin: 0px !important;
            padding-top: 0px !important;
        }

    body .mobile h2.expandRight {
        padding-left: 0px !important;
        padding-top: 10px !important;
    }

    .filterTog {
        z-index: 8;
        box-shadow: 1px 1px 10px #c3c3c3;
        top: 50px;
    }

    .mobileScreenTop .mobileIcons.fa-user-alt {
        display: block !important;
        color: white;
        float: right;
        font-size: 20px;
        padding: 15px 10px;
        color: var(--primary-nav-text-color);
    }
}

@media (max-width:576px) {
    .notification_box {
        left: 20px;
        width: 90% !important;
        right: 20px;
    }

    .calender_cmn {
        justify-content: space-between;
    }

    .user_total {
        padding: 20px;
        column-gap: 20px;
    }

    .pr_sm {
        padding-right: 0px;
    }

    .qr_code_left_sec {
        padding: 30px 0px 30px 0px;
    }

    .three_btn_qrcode {
        display: flex;
        flex-direction: column;
        row-gap: 15px;
    }
}

@media (min-width: 576px) {
    .modal-dialog {
/*        max-width: 989px !important;
*/        margin: 1.75rem auto !important;
    }

    .qr_modal_dialog {
        max-width: 870px !important;
        margin: auto !important;
        padding: 0px 20px;
    }

    .success_modal .modal-dialog {
        max-width: 450px !important;
    }
}



@media (max-width: 767.98px) {
    .notification_box {
        width: 75%;
    }

    .lt_footer {
        left: 0px;
    }

    .main .top-row {
        display: none;
    }

    body .logoSect img {
        padding-left: 5px;
    }

    body #menuTop {
        height: auto !important;
    }

    #main {
        padding: 110px 0px 10px 0px !important;
    }
    /*.sidenav {
        padding-top: 100px !important;
    }*/

    .mobileScreenTop {
        background-color: #ffffff;
    }

        .mobileScreenTop .primaryWBgText {
            color: white !important;
        }

        .mobileScreenTop .logoSect {
            width: 150px !important;
            justify-content: flex-start;
        }

            .mobileScreenTop .logoSect h2 {
                display: none;
            }

            .mobileScreenTop .logoSect img {
                width: 80px !important;
            }

    .defaultScreentitle {
        display: none;
    }

    .mobileScreenTop .mobileIcons {
        display: block !important;
        color: white;
        float: right;
        font-size: 20px;
        margin-top: 10px;
        padding: 15px 15px;
        color: var(--primary-nav-text-color);
    }

    .sidenav {
        left: -260px !important;
    }

    body .expandMobileMenu {
        left: 0px !important;
    }

    #main {
        margin-left: 0px !important;
        padding-top: 135px !important;
    }

    .languageMenuSect .profileSection {
        width: calc(100% - 135px) !important;
        padding-left: 15px !important;
        display: table;
        float: right !important;
        margin-top: 0px;
        padding-top: 0px;
        padding-right: 0px !important;
    }

    .profileSection .lang {
        width: 60px;
    }

    .profileSection .dropdown-user {
        width: calc(100% - 85px);
        margin-right: 0px !important;
    }

        .profileSection .dropdown-user i {
            float: right;
        }

    .languageMenuSect ul li {
        float: left;
        margin-right: 10px !important;
    }

    .notifi {
        margin-left: 50px;
    }

    .languageMenuSect .primaryWBgText {
        display: none !important;
        margin-top: 0 !important;
        padding-top: 10px !important;
    }

    .languageMenuSect {
        height: 0px;
        overflow: hidden;
        background-color: #f1f1f1;
        border-radius: 5px;
        max-width: calc(100% - 10px);
        padding: 0px !important;
        transition: all 0.5s;
        box-shadow: 1px 1px 10px #d5d5d5;
    }

    .languageToggleSect {
        transition: all 0.5s;
        height: 45px;
        overflow: inherit;
        margin: 5px 5px;
    }

    .logoutDrop {
        width: auto !important;
        float: inherit !important;
    }

    #menuTop {
        background-color: transparent;
    }

    .widgetFormSect label {
        text-align: left !important;
        padding-top: 5px;
    }

    .searTopField {
        padding-bottom: 50px;
    }

        .searTopField select,
        .searTopField #daterange-btn {
            float: left !important;
            width: 100%;
        }

        .searTopField .primaryBtn {
            float: left !important;
            width: 200px;
            position: absolute;
            bottom: 0px;
        }

    body .mobile h2.expandRight i {
        display: none;
    }
}

@media (min-width: 768px) {
    app {
        flex-direction: row;
    }

    .sidebar {
        width: 180px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .main .top-row {
        position: sticky;
        top: 0;
    }

    .main > div {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }

    .navbar-toggler {
        display: none;
    }

    .sidebar .collapse {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}
/*@media only screen and (max-width: 1199.98px) {
    body .body-container .padd7,
    body .body-container .paddR7,
    body .body-container .paddL7{
        padding: 0px 15px !important;
    }
} */

@media (min-width: 1200px) {
    .container {
        max-width: 100%;
    }

    .navbar {
        border-radius: 0px !important;
    }
}
/*MEDIA QUERY START*/
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    .px_25 {
        padding: 0px 15px;
    }

    .sidenav {
        margin-top: 70px;
    }

    .mobile .logoSect {
        width: auto !important;
        height: auto !important;
        padding: 10px !important;
    }

    .mvc-grid-pager {
        justify-content: normal;
    }

    .btn-primaries-1 {
        width: 100%;
    }

    .btn-secondaries-2 {
        width: 100%;
        margin-bottom: 15px;
    }

    .btn_qr_generator {
        width: 100%;
    }

    .nav-link-sm {
        display: block;
        padding: 0px;
        margin-top: 15px;
    }

    .m_hide {
        display: none;
    }

    .shadow_none {
        box-shadow: none;
    }

    .login-content-wrapper {
        width: 100%;
    }
}
/*ipad*/
@media only screen and (min-device-width: 481px) and (max-device-width: 768px) {
    .w_ip_50 {
        max-width: 50% !important;
        flex: 0 0 50%;
    }
}
/*ipad PRO*/
@media only screen and (min-device-width: 769px) and (max-device-width: 1024px) {
}

@media (min-width: 576px) {
    .modal-folder {
        max-width: 350px !important;
        margin: 1.75rem auto !important;
    }

    .container {
        max-width: 100%;
    }
}

.fa-Action-icon {
    background: url(../images/dot.svg) no-repeat 0px 1px;
    width: 25px;
    height: 10px;
}

.fa-Folder-icon {
    background: url(../images/) no-repeat 0px 1px;
    width: 25px;
    height: 25px;
}

.fa-folder {
    padding-right: 2px;
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgb(38 143 255 / 0%);
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #e62e2d;
    border-color: #e62e2d;
}

.btn-primary:hover {
    color: #fff;
    background-color: var(--secondary-hover-color);
    border-color: var(--secondary-hover-color);
}

.modal-background {
    background: transparent linear-gradient(180deg, #000000E3 0%, #000000CC 100%) 0% 0% no-repeat padding-box;
}

.documentname {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

.close {
    outline: none !important;
}

.statusSect ul li {
    padding: 7px 30px;
    padding-top: 10px;
}

    .statusSect ul li.active {
        background-color: var(--secondary-color);
        color: white;
    }

.statusSect ul {
    padding: 0px;
    list-style: none;
    display: flex;
    background-color: var(--primary-nav-text-color);
    color: var(--primary-btn-text-color);
    margin-bottom: 0px !important;
}

.statusSectFileUpload ul li {
    padding: 7px 30px;
    padding-top: 10px;
}

    .statusSectFileUpload ul li.active {
        background-color: var(--secondary-color);
        color: white;
    }

.statusSectFileUpload ul {
    padding: 0px;
    list-style: none;
    display: flex;
    background-color: var(--primary-nav-text-color);
    color: var(--primary-btn-text-color);
    margin-bottom: 0px !important;
}

.select2-container {
    width: 100% !important;
}

.dptext {
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    background-color: #05141f;
    font-size: 12px;
    width: 46px;
    height: 46px;
    display: flex;
    color: #ffffff;
}

.select2-container--default .select2-selection--single {
    height: calc(1.5em + 1.75rem + 8px) !important;
    padding: 0.375rem 1.25rem !important;
    background: #ffffff;
    border-radius: 8px !important;
    border: 1px solid #CED8E0 !important;
}

    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        left: 17% !important;
        top: 71% !important;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 26px;
        position: absolute;
        top: 5px;
        right: 1px;
        width: 20px;
    }

.primary-form .form-control {
    border-radius: 0 !important;
    height: auto;
    padding: 0.6rem 0.75rem;
    border-radius: 5px !important;
    border: 1px solid #aaaaaa;
}

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    padding-bottom: 0px;
    padding-top: 4px;
    padding-right: 5px;
    min-height: 40px !important;
}

#divFileUpload .row {
    margin: auto !important;
}

    #divFileUpload .row div {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0;
    }

.custom-file-label {
    height: 40px !important;
}

    .custom-file-label::after {
        height: 40px !important;
        padding-top: 10px !important;
    }

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px !important;
}

.select2-container .select2-selection--single {
    padding: 10px !important;
}

.filter-headings {
    font-weight: 700;
    font-size: 18px;
    color: #000000;
    position: relative;
}

    .filter-headings::before {
        content: '';
        position: absolute;
        background: #003377;
        border-radius: 0px 16px 16px 0px;
        width: 5px;
        height: 36px;
        left: -25px;
        top: -6px;
    }

/*.card {
    box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
    margin-bottom: 1rem;
}*/

.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 0 solid rgba(0, 0, 0, 0.125);
}

.card-title {
    margin-bottom: 0.75rem;
}

.card-titles {
    font-size: 0.975rem;
    font-weight: 600;
    margin: 5px 0px 15px 0px;
}

.header-color {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #ffffff !important;
    padding: 1.5rem 1.25rem;
    background-color: #fafafa !important;
    /*border-radius: 12px 12px 0px 0px !important;*/
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 8px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #aaa;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.department-filter-button {
    /* position: absolute; */
    /* bottom: 0; */
    /* right: 0; */
    /*margin-right: 90px;*/
    display: flex;
    /*flex-direction: column;*/
    /* justify-content: end; */
    align-items: end;
    column-gap: 15px;
}


.filter-margin {
    display: block;
    overflow: hidden;
    width: 100%;
    text-align: right;
}

/* CSS Code by Karthick */
span.select2-container.select2-container--default.select2-container--open {
    display: block !important;
    width: auto !important;
}

/*#main {
    min-height: 92vh;
    height: calc(100% - 40px);
}*/
/*#main.kia_kiosk::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
    background-image: url(../LAndT_Images/login_logo.svg);
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center;
    background-attachment: fixed;
    opacity: 0.2;
}*/
body.kiosk_body:before {
    width: 100%;
    height: 100%;
    position: fixed;
    content: "";
    /*background-image: url(../LAndT_Images/bg.svg);*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.folder_cd_shadow {
    padding: 2rem 1rem !important;
    box-shadow: 0 1px 6px rgb(32 33 36 / 50%);
    margin-top: 4px;
}

    .folder_cd_shadow img {
        width: 90px;
    }

.folder-img-single {
    max-height: 70px;
}

.folder_cd_shadow .folder-text {
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 60px;
}

.kia_card {
    height: 190px;
    overflow: hidden;
    box-shadow: 0 1px 6px rgb(32 33 36 / 50%);
}

.folder-file-type {
    margin: 5px 0px;
}

#video-background img {
    height: auto !important;
    /* object-fit: cover; */
    width: auto !important;
    margin: 0 auto;
    max-width: 100% !important;
    max-height: 96vh !important;
    display: block;
}

#video-background img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}


#video-background .hideme {
    display: none;
}

/*.autoplay-banner {
    display: table;
    height: 96vh;
    width: 100%;
}

.autoplay-inner {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}*/

/*#video-background
{
    text-align : center;
}*/

.doc-buttons {
    display: flex;
    align-items: center;
}

    .doc-buttons a {
        background: #efefef;
        margin: 0 5px;
        padding: 6px;
        display: flex;
        width: 80px;
        justify-content: center;
        border-radius: 3px;
        cursor: pointer;
    }

    .doc-buttons .fa {
        padding-right: 5px;
        color: #05141f;
        font-size: 20px;
    }

/*.doc-buttons .fa.back {
    font-size: 18px;
}  */

ul.topNav {
    margin: 6px 0;
    padding-left: 0;
}

.topNav li.navBarList {
    list-style: none;
    border-left: 1px solid #484848;
}

    .topNav li.navBarList a {
        color: #ffffff;
        cursor: pointer;
        padding-left: 20px;
    }

    .topNav li.navBarList .icon-home {
        font-size: 25px;
        position: relative;
        top: 2px;
    }

.navbar .m_hide.kiosk_top {
    background: #05141f;
}

#main .top-title {
    padding-left: 15px !important;
    margin-bottom: 15px;
}

.bg-black {
    background: #000000;
}

.signup-button {
    height: 40px;
    line-height: 40px;
    color: #FFFFFF;
    font-weight: 200;
}

.list-folder-img {
    width: 45px;
}

.card.list-folder {
    margin-top: 25px;
    background: none;
    box-shadow: none;
    border: none;
}

.list-folder .card-body {
    padding: 0;
}

.list-folder ul.list-unstyled {
    margin-bottom: 0;
}

.list-folder li.media:hover, .list-folder li.media:focus {
    background: #ededed;
}

.media-body p {
    color: #5c5c5c;
    margin-bottom: 0;
}

.breadcrumb.updated .breadcrumb-item + .breadcrumb-item::before {
    content: ">";
    color: #e62e2d;
}

nav#menuTop.corner-logo {
    position: fixed;
    width: 100%;
    z-index: 9999;
    background: var(--dark-fill);
    border-bottom: 2px solid #e62e2d;
    height: 60px;
}

.kia_kiosk .fixed-top {
    background: var(--dark-fill);
    border-bottom: 2px solid #e62e2d;
    height: 60px;
    z-index: 10000;
    margin-left: 75px;
}

.list-folder li.media {
    border-bottom: 1px solid #e5e5e5;
    background: #FFFFFF;
    margin-bottom: 5px;
    padding: 8px !important;
    border-radius: 50px;
}

    .list-folder li.media .img-icon {
        display: inline-block;
        padding-left: 5px;
    }

    .list-folder li.media:last-child {
        border: none;
    }

#main.body-content.kia_kiosk {
    padding-top: 0;
    background: none;
    padding-left: 0 !important;
}

.breadcrumb.updated {
    padding-top: 11px;
    align-items: center;
}

    .breadcrumb.updated .black_cl {
        color: #ababab !important;
    }

    .breadcrumb.updated .kia_orange {
        color: #ffffff !important;
    }

.kia_kiosk .media-body a {
    text-decoration: none;
    color: #000;
}

.sign-up .select2-container .select2-selection--single {
    height: auto !important;
    border-radius: 0;
    padding: 0.578rem 0.75rem !important;
}

.input-group-text {
    border: 1px solid #aaa;
}

.form-control:focus + .input-group-append .input-group-text {
    border: 1px solid #ced4da;
}

.kiosk-footer #toolbarContainer {
    background: var(--dark-fill);
    height: 40px;
}

.kiosk-footer #toolbarViewer {
    height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.corner-logo .logoSect {
    background: none;
    background: none;
    height: 60px;
    display: flex;
    align-items: center;
    padding-top: 0 !important;
}

.logoSect img {
    padding-top: 0 !important;
}

.imageforview {
    height: auto !important;
    width: auto !important;
    margin: 0 auto;
    max-width: 100% !important;
    display: block;
    max-height: calc(100vh - 40px) !important;
    position: absolute;
    left: 50%;
    top: calc(50% - 40px);
    -webkit-transform: translate(-50%, calc(-50% + 20px));
    transform: translate(-50%, calc(-50% + 20px));
}

.videoforview {
    width: 100%;
    height: 96%;
    position: absolute;
    object-fit: cover;
}

.ml-170 {
    margin-left: 170px;
}

.roleTypeSect ul {
    padding: 0px;
    list-style: none;
    display: flex;
    background: var(--secondary-btn-color);
}

    .roleTypeSect ul li {
        background: var(--secondary-btn-color);
        padding: 7px 30px;
        padding-top: 10px;
    }

        .roleTypeSect ul li.active {
            background-color: var(--secondary-color);
            color: white;
        }

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #495057c2 !important;
    font-size: 1rem;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px;
    font-size: 1rem !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #5897fb;
    color: white;
    font-size: 1rem;
}

.disable {
    pointer-events: none !important;
}

.pt-35 {
    padding-top: 35px !important;
}



a.fa.fa-trash.preventdefault {
    position: relative;
}

    a.fa.fa-trash.preventdefault:before {
        right: -15px;
        position: absolute;
    }


.KioskExcelView {
    padding-top: 60px;
}

.btn-primary:focus, .btn-primary.focus {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}

a:hover {
    color: red;
}

.logoSect {
    width: 250px !important;
}

    .logoSect img {
        width: 150px !important;
    }

body .sidenav.defaultExpand, body .sidenav.defaultExpand.active, body .sidenav.active {
    width: 250px !important;
    padding-bottom: 100px;
}

.kiosk_body .logoSect img {
    width: 60px !important;
}

.kiosk_body .corner-logo .logoSect {
    width: 70px !important;
}

.kiosk_body .kiosklogout {
    text-align: right;
    padding-right: 0;
    padding-top: 20px !important;
}

.kiosklogout a {
    border-radius: 5px;
    padding: 8px 10px !important;
    background: rgb(239 239 239) !important;
    color: black;
    text-decoration: none;
    font-family: "Poppins", sans-serif !important;
}

.kiosk_body .fa.fa-sign-out {
    font-size: 15px;
    padding-right: 2px;
}

/* Newly Added */
.navBarList.active > a .fa-angle-right {
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: transform 0.2s;
}

.navBarList a .fa-angle-right {
    padding: 5px;
}

.navBarList.active .nav-link .fa-angle-right {
    transform: inherit;
}

.navBarList > a.nav-link.active .fa-angle-right {
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: transform 0.2s;
}

.navBarList.active ul li.active > a .fa-angle-right {
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: transform 0.2s;
}

#accordianSideMenu ul ul li.active ul {
    display: block !important;
}

#accordianSideMenu ul li.active > a {
    color: #FFF;
}

.sign-up .select2-container .select2-selection--multiple {
    height: auto !important;
    border-radius: 0;
    padding: 0.75rem 0.75rem !important;
}

.create-folder-model .modal-content img {
    max-width: 64px;
    width: 64px;
    max-height: 64px;
    height: 64px;
}

.component-checkbox.input-validation-valid {
    vertical-align: middle;
}

.navBarList.active {
    background-color: #FFAE00 !important;
    color: #000 !important;
}

    .navBarList.active a {
        color: #000 !important;
    }

.btn-danger-1 {
    background-color: #B6B6B6;
    border: none;
    border-radius: 8px;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    padding: 17px 20px;
}

    .btn-danger-1:hover {
        color: #fff;
    }

.d-none {
    display: none;
}

/*active and inactive toggle*/
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

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

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

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

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

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

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

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

.qrgrid tbody tr:has(td .trow[data-value="false"]) {
    background-color: rgba(255,0,0,0.09)
}

.qrgrid tbody tr td:has(.trow[data-value="false"]) img {
    opacity: 0.5;
}