body.header-fixed {
    background-color: #fff !important;
}

@font-face {
    font-family: DiavloBlod;
    src: url("../fonts/Diavlo-Bold.otf");
}

.app-header .navbar-brand {
    font-family: DiavloBlod;
    letter-spacing: 1px;
}

.app-header {
    background: #230103 !important;
}
.btn-success:hover {
    background-color: #230103 !important;
    border-color: #230103 !important;
}
.navbar-brand {
    color: #fff !important;
}

body, .sidebar, .sidebar .sidebar-minimizer, .app-footer, .sidebar .nav-dropdown.open, .card-header, .dropdown-header, .sidebar-minimized .sidebar .nav>.nav-dropdown>.nav-dropdown-items, .table-hover tbody tr:hover, .sidebar-minimized .sidebar .nav>.nav-dropdown:hover, .table thead {
    background: #f5f9f6 !important;
}

.card-header, .fw-600 {
    font-weight: 600 !important;
}

.table-hover tbody tr:hover .btn-group > .btn {
    background-color: #fff !important;
}

.sidebar .nav-title, .sidebar .sidebar-minimizer, .sidebar .sidebar-minimizer:hover {
    color: #323130 !important;
}

.sidebar .nav-link, .sidebar .nav-link:hover .nav-icon, .sidebar-minimized .sidebar .nav-item:hover>.nav-link .nav-icon {
    color: #201f1e !important;
}

.sidebar .nav-link:hover.nav-dropdown-toggle::before, .sidebar .sidebar-minimizer:hover::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='%23201f1e' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E") !important;
}

.app-header .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23fff' stroke-width='2.25' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
}

.bg-info {
    background-color: #655466 !important;
}

.sidebar .nav-link.active {
    background: #d5d4d2 !important;
    color: #230103 !important;
    font-weight: 600 !important;
}
.sidebar .nav-link:hover, .sidebar-minimized .sidebar .nav-item:hover>.nav-link {
    background: #edebe9 !important;
}

.card-accent-success {
    border-top-color: #c8ced3 !important;
    border-top-width: 1px !important;
}

.table th {
    padding: 0.5rem !important;
}

.table td {
    padding: 0.25rem !important;
}

.table-bordered thead td {
    border-bottom-width: 1px !important;
}

.table-bordered thead th {
    border-bottom-width: 0px !important;
    border-top-width: 0px !important;
}

.custom-control {
    padding-left: 10px !important;
}

.loader {
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid #230103;
    width: 40px;
    height: 40px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}
  
/* Safari */
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.main .container-fluid {
    padding: 0 15px !important;
}

label.switch-label {
    margin-bottom: 0px !important;
}

.breadcrumb {
    margin-bottom: 1rem !important;
}


.CalendarDay__selected_span {
  background: #230103 !important; 
  color: white !important;
  border: 1px solid #230103 !important;
}

.CalendarDay__selected {
  background: #230103 !important;
  color: white !important;
}

.DayPickerKeyboardShortcuts_show__bottomRight::before {
    display: none !important;
}

.alert ul {
    margin: 0px;
}

.form-group.has-error small.help-block, .error {
    color: #f86c6b;
}

.form-group.has-error .form-control, .form-group.has-error .select2-container--bootstrap4 .select2-selection {
    border: 1px solid #f86c6b;
}

.form-group.has-error .form-control:focus, .form-group.has-error .select2-container--bootstrap4 .select2-selection:focus {
    border-color: #f86c6b;
    box-shadow: 0 0 0 0.2rem rgba(248,108,107,.25);
}

.disabled {
    cursor: not-allowed;
}

.breadcrumb-item.active a {
    color: #73818f;
}

.datatable .custom-control-label::before, .datatable .custom-control-label::after, .datatable_no_pagination .custom-control-label::before, .datatable_no_pagination .custom-control-label::after {
    top: -12px;
    left: -12px;
}

