/*Middle position*/
/* TOAST - ALERT */
.toast {
    opacity: 1 !important;
    align-items: center;
    max-width: 300px !important;
    border-radius: 32px !important;
    padding: 12px 20px 12px 50px !important;
    font-size: 16px;
}

.toast .toast-close-button:before {
    content: '' !important;
}

.toast.toast-success {
    border: 1px solid #1F7628!important;
    color: #1F7628!important;
    background-color: #DFF9E1!important;
}

.toast.toast-info {
    border: 1px solid #2C85A5!important;
    color: #2C85A5!important;
    background-color: #D8EFF5!important;
}

.toast.toast-warning {
    border: 1px solid #A55A03 !important;
    color: #A55A03!important;
    background-color: #FFF7C1 !important;
}

.toast.toast-error {
    border: 1px solid #C60F25!important;
    color: #C60F25!important;
    background-color: #FFE0E4!important;
}

/* #toast-container> * {
    box-sizing: unset !important;
} */

#toast-container>.toast-success {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22C17.5 22 22 17.5 22 12C22 6.5 17.5 2 12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22Z' stroke='%231F7628' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.75 12.0019L10.58 14.8319L16.25 9.17188' stroke='%231F7628' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

#toast-container>.toast-info {
    margin-left: 100px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.7499 2.44982C11.4499 1.85982 12.5799 1.85982 13.2599 2.44982L14.8399 3.79982C15.1399 4.04982 15.7099 4.25982 16.1099 4.25982H17.8099C18.8699 4.25982 19.7399 5.12982 19.7399 6.18982V7.88982C19.7399 8.28982 19.9499 8.84982 20.1999 9.14982L21.5499 10.7298C22.1399 11.4298 22.1399 12.5598 21.5499 13.2398L20.1999 14.8198C19.9499 15.1198 19.7399 15.6798 19.7399 16.0798V17.7798C19.7399 18.8398 18.8699 19.7098 17.8099 19.7098H16.1099C15.7099 19.7098 15.1499 19.9198 14.8499 20.1698L13.2699 21.5198C12.5699 22.1098 11.4399 22.1098 10.7599 21.5198L9.17988 20.1698C8.87988 19.9198 8.30988 19.7098 7.91988 19.7098H6.16988C5.10988 19.7098 4.23988 18.8398 4.23988 17.7798V16.0698C4.23988 15.6798 4.03988 15.1098 3.78988 14.8198L2.43988 13.2298C1.85988 12.5398 1.85988 11.4198 2.43988 10.7298L3.78988 9.13982C4.03988 8.83982 4.23988 8.27982 4.23988 7.88982V6.19982C4.23988 5.13982 5.10988 4.26982 6.16988 4.26982H7.89988C8.29988 4.26982 8.85988 4.05982 9.15988 3.80982L10.7499 2.44982Z' stroke='%232C85A5' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 8.12988V12.9599' stroke='%232C85A5' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.9946 16H12.0036' stroke='%232C85A5' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

#toast-container>.toast-warning {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9V14' stroke='%23A55A03' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.9999 21.4098H5.93993C2.46993 21.4098 1.01993 18.9298 2.69993 15.8998L5.81993 10.2798L8.75993 4.99979C10.5399 1.78979 13.4599 1.78979 15.2399 4.99979L18.1799 10.2898L21.2999 15.9098C22.9799 18.9398 21.5199 21.4198 18.0599 21.4198H11.9999V21.4098Z' stroke='%23A55A03' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.9946 17H12.0036' stroke='%23A55A03' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

#toast-container>.toast-error {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22C17.5 22 22 17.5 22 12C22 6.5 17.5 2 12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22Z' stroke='%23C60F25' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.16992 14.8319L14.8299 9.17188' stroke='%23C60F25' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.8299 14.8319L9.16992 9.17188' stroke='%23C60F25' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

/* text */

.text--claret-050 {
    color: var(--claret-050)!important;
}

.text--claret-200 {
    color: var(--claret-200)!important;
}

.text--claret-400 {
    color: var(--claret-400)!important;
}

.text--claret-600 {
    color: var(--claret-600)!important;
}

.text--claret-800 {
    color: var(--claret-800)!important;
}

.text--claret-950 {
    color: var(--claret-950)!important;
}

.text--neptune-050 {
    color: var(--neptune-050)!important;
}

.text--neptune-200 {
    color: var(--neptune-200)!important;
}

.text--neptune-400 {
    color: var(--neptune-400)!important;
}

.text--neptune-600 {
    color: var(--neptune-600)!important;
}

.text--neptune-800 {
    color: var(--neptune-800)!important;
}

.text--neptune-950 {
    color: var(--neptune-950)!important;
}

.text-gris {
    color: #4F4F4F !important;
}

/* ============================================== */

/* backgrounds */

.bg--claret-050 {
    background: var(--claret-050)!important;
}

.bg--claret-200 {
    background: var(--claret-200)!important;
}

.bg--claret-400 {
    background: var(--claret-400)!important;
}

.bg--claret-600 {
    background: var(--claret-600)!important;
}

.bg--claret-800 {
    background: var(--claret-800)!important;
}

.bg--claret-950 {
    background: var(--claret-950)!important;
}

.bg--neptune-050 {
    background: var(--neptune-050)!important;
}

.bg--neptune-200 {
    background: var(--neptune-200)!important;
}

.bg--neptune-400 {
    background: var(--neptune-400)!important;
}

.bg--neptune-600 {
    background: var(--neptune-600)!important;
}

.bg--neptune-800 {
    background: var(--neptune-800)!important;
}

