/*-- NEW STYLE ------------------*/


/* FONTS ************************/
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;700;800&display=swap');
*, button, input, optgroup, select, textarea {
    font-family: 'Nunito', sans-serif !important;
}
.widget-body h1, h2, h3, h4, h5, .widget-header h2 {
    font-family: 'Nunito', sans-serif;
    font-weight: 800 !important;
}
.fa  {
    font-family: 'Font Awesome 5 Free' !important;
}
.fas  {
    font-family: 'FontAwesome' !important;
}



.alert-primary {
    color: #fff !important;
    background-color: #63BE45 !important;
    border-color: #63BE45 !important;
}

.btn-primary {
    color: #fff !important;
    background-color: #63BE45 !important;
    border-color: #63BE45 !important;
}

    .btn-primary:hover {
        color: #fff !important;
        background-color: #5ca943 !important;
        border-color: #5ca943 !important;
    }

.navbar {
    border-bottom: 4px solid #FEC02D;
}

.loginBox {
    background: linear-gradient(135deg, #6A6D6E, #6A6D6E) !important;
}

/*.btn-login {
    color: #fff !important;
    background-color: #007bff !important;
    border-color: #007bff !important;
}

    .btn-login:hover {
        color: #fff !important;
        background-color: #0069d9 !important;
        border-color: #0062cc !important;
    }*/

.widget-header h2 {
    color: black !important;
}

.badge-primary {
    color: #0B0B0B;
    background-color: #FEC02D !important;
}

/*#siteTabs a:link {
    color: #63BE45;
}

#siteTabs a:visited {
    color: #63BE45;
}

#siteTabs a:hover {
    color: #4e5a5a !important;
}*/


/*a:visited {
    color: #63BE45;
}

a:link {
    color: #63BE45;
}

a:hover {
    color: #62a04d !important;
}*/
/*.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #63BE45 !important;
}*/

.nav-pills .nav-link.active, .nav-pills .show > .nav-link:hover {
    color: #fff !important;
}

table th {
    background: #63BE45 !important;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before {
    background-color: #63BE45 !important;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label:before {
    background-color: #63BE45 !important;
}

.enrollmentBox {
    border-top: 3px solid #63BE45 !important;
    border-bottom: 3px solid #63BE45 !important;
}

.paymentDocumentUploadWrapper {
    border-top: 3px solid #63BE45 !important;
    border-bottom: 3px solid #63BE45 !important;
}

.enrollmentTable tr td {
    background-color: #63be4545 !important;
}

.sidebarButton {
    outline: none !important;
    margin-bottom: 10px;
}

.required-marker {
    color: #63be45 !important;
    font-weight: 600;
}

.fa-question-circle {
    color: #63be45 !important;
}

.alert-warning {
    color: #353535 !important;
}


/* BACKGOUNDS ************************/
.bg-red {
    background: #E82325 !important;
}

.bg-yellow {
    background: #FEC02D !important;
}

.bg-gray {
    background: #777d7e !important;
}

/* BORDERS ************************/

.enrollmentBox, .paymentDocumentUploadWrapper, .documentUploadWrapper {
    border-top: 3px solid rgba(254, 192, 45, 1) !important;
    border-bottom: 3px solid rgba(254, 192, 45, 1) !important;
}

/* BUTTONS & NAV-LINKS ************************/
.btn.bg-gray, .btn.btn-primary {
    background: #777d7e !important;
    color: #eee !important;
    font-weight: 700 !important;
    border: none !important;
}

    .btn.bg-gray:hover, .btn.btn-primary:hover {
        background: #575d5e !important;
        color: #fff !important;
        font-weight: 700 !important;
        border: none !important;
        box-shadow: 0px 3px 0px #FEC02D !important;
    }

.nav-pills .nav-link:hover {
    background-color: #cccccc;
}

.nav-pills .show > .nav-link {
    background-color: #ebebeb !important;
}

.nav-pills .nav-link.active {
    color: #eee !important;
    background-color: #777d7e !important;
}

.dropdown-item.active, .dropdown-item:active {
    color: #000 !important;
    background-color: #ebebeb !important;
}

a.nav-link {
    font-weight: 700 !important;
    color: #0B0B0B !important;
}

.dropdown-item {
    color: #0B0B0B !important;
    font-weight: 700 !important;
}

.nav-pills .show > .nav-link:hover {
    color: #0B0B0B !important;
}

/* NAVBAR ***********/
.navbar {
    border-bottom: 4px solid #FEC02D;
}

/* MESSAGES ***********/
.alert-info {
    color: #000;
    background-color: rgba(254, 192, 45, .2);
    border-color: rgba(254, 192, 45, 1);
    border-width: 1px;
}

.alert-danger {
    color: #000;
    background-color: rgba(232, 33, 37, .12);
    border-color: rgba(232, 33, 37, 1);
    border-width: 1px;
}

/* LOGIN BOX ***********/
.loginBox {
    background: rgba(0,0,0,.03) !important;
    color: #0B0B0B;
}

/* TABLES ***********/

table {
    font-size: 1em;
}

label {
    font-size: 16px !important;
}

input[type="text"] {
    font-size: 1rem !important;
    color: #000;
}

table thead {
    background: #777d7e;
    border-bottom: solid 4px #FEC02D;
}

table th {
    background: transparent !important;
    font-weight: 700;
}

table th {
    background: #777d7e !important;
    border-bottom: solid 4px #FEC02D !important;
}

.enrollmentTable tr td {
    background-color: #777d7e !important;
    color: white !important;
    font-weight: 700;
    border: none;
    border-bottom: solid 4px #FEC02D !important;
    border-radius: 0;
}

#siteContent table.enrollmentTable tr:last-child td:first-child {
    border-radius: 0;
    border-left: 0;
}

