/*
    Login forms
*/

.login .content .form-actions {
    border-bottom: 0;
}

.login .content .rememberme {
    float:left;
}

.login .content .form-actions .btn {
    float:right;
}

.login .content .forget-password {
    float:left;
    padding: 1.5rem 0 0 0;
}

/*
    Main logo
*/

.page-header.navbar .page-logo .logo-default {
    margin: 1.4rem 0 0 0;
}

h3.form-section {
    margin: 30px 0;
    padding-bottom: 5px;
    border-bottom: 1px solid #e7ecf1;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

.row.float-right .form-actions {
    margin: 1rem 2rem 0 0;
}

p.has-errors {
    color: #e73d4a;
}


/*
    Barra superior encima de la tabal
*/

.actions {
    margin: 1rem 0 1rem 0;
}
/*

    Tablas

*/

.dt-buttons {
    float:left !important;
}

.dt-buttons .dt-button.btn.blue.btn-outline {
    margin: 1rem 1rem 1rem 0;
}

#development-mode {
    position: fixed;
    top: 0px;
    left: 0px;
    width:100%;
    height: 3.5rem;
    overflow: hidden;
    z-index: 2147483647;
}

.btn {
    margin-bottom: 1rem;
}

.page-footer-inner {
    width: 100%;
}

.datepicker {
    z-index: 10000 !important;
}

/* Botón de exportación de un DataTable */
.dt-buttons {
    margin-left: 2rem;
}

input.invalid,
input.invalid:focus,
input.invalid:focus-visible {
    border-color: #e73d4a;
}

.dataTables_wrapper table :is( th, td ) {
    word-break: break-word;
    padding: 8px !important;
}

@media( max-width: 980px ) {
    .dataTables_wrapper {
        overflow-x: scroll;
    }
    
    .dataTables_wrapper table :is( th, td ) {
        min-width: 100px !important;
    }
}

/* Botón para limpiar archivos */
.clean-up-btns {
    display: flex;

    padding-left: 15px;
    padding-right: 15px;
    max-width: 100%;
}