body.smoothscroll {
    overflow-x: hidden;
}

#wrapper {
    position: relative;
    min-height: 100vh;
    padding-top: 22px;
    padding-bottom: 40px;
}

.header {
    border-radius: 2px 2px 0 0;
}

.header,
.admission_login_form,
.login-box,
.prog_inner_wrapper {
    backdrop-filter: blur(2px);
}

.admission_login_form {
    padding: 8px 18px 10px;
}

.header2 h2 {
    font-family: "Raleway", "Open Sans", Arial, sans-serif;
    font-weight: 700;
    letter-spacing: 0;
}

.login-box {
    padding: 24px;
    margin-bottom: 20px;
}

#footer-content {
    padding-top: 12px;
}

.modal-content {
    border-radius: 3px;
}

.modal-header {
    border-radius: 3px 3px 0 0;
}

.form-control {
    border-radius: 2px;
}

.table {
    background: #fff;
}

@media (max-width: 991px) {
    #wrapper {
        padding-top: 12px;
    }

    .top_logo {
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 767px) {
    .header2 h2 {
        font-size: 22px;
        line-height: 1.2;
    }

    .header2 p {
        font-size: 12px;
        line-height: 1.45;
    }

    .login-box {
        padding: 16px;
    }

    #footer-content .btn {
        white-space: normal;
        margin-bottom: 8px !important;
    }
}