@font-face{
    font-family: "KurdishNaskh";
    src: url('../fonts/noto/nasikh/NotoNaskhArabic-Regular.ttf') ,
         url('../fonts/noto/nasikh/NotoNaskhArabic-Bold.ttf');
}
@font-face{
    font-family: "NotoKufi";
    src: url('../fonts/noto/kufi/NotoKufiArabic-Regular.ttf') ,
         url('../fonts/noto/kufi/NotoKufiArabic-Bold.ttf');
}

.kufi{ font-family: "NotoKufi" , Arial , tahoma , segoe ui !important; }
.krdfont, .naskh{
    font-family: "KurdishNaskh" , arial , tahoma !important;
}
.p-r-5{ padding-right: 5px; }
.p-r-10{ padding-right: 10px; }
.p-r-15{ padding-right: 15px; }
.p-l-5{ padding-left: 5px; }
.p-l-10{ padding-left: 10px; }
.p-l-15{ padding-left: 15px; }
.f12{ font-size: 12pt; }
.f14{ font-size: 14pt; }
.row{
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.developer{ text-align: center; }


#footer_alert{
    margin-bottom: 15px;
    border-radius:0px 0px 4px 4px;
    padding: 0px;
    font-family: "NotoKufi" !important;
}
#footer_alert div{
    margin:0px auto;
    text-align: center;
    padding: 5px 0px;
    font-size: 10pt !important;
}

#contact_modal .modal-body{
    padding: 0px !important;
}
#contact_modal #contact_names{
    padding: 0px;
}
#contact_modal #contact_names div.row{
    padding: 1em 20px;
    border-bottom:1px solid #eee;
    cursor: default;
}
#contact_modal #contact_names div.row:hover{
    background: #fcfcfc;
}
#gridSystemModalLabel{
    font-family: "NotoKufi" , verdana , arial , tahoma;
}

@media screen and (max-width: 395px){
    #col_titl h4{
        font-size: 1em !important;
        text-align: right !important;
    }
    #portlet_caption{
        display: none;
    }
    #err_msg{
        font-size: 8pt;
    }
    #portlet_body::-webkit-scrollbar {
        display: none;
    }
}

#student_result_portlet{
    display: none;
    background: rgba(0,0,0,0.7) !important;
}
#portlet_body{
    background: none !important;
    overflow: auto !important;
}

#portlet_body::-webkit-scrollbar {
    width: 10px;
}

#portlet_body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px 10px rgba(80,80,80,0.6);
}

#portlet_body::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 2px 10px rgba(20,20,20,0.5);
}
#portlet_body::-webkit-scrollbar-thumb:hover{
    -webkit-box-shadow: inset 0 0 2px 10px rgba(120,120,120,0.4);
}

#student_result_portlet #portlet_title a ,
#student_result_portlet #portlet_title div{
    font-family: "Open Sans",sans-serif !important;
}
#portlet_title{ background-color: rgba(0,0,0,0.4) !important; }
.menu-bar{ float: right; }
.menu-bar a{
    display: inline-block;
    padding: 10px 15px;
    text-decoration: none !important;
    float: left;
    color: #fff !important;
    transition: background 0.5s;
}
.menu-bar a:hover{ background: rgba(255,255,255,0.3); }
#portlet_close{
    text-decoration: none;
    font-size:16pt !important;
    line-height:14pt;
    transition: opacity 0.5s;
}
#portlet_close:hover{ opacity: 0.9; }
#portlet_caption{ font-size: 14px; }

/* ------------------STUDNT DEGREE----------------- */
.active_attempt{
    font-weight: 400 !important;
    color:#fff !important;
}
@font-face{
    font-family: "myCambria";
    src: url('lib/fonts/cambria/cambria.ttf');
}
.krdfont{
    font-family: "KurdishNaskh" , arial , tahoma;
}
.page table
{
    border-collapse:collapse !important;
}
.fail{
    background-color: #f6f6f6 !important;
    color: #c00 !important;
}
.failed{
    color: #c00 !important;
    font-weight: bold !important;
}
.tbl_hdr{
    text-align: center !important;
}
.success{
    background-color: #FFFFFF !important;
}
.header .text{
    font-size: 14pt !important;
    font-family: "myCambria" , tahoma , times , arial !important;
    text-align: left !important;
    line-height: 32px !important;
    font-weight: lighter !important;
}
.exam_lbl{
    border: 1px solid #555 !important;
    background: #fafafa !important;
    border-radius: 0px 10px 0px 10px !important;
    width: 700px !important;
    text-align: center !important;
    margin:0px auto !important;
    padding:2px 0 !important;
    font-size: 14pt !important;

}
table.basic_info{
    width: 700px !important;
    text-align: left !important;
    margin: 5px auto !important ;
    font-size: 13pt !important;
}

table .stdname{
    font-size: 14pt !important;
    direction: rtl;
}

.result_form{
    font-size: 18px !important;
}

.result_form th{
    border: 1px solid black !important;
    background: #eee !important;
    font-size: 14pt !important;
    font-weight: 400 !important;
    padding: 4px !important;
}

.result_form td {
    border: 1px solid black !important;
    font-size: 13pt !important;
    height: 30px !important;
}
.result_form .lectname{
    padding-left: 20px !important;
    text-align: left !important;
}
.result_form .eval{
    text-align: center !important;
}

