body {
    font-family: 'Roboto', sans-serif;
}

#home-title {
    font-family: 'Fredoka One', cursive !important;
}

a, a:hover {
    text-decoration: none;
    cursor: pointer;
    font-size: medium;
}

.footer {
    text-align: center;
    padding-right: 10px;
    font-size: smaller;
}

.btn-home {
    width: 100%;
    color: white;
    background-color: #92a8d1;
    border-color: #92a8d1;
    margin-bottom: 10px;
    min-height: 50px;
    font-size: larger;
}

.navbar-toggler {
    border-color: white !important;
}

.error {
    color: #DC143C;
    font-weight: bold;
}

.required:after {
    content: " *";
    font-weight: bold;
    color: #DC143C;
}

.hide-item {
    display: none !important;
}

.spin-pad {
    margin-left: 20px;
}

.dark-blue, .dark-blue-pop {
    background-color: #034f84;
}

.dark-blue-pop {
    color: white;
}

.light-blue {
    border-color: #92a8d1;
    background-color: #92a8d1;
    color: white;
}

.purple {
    border-color: #766FA0;
    background-color: #766FA0;
    color: white;
}

.table14 td {
    text-align: left;
    padding-right: 20px;
    padding-bottom: 10px;
}

.random-table td {
    text-align: left;
    padding-right: 10px;
    padding-bottom: 5px;
    font-size: inherit !important;
    vertical-align: top;
}

.pop-form {
    margin-left: 10px;
    margin-right: 10px;
}

#viewAbsenceTable tbody, #leaveTable tbody, #whereTable, #delegationsTable, #addedLieuOverridesDiv tbody {
    cursor: pointer;
}

.timesheet-button {
    min-width: 150px;
}

.timesheet-table td {
    padding-right: 10px;
    padding-bottom: 5px;
    vertical-align: top;
}

.help-link {
    margin-bottom: 10px;
}

.nav-link {
    padding: 5px !important;
}

.center {
    margin-left: auto;
    margin-right: auto;
}

.boxed {
    border: 1px solid #766FA0;
}

.help-list li {
    margin-bottom: 30px;
}

.sub-list li {
    margin-bottom: 5px;
}

.sub-list {
    margin-top: 10px;
}

#myBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    cursor: pointer;
}

.current-status {
    font-weight: bold;
}

.ani-hello {
    color: #034f84;
    text-align: center;
    animation-duration: 8s;
    animation-name: slidein;
    animation-iteration-count: infinite;
}

@keyframes slidein {
    0% {
        margin-left: 5%;
    }

    25% {
        margin-right: 200px;
    }

    50% {
        margin-left: 5%;
    }

    75% {
        margin-left: 200px;
    }

    100% {
        margin-left: 5%;
    }
}

.leave-card {
    min-height: 250px;
}

.corrections-card {
    min-height: 430px;
}

@-webkit-keyframes autofill {
    0%,100% {
        color: #666;
        background: transparent;
    }
}

input:-webkit-autofill {
    -webkit-animation-delay: 1s;
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.red {
    color: #DC143C;
}

.where-width {
    width: 350px;
}

.center-label {
    text-align: center;
    width: 100%;
}

.mgap {
    margin-bottom: 20px;
}

.mgap2 {
    margin-bottom: 25px;
}

.mgap3 {
    margin-bottom: 5px;
}