/*
Template Name: Velzon - Admin & Dashboard Template
Author: Themesbrand
Website: https://themesbrand.com/
Contact: support@themesbrand.com
File: Custom Css File
*/

body {
    font-family: "Manrope", sans-serif !important;
    background-color: #FFF;
}

:root {
    --main-font: 'Manrope", sans-serif';
    --base-color: #227168;
    --ccc: #ccc;
    --header-bg: #2D3C36;
    --l-green: #00A87B;
    ;
    --active-header-hv: #3d4a46;
    --input-border-color: #E4E7EC;
    --placeholder-color: #8D96A5;
    --table-header-color: #2D3B36;
    --cancel-btn-clr: #EEEEEE;
    --common-radius: 9px;
    --margin-twenty: 20px;
    --padding-twenty: 20px;
    --padding-twelve: 12px;
    --newBtn-color: #00A87B;
    --new-btn-hover: #007757;
}

.navbar-collapse {
    height: unset !important;
    transition: none;
}

.navbar-collapse.show {
    position: absolute;
    background: #2D3C36;
    top: 56px;
    z-index: 9;
    width: 100%;
    height: unset !important;
    transition: none;
}

.profileImage img {
    border-radius: 50%;
    width: 38px !important;
    height: 38px;
    border: 2px solid #FFF;
    /* margin-right: 20px; */
    object-fit: cover;
}

.header-bg {
    background-color: var(--header-bg);
}

.mainLogo img {
    width: 250px;
    height: 50px;
}

.header-nav .nav-link {
    padding: 8px 12px 8px 12px !important;
    font-size: 16px;
    font-weight: 600;
    color: #FFF !important;
    gap: 15px !important;
    margin-left: 0px !important;
}

.header-nav .nav-link.active {
    border-radius: 9px;
    color: var(--l-green) !important;
    background-color: var(--active-header-hv) !important;
}

.header-nav a.nav-link:hover {
    background-color: var(--active-header-hv) !important;
    color: var(--l-green) !important;
    border-radius: 9px;
}

.header-nav a.nav-link.backup:hover svg path {
    fill: var(--l-green) !important;
    stroke: none;
}

.header-nav a.nav-link:hover svg path {
    stroke: var(--l-green);

}


.navbar-container {
    background-color: #2D3C36 !important;
    color: #FFFFFF;
    padding: 0 !important;
    /* position: fixed;
 top: 0;
 width: 100%;
 z-index: 999; */
}

.navbar-main {
    max-width: 100% !important;
    padding: 0px !important;
}

.logo-img {
    width: 240px;
}

.logo {
    line-height: unset !important;
}

[data-layout=horizontal] .container-fluid {
    max-width: 100%;
}

.navbar-items {
    width: 100%;
    justify-content: space-evenly;
}

.navbar-items .nav-item .nav-link:hover {
    color: #00DEA3 !important;
}

.nav-link {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 3px;
    color: #FFFFFF;
}

.nav-link:focus {
    color: #fff !important;
}

.table-header-content .nav-item .nav-link:hover {
    color: #00DEA3 !important;
}

.navbar-items .nav-link.active {
    color: #00DEA3 !important;
    background-color: #4e5150 !important;
    border-radius: 10px;
}

.topbar-user {
    height: 50px !important;
    background-color: unset !important;
    justify-content: center;
}

.header-icon {
    color: #FFFFFF !important;
    width: 50px;
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.main-container {
    background-color: #FFFFFF;
    padding: 0px !important;
    border: 1px solid #EEEEEE;
    /* position: fixed;
    top: 57px;
    width: 100%;
    z-index: 999; */
}

/* .main-content{
    margin-top: 116px !important;
} */
.header-search-icon {
    cursor: pointer;
}

.appbar-content {
    justify-content: space-between;
    gap: 10px;
}

.table-header {
    background-color: #FFFFFF;
    padding: 0px !important;
    margin-right: 40px;
}

.appbar-content .nav-item .nav-link {
    color: #2D3B36 !important;
    padding: 15px;
    font-weight: 600;
    font-size: 16px;
}

.appbar-content .nav-link.active {
    color: #00DEA3 !important;
    border-bottom: 2px solid;
    padding: 15px;
}

.navbar-toggler {
    background-color: #FFFFFF !important;
    border-radius: 5px;
    color: #2D3B36;
    margin: 5px 5px 5px 15px !important;
}

.page-content {
    margin-top: 0px !important;
    padding: 0px !important;
}

.card-title {
    font-size: 25px;
    font-weight: 700;
    color: #2D3B36 !important;
}

.list-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 5px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.table-header-content .nav-item .nav-link {
    background-color: #FFFFFF;
    color: #2D3B36;
    border: 1px solid #EEEEEE;
    border-radius: 10px;
    padding: 5px 15px 5px 15px !important;
}

.table-header-content {
    gap: 10px;
}

.upload-btn {
    background-color: #2D3B36 !important;
    color: #FFFFFF !important;
}

.create-btn {
    background-color: #00DEA3 !important;
    color: #FFFFFF !important;
}

.table-header-content .nav-item .create-btn:hover {
    color: #2D3B36 !important;
}

.search-container {
    position: relative;
}

.search-box {
    border: 1px solid #EEEEEE;
    border-radius: 10px;
    padding: 9px 10px 9px 10px;
}

.search-icon {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #00DEA3;
}

.list-table {
    list-style: none;
    display: flex;
    gap: 10px;
    border-radius: 10px;
    padding: 5px 10px 5px 10px;
    background-color: #F2F6F4;
    margin: 0px;
}

.modal-search-icon {
    position: absolute;
    right: 30px;
    top: 30px;
    color: #00DEA3;
    cursor: pointer;
}

.list-table-data {
    color: rgba(45, 59, 54, 0.5);
}

.list-table .list-table-data.active {
    background-color: #FFFFFF;
    border-radius: 10px;
    color: #2D3B36;
    padding: 5px 10px 5px 10px;
}

.filter-entry {
    background-color: #00DEA3 !important;
    padding: 2px 6px 2px 6px;
    border-radius: 5px;
}

.table-header-content2 {
    gap: 10px;
}

.table-header-content2 .nav-item .nav-link {
    background-color: #FFFFFF;
    color: #2D3B36;
    border: 1px solid #EEEEEE;
    border-radius: 10px;
    padding: 5px 15px 5px 15px !important;
}

.table-header-content2 .nav-link.active {
    border: 1px solid #00DEA3 !important;
    background-color: rgba(0, 222, 163, 0.12);
}

.dataTables_length {
    /* display: none; */
    border-radius: 8px;
}

.dataTables_filter {
    display: none;
}

.table-header-content2 .nav-item .nav-link:hover {
    color: #00DEA3 !important;
}

.table-header-content2 .nav-item .select-colums:hover {
    color: #989797 !important;
}

.edit-btn {
    background-color: #2D3B36;
    color: #FFFFFF;
    border-radius: 10px;
}

.edit-btn:hover {
    border: 1px solid #2D3B36;
    color: #2D3B36;
}

.report-btn {
    background-color: #00DEA3;
    color: #2D3B36;
    border-radius: 10px;
}

.report-btn:hover {
    border: 1px solid #00DEA3;
    color: #00DEA3;
}

.status-bg {
    background-color: #FFF065;
    color: #2D3B36;
    padding: 10px;
    border-radius: 10px;
}

.action-icon {
    color: #ADABA8;
}

.branch-icon {
    border: none;
    background-color: unset;
}

table.table-bordered.dataTable thead tr:first-child th {
    vertical-align: text-top;
}

table.table-bordered.dataTable th {
    color: rgba(45, 59, 54, 0.7) !important;
    font-weight: 600;
}

table.table-bordered.dataTable td {
    color: rgba(45, 59, 54, 0.7) !important;
    font-weight: 400;
}

table.dataTable>tbody>tr.child ul.dtr-details {
    width: 100%;
}

.adminTable .pagination {
    display: none !important;
}

.sidebar {
    height: 100%;
    width: 44px;
    background-color: #FFFFFF;
    position: fixed;
    top: 118px;
    right: 0;
    z-index: 1;
    transition: 0.5s;
}

.sidebar.active {
    width: 350px
}

.content {
    margin-right: 0;
    padding: 20px;
    transition: margin-right 0.5s;
}

.menu-btn {
    position: fixed;
    top: 20px;
    left: 20px;
    z-index: 999;
}

.side-input-content {
    display: flex;
}

.side-tab-list {
    border: 1px solid #EEEEEE;
    height: 100dvh;
}

.nav-list-side {
    display: flex;
    flex-wrap: nowrap;
    border-top: 1px solid #EEEEEE;
    border-left: 1px solid #EEEEEE;
}

.search-header {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    padding: 6px;
    border-bottom: 1px solid #EEEEEE;
}

.header-search {
    margin: 0;
    margin-left: 15px;
}

.search-header-btn {
    background-color: #FFFFFF;
    color: #2D3B36;
    border: 1px solid #EEEEEE;
    border-radius: 10px;
    padding: 3px 15px 3px 15px !important;
}

.search-header-btn:hover {
    color: #00DEA3;
}

.search-icon-list {
    border-right: 1px solid #EEEEEE;
    display: unset !important;
    padding: 10px;
    border-radius: unset !important;
}

.nav-pills .icon-list.active {
    background-color: unset !important;
}

.gps-icon {
    background-color: #FFF065;
    padding: 0px 3px;
    border-radius: 3px;
}

.nav-pills .icon-list {
    border-radius: 10px !important;
    padding: 7px 10px;
    color: #2D3B36;
    margin: 5px;
    background-color: #EEEEEE;
}

.nav-pills .icon-list.active {
    background-color: #2D3B36 !important;
    color: #FFFFFF !important;

}

.navbar-toggler:focus {
    box-shadow: none !important;
}

.input-main-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding-top: 15px;
    overflow-y: scroll;
    margin-left: 15px;

}

.form-floating>.form-control {
    height: 35px !important;
    min-height: 35px !important;
    padding: 16px;
}

.form-floating>label {
    top: -10px !important;
    height: auto !important;
}

.input-text-box .select2-container .select2-selection--single {
    height: 40px !important;
    border-radius: 10px;
    border: 1px solid #EEEEEE;
}

.select2-container--open .select2-dropdown--below {
    border: 1px solid #EEEEEE !important;
    border-radius: 8px !important;
}

.select2-container--default .select2-search--dropdown {
    border-bottom: 1px solid #EEEEEE !important;
    /* display: none; */
}

/* .select2-results__option {
    border-bottom: 1px solid #EEEEEE !important;
} */

.topbar-user .dropdown-menu {
    top: 57px !important;
}

.accordion-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-around;
}

.accordion-btn {
    color: #2D3B36 !important;
    gap: 10px;
    background-color: unset !important;
}

.accordion-item {
    border-radius: unset !important;
}

.btn-conatiner {
    justify-content: space-between;
    display: flex;
    width: 96%;
}

.apply-btn {
    background-color: #00DEA3;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    height: 35px;
}

.add-btn {
    background-color: #2D3B36 !important;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    height: 35px;
}

.form-header-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
}

.header-title {
    display: flex;
    align-items: center;
    gap: 10px;
}

.form-header-btn {
    display: flex;
    align-items: center;
    gap: 10px;
}

.header-upload-btn {
    background-color: #2D3B36;
    color: #FFFFFF;
    border: 1px solid #EEEEEE;
    border-radius: 10px;
    padding: 5px 15px 5px 15px !important;
}

.header-create-btn {
    background-color: #00DEA3;
    color: #FFFFFF;
    border: 1px solid #EEEEEE;
    border-radius: 10px;
    padding: 5px 15px 5px 15px !important;
}

.Generate-upload-btn {
    background-color: #00C2BF;
    color: #FFFFFF;
    border: 1px solid #EEEEEE;
    border-radius: 10px;
    padding: 5px 15px 5px 15px !important;
}

.nav-tabs .nav-link:hover {
    color: #00DEA3;
}

/* .nav-tabs .nav-link.active {
    background-color: #FFFFFF;
    color: #00DEA3 !important;
    border: none;
    border-bottom: 2px solid;
} */

.nav-tabs .nav-link {
    padding: 15px;
}

.form-list-content {
    flex-direction: column !important;
    width: 100%;
    background-color: #FFFFFF;
}

.tab-form-content {
    width: 80%;
}

.form-list-content .nav-item .nav-link {
    color: #2D3B36 !important;
    padding: 15px;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #EEEEEE;
}

.form-list-content .nav-item .nav-link.active {
    background-color: #FFF065 !important;
}

.tab-panes-content {
    display: flex;
    justify-content: space-between;
}

.chart-select-box {
    display: flex;
    flex-direction: column;
    align-items: end;
}

.chart-header {
    font-size: 18px;
    color: #2D3B36;
    padding: 18px 0px 0px 10px;
    margin: 0;
}

.chart-icons {
    display: flex;
    gap: 10px;
    justify-content: space-evenly;
    list-style: none;
    padding-left: 10px;
    margin-bottom: 0;
    margin-top: 10px;
}

.chart-header-icon {
    font-size: 30px;
}

.icon-list-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}

.chart-lable-box {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 14px;
    font-size: 14px;
    color: #8D96A5;
}

.chart-select-box2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

.chart-lable-box .input-text-box {
    width: 70% !important;
}

.chart-btn-conatiner {
    justify-content: end;
    display: flex;
    width: 96%;
    gap: 10px;
    margin-top: 10px;
}

.bubble-icon {
    background-color: #00DEA3;
    border-radius: 50%;
    color: #2D3B36;
    height: 16px;
    display: flex;
    align-items: center;
    padding: 1px;
    position: absolute;
    top: 0;
    left: 0;
}

.social-content {
    width: 20%;
    padding: 0 !important;
}

.social-icon {
    display: flex;
    gap: 10px;
    align-items: center;
}

.prodect-shorting.dataTable>thead .sorting:after {
    display: none !important;
}

.prodect-shorting.dataTable>thead .sorting:before {
    display: none !important;
}

.table-bordered>:not(caption)>* {
    cursor: pointer;
}

.table tbody tr:hover {
    background-color: #FEFCF3;
}

.created {
    position: relative;
    /* this one is new - used to contain absolute elements */
    width: 100px;
    height: 32px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    color: #ffffff;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background-color: #00DEA3;
}

.created::before {
    Content: "";
    position: absolute;
    margin: -26px;
    bottom: 0px;
    right: 0;
    z-index: 9;
    width: 40px;
    height: 40px;
    transform: rotate(45deg);
    background-color: #ffffff;
    ;
}

.created:after {
    content: "";
    position: absolute;
    margin: -42px;
    width: 63px;
    right: 0;
    height: 15px;
    transform: rotate(45deg);
    background-color: #ffffff;
}

.created {
    overflow: hidden;
}

.create-icon {
    background-color: white;
    border-radius: 50%;
    color: #00DEA3;
    height: 16px;
    display: flex;
    align-items: center;
    padding: 1px;
}

.table-search-container {
    justify-content: space-between;
}

.table-header-procuct {
    display: flex;
    list-style: none;
    gap: 10px;
}

/* Form-Input */
.form-input-main-containers {
    display: flex;
    gap: 10px;
}

.form-input-containers {
    width: 50%;
}

.form__group {
    position: relative;
    padding: 10px 0 0;
    width: 45%;
}

.form__field {
    border: 1px solid #EEEEEE;
    outline: 0;
    padding: 7px;
    border-radius: 10px;
    transition: border-color 0.2s;
    height: 40px;
    width: 100%;
}

.form__field:placeholder-shown~.form__label {
    cursor: text;
    top: 12px;
    left: 10px;
    padding: 5px;
    background-color: #FFFFFF !important;
}

.form__label {
    position: absolute;
    top: 0px;
    display: block;
    left: 10px;
    transition: 0.2s;
    font-size: 15px;
}

.form__field:focus~.form__label {
    position: absolute;
    top: 0;
    font-size: 12px;
}

.input-text-box {
    position: relative;
    margin-top: 10px;
    width: 45%;
}

.select-width {
    width: 92%;
}

.form__select__label {
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    transition: 0.2s;
    font-size: 15px;
    color: #8D96A5;
    background-color: #FFFFFF;
    pointer-events: none;
}

.form__select__label.active {
    top: 0px;
    font-size: 0.8rem;
}

.select-main-container {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
    padding: 0px 30px 30px 30px;
    justify-content: center;
}

.select-main-container2 {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
    padding: 0px 30px 30px 0px;
    justify-content: center;
}

.form-title {
    padding-left: 47px;
    padding-top: 20px;
}

.form-title2 {
    padding-left: 20px;
    padding-top: 20px;
}

.Date-picker {
    height: 40px !important;
    border-radius: 10px;
    color: #8D96A5;
    border: 1px solid #EEEEEE;
}

/* modal */
.modal-table-header-content {
    display: flex;
    list-style: none;
    gap: 10px;
}

.modal-table-header-content .nav-link.active {
    background-color: #00DEA3;
}

.modal-header-btn {
    background-color: #FFFFFF;
    color: #2D3B36;
    border: 1px solid #EEEEEE;
    border-radius: 10px;
    padding: 5px 15px 5px 15px !important;
}

.modal-save-btn {
    background-color: #00DEA3;
    color: #2D3B36;
}

.modal-save-btn:hover {
    border: 1px solid #00DEA3;
}

.modal-cancle-btn {
    background-color: #EEEEEE;
    color: #2D3B36;
}

.modal-cancle-btn:hover {
    border: 1px solid #2D3B36;
    color: #2D3B36 !important;

}

.modal-header-content {
    display: flex;
    gap: 17px;
}

.created-modal {
    position: relative;
    height: 32px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    color: #000000;
    padding: 10px;
}

