/*----- CENTRAR FORMULARIO DE LOGIN -----*/
.container-login {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    
    background-color: #F4D03F;
    background-image: linear-gradient(132deg, #F4D03F 0%, #16A085 100%);
}
.login-row {
    padding: 20px;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.2)
}
.login-title {
    font-size: 30px;
    font-weight: 700;
    font-family: 'Charm', cursive;

    background: #BBF451;
    background: -webkit-linear-gradient(to top, #BBF451, #9AE630);
    background: linear-gradient(to top, #BBF451, #9AE630);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;

}
.login-box {
    width: 100%;
    box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1)!important;
}


/*----- CUSTOM CLASE-----*/
.tablaCustom tr th {
    font-size: 15px;
}
.tablaCustom tr td {
    font-size: 15px;
}
.nav-link-custom {
    display: flex;
    align-items: center;
    padding: 6px 20px;
    font-size: 15px;
}
.custom-header {
    padding-top: 6px!important;
    padding-bottom: 6px!important;
    background: #5c7cfa!important;
}
.custom-close {
    border: none;
    outline: none!important;
}
.form-group label {
    margin-bottom: -5px;
}
.custom-user {
    font-size: 14px!important;
}
.custom-col {
    border-radius: 5px;
    padding-left: 0!important;
    padding-right: 0!important;

}
.col-m-custom {
    margin-bottom:-8px;
}
.custom-h3 {
    font-size: 22px!important;
}
.separar-btn {
    margin-right: 4px;
}
.select-font-size {
    font-size: 14px!important;
}
.font-size-14 {
    font-size: 14px;
    padding: 5px;
}
.icon-list {
    font-size: 40px!important;
}
.custom-bold {
    font-weight: 700;
}
.display-none {
    display: none;
}

/*----- CAMPO DESACTIVADO-----*/
.disabled {
    pointer-events: none;
    cursor: not-allowed;
    background: #e9ecef;
}
.disabled-blanco {
    pointer-events: none;
    background: transparent;
}
.disabled-btn {
    pointer-events: none;
    cursor: not-allowed;
}
.enabled {
    pointer-events: auto!important;
    cursor: default!important;
    background-color: #007bff;
    border-color: #007bff;
}

/*----- TABLA DETALLE OPERACION -----*/
.tablaDetalleOperacion tr th {
    font-size: 15px;
    background-color: rgba(0,0,0,.03);
}
.tablaDetalleOperacion tr td {
    font-size: 15px;
}
.ingresoArticulo {
    width: 40%;
}
.ingresoCuota {
    width: 15%;
}
.ingresoCuota select {
    font-size: 14px;
    padding: 0 2px!important;
}
.ingresoPrecio {
    width: 15%;
}
.ingresoCantidad {
    width: 15%;
}
.ingresoSubtotal {
    width: 15%;
}
.ingresoQuitarArticulo {
    width: 1%;
    text-align: right;
}
.ingresoArticulo,
.ingresoPrecio,
.ingresoCuota,
.ingresoCantidad,
.ingresoSubtotal,
.ingresoQuitarArticulo {
    padding-left: 2px!important; 
    padding-right: 2px!important;
}

.totalIva {
    text-align: center;
    font-weight: 700;
    font-size: 20px;
}
.totalOperacion{
    text-align: center;
    font-weight: 700;
    font-size: 20px;
}

/*----- TABLAS CUOTAS-----*/
.nroCuotaCustom,
.fechaCuotaCustom,
.montoCuotaCustom {
    margin: 0px!important;
    padding: 0px!important;
}
.nroCuotaCustom .nroCuotas,
.fechaCuotaCustom .fechaCuotas,
.montoCuotaCustom .montoCuotas {
    font-size: 14px!important;
    border: none;
    outline: none;
}
.fechaCuotaCustom .fechaCuotas:focus,
.montoCuotaCustom .montoCuotas:focus {
    border: none;
    outline: none;
}

/*----- TABLAS PERMISO DE USUARIO -----*/
#tablaDatosPermisoUsuario tbody tr td:nth-child(3),
#tablaDatosPermisoUsuario tbody tr td:nth-child(4)  {
    text-align: center;
}
#tablaDatosPermisoUsuario tbody tr td:nth-child(5){
    display: none;
}

/*----- TEXTAREA -----*/
.textareaCustom {
    field-sizing: content;
    resize: none;
}