.result_form td.rslt_msg{
    border:none !important;
}
.result_form td.rslt_hdr{
    background: #eee !important;
    font-size: 14pt !important;
    font-weight: 400 !important;
    padding: 2px 0 !important;
}
.result_form .rslt{}
#prof_cont {
    width: 100% !important;
    margin:0 auto !important;
    text-align: right !important;
    margin-left: auto;
    margin-right: auto;
    margin-top:40px !important;
}
.page.ku #prof_cont #prof{
    float:left;
}
.page.en #prof_cont #prof{
    float:right;
}
#prof_cont #prof{
    display: inline-block !important;
    width: 320px !important;
    margin: 0px !important;
    text-align: center;
}
#prof_cont #prof div{
    text-align: center;
    font-weight: bolder !important;
}

.page.ku #prof_cont #dean{
    float:right;
}
.page.en #prof_cont #dean{
    float:left;
}
#prof_cont #dean{
    display: inline-block !important;
    width: 320px !important;
    margin: 0px !important;
    text-align: center;
}
#prof_cont #dean div{
    text-align: center;
    font-weight: bolder !important;
}

#res_footer{
    float: left;
    display: block !important;
    width:100% !important;
    margin:0 auto !important;
    margin-top:3px !important;
    padding: 0px !important;
    text-align: left !important;
    border-top:1px solid #333 !important;
    position: relative !important;
}

#res_footer .note{
    color: #048 !important;
    box-shadow: none !important;
    border: none !important;
    padding: 10px;
}
#res_footer .note ol{
    padding: 0 15px !important;
    margin: 0 !important;
}

.head{
    border-bottom-width: 1px !important;
    border-bottom-style: solid !important;
}
.page{
    width: 210mm;
    height: 297mm;
    padding: 10mm;
    margin: 10mm auto;
    border: none !important;
    border-radius: 4px !important;
    background: white !important;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
}
@page {
    size: A4;
    margin: 1cm;
}

@media print {
    html, body {
        width: 210mm;
        height: 297mm;
        margin: 0;
        padding: 0;
    }
    .page {
        position: relative;
        margin: 0 !important;
        padding: 1cm;
        border: initial !important;
        border-radius: initial !important;
        width: initial !important;
        height: initial !important;
        box-shadow: initial !important;
        background: #fff !important;
        overflow: hidden;
        page-break-after: always !important;
    }
    .page table {
        width: 100% !important;
    }
    .page .exam_lbl{
        width: 100% !important;
    }
    #prof_cont{
        width: 100% !important;
    }
    #res_footer{
        display: block !important;
        width: 100% !important;
        position: relative !important;
        /*bottom: -4.4cm !important;*/
    }
    #res_footer .note{
        color: #049 !important;
        box-shadow: none !important;
        padding: 5px;
    }
    #res_footer .note ol{
        padding: 0px;
    }
    body{
        background: #fff !important;
        border:none !important;
    }
    #content , #header , #footer_alert, #footer, #portlet_title{
        display: none !important;
        border:none !important;
        background: #fff !important;
    }
    #portlet_body{
        border:none !important;
        background: #fff !important;
        padding: 0px !important;
        margin: 0px !important;
    }
    .portlet, .box, .blue-chambray, .portlet-fullscreen,
    #student_result_portlet{
        padding: 0px !important;
        margin: 0px !important;
        background: #fff !important;
        position: absolute !important;
        border:none !important;
    }
    #slip{
        zoom :100% !important;
    }
}
#err_msg{ display: none; }

#stupass-error , #stuid-error{
    color: #e44 !important;
    font-weight: bold;
    text-transform: uppercase;
}

.ticker-cont{
    position:fixed;
    top: 0;
    width: 100%;
}
.ticker-label{
    display: inline-block;
    position: absolute;
    right:0;
    padding: 10px;
    background-color: rgba(0,0,0,0.2) !important;
}
.ticker{
    text-align: center;
    min-height: 40px;
}
.ticker div{
    padding: 9px;
    display: inline-block;
}

@media screen and (max-width: 400px){
    .ticker-label{
        display: block;
        position:relative;
        text-align:center;
        width:100%;
        background-color: rgb(174, 25, 20) !important;
    }   
}

.wrapper {
  margin-top: 80px !important;
  margin-bottom: 0px;
}
.form-signin {
  max-width: 380px !important;
  padding: 15px 35px 45px !important;
  margin: 0 auto;
}
.wrapper-cont{
    max-width: 380px !important;
    padding: 10px 0px !important;
    margin: 0 auto !important;
}
.form-control {
  position: relative;
  font-size: 12pt;
  height: auto;
  padding: 12px;
}
input[type="text"].form-control {
  margin-bottom: -1px;
  border-radius: 4px 4px 0 0 !important;
}
input[type="password"].form-control {
  margin-bottom: 20px;
  border-radius: 0 0 4px 4px !important;
}
.block{ display: block !important; }
.note {
	margin: 0 0 20px;
	padding: 15px 30px 15px 15px;
	border-left: 5px solid #eee;
	border-radius: 0 4px 4px 0;
	box-shadow: none;
}
.note.note-danger {
	background-color: #fef7f8;
	border-color: #f0868e;
	color: #210406;
}
.note.note-success {
	background-color: #c0edf1;
	border-color: #58d0da;
	color: #000;
}
.note.note-info {
	background-color: #f5f8fd;
	border-color: #8bb4e7;
	color: #010407;
}
.m-b-10 { margin-bottom: 10px; }
.m-b-20 { margin-bottom: 20px; }
.m-b-30 { margin-bottom: 30px; }