.auth-full-bg .bg-overlay {
    background: url(/resources/img/bg-auth-overlay.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;    
}
.navbar-brand-box {
	padding: 0px;
}
.dt-right {
	text-align: right;
}
.bg-purple {
	background-color: var(--purple)
}
.vertical-collpsed .vertical-menu {
	position: fixed !important;
}

.note-editor.note-frame .note-editing-area .note-codable, .note-editor.note-frame .note-editing-area .note-editable {
  color: #333333;
  font-size: 12px;
}
.verti-timeline .event-list {
  padding: 0 0 25px 30px;
}
.datepicker {
	z-index: 9999999 !important;
}
body[data-sidebar="dark"] .mm-active {
  color: #556ee6 !important;
}
@media (max-width: 992px) {
  .logo span.logo-sm {
    background-color: white;
  }
}
/* Colores para los botones de fullcalendar */
:root {
    --fc-button-bg-color: grey;
    --fc-button-border-color: grey;
    --fc-button-active-bg-color: grey;
    --fc-button-active-border-color: grey;
}
/* Corrección para eventos de fullcalendar en listado */
.fc-event, .fc-event-dot {
    background-color: transparent;
}

.fc-toolbar.fc-header-toolbar h2 {font-size: 100%}
.fc-toolbar > .fc-toolbar-chunk > .fc-button-group > .fc-button {padding: 2px 5px !important}

/* Diseño para checks de fullcalendar */
#calendarChecks div {
    margin-bottom: 5px;
    border-radius: 5px;
    padding: 5px;
}

#calendarChecks input
{
    margin: 5px 5px 0px 5px;
}
#calendarChecks label
{
    margin-bottom: 0px;
    margin-top: 3px;
    vertical-align: top;
    color:#FFFFFF;
}
#calendarChecks #group101 {
    background-color: #F7DC6F;
}
#calendarChecks #group102 {
    background-color: #A569BD;
}
#calendarChecks #group103 {
    background-color: #3498DB;
}
#calendarChecks #group104 {
    background-color: #27AE60;
}
#calendarChecks #group105 {
    background-color: #E74C3C;
}
#calendarChecks #group106 {
    background-color: #F39C12;
}
#calendarChecks #group107 {
    background-color: #BDC3C7;
}

#calendarChecks #group108 {
    border: 1px solid #4585f4;
}
#calendarChecks #group108 .group108dot {
    border: 0px solid #4585f4;
    background-color: #4585f4;
    border-radius: 10px;
    box-sizing: content-box;
    height: 0px;
    margin: 4px 4px 0 0;
    margin-bottom: 0px;
    width: 0px;
    height: 0px;
    float:left;
}

#calendarChecks label[for='108'] {
    color: #2A3042;
}