:root{
    --base:#0983bb;
    --negro: #000000;
    --blanco:#ffffff;
    --amarillo: rgb(255, 231, 16);

}


.btn .btn-primary:focus {
    color: #ffffff !important;
}

.yellow{
    background-color: var(--amarillo);
    color: var(--negro);
}

.pb-30{
    padding-bottom: 30px !important;
}

.flex__responsive{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    
}

.grid__responsive {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    gap: 26px;
}

/* LOGIN */
.logologin {
    text-align: center  !important;
    display: block  !important;
    margin: 0 auto  !important;
    width: 95%  !important;
    padding: 0 !important;
    box-sizing: border-box  !important;
    float: none !important;
}

.auth-box {
    width: 90% !important;
    height: auto;
    margin: 0 auto !important;
    max-width: 500px;
}

/* LOGOTIPO */

.navbar-brand{
    padding-left: 15px !important;
}

/* BOTONES DEL MENU AGENDA */

.fa .fa-arrow-left{
    color: var(--negro) !important;
}

#main-content {
    padding: 0 0px !important;
}

.fc-toolbar .fc-left {
    float: none !important;
}

.fc-AddFestPagado-button{
    margin-right: 10px !important;
}

.fc-toolbar .fc-right {
    float: none !important;
}

.fc-toolbar .fc-center{
    width: 100% !important;
    display: flow !important;
    justify-content: center !important;
    padding-top: 10px;
    margin-bottom: -10px;
    /* display: grid; */
    /* text-align: center; */
    padding: 0 40%;
}

.fc-center h2{
    width: max-content;
}

.fc .fc-toolbar > * > * {
    margin-bottom: .75em;
}

.fc-toolbar.fc-header-toolbar {
    margin-bottom: 0px !important;
}

/* BARRA LATERAL */

#btnSalir{
    color: red !important;
    transition: 0.5s;
}

#btnSalir:hover{
    color:var(--blanco) !important;
    background-color: red !important;
}


.sidebar-scroll{
    background-color: var(--blanco);
}

.sidebar-nav .metismenu>li.active>a {
    background-color: var(--blanco);
}

.p-b-5, .navbar-nav ul.user-menu.menu-icon>li>a, .sidebar-nav .metismenu>li {
    /* padding-bottom: 2px !important; */
}

.sidebar-nav .metismenu a, .sidebar-nav .metismenu a, .sidebar-nav .metismenu a {
    text-decoration: none;
    background-color: var(--blanco) !important;
    transition: 0.5s;
}

.sidebar-nav .metismenu a:hover, .sidebar-nav .metismenu a:focus, .sidebar-nav .metismenu a:active {
    text-decoration: none;
    /* background: #f0f0f0  !important; */
    background: var(--base)  !important;
    color: var(--blanco);
    cursor: pointer;
    transform: scale(1.1);
    transform-origin: left 20px;
    transition: 3ms;

    /* transform: translateX(10px); */
}

.sidebar-nav .metismenu ul a {
    padding: 8px 15px 8px 26px  !important;
}
.sidebar-nav .metismenu ul a::before {
    content: '';
    position: absolute;
    left: 19px;
}

.activo a{
    color: var(--base) !important;
    font-weight: 700;
}

.activo ul li a{
    color: #777 !important;
    font-weight: initial;
}

.activo ul li.activo a{
    color: var(--base) !important;
    font-weight: 700;
}

.activo ul li.activo:hover a{
    color: var(--blanco) !important;
    font-weight: 700;
}

.activo, .activo a:hover{
    color: var(--blanco) !important;
    font-weight: 700;
}

.topMenu{
    background-color: #f1f1f1 !important;
    transform: scale(0.9) !important;
    font-weight: 800 !important;
}

.nav-link2{
    transition: 0.1s;
    text-wrap: nowrap;

}

.nav-link2:hover{
    transform: scale(1.1) !important;
    background-color: transparent  !important;
    transition: 0.1s;
}

.shadowContabilidad {
    /* overflow-x: overlay; */
}

.block-header{
    padding-top: 30px;
}


.block-header2{
    padding-top: 85px;
}

.block-header2 h2 {
    font-size: 20px;
}

#main-content{
/* margin-top: 110px !important; */
}

.scroller {
    overflow-x: overlay;
    overflow-y: hidden;
}

.bkgHome{
    /* background-color: #72c59d; */
    background-color: var(--base);
}


.fa-arrow-left:before, .fa-arrow-right:before{
    color: var(--base) !important;
}


/* NOTAS */
#noDate {
    background-color: transparent !important;
    padding: 10px 10px 10px 0px !important;
}

.siDateEvent {
    margin-bottom: 0px !important;
    border: 1px solid #ffd500 !important;
    background-color: #ffeb87 !important;
    /* background:linear-gradient(90deg, #ffd500 0.04%, #e7d36b 28.67%, #ffeb87 54.05%, #fce261 78.11%, #ffd500 100.04%); */
}

