:root {
     --bg-color: #fcf6f2;
     --primary-color: #0C97D7;
     --dark-gray: #515A6D;
     --light-gray: #71747E;
}

.expanded .navbar-header .navbar-nav .nav-item .navbar-brand .brand-logo {
     display: none !important;
}

.expanded .navbar-header .navbar-nav .nav-item .navbar-brand .logo-admin {
     display: block;
}

.navbar-header .navbar-nav .nav-item .navbar-brand .logo-admin {
     display: none;
}

.input-group-merge .form-control:not(:last-child) {
     padding-right: 0;
     border-right: 1px solid #ea5455;
     border-top-right-radius: 5px !important;
     border-bottom-right-radius: 5px !important;
}

.pace .pace-progress {
     background: #7367f0 !important;
}

.vertical-layout.vertical-menu-modern .main-menu .navigation .menu-content>li>a svg {
     height: 1rem;
     width: 1rem;
}

.navigation .nav-item {
     margin-top: 7px;
}

.ck-editor,
.ck-content {
     height: 100px;
}

.accordion-item {
     box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.1) !important;
}

.card .card {
     box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.1) !important;
}

.accordion-button::after {
     background-image: url(../images/svg/plus-svgrepo-com.svg);
}

.accordion-button:not(.collapsed)::after {
     background-image: url(../images/svg/minus-svgrepo-com.svg);
}

.header-navbar .navbar-container ul.navbar-nav li.dropdown-user .dropdown-menu {
     width: 14rem;
     margin-top: 10px;
}

html .content.app-content {
     padding: calc(0rem + 3.85rem + 0rem) 2rem 0 !important;
}

.header-navbar {
     min-height: 3.45rem;
}

.navbar-floating .header-navbar-shadow {
     height: 0px !important;
}

html .content .content-wrapper .content-header-title {
     padding-top: 5px !important;
     border-right: none !important;
}

table.dataTable td,
table.dataTable th {
     padding: 0.3rem 0.8rem;
     /* padding: 0rem 0.8rem; */
}

.avatar {
     font-size: 0.8rem;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before {
     right: 0.3rem;
     top: 0rem;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after {
     right: 0.3rem;
     top: 0.4rem;
}

div.dataTables_wrapper div.dataTables_filter label,
div.dataTables_wrapper div.dataTables_length label {
     margin-top: 0.1rem;
     margin-bottom: 0.5rem;
}

table.dataTable>thead>tr>th:not(.sorting_disabled),
table.dataTable>thead>tr>td:not(.sorting_disabled) {
     padding-right: 10px;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
     margin-top: 1rem;
     margin-bottom: 0.1rem;
}

/* .mb-1 {
     margin-bottom: 0.4rem !important;
} */

.p-50 {
     padding: 0.3rem !important;
}

.vertical-layout .header-navbar .navbar-container ul.navbar-nav li.dropdown .dropdown-menu {
     top: 37px !important;
     right: 0;
}

.status,
.lang-change {
     padding: 0.55rem 1.28rem !important;
}

.status {
     padding: 0.45rem 1.28rem !important;
}

.form-select,
.input-group-text {
     padding: 0.371rem 1rem;
}

.form-control {
     padding: 0.371rem 1rem;
}

.main-menu.menu-light .navigation>li ul .active,
.main-menu.menu-light .navigation>li.active>a {
     box-shadow: 0 0 10px 1px rgba(115, 103, 240, 0.3);
}

.table.form-table>:not(caption)>*>* {
     padding: 0.72rem 0.3rem !important;
}

.flatpickr-input .form-control[readonly] {
     background-color: #ffff;
}

.nav-tabs .nav-link:after {
     content: '';
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 3px;
     background: linear-gradient(30deg, #7367f0, rgba(115, 103, 240, 0.7)) !important;
     transition: transform 0.3s;
     transform: translate3d(0, 150%, 0);
}

.pointer {
     cursor: pointer;
}

.highlightRow {
     background-color: #023878 !important;
     font-size: 1.1rem;
     color: #ffffff;
}


#print-body {
     border: 2px solid #023878 !important;
}

#print-body .border-bottom {
     border-bottom: 1px solid #023878 !important;
}

.table-hover>tbody>.bg-danger-pending {
     --bs-table-accent-bg: rgb(251 78 78 / 35%) !important;
     color: #46454a !important;
}

@media print {
     body {
          visibility: hidden;
     }

     #inquiry_card,
     #print-body {
          visibility: visible;
          position: absolute;
          left: 0;
          top: 0;
          box-shadow: unset;
     }
}

.melting-table td {
     padding: 3px !important;
}

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


/* width */
::-webkit-scrollbar {
     width: 7px;
}

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

/* Handle */
::-webkit-scrollbar-thumb {
     background: rgb(160, 160, 160);
     border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
     background: #8b8b8b;
}

::-webkit-scrollbar-track {
     -webkit-box-shadow: inset 0 0 6px rgba(115, 103, 240, 0.3);
     background-color: #F5F5F5;
}
 
::-webkit-scrollbar {
     width: 8px;
     height: 8px;
     background-color: #F5F5F5;
}
 
::-webkit-scrollbar-thumb {
     background-color: #7367f0;
     border-radius: 30px;
}

.flatpickr-time {
     height: 2.314rem;
}

.log-padding{
     padding: 0.371rem!important
}

.log-padding .form-control{
     /* font-size: 0.875rem !important;
     padding: 0.271rem; */
     font-size: 0.785rem !important;
     padding: 0.271rem 0!important;
     border-radius: 0;
     text-align: center;
     line-height: 1;
}

.melting-log >:not(caption)>*>* {
     font-size: 12px;
     text-align: center;
     /* padding: 0.371rem!important */
}

.melting-log .select2-container--default .select2-selection--single .select2-selection__rendered {
     /* color: #b3b3b3; */
     line-height: 1;
     font-size: 0.785rem !important;
}
.melting-log .select2-container--default .select2-selection--single {
     min-height: 1.5rem;
     padding: 5px;
     height: 26px;
     border: 1px solid #d8d6de;
     border-radius: 0;
}
.melting-log .select2-container--default .select2-selection--single .select2-selection__rendered {
     /* color: #b3b3b3; */
     line-height: 15px;
     font-size: 13px;
}
.melting-log .select2-container--default .select2-selection--single .select2-selection__arrow {
     height: 12px;
     position: absolute;
     top: 1px;
     right: 1px;
     width: 20px;
}
.melting-log ::-webkit-scrollbar {
     width: 5px;
}
.melting-log ::-webkit-scrollbar {
     width: 5px;
     height: 5px;
     background-color: #F5F5F5;
}
.melting-log .flatpickr-time {
     height: 1.7rem;
 }