.modal-header-title1 {
    background-color: #FFC2A4;
    font-size: 10px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.modal-header-title2 {
    background-color: #FFEB94;
    font-size: 10px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.modal-header-title3 {
    background-color: #95F7BA;
    font-size: 10px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.created-modal::before {
    Content: "";
    position: absolute;
    bottom: 0px;
    z-index: 9;
    left: -10px;
    bottom: -8px;
    width: 24px;
    height: 18px;
    transform: rotate(45deg);
    background-color: #FFFFFF;
}

.created-modal::after {
    content: "";
    position: absolute;
    width: 24px;
    height: 25px;
    left: -12px;
    bottom: -11px;
    top: -14px;
    transform: rotate(45deg);
    background-color: #FFFFFF;
}

.modal-close-btn {
    margin-left: auto;
    padding: 25px 40px 0px 0px;
    ;
}

.modal-xl {
    --vz-modal-width: 100%;
}

.modal-size {
    border-top-right-radius: 22px;
    border-top-left-radius: 22px;
    margin-top: 121px;
}

.sort-header {
    font-size: 13px;
    font-weight: 800;
    color: #2D3B36;
    padding: 10px 17px;
    margin-bottom: 0;
}

.sort-search-box {
    border: unset;
    padding: 9px 10px 9px 10px;
    font-size: 12px;
    font-weight: 500;
    color: rgba(45, 59, 54, 0.5);
}

.sort-search-box:focus-visible {
    outline: none !important;
}

.list-tab-icon {
    padding: 5px 15px;
}

.list-icons {
    background-color: #EBEAE9;
    border-radius: 10px;
    width: 62%;
}

.list-icons .nav-link.active {
    background-color: #5DC39E !important;
    width: 40px;
    border-radius: 10px;
}

.hide-column {
    display: flex;
    align-items: center;
    gap: 10px;
}

.sort-descrndig-list {
    border-bottom: 1px solid #EEEEEE;
}

.pagination-container {
    width: 96%;
    display: flex;
    justify-content: end;
    position: fixed;
    bottom: 10px;
}

.pagination-list {
    display: flex;
    justify-content: center;
    gap: 10px;
    list-style: none;
    width: 82px;
    padding: 3px;
    padding-left: 0;
    background-color: #FFFFFF;
    border-radius: 10px;
    border: 1px solid #DDE1EC;
}

.pagination-list li .nav-link {
    background-color: #F5F4F7;
    border-radius: 50px;
    height: 27px;
    width: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(45, 59, 54, 0.5);
}

.pagination-list li .nav-link.active {
    background-color: #2D3B36;
    color: #FFFFFF;
}

.form-checkbox {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 91%;

}

.edit-input {
    border: 1px solid #2D3B36;
    border-radius: 9px;
    font-size: 13px;
    height: 30px;
}

@media screen and (min-device-width: 1280px) and (max-device-width: 1920px) {
    .dSGap {
        gap: 8px !important;
    }
}

@media screen and (min-device-width: 768px) and (max-device-width: 1920px) {
    .login_text .animate-character {
        font-size: 50px !important;
    }

    ;

    div.parentDCard .header {
        gap: 8px !important;
    }

    .dashSync {
        padding: 2px 9px 2px 9px !important;
    }

    .parentDCard .header h5 {
        font-size: 13px !important;
    }
}

@media screen and (max-device-width: 1280px) {
    .login_form .inputColumn {
        padding: 25px 45px !important;
    }
}

@media (min-width: 320px) and (max-width: 1280px) {
    .dSGap {
        gap: 6px !important;
    }

    .dashSync {
        padding: 2px 8px !important;
    }

    .parentDCard .header {
        gap: 4px !important;
    }

    .chooseMonth {
        padding: 5px 5px !important;
        font-size: 10px !important;
        gap: 3px !important;
    }


}

@media (min-width: 767px) and (max-width: 1200px) {
    .statuses div:nth-child(1) {
        font-size: 10px !important;
    }

    .statuses div:nth-child(2) {
        font-size: 12px !important;
    }

    /* .statuses div:nth-child(2) {
        font-size: 16px !important;
    }
    .statuses div:nth-child(1) {
        font-size: 11px !important;
    } */


    .whiteBox svg {
        width: 28px;
        height: 28px;
    }

    .whiteBox {
        padding: 10px 5px !important;
    }

    .parentDCard .header h5 {
        font-size: 11px !important;
    }
}



@media(min-width: 768px) and (max-width: 991px) {
    .container.dashboardPage {
        max-width: 800px;
    }
}

@media (min-width:768px) and (max-width: 1024px) {
    .cusDPad .col-sm-12:nth-child(odd) {
        padding-right: 12px !important;
    }

    .cusDPad .col-sm-12:nth-child(even) {
        padding-left: 12px !important;
    }

    .cusDPad .cusCol {
        width: 100%;
    }
}

@media (min-width: 320px) and (max-width: 767px) {
    .cusDPad .col-sm-12:nth-child(odd) {
        padding-right: 12px !important;
    }

    .cusDPad .col-sm-12:nth-child(even) {
        padding-left: 12px !important;
    }

    .statuses div:nth-child(2) {
        font-size: 14px !important;
    }

    .parentDCard .header h5 {
        font-size: 13px !important;
    }

    .whiteBox svg {
        width: 32px;
        height: 32px;
    }

    .navbar-brand-box {
        display: block;
    }

    .search-container {
        flex-direction: column;
    }

    .table-header-content .nav-item .nav-link {
        justify-content: start;
        font-size: 10px;
    }

    .table-header-content2 .nav-item .nav-link {
        justify-content: start;
        font-size: 10px;
    }

    .navbar-items .nav-link {
        justify-content: start;
        padding-left: 12px;
    }

    .nav-item .nav-link {
        justify-content: start;
    }

    .profileImage {
        margin-left: 15px;
    }

    .topbar-user {
        justify-content: start;
        padding-left: 12px;
    }

    .list-header {
        align-items: baseline;
    }

    .form-header-title {
        flex-direction: column;
        gap: 10px;
    }

    .tab-form-content {
        width: 100%;
    }

    .social-content {
        width: 50%;
        right: 0;
        justify-content: end;
        position: absolute;
        top: 5px;
    }

    .table-search-container {
        flex-direction: column;
    }

    .table-header-procuct {
        padding: 0;
        font-size: 10px;
    }

    .card-title {
        font-size: 16px;
    }

    .form__group {
        width: 100%;
    }

    .input-text-box {
        width: 100%;
    }

    .select-width,
    #search-form {
        width: 100% !important;
    }

    /*.mainLogo img {*/
    /*    width: 125px;*/
    /*    height: 27px;*/
    /*}*/

    /* .modal-header {
        flex-direction: column;
        padding-top: 0;
        margin-top: 10px;
    } */

    .modal-header-content {
        flex-direction: column;
    }

    .modal-table-search-container {
        flex-direction: column;
    }

    .modal-table-header-content {
        flex-direction: column;
        padding: 0;
    }

    .select-main-container {
        padding: 5px;
    }

    .select-main-container2 {
        padding: 5px;
    }

    .tab-form-content {
        padding: 20px;
    }

    .form-title {
        padding-left: 6px;
    }

    .form-title2 {
        padding-left: 6px;
    }

    .search-box {
        width: 100%;
    }

    .created-modal {
        font-size: 6px;
    }

    .created {
        width: 95px;
        height: 31px;
    }

    .form-list-content {
        margin-top: 7px;
    }

    .sidebar {
        top: 98px;
    }

    .pagination-container {
        right: 50px;
    }

    .overflow_table {
        overflow: auto;
    }

    .overflow_table .no-footer {
        overflow: auto;
    }

    .successToast .toast-body .contentTxt {
        font-size: 15px !important;
    }

    .successToast .toast-body {
        padding: 12px !important;
    }

    .toastPos {
        padding: 0 20px;
    }

    .successToast .toast-body svg {
        width: 23px;
        height: 22px;
    }

    div.cmn-g-btn .newBtn svg,
    .icon_size svg {
        width: 12px !important;
        height: 12px !important;
    }
}

@media(max-width: 320px) {
    .sidebar.active {
        width: 302px;
    }
}

@media only screen and (max-device-width: 600px) {
    .login_page .container {
        max-width: 80% !important;
    }
}





@media only screen and (min-device-width: 320px) and (max-device-width: 1024px) and (orientation: landscape) {
    .login_page {
        height: auto !important;
    }
}

/* @media only screen and (min-device-width: 1025px) {
       .header.navbar-expand-lg {
            flex-wrap: nowrap !important;
            justify-content: flex-start !important;
        }
} */

@media only screen and (min-device-width: 768px) and (max-device-width: 991px) {
    .login_page .container {
        max-width: 900px !important;
    }

    .nav-item .nav-link {
        justify-content: start;
    }

    .profileImage {
        margin-left: 15px;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 350px) {
    .flatpickr-calendar {
        left: 29.6667px !important;
        width: 260px !important;
    }

    .flatpickr-weekdays {
        width: 260px !important;
    }

    .dayContainer {
        width: 260px !important;
        min-width: 260px;
    }

    .parentDCard .header h5 {
        font-size: 11px !important;
    }

}

@media only screen and (min-device-width: 320px) and (max-device-width: 567px) {
    #dropzone-preview {
        display: block !important;
    }

}

@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
    .login_form .inputColumn {
        margin-bottom: 20px;
    }

    .login_text .animate-character span {
        font-size: 35px !important;
    }

    .login_text .animate-character {
        font-size: 30px !important;
        font-weight: 600 !important;
    }

    .login_page .container {
        height: 100%;
        display: flex;
        align-items: center;
    }

    .login_text .paragraph_login {
        margin-left: 0 !important;
    }

    .login_page {
        overflow-y: auto !important;
    }

    .login_page .col-sm-12,
    .adminForm .col-sm-12 {
        width: 100% !important;
    }

    .login_form,
    .login_text {
        min-height: auto !important;
        display: block !important;
        padding: 30px 30px 10px 20px !important;
    }

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

    .login_form {
        order: 2 !important;
        width: 100%;
        flex: 0 0 100%;
    }

    .login_text {
        order: 1 !important;
        display: flex !important;
        justify-content: center !important;
    }

    .login_text .paragraph_login {
        text-align: center !important;
        max-width: fit-content !important;
    }

    .tableTitle,
    .addAdmin .adminTitle,
    .employeeDetails .cardHeader,
    .cusTabContent .cusTCntHeader {
        font-size: 16px !important;
    }

    .nav-tabs .nav-link {
        padding: 10px !important;
    }

    .cusTabNav .nav-item .nav-link {
        font-size: 14px !important;
    }

    .backTableArrow svg {
        width: 30px !important;
        height: 33px !important;

    }

    /* .newBtn>svg {
        height: 14px;
    } */

    .cmn-g-btn .btn {
        font-size: 12px !important;
        font-weight: 500 !important;
        padding: 6px 12px !important;
    }

    .header-nav .nav-link {
        font-size: 14px !important;
        font-weight: 500 !important;
    }

    .orgModal .modalTitle {
        font-size: 16px !important;
    }

    .cus-input-form-field.form-control {
        font-size: 14px !important;
    }

    .searchHeader {
        gap: 12px;
    }

    .customPag {
        justify-content: center !important;
    }

    .adminTable #example_wrapper .row:nth-child(3) {
        padding-bottom: 0 !important;
    }

    .adminTable #example_wrapper .row:nth-child(3) {
        margin: 13px 0 0 0 !important;
    }

    .orgTable thead.thdCls th {
        padding: 14px !important;
        font-size: 13px !important;
        font-weight: 600 !important;
    }

    .orgTable tbody.tbdyCls tr:nth-child(odd) td,
    .orgTable tbody.tbdyCls td {
        font-size: 13px !important;
        padding: 7px !important;
    }

    .orgTable tbody tr:nth-child(even) td,
    .orgTable tbody th:nth-child(even) {
        font-size: 13px !important;
        padding: 7px !important;
    }

    .adminTable {
        padding: 0 15px !important;
    }

    table.dataTable.orgTable>thead .sorting:before,
    table.dataTable>thead .sorting_asc:before {
        top: 11px !important;
        right: 3px;
    }

    table.dataTable.orgTable>thead .sorting:after,
    table.dataTable>thead .sorting_asc:after {
        top: 18px !important;
        right: 3px;
    }

    table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
    table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
        top: 50% !important;
    }

    .tbl-edit-btn .btn {
        font-size: 13px !important;
        font-weight: 500;
    }

    .swal2-title {
        font-size: 17px !important;
        font-weight: 600;
    }

    .swal2-confirm {
        font-weight: 500 !important;
    }

    .searchHeader,
    .titleHeader {
        padding: 8px 16px;
    }

    .cusTCntHeader+.searchHeader {
        flex-wrap: wrap;
    }

    .cusTabNav {
        padding: 15px 10px 30px 10px !important;
    }

    .employeeDetails .adminTable {
        padding: 10px 8px !important;
    }

    .flatpickr-calendar {
        left: 29.6667px;
        width: 300px;
    }

    .flatpickr-weekdays {
        width: 300px;
    }

    .dayContainer {
        width: 300px;
        min-width: 250px;
    }

    .imageGender {
        margin-bottom: 1.6rem;
    }

    .empPage.customPag>ul>li:nth-child(4),
    .empPage.customPag>ul>li:nth-child(5) {
        display: none;
    }

    div.toastify.success,
    div.toastify.danger,
    div.toastify.info,
    div.toastify.warning {
        font-size: 17px !important;
    }

    div.toastify.warning::before {
        bottom: 23px !important;
    }

    div.toastify.info::before {
        bottom: 21px !important;
    }

    div.toastify.success::before {
        bottom: 24px !important;
    }

    div.toastify.danger::before {
        bottom: 20px !important;
    }

    .txtarea {
        margin-bottom: 1.6rem;
    }


    .addressSubTitle {
        padding: 10px 15px !important;
        font-size: 15px !important;
    }

    .floatingLabel {
        font-size: 12px !important;
    }

    .discountCanvas {
        padding: 12px !important;
        overflow: scroll;
    }

    .customCanvas .offcanvas-header {
        padding: 20px 12px;
    }

    .customCanvas label {
        font-size: 11px !important;
    }

    .customCanvas .row .col-6 {
        padding: 0 10px;
    }

    .discountAmount {
        padding: 10px;
    }

    .discount.rotate {
        padding: 6px !important;
    }

    .salesTbl.adminTable {
        padding: 12px 20px !important;
    }

    .sales.cusTabNav {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .sales.cusTabNav .nav-item .nav-link {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .cusTabNav .nav-tabs .nav-link.active+.customNavBorder {
        height: 2px !important;
    }

    .sales.cusTabNav {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .noNeedCol {
        display: none;
    }

    .needCol {
        width: 100% !important;
    }

    .discountAmount .col-6:nth-child(odd),
    .discountAmount .col-6:nth-child(even) {
        font-size: 13px;
    }

    .discountAmount .col-6:last-child {
        font-weight: 500;
    }

    .discountScroll {
        overflow-y: auto;
        height: 200px;
    }

    .discountAmount {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .discountAmount .col-6:nth-child(7),
    .discountAmount .col-6:last-child {
        margin-bottom: 10px !important;
    }

    .discountCanvas~.empTbleButton {
        padding: 10px 15px 15px 15px !important;
    }

    .areaMb {
        margin-bottom: 0 !important;
    }

    .dragAndDropText {
        font-size: 12px !important;
    }

    .cmn-g-btn .browseFile.btn {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    .cmn-g-btn.sampleFile .btn {
        font-size: 13px !important;
        font-weight: 500 !important;
        padding: 6px 10px !important;
    }

    .orgModal .dropzone.dz-clickable {

        margin: 0 0 15px 0 !important;
    }

    .dragGap {
        gap: 8px !important;
    }

    .orgTable>tbody>tr:hover td::after {
        padding: 0 1px !important;
    }

    .flatpickr-day {
        height: 35px !important;
    }

    .dragCusWidth .avatar-sm {
        width: 20px;
        height: 20px;
    }

    .dragCusWidth>div>div {
        align-self: center;
    }

    .dragCusWidth>div>div:nth-child(2)>div {
        max-width: 116px !important;
        min-width: 116px !important;
    }

    .dragCusWidth>div>div:nth-child(2)>div h5 {
        font-size: 13px !important;
    }

    .dragCusWidth>div>div:nth-child(2)>div strong {
        font-size: 12px !important;
    }

    .dragCusWidth>div>div:nth-child(3)>button {
        font-size: 12px !important;
        padding: 1px 4px;
    }

    .drop.col-8 {
        width: 100%;
    }

    /* .inventory.adminTable {
        padding: 0 0 20px 0 !important;
    } */

    #tablePOs .choices__list.choices__list--dropdown {
        width: 200px;
    }

    .bodyScroll {
        max-height: 420px;
        overflow-y: auto;
    }

    .tallyTitle {
        font-size: 16px !important;
        font-weight: 500;
        color: #FFF;
    }

    .syncStatus {
        gap: 8px !important;
        font-size: 11px !important;
    }

    .syncGap {
        gap: 10px !important;
    }

    .syncBtn {
        font-size: 11px !important;
        padding: 3px 5px !important;
    }

    .newUIBtn.syncAll {
        font-size: 13px !important;
        font-weight: 500 !important;
        padding: 8px 12px 8px 12px !important;
    }

    .sycnPad {
        padding-right: 16px !important;
        padding-left: 16px !important;
    }

    .vendorPO>h5 {
        font-size: 14px;
    }

    .modal-body .inventory.adminTable {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .orgTable tbody>tr.child ul.dtr-details>li {
        flex-wrap: nowrap !important;
    }

    .popoverButton {
        display: none !important;
    }

    .statuses div:nth-child(1) {
        font-size: 11px !important;
    }

    .otherPageApproved,
    .sentForApproval,
    .otherPageApproved,
    .otherPageReject,
    .otherPageProgress {
        padding: 5px 5px !important;
    }

    .otherPageApproved .approvedBdg {
        padding: 4px 8px;
    }

    .sentForApproval .sFABdg {
        gap: 5px !important;
        /* padding: 0 !important; */
    }

    .cmn-g-btn.aAndRjctBtn .btn {
        font-size: 11px;
    }

    .sentForApproval {
        gap: 2px !important;
    }

    .approvedBdg,
    .progressBdg,
    .rejectedBdg {
        padding: 3px 8px !important;
        font-size: 11px !important;

    }
}

@media only screen and (min-width: 992px) and (max-width: 1150px) {
    .discountScroll .col-lg-2 {
        width: 20% !important;
    }
}

.padding-0 {
    padding: 0 !important;
}

.mt-10-px {
    margin-top: 10px;
}

.m-s-1 {
    margin-left: 4px;
}

.m-s-2 {
    margin-left: 8px;
}

/* .m-s-2 {
    margin-left: 5px;
} */
.fs-medium {
    font-size: medium !important;
}

.fs-17 {
    font-size: 17px !important;
}

.fs-15 {
    font-size: 15px !important;
}

.fs-14 {
    font-size: 14px;
}

.fs-13 {
    font-size: 13px !important;
}

.fs-12 {
    font-size: 12px !important;
}

.m-btm-3 {
    margin-bottom: 16px;
}

.m-top-2 {
    margin-top: 8px;
}

.m-btm-2 {
    margin-bottom: 8px;
}

.p-tb-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.bdr-rds-9 {
    border-radius: 9px;
}

.cus-gap-1 {
    gap: 1px;
}

.cus-gap-2 {
    gap: 2px;

}

.cus-gap-3 {
    gap: 3px;

}

.cus-gap-4 {
    gap: 4px;

}

.cus-gap-5 {

    gap: 5px;
}

.cus-gap-6 {
    gap: 6px;

}

.cus-gap-7 {
    gap: 7px;

}

.cus-gap-8 {
    gap: 8px;
}

@media only screen and (min-device-width: 1920px) {

    :root {
        --common-radius: 0.469vw !important;
        --margin-twenty: 1.042vw !important;
        --padding-twenty: 1.042vw !important;
        --padding-twelve: 0.625vw !important;

    }

    .m-s-5 {
        margin-left: 0.26vw !important;
    }

    .mb-c-20 {
        margin-bottom: 1.042vw !important;
    }

    .fs-17 {
        font-size: 1vw !important;
    }

    .fs-13 {
        font-size: 0.885vw !important;
    }

    .fs-14 {
        font-size: 0.900vw !important;
    }

    .fs-15 {
        font-size: 0.950vw !important;
    }

    .m-btm-3 {
        margin-bottom: 0.850vw !important;
    }

    .m-top-2 {
        margin-top: 0.900vw !important;
    }

    .m-btm-2 {
        margin-bottom: 0.900vw !important
    }

    .m-start-2 {
        margin-left: 0.417vw !important;
    }

    .mt-10-px {
        margin-top: 0.521vw !important;
    }

    .m-s-1 {
        margin-left: 0.208vw !important;
    }

    .bdr-rds-9 {
        border-radius: 0.469vw !important;
    }

    .login_form_input input::placeholder {
        font-size: 0.800vw !important;
        display: flex !important;
        justify-content: center;
        align-items: center !important;
    }

    .login_form_input svg {
        width: 1.146vw !important;
        height: 1.146vw !important;
    }


    .login_text .animate-character,
    .login_text .animate-character span {
        font-size: 2.9vw !important;
    }

    .login_page .container {
        max-width: 68.75vw !important;
    }

    .login_form .inputColumn {
        padding: 2.344vw !important;
        position: relative;
    }

    .login_form,
    .login_text {
        padding: 1.563vw !important;
    }

    .login_page .input-group-text {
        padding: 0.313vw 0.625vw !important;
    }

    .login-form .mb-3 {
        margin-bottom: 0.833vw !important;
    }

    .login-form .mt-2 {
        margin-bottom: 0.417vw !important;
    }

    .login_text .paragraph_login {
        max-width: 29.646vw !important;
    }

    .login_form .form-control-lg {
        font-size: 1.042vw !important;
        height: 2.9vw !important;
        padding: 0.417vw 0.833vw !important;
        border-radius: 0.417vw !important;
        border-bottom-left-radius: 0 !important;
        border-top-left-radius: 0 !important;

    }

    .welcomeText.poweredBy {
        bottom: 1.094vw !important;
    }

    .btn_login {
        height: 2.9vw !important;
        border-radius: 0.313vw !important;
    }

    .login_page .input-group {
        border-radius: 0.313vw !important;
    }

    .pwd {
        right: 0.781vw !important;
    }

    .admcLogo {
        width: 8.0vw !important;
    }

    .backToLog svg {
        width: 1.2vw;
        height: 1.1vw;
    }

    .table-c-header {
        padding-right: 1.042vw !important;
        padding-left: 1.042vw !important;
    }

    .titleHeader {
        padding: 0.625vw 1.042vw !important;
        border-top: 0.052vw solid var(--input-border-color) !important;
        border-bottom: 0.052vw solid var(--input-border-color) !important;
    }

    .backTableArrow svg {
        width: 1.6vw !important;
        height: 1.9vw !important;

    }

    .tableTitle,
    .employeeDetails .cardHeader {
        font-size: 1.2vw !important;
    }

    .employeeDetails .cardHeader {
        border-bottom: 0.052vw solid var(--input-border-color) !important;
    }

    .employeeDetails {
        border: 0.052vw solid var(--input-border-color) !important;
    }

    .searchHeader {
        padding: 0.625vw 1.042vw !important;
        border-bottom: 0.052vw solid var(--input-border-color) !important;
    }

    .cusSearch .form-control {
        font-size: 1vw;
        ;
        border-top-left-radius: 0.469vw !important;
        border-bottom-left-radius: 0.469vw !important;
        padding: 0.3vw 0.4vw !important;
    }

    .cmn-g-btn .btn {
        /* height: 2vw !important; */
        font-size: 0.7vw !important;
        border-radius: 0.521vw !important;
        padding: 0.5vw 0.8vw !important;
    }

    .cmn-g-btn .saveMdl.btn svg {
        width: 0.781vw !important;
        height: 0.885vw !important;
    }

    .cusSearch svg {
        width: 0.833vw !important;
        height: 0.833vw !important;
    }

    .cusSearch .input-group-text {
        height: 2vw !important;
        border-top-right-radius: 0.469vw !important;
        border-bottom-right-radius: 0.469vw !important;
        padding: 0.5vw !important;

    }

    .cusSearch {
        width: 12.292vw !important;
        border-radius: 0.469vw !important;
    }

    .cusSearch input::placeholder {
        font-size: 0.729vw !important;
    }

    .cmn-g-btn svg {
        width: 1.094vw !important;
        height: 1.094vw !important;

    }

    .m-s-2 {
        margin-left: 0.417vw !important;
    }

    .adminTable .orgTable thead th {
        padding: 0.938vw 2vw 0.938vw 0.938vw !important;
        ;
        font-size: 0.85vw !important;
    }

    .orgTable.recentTable thead th {
        padding: 0.938vw !important;
        font-size: 0.75vw !important;
    }

    .adminTable .orgTable tbody tr:nth-child(odd) td,
    .adminTable .orgTable tbody th:nth-child(odd) {
        padding: 0.938vw !important;
        font-size: 0.833vw !important;
    }

    .adminTable .orgTable tbody tr:nth-child(even) td,
    .adminTable .orgTable tbody th:nth-child(even) {
        padding: 0.938vw !important;
        font-size: 0.833vw !important;
    }

    .orgTable.recentTable tbody tr:nth-child(odd) td,
    .orgTable.recentTable tbody tr:nth-child(odd) td {
        padding: 0.833vw !important;
    }

    .orgTable.recentTable tbody tr:nth-child(even) td {
        padding: 0.833vw !important;

    }

    .mainLogo img {
        width: 13.021vw !important;
        height: 2.604vw !important;
    }

    .header-nav .nav-link {
        padding: 0.417vw 0.938vw 0.417vw 0.938vw !important;
        font-size: 0.833vw !important;
    }

    /* .headerSvg svg {
        width: 0.938vw !important;
        height: 0.938vw !important;
    } */

    .cus-gap-8 {
        gap: 0.417vw !important;
    }

    .header-nav a.nav-link:hover {
        border-radius: 0.469vw !important;
    }

    .profileImage img {
        width: 1.979vw !important;
        height: 1.979vw !important;
        border: 0.114vw solid #FFF;
        margin-right: 1.042vw !important;
    }

    .cus-input-form-field.form-control {
        border-radius: 0.469vw !important;
        border: 0.052vw solid var(--input-border-color) !important;
    }

    .cus-input-form-field.form-control {
        font-size: 0.8vw;
        height: 2.4vw !important;
        border-top-left-radius: 0.469vw !important;
        border-bottom-left-radius: 0.469vw !important;
        padding: 0.5vw 0.4vw !important;
    }

    .cus-input-form-field label {
        font-size: 0.729vw !important;
    }

    .floatingLabel {
        top: 48%;
        left: 0.521vw !important;
        height: 0.781vw !important;
        padding: 0 0.26vw !important;
        font-size: 0.7vw !important;
        color: var(--placeholder-color);
        border-radius: 0.26vw !important;
    }

    .cus-input-form-field {
        padding: 0.625vw !important;
        border: 0.052vw solid #ced4da !important;
        border-radius: 0.208vw !important;
    }

    .cus-input-form-field:focus~.floatingLabel,
    .cus-input-form-field:not(:placeholder-shown)~.floatingLabel {
        top: 0.313vw !important;
        left: 0.677vw !important;
        font-size: 0.555vw !important;
    }

    .cus-input-form-field~.jDateDOB.floatingLabel {
        top: 0.208vw !important;
    }

    .adminForm .col-xl-3 {
        padding-left: 0.781vw !important;
        padding-right: 0.781vw !important;
    }

    .addAdmin {
        padding: 0.625vw 1.042vw !important;
        border-top: 0.052vw solid var(--input-border-color) !important;
    }

    .tableTitle,
    .addAdmin .adminTitle {
        font-size: 1.2vw !important;
    }

    .mb-c-3 {
        margin-bottom: 1.3vw !important;
    }

    /* .adminForm {
        padding: 0.781vw 1.042vw !important;
    } */

    .profileImage .dropdown-menu-end[data-bs-popper] {
        right: 0.833vw !important;
        padding-top: 0.5vw !important;
        padding-bottom: 0.5vw !important;
        border-radius: 0.5vw !important;
        border-width: 0.052vw !important;
    }

    .profileImage .dropdown-menu h6 {
        padding: 0.417vw 0.833vw !important;
        font-size: 0.729vw !important
    }

    .profileImage .dropdown-menu .dropdown-item {
        padding: 0.208vw 0.833vw !important;
        font-size: 0.833vw !important
    }

    .profileImage .dropdown-menu .dropdown-item svg {
        width: 0.938vw !important;
        height: 1.2vw !important;
    }

    .cus-gap-3 {
        gap: 0.156vw !important;

    }

    /* .dataTables_wrapper .row:nth-child(2)>div:nth-child(1) {
        padding: 1.042vw 1.042vw 0 1.042vw  !important;
    } */

    .orgModal .modal-header,
    .orgModal .modal-body {
        /* padding: 0.833vw !important;
        padding-right: 1.666vw !important;
        padding-left: 1.666vw !important; */
    }


    .orgModal .modal-header {
        border-top-right-radius: 0.469vw !important;
        border-top-left-radius: 0.469vw !important;
    }

    .orgModal .modal-body {
        border-bottom-right-radius: 0.469vw !important;
        border-bottom-left-radius: 0.469vw !important;
    }

    .orgModal.modal-dialog {
        max-width: 31.25vw !important;
    }

    .modal-dialog.modal-lg {
        max-width: 41.667vw !important;
    }

    .close-modal>svg {
        width: 1.500vw !important;
        height: 1.500vw !important;
    }

    .orgModal .modalTitle {
        font-size: 1.042vw !important;
    }

    .orgModal .modal-content {
        border-radius: 0.5vw !important;
    }

    /* .orgModal form {
        margin-bottom: 0.833vw !important;
    } */

    input[type="password"].cus-input-form-field {
        font-size: 1.4vw !important;
    }

    table.dataTable.orgTable>thead .sorting:after,
    table.dataTable>thead .sorting_asc:after {
        top: 1.25vw !important;
    }

    table.dataTable.orgTable>thead .sorting:before,
    table.dataTable>thead .sorting_asc:before {
        top: 0.833vw !important;
    }

    table.dataTable>thead .sorting:before,
    table.dataTable>thead .sorting_desc:before,
    table.dataTable>thead .sorting:after,
    table.dataTable>thead .sorting_desc:after {
        right: 0.7vw !important;
        font-size: 0.9vw !important;
    }

    .orgTable>tbody>tr:hover td:nth-child(1) {
        /* border-left-width: 0.234vw !important; */
    }

    .adminTable {
        padding-left: 1.042vw !important;
        padding-right: 1.042vw !important;
    }

    .cmn-g-btn .newBtn {
        top: -0.104vw !important;
    }

    .customPag .pagination-separated .page-item .page-link {
        padding: 0.2vw 0.5vw !important;
        font-size: 0.8vw !important;
        border-radius: 0.3vw !important;
    }

    .customPag {
        padding: 0 1.042vw 1.042vw 1.042vw !important;
    }

    .adminTable #example_wrapper .row:nth-child(1) {
        margin-top: 0.938vw !important;
    }

    .adminTable #example_wrapper .row:nth-child(3) {
        margin: 0.938vw 0 0 0 !important;
    }

    .pagination-separated .page-item .page-link {
        margin-left: 0.3vw !important;
    }

    .tbl-edit-btn .btn {
        border-width: 0.052vw !important;
        padding: 0.313vw 0.781vw 0.313vw 0.781vw !important;
        border-radius: 0.469vw !important;
    }

    .tbl-edit-btn .btn span {
        font-size: 0.677vw !important;
    }

    .tbl-edit-btn .btn svg {
        width: 0.677vw !important;
        height: 1.04vw !important;
    }

    .tbl-edit-btn .btn .tbEdit {
        top: -0.052vw !important;
    }

    /* .was-validated .form-control:invalid {
        padding-right: calc(1.25vw + 0.833vw) !important;
        background-position: right calc(0.313vw + 0.208vw) center !important;
        background-size: calc(0.625vw + 0.26vw) calc(0.625vw + 0.26vw) !important;
        border-color: #f7666e !important;
    }

    .customInvalid.invalid-feedback {
        font-size: 0.625vw !important;
    }

    .was-validated .form-control:valid {
        padding-right: calc(1.25vw + 0.833vw) !important;
        background-position: right calc(0.313vw + 0.208vw) center !important;
        background-size: calc(0.625vw + 0.26vw) calc(0.625vw + 0.26vw) !important;
        border-color: #3cd188 !important;
    } */

    .swal2-popup {
        border-radius: 0.625vw !important;
        padding-bottom: 1.25vw !important;
    }

    .swal2-title {
        font-size: 1.042vw !important;
    }

    /* .swal2-confirm {
        padding: 0.26vw 0.521vw !important;
        border: 0.052vw solid var(--l-green) !important;
        border-radius: 0.469vw !important;
        font-size: 0.729vw !important;
    } */

    .swal2-container .swal2-title {
        padding: 1.042vw 1.042vw 0 !important;
    }

    div:where(.swal2-container) div:where(.swal2-actions) {
        margin: 1.042vw auto 0 !important;
    }

    .w-xs {
        min-width: 4.167vw !important
    }

    .swal2-close {
        right: 0.313vw !important;
        top: 0.313vw !important;
        font-size: 1.146vw !important;
    }

    div:where(.swal2-container) button:where(.swal2-close) {
        margin-bottom: -1vw !important;
        border-radius: 0.26vw !important;
    }

    div:where(.swal2-container) div:where(.swal2-popup) {
        width: 26.667vw !important;
    }

    .closeMdl svg {
        width: 1.03vw !important;
        height: 1.1vw !important;
    }

    .mainLogo {
        padding: 0.313vw !important;
    }

    .login_form_input input[type='password'] {
        font-size: 1.2vw !important;
    }

    .login_form_input input[type='text'] {
        font-size: 1vw !important;
    }

    .successToast .toast-body .contentTxt {
        font-size: 1.042vw !important;
    }

    .successToast .toast-body {
        padding: 1.042vw !important;
    }

    .successToast {
        border-radius: 0.833vw !important;
        box-shadow: 0.26vw 0vw 0.156vw -0.104vw #DDE1EC;
        width: 18.125vw !important
    }

    .successToast .toast-body svg {
        width: 1.563vw !important;
        height: 1.563vw !important;
    }

    .toastPos {
        left: 0;
        width: 100%;
        bottom: 1.042vw !important;
    }

    .cus-gap-12 {
        gap: 0.625vw !important;
    }

    /* .employeeDetails:hover {
        box-shadow: 0.156vw 0.156vw 0.208vw 0.156vw #ECF0F3 !important;
    } */

    .empDivider {
        height: 0.078vw !important;
        margin: 1.042vw !important;
    }

    .empForm .choices[data-type*=select-one] .choices__inner {
        padding: 0.417vw !important;
        border-radius: 0.469vw !important;
        /* border: 0.052vw solid var(--input-border-color) !important; */
    }

    .upOrderForm .choices[data-type*=select-one] .choices__inner {
        padding: 0.417vw !important;
        border-radius: 0.469vw !important;
        border: 0.052vw solid var(--input-border-color) !important;
    }

    .multiselect-dropdown .choices__inner {
        border-radius: 9px !important;
        border: 1px solid var(--input-border-color) !important;
        background-image: none !important;
        padding: 8px 0.4vw !important;
    }

    .multiselect-dropdown .choices__list--multiple .choices__item {
        margin: 0;
    }

    .upOrderForm .billingSelect {
        padding: 0 !important;
    }

    .choices__list--single {
        padding: 0.208vw 0.833vw 0.208vw 0.208vw !important;
        height: 1.5vw !important;
    }

    .choices__list--single .choices__item {
        font-size: 0.8vw !important;
    }

    .selectFloatLbl {
        font-size: 0.625vw !important;
        top: -0.5vw !important;
        left: 0.625vw !important;
        padding: 0 0.26vw !important;
    }

    .choices__list--dropdown {
        border: 0.052vw solid var(--vz-border-color) !important;
        -webkit-box-shadow: 0 0.26vw 1.042vw rgba(30, 32, 37, .12) !important;
        box-shadow: 0 0.26vw 0.521vw rgba(30, 32, 37, .12) !important;
        padding: 0.521vw 0.721vw 1.042vw 0.721vw !important;
        border-bottom-left-radius: 0.13vw !important;
        border-bottom-right-radius: 0.13vw !important;
        -webkit-transform: translateY(0.052vw) !important;
        transform: translateY(0.052vw) !important;
        z-index: 99;
    }

    .choices[data-type*=select-one] .choices__input {
        padding: 0.417vw 0.75vw !important;
        border: 0.052vw solid var(--vz-input-border-custom) !important;
        font-size: 0.8vw !important;
        margin-bottom: 0.521vw !important;
    }

    .choices__list--dropdown .choices__item {
        font-size: 0.8vw !important;
        padding: 0.292vw 1vw 0.292vw 0.833vw !important;
    }

    .choices__list--dropdown .choices__list {
        max-height: 15.625vw !important;
    }

    .choices__list--dropdown .choices__list {
        margin: 0 -0.833vw -0.833vw !important;
    }

    input#dateInput::placeholder,
    input#dobInput::placeholder {
        font-size: 0.8vw !important;
    }

    .txtarea.form-control {
        border-radius: 0.469vw !important;
        border: 0.052vw solid var(--input-border-color) !important;
        padding: 0.417vw 0.75vw !important;
        font-size: 0.8vw !important;
    }

    #secList {
        margin-bottom: 0.833vw !important;
    }

    .cusTabContent .cusTCntHeader {
        font-size: 1.146vw !important;
        border-bottom: 0.052vw solid var(--input-border-color) !important;
        padding: 0.625vw 0.781vw !important;
    }

    .cusTabNav {
        padding: 0.781vw 1.042vw 1.563vw 1.042vw !important;
    }

    .cusTabContent .adminTable {
        padding: 0.781vw !important;
    }

    .cusTabNav .nav-item .nav-link {
        font-size: 0.833vw !important;
    }

    .nav-tabs .nav-link {
        padding: 0.781vw !important;
    }

    .nav-link {
        gap: 0.156vw !important;
    }

    .cusTabNav .nav-tabs .nav-link.active+.customNavBorder {
        height: 0.156vw !important;
        border-radius: 0.208vw !important;
    }

    .custTableInput>td .form-control {
        width: 13.021vw !important;
    }

    .empTbleButton {
        padding: 0.521vw 0.781vw 1.563vw 0.781vw !important;
    }

    .empTabBorder {
        border: 0.052vw solid var(--input-border-color) !important;
        border-radius: 0.469vw !important;
        padding: 0.26vw 0.781vw !important;
    }

    .dayContainer {
        width: 16.035vw !important;
        min-width: 16.035vw !important;
        max-width: 16.035vw !important;
        padding: 0.208vw !important;
    }

    .flatpickr-calendar.inline,
    .flatpickr-calendar.open {
        max-height: 33.333vw !important;
    }

    .flatpickr-calendar {
        width: 16.035vw !important;
    }

    .flatpickr-days {
        width: 16.035vw !important;
    }

    .flatpickr-day {
        max-width: 1.823vw !important;
        height: 1.823vw !important;
    }

    .flatpickr-day {
        border: 0.052vw solid transparent !important;
        /* border-radius: 7.813vw !important; */
        width: 14.2857143%;
        -ms-flex-preferred-size: 14.2857143%;
        flex-basis: 14.2857143%;
        max-width: 2.031vw !important;
        height: 2.031vw !important;
        line-height: 2.031vw !important;
        font-size: 0.8vw !important;
    }

    .flatpickr-weekdays {
        height: 1.875vw !important;
        font-size: 0.8vw !important;
    }

    .flatpickr-current-month {
        height: 1.771vw !important;
        font-size: 0.8vw !important;
    }

    .flatpickr-months .flatpickr-month {
        height: 1.771vw !important;

    }

    .flatpickr-months .flatpickr-next-month svg,
    .flatpickr-months .flatpickr-prev-month svg {
        width: 0.729vw !important;
        height: 0.729vw !important;
    }

    .flatpickr-months .flatpickr-next-month {
        height: 1.771vw !important;
        padding: 0.521vw !important;
    }

    .flatpickr-current-month input.cur-year {
        padding: 0 0 0 0.26vw !important;
    }

    .flatpickr-months .flatpickr-next-month,
    .flatpickr-months .flatpickr-prev-month {
        height: 1.771vw !important;
        padding: 0.521vw !important;
    }

    .flatpickr-calendar::after,
    .flatpickr-calendar::before {
        left: 1.146vw !important;
    }

    .flatpickr-calendar::after {
        border-width: 0.208vw !important;
        margin: 0 -0.208vw !important;
    }

    .numInputWrapper span {
        right: -0.26vw !important;
    }

    .numInputWrapper span {
        width: 0.729vw !important;
        padding: 0 0.208vw 0 0.104vw !important;
        border: 0.052vw solid rgba(var(--vz-dark-rgb), .15) !important;
    }

    .numInputWrapper span.arrowDown:after {
        border-left: 0.208vw solid transparent;
        border-right: 0.208vw solid transparent;
        border-top: 0.208vw solid rgba(57, 57, 57, .6);
    }

    .numInputWrapper span.arrowUp:after {
        border-left: 0.208vw solid transparent;
        border-right: 0.208vw solid transparent;
        border-bottom: 0.208vw solid rgba(57, 57, 57, .6);
    }

    .flatpickr-calendar::before {
        border-width: 0.26vw !important;
        margin: 0 -0.26vw !important;
    }

    .custom-date-input-dob,
    .custom-date-input,
    .custom-date-input-tds {
        background-size: 1.042vw !important;
        right: 0.521vw !important;
        width: 1vw !important;
        height: 2vw !important;
    }

    .choices {
        font-size: 0.888vw !important;
    }

    .txtarea:not(:placeholder-shown)~.cmntFloating,
    .txtarea:focus~.cmntFloating {
        top: -0.625vw !important;
    }

    .cmntFloating {
        position: absolute;
        top: 0.625vw !important;
        padding: 0.156vw !important;
        left: 0.781vw !important;
        font-size: 0.625vw !important;
    }

    .empTabBorder .empTab.tbl-edit-btn svg {
        width: 0.938vw !important;
        height: 0.938vw !important;
    }

    .empTabBorder .empTab.delete svg {
        width: 1.042vw !important;
        height: 1.042vw !important;
    }

    .empTab.edit svg {
        height: 0.900vw !important;
        width: 0.938vw !important;
    }

    .secondaryBox {
        border: 0.052vw solid var(--input-border-color) !important;

        border-radius: 0.469vw !important;
    }

    /* #secList {
        padding-top: 0.521vw !important;
    } */
    .secTitle {
        font-size: 0.885vw !important;
        padding: 0.781vw !important;
    }

    #secList li {
        font-size: 0.729vw !important;
    }

    #secList li>span {
        left: 0.781vw !important;
        position: relative;
    }

    #secList {
        height: 4.167vw !important;
    }

    .secAdd svg {
        width: 1vw !important;
        height: 1.2vw !important;
    }

    .customMultiDiv .multi-wrapper .non-selected-wrapper {
        border: 0.052vw solid var(--vz-input-border-custom) !important;
        border-top-left-radius: 0.052vw !important;
        border-bottom-left-radius: 0.052vw !important;
    }

    .customMultiDiv .multi-wrapper .non-selected-wrapper,
    .multi-wrapper .selected-wrapper {
        height: 10.417vw !important;
        padding: 0.521vw !important;
    }

    .customMultiDiv .multi-wrapper .item {
        padding: 0.26vw 0.521vw !important;
        font-size: 0.729vw !important;
    }

    .customMultiDiv .multi-wrapper::before {
        bottom: 4.479vw !important;
        width: 1.667vw !important;
        height: 1.667vw !important;
        font-size: 0.833vw !important;
    }

    .customMultiDiv .multi-wrapper .selected-wrapper {
        border: 0.052vw solid var(--vz-input-border-custom) !important;
        border-top-left-radius: 0.052vw !important;
        border-bottom-left-radius: 0.052vw !important;
    }

    .non-selected-wrapper::-webkit-scrollbar {
        width: 0.521vw !important;
        height: 0.521vw !important;
    }

    .non-selected-wrapper::-webkit-scrollbar-thumb {
        border-radius: 0.521vw !important;
    }

    .non-selected-wrapper::-webkit-scrollbar-track {
        border-radius: 0.521vw !important;
    }

    .selected-wrapper::-webkit-scrollbar {
        width: 0.521vw !important;
        height: 0.521vw !important;
    }

    .selected-wrapper::-webkit-scrollbar-thumb {
        border-radius: 0.521vw !important;
    }

    .selected-wrapper::-webkit-scrollbar-track {
        border-radius: 0.521vw !important;
    }

    #secList::-webkit-scrollbar {
        width: 0.521vw !important;
        height: 0.521vw !important;
    }

    #secList::-webkit-scrollbar-thumb {
        border-radius: 0.521vw !important;
    }

    .secondaryBox:hover {
        box-shadow: 0.052vw 0.052vw 0.365vw 0.156vw #ECF0F3 !important;
    }

    .custom-tooltip .tooltip-inner {
        max-width: 10.417vw !important;
        height: 1.823vw !important;
        font-size: 0.729vw !important;
        padding: 0.521vw !important;
        border-radius: 0.3vw !important;
    }

    #secList li {
        border-bottom: 0.052vw solid var(--input-border-color) !important;
        padding: 0.26vw 0 !important;
    }

    /* Validation css */

    .cusPwdVal:focus~.cusPwdValidation {
        padding: 0.781vw !important;
        border-radius: 0.469vw !important;
    }

    .cusPwdValidation::before {
        border: 0.208vw solid #ECF0F3 !important;
        top: -0.313vw !important;
        border-width: 0.313vw !important;
    }

    .pwdUList {
        padding: 0 0 0 0.781vw !important;
    }

    .pwdUList li {
        font-size: 0.625vw !important;
    }

    .pwdUList li::marker {
        font-size: 0.781vw !important
    }

    div.toastify.success,
    div.toastify.danger,
    div.toastify.info,
    div.toastify.warning {
        background: rgb(255, 255, 255);
        bottom: 0.781vw !important;
        font-size: 1.042vw !important;
        padding: 1.302vw !important;
        padding-left: 2.865vw !important;
        padding-right: 2.604vw !important;
        border-radius: 0.833vw !important;
        box-shadow: 0.26vw 0px 0.156vw 0px #eeeeee !important;
        border: 0.052vw solid var(--input-border-color) !important;
    }

    div.toastify.success::before {
        width: 1.042vw !important;
        height: 1.042vw !important;
        position: absolute;
        left: 0.625vw !important;
        padding: 0.729vw !important;
    }

    div.toastify.danger::before {
        width: 1.042vw !important;
        height: 1.042vw !important;
        left: 0.625vw !important;
        padding: 0.885vw !important;
    }

    div.toastify.info::before {
        width: 1.042vw !important;
        height: 1.042vw !important;
        left: 0.625vw !important;
        padding: 0.885vw !important;
        bottom: 1.25vw !important;
    }

    div.toastify.warning::before {
        width: 1.042vw !important;
        height: 1.042vw !important;
        padding: 0.833vw !important;
        bottom: 1.302vw !important;
        left: 0.625vw !important;
    }

    .upPwd.cmn-g-btn svg {
        width: 1vw !important;
        height: 1vw !important;
    }

    .mb-6-px {
        margin-bottom: 0.313vw !important;
    }

    .mb-10-px {
        margin-bottom: 0.521vw !important;
    }

    .fs-13-vw {
        font-size: 0.729vw !important;
    }

    .address.empForm {
        padding: 0.521vw 0.781vw !important;
    }

    .addressSubTitle {
        padding: 0.625vw 0.781vw !important;
        font-size: 0.885vw !important;
    }

    .customYellowCk .form-check-input[type=checkbox] {
        padding: 0.625vw !important;
        border-radius: 0.469vw !important;
    }

    .customYellowCk .form-check-input:checked[type=checkbox] {
        background-size: 1.563vw !important;
    }

    .addressForm .choices[data-type*=select-one] .choices__inner {
        padding: 0.417vw !important;
        border-radius: 0.469vw !important;
        /* border: 0.052vw solid var(--input-border-color) !important; */
    }

    .billingSelect {
        padding-left: 0.625vw !important;
        padding-right: 0.625vw !important;
    }

    .bothAddress {
        padding-left: 0.625vw !important;
        padding-right: 0.625vw !important;
    }

    .modalCusWidth.orgModal {
        max-width: none !important;
        margin-right: 1.563vw !important;
        margin-left: 1.563vw !important;

    }



    .cusTabOrders svg {
        width: 0.938vw !important;
        height: 0.938vw !important;
    }

    .salesTbl.adminTable {
        padding: 0.625vw 0 0.625vw 0 !important;
    }

    .uploadedImage {
        border-radius: 0.469vw !important;
        border: 0.052vw solid var(--input-border-color) !important;
        padding: 0.26vw !important;
        margin-top: 0.521vw !important;
        font-size: 0.729vw !important;
        width: 15.625vw !important;
    }

    .dustbin svg {
        width: 1.042vw !important;
        height: 1.042vw !important;
    }

    .rounded-image img {
        width: 2.083vw !important;
        height: 2.083vw !important;
    }

    .swal2-popup .swal2-html-container {
        color: #000000;
        font-size: 0.729vw !important;
    }

    .swal2-actions {
        flex-direction: row-reverse;
        gap: 0.313vw !important;
    }

    .deleteText~.swal2-actions {
        margin-right: 1.25vw !important;
    }

    .offcanvas-header,
    .discountAmount {
        padding: 1.042vw !important;
    }

    .offcanvas-header h5 {
        font-size: 0.938vw !important;
    }

    .canvasDiv {
        height: 0.052vw !important;
    }

    .offcanvas {
        width: 20.833vw !important;
    }

    .discountAmount {
        font-size: 0.729vw !important;
    }

    .offcanvas-header .btn-close {
        padding: 0.521vw !important;
        margin: -0.521vw -0.521vw -0.521vw 0 !important
    }

    .customCanvas .offcanvas-body::-webkit-scrollbar {
        width: 0.521vw !important;
        height: 0.521vw !important;
    }

    .customCanvas .offcanvas-body::-webkit-scrollbar-track {
        border-radius: 0.521vw !important;
    }

    .customCanvas .offcanvas-body::-webkit-scrollbar-thumb {
        border-radius: 0.521vw !important;
    }

    .offcanvas-header .btn-close {
        background-size: 0.738vw !important;
    }

    .my-swal-cancel {
        padding: 0.26vw 0.521vw !important;
        border: 0.052vw solid var(--input-border-color) !important;
        border-radius: 0.469vw !important;
        font-size: 0.729vw !important;
        /* margin-top: 0.417vw !important; */
    }

    .discount.rotate {
        border-radius: 50% !important;
        padding: 0.313vw !important;
        height: auto !important;
    }

    .discount.rotate svg {
        width: 0.9vw !important;
        height: 0.9vw !important;
    }

    .tableDesc .nowrap-text {
        max-width: 10.417vw !important;
    }

    .tableDesc span svg {
        width: 0.9vw !important;
        height: 1vw !important;
    }

    .discountCanvas.empForm h5 {
        margin-bottom: 0.521vw !important;
        font-size: 0.885vw !important;
    }

    .discountAmount .col-6 {
        font-size: 0.729vw !important;
    }

    .popover-header,
    .popover-body {
        padding: 0.521vw !important;
        font-size: 0.729vw !important;
    }

    .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,
    .bs-popover-end>.popover-arrow::after {
        left: 0 !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
    }

    .popover.bs-popover-auto {
        max-width: 14.427vw !important;
    }

    .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,
    .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,
    .bs-popover-end>.popover-arrow::after,
    .bs-popover-end>.popover-arrow::before {
        border-width: calc(0.833vw* .5) 0.417vw calc(0.833vw* .5) 0 !important;
    }

    .cusModalBody {
        height: auto !important;
    }

    .pageTitle.sales.cusTabNav .nav-tabs .nav-link {
        padding: 0.729vw 1.042vw !important;
    }

    .pageTitle.sales.cusTabNav {
        padding: 0 0 1.563vw 0 !important;
    }

    .salesTbl.adminTable {
        padding: 0.625vw 1.042vw 0 1.042vw !important;
    }


    .cus-input-form-field~.input-group-text {
        border-top-right-radius: 0.469vw !important;
        border-bottom-right-radius: 0.469vw !important;
        border: 0.052vw solid var(--input-border-color) !important;
    }

    .input-group.noneBorder .cus-input-form-field {
        border-right: 0vw !important;
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;

    }

    .inputTable .cus-input-form-field {
        padding-top: 0.469vw !important;
        padding-bottom: 0.469vw !important;
    }

    .noneBorder .input-group-text {
        padding: 0.417vw 0.781vw !important;
        font-size: 0.729vw !important;
        border-left: 0 !important;
    }

    .discountTbl {
        overflow-x: auto;
        margin: 0.4vw !important;
        padding: 0 !important;
    }

    .discountTbl table tfoot>tr>td:not(:last-child) {
        border-right: 0 !important;
    }

    .discountTbl::-webkit-scrollbar {
        width: 0.521vw !important;
        height: 0.365vw !important;
    }

    .discountTbl::-webkit-scrollbar-thumb {
        border-radius: 0.521vw !important;
    }

    .discountTbl::-webkit-scrollbar-track {
        border-radius: 0.521vw !important;
    }

    .customVatBdr .cus-input-form-field.form-control {
        width: 3vw !important;
    }

    .cus-input-form-field.form-control:focus {
        border-color: #6CE9A6 !important;
        box-shadow: 0px 0px 0px 0.13vw #EBFFEE;
    }

    textarea.txtarea.form-control:focus {
        /* border-color: #6CE9A6 !important; */
        box-shadow: 0px 0px 0px 0.13vw #EBFFEE !important;
    }

    .discountTbl .noneBorder .cus-input-form-field:focus {
        border-color: #6CE9A6 !important;
        box-shadow: -0.156vw 0px 0px 0.13vw #EBFFEE;
    }

    .discountTbl .noneBorder .cus-input-form-field:focus~.input-group-text {
        border-color: #6CE9A6 !important;
        box-shadow: 0px 0px 0px 0.13vw #EBFFEE !important;
    }

    .orgModal .dropzone.dz-clickable {
        background-image: url(/static/images/svg/dashed.svg);
        border: 0;
        margin: 0 4.271vw 1.042vw 4.271vw !important;
    }

    .dz-message.needsclick>div>svg {
        width: 2.396vw !important;
        height: 2.396vw !important;
    }

    .dropzone .dz-message {
        margin: 0.833vw 0 !important;
    }

    .needsclick>div {
        margin-bottom: 0.833vw !important;
    }

    .needsclick {
        margin-top: 0.833vw !important;
        margin-bottom: 0.833vw !important;
    }

    .dragAndDropText {
        font-size: 0.833vw !important;
        margin-bottom: 0.521vw !important;
    }

    .orgModal .dropzone.dz-clickable {
        background-image: url('/static/images/svg/dashed.svg');
    }

    .dragCusWidth>div {
        padding: 0.417vw !important;
    }

    .dragCusWidth .avatar-sm {
        width: 2.042vw !important;
        height: 2.042vw !important;
    }

    .dragCusWidth .avatar-sm>img {
        width: 2vw !important;
        height: 2vw !important;
    }

    .dragCusWidth>div>div:nth-child(2)>div {
        max-width: 7.813vw !important;
        min-width: 7.813vw !important;
    }

    .dragCusWidth>div>div:nth-child(2)>div h5 {
        font-size: 0.729vw !important;
    }

    .dragCusWidth>div>div:nth-child(2)>div strong {
        font-size: 0.677vw !important;
    }

    .dragCusWidth>div>div:nth-child(3)>button {
        font-size: 0.677vw !important;
    }

    .dragCusWidth>div>div:nth-child(3)>button {
        font-size: 0.677vw !important;
    }

    .dragCusWidth>div>div:nth-child(3) {
        margin-left: 0.833vw !important;
    }

    .dragCusWidth>div>div:nth-child(3)>button {
        padding: 0.208vw 0.417vw !important;
    }

    .dragCusWidth>div>div:nth-child(3)>button {
        border-radius: 0.26vw !important;

    }

    .dragCusWidth>div>div:nth-child(1) {
        margin-right: 0.833vw !important;

    }

    .dragCusWidth {
        border: 0.052vw solid var(--input-border-color) !important;
        border-radius: 0.26vw !important;
    }

    .dragCusWidth>div>div:nth-child(2)>div p {
        font-size: 0.677vw !important;
    }

    .dragCusWidth {
        margin-bottom: 0.521vw !important;
    }

    .inventory.adminTable {
        padding: 0 0 0.521vw 0 !important;
    }

    .flatpickr-day.endRange.startRange,
    .flatpickr-day.selected.startRange,
    .flatpickr-day.startRange.startRange {
        border-radius: 2.604vw 0 0 2.604vw !important;
    }

    .cusEntries select.form-select {
        padding: 0.417vw 2.25vw 0.417vw 0.75vw !important;
        background-size: 0.6vw !important;
    }

    .cusEntries select {
        font-size: 0.677vw !important;
        border-radius: 0.26vw !important;
    }

    .entriesText {
        font-size: 0.729vw !important;
        margin-bottom: 0.521vw !important;
    }

    .cusEntries select.form-select>option {
        font-size: 0.729vw !important;
    }

    .discountTbl table tfoot tr td {
        font-size: 0.729vw !important;
        padding: 0.6vw !important;
    }

    .choices.is-open .choices__inner {
        box-shadow: 0px 0px 0px 0.13vw #EBFFEE !important;
    }

    .cus-input-form-field.form-control:focus {
        box-shadow: 0px 0px 0px 0.13vw #EBFFEE !important;
    }

    .areaMb {
        margin-bottom: 1.333vw !important;
    }

    .modal-footer {
        padding: 0 0.833vw 0.833vw !important;
    }

    .newUIBtn {
        gap: 0.26vw !important;
        padding: 0.521vw !important;
        border-radius: 0.26vw !important;
        /* font-family: Urbanist; */
        font-size: 0.625vw !important;
    }

    .tallyTitle {
        font-size: 1.302vw !important;
    }

    .tallyContent {
        border-radius: 0.625vw !important;
        border: 0.052vw solid #E4E7EC !important;
    }

    .modal-dialog:not(.modal-dialog-scrollable) .modal-header.tallyHeader {
        padding-bottom: 0.417vw !important;

    }

    .modal-footer {
        padding: 0 1.042vw 1.042vw 1.042vw !important;
    }

    .sycnPad {
        padding: 1.042vw !important;
    }

    .tallyHeader {
        background-color: #2D3C36;
        margin: 0.521vw 0.521vw 0 0.521vw !important;
        padding: 0.417vw 0.781vw 0.417vw 0.625vw !important;
        border-radius: 0.417vw !important;
    }

    .syncStatus {
        gap: 0.625vw !important;
        border: 0.104vw solid #F2F4F7 !important;
        font-size: 0.833vw !important;
        border-radius: 1.198vw !important;
        padding: 0.208vw 0.417vw 0.208vw 0.417vw !important;
        align-items: center;
    }

    .syncBtn {
        border: 0.078vw solid #00A87B !important;
        ;
        padding: 0.208vw 0.521vw 0.208vw 0.521vw !important;
        border-radius: 0.833vw !important;
        gap: 0.26vw !important;
        font-size: 0.677vw !important;
    }

    .syncGap {
        gap: 0.833vw !important;
    }

    .newUIBtn.syncAll {
        font-size: 0.833vw !important;
        font-weight: 600;
        padding: 0.521vw 0.625vw 0.521vw 0.625vw !important;
    }

    .tallyContent .close-modal>svg {
        width: 0.781vw !important;
        height: 0.833vw !important;
        vertical-align: top;
    }

    .newUIBtn>svg {
        width: 0.781vw !important;
        height: 0.833vw !important;
    }

    .syncBtn>svg {
        width: 0.625vw !important;
        height: 0.677vw !important;
    }

    .loaderSync {
        width: 2.604vw !important;
        height: 2.604vw !important;
        border: 0.365vw double !important;
    }

    .mbChoice .choices[data-type*=select-one] .choices__inner {
        border-radius: 0.469vw !important;
        padding: 0.4vw 0.4vw !important;
        border: 0.052vw solid var(--input-border-color);
    }

    .cusModalBody {
        max-height: fit-content !important;
        overflow: hidden !important;
    }

    .loader-container {
        width: 2.604vw !important;
        height: 2.604vw !important;
        position: absolute;
        z-index: 9999;
    }

    .loader-container .boxes {
        width: 2.604vw !important;
        height: 2.604vw !important;
        stroke-width: 2.604vw !important;
    }

    .scrollDiscountTbl.discountTbl {
        margin: 0 1.042vw !important;
    }

    .scrollWithTbl.discountTbl {
        margin: 1.042vw !important;
    }

    .filterCheck .form-check {
        gap: 0.521vw !important;
        min-height: 1.042vw !important;
        padding-left: 2.157vw !important;
        margin-bottom: 0vw !important;
        font-size: 0.729vw !important;
    }

    .filterCheck {
        padding: 0.781vw 1.042vw !important;
    }

    .select2-selection.select2-selection--multiple {
        max-height: 4.688vw !important;
        overflow-y: auto;
    }

    .select2-selection.select2-selection--multiple>div {
        margin-left: 0.521vw !important;
        font-size: 0.677vw !important;
    }

    .cusMultiSelect .select2-container .select2-selection--multiple {
        min-height: calc(0.938vw + 0.833vw + calc(0.052vw * 2)) !important;
        border: 0.052vw solid var(--vz-input-border-custom) !important;
    }

    .select2-container--default .select2-selection--multiple {
        border: 0.052vw solid #aaa !important;
        border-radius: 0.208vw !important;
        padding-bottom: 0.26vw !important;
        padding-right: 0.26vw !important;
    }

    table th.cusMultiSelect {
        max-width: 11.458vw !important;
    }

    .select2-selection.select2-selection--multiple,
    .select2-results__options {
        width: 11.458vw !important;

    }

    .select2-container--open ul.select2-results__options li.searchFirst:nth-child(1) {
        padding: 0.26vw !important;
    }

    .select2-results__option.select2-results__option--selectable {
        /* padding-left: 1.823vw !important; */
        font-size: 0.677vw !important;
    }

    .select2.select2-container {
        max-width: 11.458vw !important;

    }

    /* .select2-results__option {
        border-bottom: 0.052vw solid #EEEEEE !important;
    } */

    .select2-results__option {
        padding: 0.313vw 0.625vw !important;
    }

    .select2-results__option.select2-results__option--selectable::before {
        border: 0.052vw solid #000 !important;
        width: 1.042vw !important;
        height: 1.042vw !important;
        border-radius: 0.208vw !important;
        padding: 0.573vw !important;
        left: 0.26vw !important;
    }

    .select2-results__options .select2-results__option--selectable.select2-results__option--selected::after {
        font-size: 0.781vw !important;
        left: 0.573vw !important;
    }

    .select2-container--open ul.select2-results__options li:nth-child(1)>input {
        border: 0.052vw solid #eeeeee !important;
        padding: 0.26vw !important;
        border-radius: 0.26vw !important;
        padding-right: 1.042vw !important;
        min-height: 1.042vw !important;
        font-size: 0.677vw !important;
    }

    .hiddenList:nth-child(1) span {
        right: 0.521vw !important;
    }

    .select2-container--open ul.select2-results__options li:nth-child(1)>input::placeholder {
        font-size: 0.677vw !important;
    }

    .select2-container--default .select2-results>.select2-results__options {
        max-height: 10.417vw !important;
    }

    .hiddenList:nth-child(1) span>img {
        width: 0.781vw !important;
        height: 0.938vw !important;
    }

    .select2-container--open ul.select2-results__options div {
        padding: 0.521vw !important;
        font-size: 0.677vw !important;
    }

    .select2-container--open ul.select2-results__options li:nth-child(1)>input:focus {
        box-shadow: 0px 0px 0.156vw 0.026vw var(--l-green) !important
    }

    .select2-results__options div:nth-child(2)::-webkit-scrollbar {
        width: 0.26vw !important;
        height: 0.104vw !important;
    }

    .select2-results__options div:nth-child(2)::-webkit-scrollbar-thumb {
        background-color: #eeeeee;
        border-radius: 0.521vw !important;
    }

    .select2-container--open ul.select2-results__options div:nth-child(2) {
        overflow-y: auto;
        padding: 0 !important;
        max-height: 7.813vw !important;
    }

    .orgModal .modal-body iframe {
        height: 26.042vw !important;
    }

    .gdnClose.empTbleButton {
        padding: 0 !important;
        margin: 0 !important;
    }

    .modal-footer {
        padding-right: 1.666vw !important;
        padding-left: 1.666vw !important;
    }

    .tdUploadSvg svg {
        width: 1.042vw !important;
        height: 1.042vw !important;
    }

    .discountTbl>h5,
    .noSupItem>h5 {
        font-size: 1.042vw !important;
        margin-bottom: 0.521vw !important;
    }

    .showEntries.customPag {
        padding-left: 0 !important;
        padding-bottom: 0 !important;
    }

    .profileImage.sorting_1>svg {
        width: 0.573vw !important;
        height: 0.417vw !important;
    }

    .empTble.adminTable.noSupItem {
        padding: 0 !important;
        margin: 0.4vw 0 !important
    }

    .vendorPO.discountTbl {
        margin: 0.4vw 0 !important;
    }

    .vendorPO.addressSubTitle {
        padding: 0 !important;
    }

    .dashCnt.container {
        max-width: 92.375vw !important;
    }

    .dashboardPage {
        padding-top: 2.344vw !important;
        padding-bottom: 1.563vw !important;
    }

    .parentDCard .header h5 {
        font-size: 0.729vw !important;
    }

    .parentDCard .header {
        gap: 0.625vw !important;
    }

    .parentDCard {
        padding: 0.521vw !important;
        border: 0.052vw solid #F2F4F7 !important;
        background-color: #FCFCFD;
        border-radius: 0.625vw !important;
        margin-bottom: 1.042vw !important;
    }

    .whiteBox svg {
        width: 1.823vw !important;
        height: 1.823vw !important;
    }

    .chooseMonth {
        padding: 0.26vw 0.26vw !important;
        font-size: 0.625vw !important;
        gap: 0.417vw !important;
        border: 0.052vw solid #EDEFF2 !important;
        border-radius: 0.313vw !important;
    }

    .chooseMonth svg.date {
        width: 1.042vw !important;
        height: 0.885vw !important;
    }

    .chooseMonth svg.drilldown {
        width: 0.417vw !important;
        height: 0.625vw !important;
    }

    .whiteBox {
        margin-top: 0.521vw !important;
        gap: 0.521vw !important;
        padding: 0.521vw !important;
        border: 0.052vw solid #F2F4F7;
        border-radius: 0.417vw !important;
    }

    .whiteBox.totalTrans {
        border: 0.052vw solid transparent !important;
    }

    .statuses div:nth-child(1) {
        font-size: 0.625vw !important;
        padding-bottom: 0.156vw !important;
    }

    .statuses div:nth-child(2) {
        font-size: 0.729vw !important;
    }

    .cusDPad .col-sm-12:nth-child(odd) {
        padding-right: 0.26vw !important;
    }

    .cusDPad .col-sm-12:nth-child(even) {
        padding-left: 0.26vw !important;
    }

    .dashSync {
        padding: 0.208vw 0.625vw !important;
        border: 0.052vw solid #00A87B !important;
        border-radius: 0.833vw !important;
    }

    .dashSync svg {
        width: 0.7vw !important;
        height: 0.7vw !important;
    }

    .recentHeader h5 {
        font-size: 0.833vw !important;
        margin-bottom: 0.781vw !important;
    }

    .recTblTitle {
        border: 0.052vw solid #CFE5DF !important;
        border-top-right-radius: 0.469vw !important;
        border-top-left-radius: 0.469vw !important;
        background: #CFE5DF;
        padding: 0.781vw 0.833vw !important;
    }

    .rectTblChild {
        font-size: 0.729vw !important;
        gap: 0.417vw !important;
    }

    .rectTblChild svg {
        width: 0.938vw !important;
        height: 0.938vw !important;
    }

    .viewPlus {
        width: 1.302vw !important;
        height: 1.302vw !important;
    }

    .viewMoreTbl {
        font-size: 0.625vw !important;
        gap: 0.26vw !important;
        padding: 0.26vw !important;
        border-radius: 0.208vw !important;
    }

    .viewMoreTbl svg {
        width: 0.781vw !important;
        height: 0.781vw !important;
    }

    .table.orgTable.recentTable .thdCls th:first-child {
        border-left: 0.052vw solid #F9FAFB !important;
    }

    .table.orgTable.recentTable .tbdyCls td {
        font-size: 0.677vw !important;
        max-width: 5.208vw !important;
        border: 0.052vw solid #F9FAFB !important;
    }

    .approvedBdg {
        padding: 0.26vw 0.521vw !important;
        gap: 0.156vw !important;
        border: 0.052vw solid #6CE9A6;
        border-radius: 1.823vw !important;
        background-color: #ECFDF3;
        color: #039855;
        width: max-content;
        font-size: 0.625vw !important;
    }

    .rejectedBdg {
        padding: 0.26vw 0.521vw !important;
        gap: 0.156vw !important;
        border: 0.052vw solid #FDA29B !important;
        border-radius: 1.823vw !important;
        background-color: #FEF3F2;
        color: #D92D20;
        width: max-content;
        font-size: 0.625vw !important;
    }

    .rejectedBdg svg,
    .progressBdg svg,
    .approvedBdg svg {
        width: 0.729vw !important;
        height: 0.729vw !important;
    }

    .progressBdg {
        padding: 0.26vw 0.521vw !important;
        gap: 0.156vw !important;
        border: 0.052vw solid #FEC84B !important;
        border-radius: 1.823vw !important;
        background-color: #FEF3F2;
        color: #DC6803;
        width: max-content;
        font-size: 0.625vw !important;
    }

    .daterangepicker.opensright {
        width: 10.417vw !important;
    }

    .daterangepicker div.ranges.myDate ul {
        margin: 0.521vw 0 !important;
    }

    .daterangepicker .ranges.myDate ul li {
        padding: 0.521vw 0.833vw !important;
    }

    .daterangepicker .ranges.myDate ul li {
        font-size: 0.625vw !important;
    }

    .dashTbl {
        margin-bottom: 1.042vw !important;
        padding-right: 0.625vw !important;
    }

    .daterangepicker {
        border-radius: 0.208vw !important;
        border: 0.052vw solid #F2F4F7 !important;
        width: 14.479vw !important;
        /* left: 5.208vw !important; */
        font-size: 0.781vw !important;
        line-height: 0.833vw !important;
    }

    .loader-container {
        width: 2.604vw !important;
        height: 2.604vw !important;
    }

    .loader-container .boxes {
        width: 2.604vw !important;
        height: 2.604vw !important;
        stroke-width: 2.604vw !important;
    }

    .cmn-g-btn .history.btn {

        margin-right: 1.042vw !important;
    }

    .cmn-g-btn .black.btn .import,
    .cmn-g-btn svg.export {
        width: 0.833vw !important;
        height: 0.833vw !important;
    }

    /* .cmn-g-btn  svg.export {
        vertical-align: text-top  !important; 
    } */
    .cmn-g-btn .btn svg.export,
    .cmn-g-btn .btn svg.import {
        position: relative;
        top: -0.104vw !important;
    }

    .cmn-g-btn .btn svg.saveReport {
        position: relative;
        top: -0.052vw !important;
    }

    .dayContainer span {
        margin-top: 0.26vw !important;
    }

    .otherPageProgress,
    .otherPageApproved,
    .otherPageReject {
        padding: 0.417vw 0.573vw !important;
        border-radius: 1.198vw !important;
    }

    .otherPageApproved .approvedBdg,
    .otherPageReject .rejectedBdg,
    .otherPageProgress .progressBdg {
        padding: 0.208vw 0.521vw !important;
    }

    .sentForApproval .sFABdg {
        gap: 0.625vw !important;
    }

    svg.waitingLoader {
        width: 0.938vw !important;
        height: 0.99vw !important;
    }

    .sentForApproval {
        padding: 0.417vw 0.573vw !important;
        border-radius: 1.198vw !important;
    }

    .cmn-g-btn.aAndRjctBtn .btn {
        padding: 0.521vw !important;
    }

    @keyframes toastCorrectShadow {
        from {
            box-shadow: 0.26vw 0vw 0.156vw -0.104vw var(--l-green) !important;
        }
    }

    @keyframes toastWrongShadow {
        from {
            box-shadow: 0.26vw 0vw 0.156vw -0.104vw red !important;
        }
    }

    .salesTbl.adminTable.p-xxl-0 {
        padding: 0px;
    }

    .dataTables_length {
        margin-bottom: 6px;
    }

    /* End 1920 */
}

