:root {
    --ct-leftbar-condensed-height: 900px;
    --ct-logo-lg-height: 32px;
    --ct-logo-sm-height: 35px;
    --ct-border-radius: 0.8rem;
}

html[data-sidenav-size=full]:not([data-layout=topnav]) .logo-lg {
    padding-left: 8pt;
}

.modal-header {
    border-top-right-radius: .8rem;
    border-top-left-radius: .8rem;
}

.modal-content {
    border-radius: .8rem;
}

.datepicker {
    padding: 1rem .9rem !important;
    padding-top: 1.625rem !important;
    padding-bottom: .625rem !important;
}

/* Cambiar colores */
.nav-pills {
    --ct-nav-pills-link-active-bg: var(--ct-custom-blue-bg);
}

.ct-custom-logo-text-color {
    color: var(--ct-custom-logo-text-color);
}

.ct-custom-bg-sutitle {
    background-color: #bacde073 !important;
}

.ct-custom-bg-sutitle-blue {
    background-color: #3360b0 !important;
}

.ct-rounded-start {
    border-top-left-radius: var( --ct-border-radius-sm) !important;
    border-bottom-left-radius: var( --ct-border-radius-sm) !important;
}

.ct-rounded-end {
    border-top-right-radius: var(--ct-border-radius-sm) !important;
    border-bottom-right-radius: var(--ct-border-radius-sm) !important;
}

.ct-custom-bg-auth {
    background: var(--ct-header-auth-bg);
}

.notification-list .noti-icon-badge-readed {
    display: inline-block;
    position: absolute;
    top: 22px;
    right: 1px;
    border-radius: 50%;
    height: 7px;
    width: 7px;
    background-color: #bfbdb9;
}

.dropzone {
    background: var(--custom-bg-dropzone);
}

.bg-bnc-b {
    background-color: #FD5000 !important;
}

.bg-bnc-n {
    background-color: #001C4D !important;
}

.bg-bnc-c {
    background-color: #008B0D !important;
}

.text-bnc-b {
    color: #FD5000 !important;
}

.text-bnc-n {
    color: #001C4D !important;
}

.text-bnc-c {
    color: #008B0D !important;
}

.text-color-gray {
    color: var(--custom-text-gray);
}

