[v-cloak] {
    display: none;
}

body { background-color: #eeeeef; }
label { margin: 1rem 3px 0.3rem; }

.login-page { background: url(../images/fondo.jpg) center center no-repeat; background-size: cover; }
    .login-page .fondo { background-color: rgba(0,0,0,.5); position: fixed; height: 100vh; width: 100%;    }
    .login-page .login-box { background-color: #fff; z-index:1; padding-top:1em; }
        .login-page .login-box .botones { margin-top:3em; text-align:right; }

.notificaciones .dropdown-item { overflow:hidden; text-overflow:ellipsis; }


.menu-open .nav.nav-treeview { border-bottom: 1px solid rgb(24, 75, 58); background-color: rgb(24, 75, 58); }
[class*=sidebar-dark-] {
    background-color: rgb(24, 75, 58);
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active {
    background-color: white;
    color: #212529;
}

/*
    [class*=sidebar-dark-] .nav-sidebar > .nav-item.menu-open > .nav-treeview { background-color: rgb(34 85 68); padding-left: 1rem; }
        [class*=sidebar-dark-] .nav-sidebar > .nav-item.menu-open > .nav-treeview .nav-link { padding: 0.2rem 0.6rem; width: calc(250px - 2.2rem); }
        [class*=sidebar-dark-] .nav-sidebar > .nav-item.menu-open > .nav-treeview .nav-treeview .nav-link { width: calc(250px - 3rem); }
        [class*=sidebar-dark-] .nav-sidebar > .nav-item.menu-open > .nav-treeview .nav-icon { font-size: 1rem; }

    nav ul.nav-sidebar ul { padding-left: 1rem !important; }
        nav ul.nav-sidebar ul .nav-link { padding: 0.2rem 0.6rem !important; width: calc(250px - 2.2rem) !important; }
        nav ul.nav-sidebar ul ul .nav-link { width: calc(250px - 3rem) !important; }

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active { background-color: #007bff; background-color: rgb(34, 85, 68); color: #fff; }
[class*=sidebar-dark-] .nav-sidebar > .nav-item.menu-open > .nav-treeview > .nav-item.menu-open > .nav-treeview { background-color: rgb(38 95 76); padding-left: 1rem; }
    [class*=sidebar-dark-] .nav-sidebar > .nav-item.menu-open > .nav-treeview > .nav-item.menu-open > .nav-treeview .nav-icon { font-size: 1rem; }
.sidebar-dark-primary .nav-sidebar > .nav-item.menu-open > .nav-treeview > .nav-item.menu-open > .nav-link.active { background-color: rgb(34, 85, 68); color: #fff; }

*/
nav ul.nav-sidebar:first-child > li {
    border-bottom: 1px solid #FFFFFF40;
}
.nav-sidebar .nav-item > .nav-link { margin-bottom: 0.2rem; margin-top: 0.2rem; }
/*
nav ul.nav-sidebar ul .nav-link { padding: 0.2rem 1rem !important; }
nav ul.nav-sidebar ul .nav-icon { font-size: 1rem; }

.nav-sidebar > .nav-item .nav-treeview .nav-icon { font-size: 0.8rem; }
.sidebar { padding:0; }
.main-sidebar .nav-sidebar a.nav-link { width: 100%; }
.nav-sidebar .nav-item { margin-bottom: 2px; margin-top: 2px; }
.nav-sidebar .nav-item > .nav-link { margin-bottom: 2px; margin-top: 2px; }
.nav-treeview .nav-treeview { padding-left: 15px; }
.nav-treeview .nav-treeview a { width: calc(235px - 0.5rem * 2); }

body.sidebar-collapse .nav-treeview .nav-treeview { padding-left: 0; }

nav ul.nav-sidebar .nav-item.menu-open { background-color: #ffffff22; }
nav ul.nav-sidebar .nav-item.menu-open .nav-treeview { background-color: #00000040; }
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active { background-color: #ffffff99; color: #343a40; }
.sidebar-dark-primary .nav-sidebar > .nav-item.menu-open > .nav-treeview > .nav-item.menu-open > .nav-link.active { background-color: #ffffffBB; color: #343a40; width: 98%; }
.main-sidebar .nav-sidebar a.nav-link.active { width: 98%; }
*/

.nav-sidebar > .nav-item .nav-treeview .nav-icon { font-size: 0.8rem; }

/** IMAGEN DE FONDO CAMBIAR POR REGU */
/*.content-wrapper { background: url(../images/logotipo_fondo.jpg) no-repeat bottom right transparent; background-size: 75%; }*/

label.custom-file-label { margin: 0rem; }

.botonera-form { text-align: right; margin: 2rem 0 1rem; }
.card-footer.row { margin-right: 0; margin-left: 0; }
.card-footer .botonera-accion { text-align: left; margin: 0.6rem 0; }
    .card-footer .botonera-accion .btn { margin-right: 0.6em; }
.card-footer .botonera-form { text-align: right; margin: 0.6rem 0; }
    .card-footer .botonera-form .btn { margin-left: 0.6em; }

.btn-primary { color: #fff; background-color: #225544; border-color: #225544; box-shadow: none;}
.btn-primary:hover, .btn-primary:focus { color: #fff; background-color: #184b3a; border-color: #184b3a; }
.btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #184b3a; border-color: #184b3a; }

.btn-primary.disabled, .btn-primary:disabled{ color: #fff; background-color: #225544; border-color: #225544; }
.bg-primary { background-color: #225544 !important; }

.btn-secondary { color: #ffffff; background-color: #958571; border-color: #958571; box-shadow: none; }
    .btn-secondary:hover, .btn-secondary:focus { color: #212529; background-color: #BBB3A7; border-color: #BBB3A7; }
    .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle { color: #212529; background-color: #BBB3A7; border-color: #BBB3A7; }

.btn-light { background-color: #ffffff; border-color: #ffffff; }
.btn-light2 { background-color: #f8f9fa }
.btn-light2:hover, .btn-light2:focus, .btn-light2:active, .btn-light2.active, .open > .dropdown-toggle.btn-primary { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; }

.card table th:first-child, .card table td:first-child,
.modal table th:first-child, .modal table td:first-child { padding-left: 1rem; }
.card table th:last-child, .card table td:last-child,
.modal table th:last-child, .modal table td:last-child { padding-right: 1rem; }
.card table th:last-child { padding: 0 1rem 0.5rem 0; }

table caption { padding: 0.75rem; border-top: 1px solid #dee2e6; }

table th { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    table td.check, table th.check { text-align: center; max-width: 60px; width: 60px !important; }
    table td.numero, table th.numero { text-align: center; max-width: 100px; width: 60px !important; }
    table td.moneda, table th.moneda { text-align: right; padding-right: 1rem !important; max-width: 100px; width: 60px !important; }
    table th.numeroTexto, table td.numeroTexto { text-align: center; max-width: 100px; width: 60px !important; }
    table th.fecha, table td.fecha { text-align: center; max-width: 150px; width: 100px !important; }
    table th.telefono, table td.telefono { text-align: center; max-width: 150px; width: 100px !important; }

table .acciones { max-width: 180px; min-width: 120px; text-align: right; padding: 0.3rem 1rem 0.3rem 0 !important; }
table .xl { min-width: 145px; }
    table td.acciones .btn-xs { padding: 0.3rem 0.75rem; }
    table td.acciones .dropleft .dropdown-toggle::before { content: initial; }
table td.acciones .btn-xs.icon { padding: 0; width:2rem; font-size:1.1rem; }

/*
table td.acciones .btn-xs.icon { display: none; }
table tr:hover td.acciones .btn-xs.icon { display:initial; }
*/

.tab-pane div.dataTables_wrapper { margin: auto -1.25rem; }

table.dataTable {
    border: none;
    border-top: 1px solid #dee2e6;
}
    table.dataTable.no-footer {
        border-bottom: 2px solid #dee2e6;
    }

    table.dataTable thead th, table.dataTable thead td {
        border-bottom: 1px solid #dee2e6;
    }
    table.dataTable > thead .sorting:before, table.dataTable > thead .sorting:after, table.dataTable > thead .sorting_asc:before, table.dataTable > thead .sorting_asc:after, table.dataTable > thead .sorting_desc:before, table.dataTable > thead .sorting_desc:after, table.dataTable > thead .sorting_asc_disabled:before, table.dataTable > thead .sorting_asc_disabled:after, table.dataTable > thead .sorting_desc_disabled:before, table.dataTable > thead .sorting_desc_disabled:after { bottom: 0.7em; }
    table.dataTable > thead .sorting:before, table.dataTable > thead .sorting_asc:before, table.dataTable > thead .sorting_desc:before, table.dataTable > thead .sorting_asc_disabled:before, table.dataTable > thead .sorting_desc_disabled:before { left: 0.5em; content: "↑"; width: 5px; }
    table.dataTable > thead .sorting:after, table.dataTable > thead .sorting_asc:after, table.dataTable > thead .sorting_desc:after, table.dataTable > thead .sorting_asc_disabled:after, table.dataTable > thead .sorting_desc_disabled:after { left: 1em; content: "↓"; width:5px; }
    table.dataTable > thead > tr > th:not(.sorting_disabled), table.dataTable > thead > tr > td:not(.sorting_disabled) { left: 0; padding-left: 30px; padding-right: 15px; }

div.dataTables_wrapper { z-index: 1; padding-top: 10px; border-top: 1px solid #dee2e6; }
    div.dataTables_wrapper div.dataTables_info { padding: 10px 10px 8px !important; float: none; display: inline-block; }
    div.dataTables_wrapper div.dataTables_length { padding: 10px; margin: 0; float: none; display: inline-block; }
        div.dataTables_wrapper div.dataTables_length label { padding: 0; margin-top: 0; }
        div.dataTables_wrapper div.dataTables_length select { width: 3.5rem !important; border: 1px solid #dee2e6; border-radius: 3px; }
    div.dataTables_wrapper div.dataTables_filter { position: relative; padding: 0 10px; margin: 0; float: none; text-align: left; width: 50%; }
        div.dataTables_wrapper div.dataTables_filter label { padding: 0; margin-top: 0; display: inline-block; }
        div.dataTables_wrapper div.dataTables_filter input { border: 1px solid #dee2e6; border-radius: 3px; padding: 5px; background-color: transparent; margin-left: 3px; min-width: 200px; width: 30%; }

    div.dataTables_wrapper .dt-buttons { float: right; margin-right: 1rem; position:relative; }
        div.dataTables_wrapper .dt-buttons .btn { /*font-size: 0.9rem; padding: 0.2rem 0.75rem;*/ font-size: 1.1rem; padding: 0.1rem 0.6rem; color: #000000; }

    div.dataTables_wrapper .dataTables_paginate { padding: 7px 10px; }
        div.dataTables_wrapper .dataTables_paginate .paginate_button { padding: 0; margin: 0; font-size: .875rem; line-height: 1.5; border-radius: .2rem; }
            div.dataTables_wrapper .dataTables_paginate .paginate_button:hover { color: white !important; border: 1px solid transparent !important; background: transparent; }
            div.dataTables_wrapper .dataTables_paginate .paginate_button.current,
            div.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { background: #e5e5e5 !important; }

    .page-item .page-link { padding: 0.3rem 0.75rem; margin:0; }
.page-item.active .page-link { color: #fff; background-color: #184b3a; border-color: #184b3a; }

.filtros .card { flex-direction: row; justify-content: end; padding: 1rem; margin-bottom: 0; }
.filtros .form-check { display: inline-block; margin-right: 1rem; }
    .filtros .form-check label input { margin-right: 0.5rem; }
    .filtros .btn { margin-left: 1rem; }

.nav.nav-tabs { background-color: rgba(0,0,0,.03); }
    .nav-tabs .nav-link:focus, .nav-tabs .nav-link { margin-left: 1px; color: #999999; }
        .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { background-color: #fff; color: #495057; }

.tab-content .nav-tabs { background-color: #fff; margin: 0 -1.25rem; padding: 0 1.25rem; }
    .tab-content .nav-tabs.vertical { margin: 0 0 0 -1.25rem; padding: 1.25rem 0 0 1.25rem; }

.navbar-form.boton { position: absolute; border: none; z-index: 1000 }

.list-group { margin-bottom:1rem; }
.list-group-item:first-child { font-weight: bold; font-size: 1.2rem; padding-bottom: 0; background-color: #f8f9fa; }
.list-group-item:first-child .btn { margin: -7px -12px 5px 0; }

textarea.form-control { min-height: 115px; }

.form-check { padding-left: 2rem; }
.form-check.check-inline { display:inline-block; margin:0.5rem 2rem 0 0.75rem; }
.form-check-input { position: initial; margin-left: -1.5rem; margin-right: 0.75rem; }

.list-group-item .form-check { padding-left: 2rem;  }
    .list-group-item .form-check .form-check-input { margin-left: -2rem; margin-right: 1rem; }

.descarga-check { display: none; }

#horasUsuario { height: 100%; }

@media screen and (max-width: 767px) { div .dt-buttons { float: none; width: calc(100% - 2rem);margin-bottom:.75rem; }
}

/*Loading*/

.loading-back {
    position: fixed;
    width: 100%;
    height: 100vh;
    background-color: #0000002b;
    z-index: 10000;
    visibility: hidden;
}

#loading-div {
    position: absolute;
    top: 40px;
    left: calc(50% - 100px);
    width: 200px;
    background-color: #f3f3f3;
    padding: 1rem;
    border-radius: 15px;
    text-align: center;
}

#loading-gif {
    width: 2rem;
    height: 2rem;
    border: 5px solid #0000002b;
    border-top: 6px solid #184b3a;
    border-radius: 100%;
    margin: auto;
    animation: spin 1s infinite linear;
}

#loading-div p {
    margin: auto;
    margin-top: 15px;
}

.loading-back.display {
    visibility: visible;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

/*Loading*/


/*
#estilos { }
    #estilos #tablaUsuarios { display: block; }
    #estilos #edicionUsuarios { display: none; }
        #estilos #edicionUsuarios #dvLaboral { display: none; }
        #estilos #edicionUsuarios #dvLaboral2 { display: block; }
    #estilos #card { display: none; }
    #estilos #colores { display: none; }
*/