/* BOTONES EN GENERAL*/
#btnNuevo, .btnNew{
 border-radius: 33px !important;
 width: 45px;
 height: 45px;
 font-size: xxx-large;
 display: flex;
 justify-content: center;
 align-items: center;
 line-height: 1px !important;
 margin: 0 !important;
 padding: 0 !important;
}

.mail{
    color: #17a2b8 !important;
}

.btn:hover .mail{
    color: white !important;
}

.excel{
    color: #6c757d !important;
}

.btn:hover .excel{
    color: white !important;
}

#print{
    color: var(--blanco);
}

#filtrarrr{
    background-color: #72c59d;
}

span[style="background-color:#00FF00"]{
    background-color: #538b6b !important;
}

.fc-state-hover {
    color: #333333;
    text-decoration: none;
    background-position: 0 !important;
    transform: scale(1.1);
    box-shadow: 5px 5px lightslategray;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear; }

 .fc-AddEvent-button{
        /* background-image: linear-gradient(to bottom, #ffffff,#cfcfcf, #b2babb) !important; */
        text-shadow: none !important;
        transition: 0.3s;
        border-radius: 33px;
        border-radius: 33px !important;
    }

.fc-AddHolidays-button{
    background-image: linear-gradient(to bottom, #ffffff,#cfcfcf, #b2babb) !important;
    text-shadow: none !important;
    transition: 0.3s;
    border-radius: 33px !important;
}

.fc-AddHolidays-button:hover{
    background-image: linear-gradient(to bottom, #ffffff,#cfcfcf, #b2babb) !important;
    text-shadow: none !important;
    transition: 0.3s;
    border-radius: 33px !important;
}

.fc-AddPublicEvent-button{
    background-image: linear-gradient(to bottom, #ffffff,#a0f7c4, #58D68D) !important;
    text-shadow: none !important;
    transition: 0.3s;
    border-radius: 33px !important;
}

.fc-AddNoDateEvent-button{
    background-image: linear-gradient(to bottom, #ffffff,#ffeb87, #ffd500) !important;
    text-shadow: none !important;
    transition: 0.3s;
    border-radius: 33px !important;
}

.fc-AddFest-button{
    background-image: linear-gradient(to bottom, #fdaaa1, #eb8479, #e74c3c) !important;
    text-shadow: none !important;
    transition: 0.3s;
    border-radius: 33px !important;
}

.fc-AddFestPagado-button{
    background-image: linear-gradient(to bottom, #e6ba88, #e9b171, #de7600) !important;
    text-shadow: none !important;
    transition: 0.3s;
    border-radius: 33px !important;
}

.fc-AddBajaNoPagada-button{
    background-image: linear-gradient(to bottom, #a7a7a7, #8b8b8b, #4b4b4b) !important;
    text-shadow: none !important;
    color: white !important;
    transition: 0.3s;
    border-radius: 33px !important;
}

.fc-AddBajaPagada-button{
    background-image: linear-gradient(to bottom, #c3defa, #88b4e0, #5fa4e9) !important;
    text-shadow: none !important;
    color: white !important;
    transition: 0.3s;
    border-radius: 33px !important;
}

/* GESTIONAR PARTES */
.cabecera{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 10px 8px;
    margin: 0;
    gap: 30px;
}

.cabecera2{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: end;
    padding: 10px 15px;
    margin: 0;
    gap: 30px;
}

.nuevoParte{
    text-align: -webkit-right;

}

.trabajador{
    background-color: #eeeeee;
    padding: 10px 25px;
}

.partIco{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

div.parte div.row{
    align-items: center;
}

div.parte div.row .col-3{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

div span.fecha{
    display: flex;
    flex-wrap: wrap;
    
}

.dataTables_length{
    text-align: start !important;
}


/* FORMULARIOS */
.buscador{
    width: 100% !important;
}

#id_familia_padre{
    width: 100% !important;
  
}

.generaBarcode{
    margin-left: 10px !important;
}

.nuevoProducto{
    padding-left: 85px;
}


/* CONTABILIDAD */

.nav-link:hover{
    filter: contrast(2.5);
}

.breadcrumb {
    background-color: transparent !important;
}

/* TABLAS */

.table tbody tr td, .table tbody th td {
    font-size: clamp(12px, 2vw, 14px) !important;
    }

/* ESTADISTICAS  */
.bkgEstadistica {
    background-color: rgb(148, 154, 248) !important;
}

.shadowEstadistica {
    box-shadow: 0 .5rem 1rem rgb(148, 154, 248) !important;
}

.tituloGrafica{
    text-align: center;
}

.svg-funnel-js .svg-funnel-js__labels .svg-funnel-js__label .label__value {
    color: #000000 !important;
}

.svg-funnel-js .svg-funnel-js__labels .svg-funnel-js__label .label__title {
color: var(--base) !important;
}

.signature-pad--body canvas{
    /* width: 100%; */
    /* height: 250px; */
}


/* MEDIA QUERYS */

@media (max-width: 768px) {
    #noDate {
        padding: 10px 10px 10px 10px !important;
    }

    .nuevoProducto{
        padding-left: 20px;
    }
  }

@media screen and (max-width: 992px) {
    .navbar-fixed-top {
        top: 0px;
    }
}