.login_form .form-control-lg {
    height: 48px;
}

.grey-color {
    color: grey;
}

.cursor-pointer {
    cursor: pointer;
}

.pointer-none {
    pointer-events: none;
    cursor: not-allowed;
}

.mb-c-3 {
    margin-bottom: 1.6rem;
}

/* Gaps */
.gap-1 {
    gap: 1px !important;
}

.gap-2 {
    gap: 2px !important;
}

.gap-3 {
    gap: 4px !important;
}

.gap-5 {
    gap: 5px !important;
}

.gap-6 {
    gap: 6px !important;
}

.welcomeText {
    font-size: 17px;
    font-weight: 600;
    text-align: center;
    color: var(--base-color);
}

.login_page {
    overflow-y: auto;
    /* background-color: #000; */
    background-size: cover;
    height: 100vh;
    background-image: url("/static/images/warehouse-bg-logo.jpg");
    background-position: center center;
}

.login_form,
.login_text {
    background: transparent;
    top: 0;
    bottom: 0;
    min-height: 100vh;
    z-index: 999;
    opacity: 1;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px;
    transition: transform 1s;
}

.login_text .paragraph_login {
    color: #fff !important;
    text-align: right;
    max-width: 550px;
    margin-left: auto;
}

.login_form .inputColumn {
    padding: 45px;
    background-color: #fff;
    width: 100%;
}

