﻿:root,
[data-bs-theme="light"] {
    --custom-bg-color-1: #fcfcfc;
    --custom-bg-color-2: #203B46;
    --custom-bg-color-3: #e67817;
    --custom-bg-primary: #e67817;
    --custom-bg-primary-active: #cc6a14;
    --bs-nav-pills-link-active-color: #e67817 !important;
    --bs-nav-pills-link-active-bg: #cc6a14 !important;
}





/*nav pills*/
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color: var(--custom-bg-primary);
}

.nav-pills .nav-link {
    border-radius: var(--bs-nav-pills-border-radius);
}




.custom-bg-color-1 {
    background-color: var(--custom-bg-color-1);
}


.custom-color-primary {
    color: var(--custom-bg-primary) !important;
}


.nav-link {
    color: var(--bs-nav-link-color);
}



.custom-card {
    display: flex;
    flex-direction: column;
    min-height: 90vh; /* Altura mínima hasta abajo de la pantalla */
}



.text-hover-primary:hover {
    color: var(--custom-bg-primary) !important;
}


/*menu lateral*/
[data-kt-app-layout="dark-sidebar"] .app-sidebar {
    background-color: var(--custom-bg-color-2);
}


[data-kt-app-layout=dark-sidebar] .app-sidebar .menu > .menu-item .menu-link.active {
    background-color: var(--custom-bg-color-3);
}




/*boton personalizado*/
.btn.btn-custom-1 {
    color: var(--bs-primary-inverse);
    border-color: var(--custom-bg-primary);
    background-color: var(--custom-bg-primary);
}

    .btn.btn-custom-1 .svg-icon,
    .btn.btn-custom-1 i {
        color: var(--bs-primary-inverse);
    }

    .btn.btn-custom-1.dropdown-toggle:after {
        color: var(--bs-primary-inverse);
    }

    .btn-check:active + .btn.btn-custom-1,
    .btn-check:checked + .btn.btn-custom-1,
    .btn.btn-custom-1.active,
    .btn.btn-custom-1.show,
    .btn.btn-custom-1:active:not(.btn-active),
    .btn.btn-custom-1:focus:not(.btn-active),
    .btn.btn-custom-1:hover:not(.btn-active),
    .show > .btn.btn-custom-1 {
        color: var(--bs-primary-inverse);
        border-color: var(--custom-bg-primary-active);
        background-color: var(--custom-bg-primary-active) !important;
    }

    .btn-check:active + .btn.btn-custom-1 .svg-icon,
    .btn-check:active + .btn.btn-custom-1 i,
    .btn-check:checked + .btn.btn-custom-1 .svg-icon,
    .btn-check:checked + .btn.btn-custom-1 i,
    .btn.btn-custom-1.active .svg-icon,
    .btn.btn-custom-1.active i,
    .btn.btn-custom-1.show .svg-icon,
    .btn.btn-custom-1.show i,
    .btn.btn-custom-1:active:not(.btn-active) .svg-icon,
    .btn.btn-custom-1:active:not(.btn-active) i,
    .btn.btn-custom-1:focus:not(.btn-active) .svg-icon,
    .btn.btn-custom-1:focus:not(.btn-active) i,
    .btn.btn-custom-1:hover:not(.btn-active) .svg-icon,
    .btn.btn-custom-1:hover:not(.btn-active) i,
    .show > .btn.btn-custom-1 .svg-icon,
    .show > .btn.btn-custom-1 i {
        color: var(--bs-primary-inverse);
    }

    .btn-check:active + .btn.btn-custom-1.dropdown-toggle:after,
    .btn-check:checked + .btn.btn-custom-1.dropdown-toggle:after,
    .btn.btn-custom-1.active.dropdown-toggle:after,
    .btn.btn-custom-1.show.dropdown-toggle:after,
    .btn.btn-custom-1:active:not(.btn-active).dropdown-toggle:after,
    .btn.btn-custom-1:focus:not(.btn-active).dropdown-toggle:after,
    .btn.btn-custom-1:hover:not(.btn-active).dropdown-toggle:after,
    .show > .btn.btn-custom-1.dropdown-toggle:after {
        color: var(--bs-primary-inverse);
    }




