/*----- CENTRAR FORMULARIO DE LOGIN -----*/
.container-login {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;

    background-image: linear-gradient(246deg, rgba(234, 234, 234, 0.04) 0%, rgba(234, 234, 234, 0.04) 33.3%,rgba(69, 69, 69, 0.04) 33.3%, rgba(69, 69, 69, 0.04) 66.6%,rgba(189, 189, 189, 0.04) 66.6%, rgba(189, 189, 189, 0.04) 99.89999999999999%),linear-gradient(81deg, rgba(126, 126, 126, 0.05) 0%, rgba(126, 126, 126, 0.05) 33.3%,rgba(237, 237, 237, 0.05) 33.3%, rgba(237, 237, 237, 0.05) 66.6%,rgba(74, 74, 74, 0.05) 66.6%, rgba(74, 74, 74, 0.05) 99.89999999999999%),linear-gradient(14deg, rgba(3, 3, 3, 0.08) 0%, rgba(3, 3, 3, 0.08) 33.3%,rgba(156, 156, 156, 0.08) 33.3%, rgba(156, 156, 156, 0.08) 66.6%,rgba(199, 199, 199, 0.08) 66.6%, rgba(199, 199, 199, 0.08) 99.89999999999999%),linear-gradient(323deg, rgba(82, 82, 82, 0.06) 0%, rgba(82, 82, 82, 0.06) 33.3%,rgba(179, 179, 179, 0.06) 33.3%, rgba(179, 179, 179, 0.06) 66.6%,rgba(212, 212, 212, 0.06) 66.6%, rgba(212, 212, 212, 0.06) 99.89999999999999%),linear-gradient(32deg, rgba(70, 70, 70, 0.02) 0%, rgba(70, 70, 70, 0.02) 33.3%,rgba(166, 166, 166, 0.02) 33.3%, rgba(166, 166, 166, 0.02) 66.6%,rgba(53, 53, 53, 0.02) 66.6%, rgba(53, 53, 53, 0.02) 99.89999999999999%),linear-gradient(38deg, rgba(129, 129, 129, 0.09) 0%, rgba(129, 129, 129, 0.09) 33.3%,rgba(38, 38, 38, 0.09) 33.3%, rgba(38, 38, 38, 0.09) 66.6%,rgba(153, 153, 153, 0.09) 66.6%, rgba(153, 153, 153, 0.09) 99.89999999999999%),linear-gradient(63deg, rgba(51, 51, 51, 0.02) 0%, rgba(51, 51, 51, 0.02) 33.3%,rgba(12, 12, 12, 0.02) 33.3%, rgba(12, 12, 12, 0.02) 66.6%,rgba(158, 158, 158, 0.02) 66.6%, rgba(158, 158, 158, 0.02) 99.89999999999999%),linear-gradient(227deg, rgba(63, 63, 63, 0.03) 0%, rgba(63, 63, 63, 0.03) 33.3%,rgba(9, 9, 9, 0.03) 33.3%, rgba(9, 9, 9, 0.03) 66.6%,rgba(85, 85, 85, 0.03) 66.6%, rgba(85, 85, 85, 0.03) 99.89999999999999%),linear-gradient(103deg, rgba(247, 247, 247, 0.07) 0%, rgba(247, 247, 247, 0.07) 33.3%,rgba(93, 93, 93, 0.07) 33.3%, rgba(93, 93, 93, 0.07) 66.6%,rgba(208, 208, 208, 0.07) 66.6%, rgba(208, 208, 208, 0.07) 99%),linear-gradient(0deg, #0b91d7,#6efc29);
    
    /* 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: #ff0000;
    background: -webkit-linear-gradient(to bottom, #ff0000, #0c0c0d);
    background: linear-gradient(to bottom, #ff0000, #0c0c0d);
    -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;
}
.container-login {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
}

.custom-user {
    font-size: 14px!important;
}

/*----- CUSTOM CLASE-----*/
.tablaPlanillados tr th,
.tablaPersonas tr th,
.tablaCustom tr th {
    font-size: 15px;
}
.tablaCustom tr td {
    font-size: 14px;
}
.tablaPersonas tr td {
    font-size: 13px;
}
.tablaPlanillados tr td {
    font-size: 13px;
}
.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;
}

.select-custom {
    font-size: 14px!important;
    padding-left: 4px!important;
    padding-right: 4px!important;
}

.inputFiltrar {
    width: 110%;
    font-size: 12px;
    position: relative;
    display: block;
}
.inputFiltrar:focus {
    border: 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;
}

.inputFiltrar {
    width: 110%;
    font-size: 12px;
    position: relative;
    display: block;
}
.inputFiltrar:focus {
    border: none;
}

/*----- CAMPO INPUT DESACTIVADO-----*/
.disabled {
    pointer-events: none;
    cursor: not-allowed;
    background: lightgray;
}

/*-----DROPZONE-----*/
.dropzone {
    border: 2px dashed #868e96;
}
.dropzone .icono {
    color: #868e96;
    font-size: 30px;
}
.dropzone p {
    font-size: 15px;
}
.dropzone h6 {
    font-size: 12px;
}

/*----- CAMPO DESACTIVADO-----*/
.disabled {
    pointer-events: none;
    cursor: not-allowed;
    background: lightgray;
}
.btnExport {
    margin-right: 4px!important;
}


/*-------------MEDIA QUERY-------------*/
@media screen and (max-width: 800px){
 
}
@media screen and (max-width: 640px) {

}
@media screen and (max-width: 480px) {
   
}
@media screen and (max-width: 480px) {
  
}