.login_form_input input::placeholder {
    color: #000;
    font-size: 13px;
}

.btn_login {
    height: 48px;
    background-color: var(--base-color) !important;
    color: #FFF !important;
    border-radius: 6px;
}

.btn_login:hover {
    background-color: #FFF !important;
    color: var(--base-color) !important;
    border: 1px solid var(--base-color) !important;
}

.login_page .input-group-text {
    background-color: #ECF0F3;
}

.login_page .form-check-input:focus {
    border-color: var(--base-color) !important;
    outline: 0;
    box-shadow: 0 0 0 .12rem #3ebdadab !important;
}

.login_page .form-check-input:checked {
    background-color: var(--base-color) !important;
    border-color: #4aa59a !important;
}

.login_page .form-control:focus {
    box-shadow: 0 0 0 0 !important;
}

.login_page .input-group-text,
.login_page .form-control {
    border: 0;
    border-radius: 0;
}

.login_page .input-group {
    display: flex;
    border: 1px solid #ECF0F3;
    border-radius: 0.25rem;
    overflow: hidden;
    border-radius: 6px;
}

.login_page .input-group:focus-within {
    border-color: var(--base-color);
    border-width: 1.5px;
}

.login_text .animate-character span {
    background-image: linear-gradient(-225deg, rgb(243 244 238) 0%, rgb(254 254 254) 29%, rgb(98, 255, 19) 67%, #92e67b 100%);
    ;
    background-size: 200%;
    color: rgb(255, 255, 255);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    font-size: 55px;
    font-weight: 700;
    animation: 2s linear 0s infinite normal none running textclip;
}

.login_text .animate-character {
    font-size: 55px;
    font-weight: 700;
    line-height: normal;
}

.login_form_input svg {
    width: 22px;
    height: 22px;
}

.position-abs {
    /* position: absolute !important; */
    transition: transform 1s;
}

.login-animation {
    z-index: 99;
}

.zoom_out {

    transform: scale(-0);
}

.zoom_in {

    transform: scale(1);
}

.fp-animation {
    /* transform: scale(-0); */
}

.fp-animation.zoom_in {
    /* transform: scale(1); */
}

.pwd {
    right: 15px;
    position: absolute;
    z-index: 99;
}

.m-start-2 {
    margin-left: 8px;
}

.rmPwdHv:hover,
.alreadyLogin:hover {
    color: var(--base-color);
}

#overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 2;
    cursor: pointer;
}

