:root {
    --fc-small-font-size: .85em;
    --fc-page-bg-color: #fff;
    --fc-neutral-bg-color: rgba(208, 208, 208, 0.3);
    --fc-neutral-text-color: #808080;
    --fc-border-color: #171515;
    --fc-button-text-color: #fff;
    --fc-button-bg-color: #2C3E50;
    --fc-button-border-color: #2C3E50;
    --fc-button-hover-bg-color: #1e2b37;
    --fc-button-hover-border-color: #1a252f;
    --fc-button-active-bg-color: #1a252f;
    --fc-button-active-border-color: #151e27;
    --fc-event-bg-color: #3788d8;
    --fc-event-border-color: #3788d8;
    --fc-event-text-color: #fff;
    --fc-event-selected-overlay-color: rgba(0, 0, 0, 0.25);
    --fc-more-link-bg-color: #d0d0d0;
    --fc-more-link-text-color: inherit;
    --fc-event-resizer-thickness: 8px;
    --fc-event-resizer-dot-total-width: 8px;
    --fc-event-resizer-dot-border-width: 1px;
    --fc-non-business-color: rgba(215, 215, 215, 0.3);
    --fc-bg-event-color: rgb(143, 223, 130);
    --fc-bg-event-opacity: 0.3;
    --fc-highlight-color: rgba(188, 232, 241, 0.3);
    --fc-today-bg-color: rgba(126, 195, 102, .4);
    --fc-now-indicator-color: red;
    --ancho--base: 80%;
    --ancho--base-movil: 98%;
    --ancho--sec: 60%;
    --ancho--sec-movil: 95%;
    --texto--color--base: blue;
    --texto--color--contraste: red;
    --texto--color--secundario:;
    --texto--color--contraste-sec:;
    --background--color--base: rgb(199, 212,226);
    --background--color--sec: rgb(58, 141, 222);
    --pantone--black: rgb(16, 24, 31);
    --pantone--279: rgb(58, 141, 222);
    --pantone--637: rgb(74, 193, 224);
    --pantone--gray: rgb(169, 168, 169);
    --pantone--643: rgb(199,212,226);
    --header--admin: #eebaa1;
    --button--color--principal: #3A8DDE;
    --button--color--secundario: #3A8DDE;
    --button--color--auxiliar: #3A8DDE;
    --button--color--ctrs--prin: #3A8DDE;
    --button--color--ctrs--sec: #3A8DDE;
    --button--color--ctrs--aux: #3A8DDE;
}

html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

/************        Header     ************/
/*
header {
    background-color: whitesmoke;
}

    header img {
        max-width: 200px;
    }

.custom-toggler .navbar-toggler-icon {
    background-image: url(~/img/menu.svg);
}

.custom-toggler .navbar-toggler {
}

.colorAdmin {
    background-color: var(--header--admin) !important;
}

.nav-item-p:hover {
    background-color: var(--pantone--gray);
    border-radius: 8px;
    transform: scale(1.2);
    transition: transform .3s;
}

.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0.02em;
}

.dropdown {
    margin: 0 20px;
}

    .dropdown:hover {
        background-color: var(--pantone--gray);
        border-radius: 8px;
    }
/*************************************************************/