/*FONT*/
body {
    font-family: 'Outfit','Prompt','Roboto',sans-serif !important;
}
.spw-font {
    font-family: 'Outfit','Prompt','Roboto',sans-serif !important;
}
.spw-font-2 {
    font-family: 'Roboto',sans-serif !important;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, p {
    font-family: 'Outfit','Prompt','Roboto',sans-serif !important;
    margin: 0;
}
h1 { font-size: 26px; }
h2 { font-size: 23px; }
h3 { font-size: 20px; }
h4 { font-size: 17px; }
h5 { font-size: 14px; }
p { font-size: 12px; }
strong { font-weight: bold; }
a { text-decoration: none !important; }
/* SCROLL BAR */
body::-webkit-scrollbar {
    cursor: pointer;
    width: 16px;
    height: 16px;
    background: white;
}
body::-webkit-scrollbar-track {
    cursor: pointer;
    background: white;
}
body::-webkit-scrollbar-thumb {
    cursor: pointer;
    background: #1C212D;
}

.spw-show { display: block !important; }
.spw-hide { display: none !important; }
.spw-text-error { color: #ff0000; font-style: italic; font-size: 12px; }
.spw-newline { display: inline-block; clear: left; }
.spw-center { text-align: center !important; }
.spw-left { text-align: left !important; }
.spw-right { text-align: right !important; }
.spw-top { vertical-align: top !important; }
.spw-middle { vertical-align: middle !important; }
.spw-bottom { vertical-align: bottom !important; }
.spw-underline { text-decoration: underline !important }
.spw-bold { font-weight: bold; }
/*COLOR*/
.spw-white { color: white !important; }
.spw-bg-white { background-color: white !important; }
.spw-black { color: black !important; }
.spw-bg-black { background-color: black !important; }
.spw-border-grey { border: 1px solid #E1E4E5 !important; }
.spw-border-none { border: none !important; }
/* SPACE */
.spw-pd-0 { padding: 0 !important; }
.spw-pd-4 { padding: 4px !important; }
.spw-pd-5 { padding: 5px !important; }
.spw-pd-8 { padding: 8px !important; }
.spw-pd-10 { padding: 10px !important; }
.spw-pd-12 { padding: 12px !important; }
.spw-pd-15 { padding: 15px !important; }
.spw-pd-16 { padding: 16px !important; }
.spw-pd-20 { padding: 20px !important; }
.spw-pd-30 { padding: 30px !important; }
.spw-pd-40 { padding: 40px !important; }
.spw-pd-tb-10 { padding-top: 10px !important; padding-bottom: 10px !important; }
.spw-pd-bm-10 { padding-bottom: 10px !important; }
.spw-pd-lr-5 { padding-left: 5px !important; padding-right: 5px !important; }
.spw-pd-lr-10 { padding-left: 10px !important; padding-right: 10px !important; }
.spw-pd-lr-20 { padding-left: 20px !important; padding-right: 20px !important; }
.spw-pd-lr-40 { padding-left: 40px !important; padding-right: 40px !important; }
.spw-pd-l-10 { padding-left: 10px !important; }
.spw-pd-l-40 { padding-left: 40px !important; }
.spw-pd-l-50 { padding-left: 50px !important; }
.spw-pd-r-10 { padding-right: 10px !important; }
.spw-mg-0 { margin: 0 !important; }
.spw-mg-tb-10 { margin-top: 10px !important; margin-bottom: 10px !important; }
.spw-mg-tb-20 { margin-top: 20px !important; margin-bottom: 20px !important; }
.spw-mg-tb-40 { margin-top: 40px !important; margin-bottom: 40px !important; }
.spw-mg-tp-0 { margin-top: 0px !important; }
.spw-mg-tp-5 { margin-top: 5px !important; }
.spw-mg-tp-10 { margin-top: 10px !important; }
.spw-mg-tp-20 { margin-top: 20px !important; }
.spw-mg-bm-5 { margin-bottom: 5px !important; }
.spw-mg-bm-10 { margin-bottom: 10px !important; }
.spw-mg-bm-20 { margin-bottom: 20px !important; }
.spw-mg-lr-5 { margin-left: 5px !important; margin-right: 5px !important; }
.spw-mg-lr-10 { margin-left: 10px !important; margin-right: 10px !important; }
.spw-mg-lr-20 { margin-left: 20px !important; margin-right: 20px !important; }
.spw-mg-r-5 { margin-right: 5px !important; }
.spw-mg-r-10 { margin-right: 10px !important; }
.spw-mg-10 { margin: 10px !important; }
.spw-width-40 { min-width: 40px !important; }
.spw-width-60 { min-width: 60px !important; }
.spw-width-80 { min-width: 80px !important; }
.spw-width-100 { min-width: 100px !important; }
.spw-width-120 { min-width: 120px !important; }
.spw-width-150 { min-width: 150px !important; }
.spw-width-200 { min-width: 200px !important; }
.input-xs { height: 24px; line-height: 22px; font-size: 11px; padding: 0 4px;}
.btn-xxs { padding: 1px 3px; font-size: 9px; line-height: 1.3; border-radius: 2px; }
/* TABLE PADDING */
.panel > .table > thead > tr > th:first-child, .panel > .table > tbody > tr > td:first-child { padding-left: 8px; }
.panel > .table > thead > tr > th:last-child, .panel > .table > tbody > tr > td:last-child { padding-right: 8px; }
/* CURSOR */
.spw-pointer { cursor: pointer !important; }
.spw-not-allowed { cursor: not-allowed !important; }
/* IMAGE */
.spw-img-contain { position: relative; }
.spw-img-contain.spw-16x9 { padding-bottom: 56.25%; }
.spw-img-contain.spw-4x3 { padding-bottom: 75%; }
.spw-img-contain.spw-1x1 { padding-bottom: 100%; }
.spw-img-contain.spw-8x9 { padding-bottom: 112.5%; }
.spw-img-contain img { position: absolute; width: 100%; height: 100%; object-fit: cover; left: 0; }
/* FLEX */
.spw-flex-between { display: flex; align-items: center; justify-content: space-between; }
.spw-flex-center { display: flex; align-items: center; justify-content: center; }
.spw-flex-start { display: flex; align-items: center; justify-content: flex-start; }
.spw-flex-end { display: flex; align-items: center; justify-content: flex-end; }
/* AMCHART */
.amcharts-chart-div > a { display: none !important; }
/* CLOCKPICKER */
.clockpicker-popover { z-index: 9999 !important; }
/*SWEET ALERT*/
.sweet-alert { background-color: white !important; box-shadow: 2px 2px 2px rgba(0, 0, 0, .2), -2px -2px 2px rgba(0, 0, 0, .2); }
.sweet-alert .sa-icon.sa-custom { width: 100% !important; height: 200px !important; }
.sweet-alert button.cancel, .sweet-alert button { font-family: 'Outfit','Prompt','Roboto',sans-serif !important; }
/* TABLE FIX HEADER */
.spw-table-fix-head { overflow: auto; height: 540px; }
.spw-table-fix-head thead th{ position: sticky; top: 0; z-index: 1; background-color: white; }
.spw-table-fix-head::-webkit-scrollbar { cursor: pointer; width: 12px; height: 12px; background: white; }
.spw-table-fix-head::-webkit-scrollbar-track { cursor: pointer; background: white; }
.spw-table-fix-head::-webkit-scrollbar-thumb { cursor: pointer; background: #9E9E9E; }
.spw-table-fix-col { overflow: auto; width: 100%; }
.spw-table-fix-col tr>th:first-child { position: sticky; left: 0; z-index: 2; background-color: white; }
.spw-table-fix-col tr>td:first-child { position: sticky; left: 0; z-index: 1; background-color: white; }
.spw-table-fix-col .table { table-layout: fixed; }
.spw-table-fix-col2 { overflow: auto; width: 100%; }
.spw-table-fix-col2 tr>th:nth-child(2) { position: sticky; left: 0; z-index: 2; background-color: white; }
.spw-table-fix-col2 tr>td:nth-child(2) { position: sticky; left: 0; z-index: 1; background-color: white; }
.spw-bar-btn { position: fixed; bottom: 0; left: 0; width: 100%; box-shadow: -1px -1px 1px rgb(0 0 0 / 10%);  padding: 10px; }
.spw-row { display: flex; flex-wrap: wrap; gap: 10px; align-items: flex-start; justify-content: center; width: 100%; }
.spw-col-2 { flex: 0 0 calc(50% - 10px); box-sizing: border-box; }
.spw-col-3 { flex: 0 0 calc(33.33% - 10px); box-sizing: border-box; }
.spw-col-4 { flex: 0 0 calc(25% - 10px); box-sizing: border-box; }
.spw-col-5 { flex: 0 0 calc(20% - 10px); box-sizing: border-box; }
.spw-col-6 { flex: 0 0 calc(16.66% - 10px); box-sizing: border-box; }
.spw-col-8 { flex: 0 0 calc(12.5% - 10px); box-sizing: border-box; }
.spw-col-10 { flex: 0 0 calc(10% - 10px); box-sizing: border-box; }
.spw-col-12 { flex: 0 0 calc(8.3% - 10px); box-sizing: border-box; }
@media screen and (max-width: 766px) {
    .spw-col-2 { flex: 0 0 calc(50% - 10px); box-sizing: border-box; }
    .spw-col-3 { flex: 0 0 100%; box-sizing: border-box; }
    .spw-col-4 { flex: 0 0 100%; box-sizing: border-box; }
    .spw-col-5 { flex: 0 0 100%; box-sizing: border-box; }
    .spw-col-6 { flex: 0 0 100%; box-sizing: border-box; }
    .spw-col-8 { flex: 0 0 100%; box-sizing: border-box; }
    .spw-col-10 { flex: 0 0100%; box-sizing: border-box; }
    .spw-col-12 { flex: 0 0100%; box-sizing: border-box; }
}