/*This will include the sites css*/
.navbar-custom {
    overflow: hidden;
    background-image: linear-gradient( #0B3027,#0B3027,#0B3027);
    font-family: Arial;
}

    .navbar-custom a {
        float: left;
        font-size: 16px;
        color: white;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
    }

        .navbar-custom a.notification-toggler{
            padding: 18px 16px;
        }

        .dropdown-custom {
            float: left;
            overflow: hidden;
        }

    .dropdown-custom .dropbtn-custom {
        font-size: 16px;
        border: none;
        outline: none;
        color: white;
        padding: 14px 16px;
        background-color: inherit;
        font-family: inherit;
        margin: 0;
    }

.navbar-custom a:hover, .dropdown:hover .dropbtn {
    background-color: #4EAF4E;
}

.dropdown-content-custom {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px #84898D;
    z-index: 999;
}

    .dropdown-content-custom a {
        float: none;
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        text-align: left;
    }

        .dropdown-content-custom a:hover {
            background-color: #4EAF4E;
        }

.dropdown-custom:hover .dropdown-content-custom {
    display: block;
}

.btn-primary {
    --bs-btn-bg: #008974;
    --bs-btn-border-color: #008974;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #4EAF4E;
    --bs-btn-hover-border-color: #4EAF4E;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4EAF4E;
    --bs-btn-active-border-color: #4EAF4E;
    --bs-btn-active-shadow: inset 0 3px 5px #4EAF4E;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #008974;
    --bs-btn-disabled-border-color: #008974;
}

.k-button-solid-primary {
    background-color: #008974;
    border-color: #008974;
}

    .k-button-solid-primary:hover {
        background-color: #4EAF4E;
        border-color: #4EAF4E;
    }


.btn-outline-primary {
    --bs-btn-color: #008974;
    --bs-btn-border-color: #008974;
    --bs-btn-hover-bg: #008974;
    --bs-btn-hover-border-color: #008974;
    --bs-btn-active-bg: #008974;
    --bs-btn-active-border-color: #008974;
    --bs-btn-disabled-color: #008974;
    --bs-btn-disabled-border-color: #008974;
}

.letterhead {
    width: 100%;
    border-bottom: 2px solid #000;
    padding: 20px 0;
    text-align: center;
}

.letterfooter {
    width: 100%;
    border-top: 2px solid #000;
    padding: 20px 0;
    text-align: center;
}

.letterhead img {
    max-width: 400px;
    margin-right: 15px;
}

.letter-content {
    margin: 50px auto;
    width: 80%;
    font-size: 16px;
    line-height: 1.5;
}

footer {
    border-top: 1px solid #000;
    padding: 10px 0;
    text-align: center;
}

.verified {
    background-color: #00F700 !important;
    padding: 2px 10px;
}

.not-verified {
    background-color: #dc3545 !important;
    padding: 2px 10px;
}

.grid-edit-custom-button {
    background-color: #008974 !important;
    color: #ffffff
}

    .grid-edit-custom-button:hover {
        background-color: #4EAF4E !important;
        border-color: #4EAF4E !important;
    }

.grid-delete-custom-button {
    background-color: #dc3545 !important;
    color: #ffffff
}

    .grid-delete-custom-button:hover {
        background-color: #FF5458 !important;
        border-color: #FF5458 !important;
    }


.k-list-item:hover{
    color: #fff !important;
}