.modal-body {
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    margin-left: -10px;
    -webkit-appearance: none;
    appearance: none;
}

::-webkit-scrollbar-thumb {
    height: 50px;
    background-color: #ccc;
    background-clip: content-box;
    border-color: transparent;
    border-style: solid;
    border-width: 1px 2px;
}

::-webkit-scrollbar-track {
    background-color: #fff;
    border-right: 1px solid #f2f2f2;
    border-left: 1px solid #f2f2f2;
}

.custom-control-label {
    cursor: pointer;
}

.select2-selection__choice__remove {
    float: right !important;
    color: #f86c6b !important;
}

.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
    padding: 0 5px 2px 5px !important;
}

.select2-results__option[aria-disabled="true"] {
    cursor:not-allowed;
}

#scrollUp {
    bottom:20px;
    right:20px;
    width:38px;
    height:38px;
    background:url(../images/top.png) no-repeat;
}

#scrollUp-active {
    display: none;
}

.app-header .nav-item .nav-link .badge {
    background-color: #00A0FF;
}

table td {
    vertical-align: middle !important;
}

.app-header .navbar-brand, .brand-minimized .app-header .navbar-brand {
    justify-content: left !important;
    padding-left: 15px !important;
}

.sidebar-nav .nav-item {
    width: 200px;
    white-space: nowrap;
}

.sidebar-nav .nav-item a {
    overflow: hidden;
    text-overflow: ellipsis;
}

.yajra-datatable {
    width: 100% !important;
}

.yajra-datatable .custom-control-label::before, .yajra-datatable .custom-control-label::after {
    top: -13px !important;
    left: -13px !important;
}

.raw_material_color {
    background-color: #77f7b4 !important;
}

.finished_goods_color {
    background-color: #76fff0 !important;
}

.labour_color, body.labour_color .app-header.navbar {
    background-color: #fec04a !important;
}

.quality_color, body.quality_color .app-header.navbar {
    background-color: #ecb8f5 !important;
}

.maintenance_color, body.maintenance_color .app-header.navbar {
    background-color: #ff85c2 !important;
}

.energy_consumption_color, body.energy_consumption_color .app-header.navbar  {
    background-color: #ff0d0d !important;
}

.hr_module_color, body.hr_module_color .app-header.navbar  {
    background-color: #E64A19 !important;
}

.invoice_module_color, body.invoice_module_color .app-header.navbar  {
    background-color: #8E24AA !important;
}

.inventory_spares_module_color, body.inventory_spares_module_color .app-header.navbar  {
    background-color: #2196F3 !important;
}

.cotton_module_color, body.cotton_module_color .app-header.navbar  {
    background-color: #77f7b4 !important;
}

.charts_module_color, body.charts_module_color .app-header.navbar  {
    background-color: #7667fa !important;
}

.reports_color {
    background-color: #7667fa !important;
}

.default_report_color {
    background-color: #655466 !important
}

.sidebar .nav-dropdown.open>.nav-dropdown-items {
    max-height: 100% !important;
}

@media (min-width: 992px) {
    .brand-minimized .app-header .navbar-brand {
        width: 155px;
    }

    html:not([dir=rtl]) .aside-menu-lg-show.aside-menu-fixed .app-footer, html:not([dir=rtl]) .aside-menu-lg-show.aside-menu-fixed .main, html:not([dir=rtl]) .aside-menu-show.aside-menu-fixed .app-footer, html:not([dir=rtl]) .aside-menu-show.aside-menu-fixed .main {
        margin-right: 0px;
    }

    .sidebar-minimized .sidebar .nav>.nav-dropdown:hover>.nav-dropdown-items {
        overflow-y: auto !important;
        max-height: 50vh !important;
    }
}

@media (max-width: 992px) {
    .aside-menu-fixed .aside-menu .tab-content {
        height: calc(100vh - 2.375rem - 55px);
    }
}