@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700");
@import url("style.bundle.css");

@font-face {
    font-family: Circular;
    src: url(../fonts/circular-book-custom.woff2) format('woff2'), url(../fonts/circular-book-custom.woff) format('woff');
    font-weight: 300;
    font-display: swap
}

@font-face {
    font-family: Circular;
    src: url(../fonts/circular-medium-custom.woff2) format('woff2'), url(../fonts/circular-medium-custom.woff) format('woff');
    font-weight: 500;
    font-display: swap
}

@font-face {
    font-family: Circular;
    src: url(../fonts/circular-bold.woff2) format('woff2'), url(../fonts/circular-bold.woff) format('woff');
    font-weight: 600;
    font-display: swap
}

@font-face {
    font-family: Circular;
    src: url(../fonts/circular-black.woff2) format('woff2'), url(../fonts/circular-black.woff) format('woff');
    font-weight: 900;
    font-display: swap
}

* {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: rgba(0, 0, 0, .2)
}

.alertify {
    z-index: 9999;
}

.quick-search .quick-search-form .input-group {
    background-color: white !important;
}

.table {
    margin-bottom: 0;
}

.logo-auth {
    width: 50%;
    fill: #ff750d;
}

.logo-mob svg {
    fill: #ff750d;
    width: 70%;
}

.logo-icon-dashboard {
    text-align: center;
}

.logo-icon-dashboard svg {
    fill: #ff750d;
    width: 70%;
}

.subheader-transparent h5, .fw-600 {
    font-weight: 600 !important;
}

.btn.btn-sm i, .btn-group-sm>.btn i {
    padding-right: 0 !important;
}

.btn.btn-light-whatsapp {
    color: #25D366;
    background-color: #caffde;
    border-color: transparent;
}

.btn.btn-light-whatsapp:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-light-whatsapp:focus:not(.btn-text), .btn.btn-light-whatsapp.focus:not(.btn-text) {
    color: #FFFFFF;
    background-color: #25D366;
    border-color: #25D366;
}

.btn.btn-light-whatsapp:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-light-whatsapp:focus:not(.btn-text) i, .btn.btn-light-whatsapp.focus:not(.btn-text) i {
    color: white;
}

.btn.btn-light-whatsapp i {
    color: #25D366;
}

.select2-container {
    display: block;
    width: 100% !important;
}

.btn-primary-active {
    color: #FFFFFF !important;
    background-color: #e86006;
    border-color: #e86006;
}

.action-links {
    position: relative;
    line-height: 2;
    height: 25px;
}

.action-links span {
    display: none;
}

.attributes-list:hover span {
    display: inline-block;
}

.card {
    border: 1px solid #e4e7eb !important;
}

.symbol-100p img {
    max-width: 100%;
    height: auto;
}

.form-control-plaintext {
    padding: 0;
}

#orderItems input::-webkit-outer-spin-button,
#orderItems input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0;
    /* <-- Apparently some margin are still there even though it's hidden */
}

#orderItems input[type=number] {
    -moz-appearance: textfield;
    /* Firefox */
}

.nav-item-active {
    background-color: #F3F6F9;
    color: white;
}

.purchasing-card p {
    margin-bottom: 0.2em;
}

.btn-group-card .btn {
    border-radius: 0 !important;
}

#the_datatable td {
    font-size: 13px;
}

#the_datatable_wrapper #the_datatable_info {
    padding: 2%;
}

.table.table-head-bg thead tr, .table.table-head-bg thead th {
    letter-spacing: 0;
}

.delivery-package-stats p {
    margin-bottom: 0 !important;
}

.alertify .alert .msg, .alertify .dialog .msg {
    padding-left: 0 !important;
}

.alertify .alert input:not(.form-control), .alertify .dialog input:not(.form-control) {
    padding: 6px;
    border: 1px solid #e4e7eb;
    border-radius: 0.42rem;
}

.table tbody tr.group td {
    font-weight: 500;
}

.table tbody tr.group {
    background-color: #F3F6F9;
}

.invalid-feedback {
    display: block;
}

