<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:0px;
}

.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: justify;
	/*direction:rtl;*/
	padding-left:93px;
	margin-left:1px;
	margin-right:1px;
}

.container {
    width: auto !important;
}

.nav > li > a {
     color: white;
    font-size:larger;
   padding-left: 21px;
    padding-right: 5px;
    font-weight:bold;
    font-size: 14px;
    
}

.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: white; */
text-decoration: none;
}

.shape 
{
	/*background-image:url('../../Content/Images/background-red.png');*/
	background-color: white;
	box-shadow: 1px 0px 5px; 
/*	border-radius: 10px;  */
	background-size: cover;
	/border-radius: 35px;
}

body {
	background:url('../../Content/Images/bg.jpg');
	background-repeat: no-repeat;
	background-size: cover;/*add*/
	height: 100% !important;
	min-height:100% !important;
	border-radius: 10px;
	/margin-left:2%;
	/margin-right:2%;
	width: 87%;
    margin: auto;
	
/*	font-family: 'Roboto', sans-serif; */
	
}

td {
	padding: 6.5px;
}

.center-table
{
  margin:0 auto;
  width: auto;
}


/* 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 0;
}

#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: #7779;
  opacity: .6;
  filter: alpha(opacity=30);    
  margin-left: -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;
}
 
.ch-grid1:after {
    clear: both;
}

.ch-grid1 li {
    width: 100px;
    height: 100px;
    display: inline-block;
    margin-right: 10px;
    margin-left: -35px;
}

.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);
}
 
.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:left !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;
  
}
div.contact-us-ribbon {
    width:200px;
    height:41px;
    color:#fff;
    overflow:hidden;
    font-size:21px;
    margin-top:-15px;
}
div.apply-for-student-ribbon {
    width:230px;
    height:41px;
    color:#fff;
    overflow:hidden;
    font-size:21px;
    margin-top:-15px;
}
div.sponsor-applicants-ribbon {
    width:320px;
    height:41px;
    color:#fff;
    overflow:hidden;
    font-size:21px;
    margin-top:-15px;
}
div.sponsor-selected-students-ribbon {
    width:260px;
    height:41px;
    color:#fff;
    overflow:hidden;
    font-size:21px;
    margin-top:-15px;
}
div.sponsor-selected-students-details-ribbon {
    width:200px;
    height:41px;
    color:#fff;
    overflow:hidden;
    font-size:21px;
    margin-top:-15px;
}

/*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-left: 178px;
    margin-top: -17px;
}  Has been moved to the academic index page since it clashes with the tooltip in the thesisProposal*/

div.top2 {
    width:200px;
    height:150px;
    background:red;
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    margin-left: 478px;
    margin-top: -50px;
}

/* 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 */

/* flash panel style  Added By Marwan*/
/*.error {
	color: Red;
	font-weight: bold;
	font-size: 120%;
	border: 1px solid red;
	background: MistyRose;
	padding: 10px 30px 10px 30px;
	margin: 15px 15px 15px 15px;
} *

.error {
	color: Red;
	font-weight: bold;
	font-size: 120%;
	border: 1px solid red;
	background: MistyRose;
	padding: 10px 30px 10px 30px;
	margin: 15px 15px 15px 15px;
} 

.success {
	color: green;
	font-weight: bold;
	font-size: 120%;
	border: 1px solid green;
	background: #ddffdd;
	padding: 10px 30px 10px 30px;
	margin: 15px 15px 15px 15px;
}

/*.table-hover tbody tr:hover td {
    background: #d12900;
}*/
.note,note-danger
{
    margin: 15px 15px 15px 15px;
    padding: 10px 30px 10px 30px;
}
.note,note-info
{
    margin: 15px 15px 15px 15px;
    padding: 10px 30px 10px 30px;
}
/*this style is for note-info for the Register subjects from running courses page  */
.note,note-info2
{
     margin: 0 0 20px 0;
     padding: 10px 30px 10px 30px;
}

/*.error
{
  color: Red;
  font-weight: bold; 
  font-size: 110%;  
  margin: 0 0 20px 0;
  padding: 10px 30px 10px 30px;
  border-left: 5px solid #eee;
  background-color: #FAEAE6;
  border-color: #ed4e2a;
  margin: 15px 15px 15px 15px;
} */
/*.success
{
  color: green;
  font-weight: bold; 
  font-size: 110%;  
  margin: 0 0 20px 0;
  padding: 10px 30px 10px 30px;
  border-left: 5px solid #eee;
  background-color: #EBFCEE;
  border-color: #3cc051;
  margin: 15px 15px 15px 15px;
} */
.notice
{
  font-weight: bold; 
  font-size: 110%;  
  margin: 0 0 20px 0;
  padding: 10px 30px 10px 30px;
  border-left: 5px solid #eee;
  background-color: #FCF3E1;
  border-color: #fcb322;
  margin: 15px 15px 15px 15px;
}

