/* 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 {
    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{
    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
}
body{
    margin:0;
    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
}
[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
}
.asistenciaEntrada {
    color: #1e7e34
}
#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;
}

#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;
}

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

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

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

/*login*/
.bg-login-image {
    background: url(../img/login_logo.jpeg) !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;
}

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

@media (min-width: 768px) {
    .chart-area {
        height: 27rem !important;
    }
}

/*@media (min-width: 992px) {
    .chart-area {
        height: 37rem !important;
    }
}*/