body {
    background-color: #fff;
    color: #141414;
    font-family: 'WWTypeWeb-Regular', sans-serif;
    font-size: 16px;
}

/** Buttons */
.btn-login, .btn-login:hover {
    color: #fff;
    background: #f84914 !important;
    border-color: #f84914 !important;
}
.btn-primary {
    font-size: smaller;
    color: #141414;
    border: none;
    background-color: transparent !important;
    font-weight: bold;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.btn-primary:hover {
    color: #f84914 !important;
}
.btn.btn-primary>i {
    background-color: #F1F0EF;
    color: #7C7C7C;
    height: 25px;
    width: 25px;
    padding: 3px;
    margin: 0 5px;
}
.form-select.btn-link {
    border: none !important;
    box-shadow: none !important;
    background-image: none;
}
.form-select.btn-link > option {
    color: #141414;
}
.form-select.btn-link > option.disabled {
    color: #7C7C7C !important;
}

.btn-outline-default {
    font-size: smaller;
    color: #f84914 !important;
    border-color: #ced4da;
}
.btn-outline-default:hover {
    border-color: #f84914 !important;
}
.btn-link {
    color: #f84914 !important;
}

/** Texts */
.text-danger {
    color: #f84914 !important;
}

/** Forms */
.form-control:focus {
    border-color: #ced4da;
    box-shadow: 0 0 0 0.25rem rgb(206 212 218 / 25%);
}

/** Navs */
.navbar {
    padding-top: 1rem;
    padding-bottom: 4rem;
}
.navbar-text {
    font-size: smaller;
}

/** Sidebar */
.nav.nav-pills li {
    margin-bottom: 0.5em;
    border: 1px solid rgba(0, 0, 0, .1);
    word-break: break-word;
}
.nav.nav-pills li:hover {
    color: #f84914 !important;
}
.nav.nav-pills li a.nav-link {
    padding: 1rem;
    color: inherit;
    background-color: transparent;
}
.nav-pills .nav-link.active, 
.nav-pills .show>.nav-link {
    color: #f84914 !important;
}

/** Content */
.welcome-text {
    font-size: 2.5rem;
    padding: 1rem 0;
}
.ml-4 {
    margin-left: 1.5rem;
}
.mr-4 {
    margin-right: 1.5rem;
}
.content {
    max-width: 1800px;
    margin-left: auto;
    margin-right: auto;
}
.file-preview {
    max-width: 150px;
    height: 150px;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, .1);
    background-repeat: no-repeat;
    background-position: center;
}

/** Alerts */
.alert-primary {
    --bs-alert-color: #f84914 !important;
    border: 1px solid #f84914;
    background-color: transparent;
}


/** Tables */
table .btn {
    padding: 0 0.25rem;
}
table thead th {
    background: #eee !important;
}
table.dataTable {
    margin-top: 10px !important;
}
.dataTables_info, 
.dataTables_length,
.dataTables_filter,
.dataTables_paginate a,
table.dataTable td.dataTables_empty, 
table.dataTable th.dataTables_empty {
    font-size: 0.9rem;
}
.status-filter {
    font-size: 0.9rem;
    width: auto;
    display: initial;
    float: left;
}
#status-filter {
    width: 250px;
    margin-bottom: 1.5rem;
    margin-left: 0.5rem;
    display: initial;
}
.page-link {
    color: #141414;
}
.page-link:focus {
    box-shadow: none;
}
.page-link:hover {
    color: inherit;
}
.active>.page-link, 
.page-link.active {
    color: #f84914;
    border-color: #f84914;
    background-color: transparent;
}

.product .table {
    margin-left: 1rem !important;
    margin-top: 0 !important;
}

/** JSTree */
.jstree-default .jstree-wholerow-clicked,
.jstree-default .jstree-wholerow-hovered {
    background: none;
}
.jstree-default .jstree-anchor {
    margin-bottom: 0.5rem;
}
.jstree-icon.jstree-themeicon {
    display: none;
}


/** Accordion */
.accordion-item {
    border-left: none;
    border-right: none;
    border-radius: 0 !important;
}
.accordion-button {
    color: inherit !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/** Responsive */
@media (max-width: 1600px) {
    .welcome-text {
        font-size: 1.8rem;
    }
}
@media (max-width: 768px) {
    .welcome-text {
        font-size: 1.5rem;
    }
}