.was-validated .form-control:invalid, .form-control.is-invalid {
    border-color: #F1416C !important;
}

.was-validated .form-control:valid, .form-control.is-valid {
    border-color: #50CD89 !important;
}

.text-justify {
    text-align: justify !important;
}

.btn-xs {
    font-size: 0.85em !important;
    padding: 0.25em 0.75em !important;
}

@media (min-width: 1200px) {
    .modal-xxl {
        --bs-modal-width: 90% !important;
    }
}

[data-bs-theme="dark"] .app-sidebar {
    background: #0D0E12 !important;
    border-right: 1px solid #1f1f1f !important;
}

[data-bs-theme="dark"] .app-sidebar .app-sidebar-logo {
    border-bottom: 1px dashed #1f1f1f !important;
}

[data-bs-theme="light"] .app-sidebar .btn-custom {
    color: #B5B5C3;
    background-color: rgba(40, 42, 62, 0.35);
}

.app-sidebar .menu-item .menu-link:hover i {
    color: #6db6ff !important;
}

.app-sidebar .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-icon i {
    color: #f6c000 !important;
}

.app-sidebar .menu-item .menu-link.active .menu-icon,
.app-sidebar .menu-item .menu-link.active .menu-icon .svg-icon,
.app-sidebar .menu-item .menu-link.active .menu-icon i,
.app-sidebar .menu-item .menu-link.active {
    color: #1092f2 !important;
}

.app-sidebar .menu-item .menu-link.active {
    background-color: rgba(0, 0, 0, 0.2) !important;
}

@media (min-width: 1200px) {
    .modal-xxl {
        --bs-modal-width: 90% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* DataTables Custom */
table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control {
    padding-left: 10px !important;
}

div.dataTables_scrollBody, div.dataTables_scrollFootInner table.table-bordered tr th:first-child, div.dataTables_scrollHeadInner table.table-bordered tr th:first-child {
    border-left: 0 !important;
}

.search_highlight {
    background-color: #fff8dd;
    padding: 5px;
}

@media only screen
and (min-device-width: 390px)
and (max-device-width: 850px)
and (-webkit-min-device-pixel-ratio: 3) {
    /* Margen entre botones cuando esta Mobile */
    .spacing {
        margin-bottom: 5px;
    }

    .daterangepicker .ranges ul {
        min-width: 185px !important;
    }

}

@media screen and (min-width: 1600px) {
    .daterangepicker .ranges ul {
        min-width: 200px !important;
    }
}

/* Calculator */
#calculator input{
    border: none;
}
#calculator button {
    height: 50px;
    width: 50px;
    margin: 2px 1px;
    border: none !important;
    padding: 6px 7px;
}
*:focus {
    outline: 0 !important;
}
#allClear {
    box-shadow: inset 1px 1px 50px  #990000;
    border: none;
}
#clear {
    box-shadow: inset 1px 1px 50px  #CC6600;
    border: none;
}
#equals{
    box-shadow: inset 1px 1px 50px #006633;
    border: none;
}
#blank {
    visibility: hidden;
}
#calculator .screen {
    width: auto;
    height: 50px;
    border-radius: 3px;
    padding: 10px;
    margin: 2px -7px;
    font-size: 15px;
    font-weight: bold;
    background: #8e9eab;
}
#calculator small {
    color: #fff;
    font-weight: bold;
}
.navbar-custom-menu .popover-content, .pos-header .popover-content{
    padding: 4px 0;
}

.flatpickr-input[readonly] {
    background-color: #ececec !important;
}

@media print {
    .no-print,
    .main-sidebar,
    .left-side,
    .main-header,
    .toastr-container,
    .toastr-success,
    .toastr-danger,
    .content-header {
        display: none !important;
    }
}

.bg-orange {
    background: #ff9a3c;
}

.external-event {
    padding: 5px 10px;
    font-weight: 700;
    margin-bottom: 4px;
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
    text-shadow: 0 1px 1px rgba(0,0,0,.1);
    border-radius: 3px;
    cursor: move;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-title {
    color: #e7e8f0;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-icon,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-icon .svg-icon,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-icon i {
    color: #FFFFFF;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-arrow:after {
    background-color: #cecfd4;
}


.daterangepicker {
    z-index: 99 !important;
}


table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
    border-color: transparent transparent transparent rgba(0, 0, 0, .5);
     border-style: none;
}

table.dataTable.dtr-inline.collapsed>tbody>tr.dtr-expanded>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr.dtr-expanded>th.dtr-control:before {
    border-color: transparent;
    border-style: none;
    background: #f8285a;
}

table.dataTable.dtr-column.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-column.collapsed>tbody>tr>th.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
    margin-top: .5rem;
}

/** Kanban Styling */
.kanban-board {
    border-radius: 5px !important;
}
.kanban-board header {
    background: #2a92bf !important;
    color: whitesmoke !important;
    border-radius: 5px !important;
}

.kanban-item {
    border-radius: 6px;
}

.meta-tasks .kanban-item:hover:before {
    background: #14aad6 !important;
    bottom: 5px !important;
    top: 5px !important;
    width: 4px !important;
}

.kanban-item:last-child {
    margin: 10px 0 !important;
}

.meta-tasks .kanban-board-header .kanban-title-board {
     text-shadow: none !important;
}