@import "../bootstrap/dist/css/bootstrap.min-z0zQt-h.css";
@import "../packages/mdb-ui-kit/css/mdb.min-yYa_AXG.css";
@import "../packages/mdb-calendar/css/calendar.min-7TeJl6W.css";
@import "../@fortawesome/fontawesome-free/css/fontawesome.min-GGAUJs7.css";

:root {
    --color-saffron: #FF9933;
    --color-green: #138808;
    --color-blue: #06038D;
    --color-lightgray: #f3f2f2;
    --color-red: #C8102E;
}

body {
    color: gray;
}

.blank-header {
    height: 85px;
}

#logo-main {
    height: 60px;
}

#headerCarousel .carousel-inner,
#headerCarousel .carousel-item,
#headerCarousel .carousel-item.active{
    height: inherit;
}

.bg-saffron {
    background-color: var(--color-saffron);
}

.bg-green {
    background-color: var(--color-green);
}

.bg-red {
    background-color: var(--color-red);
}

.color-primary {
    color: var(--color-saffron) !important;
}

.color-secondary {
    color: var(--color-green) !important;
}

.color-blue {
    color: var(--color-blue);
}

h1, h2 {
    color: var(--color-saffron);
}

h3, h4 {
    color: var(--color-green);
}

#calendar {
    & > table {
        & > thead {
            color: var(--color-green);
            background-color: var(--color-saffron);
        }

        & > tbody {
            td:nth-child(n+6) {
                background-color: var(--color-lightgray);
            }
        }

        th {
            font-weight: 600;
        }
    }

    .calendar-heading {
        color: var(--color-saffron);
    }
}

.header-less {
    margin-top: 80px;
}