.h-10px{ height: 10px!important; }
.h-25px{ height: 25px!important; }
.h-50px{ height: 50px!important; }
.h-75px{ height: 75px!important; }
.h-100px{ height: 100px!important; }
.h-125px{ height: 125px!important; }
.h-150px{ height: 150px!important; }
.h-175px{ height: 175px!important; }
.h-200px{ height: 200px!important; }
.h-225px{ height: 225px!important; }
.h-250px{ height: 250px!important; }
.h-275px{ height: 275px!important; }
.h-300px{ height: 300px!important; }
.h-325px{ height: 325px!important; }
.h-350px{ height: 350px!important; }
.h-375px{ height: 375px!important; }
.h-400px{ height: 400px!important; }
.h-425px{ height: 425px!important; }
.h-450px{ height: 450px!important; }
.h-475px{ height: 475px!important; }
.h-500px{ height: 500px!important; }

.w-10px{ width: 10px!important; }
.w-25px{ width: 25px!important; }
.w-50px{ width: 50px!important; }
.w-75px{ width: 75px!important; }
.w-100px{ width: 100px!important; }
.w-125px{ width: 125px!important; }
.w-150px{ width: 150px!important; }
.w-175px{ width: 175px!important; }
.w-200px{ width: 200px!important; }
.w-225px{ width: 225px!important; }
.w-250px{ width: 250px!important; }
.w-275px{ width: 275px!important; }
.w-300px{ width: 300px!important; }
.w-325px{ width: 325px!important; }
.w-350px{ width: 350px!important; }
.w-375px{ width: 375px!important; }
.w-400px{ width: 400px!important; }
.w-425px{ width: 425px!important; }
.w-450px{ width: 450px!important; }
.w-475px{ width: 475px!important; }
.w-500px{ width: 500px!important; }

.min-h-50vh{ min-height: 50vh!important; }
.min-h-75vh{ min-height: 75vh!important; }
.min-h-100vh{ min-height: 100vh!important; }

.max-h-50vh{ max-height: 50vh!important; }
.max-h-75vh{ max-height: 75vh!important; }
.max-h-100vh{ max-height: 100vh!important; }

.min-h-auto{ min-height: auto!important; }
.min-h-10px{ min-height: 10px!important; }
.min-h-25px{ min-height: 25px!important; }
.min-h-50px{ min-height: 50px!important; }
.min-h-75px{ min-height: 75px!important; }
.min-h-100px{ min-height: 100px!important; }
.min-h-150px{ min-height: 150px!important; }
.min-h-200px{ min-height: 200px!important; }
.min-h-250px{ min-height: 250px!important; }
.min-h-300px{ min-height: 300px!important; }
.min-h-350px{ min-height: 350px!important; }
.min-h-400px{ min-height: 400px!important; }
.min-h-450px{ min-height: 450px!important; }
.min-h-500px{ min-height: 500px!important; }
.min-h-600px{ min-height: 600px!important; }
.min-h-620px{ min-height: 620px!important; }
.min-h-680px{ min-height: 680px!important; }
.min-h-700px{ min-height: 700px!important; }
.min-h-720px{ min-height: 720px!important; }
.min-h-800px{ min-height: 800px!important; }
.min-h-900px{ min-height: 900px!important; }
.min-h-1000px{ min-height: 1000px!important; }
.min-h-1080px{ min-height: 1080px!important; }

.min-w-auto{ min-width: auto!important; }
.min-w-10px{ min-width: 10px!important; }
.min-w-25px{ min-width: 25px!important; }
.min-w-50px{ min-width: 50px!important; }
.min-w-75px{ min-width: 75px!important; }
.min-w-100px{ min-width: 100px!important; }
.min-w-150px{ min-width: 150px!important; }
.min-w-200px{ min-width: 200px!important; }
.min-w-250px{ min-width: 250px!important; }
.min-w-300px{ min-width: 300px!important; }
.min-w-350px{ min-width: 350px!important; }
.min-w-400px{ min-width: 400px!important; }
.min-w-450px{ min-width: 450px!important; }
.min-w-500px{ min-width: 500px!important; }
.min-w-600px{ min-width: 600px!important; }
.min-w-620px{ min-width: 620px!important; }
.min-w-680px{ min-width: 680px!important; }
.min-w-700px{ min-width: 700px!important; }
.min-w-720px{ min-width: 720px!important; }
.min-w-800px{ min-width: 800px!important; }
.min-w-900px{ min-width: 900px!important; }
.min-w-1000px{ min-width: 1000px!important; }
.min-w-1080px{ min-width: 1080px!important; }

.max-h-auto{ max-height: auto!important; }
.max-h-10px{ max-height: 10px!important; }
.max-h-25px{ max-height: 25px!important; }
.max-h-50px{ max-height: 50px!important; }
.max-h-100px{ max-height: 100px!important; }
.max-h-150px{ max-height: 150px!important; }
.max-h-200px{ max-height: 200px!important; }
.max-h-250px{ max-height: 250px!important; }
.max-h-300px{ max-height: 300px!important; }
.max-h-350px{ max-height: 350px!important; }
.max-h-400px{ max-height: 400px!important; }
.max-h-450px{ max-height: 450px!important; }
.max-h-500px{ max-height: 500px!important; }
.max-h-600px{ max-height: 600px!important; }
.max-h-620px{ max-height: 620px!important; }
.max-h-680px{ max-height: 680px!important; }
.max-h-700px{ max-height: 700px!important; }
.max-h-720px{ max-height: 720px!important; }
.max-h-800px{ max-height: 800px!important; }
.max-h-900px{ max-height: 900px!important; }
.max-h-1000px{ max-height: 1000px!important; }
.max-h-1080px{ max-height: 1080px!important; }

