﻿a {
    text-decoration: none !important;
}

@media only screen and (max-width: 768px) {
    .w-50 {
        width: 80% !important;
    }
}


.overviewcard {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
/*    padding: 24px;*/
    background-color: #FFF;
    border: 1px solid transparent;
    transform: translateY(0);
    transition: all 0.3s;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    font-family: "Open Sans", sans-serif;
    height: 250px;
}

.overviewcard-title {
    font-size: 18px;
    margin: 0;
    color: #007427;
    font-weight: 600;
}

.overviewcard-subtitle {
    color: #000000;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
}

.overviewcard:hover {
    transform: translateY(-3px);
    cursor: pointer;
    background: #F3FFF7;
    border: 1px solid #00B43C;
    border-radius: 4px;
    flex-grow: 0;
}

.nav-item {
    padding: 0;
}

.navbar-menu .navbar-nav .nav-link {
    color: #000000;
    /* font-family: "Open-Sans"; */
}

.navbar-menu .navbar-nav .nav-sm .nav-link {
    color: #000000;
    /* font-family: "Open-Sans"; */
}

.nav-item:hover {
    background-color: #D9F1E1;
    cursor: pointer;
}

.nav-item-dropdown:hover {
    cursor: pointer;
}


.navbar-menu .navbar-nav .nav-link.active {
    background-color: green;
}

.navbar-menu .navbar-nav .nav-link:hover {
    color: #007427;
}

.navbar-menu .navbar-nav .nav-sm .nav-link:hover {
    color: #007427;
    background-color: #D9F1E1;
}

.navbar-menu .navbar-nav .nav-link.active {
    color: #007427;
    background-color: #D9F1E1;
    border-right: 4px solid #007427;
}

.navbar-header {
    /*background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));*/
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('https://www.ghanayello.com/img/gh/m/1569303537-73-kwame-nkrumah-university-of-science-technoogy-knust-registrar.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

.navbar-menu .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true] {
    color: #007427;
    background-color: #D9F1E1;
    border-right: 4px solid #007427;
}


.navbar-brand-box {
    background-color: #004E1A;
    /* min-height: 110px; */
}

.nav-tabs-custom .nav-item .nav-link::after {
    background: #004E1A;
}

[class^="ri-"],
[class*=" ri-"] {
    color: #004E1A;
}

.p-5 {
    padding: 3rem !important;
    background: #D9F1E1 !important;
}

.regtext {
    font-size: 16px;
    /* line-height: 10fr; */
    font-weight: 400;
    text-align: left;
}

.reghead {
    color: #13c56b !important;
}

.bultnptn {
    color: red !important;
}


.drpcen {
    display: flex;
    justify-content: center;
}

.logbtn {
    background: #007427 !important;
}

.gentxtcolor {
    color: #007427 !important;
}

.form-check-input:checked {
    background-color: #007427 !important;
}


.auth-login-bg {
    background-image: url(../images/loginbglogo.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

    .auth-login-bg .bg-overlay {
        /* background: -webkit-gradient(linear, left top, right top, from(#D9F1E1), to(#D9F1E1)); */
        background: #D9F1E1;
        opacity: .95;
    }


.progress-nav .nav .nav-link.active,
.progress-nav .nav .nav-link.done {
    background-color: #007427;
}

.infotext {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 140%;
    color: #7C0303;
}



.auth-bg-cover {
    /* background: linear-gradient(45deg, var(--vz-primary) 50%, var(--vz-success)); */
    background: linear-gradient(95deg, #ffffff 20%, #D9F1E1) !important;
}

    .auth-bg-cover > .bg-overlay {
        background-image: url("../images/cover-pattern.png");
        background-position: center;
        background-size: cover;
        opacity: 1;
        background-color: transparent;
    }

    .auth-bg-cover .footer {
        color: rgba(255, 255, 255, 0.5);
    }


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

.alrtbg {
    background-color: #EFFFF4;
}


.alert-additional.alert-primary .alert-content {
    background-color: #D9F1E1;
    color: #000;
}

.alert-primary {
    --vz-alert-color: #000;
    --vz-alert-bg: #EFFFF4;
    --vz-alert-border-color: #EFFFF4;
}

.btn-outline-primary {
    --vz-btn-color: #10a75b;
    --vz-btn-border-color: #10a75b;
    --vz-btn-hover-color: #fff;
    --vz-btn-hover-bg: #10a75b;
    --vz-btn-hover-border-color: #10a75b;
    --vz-btn-focus-shadow-rgb: 102, 145, 231;
    --vz-btn-active-color: #fff;
    --vz-btn-active-bg: #10a75b;
    --vz-btn-active-border-color: #10a75b;
    --vz-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --vz-btn-disabled-color: #10a75b;
    --vz-btn-disabled-bg: transparent;
    --vz-btn-disabled-border-color: #10a75b;
    --vz-gradient: none;
}



/* ################################ */

.stepwizard-step p {
    margin-top: 10px;
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-order: 0;
}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}


.bptabs:hover {
    color: #000!important;

}


img.center {
display: block;
margin: 0 auto 0;
width: 100%;
height: auto;
}

.graduand-bg {
    background-image: url(../../img/knustlogo-lg-bg.png);
    background-position: 32px 0px;
    background-size: cover;
    background-repeat: no-repeat;
}