/***
Notes
***/

/* Common styles for all types */
.note {
  margin: 0 0 20px 0;
  padding: 15px 30px 15px 15px;
  border-left: 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;
}

.note-warning {
  background-color: #FCF3E1;
  border-color: #fcb322;
}

.note-info {
  background-color: #E8F6FC;
  border-color: #57b5e3;
}
/*this style is for note-info for the Register subjects from running courses page  */
.note-info2 {
  background-color: #E8F6FC;
  border-color: #57b5e3;
  margin: 0 15px 20px 15px;
  padding: 20px 20px 10px 30px;
 
  
}

.note-success {
  background-color: #EBFCEE;
  border-color: #3cc051;
}

/*
Bootstrap Panel
***/

.panel {  
  -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
          box-shadow: none !important;
           border-radius: 0px; 
         
         
}
.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;
}

.accordion .accordion-toggle.accordion-toggle-styled {
  background: url("../image/accordion-plusminus.png") no-repeat;
  background-position: right -19px;
  margin-right: 15px;
}

.accordion .accordion-toggle.accordion-toggle-styled.collapsed {
  background-position: right 12px;
  active: fals;
}


.panel-group
{
    margin: 15px 15px 15px 15px;
}

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../../../Content/bootstrap/fonts/glyphicons-halflings-regular.eot');
  src: url('../../../Content/bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../../../Content/bootstrap/fonts/glyphicons-halflings-regular.woff') format('woff'), url('../../../Content/bootstrap/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../../../Content/bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}
/*.BackButtonMargin
{
     margin-left:220px;
}*/
panel col-md-3 {
    width:0;
}

div.subjectRegistrationStyleA
{
    width:270px;
    background:#9dc740
}
div.subjectRegistrationStyleB
{
    margin-left:246px;
}
div.FinanceStyleB
{
    margin-left:174px
}
div.FacultyStyleA
{
     width:240px;
}
div.FacultyStyleB
{
    margin-left:213px;
}
div.TimeTableA
{
     width: 185px;
}
div.TimeTableB
{
    margin-left: 159px
}

div.E-ResultAppealStyleA
{
    margin-bottom:20px;
}
div.WorkloadFormStyleA
{
    background:#a4cd1e;
    width:380px;
}
div.StudyProgressA
{
    width:230px;
}
div.StudyProgressB
{
      margin-left:205px;
}
div.AcademicCalendarStyleA
{
     width:270px;
}
div.AcademicCalendarStyleB
{
    margin-left:245px;
}
div.LearningMaterialStyleA
{
    width:260px;
}
div.LearningMaterialStyleB
{
    margin-left:235px;
}
div.ThesisProposalStyleA
{
    width:235px;
}
div.ThesisProposalStyleB
{
    margin-left:209px;
}
div.E-ResultAppealStyleA
{
    width:770px;
}
div.E-ResultAppealStyleB
{
    margin-left:745px;
}
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: left !important;
        width:auto;
        padding:0 10px;
        border-bottom:none;
        font-family: 'Playfair Display', serif;
        
}
h6
{
    font-family: 'Playfair Display', serif;
 
}

.textarea_rrf
{
            width: 515px;
            height:60px;
            padding: 1px;
}
.textarea
{
    width:1020px;
}


.form {
  padding: 0 !important;
}

