body {
    font-family: "Montserrat", sans-serif;
}
.bg-main {
    background: #5C258D;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #4389A2, #5C258D);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #4389A2, #5C258D); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.font-five {
    font-size: .5rem !important;
}
.font-six {
    font-size: .6rem !important;
}
.font-eight {
    font-size: .8rem !important;
}
.font-ten {
    font-size: 1rem !important;
}
.font-twelve {
    font-size: 1.2rem !important;
}
.font-thirteen {
    font-size: 1.3rem !important;
}
.font-fifteen {
    font-size: 1.5rem !important;
}

.border-plus {
    border: .25rem dashed #6c757d;
}
.border-plus.hover-muted:hover {
    border-color: #0b5ed7;
}
.pointer {
    cursor: pointer !important;
}
.hover-muted {
    color: #6c757d;
    transition-duration: .25s;
}
.hover-muted:hover {
    background-color: rgba(108, 117, 125, 0.25);
    color: #0b5ed7 !important;
}
#toast-container > div {
    opacity:1 !important;
}

.page-main-title {
    font-size: 1.2rem !important;
}

#adminMenuBar {
    z-index: 1999 !important;
}

.color1 {background-color: #483554;}
.color2 {background-color: #714064;}
.color3 {background-color: #a95f7c;}
.color4 {background-color: #f28997;}
.color5 {background-color: #f6bca7;}

.secondary-margin-top {
    margin-top: 38px !important;
}

.toast {
    margin-top: .5rem !important;
}

#mainContent.logout {
    padding-top: 58.2px;
}
#mainContent.login {
    padding-top: 58.2px;
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {

}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {

}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .secondary-margin-top {
        margin-top: 55px !important;
    }
    #adminMenuBar {
        z-index: initial !important;
    }
    .font-lg-ten {
        font-size: 1.0rem !important;
    }
    .font-lg-twelve {
        font-size: 1.2rem !important;
    }
    .font-lg-thirteen {
        font-size: 1.3rem !important;
    }
    .font-lg-fifteen {
        font-size: 1.5rem !important;
    }
}

/*X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    #mainContent.logout {
        padding-top: 51px !important;
    }
    #mainContent.login {
        padding-top: 65px !important;
    }
}

/*XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {

}