.bg--neptune-950 {
    background: var(--neptune-950)!important;
}

.bg-gris-claro-1 {
    background: #F0F0F0 !important;
}

.bg-gris-claro-2 {
    background: #D9D9D9 !important;
}

.bg-gris {
    background: #4F4F4F !important;
}
/* ============================================== */

.link-design {
    color: var(--neptune-400)!important;
    font-size: 16px;
    line-height: 16px;
}

.link-design:hover {
    color: var(--neptune-600)!important;
}

.link-design:hover path {
    stroke: var(--neptune-600) !important;
}
/* ============================================== */

#map {
    border-radius: 8px;
    border: 1px solid #D9D9D9;    
}

.aside-dark .hover-scroll-overlay-y:hover {
    scrollbar-color: #949494 #D9D9D9 !important;
}

.aside-dark .hover-scroll-overlay-y {
    --scrollbar-space: 0.4rem;
    
    /* Estilo para Firefox */
    scrollbar-width: thin;
    scrollbar-color: #949494 #D9D9D9;
}

/* Estilos para WebKit (Chrome, Safari, Edge) */
.aside-dark .hover-scroll-overlay-y::-webkit-scrollbar {
    width: var(--scrollbar-space);
}

.aside-dark .hover-scroll-overlay-y::-webkit-scrollbar-track {
    background: transparent;
}

.aside-dark .hover-scroll-overlay-y::-webkit-scrollbar-thumb {
    background-color: #949494;
    border-radius: 9999px; /* Esto da un border radius completo */
}

/* Ocultar los botones de flecha */
.aside-dark .hover-scroll-overlay-y::-webkit-scrollbar-button {
    display: none;
}

.aside-dark .hover-scroll-overlay-y::-webkit-scrollbar-thumb:hover {
    background-color: #D0D0D0;
}

.d-contents {
    display: contents !important;
}
.flatpickr-calendar {
    box-shadow: 0 0 4px #F4F4F4 !important;
    border-radius: 16px;
}

.flatpickr-day.endRange, .flatpickr-day.endRange.inRange, .flatpickr-day.endRange.nextMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.endRange:focus, .flatpickr-day.endRange:hover, .flatpickr-day.selected, .flatpickr-day.selected.inRange, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.selected:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange, .flatpickr-day.startRange.inRange, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.startRange:focus, .flatpickr-day.startRange:hover {
    background-color: var(--claret-600) !important;
}

.flatpickr-day {
    border-radius: 50%;
}

