/* Fix content-header h4  */
main div.container > div.d-flex:first-child {
    align-items: flex-start;
    min-height: 48px;
}
main div.container > div.d-flex:first-child h4 {
    margin: 12px 6px 6px 0;
}

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

table.dataTable .datatable-buttons i,
table.dataTable .datatable-buttons i::before {
    font-size: 1.1em;
}


.dataTables_processing {
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    text-align: center !important;
    padding: 1em 0 !important;
    background-color: #F8FAFC !important;
    border: 0 !important;
}

.my-actions {
    margin: 1rem 2rem !important;
    justify-content: space-between !important;
}

.order-1 {
    order: 1;
}

.order-2 {
    order: 2;
}

.order-3 {
    order: 3;
}

.right-gap {
    margin-right: auto;
}

/* === navbar === */
nav.navbar {
    width: -webkit-fill-available;
}

nav.navbar .user_email {
    max-width: 150px;
    word-break: break-all;
}

nav.navbar .user_session {
    max-width: 220px;
    min-width: 100px;
}

nav.navbar ul a.nav-link {
    word-break: break-all;
}

@media (max-width: 461px) {
    nav.navbar .user_email {
        max-width: 100px;
    }

    nav.navbar .user_session {
        max-width: min-content;
    }
}

@media (min-width: 462px) and (max-width: 991.98px) {
    nav.navbar .user_email {
        max-width: unset;
    }
}

@media (min-width: 991.99px) {
    nav.navbar .user_session {
        max-width: 300px;
    }

    nav.navbar .user_session a.user_email {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

/* End navbar */

/* === GRID === */

/* Extra small */
@media (max-width: 575px) {
    .form-btn {
        display: block;
        width: 100%;
    }
}
/* sm Small */
@media (min-width: 576px) and (max-width: 767px) {
    .form-btn {
        display: block;
        width: 100%;
    }
}
/* md Medium */
@media (min-width: 768px) and (max-width: 991px) {
}
/* lg Large */
@media (min-width: 992px) and (max-width: 1199px) {
}
/* xl Extra large */
@media (min-width: 1200px) {
}


/* ### FORMS ### */
.form-btn {
    margin: 0.35rem 0.20rem;
}
button.btn-outline-secondary {
    border-color: #ced4da;
}
button#passwordShowBtn, button#passwordCopyBtn, button#passwordCopyBtn {
    min-width: 45px;
}

/* DataTables */
.datatable-buttons-line {
    width: 10px;
}
table.dataTable th{
    text-align: center;
}



/* genéricos */
.position-relative {
  position: relative;
}

.text-capitalize-first:first-letter {
    text-transform: uppercase;
}

.mw-100 {
    min-width: 100px;
}

.mw-150 {
    min-width: 150px;
}

.mw-200 {
    min-width: 200px;
}