﻿<style>

p {
    font-size:15px !important;
    font-weight:bold !important;
    font-family: sans-serif,tahoma;
}

.table>tbody>tr>td  {
    border-top: none !important;
}

.form-control
{
    border-radius:10px !important;
    
}

.panel-default {
  border-radius: 0px !important;
  
}

.btn {
	border-radius:0px;
	font-size: 96%;
	
}

.btn-default {
	border-radius:0px !important;
	font-size: 96%;
	border-color:transparent !important;
	margin-bottom:5px;
	background-color: #F5A9A9;
}

.navbar {
	border-radius:0px;
	text-align: right;
	
}

.container {
    width: auto !important;
    color:Black;
    
}

.nav > li > a {
    color: white;
    
}

.nav > li > a:hover, .nav > li > a:focus {
	background-color: #EF4836;
}

/* To show the active tab in different color */
ul.nav > li.active
{
    background-color: #EF4836;
}

a {
/*color:black;*/
text-decoration: none;
}

.shape {
	background-color: white;
	box-shadow: 1px 0px 5px; 
    border-radius: 46px !important;  
    margin-top:40px;
}
.shape1 {
	background-image:url('../../Content/images/bglogin-3.jpg');
	box-shadow: 1px 0px 5px; 
	border-radius: 46px !important;
	margin-top:30px;
	background-repeat:no-repeat;
	
}


body {
	background-image:url('../../Content/images/background_new.jpg');
	background-repeat:repeat;
	height: 80%;
	direction:rtl;
	/*font-family: "Arabic Transparent", "Simplified Arabic", arial, verdana, sans-serif; */
	font-size:18px;
	padding-left:3%;
    padding-right:3%;
    background-size:cover;
    color:White;
     margin-top:-205px;
	
/*	font-family:'lucida grande',tahoma,verdana,arial,sans-serif;font-size:11px; */

}


td {
	padding: 6.5px;
	
}

.center-table
{
  margin:0 auto;
  width: auto;
}

/* navbar ribbon */