.table.table-foot-bg tfoot th:first-child, .table.table-foot-bg tfoot td:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.table.table-foot-bg tfoot th:last-child, .table.table-foot-bg tfoot td:last-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.label.label-inline {
    white-space: nowrap;
    overflow: hidden;
}

.accordion .card-header{
    border-bottom: none !important;
}

.coca-view-orders{
    cursor: pointer;
}

@media (max-width:480px) {
    .aside-secondary-enabled .aside.aside-on {
        width: 87%;
    }

    .hide-sm {
        display: none;
    }

    #kt_subheader_search {
        width: 100%;
    }

    #quick_search_inline {
        margin-left: 0 !important;
        width: 100% !important;
    }
}

@media (prefers-color-scheme:dark) {
    body, .bg-white {
        background-color: #1c1c1c !important;
    }

    img {
        filter: brightness(.8) contrast(1.2)
    }

    .datepicker thead th.dow, .datepicker thead th.prev, .datepicker thead th.datepicker-switch, .datepicker thead th.next, .apexcharts-legend-text, .label-outline-light, .navi .navi-item .navi-link .navi-text, .navi, h1, h2, h3, h4, h5, .font-size-h4, .form-group label, .form-control.form-control-solid, .aside-menu .menu-nav>.menu-item>.menu-heading .menu-text, .aside-menu .menu-nav>.menu-item>.menu-link .menu-text, .text-dark, .input-group.input-group-solid .form-control, .font-size-h5, .tagify__input, .table, .dataTables_wrapper .dataTable th, .dataTables_wrapper .dataTable td, body, .text-dark-75, .table.table-head-custom thead tr, .table.table-head-custom thead th, .form-control, .select2-container--default .select2-selection--single .select2-selection__rendered, .swal2-popup .swal2-content, .btn.btn-primary, .select2-container--default .select2-search--inline .select2-search__field, .custom-file-label::after, .alertify .alert nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button), .alertify .dialog nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button), .accordion.accordion-panel .card .card-header .card-title {
        color: #eeeeee !important;
    }

    .aside-menu .menu-nav>.menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-link .menu-text {
        color: #f37421 !important;
    }

    .datepicker tbody tr>td.day {
        color: #eee;
    }

    .datepicker tbody tr>td.day.old, .datepicker tbody tr>td.day.new, .form-control.form-control-solid::placeholder, .form-control::placeholder, .tagify__input::before {
        color: #aaa;
    }

    .timeline.timeline-6::before, .quick-search .quick-search-form .input-group, .dropdown-menu, .navi, .form-control.form-control-solid, .input-group.input-group-solid .form-control, .input-group.input-group-solid .input-group-prepend, .input-group.input-group-solid .input-group-append, .input-group.input-group-solid .input-group-text, .input-group.input-group-solid, .tagify, .form-control, .select2-container--default .select2-selection--single, .select2-container--default .select2-dropdown, .select2-container--default .select2-search--dropdown .select2-search__field, .select2-container--default .select2-selection--multiple, .custom-file-label::after, .custom-file-label {
        background-color: rgb(54, 54, 54) !important;
    }

    .form-control, .select2-container--default .select2-selection--single, .select2-container--default .select2-dropdown, .select2-container--default .select2-selection--multiple .select2-selection__rendered, .select2-container--default .select2-selection--multiple, .custom-file-label {
        border-color: rgb(54, 54, 54);
    }

    .select2-container--default .select2-search--dropdown .select2-search__field {
        border-color: #888;
        color: #eee;
    }

    .tagify {
        border-color: rgb(54, 54, 54) !important;
    }

    .input-group-text, .timeline.timeline-6 .timeline-item .timeline-badge {
        background-color: rgb(54, 54, 54);
        border-color: rgb(54, 54, 54) !important;
    }

    .header-mobile, .aside-secondary-enabled .aside .aside-primary, .aside .aside-secondary {
        background-color: rgb(38, 38, 38);
        border-right: 1px solid #121212;
    }

    .aside-menu, .modal-content, .swal2-popup, .alertify .alert>*, .alertify .dialog>* {
        background-color: rgb(38, 38, 38) !important;
    }

    .btn.btn-clean .svg-icon svg g [fill], .aside-menu .menu-nav>.menu-item>.menu-heading .menu-icon.svg-icon svg g [fill], .aside-menu .menu-nav>.menu-item>.menu-link .menu-icon.svg-icon svg g [fill] {
        fill: #909090;
    }

    .purchase-item, .btn.btn-clean:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-clean:not(:disabled):not(.disabled).active, .show>.btn.btn-clean.dropdown-toggle, .show .btn.btn-clean.btn-dropdown, .btn.btn-clean:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-clean:focus:not(.btn-text), .btn.btn-clean.focus:not(.btn-text), .aside-menu .menu-nav>.menu-item.menu-item-active>.menu-heading, .aside-menu .menu-nav>.menu-item.menu-item-active>.menu-link, .accordion.accordion-panel .card .card-header .card-title {
        background-color: rgb(59, 59, 59) !important;
    }

    .navi-item .navi-link:hover, .nav-item-active, .table-hover tbody tr:hover, .select2-container--default .select2-results__option.select2-results__option--highlighted {
        color: #eee;
        background-color: rgb(73, 73, 73) !important;
    }

    .card {
        border: 1px solid #282828 !important;
        background: #282828;
    }

    .text-dark-50 {
        color: #a7b0bd !important;
    }

    .bg-gray-200 {
        background-color: #383838 !important;
    }

    .table.table-foot-bg tfoot th, .table.table-foot-bg tfoot td, .table tbody tr.group, .dataTables_wrapper .dataTable .group th, .dataTables_wrapper .dataTable .group td, .symbol.symbol-light-secondary .symbol-label, .table.table-head-bg thead tr, .table.table-head-bg thead th,table.dataTable tr.dtrg-group td, table.dataTable tr.dtrg-group td.dataTables_wrapper .dataTables_paginate .pagination .page-item.previous>.page-link, .dataTables_wrapper .dataTables_paginate .pagination .page-item.next>.page-link, .dataTables_wrapper .dataTables_paginate .pagination .page-item.last>.page-link, .dataTables_wrapper .dataTables_paginate .pagination .page-item.first>.page-link, .symbol.symbol-xl-100 .symbol-label {
        background-color: #383838;
    }

    .table th, .table td, .header-mobile, .table.table-head-bg thead tr, .table.table-head-bg thead th, .modal-header {
        border-bottom: 1px solid #383838;
    }

    .card-footer,.modal-footer {
        border-top: 1px solid #383838;
    }

    .table td, .table th, .table td {
        border-top: 1px solid rgb(54, 54, 54)
    }

    .table-bordered, .table-bordered th, .table-bordered td, .table thead th, .separator.separator-solid {
        border: 1px solid rgb(54, 54, 54)
    }

    .card-header, .border-bottom {
        border-bottom: 1px solid rgb(54, 54, 54) !important;
    }

    .bg-light-warning {
        background-color: rgb(59, 56, 45) !important;
    }

    .bg-light-warning label {
        color: rgb(243, 206, 48) !important;
    }

    .bg-light-warning .form-control {
        background-color: rgba(255, 255, 255, 0.1) !important;
    }

    .dataTables_wrapper .dataTable thead th {
        border: 0;
    }

    .gm-style .gm-style-iw-d {
        color: black !important;
    }

    .modal-body #mapLocation div {
        color: black !important;
    }

    .purchasing-card textarea {
        background-color: #282828 !important;
    }

    .purchasing-card .card-header {
        border-bottom: 0 !important;
    }

    #overviewTable, .bg-light-success label {
        color: #363d49 !important;
    }

    .alertify .alert input:not(.form-control), .alertify .dialog input:not(.form-control) {
        color: #eee;
        background-color: rgb(54, 54, 54) !important;
        border: 1px solid rgb(54, 54, 54);
    }

    .apexcharts-svg text {
        fill: #eee;
    }
}