.unselectable {
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.dz-preview-disabled {
    background-color: var(--custom-bg-frm-disabled) !important;
}

.bg-preloader-message {
    width: 300px;
    text-align: center;
    margin-left: -90px;
    background: var(--ct-custom-orange-bg);
    font-weight: bolder;
    color: white;
    padding: 4pt;
    box-shadow: var(--ct-box-shadow);
    animation: bg-preloader-Animation 0s 8s forwards;
    visibility: hidden;
}

.btndzp {
    position: absolute;
    top: 12pt;
    right: 0pt;
}


@keyframes bg-preloader-Animation {
    to {
        visibility: visible;
    }
}

.card {
    background-color: var(--custom-bg-login);
}

.border-bottom-dashed {
    border-bottom: 1px dashed;
}

.profile-dropdown i, .profile-dropdown span {
    color: var(--custom-a-logout) !important;
}

input[data-switch] + label:after {
    background-color: #688fb6 !important;
}

.form-check-input {
    border: var(--custom-border-checkbox) !important;
}

fieldset:not(:disabled) .ri-close-line {
    color: var(--bs-danger) !important;
}

fieldset:not(:disabled) .form-control[readonly].datepicker {
    color: var(--ct-body-color) !important;
    background-color: var(--ct-input-bg) !important;
    border: var(--ct-border-width) solid var(--ct-border-color) !important;
}

fieldset:disabled .form-control[readonly].datepicker {
    cursor: default;
}

.btn-group-lg > .btn, .btn-lg {
    --ct-btn-font-size: calc(1.02rem + 0.0012vw) !important;
    --ct-btn-border-radius: .4rem !important;
}


[data-bs-theme=light] {
    --ct-primary: #223e6f !important;
    --ct-body-bg: #f0f0f0;
    --ct-header-auth-bg: #001C4D;
    --ct-menu-condensed-link-bg: var(--ct-custom-blue-bg);
    --ct-custom-blue-bg: #003e7e !important;
    --ct-custom-orange-bg: #FD5000 !important;
    --ct-custom-logo-text-color: #fff;
    --ct-primary-rgb: 34,62,111;
    --ct-box-shadow: 0 1px 5px 0 rgb(9 12 18 /25%);
    --ct-leftbar-width-sm: 54px;
    --ct-body-color-rgb: 108,117,125;
    --ct-body-color: #4b5055;
    --custom-row-bg-hover: aliceblue;
    --custom-row-color-hover: #000;
    --custom-bg-dropzone: #fff;
    --ct-custom-menu-bg: linear-gradient(360deg, #001c4dcb 30%, #001C4D 90%);
    --ct-preloader-bg: rgba(255,255,255,0.7);
    --ct-form-valid-color: #008B0D;
    --ct-form-valid-border-color: #008B0D;
    --custom-text-gray: #6c757d;
    --custom-bg-login: #fcfdff;
    --custom-a-logout: #0077cc;
    --custom-border-checkbox: 1px solid rgba(0,0,0,.45);
    --custom-bg-disable_dz: #f6f7fb;
    --custom-color-disable_dz: #c2c8cd;
    --custom-bg-frm-disabled: #e9ecef;
    --custom-text-blue: #001C4D;
}

[data-bs-theme=dark] {
    --ct-topbar-bg: #272727;
    --ct-header-auth-bg: #1c2226;
    --ct-body-bg: #202124;
    --ct-heading-color: #e2ecf5;
    --ct-custom-blue-bg: #156ce2 !important;
    --ct-custom-orange-bg: #FD5000 !important;
    --ct-custom-logo-text-color: #fff;
    --ct-menu-condensed-link-bg: var(--ct-custom-blue-bg);
    --ct-primary-rgb: 58,68,78;
    --ct-leftbar-width-sm: 54px;
    --ct-link-hover-color-rgb: 23,89,204;
    --ct-body-color-rgb: 185,190,195;
    --custom-row-bg-hover: aliceblue;
    --custom-row-color-hover: #000;
    --custom-bg-dropzone: #00000026;
    --ct-custom-menu-bg: #272727;
    --ct-preloader-bg: rgba(0,0,0,0.7);
    --custom-text-gray: #cccccc;
    --custom-bg-login: #37404a;
    --custom-a-logout: #87cdff;
    --custom-border-checkbox: 1px solid #8391a2;
    --custom-bg-disable_dz: #404954;
    --custom-color-disable_dz: #636e77;
    --custom-bg-frm-disabled: #252525;
    --custom-text-blue: #b6d3ff;
}

html[data-menu-color=light] {
    --ct-menu-bg: #223e6f;
    --ct-menu-item-color: #e7eaed;
    --ct-menu-item-hover-color: #fdffd8;
    --ct-menu-item-active-color: #fdffd8;
    --ct-help-box-bg: #fdffd8;
}

html[data-topbar-color=light] {
    --ct-topbar-item-hover-color: #2e63a5 !important;
}

html[data-bs-theme=dark], [data-menu-color=dark] {
    --ct-topbar-item-hover-color: #bccee4 !important;
}

html[data-menu-color=brand] {
    --ct-menu-bg: var(--ct-custom-menu-bg);
    --ct-menu-item-color: #cedce4;
}

html[data-topbar-color=brand] {
    --ct-topbar-bg: #001C4D;
}

html[data-sidenav-size=sm-hover]:not([data-layout=topnav]) .wrapper .leftside-menu .logo {
    text-align: center;
}

.form-control:disabled, .form-control[readonly] {
    background-color: var(--custom-bg-frm-disabled) !important;
}

.btn-info {
    --ct-btn-color: #fff;
    --ct-btn-bg: var(--ct-custom-orange-bg);
    --ct-btn-border-color: #D64000 !important;
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: #D64000 !important;
    --ct-btn-hover-border-color: #FD5000 !important;
    --ct-btn-focus-shadow-rgb: 0,0,0;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: #FC6220 !important;
    --ct-btn-active-border-color: #FD5000 !important;
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: #fff;
    --ct-btn-disabled-bg: #602a11 !important;
    --ct-btn-disabled-border-color: #602a11 !important;
}

input[data-switch=info]:checked + label {
    background-color: var(--ct-custom-blue-bg);
}

.btn-info:focus-visible, .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus {
    background-color: var(--ct-custom-orange-bg);
    border-color: #D64000 !important;
    color: #fff;
    box-shadow: 0.3pt 0.3pt rgba(0, 0, 0, 0.5);
}

.btn-success {
    --ct-btn-color: #fff;
    --ct-btn-bg: #008B0D;
    --ct-btn-border-color: #008B0D;
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: #0fb561;
    --ct-btn-hover-border-color: #0fb561;
    --ct-btn-focus-shadow-rgb: 52,205,128;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: #0fb561;
    --ct-btn-active-border-color: #0fb561;
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: #fff;
    --ct-btn-disabled-bg: #8a8d8b;
    --ct-btn-disabled-border-color: #9E9E9E;
}

#preloader {
    background-color: var(--ct-preloader-bg);
}

#status {
    width: 120px;
    height: 120px;
    margin: -60px 0 0 -60px;
}