.flatpickr-day.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day.nextMonthDay:focus, .flatpickr-day.nextMonthDay:hover, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.today.inRange, .flatpickr-day:focus, .flatpickr-day:hover {
    background:  var(--claret-050);
    color: var(--claret-600);
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover,
.flatpickr-months .flatpickr-next-month:hover, .flatpickr-months .flatpickr-prev-month:hover {
    background: white !important;
}

.flatpickr-months .flatpickr-next-month:hover svg, .flatpickr-months .flatpickr-prev-month:hover svg {
    fill: var(--claret-600);
}


.right-0 {
    right: 0 !important;
}

.hidden {
    display: none;
}

.border-none {
    border: none;
}

.input-group-text {
    height: 43px;
    font-size: 1.1rem !important;
}

.modal {
    background: rgba(0, 0, 0, .4);
}

.modal-content {
    border-radius: 16px !important;
}

.modal-header span {
    font-size: 24px;
    font-weight: 600;
    line-height: 48px !important;
}

.text-hover-primary:hover {
    color: var(--claret-600) !important
}

.text-hover-primary:hover .svg-icon svg [fill]:not(.permanent):not(g) {
    fill: var(--claret-600) !important
}

.border-bottom-nav {
    border-bottom: 3px solid var(--claret-600) !important
}

.nav-link-disabled {
    background-color: #FFFFFF !important;
}

.nav-link.disabled {
    color: var(--claret-200) !important;
}

.nav-line-tabs.nav-line-tabs-2x .nav-item.nav-link-disabled {
    border-top: 1px solid var(--claret-200) !important;
    border-left: 1px solid var(--claret-200) !important;
    border-right: 1px solid var(--claret-200) !important;
    border-bottom: 2px solid var(--claret-600) !important;
}

.nav-line-tabs.nav-line-tabs-2x .nav-item {
    border: 1px solid var(--claret-600) !important;
    border-bottom: 0!important;
    margin-right: 5px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.nav-line-tabs .nav-item .nav-link {
    margin: auto 10px !important;
    color: var(--claret-600)
}

.nav-line-tabs.nav-line-tabs-2x .nav-item .nav-link:hover:not(.disabled) {
    color: white !important;
}

.nav-line-tabs.nav-line-tabs-2x .nav-item .nav-link.active, .nav-line-tabs.nav-line-tabs-2x .nav-item .nav-link:hover:not(.disabled), .nav-line-tabs.nav-line-tabs-2x .nav-item.show .nav-link {
    padding: 10px !important;
    margin: 0!important;
    background-color: var(--claret-600) !important;
}

.text-active-primary.active {
    color: white!important;
}

.nav-line-tabs .nav-item .nav-link.active, .nav-line-tabs .nav-item .nav-link:hover:not(.disabled), .nav-line-tabs .nav-item.show .nav-link {
    border-bottom: 0 !important
}

.border-danger {
    border-color: #FD364E !important
}

.bg-light-danger {
    background-color: #FFE0E4 !important
}

.swal2-popup {
    border-radius: 16px !important;
}

.swal2-title {
    font-size: 40px!important;
    font-weight: 700!important;
    color: #4F4F4F!important;
    border-bottom: 1px solid #D9D9D9 !important;
    padding-bottom: 16px;
    line-height: 48px !important;
}

.swal2-subtitle-error {
    font-size: 24px!important;
    font-weight: 700!important;
    color: #FD364E!important;
    overflow-y: hidden !important;
    line-height: 32px !important;
}

.swal2-subtitle-warning {
    font-size: 24px!important;
    font-weight: 700!important;
    color: #F7AE02!important;
    overflow-y: hidden !important;
    line-height: 32px !important;
}

.swal2-subtitle-success {
    font-size: 24px!important;
    font-weight: 700!important;
    color: #2CA538!important;
    overflow-y: hidden !important;
    line-height: 32px !important;
}

.swal2-subtitle-info {
    font-size: 24px!important;
    font-weight: 700!important;
    color: #2C85A5!important;
    overflow-y: hidden !important;
    line-height: 32px !important;
}

.swal2-subtitle-boss {
    font-size: 24px!important;
    font-weight: 700!important;
    color: var(--neptune-600)!important;
    overflow-y: hidden !important;
    line-height: 32px !important;
}

.swal2-html-container {
    font-size: 16px!important;
    font-weight: 400!important;
    color: #4F4F4F!important;
    padding: 0 8px !important;
}

.swal2-container .swal2-html-container {
    max-height: 260px !important;
    line-height: 24px !important;
}

.swal2-close:focus {
    box-shadow: none!important;
}

.swal2-popup .swal2-actions {
    margin: 0 !important;
}

.no-shadow {
    box-shadow: none !important;
}

.ml-93 {
    margin-left: 93%;
}

/* SVG ICON */
.svg-danger path {
    stroke: #FD364E
}

.text-terciary {
    color: var(--neptune-600) !important;
}

.bg-auth {
    background-color: var(--primary) !important;
}

.bg-footer {
    background-color: var(--claret-800) !important;
}

.bg-body {
    border-radius: 24px !important;
}

.bg-body-public {
    background-color: white;
    border-radius: 24px;
    border: 1px solid #D9D9D9;
}

.input-label {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #4F4F4F;
}

.email-login {
    min-height: 0!important;
}

.invalid-feedback {
    color: #FD364E !important;
    margin-top: 0!important;
    min-height: 20px;
}

.form-control {
    color: #4F4F4F !important;
}

.form-control, .form-control-sm {
    background: #F0F0F0;
    border: 1px solid #D9D9D9;
}

.form-control-sm {
    width: 100%;    
    font-size: 14px !important;
}

.form-control:disabled, 
.form-control[readonly],
.form-select-disabled {
    background-color: #F0F0F0 !important;
    border: 1px solid #D9D9D9 !important;
    color: #949494 !important;
    cursor: no-drop !important;
}

.birthday.form-control[readonly], .date.form-control[readonly]  {
    color: #4F4F4F !important;
    cursor: pointer !important;
}

.form-select-disabled > span {
    color: #949494 !important;
}

.form-control:focus {
    background: #F0F0F0;
    border: 1px solid var(--neptune-400);
}

.form-control-is-invalid {
    background: #F0F0F0;
    border: 1px solid #FD364E;
}

.form-control.form-control-solid, .form-check.form-check-solid .form-check-input {
    background-color: white;
    border: 1.5px solid #D9D9D9;
}

.text-link-public {
    color: var(--neptune-050);
}

.text-link-public:hover {
    color: var(--neptune-200);
}

.title-auth {
    font-size: 40px!important;
    font-weight: 700!important;
    line-height: 48px;
}

.subtitle-auth {
    font-size: 16px!important;
    font-weight: 400!important;
    color: #4F4F4F!important;
    line-height: 32px;
}


.p-auth {
    padding: 25% 10%;
}

.form-control-custom {
    width: 200px;
    height: 50px;
    font-size: 3rem;
    text-align: center;
    color: #4F4F4F;
    border: 0;
    border-radius: 8px;
    line-height: 32px;
    letter-spacing: 0;
}

.text-form-control-custom {
    padding-left: 0!important;
    font-size: 24px!important;
    font-weight: 700;
    height: auto;
}

.form-control-custom:focus {
    outline: none;
}

.img-zoom {
    transition: transform ease-in-out 0.3s;
}

.mr-2 {
    margin-right: 0.5rem;
}

.img-zoom:hover { 
    position: absolute;
    transform: scale(400%) 
}

/*Left position*/
.img-zoom-left {
    transition: transform ease-in-out 0.3s;
}
.img-zoom-left:hover { 
    position: absolute;
    transform: scale(400%) translate(30px, 0); 
}

/*Right position*/
.img-zoom-right {
    transition: transform ease-in-out 0.3s;
}
.img-zoom-right:hover { 
    position: absolute;
    transform: scale(400%) translate(-20%, 0); 
}

.text-success {
    color: var(--primary)!important;
}

.btn-success {
    background-color: var(--primary)!important;
}

.badge {
    border-radius: 32px !important;
}

.badge-primary {
    color: #FFFFFF !important;
    background-color: var(--claret-600)!important;
}

.top-80 {
    top: 80% !important;
}

.badge-notifications {
    width: 16px !important;
    height: 16px !important;
}

.badge.badge-circle {
    display: flex !important;
    font-size: 12px !important;
}

.badge-status-send,
.badge-status-proccess, 
.badge-status-awarded,
.badge-status-pending {
    border: 1px solid #83C7DD;
    background-color: #D8EFF5;
    color: #2C85A5 !important;
}

.badge-status-rejected,
.badge-status-canceled,
.badge-status-disabled,
.badge-status-no-send,
.badge-status-denied  {
    border: 1px solid #FF9EA9;
    background-color: #FFE0E4;
    color: #871523 !important;
}

.badge-status-delivered,
.badge-status-paid, 
.badge-status-finalize,
.badge-status-approved,
.badge-status-enabled,
.badge-status-send-email {
    border: 1px solid #8FE698;
    background-color: #DFF9E1;
    color: #1F7628 !important;
}

.badge-not-available {
    border: 1px solid #D9D9D9 !important;
    background-color: #F0F0F0 !important;
    color: #949494 !important;
}

.text-not-available {
    color: #D9D9D9 !important;
}

.text-status-request {
    padding: 2px 8px;
    border-radius: 32px;
}

.text-badge {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #4F4F4F !important;
}

.text-badge-title {
    font-size: 32px !important;
    font-weight: 400;
    line-height: 32px;
    color: #4F4F4F !important;
    width: 80%;
}

.text-badge-span {
    font-size: 20px !important;
    font-weight: 400;
    line-height: 32px;
    color: #4F4F4F !important;
    width: 80%;
}

.text-status {
    padding: 2px 8px;
    border-radius: 32px;
}

.text-send, 
.text-proccess, 
.text-awarded,
.text-pending {
    color: #2C85A5 !important;
}

.text-rejected,
.text-canceled,
.text-disabled,
.text-no-send,
.text-denied  {
    color: #871523 !important;
}

.text-delivered,
.text-paid, 
.text-finalize,
.text-approved,
.text-enabled,
.text-send-email {
    color: #1F7628 !important;
}

.form-select.form-select-solid, .form-select.form-select-solid:active, .form-select.form-select-solid:focus {
    background-color: #F0F0F0;
    border: 1px solid #D9D9D9;
    border-radius: 8px;
    color: #4F4F4F;
}

.select2-container--bootstrap5 .select2-selection--single .select2-selection__rendered{
    color: #4F4F4F;
}

.filters .select2-container--bootstrap5 .select2-selection--single {
    background-color: #F0F0F0 !important;    
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected:hover{
    color: white !important;
    background-color: var(--claret-600)!important;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted{
    background-color: var(--claret-050)!important;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted {
    color: var(--primary)!important;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected {
    background-color: var(--primary)!important;
    color: white !important;
}

.accordion-suppliers .accordion-button {
    border-radius: 16px !important;
    padding: 16px 32px!important;
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #4F4F4F !important;
}

.accordion-suppliers .accordion-button[aria-expanded="true"] {
    border-bottom-right-radius: 16px !important;
    border-bottom-left-radius: 16px !important;
}

.accordion-suppliers .accordion-item:first-of-type .accordion-button {
    border-top-right-radius: 16px !important;
    border-top-left-radius: 16px !important;
}

.accordion-button {
    border-radius: 8px !important;
    padding: 16px !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #4F4F4F !important;
}

.accordion-item:last-of-type {
    border-bottom-right-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
}

.accordion-button:not(.collapsed) {
    background-color: white;
    box-shadow: none;
}

.accordion-button[aria-expanded="true"] {
    background-color: #D9D9D9 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.accordion-button:not(.collapsed)::after {
    background-image: url(/svg/arrow-down.svg) !important;
}

td.details-control {
    width: 30px;
    cursor: pointer;
}

.table>:not(caption)>*>* {
    padding: .5rem;
}

thead, tbody, tr {
    height: 25px;
}

.table>thead {
    background: #F0F0F0;
    color: #4F4F4F !important;
}

.table th:first-child {
    border-top-left-radius: 8px!important;
    padding-left: 10px;
}

.table td:first-child {
    padding-left: 10px;
}

.table th:last-child {
    border-top-right-radius: 8px!important;
}

.table thead th {
    text-transform: none !important;
}

.dt-empty {
    text-align: center;
}

.dt-length label {
    display: inline-flex !important;
    align-items: center;
}

.dt-length label .form-control {
    width: 70px;
    background-color: white;
    border: 1px solid #D9D9D9;
    border-radius: 8px;
    color: #4F4F4F;
    padding-top: .55rem;
    padding-bottom: .55rem;
    padding-left: .75rem;
    font-size: .925rem;
    margin: 0 3px;

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%237E8299' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 16px 12px;
}

.dt-length label .form-control:focus {
    background-color: white;
    border: 1px solid #D9D9D9;
    border-radius: 8px;
    color: #4F4F4F;
}

td.table-actions {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
}

.table-actions, .sorting_disabled {
    display: table-cell;
    padding-top: 2px !important;
    padding-bottom: 9px !important;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 0!important;
}

.dataTables_paginate, .dataTables_info {
    padding: 0!important;
}

.pagination {
    border-radius: 8px !important;
}

.paginate_button, .dt-paging-button {
    border: 1px solid #D9D9D9;
    margin: 0!important;
}

.paginate_button:hover, .dt-paging-button:hover {
    background:#F0F0F0!important;
    color: var(--claret-950) !important;
}

.page-item:hover:not(.disabled) .page-link i {
    color: var(--claret-950)!important;
}

.pagination>.previous {
    border-top-left-radius: 8px!important;
    border-bottom-left-radius: 8px!important;
    border-right: 0;
}

.pagination>.page-item {
    border-right: 0;
}

.pagination>.next {
    border-top-right-radius: 8px!important;
    border-bottom-right-radius: 8px!important;
    border-right: 1px solid #D9D9D9;
}

.page-item.active .page-link {
    background: #D9D9D9;
    color: #4F4F4F;
}

.page-link:focus {
    background-color: white !important;
}

.page-item:first-child .page-link {
    border-top-left-radius: 8px!important;
    border-bottom-left-radius: 8px!important;
}

.page-item:last-child .page-link {
    border-top-right-radius: 8px!important;
    border-bottom-right-radius: 8px!important;
}

.page-item .page-link {
    border-radius: 0 !important;
}

.justify-content-center {
    justify-content: center !important;
}

.align-center{
    align-items: center !important;
}

.align-start {
    align-items: start !important;
}

.align-end {
    align-items: end !important;
}

.table td:last-child, .table th:last-child, .table tr:last-child {
    padding-right: 10px;
    padding-left: 10px;
}

table.dataTable>thead>tr>td:not(.sorting_disabled), table.dataTable>thead>tr>th:not(.sorting_disabled) {
    padding-right: 0px !important;
}

.aside-dark .menu .menu-item .menu-link.active .menu-icon i,
.aside-dark .menu .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-icon i,
.aside-dark .menu .menu-item.hover>.menu-link:not(.disabled):not(.active) .menu-icon i {
    color: #ffffff !important;
}

.bg-dark {
    background-color: var(--primary)!important;
    background-attachment: fixed;
    background-size: cover;
}

/* BUTTONS */
.btn.btn-standar {
    background-color: #F0F0F0 !important;
    color: #4F4F4F !important;
}

.btn.btn-standar:hover {
    background-color: #D9D9D9 !important;
    color: #4F4F4F !important;
}

btn.btn-ghost {
    background-color: transparent !important;
    color: #4F4F4F !important;
}

.btn.btn-ghost:hover,
.btn.btn-ghost-active:hover  {
    background-color: var(--claret-050) !important;
    color: var(--claret-600) !important;
}

.btn.btn-ghost-active {
    background-color: var(--claret-050) !important;
    color: var(--claret-600) !important;
}

.btn.btn-ghost-active i {
    color: var(--claret-600) !important;
}

.btn.btn-secondary {
    background-color: var(--neptune-400) !important;
    color: #FFFFFF !important;
}

.btn.btn-secondary:hover:not(.btn-active) {
    background-color: var(--neptune-600) !important;
    color: #FFFFFF !important;
}

.btn-tertiary {
    color: var(--claret-600) !important;
    border-color: var(--claret-600) !important;
}

.btn-tertiary:hover {
    color: var(--claret-800) !important;
    border-color: var(--claret-800) !important; 
    background-color: transparent !important;
}

.btn-tertiary:hover path {
    stroke: var(--claret-800);
}

.btn.btn-danger {
    background-color: #FD364E !important;
    color: white !important;
}

.btn.btn-danger:hover {
    background-color: #C60F25 !important;
    color: white !important;
}

.aside.aside-dark,
.aside.aside-dark .aside-logo,
.btn.btn-info {
    background-color: var(--primary);
}

.btn-check:active+.btn.btn-info, .btn-check:checked+.btn.btn-info, .btn.btn-info.active, .btn.btn-info.show, 
.btn.btn-info:active:not(.btn-active), .btn.btn-info:focus:not(.btn-active), .btn.btn-info:hover:not(.btn-active), .show>.btn.btn-info{
    background-color: var(--primary) !important;
}

.btn.btn-active-light-primary:active:not(.btn-active) {
    color: var(--primary) !important;
    border-color: var(--claret-050) !important;
    background-color:var(--claret-050) !important;
}

.btn.btn-active-light-primary:active:not(.btn-active) i {
    color: var(--primary) !important;
}

.btn.btn-primary {
    color: #fff;
    border-color: var(--claret-600) !important;
    background-color: var(--claret-600) !important;
}

.btn-check:active+.btn.btn-primary, .btn-check:checked+.btn.btn-primary, .btn.btn-primary.active, .btn.btn-primary.show, .btn.btn-primary:active:not(.btn-active), .btn.btn-primary:focus:not(.btn-active), .btn.btn-primary:hover:not(.btn-active), .show>.btn.btn-primary {
    color: #fff;
    border-color: var(--claret-800) !important;
    background-color: var(--claret-800) !important;
}

.ml-auto {
    margin-left: auto !important;
}

.mr-auto {
    margin-right: auto !important;
}

.aside-dark .menu .menu-item .menu-link .menu-title {
    color: #fafafa;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 24px !important;
}

.aside-tenant-admin .menu .menu-item .menu-link .menu-title {
    color: #fafafa;
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 16px !important;
}

.aside-tenant-client .menu .menu-item .menu-link .menu-title {
    color: #fafafa;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 24px !important;
}

.aside-menu .menu-item {
    padding: 0 10px;
}

.aside-menu .menu-sub .menu-item {
    padding: 0;
}

.aside-menu .menu .menu-item .menu-content, .aside-menu .menu .menu-item .menu-link {
    padding-left: 15px;
    padding-right: 10px;
}

.menu-link {
    height: 50px;
}

.menu-sub:not([data-popper-placement])>.menu-item>.menu-sub:not([data-popper-placement])>.menu-item>.menu-content, .menu-sub:not([data-popper-placement])>.menu-item>.menu-sub:not([data-popper-placement])>.menu-item>.menu-link {
    padding-left: calc(2rem + 1rem) !important;
}

.aside-dark .menu .menu-item .menu-link.active,
.aside-dark .menu .menu-item .menu-link:hover:not(.disabled):not(.active), .aside-dark .menu .menu-item.hover>.menu-link:not(.disabled):not(.active),
.btn-check:active+.btn.btn-light-info, .btn-check:checked+.btn.btn-light-info, .btn.btn-light-info.active, .btn.btn-light-info.show, .btn.btn-light-info:active:not(.btn-active), .btn.btn-light-info:focus:not(.btn-active), .btn.btn-light-info:hover:not(.btn-active), .show>.btn.btn-light-info,
.btn-check:active+.btn.btn-info, .btn-check:checked+.btn.btn-info, .btn.btn-info.active, .btn.btn-info.show, .btn.btn-info:active:not(.btn-active), .btn.btn-info:focus:not(.btn-active), .btn.btn-info:hover:not(.btn-active), .show>.btn.btn-info  {
    background-color: var(--claret-800) !important;
    border-radius: 8px;
    filter: brightness(100%) !important;
}

.aside-dark .menu .menu-item .menu-section, .aside-dark .menu .menu-item .menu-link .menu-icon i  {
    color: #ffffff!important;
    font-weight: bold !important;
}

.menu-state-primary .menu-item .menu-link:hover:not(.disabled):not(.active), .menu-state-primary .menu-item.hover>.menu-link:not(.disabled):not(.active) {
    color: var(--primary)!important;
    background-color: var(--claret-050)!important;
}

.text-primary {
    color: var(--primary)!important;
}

.text-muted:hover {
    color: var(--primary)!important;
}

.dt-buttons .btn {
    border-radius: .475rem;
}

.btn {
    border-radius: 8px;
    font-size: 16px!important;
    font-weight: 600!important;
    line-height: 16px!important;
    height: 48px;
}

.applyBtn {
    border-radius: 8px;
    font-size: 1rem!important;
    font-weight: 500!important;
    line-height: 16px!important;
    height: 35px !important;
    padding: 10px!important;
}

.cancelBtn {
    border-radius: 8px;
    font-size: 1rem!important;
    font-weight: 500!important;
    line-height: 16px!important;
    height: 35px !important;
    background-color: transparent !important;
    color: #4F4F4F !important;
    padding: 10px!important;
}
    
.cancelBtn:hover:not(.btn-active) {
    background-color: var(--claret-050) !important;
    color: var(--claret-600) !important;
}

.btn-sm {
    height: 32px;
}

.symbol-rectangle {
    border: 1px solid #F0F0F0;
}

.symbol-circle, .image-input.image-input-circle {
    border: 1px solid #F0F0F0;
    border-radius: 50%;
}

.symbol.symbol-85px>img {
    width: 85px;
    height: 85px;
}

body{
    background-color:var(--claret-050);
    font-family: "Titillium Web", sans-serif !important;
}

.text-dark-2 {
    color: #4F4F4F !important;
}

.aside.aside-dark .separator {
    border-bottom-color: #ffffff;
}

.svg-icon.svg-icon-1 svg {
    height: 1.3rem!important;
    width: 1.3rem!important;
    color: white!important;
}

.svg-icons {
    display: flex;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    align-items: center;
    justify-content: center;
}

.svg-icons.text-gris span {
    color: #4f4f4f !important;
}

.svg-icons span {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #949494;
}

.svg-icons:hover span {
    color: var(--claret-600);
}

.svg-icons:hover {
    background: var(--claret-050);
}

.svg-icons:hover svg, .svg-icons:hover path {
    stroke: var(--claret-600);
}

.svg-only-icon:hover svg, .svg-only-icon:hover path {
    stroke: var(--claret-600) ;
}

.page-link:hover,
.btn-check:active+.btn.btn-active-color-info, .btn-check:checked+.btn.btn-active-color-info, .btn.btn-active-color-info.active, .btn.btn-active-color-info.show, .btn.btn-active-color-info:active:not(.btn-active), .btn.btn-active-color-info:focus:not(.btn-active), .btn.btn-active-color-info:hover:not(.btn-active), .show>.btn.btn-active-color-info,
.btn-check:active+.btn.btn-active-light-info, .btn-check:checked+.btn.btn-active-light-info, .btn.btn-active-light-info.active, .btn.btn-active-light-info.show, .btn.btn-active-light-info:active:not(.btn-active), .btn.btn-active-light-info:focus:not(.btn-active), .btn.btn-active-light-info:hover:not(.btn-active), .show>.btn.btn-active-light-info,
.btn-check:active+.btn.btn-active-light-info i, .btn-check:checked+.btn.btn-active-light-info i, .btn.btn-active-light-info.active i, .btn.btn-active-light-info.show i, .btn.btn-active-light-info:active:not(.btn-active) i, .btn.btn-active-light-info:focus:not(.btn-active) i, .btn.btn-active-light-info:hover:not(.btn-active) i, .show>.btn.btn-active-light-info i {
    color: var(--primary)!important;
}

.btn-check:active+.btn.btn-white, .btn-check:checked+.btn.btn-white, .btn.btn-white.active, .btn.btn-white.show, .btn.btn-white:active:not(.btn-active), .btn.btn-white:focus:not(.btn-active), .btn.btn-white:hover:not(.btn-active), .show>.btn.btn-white {
    background-color: #FEF2F4 !important;
    color: var(--claret-600) !important;
}

.page-link:hover {
    background-color: #f5f8fa;
}

.font-size-base {
    font-size: 1rem !important;
}

.btn-sm, .btn-group-sm > .btn {
    padding: 0.55rem 0.75rem !important ;
    font-size: 0.925rem !important;
    line-height: 1.35 !important;
    border-radius: 0.42rem !important;
}

.font-weight-bold {
    font-weight: 500 !important;
}

.daterangepicker .ranges li.active {
    background-color: var(--claret-600);
    color: #FFFFFF;
    transition: color .2s ease,background-color .2s ease;
}

.daterangepicker .ranges li:hover {
    background-color: var(--claret-050);
    color: var(--claret-600);
    transition: color .2s ease,background-color .2s ease;
}
.daterangepicker .drp-calendar td.available:hover, .daterangepicker .drp-calendar th.available:hover {
    border-radius: 50%;
    background: var(--claret-050);
    color: var(--claret-600);
}

.daterangepicker .drp-calendar td.active {
    background-color: var(--claret-600) !important;
    color: #FFFFFF!important;
    border-radius: 50%;
}

.daterangepicker .drp-calendar td.in-range.available:not(.active):not(.off):not(.today) {
    background-color: var(--claret-050);
    color: var(--claret-600);
}

.daterangepicker .drp-calendar td.today, .daterangepicker .drp-calendar td.today.active {
    background: var(--claret-600) !important;
    color: #FFFFFF !important;
    border-radius: 50%;
}

.daterangepicker .drp-calendar td:hover {
    color: var(--claret-600) !important;
}

.table td, .table th, .table tr, .dataTables_length {
    font-size: 14px !important;
}

.table .details tr {
    border: none !important;
    border-bottom-width: 1px !important;
    border-bottom-style: dashed !important;
    border-bottom-color: #eff2f5 !important;
}

.form-check-input:checked[type=checkbox] {
    background-image: url(/svg/checked.svg);
    background-size: 10px !important;
}

.checked-black .form-check-input:checked[type=checkbox] {
    background-image: url(/svg/checked-black.svg);
    background-size: 10px !important;
}

.form-check-input[type=radio] {
    width: 16px !important;
    height: 16px !important;
}

.form-check-input:checked[type=radio] {
    background-image: url(/svg/radio-checked.svg);
    background-color: white !important;
    background-size: 8px;
}

.form-check-input:checked {
    background-color: white;
    border: 2px solid #D9D9D9 !important;
}

.form-check.form-check-solid .form-check-input:checked {
    background-color: white;
}

.form-check-active.form-check-solid .form-check-input:checked {
    background-color: var(--primary) !important;
    background-size: auto !important;
}

.form-check.form-check-solid .form-check-input:active, .form-check.form-check-solid .form-check-input:focus {
    background-color: white !important;
}

.status.form-check-active.form-check-solid .form-check-input {
    background-color: #D0D0D0 !important;
}

.status.form-check-active.form-check-solid .form-check-input:checked {
    background-color: var(--primary) !important;
}

.toolbar_calendar {
    border-bottom: 1px solid #D9D9D9;
    position: fixed;
    width: 100%;
    z-index: 2;
}

div.dataTables_wrapper div.dataTables_processing {
    background-color: transparent !important;
}

#kt_datatable_example_1_wrapper > .toolbar , .toolbar_, #kt_datatable_example_2_wrapper > .toolbar , .toolbar_ {
    float: right;
}

table.dataTable>thead>tr>td:not(.sorting_disabled), table.dataTable>thead>tr>th:not(.sorting_disabled) {
    padding-right: 10px !important;
}

.bg-info2 {
    background-color: var(--primary) !important;
}

.btn-bg-info{
    background-color: var(--primary) !important;
}

.btn.btn-light-info i, .btn.btn-light-info{
    color: var(--primary) !important;
}

.btn-check:active+.btn.btn-light-info, .btn-check:checked+.btn.btn-light-info, .btn.btn-light-info.active, .btn.btn-light-info.show, .btn.btn-light-info:active:not(.btn-active), .btn.btn-light-info:focus:not(.btn-active), .btn.btn-light-info:hover:not(.btn-active), .show>.btn.btn-light-info {
    color: #fff !important;
    border-color: var(--primary)!important;
    background-color: var(--primary)!important;
}

.btn-check:active+.btn.btn-light-info i, .btn-check:checked+.btn.btn-light-info i, .btn.btn-light-info.active i, .btn.btn-light-info.show i, .btn.btn-light-info:active:not(.btn-active) i, .btn.btn-light-info:focus:not(.btn-active) i, .btn.btn-light-info:hover:not(.btn-active) i, .show>.btn.btn-light-info i{
    color: #fff !important;
}

.dropdown {
    text-align: right !important;
}


.stepper.stepper-pills .cart .stepper-item.current .stepper-icon, 
.stepper.stepper-pills .cart .stepper-item .stepper-icon {
    background-color: var(--neptune-050) !important;
}

.stepper.stepper-pills .cart .stepper-item {
    display: none;
}

.stepper.stepper-pills .cart .stepper-item.current,
.stepper.stepper-pills .cart .stepper-item.completed {
    display: flex;
    border-bottom: none !important;
}

.stepper.stepper-pills .stepper-item.current .stepper-label .stepper-title,
.stepper.stepper-pills .stepper-item .stepper-label .stepper-title {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #4F4F4F !important;
    margin-bottom: 0 !important;
}

.stepper.stepper-pills .stepper-item .stepper-icon {
    margin-right: 0px !important;
}

/* .stepper.stepper-pills .stepper-item.current .stepper-icon,
.stepper.stepper-pills .stepper-item .stepper-icon { 
    background-color: white!important;
} */

.stepper.stepper-pills .stepper-item.current,
.stepper.stepper-pills .stepper-item.completed {
    border-bottom: 2px solid var(--claret-600) !important;
}

.stepper.stepper-pills .stepper-item .stepper-icon .stepper-number, .stepper.stepper-pills .stepper-item.completed .stepper-icon .stepper-check, .stepper.stepper-pills .stepper-item.current:last-child .stepper-icon .stepper-check {
    color: var(--primary) !important;
}

.createlogo {
    position: absolute;
    width: 300px;
    margin-left: 150px;
    opacity: 0.1;
}

.table-status {
    text-align: start;
} 

.btn-check:active+.btn.btn-active-color-primary, .btn-check:checked+.btn.btn-active-color-primary, .btn.btn-active-color-primary.active, .btn.btn-active-color-primary.show, .btn.btn-active-color-primary:active:not(.btn-active), .btn.btn-active-color-primary:focus:not(.btn-active), .btn.btn-active-color-primary:hover:not(.btn-active), .show>.btn.btn-active-color-primary,
.btn-check:active+.btn.btn-active-color-primary i, .btn-check:checked+.btn.btn-active-color-primary i, .btn.btn-active-color-primary.active i, .btn.btn-active-color-primary.show i, .btn.btn-active-color-primary:active:not(.btn-active) i, .btn.btn-active-color-primary:focus:not(.btn-active) i, .btn.btn-active-color-primary:hover:not(.btn-active) i, .show>.btn.btn-active-color-primary i {
    color: var(--claret-800)!important;
}


/* widths */
.w-80 {
    width: 80% !important;
}

.w-11 {
    width: 11% !important;
}

.w-15 {
    width: 15% !important;
}

.w-20 {
    width: 21% !important;
}

.w-80 {
    width: 79% !important;
}

.w-70 {
    width: 70% !important;
}

.w-30 {
    width: 30% !important;
}

.w-32 {
    width: 32% !important;
}

.w-35 {
    width: 35%;
}

.w-45 {
    width: 45%;
}

.w-49 {
    width: 49%;
}

.w-55 {
    width: 55%;
}

.w-66 {
    width: 66%;
}

.w-67 {
    width: 67%;
}

.w-280px {
    width: 280px !important;
}

/* PERCENTAGES */
.noUi-target .noUi-connect {
	background: var(--neptune-400)!important;
}

.noUi-tooltip {
    background: var(--neptune-800)!important;
    border-radius: 32px !important;
    color: #FFFFFF !important;
    font-size: 16px !important;
}

.noUi-target.noUi-sm .noUi-handle {
    border: 5px solid var(--neptune-400)!important;
    border-radius: 50% !important;
}

.noUi-horizontal .noUi-tooltip {
    bottom: 180% !important;    
}

.cursor-none {
    cursor: none !important;
}

.cursor-default {
    cursor: default !important;
}

.cursor-not-allowed {
    cursor: not-allowed !important;
}

.progress-bar {
    background-color: var(--neptune-400) !important;
}

@media (max-width: 448px) {
    .filters {
        display: none;
    }
}
@media (max-width: 767px) {

    .input-group-text {
        height: 40px;
    }

    .table-actions {
        display: flex;
        align-items: center;
        padding-top: .5rem !important;
        padding-bottom: .5rem !important;
    }

    #kt_datatable_example_1_wrapper > .toolbar , .toolbar_, #kt_datatable_example_2_wrapper > .toolbar , .toolbar_ {
        width: 100%;
    }

    #kt_datatable_example_1_wrapper > .toolbar > a, #kt_datatable_example_2_wrapper > .toolbar > a  {
        width: 100%;
        justify-content: center;
        text-align: center;
    }

    .dt-length label {
        width: 100%;
    }

    #kt_datatable_example_1_info {
        text-align: center;
        margin-bottom: 5px;
    }

    .table th:first-child {
        border-top-left-radius: 0px !important;
    }

    table.dataTable>tbody>tr.child ul.dtr-details {
        width: 100%;
    }

    table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
        content: "";
        background-image: url(/svg/add-circle.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        width: 16px;
        height: 16px;
        border: none;
        box-shadow: none;
        background-color: transparent;
        top: 50%;
        left: 5px;
        transform: translateY(-50%);
        margin-top: 0;
    }

    table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before {
        content: "";
        background-image: url(/svg/minus-circle.svg);
        background-color: white !important;
    }
}

@media (min-width: 768px) {
    .table-status {
        text-align: center;
    }    
}

@media (max-width: 991px) {

    .logo-connect-mobile {
        width: 250px !important;
    }

    .modal-header span {
        font-size: 16px !important;
    }

    .swal2-html-container {
        font-size: 12px!important;
    }
    
    .swal2-subtitle-error {
        font-size: 16px!important;
    }
    
    .swal2-subtitle-success {
        font-size: 16px!important;
    }

    .swal2-subtitle-boss {
        font-size: 16px!important;
    }

    .swal2-title {
        font-size: 32px!important;
    }

    .fs-2qx {
        font-size: 17px !important;
    }
    
    .createlogo {
        width: 200px;
        margin-left: 40px; 
        margin-top: 36px;
    }
}

@media (min-width: 992px) {
    .swal2-popup {
        min-width: 500px;
    }

    [data-kt-aside-minimize=on] .aside .menu .menu-item .menu-link.active, 
    [data-kt-aside-minimize=on] .aside .menu .menu-item.show .menu-link {
        width:55px;
    }

    [data-kt-aside-minimize=on] .aside.aside-hoverable:hover .menu .menu-item .menu-link.active,
    [data-kt-aside-minimize=on] .aside.aside-hoverable:hover .menu .menu-item.show .menu-link {
        width: 245px;
    }
}

@media (min-width: 1024px){
    .flex-lg-stepper{
        flex-direction: row!important;
    }
}