/* default css */
@import url('https://fonts.googleapis.com/earlyaccess/droidarabickufi.css');
* {
    box-sizing: border-box;
    font-family: "Droid Arabic Kufi" !important;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
}
[class*="icon"] {
    font-family:"simple-line-icons" !important;
}
[class*="hs-icon"] {
    font-family:"hs-icons" !important;
}
body.scale1 {
    -moz-transform: scale(1.5);
    -moz-transform-origin: 0 0;
    zoom: 1.2
}
.dark-mode {
    background-color: black;
    color: white;
}
.fa {
    font-family:FontAwesome !important;
}
.ui.dropdown > .dropdown.icon:before {
    font-family: "Icons";
}
.lg-icon {
    font-family:lg !important;
}
/* custom css */
#student_new_form label.error, #student_wish_edit_form label.error, #feedback_form label.error, #contact_form label.error, #login_form label.error, #retrieve_password_via_email label.error, #retrieve_password_via_sms label.error, #profile_form label.error, #pm_newmsg_form label.error, #loan_new_form label.error {
    color:red;
    font-style:italic;
}
#enroll_fresh_form input.error, #edit_form input.error, #feedback_form input.error, #contact_form input.error, #login_form input.error, #retrieve_password_via_email input.error, #retrieve_password_via_sms input.error, #profile_form input.error, #pm_newmsg_form input.error, #loan_new_form input.error {
    border:1px solid red
}
#feedback_form textarea.error, #contact_form textarea.error, #login_form textarea.error, #profile_form textarea.error, #pm_newmsg_form textarea.error, #loan_new_form textarea.error {
    border:1px solid red
}
.round-style {
    border-start-start-radius: 5rem;
    border-end-end-radius: 5rem;
    border-end-start-radius: 1rem;
    border-start-end-radius: 1rem;
}
.header-styled-div{
    right: -36px;
}
.nav-logo{
    right: 8%;
}
.title-style::before,
.title-style::after {
    right: 0;
}
.about-layer{
    left:-3%;
    right: 0;
}
.start-negative{
    right: var(--start-negative, -10px)
}
/* ucp navbar */
.navbar-bg-primary {
    background-color: #003b71 !important;
}
.navbar-icon-top .navbar-nav .nav-link > .fa {
    position: relative;
    width: 36px;
    font-size: 24px;
}
.navbar-icon-top .navbar-nav .nav-link > .fa > .badge {
    font-size: 0.75rem;
    position: absolute;
    right: 0;
    font-family: sans-serif;
}
.navbar-icon-top .navbar-nav .nav-link > .fa {
    top: 3px;
    line-height: 12px;
}
.navbar-icon-top .navbar-nav .nav-link > .fa > .badge {
    top: -10px;
}
@media (min-width: 576px) {
    .navbar-icon-top.navbar-expand-sm .navbar-nav .nav-link {
        text-align: center;
        display: table-cell;
        height: 70px;
        vertical-align: middle;
        padding-top: 0;
        padding-bottom: 0;
    }
    .navbar-icon-top.navbar-expand-sm .navbar-nav .nav-link > .fa {
        display: block;
        width: 48px;
        margin: 2px auto 4px auto;
        top: 0;
        line-height: 24px;
    }
    .navbar-icon-top.navbar-expand-sm .navbar-nav .nav-link > .fa > .badge {
        top: -7px;
    }
}
@media (min-width: 768px) {
    .navbar-icon-top.navbar-expand-md .navbar-nav .nav-link {
        text-align: center;
        display: table-cell;
        height: 70px;
        vertical-align: middle;
        padding-top: 0;
        padding-bottom: 0;
    }
    .navbar-icon-top.navbar-expand-md .navbar-nav .nav-link > .fa {
        display: block;
        width: 48px;
        margin: 2px auto 4px auto;
        top: 0;
        line-height: 24px;
    }
    .navbar-icon-top.navbar-expand-md .navbar-nav .nav-link > .fa > .badge {
        top: -7px;
    }
}
@media (min-width: 992px) {
    .navbar-icon-top.navbar-expand-lg .navbar-nav .nav-link {
        text-align: center;
        display: table-cell;
        height: 70px;
        vertical-align: middle;
        padding-top: 0;
        padding-bottom: 0;
    }
    .navbar-icon-top.navbar-expand-lg .navbar-nav .nav-link > .fa {
        display: block;
        width: 48px;
        margin: 2px auto 4px auto;
        top: 0;
        line-height: 24px;
    }
    .navbar-icon-top.navbar-expand-lg .navbar-nav .nav-link > .fa > .badge {
        top: -7px;
    }
}
@media (min-width: 1200px) {
    .navbar-icon-top.navbar-expand-xl .navbar-nav .nav-link {
        text-align: center;
        display: table-cell;
        height: 70px;
        vertical-align: middle;
        padding-top: 0;
        padding-bottom: 0;
    }
    .navbar-icon-top.navbar-expand-xl .navbar-nav .nav-link > .fa {
        display: block;
        width: 48px;
        margin: 2px auto 4px auto;
        top: 0;
        line-height: 24px;
    }
    .navbar-icon-top.navbar-expand-xl .navbar-nav .nav-link > .fa > .badge {
        top: -7px;
    }
}
/* navbar overlay */
@media all and (min-width:991px) {
    .dropdown:after{
        content: '';
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        transition: opacity .15s ease-in-out;
        opacity: 0;
        visibility:hidden;
        background-color: rgba(0,0,0,.7);
        pointer-events: none;
    }
    .dropdown.show .nav-link{
        position:relative;
        z-index:12;
    }
    .dropdown.show:after{
        z-index:10;
        opacity:1;
        visibility:visible;
        position: fixed;
    }
}
/* profile */
.profile-posts .navbar {
    background-color: grey;
    min-height: 60px;
}
.profile-posts .navbar-default .navbar-text {
    color: #ffffff;
}
.profile-posts .nav-tabs > li.active > a, .profile-posts .nav-tabs > .profile-posts li.active > a:focus, .profile-posts .nav-tabs > li.active > a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: rgb(221, 221, 221);
    border-bottom-color: transparent;
}
.profile-posts .tab-content{
    background: #fdfdfd;
    line-height: 25px;
    border: 1px solid #ddd;
    padding:30px 25px;
}
/* news body */
.news-content{
    color:#000;
    line-height:30px;
    text-align:justify;
    font-weight:bold;
    font-size: 15px;
}
.news-content p{
    color:#000;
    line-height:30px;
    text-align:justify;
    font-weight:normal;
    font-size: 15px;
}
.news-content a{
    color:#000;
    font-size: 15px;
    text-decoration: underline;
}
.news-content ul{
    list-style: disclosure-closed;
}
.news-content ul li{
    padding-top: 15px;
}
/* bd-callout */
.bd-callout {
    padding:1.25rem;
    margin-top:1.25rem;
    margin-bottom:1.25rem;
    border:1px solid #eee;
    border-right-width:.25rem;
    border-radius:.25rem
}
.bd-callout h4 {
    margin-top:0;
    margin-bottom:.25rem
}
.bd-callout code {
    border-radius:.25rem
}
.bd-callout+.bd-callout {
    margin-top:-.25rem
}
.bd-callout-info {
    border-right-color:#5bc0de
}
.bd-callout-info h4 {
    color:#5bc0de
}
.bd-callout-warning {
    border-right-color:#f0ad4e
}
.bd-callout-warning h4 {
    color:#f0ad4e
}
.bd-callout-danger {
    border-right-color:#d9534f
}
.bd-callout-danger h4 {
    color:#d9534f
}