@charset "utf-8";
/* CSS Document */
/* Style the list  Gaurav*/
ul.breadcrumb {
  padding: 10px 16px;
  list-style: none;
  background-color: #eee;
  text-align:left;
}

/* Display list items side by side */
ul.breadcrumb li {
  display: inline;
  font-size: 14px;
}

/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before {
  padding: 8px;
  color: black; 
  content:"\00bb";
}

/* Add a color to all links inside the list */
ul.breadcrumb li a {
  color: #0275d8;
  text-decoration: none;
}

/* Add a color on mouse-over */
ul.breadcrumb li a:hover {
  color: #01447e;
  text-decoration: underline;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px){
	
	.f-m{
		padding-left:15px;
	}
	
	
}
.author_sidebar {
    border: 1px solid #b5b3b3;
    background-color: #f4f4f4;
    line-height: 20px; 
	width: 200px;
}

.author_sidebar_name {
    color:#000;
    text-align: left;
    padding: 5px;
    line-height: 20px;
    font-size: 15px;
    text-decoration: none;
}

.author_sidebar_name a{
    text-decoration: none;
	color:#000;
}

.author_image_div{
    float: left; 
    width: 150px;  
    margin: 6px 6px 3px 4px;   
    /*border: 2px solid grey;*/
    max-width: 50%;
}

.author_image{
    width: 100%; 
    height: auto;
    border: 1px solid grey;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px)
{
	.sp7{
		width:100%;
	}
	
}
.clearfix::after { clear: both; content: "."; display: block;font-size: 0;height: 0;visibility: hidden;}

#navbar {padding-bottom: 10px;}
#navbar ul.navTop {float: left;list-style: outside none none;margin: 0;padding: 0;width: 100%;}
#navbar > ul.navTop > li:first-child {border-left: medium none;}
#navbar ul.navTop li.navTopList {float: left;list-style: outside none none;width: 195px;}
a img, *:link img, *:visited img {border: 0 none;}
#navbar ul.navTop li a.topNav:link, #navbar ul.navTop li a.topNav:visited, #navbar ul.navTop li a.topNav:active, #navbar ul.navTop li a.topNav:hover { color: #ffffff;display: block;font-size: 13px;font-weight: 600;padding: 10px 0;text-align: center;text-decoration: none;width: 190px;}

#wapper{ width:980px; height:auto;margin:0 auto;color:#000000; font-family:ebrima;}

#button{float:left;height:70px; width:180px; background-color:#B32F2F; color:#FFFFFF;margin-left:20px; border-radius:10px;}

#button1{float:right;height:70px; width:180px; background-color:#B32F2F; color:#FFFFFF;margin-right:20px; border-radius:10px;}

#head{color: #000000; font-size:20px; font-weight:bold;}

#head2{font-size:16px; color:#000000; font-weight:bold;}

#head4{font-size:16px; color:white; font-weight:bold;}

#mobileonly {display:none;}