.pwdBy:hover {
    text-decoration: underline;
    color: var(--base-color);
}

.pwdBy a:visited {
    text-decoration: none;
}

.backToLog:hover svg {
    transform: translateX(-20%);
    transition: .8s;
}

.backToLog:hover svg path {
    stroke: --base-color;
}

.backToLog svg {
    transition: .8s;

}

.backToLog svg {
    vertical-align: sub;
}

.backToLog:hover span {
    color: var(--base-color);
}

.table-c-header {
    background-color: #cbcbcb24;
    padding-right: 20px;
    padding-left: 20px;
}

.cmn-green-btn {
    background: var(--base-color) !important;
    color: #FFF !important;
    height: 32px !important;
    font-size: 14px !important;
    font-weight: 600;
}

.cmn-green-btn:hover {
    background: #FFF !important;
    color: var(--base-color) !important;
    border: 1px solid var(--base-color) !important;
    stroke: var(--base-color) !important;
}

.cmn-green-btn:hover svg path {
    stroke: var(--base-color) !important;
}

.common-search .input-group {
    border: 1px solid var(--ccc);
    border-radius: 9px;
}

/* .common-search .input-group-text{
    border: 2px solid var(--base-color) !important;
    } */
.common-search .form-control {
    border: none;
    border-radius: 9px;
}

.common-search .input-group-text {
    background: #FFF;
    border-top-right-radius: 9px;
    border-bottom-right-radius: 9px;
}

.common-search .form-control:focus+.input-group {
    border: 1px solid var(--ccc);

}

input.form-control::placeholder {
    font-size: 14px;
    font-weight: 400;
}

.profileLogo {
    height: 50px;
    width: 50px;
    border-radius: 50%;
}

table.dataTable.orgTable {
    margin-top: 0 !important;
}

.tableTitle,
.addAdmin .adminTitle {
    font-size: 22px;
    font-weight: 700;
}

.titleHeader {
    padding: 12px 20px;
    border-top: 1px solid var(--input-border-color);
    border-bottom: 1px solid var(--input-border-color);
}

.backTableArrow {
    align-self: center;
}

.backTableArrow:hover svg rect {
    fill: var(--l-green);
}

.backTableArrow:hover svg path {
    stroke: #FFF;
}

.searchBtnHeader {
    background-color: #FBFBFB;
    padding: 12px 20px;
}

.searchHeader {
    padding: 12px 20px;
    border-top: 1px solid var(--input-border-color);
    background-color: #FBFBFB;
    border-bottom: 1px solid var(--input-border-color);
}

.cusSearch .form-control {
    margin-left: auto !important;
    border-radius: 9px !important;
}

.cusSearch .form-control,
.cusSearch .input-group-text {
    border: 0;
    border-radius: 9px;
}

.cusSearch .form-control:focus {
    box-shadow: 0 0 0 0;
}

.cusSearch:has(.form-control:focus) {
    border: 1px solid transparent;
    box-shadow: 0 0 2px 2px var(--l-green);
}

.cusSearch input::placeholder {
    color: var(--placeholder-color) !important;
}

.cusSearch {
    border: 1px solid var(--input-border-color);
    border-radius: 9px;
}

.cusSearch:focus {
    box-shadow: 0 0 0 0;
}

.cusSearch input::placeholder {
    color: var(--ccc);
}

.cmn-g-btn .saveMdl.btn {
    color: #FFF;
}

.cmn-g-btn .report.saveMdl.btn {
    color: #FFF;
}

.cmn-g-btn .filter.saveMdl.btn {
    color: #FFF;
}

.cmn-g-btn .saveMdl.btn svg {
    vertical-align: sub;
}


.cmn-g-btn .btn {
    height: 38px;
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    background-color: var(--newBtn-color);
    border-radius: 10px;
    padding: 10px 18px;
    line-height: 1;
}

.cmn-g-btn.viewSo .btn {
    font-weight: 600;
    background-color: #667085;
    border-color: #E4E7EC;
}

.cmn-g-btn .history.btn {
    font-weight: 600;
    background-color: #FFF;
    border-color: #E4E7EC;
    color: #667085;
    margin-right: 20px;
}

.cmn-g-btn .history.btn:hover {
    background-color: #f5f5f5;
    color: #667085;
    ;

}

.cmn-g-btn.viewSo .btn:hover {
    background-color: #535e74;
    ;
}

.cmn-g-btn .newBtn svg,
.icon_size svg {
    width: unset !important;
    height: unset !important;
}

/* .cmn-g-btn svg{
vertical-align: bottom;
} */
/* 
.cmn-g-btn .btn {
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    background-color: var(--l-green);
    border-radius: 9px;
    padding: 8px 18px;
} */

/* .cmn-g-btn .btn .d-flex div:nth-child(1) {
    align-self: baseline;
} */

.cmn-g-btn .btn:hover,
.cmn-g-btn .btn:active {
    background-color: var(--new-btn-hover);
    color: #FFF;
}

.cmn-g-btn.history .btn:hover,
.cmn-g-btn.history .btn:active {
    color: #667085;
    ;
}

/* .cmn-g-btn .btn:hover svg path {
    stroke: var(--l-green);
} */

/* .cmn-g-btn.export .btn:hover svg path {
    stroke: none;
    fill: var(--l-green);
} */

.addAdmin {
    padding: 12px 20px;
    border-top: 1px solid var(--input-border-color);
}

.adminForm {
    padding: 15px 20px;
}

.cus-input-form-field.form-control {
    border-radius: 9px;
    border: 1px solid var(--input-border-color) !important;
    background-image: none !important;
    height: unset !important;
}

.cus-input-form-field.form-control:focus {
    border-color: #6CE9A6;
    box-shadow: 0px 0px 0px 2.5px #EBFFEE;
}

textarea.txtarea.form-control:focus {
    border-color: #6CE9A6 !important;
    box-shadow: 0px 0px 0px 2.5px #EBFFEE;
}

.discountTbl .noneBorder .cus-input-form-field:focus {
    border-color: #6CE9A6 !important;
    box-shadow: -3px 0px 0px 2.5px #EBFFEE;
}

.discountTbl .noneBorder .cus-input-form-field:focus~.input-group-text {
    border-color: #6CE9A6 !important;
    box-shadow: 0px 0px 0px 2.5px #EBFFEE !important;
}

.adminForm input:read-only,
.empForm input.readonly:read-only {
    background-color: #F2F4F7;
    pointer-events: none;
}


/* div:has(input:read-only) {
    cursor: not-allowed;
} */


.floatingLabel {
    position: absolute;
    top: 49%;
    left: 10px;
    transform: translateY(-50%);
    transition: all 0.2s ease;
    background: #FFF;
    padding: 0 5px;
    pointer-events: none;
    font-size: 12px;
    color: var(--placeholder-color);
    border-radius: 5px;
    display: flex;
    align-items: center;
}

table .floatingLabel {
    z-index: 99;
}

.floatingLabel.required::after,
.selectFloatLbl.required::after {
    content: ' *';
    color: red;
}

.cus-input-form-field {
    padding: 8px 12px 8px 12px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    width: 100%;
}

.cus-input-form-field:focus~.floatingLabel,
.cus-input-form-field:not(:placeholder-shown)~.floatingLabel {
    top: 6px;
    left: 9px;
    transform: translateY(-100%);
    font-size: 11px;
    color: var(--placeholder-color);
}

