body {
    color: #4A2D22;
    font-family: 'Roboto', sans-serif;
    background-color: #FAF8F6;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #4A2D22;
}

.bg-dark {
    background-color: #4A2D22 !important;
}

.bg-gradient-primary {
    background-color: #4A2D22;
    background-image: linear-gradient(180deg, #4A2D22 10%, #4A2D22 100%);
    background-size: cover;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.rounded {
    border-radius: 10px !important;
    overflow: hidden;
}

h1, .h1 {
    font-size: 25px;
}

.p-sm-3 {
    padding: 1.5rem !important;
}


/*  BUTTONS */

.btn {
    min-width: 55px;
}

.btn-info,
.btn-primary {
    color: #fff;
    background-color: #CF962E;
    border-color: #CF962E;
}

.btn-info:hover,
.btn-primary:hover {
    color: #fff;
    background-color: #CF962E;
    border-color: #CF962E;
}

.btn-info:focus, .btn-info.focus,
.btn-primary:focus, .btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(84, 196, 212, 0.5);
}

.btn-info.disabled, .btn-info:disabled,
.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #CF962E;
    border-color: #CF962E;
}

.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle,
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #DAAA59;
    border-color: #DAAA59;
}

.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(84, 196, 212, 0.5);
}

.btn-link-primary {
    color: #CF962E;
    font-weight: 600;
}

.btn-link-primary:hover {
    color: #DAAA59;
}

.btn-link-primary:disabled, .btn-link-primary.disabled {
    color: #CF962E;
    opacity: 0.65;
}

.btn-outline-primary {
    color: #CF962E;
    border-color: #CF962E;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #DAAA59;
    border-color: #DAAA59;
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #CF962E;
    background-color: transparent;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(84, 196, 212, 0.5);
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #CF962E;
    border-color: #CF962E;
}

.switch.nav-tabs .nav-link.active {
    color: #ffffff;
    background-color: #CF962E;
    font-weight: 700;
}

.sidebar .nav-item .collapse .collapse-inner .collapse-item:hover,
.sidebar .nav-item .collapsing .collapse-inner .collapse-item:hover {
    background-color: unset;
}

.sidebar-dark .sidebar-heading {
    color: #CF962E;
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    border-radius: 10px;
}

.filters_container > i.fa,
.wc-date-container > i,
.calendar-days,
.cal-util > .ok {
    color: #4A2D22 !important;
}

.selected-day > span,
.year-title,
.wc-details,
.calendar-day:hover > span {
    background-color: #4A2D22 !important;
}

.today > span {
    border: none !important;
}

.btn-secondary {
    background-color: transparent;
    border: #A4502B solid 1px;
    color: #A4502B;
}

.btn-secondary:hover, .btn-secondary:not(:disabled):not(.disabled).active {
    background-color: #CF962E;
    border-color: #CF962E;
}

.btn-secondary.disabled, .btn-secondary:disabled {
    background-color: transparent;
    border: #A4502B solid 1px;
    color: #A4502B;
    opacity: .5;
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #CF962E;
    border-color: #CF962E;
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #CF962E;
}
.dropdown-item:hover, .dropdown-item:focus {
  background-color: #FEF9F5;
}


.dataTables_length {
    float: left;
}

.dataTables_filter {
    float: right;
}

.dataTables_wrapper > div.row:nth-of-type(2) {
    overflow-x: auto;
}

@media (min-width: 576px) {
    .dataTables_wrapper > .row:nth-of-type(1) > div.col-sm-12 {
        width: 50%;
        flex: 0 0 50%;
        padding-left: 0;
        padding-right: 0;
    }
}

.badge-legend {
    margin-top: 5px;
}

@media (max-width: 420px) {

    button.btn {
        font-size: 11px;
    }

    button.btn + .mr-4 {
        margin-right: 0px !important;
    }
}

/* OVERRIDE TABLES */

table.table,
table.dataTable.border-collapse,
table.table-bordered {
    font-family: Arial, serif;
    /*font-weight: 600;*/
}

table.table thead,
table.dataTable.border-collapse thead,
table.table-bordered thead {
    font-weight: 600;
}

html:not(.market) table.table > thead,
html.light-theme table.table:not(.no-colorize) > thead {
    background-color: #4A2D22;
    color: #f3f4f8;
}

html:not(.market) table.table > tbody > tr,
html.light-theme table.table:not(.no-colorize) > tbody > tr {
    background-color: #FFFFFF;
}