#siteContent table.enrollmentTable tr:last-child td:last-child {
    border-radius: 0;
    border-right: 0;
}

table.enrollmentTable h3, table.enrollmentTable h4 {
    margin: 0;
}

table.enrollmentTable h3 {
    color: white;
}

tr.odd {
    background-color: #FFF9EB !important;
}

    tr.odd td {
        background-color: #FFF9EB !important;
    }

        tr.odd td.sorting_1, tr.odd td.sorting_2 {
            background-color: #FFF9EB !important;
        }

/* SITES **************/
.widget-header h2 {
    color: #0B0B0B !important;
}

.badge-primary {
    color: #0B0B0B;
    background-color: #FEC02D !important;
}

#siteTabs {
    background-color: transparent;
}

#sitesTabs a {
    background: #777d7e !important;
    color: #eee !important;
    font-weight: 700 !important;
    border: none !important;
}

    #sitesTabs a:hover {
        background: #575d5e !important;
        box-shadow: 0px 3px 0px #FEC02D !important;
    }

#siteTabs a.active:hover {
    background: #777d7e !important;
    color: #eee !important;
    font-weight: 700 !important;
    border: none !important;
    box-shadow: 0px 3px 0px #FEC02D !important;
}

#siteTabs.nav-pills .nav-link {
    background: #777d7e;
    color: #fff !important;
    padding-top: 10px;
    border-radius: .25rem;
}

    #siteTabs.nav-pills .nav-link:hover {
        background-color: #575d5e;
        color: #fff !important;
        border-radius: 10 !important;
        padding-top: 10px;
        box-shadow: 0px 3px 0px #FEC02D !important;
        cursor: pointer;
    }

    #siteTabs.nav-pills .nav-link.active {
        color: #fff !important;
        background-color: #575d5e !important;
    }

        #siteTabs.nav-pills .nav-link.active:hover {
        }

.nav-pills .nav-link {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
}

/* Account Information **************/

#admin_user_form_view_wrapper #users_form_holder > div > .container-fluid {
    background-color: #f9f9f9;
    border: 1px solid #eee;
}


/* WizSideBar **************/

.WizSideBar {
    background-color: transparent;
}

    .WizSideBar a {
        background: #777d7e !important;
        color: #eee !important;
        font-weight: 700 !important;
        border: none !important;
    }

        .WizSideBar a.active:hover {
            background: #575d5e !important;
            color: #eee !important;
            font-weight: 700 !important;
            border: none !important;
        }

    .WizSideBar.nav-pills .nav-link {
        background-color: #777d7e;
        color: #fff !important;
        border-radius: 10 !important;
        border: none;
        font-size: 16px !important;
        font-weight: 700;
        letter-spacing: 1;
        padding-top: 10px;
    }

        .WizSideBar.nav-pills .nav-link:hover {
            background-color: #575d5e;
            color: #fff !important;
            border-radius: 10 !important;
            border: none;
            padding-top: 10px;
            cursor: pointer;
            box-shadow: 0px 3px 0px #FEC02D !important;
        }

        .WizSideBar.nav-pills .nav-link.active {
            color: #fff !important;
            background-color: #575d5e !important;
            border: none;
            box-shadow: 0px 3px 0px #FEC02D !important;
        }

            .WizSideBar.nav-pills .nav-link.active:hover {
            }

/* ui **************/
.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before {
    background-color: #E82125 !important;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label:before {
    background-color: #E82125 !important;
}

.required-marker {
    color: #E82125 !important;
    font-weight: 700;
}

.fa-question-circle {
    color: #777d7e !important;
}






/*-- Comments ////////////////////
Add these classes to buttons:
bg-gray

Remove these classes:
alert alert-primary
font-weight-normal
color-white
color-bg-dark

Remove these syles:
color: white;

*/