.cus-input-form-field:not(:focus)~.floatingLabel:not(.required) {
    background-color: white;
}

.orgTable thead th {
    padding: 16px 30px 16px 16px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #101828 !important;
    white-space: nowrap;
}

.orgTable tbody td,
.orgTable tbody th {
    padding: 16px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

.orgTable tbody tr:nth-child(odd) td,
.orgTable tbody th:nth-child(odd) {
    padding: 16px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #000000 !important;
}

.orgTable tbody tr:nth-child(even) td,
.orgTable tbody th:nth-child(even) {
    padding: 16px;
    font-size: 14px;
    font-weight: 500 !important;
    color: #000000 !important;
}

/* .orgTable tbody tr:nth-child(even)
    background-color: #FBFBFB !important;
} */

table.table-bordered.dataTable.orgTable th {
    color: var(--table-header-color) !important;
}

.ex table.table-striped.orgTable tbody>tr.odd {
    background-color: #00C2BF
}

.adminTable table.dataTable>thead .sorting:before,
table.dataTable>thead .sorting_asc:before,
.adminTable table.dataTable>thead .sorting:after,
table.dataTable>thead .sorting_asc:after {
    bottom: 35%;
    right: 0.3rem;
}

.adminTable table {
    --bs-table-striped-bg: #f6f6f6ba !important;
}

.adminTable table.dataTable>tbody>tr.child span.dtr-title {
    color: #a3a3a3 !important;
}

.cusSearch {
    width: auto !important;
}

.dataTables_info {
    display: none !important;
}

.dataTables_wrapper .row:nth-child(2) {
    margin: 0 !important;
}

/* .dataTables_wrapper .row:nth-child(2)>div:nth-child(1) {
    padding: 20px 20px 0px 20px;
} */

.profileImage .dropdown-menu .dropdown-item:hover {
    background-color: var(--l-green) !important;
    color: white !important;
}

.profileImage .dropdown-menu-end[data-bs-popper] {
    right: 16px;
}

.close-modal:hover>svg>rect {
    fill: #000;
}

.close-modal:hover>svg>path {
    stroke: #FFF;
}

.cmn-g-btn .closeMdl.btn {
    background-color: var(--cancel-btn-clr);
    color: #000;
}

/* .cmn-g-btn .closeMdl.btn:hover svg path {
    stroke: #FFF !important;
} */

.cmn-g-btn .closeMdl.btn:hover {
    background-color: #d3d3d3;
}

.orgModal .modalTitle {
    font-size: 20px;
    font-weight: 600;
    color: #000;
}

/* .orgModal .modalTitle span {
    color: var(--l-green)
} */

.orgModal .modal-content {
    border-radius: 9px;
}

.orgTable.collapsed>tbody>tr>td:nth-child(1):not(.child) {
    text-align: center !important;
}

table.dataTable.orgTable>thead .sorting:after,
table.dataTable>thead .sorting_asc:after {
    top: 22px;
}

table.dataTable.orgTable>thead .sorting:before,
table.dataTable>thead .sorting_asc:before {
    top: 15px;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control::before,
table.dataTable.dtr-inline.orgTable.collapsed>tbody>tr.parent>td.dtr-control::before {
    background-color: var(--l-green);
}

/* .orgTable>thead>tr>th:not(:last-child) {
    border-right-color: transparent;
} */

/* .orgTable>tbody>tr>td:not(:last-child) {
    border-right: transparent;
} */

.orgTable>tbody>tr:hover td {
    border-color: #FFF065;
}

.orgTable>tbody>tr:hover td:nth-child(1) {
    /* border-left-width: 4.5px; */
}

.orgTable>tbody>tr:hover td::after {
    content: ' ';
    background-color: #FFF065;
    height: 102%;
    max-width: fit-content;
    padding: 0 2px;
    left: 0;
    bottom: 0;
    position: absolute;
    display: block;
}

.adminTable #example_wrapper .row:nth-child(2),
.adminTable #example_wrapper .row:nth-child(3) {
    margin: 20px 0 0 0;
}

.empTble.adminTable #example_wrapper .row:nth-child(1),
.empTble.adminTable #example_wrapper .row:nth-child(3) {
    margin: 0 0 0 0 !important;
}

/* .adminTable #example_wrapper .row:nth-child(3){
    padding-bottom: 20px;
} */
.adminTable .pagination .active>.page-link {
    background-color: var(--l-green) !important;
    border-color: var(--l-green);
    color: #FFF;
}

.adminTable .pagination .page-link {
    color: #000;
}

div.dataTables_wrapper div.dataTables_info {
    padding: 0;
}

.adminTable {
    padding-left: 20px;
    padding-right: 20px;
}

.adminTable #example_wrapper .row:nth-child(2)>.col-sm-12 {
    padding: 0 !important;
}

.adminTable #table2_wrapper .row:nth-child(2)>.col-sm-12 {
    padding: 0 !important;
}

/* .cmn-g-btn .newBtn {
    position: relative;
    top: -2px;
} */

.customPag li .page-link {
    font-size: 14px;
    font-weight: 500;
    color: #000;
}

.customPag li .page-link:hover {
    background-color: #0dba8c;
    color: #FFF;
    border-color: var(--l-green);
}

.customPag .active>.page-link {
    background-color: var(--l-green);
    border-color: var(--l-green);
    color: #FFF;
}

.customPag {
    padding: 0 20px 20px 20px;
}

.customPag .customPag {
    padding: 0 0px 20px 20px;
}

.tbl-edit-btn .btn {
    color: #FFF;
    background-color: #000;
    /* border: 1px solid var(--input-border-color); */
    padding: 6px 15px 6px 15px;
    border-radius: 9px;
    font-size: 14px;
    font-weight: 600;
}

.tbl-edit-btn .btn:hover {
    color: #000;
    border-color: #000;
    background-color: #FFF;
}

.tbl-edit-btn .btn:hover svg path {
    stroke: #000;
}

.tbl-edit-btn .tbEdit {
    position: relative;
    top: -1px;
}

.customInvalid.invalid-feedback {
    transform: translateY(2px);
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
    position: absolute;
    margin: 0;
}

.orgTable tbody>tr.child ul.dtr-details>li {
    display: flex !important;
    flex-wrap: wrap;
}

.orgTable tbody>tr.child ul.dtr-details>li:last-child {
    display: flex !important;
}

.customInvalid.invalid-feedback {
    font-size: 12px;
}

.swal2-popup {
    border-radius: 12px;
}

.swal2-title {
    font-size: 20px;
    font-weight: 600;
}

.swal2-confirm {
    background-color: var(--l-green);
    color: #FFF;
    /* padding: 5px 10px; */
    border: 1px solid var(--l-green);
    border-radius: 9px;
    font-size: 14px;
    font-weight: 600;
}

.swal2-close:hover {
    color: #FFF;
    background-color: #000;
}

.swal2-confirm:hover {
    background-color: #FFF;
    /* color: var(--l-green) */
}

.tbdyCls tr>td:last-child:not(.child),
.thdCls tr>th:last-child:not(.child) {
    text-align: start !important;
}

.mainLogo {
    padding: 6px;
}

.swal2-close {
    right: 6px;
    top: 6px;
    display: flex;
    background: #cccc;
    color: #000;
    border-radius: 30%;
    position: absolute;
    font-weight: 500;
    font-size: 21px;
}

.fp-animation,
.slash-fill {
    display: none;
}

.successToast .toast-body .contentTxt {
    font-size: 20px;
    font-weight: 600;
    color: var(--header-bg);
}

.successToast .toast-body {
    padding: 20px;
}

.successToast {
    border-radius: 16px;
}

.successToast.success {
    box-shadow: 5px 0px 3px -2px #DDE1EC;
    animation: toastCorrectShadow 1.5s;
}

.successToast.failed {
    box-shadow: 5px 0px 3px -2px #DDE1EC;
    animation: toastWrongShadow 1.5s;
}

.toastPos {
    position: absolute;
    display: flex;
    justify-content: center;
    left: 0;
    width: 100%;
    bottom: 20px;
    z-index: 999;
}

.cus-gap-12 {
    gap: 12px;
}

.employeeDetails {
    border-radius: var(--common-radius);
    margin: var(--margin-twenty);
    border: 1px solid var(--input-border-color);
}

.employeeDetails .cardHeader {
    padding: var(--padding-twelve) var(--padding-twenty);
    font-size: 22px;
    font-weight: 700;
    border-bottom: 1px solid var(--input-border-color);
}

/* .employeeDetails .cardHeader>span {
    color: var(--l-green);
} */

/* .employeeDetails:hover {
    box-shadow: 3px 3px 4px 3px #ECF0F3;
} */

.empForm {
    padding: var(--padding-twenty);
}

.empDivider {
    height: 1.5px;
    margin: 20px;
    background-image: linear-gradient(20deg, #00000000, var(--base-color), transparent);
}

.cusTabNav {
    padding: 15px 20px 30px 20px;
}

.cusTabNav .nav-item .nav-link {
    font-size: 15px;
    font-weight: 600;
    color: #000;
}

.cusTabNav .nav-item .nav-link:hover {
    color: var(--l-green) !important;
}

.cusTabNav .nav-item .nav-link.active {
    color: var(--l-green) !important;
    background-color: #FFF;
    border: 0;
}

.cusTabNav .nav-tabs .nav-link {
    border-width: 0 0 1px 0;
}

.cusTabNav .nav-tabs .nav-link.active+.customNavBorder {
    position: absolute;
    height: 3px;
    background-color: var(--l-green);
    bottom: 0;
    border-radius: 4px;
    width: 100%;
    animation: 0.5s cusNavMove linear;
}

.cusTabContent .cusTCntHeader {
    color: #000;
    font-size: 22px;
    font-weight: 700;
    border-bottom: 1px solid var(--input-border-color);
    padding: 12px 15px;
}

.cusTabContent {
    border: 1px solid var(--input-border-color);
    border-radius: var(--common-radius)
}

/* .cusTCntHeader span {
    color: var(--l-green);
} */

.cusTabContent .searchHeader {
    padding: 12px 15px;
}

.cusTabContent .adminTable {
    padding: 15px;
}

.custTableInput>td .form-control {
    width: 200px;
}

.custTableInput~tr.child>td>ul>li>span {
    margin-bottom: 6px;
}

.empTab.tbl-edit-btn:hover .tbEdit svg {
    stroke: #000;
}

.empTabBorder {
    border: 1px solid var(--input-border-color);
    border-radius: 9px;
    padding: 5px 15px;
    background-color: #FFF;
    width: max-content;
}

.empTab.tbl-edit-btn:hover svg path {
    stroke: var(--l-green);
}

.empTab.delete.tbl-edit-btn:hover svg path {
    stroke: red;
}

.trial.thdCls tr>th:last-child:not(.child),
.trial.tbdyCls tr>td:last-child:not(.child) {
    text-align: left;
}

table.dataTable>thead.emergency .sorting:after,
table.dataTable>thead.emergency .sorting_asc:after,
table.dataTable>thead.emergency .sorting:before,
table.dataTable>thead.emergency .sorting_asc:before {
    right: 3px
}

.emergency.tbdyCls tr.child:nth-child(even).child td ul {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

/* .emergency.tbdyCls tr.child:nth-child(even) td ul li {
    flex-grow: 1;
} */

/* .emergency.tbdyCls tr.child:nth-child(even) td ul li {
    padding-top: 0;
} */

.empTble+.customPag {
    padding: 0 15px 15px 15px;
}

.empTbleButton {
    padding: 10px 15px 30px 15px;
}

.custom-date-input {
    position: relative;
}

.custom-date-input input[type="date"] {
    padding-right: 30px;
}

.custom-date-input-dob,
.custom-date-input-tds {
    position: relative;
}

.custom-date-input-dob input[type="date"] {
    padding-right: 30px;
}

.custom-date-input-tds input[type="date"] {
    padding-right: 30px;
}

.custom-date-input,
.custom-date-input-tds {
    cursor: pointer;
    content: '';
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 17px;
    height: 18px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="18" viewBox="0 0 17 18" fill="none"><path d="M13.4444 2.77783H2.77778C1.79594 2.77783 1 3.57377 1 4.55561V15.2223C1 16.2041 1.79594 17.0001 2.77778 17.0001H13.4444C14.4263 17.0001 15.2222 16.2041 15.2222 15.2223V4.55561C15.2222 3.57377 14.4263 2.77783 13.4444 2.77783Z" stroke="%238D96A5" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/><path d="M4.55566 4.55556V1" stroke="%238D96A5" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.6665 4.55556V1" stroke="%238D96A5" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/><path d="M4.55566 13.4446V12.5557" stroke="%238D96A5" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.11133 13.4446V12.5557" stroke="%238D96A5" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.6665 13.4446V12.5557" stroke="%238D96A5" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/><path d="M4.55566 9.88889V9" stroke="%238D96A5" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.11133 9.88889V9" stroke="%238D96A5" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.6665 9.88889V9" stroke="%238D96A5" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center;
}

.custom-date-input-dob {
    cursor: pointer;
    content: '';
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 17px;
    height: 18px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="18" viewBox="0 0 17 18" fill="none"><path d="M13.4444 2.77783H2.77778C1.79594 2.77783 1 3.57377 1 4.55561V15.2223C1 16.2041 1.79594 17.0001 2.77778 17.0001H13.4444C14.4263 17.0001 15.2222 16.2041 15.2222 15.2223V4.55561C15.2222 3.57377 14.4263 2.77783 13.4444 2.77783Z" stroke="%238D96A5" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/><path d="M4.55566 4.55556V1" stroke="%238D96A5" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.6665 4.55556V1" stroke="%238D96A5" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/><path d="M4.55566 13.4446V12.5557" stroke="%238D96A5" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.11133 13.4446V12.5557" stroke="%238D96A5" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.6665 13.4446V12.5557" stroke="%238D96A5" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/><path d="M4.55566 9.88889V9" stroke="%238D96A5" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.11133 9.88889V9" stroke="%238D96A5" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.6665 9.88889V9" stroke="%238D96A5" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center;
}

/* Hide the default date picker icon */
input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
}

.cus-input-form-field~.jDateDOB.floatingLabel {
    top: 6px;
    left: 13px;
    transform: translateY(-100%);
    font-size: 11px;
    color: var(--placeholder-color);
    background-color: transparent;
}

.jDateDOB {
    background-color: #FFF !important;
}

/* DatePicker */

.flatpickr-months,
.flatpickr-weekdays,
span.flatpickr-weekday,
.flatpickr-day.selected {
    background-color: #000 !important;
    border-color: #000 !important;
}

.flatpickr-day.selected,
.flatpickr-day.today {
    border-radius: 20%;
    display: flex;
    align-items: center;
}

/* .flatpickr-day {
    max-width: 35px;
    height: 35px;
} */

.flatpickr-current-month .numInputWrapper span.arrowUp:after,
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-bottom-color: #FFF;
    border-top-color: #FFF;
}

.flatpickr-calendar.arrowTop::after,
.flatpickr-calendar.arrowTop::before {
    border-bottom-color: #000;
}

.flatpickr-day.today {
    border-color: #000 !important;
    background-color: #ECF0F3 !important;
}

.flatpickr-day.today:hover {
    background-color: #ECF0F3 !important;
}

.numInputWrapper span {
    right: -5px;
}

div.choices[data-type*=select-one] .choices__inner {
    border-radius: 9px !important;
    padding: 4px 8px;
    border: 1px solid var(--input-border-color);
}

.choices.is-open .choices__inner {
    border-color: #6CE9A6 !important;
    box-shadow: 0px 0px 0px 2.5px #EBFFEE;
}

.selectFloatLbl {
    position: absolute;
    top: -11px;
    background-color: #fff;
    padding: 3px 4px;
    border-radius: 3px;
    width: fit-content;
    left: 9px;
    font-size: 11px;
    color: var(--vz-secondary-color);
}

.choices__list.choices__list--dropdown.is-active {
    border-radius: 9px;
}

.mbChoice .choices {
    margin-bottom: 0 !important;
}

input.cus-input-form-field {
    --vz-tertiary-bg: transparent !important;
}

.txtarea.form-control:focus {
    border-color: var(--input-border-color) !important;
}

.txtarea:not(:placeholder-shown)~.cmntFloating {
    top: -12px;
    border-radius: 9px;
    padding: 2px 5px;
}

.txtarea.form-control {
    border-radius: 9px;
    border: 1px solid var(--input-border-color);
}

textarea.txtarea {
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* Internet Explorer 10+ */
}


textarea.txtarea::-webkit-scrollbar {
    width: 5px;
}

textarea.txtarea::-webkit-scrollbar-track {
    background: black !important;
}

textarea.txtarea::-webkit-scrollbar-thumb {
    background: #888 !important;
}

/* .cmntFloating {
    position: absolute;
    top: 12px;
    background-color: #FFF;
    padding: 3px;
    left: 15px;
    font-size: 12px;
    color: var(--placeholder-color);
} */
.cmntFloating {
    position: absolute;
    top: 12px;
    background-color: #FFF;
    padding: 3px;
    left: 10px;
    font-size: 12px;
    color: var(--placeholder-color);
}

.txtarea:focus~.cmntFloating {
    position: absolute;
    top: -12px;
}

.empTab.edit:hover svg path {
    stroke: var(--l-green);
}

.secondaryBox {
    border: 1px solid var(--input-border-color);
    border-radius: 9px;
}

.secondaryBox:hover {
    box-shadow: 1px 1px 7px 3px #ECF0F3;
}

.secTitle {
    font-size: 17px;
    font-weight: 500;
    color: #000;
    padding: 15px;
    position: sticky;
}

.secAdd:hover svg {
    fill: var(--l-green);
}

#secList li>span {
    left: 15px;
    position: relative;
}

#secList {
    height: 80px;
    overflow-y: auto;
}

.customMultiDiv .multi-wrapper::before {
    background-color: white;
    border: 1px solid var(--l-green);
    color: var(--l-green);
}

.mb-c-20 {
    margin-bottom: 20px;
}

.selected-wrapper a,
.non-selected-wrapper a,
#secList ul li {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#secList {
    list-style-type: none;
    padding-left: 0;
}

#secList::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

#secList::-webkit-scrollbar-thumb {
    background-color: #eeeeee;
    border-radius: 10px;
}

#secList li {
    padding: 5px 0;
}

#secList li {
    border-bottom: 1px solid var(--input-border-color);
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
    top: 50%;
    left: 10px;
}

.custom-tooltip .tooltip-inner {
    max-width: 200px;
    height: 35px;
    font-size: 14px;
    background-color: #000;
    color: #FFF;
}

.cusPwdVal:focus~.cusPwdValidation {
    position: absolute;
    background: #ECF0F3;
    z-index: 99;
    padding: 13px;
    border-radius: 9px;
    display: block;
}

.cusPwdValidation {
    display: none;
}

.cusPwdValidation::before {
    border: 4px solid #ECF0F3;
    content: ' ';
    position: absolute;
    top: -6px;
    border-width: 6px;
    transform: rotate(-138deg);
    border-top-color: #ECF0F3;
    border-left-color: #ECF0F3;
}

.pwdUList {
    margin: 0;
    padding: 0 0 0 13px;
}

.pwdUList li {
    font-size: 12px;
}

.pwdUList li::marker {
    font-size: 14px
}

.pwdUList li.invalid::marker {
    color: red;
}

.pwdUList li.valid::marker {
    color: green;
}

div.toastify.success,
div.toastify.danger,
div.toastify.info,
div.toastify.warning {
    background: rgb(255, 255, 255);
    bottom: 15px;
    color: #000;
    font-size: 20px;
    font-weight: 600;
    padding: 25px;
    padding-left: 55px;
    padding-right: 50px;
    border-radius: 16px;
    box-shadow: 5px 0px 3px 0px #eeeeee;
    border: 1px solid var(--input-border-color);
    pointer-events: none;
}

div.toastify.success::before {
    content: ' ';
    background-image: url('/static/images/toast-success.svg');
    background-size: cover;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 12px;
    padding: 14px;
}

div.toastify.danger::before {
    content: ' ';
    background-image: url('/static/images/toast-error.svg');
    background-size: cover;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 12px;
    padding: 17px;
}

div.toastify.info::before {
    content: ' ';
    background-image: url('/static/images/toast-info.svg');
    background-size: cover;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 12px;
    padding: 17px;
    bottom: 24px;
}

