/*body, html, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, .content-header h4, .main-header, input, textarea, label {*/
/*    font-family: "Inter", "Karla", "Roboto", "Arial", sans-serif;!important;*/
/*}*/

/*body, .form-control, .btn, table, tr, th, td, thead, tbody, .dropdown-menu, .skin-blue-light .sidebar-menu > li > a {*/
/*    font-size: 12px;*/
/*    font-weight: 400;*/
/*}*/

.login-box, .register-box {
    width: 490px;
    margin: auto;
    margin-top: 20px;
}

.login-page {
    background-image: url(../images/login-bg.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: #ffffff;
}

.login-logo, .register-logo {
    font-size: 24px;
}

span.faq-question {
    display: block;
    font-weight: bold;
}

span.faq-answer {
    display: block;
}

h2, h3 {
    /*font-family: "Poppins", "Barlow Semi Condensed", "Inter", "Karla", "Roboto", "Arial", sans-serif;*/
    font-family: "Karla", "Roboto", "Arial", sans-serif;
    text-transform: none;
    /*font-weight: lighter;*/
}

.content-header h2 {
    text-transform: uppercase;

}

h2 {
    font-size: 22px;
}


label {
    color: #a0a0a0;
}

.btn-bordered-blue {
    border: 1px royalblue solid;
    background-color: white;
    color: royalblue;
}

.btn-bordered-blue:hover {
    background-color: royalblue;
    border-color: royalblue;
    color: white;
}

/*
|--------------------------------------------------------------------------
| Input with left and bottom borders : start
|--------------------------------------------------------------------------
*/
/*

label {
    margin-bottom: 0;
    text-transform: capitalize;
}

.form-control {
    padding: 0;
    border-top: 0;
    border-right: 0;
    border-left: 0;
}

div.form-group span.readonly {
    padding: 5px;
}

.select2-container .select2-choice {
    padding: 3px 0 5px 0;
}

.align-with-input {margin-top: 18.5px}
*/

/**
* Info box
**********************************************************/
.info-box-number {
    /*font-size: 14px;*/
}

.info-box-icon {
    width: 60px;
    height: 60px;
    font-size: 35px;
    line-height: 55px;
}

.info-box-content {
    margin-left: 50px;
}

/**
* Info box
**********************************************************/
ion-icon {
    visibility: hidden;
    vertical-align: middle;
    text-align: center;
    margin-top: -2px;
}

.dgme_student_id {
    font-weight: bold;
}

/****** Status colours  : starts *******/
.status-new {
    background-color: #ffcccc;
}

.status-closed {
    background-color: #d3d3d3;
}

.status-in-progress {
    background-color: #ffff99;
}

.status-solved {
    background-color: #ccff99;
}

.status-re-assigned {
    background-color: #ffcccc;
}

.status-answered {
    background-color: #ccff99;
}

.status-approved {
    background-color: #ccff99;
}

.status-draft {
    background-color: #ffcccc;
}

.status-requested {
    background-color: #ffcccc;
}

.status-font-color {
    color: #000000;
}

.fulfillment label {
    color: white;
    background-color: lightcoral;
    display: block;
    padding: 5px;
    border-radius: 5px 5px 0 0;
    margin-bottom: 0;
}

.fulfillment {
    float: right;
}

.fulfillment .form-control {
    border: 2px lightcoral solid;
    border-radius: 0 0 5px 5px;
}

.student-count-table .form-control {
    border: 0;
    text-align: center;
    vertical-align: center;
}

.student-count-table .form-group {
    margin-bottom: 0;
}

.student-count-table *, .student-count-table tr td {
    text-align: center;
    vertical-align: center;
}


.result-input, .marks-obtained{
    width: 110px;
}

.selected-result-passed{
    border-color: green;
}
.selected-result-failed{
    border-color: orangered;
}