@import url("../fonts/montserrat/style.css");
@import url("../fonts/open-sans/style.css");
@import url("../fonts/font-awesome/css/all.css");

body { font-family: "Open Sans Regular", sans-serif; }
*:focus { outline: 0 !important; box-shadow: none !important; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "Montserrat Bold", sans-serif; font-weight: normal; color: var(--gray-900); letter-spacing: normal; }

[data-color=primary] {
    --primary: #5e98a0;
    --primary-rgb: 94, 152, 160;
    --primary-hover: #548086;
    --info: #4a7fb3;
    --info-hover: #3E729B;
    --danger: #B44A4A;
    --menu-title-color: #ffffff;
    --gray-900: #404144;
    --gray-900-rgb: 64, 65, 68;
    --warning: #f7941d;

}
:root {
    --heading-color: #404144;
    --bs-card-color: var(--gray-600);
    --menu-toggle-bg: var(--primary);
    --menu-toggle-color: var(--gray-100);
    --light-200: #f8f9fa;
    --light-600: #eff1f4;
}

/* loader */
#loader { position: fixed; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 9999; }
.loader-background { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #f3f3f3; opacity: 0.1; }
.loader-spinner { width: 40px; height: 40px; border: 3px solid #f7941d; border-top-color: transparent; border-radius: 50%; animation: spin 1s linear infinite; z-index: 1; }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }


/* ALERT */

.alert ul { padding-inline-start: 15px; margin-bottom: 0px; }
ul:has(> li:only-child) { list-style: none; padding-left: 0; }
ul.ps-3:has(> li:only-child) { list-style: none; padding-left: 0 !important; }
ul.items { margin-bottom: 0; padding-left: 15px; }

/* Sweet Alert */
div:where(.swal2-container) h2:where(.swal2-title) { font-size: 17px !important; color: #404144 !important; }
.swal2-popup .swal2-html-container { font-size: 15px !important; }
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm { font-family: "Montserrat SemiBold", sans-serif; font-weight: normal; font-size: 13px !important; background-color: #5e98a0 !important; border: 1px solid #5e98a0 !important; border-radius: 5px !important; padding: 8px 12px !important; line-height: 20px !important; transition: all .3s !important; }
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:hover { background-color: #548086 !important; border: 1px solid #548086 !important; background-image: none !important; }
div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel { font-family: "Montserrat SemiBold", sans-serif; font-weight: normal; font-size: 13px !important; background-color: #fff !important; border: 1px solid #E2E8F0 !important; border-radius: 5px !important; padding: 8px 12px !important; line-height: 20px !important; color: #0F172A !important; transition: all .3s !important; }
div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel:hover { background-color: #EEF2F7 !important; border: 1px solid #EEF2F7 !important; background-image: none !important; }

.text-muted { color: #aaaaaa !important; }
.cursor-pointer { cursor: pointer; }
.cursor-help { cursor: help; }
.fw-semibold { font-family: "Montserrat SemiBold", sans-serif !important; font-weight: normal !important; }

hr { margin: 0px; opacity: .1; }

.dropdown-menu .dropdown-item { font-size: 13px; }

.bg-gray-900 { background-color: var(--gray-900); }
.bg-light-200 { background-color: var(--light-200); }

.login-backgrounds { background: #5e98a0 url("../img/auth-img.png") center right/cover no-repeat; }

.authen-overlay-item { background: rgba(94, 152, 160, 0.7); border-radius: 8px; }

.badge-soft-success:hover { color: var(--success); }
.badge-soft-danger:hover { color: var(--danger); }
.badge-soft-primary:hover { color: var(--primary); }
.badge-soft-info:hover { color: var(--info); }

/* HEADER */

.notification-badge {position: absolute; top: -4px; right: -4px; min-width: 14px; height: 14px; padding: 0 5px; background-color: #FD5812; color: #fff; font-size: 7px; font-weight: 600; line-height: 14px; text-align: center; border-radius: 50%; display: none; }
.notification-item .notification-read { width: auto; height: auto; }

/* MENU */

.sidebar { background: #404144; }
.sidebar .sidebar-logo { border-bottom: none; }
.sidebar .sidebar-logo .logo { width: 130px; }
.navbar-header .logo .logo-small .logo-lg img { width: 40px; }
.navbar-header .logo .logo-dark .logo-lg img { width: 120px; }
.sidebar .sidebar-menu > ul li.menu-title { font-family: "Montserrat SemiBold", sans-serif; font-weight: normal; }
.sidebar .sidebar-menu > ul > li.submenu ul li a { font-size: 0.875rem; }
.mini-sidebar .sidebar .sidebar-logo .logo-small img { width: 35px; }

.lock-screen-cover .logo { max-width: 50px; }

/* CARD */

.notication-card, .log-card { margin-bottom: 0px; }

/* BUTTON */

.btn { font-family: "Montserrat SemiBold", sans-serif; font-weight: normal; font-size: 13px; letter-spacing: -1; }
.btn.btn-lg { font-size: 13px; }
.btn.btn-xs { font-size: 0.5rem; padding: 3px 6px; padding-top: 3px; padding-right: 6px; padding-bottom: 3px; padding-left: 6px; }


/* FORM */

fieldset { background-color: var(--light-200); border: 1px solid var(--border-color); border-radius: 5px; padding: 1rem; }
table.table.dataTable > thead > tr th { font-family: "Montserrat Bold", sans-serif; font-weight: normal; }
label { font-family: "Montserrat SemiBold", sans-serif; font-weight: normal; }
.form-check-label { font-family: "Open Sans Regular", sans-serif; font-weight: normal; }
.form-control { font-size: 0.935rem; }
.input-group-text { background-color: var(--light); font-size: 0.825rem; }

/* Dropify */
.dropify-wrapper {border: 1px solid var(--border-color); border-radius: 5px;}
.dropify-wrapper .dropify-message span.file-icon {font-size: 14px;}
.dropify-font:before, .dropify-wrapper .dropify-message span.file-icon:before, .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-filename span.file-icon:before, [class*=" dropify-font-"]:before, [class^=dropify-font-]:before {font-family: 'FontAwesome';}
.dropify-font-upload:before, .dropify-wrapper .dropify-message span.file-icon:before {content: '\f0ed'; font-size: 20px; font-weight: 300;}
.dropify-wrapper .dropify-clear {border: none; font-size: 12px;}
.dropify-wrapper .dropify-clear:hover {background: transparent;}

/* Report Range */
#reportrange { cursor: pointer; }
#reportrange:hover, #reportrange:focus { color: var(--gray-900); background-color: var(--light) !important; }

.sale-items div:not(:last-child) { margin-bottom: 0.5rem; }

.lot_number option { font-size: 11px; }

/* TABLE */

.table thead tr th { font-family: "Montserrat SemiBold", sans-serif; font-weight: normal; }

/* ListJs */
th.sort, button.sort { cursor: pointer; user-select: none; }
th.sort i, button.sort i { font-size: 0.8rem; margin-left: 5px; opacity: 0.5; transition: transform 0.2s, opacity 0.2s; }
th.sort.asc i, button.sort.asc i { transform: rotate(180deg); opacity: 1; }
th.sort.desc i, button.sort.desc i { transform: rotate(0deg); opacity: 1; }

/* Datatable */
table.dataTable.table-striped>tbody>tr.odd>* { background-color: var(--light-200); box-shadow: none; }
table.dataTable { border: inherit; }
.dataTables_filter { margin-top: 0.5rem; margin-bottom: 1.5rem; }
div.dataTables_wrapper div.dataTables_filter label { gap: 0; width: 100%; }
div.dataTables_wrapper div.dataTables_filter input { width: 100%; max-width: 100%; margin-left: 0; }
table.dataTable > thead .sorting:before, table.dataTable > thead .sorting_asc:before, table.dataTable > thead .sorting_desc:before, table.dataTable > thead .sorting_asc_disabled:before, table.dataTable > thead .sorting_desc_disabled:before { right: 15px !important; }
table.dataTable thead>tr>th.sorting:after, table.dataTable thead>tr>th.sorting_asc:after, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>th.sorting_asc_disabled:after, table.dataTable thead>tr>th.sorting_desc_disabled:after, table.dataTable thead>tr>td.sorting:after, table.dataTable thead>tr>td.sorting_asc:after, table.dataTable thead>tr>td.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc_disabled:after, table.dataTable thead>tr>td.sorting_desc_disabled:after { right: 10px !important; }
.dataTables_paginate .paginate_button.previous:focus, .dataTables_paginate .paginate_button.next:focus, .dataTables_paginate .paginate_button.previous:active, .dataTables_paginate .paginate_button.next:active { outline: none !important; box-shadow: none !important; background: none !important; color: inherit !important; }

.footer { padding: 1rem 1.25rem; background-color: var(--light-600); }