div.toastify.warning::before {
    content: ' ';
    background-image: url('/static/images/toast-warn.svg');
    background-size: cover;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 12px;
    padding: 16px;
    bottom: 25px;
}

.mb-6-px {
    margin-bottom: 6px;
}

.mb-10-px {
    margin-bottom: 10px;
}

.fs-13-vw {
    font-size: 13px;
}

.pageTitle.cusTabNav {
    padding: 0;
}

.pageTitle.cusTabNav .nav-tabs .nav-link {
    padding: 14px 20px;
}

.nav-tabs .nav-link:hover {
    border-color: transparent;
}

.nav-tabs .nav-link {
    margin-bottom: 0 !important;
}

.cusTabNav .nav-tabs .nav-link:hover svg>path,
.cusTabNav .nav-tabs .nav-link.active svg>path {
    stroke: var(--l-green);
}

/* .tableTitle>span {
    color: var(--base-color)
} */

.adminTable .tbdyCls .full-green-td {
    padding: 0;
    text-align: center;
    background-color: var(--l-green) !important;
    color: #fff !important;
}

.adminTable .tbdyCls td.full-green-td:hover {
    text-align: center;
    background-color: #fff !important;
    color: var(--l-green) !important;
}

.adminTable .tbdyCls .full-info-td {
    padding: 0;
    text-align: center;
    background-color: #0082EA !important;
    color: #fff !important;
}

.adminTable .tbdyCls td.full-info-td:hover {
    text-align: center;
    background-color: #fff !important;
    color: #0082EA !important;
}

/* .adminTable .tbdyCls .full-fullfilled-td {
    padding: 0;
    text-align: center !important;
    background-color: #153468 !important;
    color: #fff !important;
} */

.adminTable .tbdyCls td.full-fullfilled-td {
    text-align: center !important;
    background-color: #fff !important;
    color: #153468 !important;
}

/* .adminTable .tbdyCls .full-sApproval-td {
    padding: 0;
    text-align: center !important;
    background-color: #ffc107 !important;
    color: #fff !important;
} */

.adminTable .tbdyCls td.full-sApproval-td {
    text-align: center !important;
    background-color: #fff !important;
    color: #ffc107 !important;
}

.adminTable .tbdyCls td.full-wApproval-td {
    text-align: center !important;
    background-color: #fff !important;
    color: #fd7e14 !important;
}

.adminTable .tbdyCls td.full-reject-td {
    text-align: center !important;
    background-color: #fff !important;
    color: red !important;
}

/* .adminTable .tbdyCls .full-approved-td {
    padding: 0;
    text-align: center !important;
    background-color: #28a745 !important;
    color: #fff !important;
} */

.adminTable .tbdyCls td.full-approved-td {
    text-align: start !important;
    background-color: #fff !important;
    color: #28a745 !important;
}

.full-approved-td {
    text-align: start !important;
    color: #28a745 !important;
}

.full-reject-td {
    text-align: center !important;
    color: red !important;
}

.full-sApproval-td {
    text-align: center !important;
    color: #ffc107 !important;
}

.full-new-td {
    text-align: center !important;
    color: #007bff !important;
}

.adminTable .tbdyCls td.full-approved-text {
    text-align: center !important;
    background-color: #fff !important;
    color: #28a745 !important;
}

/* .adminTable .tbdyCls .full-new-td {
    padding: 0;
    text-align: center !important;
    background-color: #007bff !important;
    color: #fff !important;
} */

.adminTable .tbdyCls td.full-new-td {
    text-align: center !important;
    background-color: #fff !important;
    color: #007bff !important;
}

.nowrap-text {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.dustbin:hover svg {
    fill: red;
}

.rounded-image {
    border-radius: 50%;
    border: 1px solid var(--input-border-color)
}

.rounded-image img {
    width: 40px;
    height: 40px;
}

.uploadedImage {
    border-radius: 9px;
    border: 1px solid var(--input-border-color);
    padding: 5px;
    margin-top: 10px;
}

.uploadedImage:hover {
    box-shadow: 0px 0px 5px 3px #ECF0F3;
}

/* .empForm input.readonly:read-only+label {
    background: #FFF !important;
} */

.cmn-g-btn .black.btn {
    background-color: #000;
}

.cmn-g-btn .black.btn:hover {
    background-color: #000000c9;
    border-color: #000 !important;
}


/* .cmn-g-btn .discount.black.btn:hover svg path {
    fill: black !important;
}

.cmn-g-btn .black.btn:hover svg path {
    stroke: none;
} */

.noneThAndTd {
    display: none;
}

.inventory.adminTable {
    padding: 0 0 10px 0;

}

.spa.adminTable+.customPag {
    padding-right: 0 !important;
}

.inventory.adminTable #inventorys_wrapper .row:nth-child(2) .col-sm-12,
#orderItems_wrapper .row:nth-child(2) .col-sm-12,
#history_wrapper .row:nth-child(2) .col-sm-12 {
    padding: 0;
}

.modals.searchHeader {
    border-right: 1px solid var(--input-border-color);
    border-left: 1px solid var(--input-border-color);

}

.address.empForm {
    padding: 10px 15px;
}

.addressSubTitle {
    padding: 12px 15px;
    font-size: 17px;
    font-weight: 600;
    color: #000;
}

.address.empTbleButton {
    padding-top: 15px;
    padding-bottom: 15px;
}

.customYellowCk {
    margin-left: 24px;
}

.customYellowCk .form-check-input:checked {
    background-color: #FBDD63;
    border-color: #FBDD63;
}

.customYellowCk .form-check-input[type=checkbox] {
    padding: 12px;
    border-color: #FBDD63;
    border-radius: 9px;
}

.customYellowCk .form-check-input:checked[type=checkbox] {
    --vz-form-check-bg-image: url("/static/images/check-tick.svg");
    background-size: 30px;
}

textarea:read-only {
    background-color: #F2F4F7;
    pointer-events: none;
}

.customOffCanvas {
    position: absolute;
    width: auto;
    background-color: #FFF;
    border: 1px solid vra(--input-border-color);
    border-radius: 9px;
}

/* .cusModalBody {
    max-height: 420px;
    overflow-y: auto;
} */

.cusModalBody::-webkit-scrollbar {
    height: 10px;
    width: 8px;
}

.cusModalBody::-webkit-scrollbar-track {
    border-radius: 10px;
}

.cusModalBody::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #eeeeee;
}

.my-swal-cancel {
    background-color: #eeeeee !important;
    color: black !important;
    padding: 5px 10px;
    border: 1px solid var(--input-border-color);
    border-radius: 9px;
    font-size: 14px;
    font-weight: 600;
    margin-top: 8px;
}

.my-swal-title {
    text-align: left !important;
}

.swal2-popup .swal2-html-container {
    color: #000000;
    font-size: 14px;
    font-weight: 500;
    /* text-align: left; */
}

.swal2-actions {
    flex-direction: row-reverse;
    gap: 6px;
}

.delete.swalCusBtn {
    background-color: #DA2020;
    border-color: #DA2020 !important;
}

.delete.swalCusBtn:hover {
    border-color: #DA2020;
    color: #DA2020;
    background-color: #FFF;
}

.deleteText~.swal2-actions {
    margin-right: 24px;
}

/* .discountCanvas.empForm {
    padding: 0 !important;
} */
.offcanvas-header {
    border: 1px solid var(--input-border-color);
}

/* .offcanvas-header h5>span {
    color: var(--l-green)
} */

.canvasDiv {
    height: 1px;
    width: 100%;
    background-color: #eeeeee;
}

.discountAmount {
    padding: 20px;
}

.customCanvas .offcanvas-body {
    padding: 0;
    overflow: hidden;
}

.customCanvas .offcanvas-body::-webkit-scrollbar {
    width: 6px;
    height: 4px;
}

.customCanvas .offcanvas-body::-webkit-scrollbar-track {
    border-radius: 10px;
}

.customCanvas .offcanvas-body::-webkit-scrollbar-thumb {
    background-color: var(--input-border-color);
    border-radius: 10px;

}

.discount.rotate {
    border-radius: 50%;
    padding: 6px;
}

.discount.rotate svg {
    animation: spin 2s infinite linear;
}

.discountAmount {
    color: #8D96A5;
}

.discountAmount .col-6:nth-child(even) {
    color: #000;
}

.discountAmount .col-6:last-child {
    color: #000;
    font-weight: 600;
}

.uploadedImage {
    max-width: fit-content;
}

.tableDesc {
    max-width: max-content;
}

.border-1px {
    border: 1px solid #eeeeee;
}

.salesTbl.adminTable {
    padding: 12px 20px;
    overflow: auto;
}

.salesTbl.adminTable .dataTables_wrapper .row:nth-child(2) .col-sm-12 {
    padding: 0;
}

.report.cmn-g-btn:hover svg {
    fill: var(--l-green) !important;
}

.start.full-approved-td,
.start.full-new-td {
    text-align: start !important;
}

.discountCanvas.empForm {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.discountCanvas.empForm h5 {
    font-size: 17px;
    font-weight: 600;
}

/* .discountCanvas.empForm h5 span {
    color: var(--l-green)
} */

.discountAmount {
    padding-top: 0 !important;
}

.discountCanvas.empForm {
    overflow: hidden;
}

#table3_wrapper .row:nth-child(2) .col-sm-12 {
    padding: 0 !important;
}

.areaMb {
    margin-bottom: 25.6px;
}

table.dataTable>tbody>tr.child ul.dtr-details {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

table.dataTable>tbody>tr.child ul.dtr-details>li {
    padding: 0 !important;
    border: 0;
}

.empTab.delete.download.tbl-edit-btn:hover svg path {
    stroke: #103778;
}

#customerTbale_wrapper .row:nth-child(2) .col-sm-12 {
    padding: 0;
}

#addresses_wrapper .row:nth-child(2) .col-sm-12 {
    padding: 0;
}

#bankTbl_wrapper .row:nth-child(2) .col-sm-12 {
    padding: 0;
}

.adminForm input[type="file"] {
    background-color: transparent !important;
    pointer-events: visible;
}

.adminForm .date input[type="text"] {
    background-color: transparent !important;
    pointer-events: visible;
}

.dd-flex {
    display: flex;
    justify-content: end;
}

span.dtr-data .tableDesc .nowrap-text {
    max-width: fit-content !important;
}

/* .cmn-g-btn .black.btn:hover svg path {
    fill: #000;
} */

.modalCusWidth {
    margin-right: 20px;
    margin-left: 20px;
}

/* .spa #history .thdCls tr th {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #101828 !important;
}

.spa #history .tbdyCls tr>td {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #000000 !important;
} */

.orgModal .dropzone.dz-clickable {
    display: flex;
    text-align: center;
    align-items: center;
}

.dragAndDropText {
    font-size: 16px;
    font-weight: 600;
    color: #054F31;
    margin-bottom: 10px;
}

.fw-400 {
    font-weight: 400 !important;
}

.cmn-g-btn.sampleFile .btn {
    border: 1px solid #D1FADF;
    background-color: #ECFDF3;
    color: #054F31;
}

.cmn-g-btn.sampleFile .btn:hover {
    border: 1px solid #054F31 !important;
    background-color: #054F31;
    color: #ECFDF3 !important;
}

.cmn-g-btn.sampleFile .btn:hover svg path {
    stroke: #ECFDF3 !important;
}

.cmn-g-btn .browseFile.btn {
    padding-left: 26px;
    padding-right: 26px;
}

.orgModal .dropzone.dz-clickable {
    background-image: url('/static/images/svg/dashed.svg');
    border: 0;
    margin: 0 82px 20px 82px;
}

.cus-input-form-field~.input-group-text {
    border-top-right-radius: 9px;
    border-bottom-right-radius: 9px;
    border: 1px solid var(--input-border-color);
    padding: 0 9px
}

.input-group.noneBorder .cus-input-form-field {
    border-right: 0;
}

.inputTable .cus-input-form-field {
    padding-top: 9px;
    padding-bottom: 9px;
}

.discountTbl #tableDisc_wrapper .row:nth-child(2)>.col-sm-12 {
    padding: 0;
}

.discountTbl {
    overflow-x: auto;
    margin: 15px;
    padding: 0 !important;
}

.discountTbl table tfoot>tr>td:not(:last-child) {
    border-right: 0;
}

.discountTbl::-webkit-scrollbar {
    width: 10px;
    height: 7px;
}

.discountTbl::-webkit-scrollbar-thumb {
    background-color: #eeeeee;
    border-radius: 10px;
}

.discountTbl::-webkit-scrollbar-track {
    background-color: #FFF;
    border-radius: 10px;
}

/* Firefox */
/* .discountTbl {
    scrollbar-width: thin;
} */

.discountTbl::-moz-scrollbar-thumb {
    background-color: #888;
    border-radius: 5px;
}

.discountTbl::-moz-scrollbar-track {
    background-color: #f1f1f1;
}

.discountTbl table tfoot tr td {
    font-size: 14px;
    font-weight: 500 !important;
}

.bg-eee {
    background-color: #F2F4F7;
}

.cmn-g-btn.approved .btn {
    background-color: #FFF;
    color: #28a745;
    border: 1px solid #28a745;
}

.cmn-g-btn.approved .btn:hover {
    background-color: #28a745 !important;
    color: #FFF !important;
    border: 1px solid #28a745 !important;
}

.cmn-g-btn.reject .btn {
    background-color: #FFF;
    color: red;
    border: 1px solid red;
}

.cmn-g-btn.reject .btn:hover {
    background-color: red !important;
    color: #FFF !important;
    border: 1px solid red !important;
}

.cmn-g-btn.soa .btn {
    background-color: #FFF;
    color: #ffc107 !important;
    border: 1px solid #ffc107 !important;
}

.cmn-g-btn.soa .btn:hover {
    background-color: #ffc107 !important;
    color: #FFF !important;
    border: 1px solid #ffc107 !important;
}

.cmn-g-btn.fullfilled .btn {
    background-color: #FFF;
    color: #153468 !important;
    border: 1px solid #153468 !important;
}

.cmn-g-btn.fullfilled .btn:hover {
    background-color: #153468 !important;
    color: #FFF !important;
    border: 1px solid #153468 !important;
}

.cmn-g-btn.newSts .btn {
    background-color: #FFF;
    color: #007bff !important;
    border: 1px solid #007bff !important;
}

.cmn-g-btn.newSts .btn:hover {
    background-color: #007bff !important;
    color: #FFF !important;
    border: 1px solid #007bff !important;
}

.cmn-g-btn.woa .btn {
    background-color: #FFF;
    color: #fd7e14 !important;
    border: 1px solid #fd7e14 !important;
}

.cmn-g-btn.woa .btn:hover {
    background-color: #fd7e14 !important;
    color: #FFF !important;
    border: 1px solid #fd7e14 !important;
}

.dragCusWidth {
    width: max-content !important;
}

.dragAndDropText~#dropzone-preview {
    padding: 15px 20px;
    display: flex;
    gap: 13px;
    justify-content: start;
    flex-wrap: wrap;

}

.customVatBdr .cus-input-form-field.form-control {

    width: 50%;
}

.searchHeader>.input-group {
    display: flex;
    align-items: center;
}

.orgTable>tbody>tr {
    position: relative !important;
}

/* .tableDesc{
    display: flex !important;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 8px;
} */
.is-open~.choice__inner {
    border-color: yellow !important;
}

.dayContainer {
    padding: 4px;
}

.import.searchHeader {
    border: 0;
    border-bottom: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    background: transparent;
    margin-bottom: 10px;
}

#dropzone-preview {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.dragCusWidth>div>div:nth-child(2)>div {
    max-width: 150px;
    min-width: 150px;
}

.dragCusWidth>div>div:nth-child(2)>div h5 {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#dropzone-preview>li~.dropzone.dz-clickable {
    flex-direction: column;
}

.dragCusWidth>div {
    align-items: center;
}

.dragCusWidth {
    margin-bottom: 10px;
}

.inventory.spa.adminTable~.empTbleButton {
    padding-left: 0 !important;
    padding-right: 0 !important;
}


.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day.nextMonthDay:focus,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.today.inRange,
.flatpickr-day:focus,
.flatpickr-day:hover {
    background: #000 !important;
    border-color: #000 !important;
    color: #FFF !important;
}

/* .flatpickr-day.inRange{
background: transparent !important;
color: #000 !important;
} */
.flatpickr-day.endRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.endRange.nextMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.endRange:focus,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected,
.flatpickr-day.selected.inRange,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.selected:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.startRange:focus,
.flatpickr-day.startRange:hover {
    background: #000 !important;
    border-color: #000 !important;
    color: #FFF !important;
}

.flatpickr-day.today:hover {
    border-color: #ECF0F3 !important;
    background-color: #000 !important;
}

.cusEntries select {
    box-shadow: none !important;
    border-color: var(--input-border-color) !important;
}

.cusEntries select.form-select>option {
    font-size: 13px;
}

.cusEntries select>option:hover {
    background-color: var(--l-green);
}

.entriesText {
    margin-bottom: 10px;
}

.tdUploadSvg>svg:hover {
    fill: var(--l-green);
}

.filterCheck .form-check-input:checked {
    background-color: var(--l-green);
    border-color: var(--l-green) !important;
}

.filterCheck .form-check-input {
    border-color: var(--input-border-color);
}

.filterCheck {
    color: #000;
}

#table5_wrapper .row:nth-child(2)>.col-sm-12 {
    padding: 0;
}

#table1_wrapper .row:nth-child(2)>.col-sm-12 {
    padding: 0;
}

#tableSitems_wrapper .row:nth-child(2)>.col-sm-12 {
    padding: 0;
}

#tablePOs_wrapper .row:nth-child(2)>.col-sm-12 {
    padding: 0;
}

#tableContact_wrapper .row:nth-child(2)>.col-sm-12 {
    padding: 0;
}

#tableAgree_wrapper .row:nth-child(2)>.col-sm-12 {
    padding: 0;
}

#gioFile_wrapper .row:nth-child(2)>.col-sm-12 {
    padding: 0;
}

.tbdyCls.Pos tr>td {
    border-top: 1px solid #eeeeee;
}

.empTble.adminTable.noSupItem {
    padding: 0 !important;
}

.cusMultiSelect {
    min-width: 200px;
    max-width: 200px;
}

.select2-container .select2-selection--multiple .select2-selection__choice {
    background-color: var(--l-green);
}

.select2-container .select2-selection--multiple .select2-selection__choice__remove {
    border-color: #fff;
}

.select2-container--default .select2-results__option[aria-selected=true]:hover {
    background-color: var(--l-green);
}

ul.select2-selection__rendered {
    display: flex !important;
    flex-wrap: wrap;
    margin-bottom: 0;
}

.select2-container .select2-selection--multiple .select2-selection__choice__remove:hover {
    background-color: var(--l-green);
}

.select2-selection.select2-selection--multiple {
    max-height: 90px;
    overflow-y: auto;
}

.select2-selection.select2-selection--multiple::-webkit-scrollbar {
    width: 5px;
    height: 10px;
}

.select2-selection.select2-selection--multiple::-webkit-scrollbar-track {
    border-radius: 10px;
}

.select2-selection.select2-selection--multiple::-webkit-scrollbar-thumb {
    background-color: #eeeeee;
    border-radius: 10px;
}

.tbEdit.download:hover svg path {
    fill: var(--l-green) !important;
    stroke: none !important;
}

.noneBorder {
    flex-wrap: nowrap !important;
}

