/*Imagenes cabecera*/
.avatar{max-height:40px;vertical-align:middle!important;}
.logo{max-height:25px;vertical-align:middle!important;}
/*Datos básicos de la página*/
* {box-sizing: border-box;}
body {display: flex;flex-wrap: wrap;min-height: 100vh;}
#app,main {width: 100%;}
footer {width: 100%;padding: 1em;align-self: flex-end;}
img{vertical-align: text-top!important;}
H1{color:#665857!important;font-size:30px!important;font-weight:700!important;font-family:sans-serif;}


/*Fondo botones y tamaño iconos*/
.bg-info {background-color:#77c9db!important;}
.boton-accion{min-width:65px!important;margin:0 5px;}


/*Datatables*/
thead{background:#c2e8f1;}
tfoot{background:#77c9db;color:white;}
.table-striped tbody tr:nth-of-type(odd) {background-color:#fcfcfc!important;}
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th.dtr-control:before{background-color:#77c9db!important;width:20px!important;height:20px!important;margin-top:-11px!important;border-radius:20px!important;line-height:20px!important;left:3px!important;}
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before{background-color:#d33333!important;}

td.dt-body-right{text-align:right;}
th.dt-body-right{text-align:center;}
div.acciones{text-align:center;}

@media (max-width: 600px) {
    div.acciones{letter-spacing: 0.1em}
}

@media (min-width: 600px) and  (max-width: 1024px) {
    a.accion{font-size:12px!important;}
}

a.accion{width:100%!important;}
.page-item.active .page-link{background-color:#77c9db!important;border-color:#77c9db!important;color:#ffffff!important}
.page-link{color:#77c9db!important;}



/*Fondo color verde Feynman*/
.fondo-feynman{background:#aad9d6;}
.fondo-feynman-claro{background:rgb(194, 232, 241);}

/*Fondo color amarillo Feynman*/
.amarillo-feynman{background:#e1e5cf;}

/*Fondo color naranja Feynman*/
.naranja-feynman{background:#e96434;}


/*Para archivos adjuntos*/
p#texto{text-align: center;color:white;padding:0;margin:0;}
div#div_file{position:relative;margin-top:20px;padding:10px;width:180px;background-color: #aad9d6;}
input#logo,input#adjunto{position:absolute;top:0px;left:0px;right:0px;bottom:0px;width:100%;height:100%;opacity: 0;padding-left: 100%;cursor: pointer;}
.adjunto{max-width:200px;}

#myTable td, #myTable th {vertical-align: middle;}
select.seleccion.form-control{padding: 0.375rem 0.375rem;}

.displaybox{display:-webkit-box!important;}

#eyeSlash,#eyeShow{position:relative;left:-40px;}
td.cabecera{background:#ccc;text-align: center!important;font-weight:bold;}
td.datos,td.datosGastos{text-align: right;}
td.datosGastos{background:#eee;}
td.datos{background:#fff;}
td.derecha{text-align:right!important;}

/*Nuevo login*/
.avatar-login{max-height:80px;vertical-align:middle!important;}
.auth-fluid {
    position: relative;display: flex;align-items: center;min-height: 100vh;flex-direction: row;align-items: stretch;
    background: url(/images/bg-login.jpg) center;background-size: cover;
}
.sin-borde{border:0!important;}
.login-factuwin{background-color:white;}
.menu-lateral{min-height:90vh}
.menu-vertical{position: fixed;height: 100%;}