/*------------------------------------
Colors By Tareq
------------------------------------*/

body::-webkit-scrollbar {
    width: 1em;
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

body::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
}

a {
    color: #427c6d;
}

    a:hover {
        color: #427c6d;
    }

    a:focus {
        outline: none;
    }


/* buttons */

.btn {
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1) !important;
}

    .btn:hover {
        box-shadow: 0px 15px 20px rgba(46, 229, 157, 0.4);
    }

.btn-primary {
    color: #fff;
    background-color: #2d5a52;
    border-color: #2d5a52;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    z-index: 1;
}

    .btn-primary:not(:disabled):not(.disabled):active,
    .btn-primary:not(:disabled):not(.disabled).active,
    .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #405a53 !important;
        border-color: #405a53 !important;
    }

    .btn-primary:hover {
        color: #fff;
        background-color: #3f6f62;
        border-color: #3a675b;
    }

    .btn-primary:focus,
    .btn-primary.focus {
        background-color: #34675a !important;
        border-color: #34675a !important;
        background-color: #34675a !important;
        border-color: #34675a !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(77, 135, 120, 0.5);
    }

    .btn-primary.disabled,
    .btn-primary:disabled {
        background-color: #2d5a52 !important;
        border-color: #2d5a52 !important;
    }

    .btn-primary:active,
    .btn-primary.active,
    .show > .btn-primary.dropdown-toggle {
        background-color: #3f6f62 !important;
        background-image: none;
        border-color: #3a675b !important;
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

.btn-secondary {
    color: #fff;
    background-color: #b69a70;
    border-color: #b69a70;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .btn-secondary:hover {
        color: #fff;
        background-color: #b69a70 !important;
        border-color: #b69a70 !important;
    }

    .btn-secondary:focus,
    .btn-secondary.focus {
        background-color: #b69a70 !important;
        background-image: none;
        border-color: #b69a70 !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(134, 142, 150, 0.5);
    }

    .btn-secondary.disabled,
    .btn-secondary:disabled {
        background-color: #868e96;
        border-color: #868e96;
    }

    .btn-secondary:active,
    .btn-secondary.active,
    .show > .btn-secondary.dropdown-toggle {
        background-color: #b69a70 !important;
        background-image: none;
        border-color: #b69a70 !important;
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

.btn-success {
    color: #fff;
    background-color: #427c6d;
    border-color: #427c6d;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .btn-success:hover {
        color: #fff;
        background-color: #356357;
        border-color: #305b50;
    }

    .btn-success:focus,
    .btn-success.focus {
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(66, 124, 109, 0.5);
    }

    .btn-success.disabled,
    .btn-success:disabled {
        background-color: #427c6d;
        border-color: #427c6d;
    }

    .btn-success:active,
    .btn-success.active,
    .show > .btn-success.dropdown-toggle {
        background-color: #356357;
        background-image: none;
        border-color: #305b50;
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

.btn-info {
    color: #fff !important;
    background-color: #50b197;
    border-color: #50b197;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .btn-info:hover {
        color: #fff;
        background-color: #228a6f;
        border-color: #208066;
    }

    .btn-info:focus,
    .btn-info.focus {
        background-color: #228a6f !important;
        background-image: none;
        border-color: #208066 !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(42, 169, 135, 0.5);
    }

    .btn-info.disabled,
    .btn-info:disabled {
        background-color: #50b197;
        border-color: #50b197;
    }

    .btn-info:active,
    .btn-info.active,
    .show > .btn-info.dropdown-toggle {
        background-color: #228a6f !important;
        background-image: none;
        border-color: #208066 !important;
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

.btn-warning {
    color: #fffcfc !important;
    background-color: #b69a70;
    border-color: #b69a70;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .btn-warning:hover {
        color: #fff;
        background-color: #a28a48;
        border-color: #998244;
    }

    .btn-warning:focus,
    .btn-warning.focus {
        background-color: #a28a48 !important;
        background-image: none;
        border-color: #998244 !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(182, 157, 90, 0.5);
    }

    .btn-warning.disabled,
    .btn-warning:disabled {
        background-color: #b69a70;
        border-color: #b69a70;
    }

    .btn-warning:active,
    .btn-warning.active,
    .show > .btn-warning.dropdown-toggle {
        background-color: #a28a48 !important;
        background-image: none;
        border-color: #998244 !important;
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

.btn-danger {
    color: #fff !important;
    background-color: #b53b3b;
    border-color: #b53b3b;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .btn-danger:hover {
        color: #fff;
        background-color: #983232;
        border-color: #8f2e2e;
    }

    .btn-danger:focus,
    .btn-danger.focus {
        background-color: #983232 !important;
        background-image: none;
        border-color: #8f2e2e !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(181, 59, 59, 0.5);
    }

    .btn-danger.disabled,
    .btn-danger:disabled {
        background-color: #b53b3b;
        border-color: #b53b3b;
    }

    .btn-danger:active,
    .btn-danger.active,
    .show > .btn-danger.dropdown-toggle {
        background-color: #983232 !important;
        background-image: none;
        border-color: #8f2e2e !important;
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

.btn-light {
    color: #111;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .btn-light:hover {
        color: #111;
        background-color: #e2e6ea;
        border-color: #dae0e5;
    }

    .btn-light:focus,
    .btn-light.focus {
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(248, 249, 250, 0.5);
    }

    .btn-light.disabled,
    .btn-light:disabled {
        background-color: #f8f9fa;
        border-color: #f8f9fa;
    }

    .btn-light:active,
    .btn-light.active,
    .show > .btn-light.dropdown-toggle {
        background-color: #e2e6ea;
        background-image: none;
        border-color: #dae0e5;
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .btn-dark:hover {
        color: #fff;
        background-color: #23272b;
        border-color: #1d2124;
    }

    .btn-dark:focus,
    .btn-dark.focus {
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(52, 58, 64, 0.5);
    }

    .btn-dark.disabled,
    .btn-dark:disabled {
        background-color: #343a40;
        border-color: #343a40;
    }

    .btn-dark:active,
    .btn-dark.active,
    .show > .btn-dark.dropdown-toggle {
        background-color: #23272b;
        background-image: none;
        border-color: #1d2124;
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

.btn-outline-primary {
    color: #2d5a52;
    background-color: transparent;
    background-image: none;
    border-color: #2d5a52;
}

    .btn-outline-primary:hover {
        color: #fff;
        background-color: #2d5a52;
        border-color: #2d5a52;
    }

    .btn-outline-primary:focus,
    .btn-outline-primary.focus {
        box-shadow: 0 0 0 3px rgba(77, 135, 120, 0.5);
    }

    .btn-outline-primary.disabled,
    .btn-outline-primary:disabled {
        color: #2d5a52;
        background-color: transparent;
    }

    .btn-outline-primary:active,
    .btn-outline-primary.active,
    .show > .btn-outline-primary.dropdown-toggle {
        color: #fff;
        background-color: #2d5a52;
        border-color: #2d5a52;
    }

.btn-outline-secondary {
    color: #b69a70;
    background-color: transparent;
    background-image: none;
    border-color: #b69a70;
}

    .btn-outline-secondary:hover {
        color: #fff;
        background-color: #b69a70;
        border-color: #b69a70;
    }

    .btn-outline-secondary:focus,
    .btn-outline-secondary.focus {
        box-shadow: 0 0 0 3px rgba(182, 157, 90, 0.5);
    }

    .btn-outline-secondary.disabled,
    .btn-outline-secondary:disabled {
        color: #868e96;
        background-color: transparent;
    }

    .btn-outline-secondary:active,
    .btn-outline-secondary.active,
    .show > .btn-outline-secondary.dropdown-toggle {
        color: #fff;
        background-color: #868e96;
        border-color: #868e96;
    }

.btn-outline-success {
    color: #427c6d;
    background-color: transparent;
    background-image: none;
    border-color: #427c6d;
}

    .btn-outline-success:hover {
        color: #fff;
        background-color: #427c6d;
        border-color: #427c6d;
    }

    .btn-outline-success:focus,
    .btn-outline-success.focus {
        box-shadow: 0 0 0 3px rgba(66, 124, 109, 0.5);
    }

    .btn-outline-success.disabled,
    .btn-outline-success:disabled {
        color: #427c6d;
        background-color: transparent;
    }

    .btn-outline-success:active,
    .btn-outline-success.active,
    .show > .btn-outline-success.dropdown-toggle {
        color: #fff;
        background-color: #427c6d;
        border-color: #427c6d;
    }

.btn-outline-info {
    color: #50b197;
    background-color: transparent;
    background-image: none;
    border-color: #50b197;
}

    .btn-outline-info:hover {
        color: #fff;
        background-color: #50b197;
        border-color: #50b197;
    }

    .btn-outline-info:focus,
    .btn-outline-info.focus {
        box-shadow: 0 0 0 3px rgba(42, 169, 135, 0.5);
    }

    .btn-outline-info.disabled,
    .btn-outline-info:disabled {
        color: #50b197;
        background-color: transparent;
    }

    .btn-outline-info:active,
    .btn-outline-info.active,
    .show > .btn-outline-info.dropdown-toggle {
        color: #fff;
        background-color: #50b197;
        border-color: #50b197;
    }

.btn-outline-warning {
    color: #b69a70;
    background-color: transparent;
    background-image: none;
    border-color: #b69a70;
}

    .btn-outline-warning:hover {
        color: #fff;
        background-color: #b69a70;
        border-color: #b69a70;
    }

    .btn-outline-warning:focus,
    .btn-outline-warning.focus {
        box-shadow: 0 0 0 3px rgba(182, 157, 90, 0.5);
    }

    .btn-outline-warning.disabled,
    .btn-outline-warning:disabled {
        color: #b69a70;
        background-color: transparent;
    }

    .btn-outline-warning:active,
    .btn-outline-warning.active,
    .show > .btn-outline-warning.dropdown-toggle {
        color: #fff;
        background-color: #b69a70;
        border-color: #b69a70;
    }

.btn-outline-danger {
    color: #b53b3b;
    background-color: transparent;
    background-image: none;
    border-color: #b53b3b;
}

    .btn-outline-danger:hover {
        color: #fff;
        background-color: #b53b3b;
        border-color: #b53b3b;
    }

    .btn-outline-danger:focus,
    .btn-outline-danger.focus {
        box-shadow: 0 0 0 3px rgba(181, 59, 59, 0.5);
    }

    .btn-outline-danger.disabled,
    .btn-outline-danger:disabled {
        color: #b53b3b;
        background-color: transparent;
    }

    .btn-outline-danger:active,
    .btn-outline-danger.active,
    .show > .btn-outline-danger.dropdown-toggle {
        color: #fff;
        background-color: #b53b3b;
        border-color: #b53b3b;
    }

.btn-outline-light {
    color: #2d5a52;
    background-color: transparent;
    background-image: none;
    border-color: #f8f9fa;
}

    .btn-outline-light:hover {
        color: #b69a70;
        background-color: #f8f9fa;
        border-color: #f8f9fa;
    }

    .btn-outline-light:focus,
    .btn-outline-light.focus {
        box-shadow: 0 0 0 3px rgba(248, 249, 250, 0.5);
    }

    .btn-outline-light.disabled,
    .btn-outline-light:disabled {
        color: #f8f9fa;
        background-color: transparent;
    }

    .btn-outline-light:active,
    .btn-outline-light.active,
    .show > .btn-outline-light.dropdown-toggle {
        color: #fff;
        background-color: #f8f9fa;
        border-color: #f8f9fa;
    }

.btn-outline-dark {
    color: #343a40;
    background-color: transparent;
    background-image: none;
    border-color: #343a40;
}

    .btn-outline-dark:hover {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40;
    }

    .btn-outline-dark:focus,
    .btn-outline-dark.focus {
        box-shadow: 0 0 0 3px rgba(52, 58, 64, 0.5);
    }

    .btn-outline-dark.disabled,
    .btn-outline-dark:disabled {
        color: #343a40;
        background-color: transparent;
    }

    .btn-outline-dark:active,
    .btn-outline-dark.active,
    .show > .btn-outline-dark.dropdown-toggle {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40;
    }

.btn-link {
    font-weight: normal;
    color: #2d5a52;
    border-radius: 0;
}

    .btn-link,
    .btn-link:active,
    .btn-link.active,
    .btn-link:disabled {
        background-color: transparent;
        box-shadow: none;
    }

        .btn-link,
        .btn-link:focus,
        .btn-link:active {
            border-color: transparent;
            box-shadow: none;
        }

            .btn-link:hover {
                border-color: transparent;
            }

            .btn-link:focus {
                color: #31564d;
                text-decoration: underline;
                background-color: transparent;
            }

            .btn-link:hover {
                color: #31564d;
                text-decoration: underline;
                background-color: transparent;
            }

            .btn-link:disabled {
                color: #868e96;
            }

                .btn-link:disabled:focus {
                    text-decoration: none;
                }

                .btn-link:disabled:hover {
                    text-decoration: none;
                }



/* backgrounds */

.bg-primary {
    background-color: #2d5a52 !important;
}

a.bg-primary:focus {
    background-color: #3a675b !important;
}

a.bg-primary:hover {
    background-color: #3a675b !important;
}

.bg-secondary {
    background-color: #6f5d2f !important;
    color: #fff !important;
}

a.bg-secondary:focus {
    background-color: #6c757d !important;
}

a.bg-secondary:hover {
    background-color: #6c757d !important;
}

.bg-success {
    background-color: #427c6d !important;
    color: #fff;
}

a.bg-success:focus {
    background-color: #305b50 !important;
}

a.bg-success:hover {
    background-color: #305b50 !important;
}

.bg-info {
    background-color: #50b197 !important;
    color: #fff;
}

a.bg-info:focus {
    background-color: #208066 !important;
}

a.bg-info:hover {
    background-color: #208066 !important;
}

.bg-warning {
    background-color: #b69a70 !important;
    color: #fff;
}

a.bg-warning:focus {
    background-color: #998244 !important;
}

a.bg-warning:hover {
    background-color: #998244 !important;
}

.bg-danger {
    background-color: #b53b3b !important;
}

a.bg-danger:focus {
    background-color: #8f2e2e !important;
}

a.bg-danger:hover {
    background-color: #8f2e2e !important;
}

.bg-danger {
    color: #fff !important;
}

.bg-light {
    background-color: #f8f9fa !important;
}

a.bg-light:focus {
    background-color: #dae0e5 !important;
}

a.bg-light:hover {
    background-color: #dae0e5 !important;
}

.bg-dark {
    background-color: #343a40 !important;
    color: #fff !important;
}

a.bg-dark:focus {
    background-color: #1d2124 !important;
}

a.bg-dark:hover {
    background-color: #1d2124 !important;
}

.bg-white {
    background-color: #fff !important;
}

.bg-transparent {
    background-color: transparent !important;
}

.border {
    border: 1px solid #e9ecef !important;
}

.border-0 {
    border: 0 !important;
}

.border-top-0 {
    border-top: 0 !important;
}

.border-right-0 {
    border-right: 0 !important;
}

.border-bottom-0 {
    border-bottom: 0 !important;
}

.border-left-0 {
    border-left: 0 !important;
}

.border-primary {
    border-color: #2d5a52 !important;
}

.border-secondary {
    border-color: #868e96 !important;
}

.border-success {
    border-color: #427c6d !important;
}

.border-info {
    border-color: #50b197 !important;
}

.border-warning {
    border-color: #b69a70 !important;
}

.border-danger {
    border-color: #b53b3b !important;
}

.border-light {
    border-color: #f8f9fa !important;
}

.border-dark {
    border-color: #343a40 !important;
}

.border-white {
    border-color: #fff !important;
}


/* text */

.text-primary {
    color: #34675a !important;
}

.text-secondary {
    color: #b69a70 !important;
}

.text-success {
    color: #427c6d !important;
}

.bg-danger {
    color: #ffffff !important;
}

.text-warning {
    color: #b69a70 !important;
}

.text-info {
    color: #44909c !important;
}


/* badge */

.badge-primary {
    color: #fff;
    background-color: #2d5a52;
}

    .badge-primary[href]:focus {
        color: #fff;
        text-decoration: none;
        background-color: #3a675b;
    }

    .badge-primary[href]:hover {
        color: #fff;
        text-decoration: none;
        background-color: #3a675b;
    }

.badge-secondary {
    color: #fff;
    background-color: #b69a70;
}

    .badge-secondary[href]:focus {
        color: #fff;
        text-decoration: none;
        background-color: #6c757d;
    }

    .badge-secondary[href]:hover {
        color: #fff;
        text-decoration: none;
        background-color: #6c757d;
    }

.badge-success {
    color: #fff;
    background-color: #427c6d;
}

    .badge-success[href]:focus {
        color: #fff;
        text-decoration: none;
        background-color: #305b50;
    }

    .badge-success[href]:hover {
        color: #fff;
        text-decoration: none;
        background-color: #305b50;
    }

.badge-info {
    color: #fff;
    background-color: #50b197;
}

    .badge-info[href]:focus {
        color: #fff;
        text-decoration: none;
        background-color: #208066;
    }

    .badge-info[href]:hover {
        color: #fff;
        text-decoration: none;
        background-color: #208066;
    }

.badge-warning {
    color: #fff;
    background-color: #b69a70;
}

    .badge-warning[href]:focus {
        color: #111;
        text-decoration: none;
        background-color: #998244;
    }

    .badge-warning[href]:hover {
        color: #111;
        text-decoration: none;
        background-color: #998244;
    }

.badge-danger {
    color: #fff;
    background-color: #b53b3b;
}

    .badge-danger[href]:focus {
        color: #fff;
        text-decoration: none;
        background-color: #8f2e2e;
    }

    .badge-danger[href]:hover {
        color: #fff;
        text-decoration: none;
        background-color: #8f2e2e;
    }

.badge-light {
    color: #111;
    background-color: #f8f9fa;
}

    .badge-light[href]:focus {
        color: #111;
        text-decoration: none;
        background-color: #dae0e5;
    }

    .badge-light[href]:hover {
        color: #111;
        text-decoration: none;
        background-color: #dae0e5;
    }

.badge-dark {
    color: #fff;
    background-color: #343a40;
}

    .badge-dark[href]:focus {
        color: #fff;
        text-decoration: none;
        background-color: #1d2124;
    }

    .badge-dark[href]:hover {
        color: #fff;
        text-decoration: none;
        background-color: #1d2124;
    }


/* Alerts */

.alert-primary {
    color: #28463e;
    background-color: #dbe7e4;
    border-color: #cdddd9;
}

    .alert-primary hr {
        border-top-color: #bed3cd;
    }

    .alert-primary .alert-link {
        color: #152621;
    }

.alert-secondary {
    color: #464a4e;
    background-color: #e7e8ea;
    border-color: #dddfe2;
}

    .alert-secondary hr {
        border-top-color: #cfd2d6;
    }

    .alert-secondary .alert-link {
        color: #2e3133;
    }

.alert-success {
    color: #224039;
    background-color: #d9e5e2;
    border-color: #cadad6;
}

    .alert-success hr {
        border-top-color: #bbd0ca;
    }

    .alert-success .alert-link {
        color: #101f1b;
    }

.alert-info {
    color: #165846;
    background-color: #d4eee7;
    border-color: #c3e7dd;
}

    .alert-info hr {
        border-top-color: #b1e0d3;
    }

    .alert-info .alert-link {
        color: #0c2f26;
    }

.alert-warning {
    color: #5f522f;
    background-color: #f0ebde;
    border-color: #ebe4d1;
}

    .alert-warning hr {
        border-top-color: #e3dabf;
    }

    .alert-warning .alert-link {
        color: #3d351e;
    }

.alert-danger {
    color: #5e1f1f;
    background-color: #f0d8d8;
    border-color: #eac8c8;
}

    .alert-danger hr {
        border-top-color: #e3b6b6;
    }

    .alert-danger .alert-link {
        color: #381212;
    }

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe;
}

    .alert-light hr {
        border-top-color: #ececf6;
    }

    .alert-light .alert-link {
        color: #686868;
    }

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca;
}

    .alert-dark hr {
        border-top-color: #b9bbbe;
    }

    .alert-dark .alert-link {
        color: #040505;
    }


/* list groups */

.list-group-item:focus {
    text-decoration: none;
}

.list-group-item:hover {
    text-decoration: none;
}

.list-group-item.disabled,
.list-group-item:disabled {
    color: #868e96;
    background-color: #fff;
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #2d5a52;
    border-color: #2d5a52;
}

.list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
}

.list-group-flush:first-child .list-group-item:first-child {
    border-top: 0;
}

.list-group-flush:last-child .list-group-item:last-child {
    border-bottom: 0;
}

.list-group-item-primary {
    color: #28463e;
    background-color: #cdddd9;
}

a.list-group-item-primary,
button.list-group-item-primary {
    color: #28463e;
}

    a.list-group-item-primary:focus,
    button.list-group-item-primary:focus {
        color: #28463e;
        background-color: #bed3cd;
    }

    a.list-group-item-primary:hover,
    button.list-group-item-primary:hover {
        color: #28463e;
        background-color: #bed3cd;
    }

    a.list-group-item-primary.active,
    button.list-group-item-primary.active {
        color: #fff;
        background-color: #28463e;
        border-color: #28463e;
    }

.list-group-item-secondary {
    color: #464a4e;
    background-color: #dddfe2;
}

a.list-group-item-secondary,
button.list-group-item-secondary {
    color: #464a4e;
}

    a.list-group-item-secondary:focus,
    button.list-group-item-secondary:focus {
        color: #464a4e;
        background-color: #cfd2d6;
    }

    a.list-group-item-secondary:hover,
    button.list-group-item-secondary:hover {
        color: #464a4e;
        background-color: #cfd2d6;
    }

    a.list-group-item-secondary.active,
    button.list-group-item-secondary.active {
        color: #fff;
        background-color: #464a4e;
        border-color: #464a4e;
    }

.list-group-item-success {
    color: #224039;
    background-color: #cadad6;
}

a.list-group-item-success,
button.list-group-item-success {
    color: #224039;
}

    a.list-group-item-success:focus,
    button.list-group-item-success:focus {
        color: #224039;
        background-color: #bbd0ca;
    }

    a.list-group-item-success:hover,
    button.list-group-item-success:hover {
        color: #224039;
        background-color: #bbd0ca;
    }

    a.list-group-item-success.active,
    button.list-group-item-success.active {
        color: #fff;
        background-color: #224039;
        border-color: #224039;
    }

.list-group-item-info {
    color: #165846;
    background-color: #c3e7dd;
}

a.list-group-item-info,
button.list-group-item-info {
    color: #165846;
}

    a.list-group-item-info:focus,
    button.list-group-item-info:focus {
        color: #165846;
        background-color: #b1e0d3;
    }

    a.list-group-item-info:hover,
    button.list-group-item-info:hover {
        color: #165846;
        background-color: #b1e0d3;
    }

    a.list-group-item-info.active,
    button.list-group-item-info.active {
        color: #fff;
        background-color: #165846;
        border-color: #165846;
    }

.list-group-item-warning {
    color: #5f522f;
    background-color: #ebe4d1;
}

a.list-group-item-warning,
button.list-group-item-warning {
    color: #5f522f;
}

    a.list-group-item-warning:focus,
    button.list-group-item-warning:focus {
        color: #5f522f;
        background-color: #e3dabf;
    }

    a.list-group-item-warning:hover,
    button.list-group-item-warning:hover {
        color: #5f522f;
        background-color: #e3dabf;
    }

    a.list-group-item-warning.active,
    button.list-group-item-warning.active {
        color: #fff;
        background-color: #5f522f;
        border-color: #5f522f;
    }

.list-group-item-danger {
    color: #5e1f1f;
    background-color: #eac8c8;
}

a.list-group-item-danger,
button.list-group-item-danger {
    color: #5e1f1f;
}

    a.list-group-item-danger:focus,
    button.list-group-item-danger:focus {
        color: #5e1f1f;
        background-color: #e3b6b6;
    }

    a.list-group-item-danger:hover,
    button.list-group-item-danger:hover {
        color: #5e1f1f;
        background-color: #e3b6b6;
    }

    a.list-group-item-danger.active,
    button.list-group-item-danger.active {
        color: #fff;
        background-color: #5e1f1f;
        border-color: #5e1f1f;
    }

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe;
}

a.list-group-item-light,
button.list-group-item-light {
    color: #818182;
}

    a.list-group-item-light:focus,
    button.list-group-item-light:focus {
        color: #818182;
        background-color: #ececf6;
    }

    a.list-group-item-light:hover,
    button.list-group-item-light:hover {
        color: #818182;
        background-color: #ececf6;
    }

    a.list-group-item-light.active,
    button.list-group-item-light.active {
        color: #fff;
        background-color: #818182;
        border-color: #818182;
    }

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca;
}

a.list-group-item-dark,
button.list-group-item-dark {
    color: #1b1e21;
}

    a.list-group-item-dark:focus,
    button.list-group-item-dark:focus {
        color: #1b1e21;
        background-color: #b9bbbe;
    }

    a.list-group-item-dark:hover,
    button.list-group-item-dark:hover {
        color: #1b1e21;
        background-color: #b9bbbe;
    }

    a.list-group-item-dark.active,
    button.list-group-item-dark.active {
        color: #fff;
        background-color: #1b1e21;
        border-color: #1b1e21;
    }

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

    .close:focus {
        color: #000;
        text-decoration: none;
        opacity: .75;
    }

    .close:hover {
        color: #000;
        text-decoration: none;
        opacity: .75;
    }


/* Menu and Nav */

.navbar-bg-onscroll.fixed-top {
    background-color: #34675a;
    transition: all .3s ease-out;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #415b54;
    /* background-color: #427c6d !important; */
}


/* pageing */

.page-item.active .page-link {
    z-index: 2;
    color: #fff;
    background-color: #2d5a52;
    border-color: #2d5a52;
}


/* toggle */

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(179, 179, 179, 0.74);
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgb(183, 183, 183);
}

.custom-control-input.is-invalid ~ .custom-control-label,
.was-validated .custom-control-input:invalid ~ .custom-control-label {
    color: #b53b3b;
}

    .custom-control-input.is-invalid ~ .custom-control-label::before,
    .was-validated .custom-control-input:invalid ~ .custom-control-label::before {
        border-color: #b53b3b;
    }

.custom-control-input.is-valid:checked ~ .custom-control-label::before,
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before {
    border-color: #427c6d;
    background-color: #427c6d;
}

.custom-control-input.is-valid ~ .custom-control-label,
.was-validated .custom-control-input:valid ~ .custom-control-label {
    color: #427c6d;
}

.custom-control-input.is-valid ~ .custom-control-label,
.was-validated .custom-control-input:valid ~ .custom-control-label {
    color: #427c6d;
}

.custom-control-input.is-valid:checked ~ .custom-control-label::before,
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before {
    border-color: #427c6d;
    background-color: #427c6d;
}


/* other colors */

.navigation-menu > li > a:active,
.navigation-menu > li > a:focus,
.navigation-menu > li > a:hover {
    color: #b69a70 !important;
}

.navigation-menu > li .submenu li a:hover {
    color: #b69a70 !important;
}

.progress-bar {
    background-color: #499598;
}

#topnav .has-submenu.active > a {
    color: #b69a70;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #b69a70;
    background-color: #b69a70;
}