.bouncing-loader > div {
    width: 26px;
    height: 26px;
    margin: 32px 7px;
    background: #FD5000;
}

    .bouncing-loader > div:nth-child(2) {
        background: #001C4D;
    }

    .bouncing-loader > div:nth-child(3) {
        background: #008B0D;
    }

/* fin cambio colores */
.form-container {
    height: calc(3.5rem + calc(var(--ct-border-width) * 2));
    min-height: calc(3.5rem + calc(var(--ct-border-width) * 2));
    line-height: 1.25;
}

footer {
    white-space: normal !important;
    line-height: normal !important;
}

.content-page {
    min-height: calc(100vh - var(--ct-topbar-height) - 2px);
}

.horizontal-steps .horizontal-steps-content .step-item {
    height: 16px;
    width: 16px;
}

.step_small {
    width: 100px;
    text-align: center;
}

.custom-text-nowrap {
    white-space: normal
}

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

.text-color-blue {
    color: var(--custom-text-blue);
}

.nav {
    --ct-nav-link-padding-x: 4pt !important;
}

.docrow:hover {
    background-color: var(--custom-row-bg-hover) !important;
    color: var(--custom-row-color-hover) !important;
}

.text-smaller {
    font-size: .85rem;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-auto {
    cursor: auto;
}

.supplier-logo {
    width: 80%;
}

.form-floating > .form-control-plaintext ~ label::after, .form-floating > .form-control:focus ~ label::after, .form-floating > .form-control:not(:placeholder-shown) ~ label::after, .form-floating > .form-select ~ label::after {
    background-color: transparent;
    height: 1.775em;
}

.form-floating > .form-control-plaintext ~ label, .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label {
    color: rgba(var(--ct-body-color-rgb),1);
}

.input-validation-error {
    border-color: var(--ct-form-invalid-border-color) !important;
    padding-right: calc(1.5em + .9rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23ff5b5b'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ff5b5b' stroke='none'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right calc(.375em + .225rem) center !important;
    background-size: calc(.75em + .45rem) calc(.75em + .45rem) !important;
}

.form-check-input.input-validation-error {
    background: none !important;
    padding-right: 0px !important;
}

    .form-check-input.input-validation-error ~ .form-check-label {
        color: var(--ct-danger) !important;
    }

.timeline-lg-item .timeline-desk .arrow, .timeline-lg-item .timeline-desk .arrow-alt, .timeline-lg-item.timeline-item-left .timeline-desk .arrow-alt {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.side-nav .menuitem-active .side-nav-link span {
    border-bottom: dashed 0.5pt;
}

.modal-footer {
    border-top: none !important;
}

.disable_dz {
    background: var(--custom-bg-disable_dz) !important;
    color: var(--custom-color-disable_dz) !important;
    cursor: default;
}

.status_active {
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgb(254, 123, 31);
    }

    70% {
        box-shadow: 0 0 0 6px rgba(33, 131, 221, 0.2);
    }

    100% {
        box-shadow: 0 0 0 0 rgb(51, 153, 102);
    }
}

@media (min-width: 576px) {
    .dropdown-lg {
        width: 324px;
    }
}

@media (max-width: 768px) {
    html [data-topbar-color=light] {
        --ct-topbar-bg: #001C4D;
        --ct-topbar-item-color: rgba(255, 255, 255, 0.7);
        --ct-topbar-search-bg: rgba(255, 255, 255, 0.1);
        --ct-topbar-user-bg: rgba(255, 255, 255, 0.1);
        --ct-topbar-user-border: rgba(255, 255, 255, 0.15);
    }

    html[data-menu-color=light] {
        --ct-menu-bg: linear-gradient(360deg, #001c4dcb 30%, #001C4D 90%);
        --ct-menu-item-color: #cedce4;
    }

    html[data-topbar-color=light] {
        --ct-topbar-bg: #001C4D;
        --ct-topbar-item-color: rgba(255, 255, 255, 0.7);
        --ct-topbar-item-hover-color: #ffffff !important;
        --ct-topbar-user-bg: rgba(255, 255, 255, 0.1);
        --ct-topbar-user-border: rgba(255, 255, 255, 0.15);
    }

    .logo-topbar .logo-dark {
        display: none;
    }

    .logo-topbar .logo-light {
        display: block;
    }

    html[data-bs-theme=dark], [data-menu-color=dark] {
        --ct-menu-bg: #202124 !important;
    }

    .custom-li-btn-width {
        width: 100% !important;
    }

    .mdi-set, .mdi:before {
        padding-left: 4px;
        padding-top: 1px;
    }


    .mdi-arrow-up:before {
        padding-left: 1px !important;
        padding-right: 1px !important;
    }

    .timeline .timeline-icon {
        background: var(--ct-border-color);
        border-radius: 50%;
        display: block;
        height: 24px;
        left: -11px;
        margin-top: 45px;
        position: absolute;
        text-align: left;
        width: 24px;
    }

    .timeline-lg-item .timeline-desk .arrow, .timeline-lg-item .timeline-desk .arrow-alt {
        border-bottom: 12px solid transparent;
        border-right: 12px solid var(--ct-secondary-bg) !important;
        border-top: 12px solid transparent;
        display: block;
        height: 0;
        left: 14px;
        margin-top: 45px;
        position: absolute;
        width: 0;
    }

    .timeline:before {
        background-color: var(--ct-border-color);
        bottom: 0;
        content: "";
        left: 0%;
        position: absolute;
        top: 30px;
        width: 2px;
        z-index: 0;
    }

    .custom-status-pl {
        padding-left: 4pt;
    }

    .custom-small {
        font-size: 0.75rem;
    }

    .custom-btn-small {
        font-size: 0.85rem;
    }

    .index-fs-title {
        font-size: calc(1.1122rem + .7464vw);
    }

    .index-fs-footer {
        font-size: calc(1.0122rem + .7464vw);
    }
}

@media (max-width: 784px) {
    .content-page {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (min-width: 768px) {
    .step_small {
        width: auto;
        text-align: left;
    }

    .supplier-logo {
        width: 60%;
    }

    .index-fs-title {
        font-size: calc(1rem + 0.9vw);
    }

    .ct-rounded-start {
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
    }

    .ct-rounded-end {
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }
}

@media (min-width: 780px) {
    .custom-text-doc-small {
        font-size: 0.75rem;
    }
}

@media (min-width: 992px) {
    .custom-text-nowrap {
        white-space: nowrap;
    }
}

@media (min-width: 992px) and (max-width: 1032px) {
    html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .content-page {
        margin-left: 46px !important;
        margin-right: -12px !important;
    }

    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .page-title-box .page-title {
        padding-left: 10pt;
    }

    .page-title-box .page-title-right {
        margin-right: 10pt;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .custom-dt-small {
        font-size: 0.75rem;
    }
}

@media (min-width: 1200px) {
    .supplier-logo {
        width: 50%;
    }

    .index-fs-title {
        font-size: calc(1.85rem);
    }
}

@media (min-width: 1600px) {
    .supplier-logo {
        width: 40%;
    }

    .index-fs-title {
        font-size: calc(1.85rem);
    }
}