﻿:root {
    --color-fondo-primario: rgb( 29, 67, 112);
    --color-fondo-primario_op50: rgba( 29, 67, 112, 0.5);
    --color-fondo-primario-select: rgb( 29, 67, 112);
    --color-fondo-primario-select-border: rgb( 29, 67, 112);
    --color-fondo-secundario: white;
    --color-texto-primario: white;
    --color-texto-secundario: black;
}

/*   --color-fondo-primario: red;
    --color-fondo-primario_op50: rgba( 255, 0, 0, 0.5);
    --color-fondo-primario-select: rgb( 250, 0, 0);
    --color-fondo-primario-select-border: rgb( 240, 0, 0);
    --color-fondo-secundario: white;
    --color-texto-primario: white;
    --color-texto-secundario: black;*/

.divLogoS3 {
    padding-top: 2px;
}

.logoS3 {
    font-size: 1.25em;
    font-weight: bold;
    color: #fff;
    border: 2.45px solid #fff;
    padding: 5px 9px 6px;
    border-radius: 12px;
}

.nav-logo {
    margin: 0px 8px 0px 6px;
}

    .nav-logo > img {
        width: 100px;
    }

.navbar-custom .navbar-brand {
    color: var(--color-texto-primario);
}

    .navbar-custom .navbar-brand:hover, .navbar-custom .navbar-brand:focus {
        color: var(--color-texto-primario);
    }

.navbar-custom .navbar-nav .nav-link {
    color: var(--color-texto-primario);
}

    .navbar-custom .navbar-nav .nav-link:hover, .navbar-custom .navbar-nav .nav-link:focus {
        color: var(--color-texto-primario);
    }

    .navbar-custom .navbar-nav .nav-link.disabled {
        color: var(--color-texto-primario);
    }

    .navbar-custom .navbar-nav .show > .nav-link,
    .navbar-custom .navbar-nav .nav-link.active {
        color: var(--color-texto-primario);
    }

.navbar-custom .navbar-toggler {
    color: var(--color-texto-primario);
    border-color: var(--color-texto-primario);
}

.navbar-custom .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-custom .navbar-text {
    color: var(--color-texto-primario);
}

    .navbar-custom .navbar-text a,
    .navbar-custom .navbar-text a:hover,
    .navbar-custom .navbar-text a:focus {
        color: var(--color-fondo-secundatio);
    }

.bg-custom {
    --bs-bg-opacity: 1;
    background-color: var(--color-fondo-primario);
}

.sb-sidenav-custom {
    background-color: var(--color-fondo-primario);
    color: var(--color-texto-primario);
}

    .sb-sidenav-custom .sb-sidenav-menu .sb-sidenav-menu-heading {
        color: var(--color-texto-primario);
    }

    .sb-sidenav-custom .sb-sidenav-menu .nav-link {
        color: var(--color-texto-primario);
    }

        .sb-sidenav-custom .sb-sidenav-menu .nav-link .sb-nav-link-icon {
            color: var(--color-texto-primario);
        }

        .sb-sidenav-custom .sb-sidenav-menu .nav-link .sb-sidenav-collapse-arrow {
            color: var(--color-texto-primario);
        }

        .sb-sidenav-custom .sb-sidenav-menu .nav-link:hover {
            color: var(--color-texto-primario);
        }

        .sb-sidenav-custom .sb-sidenav-menu .nav-link.active {
            color: var(--color-texto-primario);
        }

            .sb-sidenav-custom .sb-sidenav-menu .nav-link.active .sb-nav-link-icon {
                color: var(--color-texto-primario);
            }

    .sb-sidenav-custom .sb-sidenav-footer {
        background-color: var(--color-fondo-primario);
    }

.btn-link-custom {
    font-weight: 400;
    color: var(--color-texto-primario);
    text-decoration: underline;
}

    .btn-link-custom:hover {
        color: var(--color-texto-secundario);
    }

    .btn-link-custom:disabled, .btn-link.disabled {
        color: #6c757d;
    }

.btn-custom {
    color: var(--color-texto-primario);
    background-color: var(--color-fondo-primario);
    border-color: var(--color-fondo-primario);
}

    .btn-custom:hover {
        color: var(--color-texto-primario);
        background-color: var(--color-fondo-primario-select);
        border-color: var(--color-fondo-primario-select-border);
    }

    .btn-check:focus + .btn-custom, .btn-custom:focus {
        color: var(--color-texto-primario);
        background-color: var(--color-fondo-primario-select);
        border-color: var(--color-fondo-primario-select-border);
        box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
    }

    .btn-check:checked + .btn-custom, .btn-check:active + .btn-custom, .btn-custom:active, .btn-custom.active, .show > .btn-custom.dropdown-toggle {
        color: var(--color-texto-primario);
        background-color: var(--color-fondo-primario-select-border);
        border-color: #0a53be;
    }

        .btn-check:checked + .btn-custom:focus, .btn-check:active + .btn-custom:focus, .btn-custom:active:focus, .btn-custom.active:focus, .show > .btn-custom.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
        }

    .btn-custom:disabled, .btn-custom.disabled {
        color: var(--color-texto-primario);
        background-color: var(--color-fondo-primario);
        border-color: var(--color-fondo-primario);
    }

.table-custom {
    --bs-table-bg: var(--color-fondo-primario);
    --bs-table-striped-bg: var(--color-fondo-primario);
    --bs-table-striped-color: #000;
    --bs-table-active-bg: var(--color-fondo-primario);
    --bs-table-active-color: #000;
    --bs-table-hover-bg: var(--color-fondo-primario);
    --bs-table-hover-color: #000;
    color: var(--color-texto-primario);
    border-color: var(--color-fondo-primario);
}

.label-custom {
    color: var(--color-texto-primario);
    background-color: var(--color-fondo-primario);
}

.waiting {
    width: 100%;
    height: 100%;
    top: 0px;
    position: fixed;
    z-index: 99999;
    background-color: rgba(0,0,0,0.55);
}

    .waiting .cssload-speeding-wheel {
        position: absolute;
        top: calc(50% - 3.5px);
        left: calc(50% - 3.5px);
    }

.hideDiv {
    display: none;
}

.spinWait,
.spinWait:before,
.spinWait:after {
    background: #ff1100;
    -webkit-animation: load1 1s infinite ease-in-out;
    animation: load1 1s infinite ease-in-out;
    width: 1em;
    height: 4em;
}

.spinWait {
    color: #ff1100;
    text-indent: -9999em;
    margin: 88px auto;
    position: relative;
    font-size: 11px;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

    .spinWait:before,
    .spinWait:after {
        position: absolute;
        top: 0;
        content: '';
    }

    .spinWait:before {
        left: -1.5em;
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .spinWait:after {
        left: 1.5em;
    }

@-webkit-keyframes load1 {
    0%, 80%, 100% {
        box-shadow: 0 0;
        height: 4em;
    }

    40% {
        box-shadow: 0 -2em;
        height: 5em;
    }
}

@keyframes load1 {
    0%, 80%, 100% {
        box-shadow: 0 0;
        height: 4em;
    }

    40% {
        box-shadow: 0 -2em;
        height: 5em;
    }
}

.modal-header-custom {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
    color: var(--color-texto-primario);
    background-color: var(--color-fondo-primario);
}

    .modal-header-custom .btn-close {
        padding: 0.5rem 0.5rem;
        margin: -0.5rem -0.5rem -0.5rem auto;
    }

.field-validation-error {
    color: red;
}