html:not(.market) table.table > tbody > tr:not(:last-child),
html.light-theme table.table:not(.no-colorize) > tbody > tr:not(:last-child),
table.dataTable thead > tr:not(:last-child) {
    background-color: #FFFFFF;
    border-bottom: 5px solid #FAF8F6;
}

.table th, .table td {
    vertical-align: middle;
    border-top: none;
}

table.table > thead > tr > th,
table.table > tbody > tr > td {
    vertical-align: middle;
}

html:not(.market) .table-bordered th,
html:not(.market) .table-bordered td,
html.light-theme .table-bordered:not(.no-colorize) th,
html.light-theme .table-bordered:not(.no-colorize) td,
.table-bordered {
    border: none;
}

html:not(.market) table.table thead > tr > th:first-child,
html.light-theme table.table:not(.no-colorize) thead > tr > th:first-child,
table.dataTable thead > tr > th:first-child,
table.dataTable thead > tr > th:first-child,
table.dataTable thead > tr > th:first-child,
table.dataTable thead > tr > td:first-child,
table.dataTable thead > tr > td:first-child,
table.dataTable thead > tr > td:first-child,
table.dataTable.border-collapse thead > tr > td:first-child,
table.table-bordered thead > tr > td:first-child {
    border-radius: 0.35rem 0 0 0;
}

html:not(.market) table.table thead > tr > th:last-child,
html.light-theme table.table:not(.no-colorize) thead > tr > th:last-child,
table.dataTable thead > tr > th:last-child,
table.dataTable thead > tr > th:last-child,
table.dataTable thead > tr > th:last-child,
table.dataTable thead > tr > td:last-child,
table.dataTable thead > tr > td:last-child,
table.dataTable thead > tr > td:last-child,
table.dataTable.border-collapse thead > tr > td:last-child,
table.table-bordered thead > tr > td:last-child {
    border-radius: 0 0.35rem 0 0;
}

html:not(.market) table.table tbody > tr:last-child > td:first-child,
html.light-theme table.table:not(.no-colorize) tbody > tr:last-child > td:first-child,
table.dataTable tbody > tr:last-child > td:first-child,
table.dataTable tbody > tr:last-child > td:first-child,
table.dataTable tbody > tr:last-child > td:first-child,
table.dataTable tbody > tr:last-child > td:first-child,
table.dataTable tbody > tr:last-child > td:first-child,
table.dataTable tbody > tr:last-child > td:first-child,
table.dataTable.border-collapse tbody > tr:last-child > td:first-child,
table.table-bordered tbody > tr:last-child > td:first-child {
    border-radius: 0 0 0 0.35rem;
}

html:not(.market) table.table tbody > tr:last-child > td:last-child,
html.light-theme table.table:not(.no-colorize) tbody > tr:last-child > td:last-child,
table.dataTable tbody > tr:last-child > td:last-child,
table.dataTable tbody > tr:last-child > td:last-child,
table.dataTable tbody > tr:last-child > td:last-child,
table.dataTable tbody > tr:last-child > td:last-child,
table.dataTable tbody > tr:last-child > td:last-child,
table.dataTable tbody > tr:last-child > td:last-child,
table.dataTable.border-collapse tbody > tr:last-child > td:last-child,
table.table-bordered tbody > tr:last-child > td:last-child {
    border-radius: 0 0 0.35rem 0;
}

html:not(.market) table th,
html.light-theme table:not(.no-colorize) th,
table.dataTable thead > tr > th,
table.dataTable thead > tr > th,
table.dataTable thead > tr > th,
table.dataTable thead > tr > td,
table.dataTable thead > tr > td,
table.dataTable thead > tr > td {
    padding: 15px 12px 15px 12px;
}

table.dataTable.border-collapse,
table.dataTable,
table.table-bordered {
    border-collapse: collapse !important;
    overflow: hidden;
}

.sidebar-toggled .theme > label {
    display: none;
}

@media screen and (max-width: 1404px) {
    .button-group > button.btn {
        margin-top: 10px;
    }
}

.light-theme .navbar-dark .navbar-nav .nav-link {
    color: #251814;
}

.dark-theme .navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.5);
}


.card-body.market div.dataTables_wrapper div.dataTables_length select,
.card-body.market .paginate_button a,
.card-body.market div.dataTables_wrapper div.dataTables_filter input {
    background-color: transparent;
}

.card-body.market div.dataTables_wrapper div.dataTables_length select,
.card-body.market .paginate_button a,
.card-body.market div.dataTables_wrapper div.dataTables_filter input {
    border: 1px solid #684B40;
    border-radius: 2px;
}
