/* public/css/admin.css */
:root {
    /* make the backend contents as wide as the browser window */
    --body-max-width: 100%;
    /* change the background color of the  */
    --body-bg: #f8f9fc;
    /* make the base font size smaller */
    --font-size-base: 13px;
    /* remove all border radius to make corners straight */
    --border-radius: 0px;
    --content-bg: #f8f9fc;
    --sidebar-bg: #ededec;
    --sidebar-menu-active-item-color: #33415580;
    --sidebar-menu-color: #334155;
    --sidebar-menu-icon-color: #334155;


}
.content-top  {
    box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15)!important;
}
body {
    margin: 0;
    padding: 0;
    font-size:1rem;
    font-weight:400;
    line-height:1.5;
    color: #6e707e;
    --font-family-sans-serif:"Nunito",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace
}
*,::after,::before{
    box-sizing:border-box
}
html{
    margin: 0;
    padding: 0;
    font-family:sans-serif;
    line-height:1.15;
    -webkit-text-size-adjust:100%;
    -webkit-tap-highlight-color:transparent
}
/*article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{
    display:block;
}*/
/*article:has(table) {
    overflow-x: scroll;
}*/
body{
    margin: 0 auto;
    font-family:Nunito,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size:1rem;
    font-weight:400;
    line-height:1.5;
    color:#858796;
    text-align:left;
    background-color:#fff;
    max-width: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
}
[tabindex="-1"]:focus:not(:focus-visible){
    outline:0!important
}
hr{
    box-sizing:content-box;
    height:0;
    overflow:visible
}
.my-0 {
    margin-bottom: 20px !important
}
.main-h0px eader #header-logo {
    margin-bottom: 10px !important
}
.datagrid td.actions .action-icon {
    filter: opacity(100) !important
}
.asistenciaSalida {
    color:  #d52a1a !important;
}
.asistenciaEntrada {
    color: #1e7e34 !important;
}
#main-menu .menu .menu-header {
    color: #758c00;
    font-weight:  bold
}
.content-header .page-actions {
    display: block !important;
}

#main-menu .menu .menu-item.active {
    background: none;
    text-decoration: none !important;
}

a {
    text-decoration: none !important;
}

.fa-sign-out {
    padding: 3px
}
.fa-download {
    padding: 4px
}
#main-menu .menu a {
    align-items: flex-start;
    color: var(--sidebar-menu-color);
    padding: 4px;
}

#main-menu .menu .menu-icon {
    color: var(--sidebar-menu-icon-color);
    font-size: var(--font-size-lg);
    height: 16px;
    margin-right: 10px;
    vertical-align: baseline;
}

icon {
    /* font-size: var(--font-size-base); */
    margin-right: 5px;
}

.oculto {
    display: none;
}

#main-menu .menu .menu-item.active {
    background: none;
}

/*Boton New*/

/*.action-new {
    font-size: 4.3rem;
}*/

/*para campo empresaExterna*/
.oculto {
    visibility: hidden;
}

/*Graficos*/
.ocultarQuitar {
    display: none
}

/*login*/
.bg-login-image {
    background: url(../img/logo_sanlucar.png) !important;
    background-position: center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

.bg-gradient-login {
    background-color:#648b65;
    background-image: linear-gradient(180deg,#ffffff 30%,#758c00 100%);
    background-size:cover;
}

#layoutAuthentication_footer {
    bottom: 0px;
    /* top: 36px; */
    position: absolute;
    width: 100%;
}

#layoutAuthentication_footer_login {
    bottom: 0px;
    /*    top: 36px; */
    position: absolute;
    width: 100%;
}

.mt-auto, .my-auto {
    margin-top: auto!important;
}
.pb-4, .py-4 {
    padding-bottom: 1.5rem !important;
}
.pt-4, .py-4 {
    padding-top: 1.5rem !important;
}

.sidebar .sidebar-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: .875rem;
    border-radius: 0.35rem;
    color: rgba(255,255,255,.8);
    margin-left: 1rem;
    margin-right: 1rem;
    margin-bottom: 1rem;
    padding: 1rem;
    background-color: rgba(0,0,0,.1);
    bottom: 0px;
}
#main-menu {
    margin-bottom: 500px;
}

.form-check-input {
    position: relative !important;
}

.table td, .table th {
    vertical-align: middle !important;
}

.dropdown-menu i {
    margin-right: 0px !important;
    margin-top: 0px !important;
    vertical-align: unset !important;
    /*    width: fit-content !important;*/
}

.btn-secondary {
    color: #334155 !important;
    background-color: #fff !important;
    border-color: #fff !important;
}

.notificacion {
    padding-left: 0px;
    padding-top: 10px;

}
.col-12.notificacion {
    margin-left: -0.75rem !important;
    margin-right: -0.75rem !important;
}
.btn-link-danger {
    color: var(--red-600) !important;
}

/*Dashboard home Incidencias gradación*/
.incidencia_Leve {

}
.incidencia_Grave {
    color: #ffc107;
}
.incidencia_Muy, Grave {
    color: red;
}

/*Boton borrar filter bacth_actions*/
.pr-0.text-danger, .px-0 {
    padding-right: 12px !important;
}

/*Para los filtros y los golba actions*/
.btn-group.action-filters {
    float: right;
}
.global-actions {
    float: right;
    margin-top: 10px;
    margin-right: 10px;
}

/*FIN de filtros y los golba actions*/

button.btn.btn-primary[aria-expanded="true"] {
    background-color: #758c00 !important;
}

/*misPublicaciones*/
#misPublicaciones[aria-labelledby="alertsDropdown"].hiddenMisPublicaciones {
    display: none;
}

.hidden {
    display: none
}

.error {
    color: #5a5c69 !important;
    position: relative !important;
    font-size: 1rem !important;
    position: relative !important;
    line-height: 1.5 !important;
    width: 100% !important;
}

.btn-group.action-filters a, .global-actions a, button, a {
    border: 0px !important;
}


@media (min-width: 992px) {
    .d-lg-flex {
        display: flex!important;
    }
    .d-none {
        display: flex!important;
    }
}

/*Panel Informacion asistencias*/

.alert-info {
    color: #1c606a !important;
    background-color: #d7f1f5 !important;
    border-color: #c7ebf1 !important;
    margin-top: 40px !important;
}

/*Ordenación y check-all en movil*/
@media (max-width: 992px) {
    table.datagrid:not(.datagrid-empty) thead {
        position: sticky;
        content-visibility: visible;
        display: block;
    }
}


/*caht detail bocadillos misComunicados*/
.bocadillo-cuadrado {
    padding: 20px;
    vertical-align: middle;
    margin-bottom: 40px;
    position: relative;
    background: #758c0733;
    box-shadow: 1px 12px 33px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
}
.bocadillo-cuadrado-emisor {
    padding: 20px;
    vertical-align: middle;
    margin-bottom: 40px;
    position: relative;
    background: #ffffff;
    box-shadow: 1px 12px 33px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
}
.bocadillo-cuadrado:before {
    border: 25px solid #758c0733;
    content: '';
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-right-color: transparent;
    position: absolute;
    bottom: -48px;
    left: calc(50% - 25px)
}
.bocadillo-cuadrado-emisor:before {
    border: 25px solid #ffffff;
    content: '';
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-right-color: transparent;
    position: absolute;
    bottom: -48px;
    left: calc(50% - 25px)
}

#main table tbody td:not(.field-boolean) {
    overflow: auto;
}

.list-pagination-paginator {
    overflow: auto;
}
