/*Fonts*/

@font-face {
    font-family: Comfortaa;
    src: url('../fonts/Comfortaa-Medium.woff') format('woff');
}

html body,
h1, h2, h3, h4, h5, h6 {
    font-family: Comfortaa, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body h1 {
    letter-spacing: 0.03125rem;
    color: #263271;
    font-weight: bold;
    font-style: normal;
    font-size: 30px;
}

/*button colours*/
.btn-outline-danger{
    border-radius: 0.5rem;
}

#MessageModal .btn-primary,
#main .btn-primary, #main .btn-info {
    background-color: #0e8837; /*#00aaa5;*/
    border-color: #0e8837; /*#00aaa5;*/
    color: #ffffff;
    background-image: none;
    border-radius: 0.5rem;
}


#main .btn-secondary, #main .btn-warning {
    background-color: #fff; /*#00aaa5;*/
    border-color: #0e8837; /*#00aaa5;*/
    color: #0e8837;
    background-image: none;
    border-radius: 0.5rem;

}

#main .btn-primary:hover {
    background-color: #006938; /*#1d8e8b;*/
}

#main .btn-secondary:hover, #main .btn-warning:hover {
    background-color: #0e8837; /*#1d8e8b;*/
    color: #fff;
}

body:after {
    content: "";
    background-image: url("website-background-png.png");
    opacity: 0.3;
    top: calc(-1 * var(--header-height) - 1rem);
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
}

/*Login Mobile*/
@media (max-width: 497px) {
    #lnkPasswordForgotten {
        margin-top: 1rem;
    }
}

@media (max-width: 768px) {

    #txtPassword {
        width: 100%;
    }

    #txtPassword + .input-group-text {
        margin-left: 0;
        margin-right: 1px;
        width: 20%;
    }

    #txtPassword ~ label.input-group-text {
        width: 80%;
    }


}

/* Menu */
.welcome-text {
    color: var(--primary-color);
    font-size: 1.125em;
}

.menu-icon {
    width: 20%;
}

/* Login Screen */
#lUsername, #lPassword {
    display: flex;
}

label#lUsername:after {
    content: '*';
    color: red;
}

label#lPassword:after {
    content: '*';
    color: red;
}

/* Home Page */

/* Messages */
.message {
    width: 100%;
}

/* Width override*/
.esb_PageOuter {
    width: 100%;
}

/* Scroll Override */
html {
    scroll-behavior: auto !important;
}

.grecaptcha-badge {
    display: none !important;
}

body .nav-tabs > li > button {
    color: #0e8837;
}


body .nav-tabs > li > button.active, .nav-tabs > li > button.active:focus, .nav-tabs > li > button.nav-link:hover {
    color: #006938 !important;
    font-weight: bold;
}

/* Hide Reply Section on messages */
form[action="/Message/Reply"] {
    display: none;
}
.responsiveDataTable{
    background-color: var(--white-color);
    padding:1em;
}

@media (max-width:768px) {
    .l-navbar.show {
        width: 100%;
    }
}

/*Menu Scroll Bars*/
.l-navbar .left-nav {
    overflow-y: scroll;
}

/* custom scrollbar */
.left-nav::-webkit-scrollbar {
    width: 0;
}

.l-navbar.show .left-nav::-webkit-scrollbar {
    width: 20px;
}

.left-nav::-webkit-scrollbar-track {
    background-color: transparent;
}

.left-nav::-webkit-scrollbar-thumb {
    background-color: #d6dee1;
    border-radius: 20px;
    border: 6px solid transparent;
    background-clip: content-box;
}

.left-nav::-webkit-scrollbar-thumb:hover {
    background-color: #a8bbbf;
}