.newUIBtn {
    gap: 5px;
    padding: 10px;
    color: #ffff;
    background-color: var(--newBtn-color);
    align-items: center;
    border-radius: 5px;
    /* font-family: Urbanist; */
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

.newUIBtn:hover {
    background-color: var(--new-btn-hover)
}

.tallyTitle {
    font-size: 25px;
    font-weight: 500;
    color: #FFF;
}

.tallyContent {
    border-radius: 12px;
    border: 1px solid #E4E7EC;
}

.tallyHeader {
    background-color: #2D3C36;
    margin: 10px 10px 0 10px;
    padding: 8px 15px 8px 12px;
    border-radius: 8px;
    padding-bottom: 8px !important;
}

.syncStatus {
    gap: 12px;
    display: flex;
    border: 2px solid #F2F4F7;
    color: #344054;
    background-color: #FCFCFD;
    font-size: 16px;
    font-weight: 500;
    border-radius: 23px;
    padding: 4px 8px 4px 8px;
    align-items: center;
}

.syncBtn {
    border: 1.5px solid #00A87B;
    background-color: #475467;
    padding: 4px 10px 4px 10px;
    border-radius: 16px;
    display: flex;
    gap: 5px;
    align-items: center;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    cursor: pointer;
}

.syncBtn:hover {
    background-color: #4d5b70;
}

.syncGap {
    gap: 16px;
}

.newUIBtn.syncAll {
    font-size: 16px;
    font-weight: 600;
    padding: 10px 12px 10px 12px;
}

.modal-dialog:not(.modal-dialog-scrollable) .modal-header.tallyHeader {
    padding-bottom: 8px;
}

.checkboxes {
    position: absolute;
    top: 26px;
    display: block;
    z-index: 9999;
    background-color: white;
    padding: 15px 10px;
    width: 100%;
    border: 1px solid #eeeeee;
}

.loaderSync {
    width: 50px;
    height: 50px;
    border: 7px double;
    border-color: var(--newBtn-color) transparent !important;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: spin13213 2s linear infinite;
    position: absolute;
    top: 50%;
    bottom: 50%;
    left: 50%;
    right: 50%;
}

.loaderSync div {
    width: 50%;
    height: 50%;
    background-color: var(--newBtn-color);
    border-radius: 50%;
}

.loaderSyncWrapper {
    display: none;
}

.loaderSyncWrapper::before {

    content: ' ';
    width: 100%;
    height: 100%;
    background-color: #00000029;
    position: absolute;
    left: 0;
    top: 0;
}

.sycnPad {
    position: unset;
}

.loader-container {
    width: 50px;
    height: 50px;
    top: 50%;
    /* left: 50%; * */
    position: absolute;
    z-index: 9999;
}

.loader-container .boxes {
    width: 50px;
    height: 50px;
    fill: none;
    stroke-width: 50px;
    stroke: var(--newBtn-color);
    stroke-dasharray: 50;
    stroke-dashoffset: 50%;
    animation: loader 1.5s linear infinite;
    z-index: 9999;
}

.common-loader {
    display: none;

}

.common-loader::before {
    content: ' ';
    width: 100%;
    height: 100%;
    background-color: #00000029;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999;

}

/* .select2-results__option.select2-results__option--selectable::before {
    content: ' ';
    border: 1px solid #000;
    width: 20px;
    height: 20px;
    position: absolute;
    border-radius: 4px;
    padding: 11px;
    left: 5px;
} */

/* .select2-results__options .select2-results__option--selectable.select2-results__option--selected::before {
    background-color: var(--l-green);
} */

/* .select2-results__options .select2-results__option--selectable.select2-results__option--selected::after {
    content: '\2713';
    font-size: 15px;
    position: absolute;
    left: 11px;
    color: #FFF;
} */

/* .select2-results__option--highlighted[aria-selected] {
    background-color: var(--l-green) !important;
} */

/* .select2-results__option.select2-results__option--selectable {
    padding-left: 35px;
    font-size: 13px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: flex;
    align-items: center;
    position: relative;
} */

.select2-results__options {
    position: relative;
}

.select2-selection__choice__remove {
    display: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    padding: 0;
}

ul.select2-selection__rendered {
    display: none !important;
}

.select2-selection.select2-selection--multiple>div {
    display: inline;
    margin-left: 10px;
    color: #827878;
    font-size: 13px;
}

/* .select2-container--default .select2-results__option--selected {
    background-color: white;
} */

.select2-selection.select2-selection--multiple,
.select2-results__options,
.select2-dropdown.select2-dropdown--below,
.select2-dropdown.select2-dropdown--above {
    width: 220px;
}

.cusGrid {
    display: grid;
    grid-template-columns: 50% 50%;
}

.dashboardPage {
    padding-top: 45px;
    padding-bottom: 30px;
}

.parentDCard {
    padding: 10px;
    border: 1px solid #F2F4F7;
    background-color: #FCFCFD;
    border-radius: 12px;
    margin-bottom: 20px;
}

.parentDCard .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

.parentDCard .header h5 {
    font-size: 14px;
    font-weight: 700;
    color: #000;
}

.recentHeader h5 {
    font-size: 16px;
    font-weight: 700;
    color: #000;
}

.chooseMonth {
    padding: 7px 12px 7px 12px;
    border: 1px solid #EDEFF2;
    border-radius: 6px;
    background-color: #F2F4F7;
    font-size: 12px;
    font-weight: 400;
}

.chooseMonth .date:hover path,
.chooseMonth .drilldown:hover path {
    stroke: #000;
}

.chooseMonth:hover {
    background-color: #eef1f6
}

.statuses div:nth-child(1) {
    font-weight: 700;
    font-size: 12px;
    white-space: nowrap;
    padding-bottom: 3px;
}

.statuses div:nth-child(2) {
    font-weight: 700;
    font-size: 14px;
}

.whiteBox {
    margin-top: 10px;
    gap: 10px;
    padding: 10px;
    border: 1px solid #F2F4F7;
    background-color: #FFF;
    border-radius: 8px;
}

.whiteBox.totalTrans {
    border: 1px solid transparent;
    background-color: transparent;
}

.cusDPad .col-sm-12:nth-child(odd) {
    padding-right: 5px;
}

.cusDPad .col-sm-12:nth-child(even) {
    padding-left: 5px;
}

.dashSync {
    padding: 4px 12px 4px 12px;
    border: 1px solid #00A87B;
    background-color: #475467;
    border-radius: 16px;
    text-align: center;
}

.dashSync:hover {
    background-color: #4d5b70 !important;
}

.dashTbl {
    margin-bottom: 20px;
}

.recentHeader .dataTables_paginate.paging_simple_numbers {
    display: none !important;
}

.recentHeader .dataTables_wrapper .row:nth-child(2)>.col-sm-12 {
    padding: 0;
}

.index.sorting_disabled::before,
.index.sorting_disabled::after {
    display: none !important;
}

.table.orgTable.recentTable .tbdyCls td {
    font-size: 13px;
    color: #000 !important;
    font-weight: 500 !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100px;
    border: 1px solid #F9FAFB;
}

.table.orgTable.recentTable .tbdyCls {
    box-shadow: 0px 3px 6px #ecf0f3;
}

.table.orgTable.recentTable .thdCls th {
    border-color: transparent;
}

.table.orgTable.recentTable .thdCls th:last-child {
    border-right: 1px solid #F9FAFB;
}

.table.orgTable.recentTable .thdCls th:first-child {
    border-left: 1px solid #F9FAFB;
}

.table.orgTable.recentTable .tbdyCls td:nth-child(2),
.table.orgTable.recentTable .tbdyCls td:nth-child(3) {
    color: #667085 !important;
}

.recentHeader .dataTables_wrapper .row:nth-child(2) .col-sm-12 {
    overflow-x: auto;
}

.recentHeader .dataTables_wrapper .row:nth-child(2) .col-sm-12::-webkit-scrollbar {
    width: 5px;
    height: 3px;
}

.recentHeader .dataTables_wrapper .row:nth-child(2) .col-sm-12::-webkit-scrollbar-track {
    background-color: #eeeeee;
}

.recentHeader .dataTables_wrapper .row:nth-child(2) .col-sm-12::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background-color: #eeeeee;
}

.select2-container--open ul.select2-results__options li.searchFirst:nth-child(1) {
    padding: 5px;
    display: block !important;
}


.select2-container--open ul.select2-results__options div {
    padding: 10px;
    text-align: center;
    font-size: 13px;
    display: none;
}

.select2-container--open ul.select2-results__options li:nth-child(1)>input {
    width: 100%;
    border: 1px solid #eeeeee;
    padding: 5px;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
    padding-right: 20px;
}

.select2-container--open ul.select2-results__options li:nth-child(1)>input:focus {
    box-shadow: 0px 0px 3px 0.5px var(--l-green);
    border-color: var(--l-green);

}

.select2-container--open ul.select2-results__options li:nth-child(1)>input::placeholder {
    font-size: 13px;
}

.select2-container--open ul.select2-results__options li:nth-child(1)>input:focus-visible {
    outline: none;
}

.select2-search.select2-search--inline {
    display: none;
}

.select2-selection.select2-selection--multiple {
    display: block;
    align-items: center;
    align-content: center;
    flex-grow: 0;
    flex-shrink: 1;
    padding-bottom: 0;
    cursor: pointer;
}

.hiddenList:nth-child(1) {
    position: relative;
}

.hiddenList:nth-child(1) span {
    position: absolute;
    right: 10px;
    display: block;
    padding: 0px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.hiddenList:nth-child(1) span>img {
    width: 15px;
    height: 18px;
}

.scrollDiscountTbl.discountTbl {
    margin: 0 20px;
}

.scrollWithTbl.discountTbl {
    margin: 20px;
}

.filterCheck {
    padding: 10px 20px;
}

.filterCheck .form-check {
    display: flex;
    /* align-items: center; */
    min-height: 20px;
    padding-left: 18px;
    margin-bottom: .125rem;
    font-size: 14px;
    gap: 10px;
}

table th.cusMultiSelect {
    max-width: 220px;
}

.select2-results__options div:nth-child(2)::-webkit-scrollbar {
    width: 5px;
    height: 2px;
}

.select2-results__options div:nth-child(2)::-webkit-scrollbar-thumb {
    background-color: #eeeeee;
    border-radius: 10px;
}

.select2-results__options div:nth-child(2)::-webkit-scrollbar-track {
    background-color: #FFFFFF;
}

/* .select2-results__options {
    overflow: hidden !important;
} */

.select2-container--open ul.select2-results__options div:nth-child(2) {
    display: block !important;
    padding: 0;
    overflow-y: auto;
    max-height: 150px;
}

.select2-dropdown.select2-dropdown--below,
.select2-dropdown.select2-dropdown--above {
    border: 0 !important;
}

.modal-footer {
    padding-right: 20px;
    padding-left: 20px;
}

.gdnClose.empTbleButton {
    margin: 0 !important;
}

.vendorPO.addressSubTitle {
    padding: 0 !important;
}

.recTblTitle {
    border: 1px solid #CFE5DF;
    border-bottom: 0;
    border-top-right-radius: 9px;
    border-top-left-radius: 9px;
    background: #CFE5DF;
    padding: 15px 16px;
}

.rectTblChild {
    font-size: 14px;
    font-weight: 600;
    gap: 8px;
}

.viewMoreTbl {
    font-size: 12px;
    font-weight: 500;
    gap: 5px;
    background: var(--newBtn-color);
    padding: 5px;
    border-radius: 4px;
    color: #FFF;
    cursor: pointer;
}

.viewPlus {
    cursor: pointer;
}

.viewPlus:hover rect {
    fill: #0dcc99;
}

.viewMoreTbl:hover {
    background-color: var(--new-btn-hover);
}

.approvedBdg {
    padding: 5px 10px;
    gap: 3px;
    border: 1px solid #6CE9A6;
    border-radius: 35px;
    background-color: #ECFDF3;
    color: #039855;
    width: max-content;
    font-size: 12px;
    font-weight: 500;

}

.rejectedBdg {
    padding: 5px 10px;
    gap: 3px;
    border: 1px solid #FDA29B;
    border-radius: 35px;
    background-color: #FEF3F2;
    color: #D92D20;
    width: max-content;
    font-size: 12px;
    font-weight: 500;

}

.progressBdg {
    padding: 5px 10px;
    gap: 3px;
    border: 1px solid #FEC84B;
    border-radius: 35px;
    background-color: #FEF3F2;
    color: #DC6803;
    width: max-content;
    font-size: 12px;
    font-weight: 500;
}

.table.orgTable.recentTable .tbdyCls td:last-child {
    max-width: 100%;
}

.table.recentTable tbody tr:hover {
    background-color: transparent;
}

.orgTable.recentTable>tbody>tr:hover td::after {
    display: none !important;
}

.daterangepicker.opensright:before,
.daterangepicker.opensright:after {
    display: none;
}

.daterangepicker.opensright {
    width: 200px;
}

.daterangepicker {
    border: 1px solid #F2F4F7;
}

.daterangepicker div.ranges.myDate ul {
    margin: 10px 0;
    width: 100%;

}

.daterangepicker .ranges.myDate ul li {
    font-size: 12px;
    font-weight: 500;
}

.daterangepicker.show-calendar .ranges.myDate {
    margin-top: 0;
}

.daterangepicker .ranges.myDate ul li:nth-child(1) {
    border-bottom: 1px solid #F2F4F7;
}

.daterangepicker .ranges.myDate ul li {
    padding: 10px 16px;
}

.daterangepicker .ranges.myDate {
    width: 100%;
}

.daterangepicker .ranges.myDate ul li:hover,
.daterangepicker .ranges li.active {
    background-color: #F2FDFA !important;
    color: #00A87B;
}

.pointer-event-pointer {
    pointer-events: auto !important;
}

.m-s-5 {
    margin-left: 5px;
}

.cmn-g-btn .btn svg.export,
.cmn-g-btn .btn svg.import {
    position: relative;
    top: -2px;
}

.cmn-g-btn .btn svg.saveReport {
    position: relative;
    top: -1px;
}

.dayContainer span {
    margin-top: 5px;
}

.cmn-g-btn .btn .d-flex {
    align-items: center;
}

.otherPageApproved {
    padding: 8px 11px;
    border-radius: 23px;
    background-color: #ECFDF3;
}

.otherPageApproved .approvedBdg {
    background-color: #FFF;
    border-color: var(--l-green);
    padding: 4px 10px;
}

.otherPageProgress {
    padding: 8px 11px;
    border-radius: 23px;
    background-color: #FFFAEB;
}

.otherPageProgress .progressBdg {
    background-color: #FFF;
    border-color: #FEC84B;
    padding: 4px 10px;
}

.otherPageReject {
    padding: 8px 11px;
    border-radius: 23px;
    background-color: #FEE4E2;
}

.otherPageReject .rejectedBdg {
    background-color: #FFF;
    border-color: #F04438 !important;
    padding: 4px 10px;
}

.sentForApproval {
    padding: 8px 11px;
    border-radius: 23px;
    background-color: #F5F7FF;

}

.sentForApproval .sFABdg {
    background-color: #FFF;
    border-color: #D7E4FE !important;
    color: #4166C6;
    gap: 12px;
}

.bg-transparent {
    background-color: transparent !important;
}

.cmn-g-btn.aAndRjctBtn .btn {
    padding: 10px;
    font-size: 14px;
    font-weight: 600;
}

.cmn-g-btn.aAndRjctBtn .btn.red {
    background-color: #FEE4E2;
    border: 1px solid #FECDCA;
    color: #F04438;
}

.cmn-g-btn.aAndRjctBtn .btn.green {
    background-color: #A6F4C5;
    border: 1px solid #6CE9A6;
    color: #039855;
}

.cus-read-only-input {
    pointer-events: none;
    background-color: #F2F4F7 !important;
    color: #000;
}

input.readonly:placeholder-shown+label {
    color: #000;
    background-color: transparent !important;
}

.js-example-basic-multiple {
    display: none;
}

@keyframes loader {
    to {
        stroke-dashoffset: 250%;
    }
}


@keyframes spin13213 {
    to {
        transform: rotate(360deg);
    }
}

@keyframes textclip {

    100% {
        background-position: 200% center;
    }
}

@keyframes toastCorrectShadow {
    from {
        box-shadow: 5px 0px 3px -2px var(--l-green);
    }
}

@keyframes toastWrongShadow {
    from {
        box-shadow: 5px 0px 3px -2px red;
    }
}

@keyframes spin {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(359deg);
    }
}

@keyframes cusNavMove {
    from {
        transform: scaleX(-0);
    }

    to {
        transform: scaleX(1);
    }
}

.headerSvg {
    align-items: center;
}

.saveMdl svg path {
    stroke: #fff;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

.over_scroll {
    overflow: auto;
}

.select2-container--default .select2-selection--single {
    border-radius: 9px !important;
    padding: 0.4vw 0.4vw !important;
    border: 0.052vw solid var(--input-border-color) !important;

}

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

.select2-container .select2-selection--single {
    height: 39px !important;
}

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

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

.select2-container--default .select2-results>.select2-results__options {
    width: 100% !important;
    max-height: 170px !important;
}

.select2-results__option--highlighted[aria-selected] {
    background-color: #fff !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    color: #000 !important;
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -0.125em;
    border: 0.25em solid #00A87B;
    /* Blue color */
    border-right-color: transparent;
    border-radius: 50%;
    animation: spinner-border 0.75s linear infinite;
}

@keyframes spinner-border {
    100% {
        transform: rotate(360deg);
    }
}

/* Preloader Overlay */
#preloader_cus {
    position: fixed;
    inset: 0;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 99999;
}

#preloader_custom {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

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

.select2-container .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.select2-selection__arrow {
    width: 18px !important;
    height: 24px !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 10L12.0008 14.58L17 10' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.select2-container--open .select2-selection__arrow {
    transform: rotate(180deg);
}

.select2-container--default .select2-results__option[aria-selected=true]:hover,
.select2-container--default .select2-results__option--selected,
li.select2-results__option--highlighted[aria-selected] {
    background-color: #eff2f7 !important;
}

@media only screen and (min-device-width: 1920px) {
    .select2-container .select2-selection--single {
        height: 44px !important;
    }

    .select2-container--default .select2-selection--single {
        border-radius: 0.469vw !important;
    }
}

.action-btn-container .edit-icon:hover svg path {
    fill: #00A87B !important;
}

.action-btn-container .delete-icon:hover svg path {
    fill: #D92D20 !important;
}

.input-wrapper {
    position: relative;
    width: 100%;
}

.error-box {
    display: block;
    background-color: #f8d7da;
    color: #842029;
    padding: 8px 12px;
    border: 1px solid #f5c2c7;
    border-radius: 4px;
    font-size: 14px;
    width: 100%;
}

.d-none {
    display: none !important;
}

.project_icon .nav-link.active svg>path {
    stroke: none !important;
}

.choices[data-type*=select-one] .choices__input {
    cursor: text !important;
}

.approve_table_content .table-bordered>:not(caption)>* {
    cursor: default;
}

.project-add-btn {
    height: 42px !important;
}

.travel-expenses .nav-link:hover div.headerSvg svg path {
    stroke: #00A87B !important;
    fill: none !important;
}

.customPag .pagination-separated .page-item .page-link {
    cursor: pointer !important;
}

.choices__list.choices__list--dropdown {
    max-height: 280px !important;
    overflow-y: auto !important;
}

.choices__list--dropdown .choices__list {
    overflow: hidden;
}

.choices__list--dropdown .choices__item--selectable.is-highlighted {
    background-color: #eff2f7;
}

.choices__list--dropdown .choices__item.choices__placeholder {
    background-color: #fff;
}

.choices__list--dropdown .choices__item--selectable:hover {
    background-color: #eff2f7 !important;
}

/* .choices__list--dropdown .choices__item--selectable.is-highlighted:hover {
  background-color: #fff !important;
} */
div.choices__item--selectable.is-selected {
    background-color: #eff2f7 !important;
}

.export-btn {
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background-color: #FEC84B;
    box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.05);
    color: #fff;
    transition: all 0.3s ease-in-out;
    padding: 4px 15px;
    height: 39px;
    line-height: 1;
    font-weight: 600;
}

.export-btn:hover {
    background-color: #e4b342;
}

.dropdown-menu-btn {
    min-width: -webkit-fill-available;
    border-radius: 8px;
    border: 1px solid var(--Gray-200, #e4e7ec);
    background: var(--White, #fff);
    box-shadow: 0px 12px 16px -4px rgba(10, 13, 18, 0.08), 0px 4px 6px -2px rgba(10, 13, 18, 0.03);
    max-height: 250px;
    overflow: auto;
    padding: 0px;
}

.sub-dropdown-content {
    background-color: var(--header-bg) !important;
}

[data-layout=horizontal] .sub-dropdown-content {
    left: 0 !important;
    top: 41px;
    border-radius: 0px;
    padding-bottom: 0px !important;
}

.sub-dropdown-content a.nav-link:hover,
.sub-dropdown-content .nav-link.active {
    border-radius: unset !important;
}

.sub-dropdown-content.show,
.collapse.show {
    display: block !important;
}

@media (max-width: 1024px) {
    [data-layout=horizontal] .sub-dropdown-content {
        right: 0 !important;
        width: 100% !important;
    }
}

.pagination-total-text {
    font-size: .875em;
    color: #000000 !important;
    margin-top: 5px !important;
}

div.dataTables_wrapper div.dataTables_length label {
    text-transform: capitalize !important;
}

.h-44-xxl {
    height: 44px !important;
}