table {
    background: #141414;
    background-color: rgb(20, 20, 20);
    color: #e5e5e5;
    font-weight: 500;
}

    table td {
        white-space: nowrap;
    }

    table.dataTable.tabla-centrada tbody td {
        vertical-align: middle;
    }

    table.dataTable.tabla-centrada tbody td {
        text-align: center;
    }

    table.dataTable.tabla-centrada thead th {
        vertical-align: middle;
    }

    table.dataTable.tabla-centrada thead th {
        text-align: center;
    }

.nofilter > input {
    visibility: hidden;
}

body {
    /* Netflix */
    /*background: #141414;*/
    /*background-color: rgb(20, 20, 20);*/
    /* HBO Max */
    /*background: url(https://play.hbomax.com/default-3840x2160.png);*/
    /* Anita (https://mybrandnewlogo.com/color-gradient-generator)*/
    /*        background-image: radial-gradient(circle at 50% 90.05%, #2a4178 0, #091c3d 50%, #000005 100%);*/
    /* Disney Plus */
    /*background: url(https://static-assets.bamgrid.com/product/disneyplus/images/background.dc67869b698f6c927aae59c68d9dda46.png) 50%/cover no-repeat fixed;*/
    /* Star Plus */
    /*background-color: rgb(14, 11, 19);*/
    /* Flow */
    /*background: #121212;*/
    /* Discord */
    background: hsl(223 6.7% 20.6%);
    color: #e5e5e5;
    font-weight: 500;
}

.nav-link.dropdown-item:active {
    background-color: #2b3035;
}

.custom-form-input {
    width: 100%;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid hsl(228 6% 32.5%/0.48);
}

.custom-input {
    background-color: hsl(225 6.3% 12.5%);
    color: hsl(210 9.1% 87.1%);
    border: none;
    width: 100%;
    border-radius: 3px;
    font-size: 1rem;
}

    .custom-input:focus {
        outline: none;
        box-shadow: none;
    }

.poster {
    position: relative;
    box-sizing: border-box;
    background-color: hsl(228 6.7% 14.7%/1);
    border-radius: 4px;
    width: 100%;
}

    .poster:hover {
        color: white;
    }

.deshabilitado {
    background: hsl( 225 calc( 1 *6.7%) 23.5% /1);
}

    .deshabilitado:focus {
        background: hsl( 225 calc( 1 *6.7%) 23.5% /1);
    }

.row-deshabilitada > td {
    background: hsl( 225 calc( 1 *6.7%) 23.5% /1);
}

.boton {
    color: hsl( 0 calc( 1 *0%) 100% /1);
    background-color: hsl( 235 calc( 1 *85.6%) 64.7% /1);
}

    .boton:hover {
        background-color: hsl( 235 calc( 1 *51.4%) 52.4% /1);
    }

    .boton:active {
        background-color: hsl( 235 calc( 1 *46.7%) 44.1% /1) !important;
    }

table.dataTable > tbody > tr.selected > * {
    box-shadow: none !important;
}

table.dataTable.table-hover > tbody > tr:hover > * {
    box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.075) !important;
}

.custom-tooltip {
    --bs-tooltip-bg: #000;
    --bs-tooltip-color: #fff;
}

.tooltip-inner {
    text-align: left;
}

.boton-volver {
    font-size: 1.5em;
    border-radius: 50%;
    border: solid white;
    color: white;
    width: 2em;
    height: 2em;
    text-align: center;
    cursor: pointer;
    margin-right: 1rem;
}

.link {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.validation-summary ul {
    list-style: none;
    padding-left: 0;
}

.pointer {
    cursor: pointer;
}

.font-obras {
    font-weight: 100;
}

.popup-ver-obra {
    background: hsl(223 6.7% 20.6%);
    color: #e5e5e5;
    font-weight: 500;
}

.boton-ver-obra {
    font-size: 2em;
    text-align: center;
    cursor: pointer;
}

.p-boton-ver-obra {
    font-weight: lighter;
}

.imagen {
    padding: 0 !important;
}

.chk {
    display: flex;
    align-items: center;
    height: 80%; 
}

.chk .form-check-input {
    margin-right: .5rem;
}

#PosterImagen,
#PosterImagen2 {
    height: 32rem;
    width: 26rem;
}
@media (width < 1200px) {
    .navbar {
        justify-content: start;
        align-items: start;
    }

    .navbar .container{
        width:auto !important;
        margin-right:  1rem;
        display: block;
    }
}

    @media (width < 1400px) and (width > 991px) {
        .imagen,
        #PosterImagen,
        #PosterImagen2 {
            max-width: 20rem;
        }
    }

    .checkboxObra {
        padding-top: 2.1rem;
    }

    .input-checkboxObra {
        padding: .25rem .5rem;
        margin-right: 1rem;
    }

    .login-form {
        background-color: #212529;
        border-radius: 1rem;
        padding: 1rem;
    }

    .sign-up-form {
        background-color: #212529;
        border-radius: 1rem;
        padding: 1rem;
        margin-top: 1rem;
    }

.invalid-feedback {
    display: none;
    color: #DC3545;
}

.form-control.is-invalid {
    border-color: #DC3545;
}

#Email:focus,
#Password:focus,
#PasswordVerify:focus {
    background-color: rgba(70, 90, 126, 0.4);
}

/*.no-swipe {
    touch-action: pan-y;*/ /* Solo scroll vertical, desactiva el horizontal */
    /*overscroll-behavior-x: none;*/ /* Evita el rebote horizontal */
    /*scroll-snap-type: none !important;*/ /* Si usás snap */
/*}*/

/*        .no-swipe .carousel-inner {
            pointer-events: none;
        }*/