.head3{color: #000000; font-size:18px; font-weight:bold;}

.sp1{border: #283259 solid 3px; width:980px; height:auto;float:left;}

.sp2{width:auto; background-color:#283259; height:140px; padding:10px 5px;  font-size:11px; color:#069; }

.sp3{float:left; width:auto; vertical-align:top;  padding-top:20px; }

.sp3 a{text-decoration:none;}

.sp4{float:left;  width:auto; height:auto;margin-right: -5px;}

.sp5{ padding:5px; height:100px;; background-color:#F1F1F1; float:left;width:99%;}

.sp6{float:left;margin-top:10px;margin-left:10px;width:160px; height:auto; }

.sp7{
 float: left;
    font-size: 17px;
    margin-left: 0px;
    width: 464px;
    padding: 10px;
    color: #666;
    margin-top: 10px;
}

.sp8{text-decoration:none;padding:10px;  color:#000000; font-size:16px;clear:both;text-align:justify;}

.sp9{clear:both; color:#000000;}

.sp9 a{text-decoration:none;}

.sp10{clear:both; color:#000000; font-size:12px;padding:10px;} 

.sp11{float:right;margin-top:10px;margin-right:10px;margin-left:10px;width:auto; height:auto;padding-top:15px;}

.sp12{float:left; font-size:12px; height:auto; width:299px; color:#666; padding-left:5px;}

.sp12 a{color: #000000; text-decoration:none; }

.sp13{ margin-top:10px; width:980px; padding:10px; height:auto; float:left;}

.sp14{text-decoration:none;font-size:10px;padding:5px;}

.sp15{text-decoration:none;font-size:14px;padding:5px; color:#000000; background-color:#FFCC00;}

.sp16{ background-color:#FFCC00; padding:10px;}

.sp17{}

.sp18{padding-left:20px; }

.sp19{float:left; line-height:24px;font-size:15px; }

.sp20{float:right;line-height:24px;font-size:15px;}

.sp22{float:left; width:475px; padding-left:10px; margin-top:10px;}

.sp23{float:right; width:475px; padding-right:10px; margin-top:10px;}

.sp24{background: rgba(0, 0, 0, 0) url("https://www.examresults.net/css/images/subdomains_button.png") no-repeat scroll 0 0; color: white;font-size: 16px;height: 40px;padding-top: 7px;text-decoration: none;width: 220px;margin:15px;text-align:center;}
 

.sp25{background: rgba(0, 0, 0, 0) url("https://www.examresults.net/css/images/subdomains_button.png") no-repeat scroll 0 0; color: white;font-size: 16px;height: 40px;padding-top: 7px;text-decoration: none;width: 220px;margin:15px;text-align:center;}

.sp26{width:auto; height:auto;padding: 10px;}

.sp27{background-color:#283259;font-size:16px; color: #EEEEEE; padding:4px;}
.sp27 br{display:none;}
.sp28{ font-size:16px; color: white; padding:20px; background-color:#283259; }

.sp29{font-size:14px; color:#000000;text-align:center;}

.sp30{color:#283259;}

.sp31{color:#000000; border:#283259 solid 3px; font-size:14px;}

.sp32{ background-color:#D6EAF4; }

.sp33{color:#B7DFE1; text-decoration:none; border:#283259 solid 2px;}

.sp33 a{text-decoration:none;color: #000000;}

.sp34{font-size:15px; text-decoration:none; color:#283259;}

.sp35 {color:#000000; padding:10px;}

.sp36{background-color:#46589d;}

.sp37{background-color:#d1d6ea;}

.sp38{font-size:20px !important;font-weight:bold;}

.sp50{font-size:13px;width:450px;color:#000000;}

.sp51 {font-size:12px; color:black;}

.sp52 {font-size:14px; border:1px solid #283259; color:black; height:150px; overflow:auto;}

.sp90 {width:80%}

.spResultLeft{width:48%;float:left;}
.spResultRight{width:48%;float:right;}
.spInterMob{color: #ffffff;font-weight: bold;background-color: #283259;padding: 5px 5px;font-size: 14px;border-radius: 4px;}

.qnaCardBlk{font-style: italic;}
.qnaBlk .blockHeading{border-bottom: 1px solid #f2f2f2; margin-bottom: 15px; padding-bottom: 10px;font-weight: bold;}
.qnaBlk {border: solid 1px #e5e5e5; padding: 10px 20px;}
.qnaBlk:not(:first-child) {margin-top: 20px;}
/*-------------Mobile CSS-------------------------*/

#mwapper{ width:auto;height:auto;margin:0 auto;color:#000000; font-family:ebrima;}

.mtopad{ padding:5px; margin-top:5px;  background-color:#F1F1F1; }

.mtop2{ padding:5px; margin-top:5px;  background-color:#F1F1F1; }

.mform{ padding:20px; }



.mbutton{background: rgba(0, 0, 0, 0) url("images/subdomains_button.png") no-repeat scroll 0 0; color: #000000;font-size: 16px;height: 40px;text-decoration:none;  width: 220px; padding-top:7px;}

.msp1{padding:20px;text-decoration:none;}

.msp2{padding:10px; background-color:#283259;}

.msp3{padding:20px;}

.msp4{padding:10px; font-size:15px;}

.msp5{padding:20px; font-size:10px;}

.msp6{ font-size:10px;}

.msp7{ padding:5px;}

.msp8{ padding:5%; background-color:#283259; width:90%; border-radius:10px; color:#EEEEEE;}

.msp9{color:#000000; font-size:12px;padding:10px;} 

.msp10{text-decoration:none;}

.msp11{ padding:5%; width:90%; border-radius:10px;}



#mhead1{ font-size:20px; padding:10px;}

#mhead2{font-size:17px;}
.sp60 {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: #283259;
		color:White;
		font-size:14px;
        white-space: nowrap;
        height: 50px;
        box-sizing: border-box;
        padding: 10px;
        box-shadow: 0px 3px 6px rgba(0,0,0,0.16),0px 3px 6px rgba(0,0,0,0.23);      
      }
   
	  /* Popup container - can be anything you want */
.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* The actual popup */
.popup .popuptext {
    visibility: hidden;
    width: 303px;
	height:447px;
    background-color: #d8d8d8;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 40px;
    left: 40%;
    margin-left: -125px;
	
}

/* Popup arrow */
.popup .popuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 75%;
    margin-left: -100px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;} 
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}
.dropbtn {
    background-color: #283259;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.dropbtn:hover, .dropbtn:focus {
    background-color: #283259;
}

.dropdown {
    float: right;
    position: relative;
    display: inline-block;
    
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    right: 0;
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown a:hover {background-color: #f1f1f1}

.show {display:block;}
}
.navbar {width:102%;background-color:#3C4A86;clear:both;}
.navcell {background-color:#3C4A86;width:18%;float:left;color:white;text-align:center;font-size:14px;height:30px;padding:5px;}
.navcell3 {background-color:#3C4A86;width:18.89%;float:left;color:white;text-align:center;font-size:14px;height:30px;padding:5px;}
.navcell1 {background-color:#3C4A86;width:25%;float:left;color:white;text-align:center;font-size:14px;height:30px;padding:5px;}
.navcell2 {background-color:#3C4A86;width:15%;float:left;color:white;text-align:center;font-size:14px;height:30px;padding:5px;}
 
 .navbar a{text-decoration:none;color:white;}

#Gra_add{z-index:1000!important;}
#Fedd_add{z-index:1001!important;}
#Feed_Content_add{ position:fixed!important; z-index:1001!important; }
#Feed_Content_add iframe {width:100%!important;  text-align:center!important;}
/*----------------------------------------------Responsive------------------------------------------------------*/


@media screen and (max-width:670px) {
html, body { font-family: ebrima;font-size: 18px;line-height: 20px;margin: 0;max-width: 100%;overflow-x: hidden;line-height:1.8em; font-display: swap;}
#hidemobile {display: none;}
#hidedesktop {display:none;}
#mobileonly {display:block;}
#qsOpenFrame {display:none;}
/*#Feed_Content_add,#Feed_Content_add1{display:none;}
#Gra_add,#Gra_add1 {display:none !important;}*/
#Feed_Content_add1{display:none;}
#Gra_add1 {display:none !important;}
#wapper{width:100%;margin:0px;}
#head {font-size:20px; text-align:center; font-weight:bold;}
.sp1 {width:100%;border:none;}
.sp2 {width:100%;padding:0px;height:90px; margin-top:-32px; position:fixed; z-index:1; }
.sp3 {max-width:250px;max-height:55px;padding-left:30px;line-height:1.2em;}
#mainDiv {width:100%;}
.sp7 {width:100%;}
 .sp90 {width:80%}
.sp24 {float:left; margin-left:102px!important; margin-right:79px!important; font-size:16px;  clear:both; padding-top: 3px!important; padding-bottom: 3px!important; }
.sp25 { margin-left:82px!important; margin-right:79px!important; font-size:16px;clear: both; padding-top: 3px!important; padding-bottom: 3px!important;}
.sp8 {float:left; width:94% }
.sp13{width:100%;padding:0px;}
.sp40{width:100%;background-color:#f1f1f1;height:90px;}
.sp29{font-size:14px;}
.sp14{display: none;}

.sp4{display: none;}
.sp5{ padding:5px; margin-top:57px;height:60px;; background-color:#F1F1F1; float:left; }

.sp6 {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
width: 100%;
display:block;
display: none;
}
.sp7 {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
width: 100%;
display:block;
margin: 0px;
padding:0px;
}
.sp11 {
-webkit-box-ordinal-group: 3;
-moz-box-ordinal-group: 3;
-ms-flex-order: 3;
-webkit-order: 3;
order: 3;
width: 100%;
margin:0px;
display:block;
}
}
/*@media only screen and (min-width:541px) and (max-width:767px){
#Feed_Content_add{ width:70% !important;  }
}	
@media only screen and (min-width:320px) and (max-width:540px){
#Feed_Content_add{ width:96% !important;transform:translate(-50%,-10%)!important; top:10%!important;  }
}*/

/*-------------News Section-------------------*/
.newssp8 {
    color: #666;
    float: left;
    font-size: 17px;
    margin-top: 10px;
    padding: 10px;
    width: 635px;
}
.newssp15 {
    border-bottom: 1px solid #efefef;
    float: left;
    margin: 20px 10px 10px;
    width: 100%;
}
.newssp16 {
    background-image: url("https://www.examresults.net/images/board_icon.png");
    background-repeat: no-repeat;
    float: left;
    height: 50px;
    width: 50px;
}
.newssp18 {
    color: #283259;
    float: left;
    font-size: 16px;
    font-weight: bold;
    margin-left: 10px;
}
.newsdyndata {
    border: 1px solid #d7d7d7;
    float: left;
    height: 800px;
    overflow: auto;
    text-align: left;
    width: 640px;
}
.newsrow1 {
    background-color: #ffffff;
    border-bottom: 1px dotted #c1c1c1;
    color: #444444;
    font-size: 12px;
    height: auto;
    padding: 6px;
    text-align: left;
    width: 98%;
}
.newsrow a, .newsrow1 a {
    color: #006cd8;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
}

/*-------------Bookmark Section-------------------*/


#bookmark-this {
  padding: 5px 10px;
  font-size: 14px;
  background:  #ec971f;
  color: #000000;
  border: 1px solid  #d58512;
  border-radius: 4px;
  text-decoration: none;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  position: relative;
    
    animation: mymove 5s;
}

#bookmark-this:hover {
  background: #ec971f;
  border: 1px solid #d58512;
  text-decoration: none;
}

#bookmark-this:active {
  border: 1px solid #d58512;
  -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2);
  background: #ec971f;
}

/* Pop up Css for student passes*/
.popupPass-body{width:600px;height:450px;border:1px solid black;}
.popupPass-headline{height:80px;background:#283259;text-align:center;}
.popupPass-headerText{color:#ffffff;font-size:36px;font-weight:bold;}
.popupPass-headerTextMsg{color:#ffffff;font-size:24px;}
.popupPass-bodyTag{padding:10px;}
.popupPass-bodyLeft{float:left;width:200px;}
.popupPass-bodyLeftAds{width:200px;height:100px;margin:5px;float:left;border:1px solid black;}
.popupPass-bodyRightForm{float:right;width:350px;}

@media screen and (max-width:670px) {
.popupPass-headline{height:50px;}
.popupPass-body{height: auto;border: none;}
.popupPass-headerText{font-size:22px;line-height: 1.2em;}
.popupPass-headerTextMsg{font-size:16px;}
.popupPass-bodyLeft{float: none;}
.popupPass-bodyRightForm{float: none;}
}

/* Safari 4.0 - 8.0 
@-webkit-keyframes mymove {
    from {right: -200px;}
    to {left: 0px;}
}

@keyframes mymove {
    from {left: -200px;}
    to {left: 0px;}
}*/

.btn_cls_custom {
	background-color: #354176; 
	border-radius: 10px; 
	border: 1px solid #354176;
	color: white;
	font-size: 16px;
	height: 46px;
	padding-top: 7px;
	text-decoration: none;
	margin: 15px;
	text-align: center; 
	font-weight: bold; 
	font-family: ebrima; 
	line-height: 31px;
}