.btn-outline-primary {
    --bs-btn-color: #e67817;
    --bs-btn-border-color: #e67817;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #e67817;
    --bs-btn-hover-border-color: #e67817;
    --bs-btn-focus-shadow-rgb: 62, 151, 255;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #e67817;
    --bs-btn-active-border-color: #e67817;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #e67817;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #e67817;
    --bs-gradient: none;
}


.btn.btn-outline.btn-outline-primary {
    color: var(--custom-bg-primary);
    border-color: var(--custom-bg-primary);
    background-color: transparent;
}

    .btn.btn-outline.btn-outline-primary .svg-icon,
    .btn.btn-outline.btn-outline-primary i {
        color: var(--custom-bg-primary);
    }

    .btn.btn-outline.btn-outline-primary.dropdown-toggle:after {
        color: var(--custom-bg-primary);
    }

    .btn-check:active + .btn.btn-outline.btn-outline-primary,
    .btn-check:checked + .btn.btn-outline.btn-outline-primary,
    .btn.btn-outline.btn-outline-primary.active,
    .btn.btn-outline.btn-outline-primary.show,
    .btn.btn-outline.btn-outline-primary:active:not(.btn-active),
    .btn.btn-outline.btn-outline-primary:focus:not(.btn-active),
    .btn.btn-outline.btn-outline-primary:hover:not(.btn-active),
    .show > .btn.btn-outline.btn-outline-primary {
        color: var(--custom-bg-primary-activ);
        border-color: var(--custom-bg-primary);
        background-color: var(--bs-primary-light) !important;
    }

        .btn-check:active + .btn.btn-outline.btn-outline-primary .svg-icon,
        .btn-check:active + .btn.btn-outline.btn-outline-primary i,
        .btn-check:checked + .btn.btn-outline.btn-outline-primary .svg-icon,
        .btn-check:checked + .btn.btn-outline.btn-outline-primary i,
        .btn.btn-outline.btn-outline-primary.active .svg-icon,
        .btn.btn-outline.btn-outline-primary.active i,
        .btn.btn-outline.btn-outline-primary.show .svg-icon,
        .btn.btn-outline.btn-outline-primary.show i,
        .btn.btn-outline.btn-outline-primary:active:not(.btn-active) .svg-icon,
        .btn.btn-outline.btn-outline-primary:active:not(.btn-active) i,
        .btn.btn-outline.btn-outline-primary:focus:not(.btn-active) .svg-icon,
        .btn.btn-outline.btn-outline-primary:focus:not(.btn-active) i,
        .btn.btn-outline.btn-outline-primary:hover:not(.btn-active) .svg-icon,
        .btn.btn-outline.btn-outline-primary:hover:not(.btn-active) i,
        .show > .btn.btn-outline.btn-outline-primary .svg-icon,
        .show > .btn.btn-outline.btn-outline-primary i {
            color: var(--custom-bg-primary-active);
        }

        .btn-check:active + .btn.btn-outline.btn-outline-primary.dropdown-toggle:after,
        .btn-check:checked + .btn.btn-outline.btn-outline-primary.dropdown-toggle:after,
        .btn.btn-outline.btn-outline-primary.active.dropdown-toggle:after,
        .btn.btn-outline.btn-outline-primary.show.dropdown-toggle:after,
        .btn.btn-outline.btn-outline-primary:active:not(.btn-active).dropdown-toggle:after,
        .btn.btn-outline.btn-outline-primary:focus:not(.btn-active).dropdown-toggle:after,
        .btn.btn-outline.btn-outline-primary:hover:not(.btn-active).dropdown-toggle:after,
        .show > .btn.btn-outline.btn-outline-primary.dropdown-toggle:after {
            color: var(--custom-bg-primary-activ);
        }




.error-custom1 
    {
    color: red !important;
    font-size: .9rem !important;
    font-weight: 400 !important;
}



/*modal pdf*/
.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}

    .embed-responsive::before {
        display: block;
        content: "";
    }

    .embed-responsive .embed-responsive-item,
    .embed-responsive iframe,
    .embed-responsive embed,
    .embed-responsive object,
    .embed-responsive video {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

.embed-responsive-21by9::before {
    padding-top: 42.8571428571%;
}

.embed-responsive-16by9::before {
    padding-top: 56.25%;
}

.embed-responsive-4by3::before {
    padding-top: 75%;
}

.embed-responsive-1by1::before {
    padding-top: 100%;
}