/* 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: #B82F0E;
}
.btn-primary:hover
{
     background-color: #EF4836;
     border-color:#EF4836;
     
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary 
{
    background-color:#EF4836;
    text-decoration:none;
}


/* 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;
  right: -0.3em;
  top: -0.3em;
  float: right;
  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;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 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 15px 15px 50px;
  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,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}
#toast-container > .toast-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !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 8px 8px 50px;
    width: 11em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}

@media (max-width: 576px)  
{
    .img-whatsapp 
    {
        width: 8rem;
        top: 0.3rem;
        position: absolute;
        right: 0.5rem;
        z-index: 10;
    }
}


@media (min-width: 576px)  
{
    .img-whatsapp 
    {
        width: 10rem;
        top: 0.6rem;
        position: absolute;
        right: 4rem;
        z-index: 10;
    }
}


@media (min-width: 768px) 
{
    .img-whatsapp 
    {
        width: 14rem;
        top: 1rem;
        position: absolute;
        right: 6rem;
        z-index: 10;
    }
}

@media (min-width: 992px) 
{
    .img-whatsapp 
    {
        width: 16rem;
        top: 2rem;
        position: absolute;
        right: 7rem;
        z-index: 10;
    }
}


@media (min-width: 1200px)
{
    .img-whatsapp 
    {
        width: 20rem;
        top: 2rem;
        position: absolute;
        right: 9rem;
        z-index: 10;
    }
}

@media (min-width: 1600px)
{
    .img-whatsapp 
    {
        width: 22rem;
        top: 3rem;
        position: absolute;
        right: 12rem;
        z-index: 10;
    }
}

.toast { box-shadow: none ! important; }
.toast-error { background-color: rgb(189, 54, 47); }
.toast .toast-close-button { display: inline-block; margin-top: 0px; margin-right: 0px; text-indent: -100000px; width: 11px; height: 16px; background-repeat: no-repeat ! important; background-image: url("../../Content/img/portlet-remove-icon-white.png") ! important; }
/** End of the toaster notification **/



/* 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;
    display: table;
    height: 100%;
    width: 100%;
    margin-top: 1rem;
}

.wizard ul > li,
.tabcontrol ul > li
{
    display: block;
    padding: 0;
}


.wizard > .steps > ul > li,
.wizard > .actions > ul > li
{
    float: left;
    height: auto;
    width: auto;
}

.wizard > .content 
{   
    display:block;
    margin: 0.5em;
    overflow: hidden; 
    position: relative;
    -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   margin-top: 2rem;
}

.wizard > .content > .body
{
   
    position: absolute; 
  /*  position: relative ; */
    width: 100%;
    height: 95%;
    /padding: 1%; 

}

.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: right; */
  text-align:center;
    width: 100%;
  /*  margin-top:5%;
    margin-bottom:20px;  */
   
}


.wizard > .actions > ul
{
    display: inline-block;
    text-align: right;
     margin-bottom: 2rem;
}

.wizard > .actions > ul > li
{
    margin: 0 0.5em;
}


.wizard > .actions a,
.wizard > .actions a:hover,
.wizard > .actions a:active
{
	display:none;
    background: #d12900;
    color: #fff;
    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;
   /* display: block; */
    padding: 0.5em 1em;
    text-decoration: none;
    border:none;
    margin-top: -14px;

}

/* End of the new form wizard */


.wrapper
{
    font-size:15px;
    font-weight:500;
    line-height:25px;
    font-family:'Open Sans', sans-serif;
}

.wrapper2
{
    font-size:16px;
    font-weight:500;
}
.ef-wrapper
{
    font-size:14px;
    font-weight:bold;
    line-height:25px;
    font-family:-webkit-body, Times New Roman;
}
.gf_wrapper
{
    font-size:14px;
    font-weight:500;
    line-height:25px;
    font-family:'Open Sans', sans-serif;
}
.ef-td-wrapper
{
    font-size:13px;
    font-weight:bold;
}
.ef-td-heading
{
    font-size:13px;
    font-weight:bold;
}
.title
{
    font-size:15px;
    font-weight:700;
    line-height:20px;
    font-family:'Open Sans', sans-serif;
}
   
.stcf_select_box
{
    width:825px;
}

.wrapper3
{
    font-size:17px;
    font-weight:bold;
    line-height:25px;
     font-family:-webkit-body, Times New Roman;
}
.Proctor_wrapper
{
     font-size:14px;
    line-height:20px;
    font-family:'Open Sans', sans-serif;
}
.table.GFGridtable td 
{
	width: auto;
	border-width: 0px;
	padding: 1px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
	font-size:16px;
    font-weight:bold;
    line-height:25px;
    font-family:-webkit-body, Times New Roman;
}
.caption
{
       font-size:16px;
    font-weight:bold;
    font-family:-webkit-body;
}
.input
 {
    /*line-height:3px;*/
 }
 
/* 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:-5px;
}

/* 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-right:30px;
    color:White;
    font-size:110%;
    font-weight:bold;
    margin-bottom:-2px;
    margin-top:5px;
}
.exam
{
    text-align:center;
    margin-right:30px;
    color:White;
    font-size:110%;
    font-weight:bold;
    margin-bottom:-2px;
    margin-top:5px;
}
.quick-link
{
    text-align:center;
    margin-right:30px;
    color:White;
    font-size:110%;
    font-weight:bold;
    margin-bottom:-2px;
    margin-top:5px;
}
.english-td-title
{
     font-size:15px;
     font-weight:bold;
}
.personal_address
{
    margin-left:50px;
}


/***
Social Icons
***/