.max-w-auto{ max-width: auto!important; }
.max-w-10px{ max-width: 10px!important; }
.max-w-25px{ max-width: 25px!important; }
.max-w-50px{ max-width: 50px!important; }
.max-w-100px{ max-width: 100px!important; }
.max-w-150px{ max-width: 150px!important; }
.max-w-200px{ max-width: 200px!important; }
.max-w-250px{ max-width: 250px!important; }
.max-w-300px{ max-width: 300px!important; }
.max-w-350px{ max-width: 350px!important; }
.max-w-400px{ max-width: 400px!important; }
.max-w-450px{ max-width: 450px!important; }
.max-w-500px{ max-width: 500px!important; }
.max-w-600px{ max-width: 600px!important; }
.max-w-620px{ max-width: 620px!important; }
.max-w-680px{ max-width: 680px!important; }
.max-w-700px{ max-width: 700px!important; }
.max-w-720px{ max-width: 720px!important; }
.max-w-800px{ max-width: 800px!important; }
.max-w-900px{ max-width: 900px!important; }
.max-w-1000px{ max-width: 1000px!important; }
.max-w-1080px{ max-width: 1080px!important; }

.mb--50px{ margin-bottom: -50px!important; }

.text-ellipsis{
  width: calc(100%);
  display: inline-block;
  text-overflow: ellipsis!important;
  overflow: hidden!important;
  white-space: nowrap!important;
}

.overflow-x-auto{ overflow-x: auto !important; }
.overflow-y-auto{ overflow-y: auto !important; }
.overflow-x-hidden{ overflow-x: hidden !important; }
.overflow-y-hidden{ overflow-y: hidden !important; }
.overflow-x-scroll{ overflow-x: scroll !important; }
.overflow-y-scroll{ overflow-y: scroll !important; }

.min-w-100{ min-width: 99.75%; }
.max-w-100{ max-width: 99.75%; }
.min-h-100{ min-height: 99.75%; }
.max-h-100{ max-height: 99.75%; }
.highlight-row{ background-color: #ffe369!important; }

[role="grab"]{ cursor:grab; }
.select2-selection.select2-selection--multiple{
    max-height: 150px;
    overflow-y: auto;
    overflow-x: hidden;
}

/* scroll bar styling */
::-webkit-scrollbar {
    width: 7px;
    height: 9px;
}
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #b3b3b3; }
::-webkit-scrollbar-thumb:hover { background: #616161; }

/* nav.sidebar.collapsed{
    margin-left: -200px;
}
nav.sidebar.collapsed a.sidebar-brand,
nav.sidebar.collapsed a.sidebar-link{
    width: 60px;
    padding: 10px;
    margin-left: auto;
}
nav.sidebar.collapsed a.sidebar-brand{
    padding: 20px 10px;
    text-align: center;
}
nav.sidebar.collapsed a.sidebar-brand>span,
nav.sidebar.collapsed a.sidebar-link>span{
    display:none;
}
nav.sidebar.collapsed a.sidebar-link[class*="ms-"]{
    width: 40px;
}
nav.sidebar.collapsed .sidebar-item[class*="ps-"]{
    padding-left: 0 !important;
}
nav.sidebar.collapsed .sidebar-link[class*="ms-"]{
    margin-left: auto !important;
}
nav.sidebar.collapsed .sidebar-link i,
nav.sidebar.collapsed .sidebar-link svg,
nav.sidebar.collapsed a.sidebar-link i,
nav.sidebar.collapsed a.sidebar-link svg{
    scale: 1.2;
    margin-right: 0;
}
nav.sidebar.collapsed a.sidebar-brand i,
nav.sidebar.collapsed a.sidebar-brand svg,
nav.sidebar.collapsed a.sidebar-brand i,
nav.sidebar.collapsed a.sidebar-brand svg{
    scale: 1.5;
    margin-right: 0;
}
nav.sidebar.collapsed .dropdown-toggle:after{
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
} */

.select2-container .select2-selection--single {
    height: 32px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow,
.select2-container--default .select2-selection--single .select2-selection__clear {
    height: 30px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 32px;
}

.fs-6 { font-size: .75rem!important }
.form-label {margin-bottom: 0.1rem}

.tableFixHead { overflow: auto;}
.tableFixHead .freeze-head { position: sticky; top: 0; z-index: 999; }
.tableFixHead .freeze-body { position: sticky; left: 0; z-index: 998; }

.underline { text-decoration: underline; }

.gap-y-1 { row-gap: 0.25rem; }
.gap-y-2 { row-gap: 0.5rem; }
.gap-y-3 { row-gap: 0.75rem; }
.gap-y-4 { row-gap: 1rem; }
.gap-y-5 { row-gap: 1.25rem; }

.gap-x-1 { column-gap: 0.25rem; }
.gap-x-2 { column-gap: 0.5rem; }
.gap-x-3 { column-gap: 0.75rem; }
.gap-x-4 { column-gap: 1rem; }
.gap-x-5 { column-gap: 1.25rem; }

.cursor-pointer { cursor: pointer; }

.form-switch .form-check-input.form-check-input-lg {
    height: 1.5em;
    width: 3em;
    margin-top: 0;
}

.datepicker {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}