:root{
	--verde-ppal: #8FD744;
	--verde: #73A83C;
}
body{
	font-family: 'Montserrat', sans-serif;
	color: #666;
	background: rgba(244, 244, 244, 0.62);
}
body.login{
	height: 100vh;
	min-height: 100vh;
	background-size: cover;
	background-position: center;
}
h1,h2,h3,h4,h5,h6{
	color: #444;
}
#topbar{
	z-index: 1040;
	box-shadow: 0 0 8px rgba(0, 0, 0, .1);
}
.btn-list{
	height: 48px;
	width: 48px;
	border-radius: 50%;
	background-color: #EFF8E7;
}
.sb-nav-fixed #layoutSidenav #layoutSidenav_nav{
	background-color: #fff;
	box-shadow: 3px 0 8px rgba(0, 0, 0, .05);
}

.sb-sidenav-menu > .nav{
	margin-top: 100px;
	height: calc(100vh - 100px);
}

.sb-sidenav-menu .nav .nav-link{
	min-height: 50px!important;
	display: flex!important;
    flex-direction: column!important;
    align-items: center!important;
    justify-content: center!important;
    text-decoration: none!important;
    color: #999;
    text-align: center!important;
    padding: .55rem .5rem!important;
/*    line-height: 1;*/
    font-size: 11px!important;
}
.sb-sidenav-menu .nav .nav-link .sb-nav-link-icon{
	font-size: 20px!important;
} 
.sb-nav-fixed #layoutSidenav #layoutSidenav_content{
	padding-top: 100px!important;
}
.sb-sidenav-menu li.separador{
    padding: 0 1rem;
}
.sb-sidenav-menu li.separador hr{
    margin: .8rem 0;
}
.sb-sidenav-menu li.sidenav-header{
    padding:0 1rem; 
    font-weight: 700; 
    font-size: 10px; 
    color: #D2D3D5; 
    line-height: 1; 
    margin-bottom:1rem
}

.text-14{
	font-size: 14px;
}
.text-18{
	font-size: 18px;
}
.text-color{
	color: var(--verde);
}
.btn-color{
	background-color: var(--verde-ppal);
	color: #fff;
	padding:10px 1rem;
}
.btn-color:is(:hover,:focus,:active){
	background-color: var(--verde)!important;
	color: #fff!important;
}
.btn-color2{
	background-color: var(--verde);
	color: #fff;
	padding:10px 1rem;
}
.btn-color2:is(:hover,:focus,:active){
	background-color: #628D35!important;
	color: #fff!important;
}

.cont-estadisticas .card, .card-table{
	background-color: #fff!important;
}
.borde-verde-left{
	border-left: 2px solid var(--verde);
}



.calendario .datepicker-inline{
    width: 100%;
}
.calendario .datepicker-view{
	width: 100%;
}
.calendario .datepicker-controls button{
	font-size: 14px;
}
.calendario .datepicker-main .datepicker-view .days-of-week span{
	font-size: 12px!important;
}
.calendario .datepicker-main .datepicker-view .datepicker-grid{
	font-size: 13px;
}
.calendario .datepicker-main .datepicker-view .datepicker-grid .datepicker-cell.day{
/*	height: auto;*/
/*	aspect-ratio: .9;*/
}
.calendario .datepicker-cell.selected, .datepicker-cell.selected:hover{
	background-color: var(--verde);
}
.calendario .datepicker-cell.today:not(.selected){
	background-color: rgba(143, 215, 68, 0.7)
}

.nav-pills .nav-item .nav-link{
	background-color: #E7EBE4;
	color: #888;
	padding: 8px 20px;
	margin-left:.3rem;
	border-radius: 8px;
}
.nav-pills .nav-item .nav-link.active{
	background-color: var(--verde);
	color: #fff;
}


/* FULLCALENDAR */
.fc .fc-toolbar h2{
	font-size: 20px;
}
.fc .fc-toolbar button{
	font-size: 15px;
	background-color: #f3f3f3;
	box-shadow: none;
	background-image: none;
	text-shadow: none!important;
	border: none;
	color: #666;

}
.fc .fc-toolbar button:is(:hover,:focus,:active),
.fc .fc-toolbar button.fc-state-active{
	background-color: #E7EBE4;
	background-image: none;
	color: var(--verde);
}
.fc-content{
	color: #666;
}
.fc-time-grid-event{
	height: fit-content;
}