.social-icons:after,
.social-icons:before {  
  content: "";
  display: table;
}


.social-icons:after {    
  clear: both;
}

.social-icons {    
   margin-left:-23px;
}

.social-icons li {
  float:left;
  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(../Images/icons_collection/social/forum.png) no-repeat;}
.social-icons .iradio {background: url(../Images/icons_collection/social/iradio.png) no-repeat;}
.social-icons .mediutv {background: url(../Images/icons_collection/social/mediutv.png) no-repeat;}
.social-icons .liveradio {background: url(../Images/icons_collection/social/liveradio.png) no-repeat;}
.social-icons .facebook{background: url(../Images/icons_collection/social/facebook.png) no-repeat;}
.social-icons .twitter {background: url(../Images/icons_collection/social/twitter.png) no-repeat;}
.social-icons .youtube {background: url(../Images/icons_collection/social/youtube.png) no-repeat;}
.social-icons .instagram {background: url(../Images/icons_collection/social/instagram.png) no-repeat;}
.social-icons .googleplus {background: url(../Images/icons_collection/social/googleplus.png) no-repeat;}

/*------------------------------------ form-horizantal ------------------------------*/
.form-horizontal .control-label {
 text-align:LEFT;
 margin-left:5px;
}


/*-----------------------------------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;margin-top:0px;}
.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;} 
.itemContent{ font-size:16px}



    

/*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;}
.postgraduate-thesis > .postgraduate-thesis-step.complete > .progress > .progress-bar {width:100%;}
.postgraduate-thesis > .postgraduate-thesis-step.active > .progress > .progress-bar {width:50%;}
.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 {left: 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: 55px; height: 55px; 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: 12px; left: 14px; font-size:11px; font-weight:bold;
}
.final-report-step2
{
    position: absolute; top: 25px; left: 10px; font-size:11px; font-weight:bold;
}
.viva-step
{
    position: absolute; top: 17px; left: 7px; font-size:12px; font-weight:bold;letter-spacing:5px;
}
.graduation-step
{
    position: absolute; top: 17px; left: 1px; font-size:12px; font-weight:bold;letter-spacing: -0.1em;
}
/*END PostgraduateThesis Progress */
.track-submitted-forms-banner
{
    letter-spacing:-0.8px;
}

/* Login Page */
.login .content .input-icon { border-left: 2px solid #CD4C29 ! important; }


.pagination>li>a, .pagination>li>span {

/*line-height: 1.42857143; */
line-height:1.1;

}

.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 7px; font-size: 14px; outline: medium none ! important; box-shadow: none ! important; border-radius: 0px; text-shadow: none; }

[class^="fa-"],[class*=" fa-"] { display: inline-block; margin-top: 1px; font-size: 14px; line-height: 14px; }


.arabic-logout {
    color: white;
    font-size: 17px;
   /* font-weight: bold;*/
}

.navbar-right
{
    float: left !important;
    margin-right:-60px;
    display:block;
   /* padding-left:inherit;*/
}


.navbar-left
{
    float: left !important;
    margin-right:-60px;
    display:block;
   /* padding-left:inherit;*/
}
.accordion .accordion-toggle.accordion-toggle-styled.collapsed {
  background-position: right 12px;
  active: fals;
}

.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  /*margin-right: -15px;*/
  margin-left: 20px;
}



/* navbar ribbon */
/*change on 29 July 2015*/
.navbar-ribbon {
		 background: linear-gradient(to bottom,  #6D0707, #6D0707 50%,  #6D0707 50%,  #6D0707);*/
		/* background: linear-gradient(to bottom, #000000,#000000 50%, #000000 50%, #000000);*/
  	/*	 font-size:15px; */
  		 font-weight:bold;
		 border-radius: 0px;
         width: auto;
         margin-left: -14px;
         margin-right: -14px;
         position: relative;
         background-color: black;
      
         border: 0px solid #d4d4d4;
         color: #fff;
         text-align: center;
     /*    padding: 0.2em 0em 0.2em 0em;  */
        }

        .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: white;
		}

		.navbar-ribbon .navbar-toggle .icon-bar {
			background-color: white;
		}
	
/* 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-left: 178px;
            margin-top: -17px;
            
        }
		
		
/* end of navbar ribbon 1 */



/*add on 4 December 2015*/
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.btn-tab {
    color: #101010;
    text-shadow: none;
    background-color: #cec9c9;
    width: 100%;
    white-space:normal;
    margin : -2px;
    border-right: 1px solid grey !important;

}

.active
{
   background-color:#ef994f !important;
}

</style>