.navbar-ribbon {
		  background: linear-gradient(to bottom, #8E0D0D,#8E0D0D 50%, #8E0D0D 50%, #8E0D0D);
  /*	 font-size:15px; */
  		 font-weight:bold;
		 border-radius: 0px;
         width: auto;
       /*  margin-left: -14px;
         margin-right: -14px; */
         margin-left: 0px;
         margin-right: 0px;
         position: relative;
         background-color: black;
         border: 0px solid #d4d4d4;
         color: #fff;
         text-align: center;
      /*   padding: 0.2em 0em 0.2em 0em;  */
      margin-top:40px;
        }

        .navbar-ribbon:before {
         left: -2em;
         border-right-width: 1.5em;
         border-left-color: transparent;
        }

        .navbar-ribbon:after {
         right: -2em;
         border-left-width: 1.5em;
         border-right-color: transparent;
        }

        .navbar-ribbon:before, .navbar-ribbon:after {
         content: "";
         position: absolute;
         display: block;
         bottom: -1em;
        
         z-index: -1;
        }

        .navbar-ribbon .ribbon-content:before, .navbar-ribbon .ribbon-content:after {
         content: "";
         position: absolute;
         display: block;
         border-style: solid;
         border-color: black transparent transparent transparent;
         bottom: -1em;
        }

        .navbar-ribbon .ribbon-content:before {
         left: 0;
         border-width: 1em 0 0 1em;
        }

        .navbar-ribbon .ribbon-content:after {
         right: 0;
         border-width: 1em 1em 0 0;
        }

		.navbar-ribbon .navbar-toggle {
    		border-color: black;
		}

		.navbar-ribbon .navbar-toggle .icon-bar {
			background-color: black;
		}
	
/* end of navbar ribbon */

/* navbar ribbon 1 */

.navbar-ribbon1 {
		background: linear-gradient(to bottom, #1abc9c,#1abc9c 50%, #1abc9c 50%, #1abc9c);
  		
		border-radius: 0px;
         width: auto;
         margin-left: -13px;
         margin-right: 15px;
         position: relative;
         background-color: #fafafa;

       
         border: 0px solid #d4d4d4;
         color: #fff;
         text-align: center;
         padding: 0.2em 0em 0.2em 0em; 
        }

        .navbar-ribbon1:before {
         left: -2em;
         border-right-width: 0.5em;
         border-left-color: transparent;
        }

        .navbar-ribbon1:before, .navbar-ribbon1:after {
         content: "";
         position: absolute;
         display: block;
         bottom: -1em;
        
         z-index: -1;
        }

        .navbar-ribbon1 .ribbon1-content:before {
         content: "";
         position: absolute;
         display: block;
         border-style: solid;
         border-color: black transparent transparent transparent;
         bottom: -1em;
        }

        .navbar-ribbon1 .ribbon1-content:before {
         left: 0;
         border-width: 1em 0 0 1em;
        }

		.navbar-ribbon1 .navbar-toggle {
    		border-color: black;
		}

		.navbar-ribbon1 .navbar-toggle .icon-bar {
			background-color: black;
		}
		
		.topRibbon {
            width:100px;
            height:30px;
            background:#fff;
            -moz-transform:rotate(45deg);
            -webkit-transform:rotate(45deg);
            -o-transform:rotate(45deg);
            -ms-transform:rotate(45deg);
            margin-right: 178px;
            margin-top: -65px;
        }
        .contact-us-top-ribbon {
            width:100px;
            height:30px;
            background:#fff;
            -moz-transform:rotate(45deg);
            -webkit-transform:rotate(45deg);
            -o-transform:rotate(45deg);
            -ms-transform:rotate(45deg);
            margin-right: 125px;
            margin-top: -65px;
        }
        .apply-for-student-top-ribbon {
            width:100px;
            height:30px;
            background:#fff;
            -moz-transform:rotate(45deg);
            -webkit-transform:rotate(45deg);
            -o-transform:rotate(45deg);
            -ms-transform:rotate(45deg);
            margin-right: 125px;
            margin-top: -95px;
        }
        .sponsor-applicants-top-ribbon {
            width:100px;
            height:30px;
            background:#fff;
            -moz-transform:rotate(45deg);
            -webkit-transform:rotate(45deg);
            -o-transform:rotate(45deg);
            -ms-transform:rotate(45deg);
            margin-right: 268px;
            margin-top: -65px;
        }
        .sponsor-selected-students-top-ribbon {
            width:100px;
            height:30px;
            background:#fff;
            -moz-transform:rotate(45deg);
            -webkit-transform:rotate(45deg);
            -o-transform:rotate(45deg);
            -ms-transform:rotate(45deg);
            margin-right: 225px;
            margin-top: -65px;
        }
        .sponsor-selected-students-details-top-ribbon {
            width:100px;
            height:30px;
            background:#fff;
            -moz-transform:rotate(45deg);
            -webkit-transform:rotate(45deg);
            -o-transform:rotate(45deg);
            -ms-transform:rotate(45deg);
            margin-right: 150px;
            margin-top: -65px;
        }
		/*.topRibbon {
            width:100px;
            height:30px;
            background:#fff;
            -moz-transform:rotate(0deg);
            -webkit-transform:rotate(45deg);
            -o-transform:rotate(45deg);
            -ms-transform:rotate(45deg);
            margin-left: 150px;
            margin-top: -5px;
        } */
        
		
/* end of navbar ribbon 1 */

/* border right color */

.effect:hover,
.effect:focus,
.effect:active,
.effect.active {
background-color:blue;
}

.blockquote-boxmain1-2{border-right:5px solid #579e51;height: 34px}

.blockquote-boxmain1{border-right:5px solid #ac5e3f;margin-bottom:7px;height: 42px}

.blockquote-boxmain2{border-right:5px solid #579e51;margin-bottom:7px;height: 42px}

.blockquote-boxmain3{border-right:5px solid #d7312c;margin-bottom:7px;height: 42px}

.blockquote-boxmain4{border-right:5px solid #6c7f1f;margin-bottom:7px;height: 42px}

.blockquote-boxmain5{border-right:5px solid #ffa41a;margin-bottom:7px;height: 42px}

.blockquote-boxmain6{border-right:5px solid #cb3812;margin-bottom:7px;height: 42px}

.blockquote-boxmain7{border-right:5px solid #be9b00;margin-bottom:7px;height: 42px}

.blockquote-boxmain8{border-right:5px solid #d04f1c;margin-bottom:7px;height: 42px}

.blockquote-boxmain9{border-right:5px solid #c32587;margin-bottom:7px;height: 42px}

/* end of border right color */

/* tabs menu */

#tabs {
  overflow: hidden;
  width: 99.3%;
  margin: 0;
  padding: 0;
  list-style: none;
}

#tabs li {
   float:right;
  margin: 0 14px 0 0px;
 
}

#tabs a 
{
  font-size:14px;font-weight:bold;font-family: sans-serif,tahoma;
  float: right;
  position: relative;
  padding: 0 18px;
  height: 0; 
  line-height: 40px;
  //text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  border-top-right-radius: 0px; 
  border-top-left-radius: 34px; 
  border-bottom: 40px solid #C0392B;
  border-bottom-color: #777\9;
  opacity: .6;
  filter: alpha(opacity=30);    
  margin-right: -26px;
}

#tabs a:hover,
#tabs a:focus {
  border-bottom-color: #2ac7e1;
  opacity: 1;
  filter: alpha(opacity=100);
}

#tabs a:focus {
  outline: 0;
}

#tabs #current {
  z-index: 3;
  border-bottom-color: #3d3d3d;
  opacity: 1;
  filter: alpha(opacity=100);   
}

.active{
    border-bottom-color: black;
    //background-color:Black;
    color:Black;
  opacity: 1;
  filter: alpha(opacity=100);
}
/*
#tabs li a:profileHover {
border-bottom-color: black;
background-color: black;
}
*/
/* end of tabs menu */

/* white circle icon*/

.ch-grid1:after,
.ch-item1:before {
    content: '';
    display: table;
    margin-left:50px;
}
 
.ch-grid1:after {
    clear: both;
}

.ch-grid1 li {
    width: 100px;
    height: 100px;
    display: inline-block;
 
    margin-left: 10px;
    
}

.ch-item1 
{
    
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    cursor: default;
    box-shadow: 
        inset 0 0 0 8px rgba(255,255,255,0.6),
        0 1px 2px rgba(0,0,0,0.1);
    transition: all 0.4s ease-in-out;
}

/* end of white circle icon*/

/* academic icons */

.ch-img-1 { 
    background-image: url(../../Content/image/icons_collection/academic/subject_registration.png);
}
 
.ch-img-2 { 
    background-image: url(../../Content/image/icons_collection/academic/academic_calendar.png);
}
 
.ch-img-3 { 
    background-image: url(../../Content/image/icons_collection/academic/attendance.png);
}

.ch-img-4 { 
    background-image: url(../../Content/image/icons_collection/academic/faculty_member.png);
}

.ch-img-5 { 
    background-image: url(../../Content/image/icons_collection/academic/learning_material.png);
}
 
.ch-img-6 { 
    background-image: url(../../Content/image/icons_collection/academic/thesis_proposal.png);
}

.ch-img-7 { 
    background-image: url(../../Content/image/icons_collection/academic/timetable.png);
    margin-left:50px;
}
 
.ch-img-8 { 
    background-image: url(../../Content/image/icons_collection/academic/assessment.png);
}

/* end of academic icons */

/* e-from icon */
.ch-img-9 { 
    background-image: url(../../Content/image/icons_collection/forms/finance_form.png);
}

.ch-img-10 { 
    background-image: url(../../Content/image/icons_collection/forms/misc_form.png);
}

.ch-img-11 { 
    background-image: url(../../Content/image/icons_collection/forms/academic_form.png);
}

/* end of e-from icon */

/* search icon */

.uj-icon-set{
position:relative;
float:right !important;
text-align:left !important;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}

.uj-icon-set:hover
{
-webkit-transform: rotate(35deg);
-moz-transform: rotate(35deg);
-o-transform: rotate(35deg);
-ms-transform: rotate(35deg);
transform: rotate(35deg);
}

.box-shadow-outset {
  display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.box-shadow-outset:hover, .box-shadow-outset:focus, .box-shadow-outset:active {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}

/* end of search icon */

/* Box Shadow Inset */

.box-shadow-inset {
  display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.box-shadow-inset:hover, .box-shadow-inset:focus, .box-shadow-inset:active {
  box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
}

/* end of Box Shadow Inset */

/* Box Shadow Outset */

.box-shadow-outset {
  display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.box-shadow-outset:hover, .box-shadow-outset:focus, .box-shadow-outset:active {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}

/* end of Box Shadow Outset */

/* Box Shadow Inset */

.box-shadow-inset {
  display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.box-shadow-inset:hover, .box-shadow-inset:focus, .box-shadow-inset:active {
  box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
}

/* end of Box Shadow Inset */

/* curl top right effect */
 
.curl-top-right {
  display: inline-block;
  position: relative;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
 
.curl-top-right:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  top: 0;
  right: 0;
  background: white;
  /* IE9 */
  background: -webkit-linear-gradient(225deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
  background: linear-gradient(225deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
  box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}
 
.curl-top-right:hover:before {
  width: 25px;
  height: 25px;
}

.btn-default {
    border: none;
}

/* end of curl top right effect */

/* curl top right effect 1 */
 
.curl-top-right1 {
  display: inline-block;
  position: relative;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
 
.curl-top-right1:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  top: 0;
  right: 0;
  background: white;
  /* IE9 */
  background: -webkit-linear-gradient(225deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
  background: linear-gradient(225deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
  box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}
 
.curl-top-right1:hover:before {
  width: 20px;
  height: 20px;
}

.btn-default {
    border: none;
}

/* end of curl top right effect 1 */

/* trim effect */

.trim {
  display: inline-block;
  position: relative;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.trim:before {
  content: '';
  position: absolute;
  border: white solid 4px;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.trim:hover:before, .trim:focus:before, .trim:active:before {
  opacity: 1;
}

/* end of trim effect */

/* border fade effect */

.border-fade {
  display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
}
.border-fade:hover, .border-fade:focus, .border-fade:active {
  box-shadow: inset 0 0 0 4px #666666, 0 0 1px rgba(0, 0, 0, 0);
}

/* end of border fade effect */

/* Box Shadow Inset */

.box-shadow-inset {
  display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.box-shadow-inset:hover, .box-shadow-inset:focus, .box-shadow-inset:active {
  box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
}

/* end of Box Shadow Inset */

/* Hollow */

.hollow {
  display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background;
  transition-property: background;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
}
.hollow:hover, .hollow:focus, .hollow:active {
  background-color: black;
}

/* end of hollow */

/* ribbon for header */

div.ribbon {
    width:203px;
    height:41px;
    color:#fff;
    overflow:hidden;
    font-size:21px;
    margin-top:-15px;
    float:right;
    margin-bottom:20px;
}
div.contact-us-ribbon {
    width:150px;
    height:41px;
    color:#fff;
    overflow:hidden;
    font-size:21px;
    margin-top:-15px;
    float:right;
    margin-bottom:20px;
}
div.apply-for-student-ribbon {
    width:150px;
    height:41px;
    color:#fff;
    overflow:hidden;
    font-size:21px;
    margin-top:-15px;
    float:right;
    margin-bottom:20px;
}
div.sponsor-applicants-ribbon {
    width:295px;
    height:41px;
    color:#fff;
    overflow:hidden;
    font-size:21px;
    margin-top:-15px;
    float:right;
    margin-bottom:20px;
}
div.sponsor-selected-students-ribbon {
    width:250px;
    height:41px;
    color:#fff;
    overflow:hidden;
    font-size:21px;
    margin-top:-15px;
    float:right;
    margin-bottom:20px;
}
div.sponsor-selected-students-details-ribbon {
    width:180px;
    height:41px;
    color:#fff;
    overflow:hidden;
    font-size:21px;
    margin-top:-15px;
    float:right;
    margin-bottom:20px;
}


/*div.top {
    width:100px;
    height:30px;
    background:#fff;
    -moz-transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    margin-right: 176px;
    margin-top: -17px;
} */

/* end of ribbon for header */

/* ribbon1 for header */

div.ribbon1 {
  
    height:41px;
    color:#fff;
    overflow:hidden;
    font-size:21px;
    margin-top:-15px;
    
}

div.top1 {
    width:100px;
    height:25px;
    background:#fff;
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    margin-top: -11px;
     
}

/* end of ribbon1 for header */

/* ribbon for box home */

.ribbon1 {
    width:230px;
    height:41px;
    color:#fff;
    overflow:hidden;
    font-size:21px;
    margin-top:-15px;
    margin-left:-12px;
}

.top1 {
    width:100px;
    height:25px;
    background:#fff;
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    margin-left: 206px;
    margin-top: -11px;

}

.ribbon1 .ribbon1-content:before {
         content: "";
         position: absolute;
         display: block;
         border-style: solid;
         border-color: black transparent transparent transparent;
         top:67px;
         margin-left:6px;
        }

        .ribbon1 .ribbon1-content:before {
         margin-top: -6px;
         left: -2px;
         border-width: 0.6em 0 0 0.6em;
        }

		.ribbon1 .ribbon1-toggle {
    		border-color: black;
		}

		.ribbon1 .ribbon1-toggle .icon-bar {
			background-color: black;
		}
		
/* end of ribbon for box home */

/* ribbon-2 for box home */

.ribbon2 {
    width:245px;
    height:41px;
    color:#fff;
    overflow:hidden;
    font-size:21px;
    margin-top:-15px;
    margin-left:-12px;
}

.top2 {
    width:100px;
    height:25px;
    background:#fff;
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    margin-left: 222px;
    margin-top: -11px;

}

.ribbon2 .ribbon2-content:before {
         content: "";
         position: absolute;
         display: block;
         border-style: solid;
         border-color: black transparent transparent transparent;
         top:67px;
         margin-left:6px;
        }

        .ribbon2 .ribbon2-content:before {
         margin-top: -6px;
         left: -2px;
         border-width: 0.6em 0 0 0.6em;
        }

		.ribbon2 .ribbon2-toggle {
    		border-color: black;
		}

		.ribbon2 .ribbon2-toggle .icon-bar {
			background-color: black;
		}
		
/* end of ribbon-2 for box home */

/* alert color */

.alert-purple { border-color: #d35400;background: #d35400;color: #fff; text-align:center; }
.alert-info-alt { border-color: #B4E1E4;background: #81c7e1;color: #fff; }
.alert-danger-alt { border-color: #B63E5A;background: #E26868;color: #fff; }
.alert-warning-alt { border-color: #F3F3EB;background: #E9CEAC;color: #fff; }
.alert-success-alt { border-color: #19B99A;background: #20A286;color: #fff; }
.glyphicon { margin-right:10px; }

/* end of alert color */

/* pdf button */

.ds-btn li{ list-style:none; padding:0px; }
.ds-btn li a span{padding-left:15px;padding-right:5px;width:100%;display:inline-block; text-align:left;}
.ds-btn li a span small{width:100%; display:inline-block; text-align:left;font-size:110%}

/* end of pdf button */



nav {
	z-index: 42;
    margin-top: 4px;
    width:auto;
    
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
	
	padding: 0.5px;
	margin-left: -14px;
	margin-right:-14px;
	
	background: #36D7B7;
	filter: alpha(opacity=80); /* IE6-IE8 */
	position: relative;
	
	border-top-left-radius: 1em 0.5em;
	border-top-right-radius: 1em 0.5em;
}

.nav-left {
	position: absolute;
	left:0;
	bottom:-14px;
	width:14px;
	height:14px;
	background: #36D7B7;
	background: #36D7B7;
	border-bottom-left-radius: 100% 50%;
}

.nav-left:after {
	content: '';
	position: absolute;
	right:0;
	width:66%;
	height:66%;
	background: #000;
	border-top-left-radius:100% 50%;
	border-bottom-left-radius:100% 50%;
}

.nav-right
{
    display:block;
    float:right;
	position: absolute;
	right:0;
	bottom:-14px;
	width:14px;
	height:14px;
	background: #848a6a;
	background: #36D7B7;
	border-bottom-right-radius:100% 50%;
	
}

.nav-right:after {
	content: '';
	position: absolute;
	left:0;
	width:66%;
	height:66%;
	background: #000;
	border-top-right-radius:100% 50%;
	border-bottom-right-radius:100% 50%;
}
 
nav li {
	display: inline;
	list-style: none;
	
}

nav li a 
{
    text-align:center;
	text-decoration: none;
	font-size: 130%;
	color: white;
	font-weight: bold;
	padding:0 auto;
	
}

/* To position the of the Arabic search box */
.searchBoxArabic
{
       float:left !important;
      
     
}
/* To position the of the English search box */
.searchBoxEnglish
{
    margin-left:340px
}
/*
.col-md-4
{
    text-align:right;
    padding-right:50px;
} */

.col-md-4
{
    text-align:right;
} 

.a
{
     margin-right: 100px;
}

/*.error
{
  color: Red;
  font-weight: bold; 
  font-size: 110%;  
  margin: 0 0 20px 0;
  padding: 10px 30px 10px 30px;
  border-right: 5px solid #eee;
  background-color: #FAEAE6;
  border-color: #ed4e2a;
  margin: 15px 15px 15px 15px;
  direction:rtl;
}

.success {
 color: green;
  font-weight: bold; 
  font-size: 110%;  
  margin: 0 0 20px 0;
  padding: 10px 30px 10px 30px;
  border-right: 5px solid #eee;
  background-color: #EBFCEE;
  border-color: #3cc051;
  margin: 15px 15px 15px 15px;
  direction:rtl;
} */
/***
Notes
***/

/* Common styles for all types */
.note {
  margin: 0 0 20px 0;
  padding: 15px 15px 15px 30px;
  border-right: 5px solid #eee;
}

.note h1,
.note h2,
.note h3,
.note h4 {
  margin-top: 0;
}

.note p:last-child {
  margin-bottom: 0;
}
.note code,
.note .highlight {
  background-color: #fff;
}

/* Variations */
.note-danger {
  background-color: #FAEAE6;
  border-color: #ed4e2a;
}


/***
Bootstrap Panel
***/

.panel {  
  -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
          box-shadow: none !important;
           border-radius: 0px; 
           background-color:Transparent;
         
}
.panel-heading
{
    border-radius: 0px;
    padding:1px;
}

.panel .panel-title > a:hover {
  text-decoration: none;
}

.accordion .panel-heading {
  padding: 0;
}

.accordion  .panel-title {
  padding: 0;
}

.accordion  .panel-title .accordion-toggle {
  display: block;
  padding: 10px 15px;
   text-align:right; 
}

.accordion .accordion-toggle.accordion-toggle-styled {
   background: url("../image/accordion-plusminus.png") no-repeat;
  background-position: left -19px;
  margin-left: 15px;
}

.accordion .accordion-toggle.accordion-toggle-styled.collapsed {
  background-position: left 12px;
}




.note-warning {
  background-color: #FCF3E1;
  border-color: #fcb322;
}

.note-info {
  background-color: #E8F6FC;
  border-color: #57b5e3;
   direction:rtl;
}
.note,note-info2
{
     background-color: #E8F6FC;
     border-color: #57b5e3;
     margin: 0 0 20px 0;
     padding: 10px 30px 10px 30px;
     direction:rtl;
}

.note-success {
  background-color: #EBFCEE;
  border-color: #3cc051;
}


.flash {
	border: 1px solid yellow;
	background: lemonchiffon;
	padding: 5px 10px;
	margin: 10px 0;
	font-weight: bold;
	font-size: 110%;
}


.navbar-left
{
    float: right !important;
    margin-right:-50px;
    display:block;
}
.navbar-rtl
{
    float:right !important;
}

.form-inline
{
    display:block;
}

.pull-left
{
    float: right !important;
   
}

.iconsRtl
{
    float: right !important;
   
  
}
.profileRtl
{
     float: right !important;
     direction:rtl;
     
}
.profileRtl2
{
    
}
.btnright
{
  
      float: right !important;
      margin-left:10px;
}
.BackButtonMargin
{
   
    direction:ltr;
    float:right;
}

div.subjectRegistrationStyleA
{
    width:220px;
    background:#9dc740
}
div.subjectRegistrationStyleB
{
    margin-right:195px;
}
div.E-FormsStyleA
{
    width:220px;
    background:#9dc740;
   
}
div.E-FormsStyleB
{
    margin-right:195px;
   
}
div.E-ResultAppealStyleA
{
    width:415px;
    background:#9dc740;
}
div.E-ResultAppealStyleB
{
    margin-right:390px;
}
div.FinanceStyleB
{
    margin-left:-75px
    
}
div.WorkloadFormStyleA
{
    background:#a4cd1e;
    width:310px;
}
div.WorkloadFormStyleB
{
    margin-right:285px;
}
div.FacultyStyleA
{
     width:180px;
}
div.FacultyStyleB
{
    margin-right:155px;
}
div.E-formsStyleA
{
     width:220px;
}
div.GuidelineStyleA
{
    width:120px;
}
div.GuidelineStyleB
{
    margin-right:95px;
}
div.AttendanceStyleA
{
}
div.AttendanceStyleB
{
    margin-right:165px;
}
div.AcademicCalendarStyleA
{
     width:180px;
}
div.AcademicCalendarStyleB
{
    margin-right:155px;
}
div.LearningMaterialStyleA
{
    width:180px;
}
div.LearningMaterialStyleB
{
    margin-right:155px;
}
div.ThesisProposalStyleA
{
    width:200px;
}
div.ThesisProposalStyleB
{
    margin-left:209px;
}
.ButtonMargin
{
    margin-left:500px;
}
.btn-primary
{
    color:White;
}

fieldset.fieldset-border {
    border: 1px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
   
}
 legend.legend-border {
      
       
        text-align: right !important;
        width:auto;
        padding:0 10px;
        border-bottom:none;
        font-family: 'Playfair Display', serif;
        
}
h3
{
    font-family: 'Playfair Display', serif;
 
}


/* To chnage the panel and buttons color */
.btn-primary
{
    color: white;
    text-shadow: none;
    background-color: #d12900;
    border-color:#d12900;
}
.panel-primary>.panel-heading
{
    background-color: #d12900;
    border-color: #d12900;
}
.panel-primary
{
    border-color: #d12900;
}
.btn-primary:hover
{
     background-color: White;
     
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary 
{
    background-color:#EF4836;
    text-decoration:none;
    border-color:#EF4836;
}

/* End of To chnage the panel and buttons color */


/** Toaster notification */

.toast-title {
  font-weight: bold;
}
.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #ffffff;
}
.toast-message a:hover {
  color: #cccccc;
  text-decoration: none;
}

.toast-close-button {
  position: relative;
  left: -0.3em;
  top: -0.3em;
  float: left;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}

/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.toast-top-full-width {
  top: 0;
  left: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  left: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  right: 12px;
}
.toast-top-right {
  top: 12px;
  left: 12px;
}
.toast-bottom-right {
  left: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  right: 12px;
}
#toast-container {
  position: fixed;
  z-index: 999999;
  /*overrides*/

}
#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#toast-container > div {
  margin: 0 0 6px;
  padding: 15px 50px 15px 15px;
  width: 300px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 0 12px #999999;
  -webkit-box-shadow: 0 0 12px #999999;
  box-shadow: 0 0 12px #999999;
  color: #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}
#toast-container > :hover {
  -moz-box-shadow: 0 0 12px #000000;
  -webkit-box-shadow: 0 0 12px #000000;
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}
#toast-container > .toast-info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAYCAYAAAB5j+RNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAcxJREFUeNq8lz1LA0EQhm8PyxQpLFOkOCEWFkGFdEZMYWFhEVCw8SfYibW/QSxVbCwUtRALhdhrISikUQgYsDBgQMEUIeezsMoR7mND5m7gZXdvZ2bfnZv9Ur7vO1qUUk6Y0F8Da1TnQN58boM7bM7AY4SdM7ZoJ2GO+DY5GAzO/QRB54AiH+V3HISSY8AV8O5bCrpv2iZ1cgyyHEPiK440fXVJciqYc9Rz4Il6MSIF5o3ufUR/h75p0JHIOXfI+W4UMRvBdhIf+46Q/EeO0qNoMsBEzOLpUnQtJrCoV7Nk5NbjiJnI5G0iyyQ2JCIXJLeQMOCpjgjlDGgn+K1Kk/MSolaH1JLrus80+wm6njQ5Gyk4GUqQXE/Kqd5SpMm9CE66LU3uUpDcrSg5kvjC7GM20ov5pX187UmT03myk5BHV0b3iHYUwRP6W6InxN99jsO7Qb0aQu6B4ts09eAV9EpDOi2+lUE3lfsc9RIEP/0RBZsPUMniPlcANyMQawIvk8tmgOQW+LEgd5zGTVhZvCH0HW+V6qx5Q+i8ewU5sI1dzqiWg++JVN8QlrZFonZtotfI9LeOQHLTLKKaJDlXZD9S6hBM4bAiefD/CjAAHqy2T6+q2tUAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAYCAYAAAB5j+RNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAexJREFUeNrElzFLw0AUx3OhQ4YKGToU7FDBQffu4iD4ARxcHJxEcHB0cOgHUHDTTQQ3l466KXSo2MGhg4NQoQUrLViwYIbS+H/lCseR5M7mRQ/+vbvk5d0v9y53r04Yho6pwMaHqpPJ5AnaQjvnWBTynUZi+iNEJBCqCuo11Aew8ZV7A1Q16A56dl33NQ4uTRGS8hxtD/KlSoBZtnWC54eoWhBBU7sA5eFjnQOuDUdlC4gR7PK/8Z8GzpV11wA1hnYQvgV0l9C+df6gzOACg10TYNfTqRDiDTq1mOWAC65rsNMHGlv47nHBjTKIChvch8GuPIfvLhdc02DnaeupaOH7kQUOC7yRuB8IocP4Fr5fuOCGmI2W6QhLgI16oQZXWKnUDbZFBXTR8CJ1wA044R4MA1aUbsng94rjc88pYagBoJcQsj2ZjdD9zaTThHyxbEZq5oB06DhMWeDjJpOUCe0C1EHfm/NFAzy7SkccR8rkal8YLeKLmIHvoX3ojLKTGH8nMzD2sMp+HqFpa6H6VrcStI8iwtmhZzkzYTdif6KcbVe7RmGuyAE9mR2rEPQhbdCzrKdz3LrATBxGzE4b+tKuvaNayeI/ROKijQK0BcscTgJuQ58aFPWr6jr8Fzg5SBlAl1DfBooL7keAAQCLjhVwzd5s5wAAAABJRU5ErkJggg==") !important;
}
#toast-container > .toast-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAYCAYAAAB5j+RNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAP9JREFUeNpi/P//P8NgBUwMgxgMbscxMjIyUAsDAQcwmRQA8WUgng3kKwwKXwIdw/Lv37/V/5EAlM9ALqaZw6CO+zygjsPlMKjjFg+Y4wg47DkQqwyI4wg5DEhpQNXR13HEOozujiPFYRQ7DkgIAHED0ODjQFwDZPNQy2EUOw5oaD+aJZeBWIYaDqOG4y7jyGkmlDqMGtHagMNSUAEaQInDqOE4HqAlh3FY/huIz5PrMKrkViCDA2jZ8v9EAmIdRtWiBGhpOzUdRvVyDmh5Big6qeEwmhTCQEd4QDMERQ6jWQ0BlDQAOmg9yJGg9AiqxMms6sjGjKMdnOHoOIAAAwA/ULMPJLXCLgAAAABJRU5ErkJggg==") !important;
}
#toast-container > .toast-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAYCAYAAAB5j+RNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAaNJREFUeNpi/P//P8NgBUwMgxgwkqL4379/JoyMjDJAvIFYPZTEDKmOOwykJICO0wXiH7R2HCkOi/iPABWkhBy5mJFICziA+DaQ+QSKPYAhpwrELwY85IAWNABD7jcQ6wDZEkD6PRDPp3XIEWO4AtAh34G4GSmKU0BxC6QtBtRxQAcsB+LroKhFE98PxMcHzHFABTbQDOCARU4DGqIxdHccUJIFaPF5IJ6NxJ8PwkC2CDT0aoD4OZDPQ1fHgdIV1GIBJItgQAHJwZeR0yPNHQdyENDC16CyDc3Bn6GOE0ESswBFL8zBNHcc0LLp0NoAXfz+fyy6gOKLgXg7zR0HDYnfQEkDLHK3QXJYxGVAoYoe0lR1HFIamo2nWDmMQ64GPY1S23EVoNIfVAvgiCIJPGmLAxTtoCRBdcch1QQleDLJZ2jNoIKvcYBcc1DFcaAEDUpToKjFEzKPoWlLBk8RBKo5LsPModhxSD72IaJ1wkNAjQE0Q1VQ3GQCRRcQXweawwFsAk2kUismHtoo1QTSDyhpRE7/TyMASiqUhtxo74scABBgAGIL5qklcGvHAAAAAElFTkSuQmCC") !important;
}
#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin: auto;
}
.toast {
  background-color: #030303;
}
.toast-success {
  background-color: #51a351;
}
.toast-error {
  background-color: #bd362f;
}
.toast-info {
  background-color: #2f96b4;
}
.toast-warning {
  background-color: #f89406;
}
/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 50px 8px 8px;
    width: 11em;
  }
  #toast-container .toast-close-button {
    left: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 50px 8px 8px;
    width: 18em;
  }
  #toast-container .toast-close-button {
    left: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 50px 15px 15px;
    width: 25em;
  }
}

.toast { box-shadow: none ! important; }
.toast { background-color: rgb(3, 3, 3); }
.toast-success { background-color: rgb(81, 163, 81); }
.toast-error { background-color: rgb(189, 54, 47); }
.toast .toast-close-button { display: inline-block; margin-top: 0px; margin-left: 0px; text-indent: -100000px; width: 11px; height: 16px; background-repeat: no-repeat ! important; background-image: url("../../Content/img/portlet-remove-icon-white.png") ! important; }
#toast-container > div { background-position: 100% center; }
/** End of the toaster notification */

.nav_class
{
    direction:rtl;
}



/* Start of The new form wizard */

.wizard,
.tabcontrol
{
    display: block;
    width: 100%;
    overflow: hidden;
}

.wizard a,
.tabcontrol a
{
    outline: 0;
}

.wizard ul,
.tabcontrol ul
{
    list-style: none !important;
    padding: 0;
    margin: 0;
}

.wizard ul > li,
.tabcontrol ul > li
{
    display: block;
    padding: 0;
}


.wizard > .steps > ul > li,
.wizard > .actions > ul > li
{
    float: right;
}

.wizard > .content 
{
    display:block;

    overflow: hidden;
    position: relative;
  /*  -webkit-border-radius: 5px;
   -moz-border-radius: 5px; */
}

.wizard > .content > .body
{
/*    position: absolute; */
    position: absolute;
    width: 100%;
    height: 95%;
    left:0;

}

.wizard > .content > .body ul
{
    list-style: disc !important;
}

.wizard > .content > .body ul > li
{
    display: list-item;
}

.wizard > .content > .body > iframe
{
    border: 0 none;
    width: 100%;
    height: 100%;
}

/*.wizard > .content > .body input
{
    display: block;
    border: 1px solid #ccc;
} */

.wizard > .content > .body input[type="checkbox"]
{
    display: inline-block;
}

.wizard > .content > .body input.error
{
    background: rgb(251, 227, 228);
    border: 1px solid #fbc2c4;
    color: #8a1f11;
}

.wizard > .content > .body label
{
    display: inline-block;
    margin-bottom: 0.5em;
}

.wizard > .content > .body label.error
{
    color: #8a1f11;
    display: inline-block;
    margin-left: 1.5em;
}


.wizard > .actions
{
    position: relative;
    display: block;
  text-align:center;
    width: 100%;

}


.wizard > .actions > ul
{
    display: inline-block;
    text-align: right;
}

.wizard > .actions > ul > li
{
    margin: 0 0.5em;
}


.wizard > .actions a,
.wizard > .actions a:hover,
.wizard > .actions a:active
{ background: none repeat scroll 0% 0% rgb(209, 41, 0);
   color: rgb(255, 255, 255); 
   display: block; padding: 0.5em 1em; 
   text-decoration: none; 
}

.wizard > .actions .disabled a,
.wizard > .actions .disabled a:hover,
.wizard > .actions .disabled a:active
{
    background: #eee;
    color: #aaa;
}

button, html input[type=button], input[type=reset], input[type=submit] 
{
    background: #d12900;
    color: #fff;
    padding: 0.5em 1em;
    text-decoration: none;
    border:none;
}
.form { padding-bottom: 0px ! important; }

/* End of the new form wizard */

.wrapper
{
    font-size:16px;
    font-weight:bold;

}
.title
{
     font-size:15px;
    font-weight:700;
    line-height:20px;
    font-family:'Open Sans', sans-serif;
}
.wrapper2
{
    font-size:17px;
    font-weight:bold;   
}
.ef-wrapper
{
    font-size:16px;
    font-weight:bold;
}
.ef-td-wrapper
{
    font-size:15px;
    font-weight:bold;
}
.ef-td-heading
{
    font-size:15px;
    font-weight:bold;
}
.Proctor_wrapper
{

    line-height:20px;
    font-weight:100;

}
.gf_.wrapper
{
    font-size:16px;
    font-weight:bold;

}
.input_rtl
{
    font-size:14px;
    font-weight:700;
    
}
.english
{
    font-size:16px;
    font-weight:bold;
    line-height:25px;
    font-family:'Open Sans', sans-serif;
}
.stcf_select_box
{
    width:750px;
}
.table.GFGridtable td 
{
	width: auto;
	border-width: 0px;
	padding: 1px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
	font-size:17px;
    font-weight:bold;
    line-height:30px;
}

.caption
{
    font-size:17px;
    font-weight:bold; 
}
.input
{
   width:520px; 
}
.textarea_rrf
{
            width: 520px;
            height:60px;
}
.ep_input
{
   width:250px; 
}
.tc_input
{
   width:250px; 
}
i
{
    font-family:"Arabic Transparent", "Simplified Arabic", arial, verdana, sans-serif;
}

/* To style buttons with arrows */
/*.btn.default { color: rgb(51, 51, 51); text-shadow: none; background-color: rgb(229, 229, 229); }*/
.btn.blue { color: white; text-shadow: none; background-color: #d12900; }
.btn > i { font-size: 14px; }
[class^="m-icon-"] { display: inline-block; width: 14px; height: 14px; margin-top: 3px; line-height: 14px; vertical-align: top; background-image: url("../img/syncfusion-icons.png"); background-position: 0px 0px; background-repeat: no-repeat; }
.m-icon-white { background-image: url("../img/syncfusion-icons-white.png"); }
.m-icon-swapright { background-position: -27px -10px; }
.m-icon-swapleft { background-position: -8px -10px;  color:White;}
/* End of styling buttons with arrows */

.panel-loggin
{
      position:absolute;
     right:90px;bottom:-4px;
}


/* To make the alert message blink */
.msg_alert 
{
    color:Red;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinker;
    -moz-animation-duration: 5s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinker;
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
} /* End of the message blink */

.quick-access
{
    text-align:center;
    margin-left:40px;
    color:White;
    font-size:120%;
    font-weight:bold;
    margin-bottom:-2px;
    margin-top:5px;
}
.exam
{
    text-align:center;
    margin-left:40px;
    color:White;
    font-size:110%;
    font-weight:bold;
    margin-bottom:-2px;
    margin-top:5px;
}
.quick-link
{
    text-align:center;
    margin-left:40px;
    color:White;
    font-size:110%;
    font-weight:bold;
    margin-bottom:-2px;
    margin-top:5px;
}
.english-td-title
{
     font-size:17px;
     font-weight:bold;
}
.personal_address
{
    margin-right:50px;
}


.form-horizontal .control-label {
     text-align:left;
}
/*.form-control
{
    float: right !important;
    text-align:right;
} */

/* To style the Thesis Proposal rtl */
 @media (min-width: 992px){
.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12 { float: right; }
.col-md-12 { width: 100%; }
.col-md-11 { width: 91.6667%; }
.col-md-10 { width: 83.3333%; }
.col-md-9 { width: 75%; }
.col-md-8 { width: 66.6667%; }
.col-md-7 { width: 58.3333%; }
.col-md-6 { width: 50%; }
.col-md-5 { width: 41.6667%; }
.col-md-4 { width: 33.3333%; }
.col-md-3 { width: 25%; }
.col-md-2 { width: 16.6667%; }
.col-md-1 { width: 8.33333%; }
}

/***
Social Icons
***/

.social-icons:after,
.social-icons:before {  
  content: "";
  display: table;
}


.social-icons:after {    
  clear: both;
}

.social-icons {    
   margin-right:-28px;
}

.social-icons li {
  float:right;
  display:inline;
  list-style:none;
  margin-right:5px;
  margin-bottom:5px;
  text-indent:-9999px;
}
.social-icons li a, a.social-icon {
  width:28px;
  height:28px;
  display:block;
  background-position:0 0;
  background-repeat:no-repeat;
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.social-icons li:hover a {
  background-position:0 -38px;
}

.social-icons-color li a {
  opacity: 0.7;
  background-position:0 -38px !important;
}

.social-icons-color li a:hover {
  opacity: 1;
}

.social-icons .forum {background: url(../image/icons_collection/social/forum.png) no-repeat;}
.social-icons .iradio {background: url(../image/icons_collection/social/iradio.png) no-repeat;}
.social-icons .mediutv {background: url(../image/icons_collection/social/mediutv.png) no-repeat;}
.social-icons .liveradio {background: url(../image/icons_collection/social/liveradio.png) no-repeat;}
.social-icons .facebook{background: url(../image/icons_collection/social/facebook.png) no-repeat;}
.social-icons .twitter {background: url(../image/icons_collection/social/twitter.png) no-repeat;}
.social-icons .youtube {background: url(../image/icons_collection/social/youtube.png) no-repeat;}
/*------------------------------------------------------------------------------------*/

/*-----------------------------------Breadcrum--------------------------------------*/
.breadcrumb>li+li:before {
 content: "\a"; 

}
ul.breadcrumb li a
{
     color:Black;
     font-size:15px;
}


/* ---------------------------------- Rss ------------------------------------------*/
.feedEkList{list-style:none outside none;background-color:#FFFFFF; border:1px solid #D3CAD7; padding:4px 6px; color:#3E3E3E;}
.feedEkList li{border-bottom:1px solid #D3CAD7; padding:5px;}
.feedEkList li:last-child{border-bottom:none;}
.itemTitle a{font-weight:bold; color:#4EBAFF !important; text-decoration:none }
.itemTitle a:hover{ text-decoration:underline }
.itemDate{font-size:11px;color:#AAAAAA;}

/*PostgraduateThesis Progress*/
.postgraduate-thesis {min-width:700px;}
.postgraduate-thesis {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.postgraduate-thesis > .postgraduate-thesis-step {padding: 0; position: relative;}
.postgraduate-thesis > .postgraduate-thesis-step + .postgraduate-thesis-step {}
.postgraduate-thesis > .postgraduate-thesis-step .postgraduate-thesis-stepnum {color: #595959; font-size: 16px; margin-bottom: 5px;}
.postgraduate-thesis > .postgraduate-thesis-step > .postgraduate-thesis-dot {position: absolute; width: 30px; height: 30px; display: block; background: #fbe8aa; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} 
.postgraduate-thesis > .postgraduate-thesis-step > .postgraduate-thesis-dot:after {content: ''; width: 14px; height: 14px; background: #fbbd19; border-radius: 50px; position: absolute; top: 8px; left: 8px; } 
.postgraduate-thesis > .postgraduate-thesis-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;}
.postgraduate-thesis > .postgraduate-thesis-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #fbe8aa; float:right}
.postgraduate-thesis > .postgraduate-thesis-step.complete > .progress > .progress-bar {width:100%; float:right}
.postgraduate-thesis > .postgraduate-thesis-step.active > .progress > .progress-bar {width:50%; float:right}
.postgraduate-thesis > .postgraduate-thesis-step:first-child.active > .progress > .progress-bar {width:0%;}
.postgraduate-thesis > .postgraduate-thesis-step:last-child.active > .progress > .progress-bar {width: 100%;}
.postgraduate-thesis > .postgraduate-thesis-step.disabled > .postgraduate-thesis-dot {background-color: #f5f5f5;}
.postgraduate-thesis > .postgraduate-thesis-step.disabled > .postgraduate-thesis-dot:after {opacity: 0;}
.postgraduate-thesis > .postgraduate-thesis-step:first-child  > .progress {right: 50%; width: 50%;}
.postgraduate-thesis > .postgraduate-thesis-step:last-child  > .progress {width: 50%;}
.postgraduate-thesis > .postgraduate-thesis-step.disabled a.postgraduate-thesis-dot{ pointer-events: none; }


.postgraduate-thesis > .postgraduate-thesis-step > .postgraduate-thesis-parent-dot {position: absolute; width: 50px; height: 50px; display: block; background: #fbe8aa; top: 35px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} 
.postgraduate-thesis > .postgraduate-thesis-step .postgraduate-thesis-stepnum:after {content:''; width:20px; height:20px; display:inline-block}

.final-report-step1
{
    position: absolute; top: 20px; left: 10px; font-size:14px; font-weight:bold;
}
.final-report-step2
{
    position: absolute; top: 6px; left: 9px; font-size:14px; font-weight:bold;
}
.viva-step
{
    position: absolute; top: 14px; left: 5px; font-size:15px; font-weight:bold;
}
.graduation-step
{
    position: absolute; top: 13px; left: 8px; font-size:15px; font-weight:bold;
}

/*END PostgraduateThesis Progress*/


/* Login Page */
.login .content .input-icon { border-right: 0px solid  ! important; }

/* SponsorProgramFees Table */

.pagination>li>a, .pagination>li>span {
position: relative;
float: right;
padding: 6px 12px;
margin-right: -1px;
/*line-height: 1.42857143; */
line-height:0.85em;
color: #428bca;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd;
}

.dataTables_filter
{
    float:left;
    direction:rtl;
}
.dataTables_length
{
    float:right;
    direction:rtl;
}

.pagination { display: inline-block; padding-right: 0px; margin: 20px 0px; border-radius: 4px; }
.pagination > li { display: inline; }
/*.pagination > li > a,.pagination > li > span { position: relative; float: right; padding: 6px 12px; margin-right: -1px; line-height: 1.42857; color: rgb(66, 139, 202); text-decoration: none; background-color: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); }*/
.pagination > li:first-child > a5,.pagination > li:first-child > span { margin-right: 0px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.pagination > li:last-child > a5,.pagination > li:last-child > span { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.pagination > li > a:focus,.pagination > li > a:hover,.pagination > li > span:focus,.pagination > li > span:hover { color: rgb(42, 100, 150); background-color: rgb(238, 238, 238); border-color: rgb(221, 221, 221); }
.pagination > .active > a,.pagination > .active > a:focus,.pagination > .active > a:hover,.pagination > .active > span,.pagination > .active > span:focus,.pagination > .active > span:hover { z-index: 2; color: rgb(255, 255, 255); cursor: default; background-color: rgb(66, 139, 202); border-color: rgb(66, 139, 202); }
.pagination > .disabled > a,.pagination > .disabled > a:focus,.pagination > .disabled > a:hover,.pagination > .disabled > span,.pagination > .disabled > span:focus,.pagination > .disabled > span:hover { color: rgb(153, 153, 153); cursor: not-allowed; background-color: rgb(255, 255, 255); border-color: rgb(221, 221, 221); }
.label { display: inline; padding: 0.2em 0.6em 0.3em; font-size: 75%; font-weight: 700; line-height: 1; color: rgb(255, 255, 255); text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25em; }

div.dataTables_length label { float: right; text-align: right; }
div.dataTables_length label .form-control { display: inline-block; width: auto; vertical-align: middle; }
div.dataTables_length select { width: 75px; }
div.dataTables_filter label { float: left; }
div.dataTables_info { position: relative; top: 15px; }
/*div.dataTables_paginate { float: left; margin: 0px; }*/
table.table { clear: both; margin-bottom: 6px ! important; max-width: none ! important; }
table.table thead .sorting,table.table thead .sorting_asc,table.table thead .sorting_desc,table.table thead .sorting_asc_disabled,table.table thead .sorting_desc_disabled { cursor: pointer; }
table.table thead .sorting { background: url("images/sort_both.png") no-repeat scroll left center transparent; }

.dataTables_paginate .pagination .fa-angle-left:before {
content: "\f105";
}
.dataTables_paginate .pagination .fa-angle-right:before {
content: "\f104";
}

.table-center th, .table-center td
{
   text-align:center; 
}

.fa-white  
    {
        color:#fff;
    }
    ul.breadcrumb li a {
    color:#fff;
    font-size: 15px;
    font-weight:bold;
    padding-left:10px;
    padding-right:10px;
    }
    .breadcrumb {
       /* background-color: #C0583C; */
       background-color:#CD4C29;
        border-radius: 0px;
     }
     .breadcrumb>li+li:before {
         padding: 0 0px; 
     }
.btn { border-width: 0px; padding: 7px 14px; font-size: 16px; outline: medium none ! important; box-shadow: none ! important; border-radius: 20px ! important; text-shadow: none; }

.ribbon-content
{
    font-size:17px;
}
#undergraduate_table th,#master_table th,#phd_table th,#sponsor_applicants_table th,#students_table th
{
    font-size:17px;
}
#student_invoices_table th,.student_payments th,student_account th
{
    font-size:17px;
}
[class^="fa-"],[class*=" fa-"] { display: inline-block; margin-top: 1px; font-size: 14px; line-height: 24px; }

.login
{
    font-size:16px;
}
.arabic-bold
{
    font-weight:bold;
}
.arabic-panel-title
{
    font-size:50px;
}
.arabic-applicant-table,.arabic-select-student-table,.arabic-student-details
{
    font-size:16px;
}
.test
{
    font-size:26px;
}
.arabic-logout
{
    font-size:17px;
    color:white;
    font-weight: bold;
}
</style>