/* All Custom CSS Here */

#cus_head header.main-header {
    background-color: #F68B1F;
}

#cus_head span.active_title_color {
    color: white;
}

#cus_head a.c_nav_link:focus {
    color: #C62828;
}

#cus_head a.c_nav_link:hover {
    color: #C62828;
}

#cus_head .active-item-here {
    color:#212121;
}

#cus_head .c_logo {
    background-color: #F68B1F;
}

#cus_head .c_navbar {
    background-color: #F68B1F;
}

#cus_head .c_main_navbar {
    background-color: #212121;
}

#cards .row.sub_menu {
    font-size: 29px; /*jabid*/
}

#cards .row.sub_menu a {
    color: white;
}

#cards .row.sub_menu a:hover {
    text-decoration: underline;
}

#cards .box-body {
    padding: 2.25rem;
    min-height: 135px;
}

.sub_menu .card_bg_color {
    background-color: #F68B1F;
}

/* CSS for Login Page */

.login-page {
    /*background: #C62828;*/
    background-image: url(../images/bg_2.a7554708.jpg);
    height: 100%;
    width: 100%;
    position: fixed;
}

.cus-btn-login {
    background-color: #F68B1F;
    border-color: #F68B1F;
}

.cus-btn-login:hover {
    background-color: #212121;
    border-color: #212121;
}

/* CSS for Login Page */

.login-box-body {
    padding-top: 58px;
    padding-bottom: 40px;
}

label.remember, p.faceproblem  {
    color: #212121;
}

.login-box-body {
    background-color: #ffffff;
}
/* CSS add by Sakoat*/
.pt20 {
    padding-top:20px;
}
.fa-long-arrow-right{
    display: none!important;
}

/* CSS for student assessment */

button.stu_asmt_btn {
    margin-top: 20px;
}

table.stu_asmt_tbl {
    margin-top: 30px;
    color: #212121;
}

.stu_asmt_txt {
    color: #212121;
}

a.rubrics {
    color: #212121;
}

a.rubrics:hover {
    color: #c62828;
}

.stu_asmt_save_btn {
    padding: 0.45rem 1.15rem;
}

.stu_asmt_box_head {
    padding: 1.5rem 2.25rem;
}

.glyphicon {
    font-size: 12px;
}


.flex_start {
    display: flex;
    flex-wrap: nowrap;
    align-items: normal;
    background-color: #C62828;
}

.flex_item {
    color: #f1f1f1;
    width: 20px;
    margin: 20px;
    text-align: center;
    line-height: 15px;
    font-size: 12px;
    font-weight: bold;
    flex-grow: 2;
}

.flex_start_2 {
    display: flex;
    flex-wrap: nowrap;
    align-items: normal;
    background-color: #f1f1f1;
}

.flex_item_2 {
    color: #212121;
    width: 20px;
    margin: 20px;
    text-align: center;
    line-height: 15px;
    font-size: 12px;
    font-weight: bold;
    flex-grow: 2;
}