@font-face {
    font-family: Roboto;
    src: url("../fonts/roboto/Roboto-Regular.ttf");
}
*
{
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

input
{
-webkit-user-select: auto !important;
-khtml-user-select: auto !important;
-moz-user-select: auto !important;
-ms-user-select: auto !important;
user-select: auto !important;
}
html,body
{
width:100%;
height:100%;
font-family:Roboto;

	
}
::-webkit-scrollbar
{
	width:0px;
	
}
p
{
	margin-bottom:1.2rem!important;
	
}
.main
{
	width:100%;
	height:100%;
}
#loadingScreen
{
	position:fixed;
	left:46%;
	top:20%;
	
}
#bottomNav
{
	position:fixed;
	bottom:0px;
	width:100%;
	text-align:center;
	background:rgba(255,255,255,0.9);
	box-shadow: 0 -5px 5px -5px #333;
	height:55px;
	font-size:12px;
	z-index:100;
	
}

table { 
  width: 100%;
	 border: 1px solid #fff;
  border-collapse: collapse; 
  
}
td
{
	padding:5px;
	
}
/* Zebra striping */


.header
{
position:fixed;
padding:0;
padding-top:10px;
height:47px;
background:#fff;
z-index:100;
width:100%;
 box-shadow: 0 2px 2px -1px #ccc;
}

.header_left
{
	display:inline;
	padding-left:2px;
}
.header_left img
{
	height:2.8rem;
	text-align:left;
	
	
}

.header_right
{
	display:inline;
	text-align:right;
	padding-right:0px;
	
}
nav[role=navigation] li a
{
background:#fff;
color:#081164;

}

.home-icon
{
	font-size:22px!important;
	padding-top:3px!important;
	
}
a:hover
{
	text-decoration:none;
	background:none;
	border-style:none;
	color:#ccc;
	
}

#bottom_ad
{
	position:fixed;
	bottom:0px;
	width:100%;
	height:70px;
	z-index:103;
	display:none;
	
	
}

.show_answer
{
	
	color:#99ff66;
	text-shadow:2px 2px 2px #000;
	
	border-radius:3px;
	font-size:12px;
	
	
	
}
.modal-dialog
{
		height:100%;
		width:100%;
		margin:0;
		padding:0;
		
	 display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
	
}
.modal_button
{
	background:none;
	border:none;
	width:100%;
	padding:10px;
	
}
.modal-body div
{
margin:0;	
	
}
.slide_heading
{
	background:#935796!important;
	color:#fff;
	
}
.slide_question
{
	background:#5e7bb1!important;
	color:#fff;
	
}
.slide_answer
{
	background:#009270!important;
	color:#fff;
	
}
#answer
{
	border-radius:none;
	
	
}
#bottom_ad img
{
	width:100%;
	height:100%;
	display:none;
	
}
.markAsImp
{
	position:absolute;
	top:8px;
	right:15px;
	
	
}
.starMark
{
	
	color:#FFDF00;
	text-shadow:1px 1px 1px #111;
}
.logo a
{
	background-size:4.5em;
	height:2.8rem;
	width:10rem;
	
}
.logo a:hover
{
	text-decoration:none;
	
}


.button
{
	
	font-size:16px;
	
 


text-shadow:none!important;
	
	line-height:1.3em;
	padding:4%;
	
   
	
	width:100%;
	border-radius:5px;
	color: #000;
	font-weight:bolder;
	
	margin-bottom:1%;
	box-shadow:2px 2px 2px #ccc;
	background:rgb(51, 153, 255);
	
	
}
.button:hover, button[type="submit"]:hover, input[type="submit"]:hover {
	background-color: #ccc; 
}
.button div
{
	
	
	vertical-align:middle!important;
}
.slide-top
{
	
	padding:10px;
	
	
	 
	
}
#navigation a:hover
{
	text-decoration:none;
	
}
.button .card-img
{
	height:20%;
	width:20%;
	padding-top:2%;
	
}

#pageNumber
{
height:37px;
width:60px;
color:#000;
}
#findText
{
	color:#000;
	width:80%;
	height:30px;
	
}
.pgForm
{
	text-align:center;
	
border:aliceblue;
border-width:2px;
border-style:solid;
border-color:#000;
border-radius:5px;

	
}
#subjectNameDisplay
{
	color:#fff;
	text-align:center;
	position:absolute;
	top:70px;
	font-size:16px;
	width:100%;
	
	
	
}
#networkStatus div
{
	position:absolute;
	z-index:104;
	top:48px;
	padding:5px;
	text-align:center;
	width:100%;
	color:#fff;
	background:rgba(0,0,0,0.7);
	display:none;
	border-radius:5px;
	
}
#reportStatus div
{
	position:absolute;
	z-index:104;
	top:48px;
	padding:5px;
	text-align:center;
	width:100%;
	color:#fff;
	background:rgba(0,0,0,0.7);
	display:none;
	border-radius:5px;
	
}

#subjectNameSlide
{
	color:#fff;
	text-align:center;
	position:fixed;
	bottom:130px;
	font-size:16px;
	opacity:0.1;
	width:100%;
	z-index:10;
	
	
	
}
.sidenavCover
{
position: fixed;
z-index: 105;
height:100%;
width:100%;	
display:none;
}
.sidenav {
   
    width: 150px;
    position: fixed;
    z-index: 106;
    top: 5px;
    right: 5px;
	display:none;
    background-color: #fff;
    overflow-x: hidden;
    
    
	text-align:left;
	box-shadow: 0 0 2px #333;
	border-radius:3px;
	
	
	
	
	
	
}
.sidenav .row .col-xs-6:hover {
	background:#ccc;
	
}
.sidenav i
{
	
		font-size:16px;
	
}
.sidenavAni1
{
	display:block;	
	 
	  transition: all 0.3s ease-in-out 0s

	
}
.sidenavAni2
{
	
	
}
.sideNavBtn
{
	padding:10px 5px 17px 7px;
	
}
.sideNavBtn img
{
		margin-bottom:-5px;
	
}
.sideNavBtn:hover
{
	background:#ccc;
	
}
.sidenav .list-group-item
{
	border:none;
	background:rgba(253,252,255,1);
	
	
}
.sidenav .list-group-item:hover
{
	background:#ccc;
	
	
}
.sidenav ul li
{
	margin:0%;
	
}
.refreshBtn
{
	color:#555;
	font-size:22px;
	padding:5px 4px 5px 8px;
	margin-top:10px;
	
	
}

	
	
	
	
		
	


.refreshBtn:hover
{
	background:#ccc;
	
}
.swiper-ads 
{
	height:117px;
	top:10%;
	
	
}
.swiper-ads div div img
{
	width:100%;
	height:100%;
	
}

.sidenav a {
   
    text-decoration: none;
    font-size: 14px;
    color: #000;
    display: inline;
    
}

.sidenav a:hover, .offcanvas a:focus{
    
	text-decoration:none;
	
}


ul li
{
	margin-right:2%;
	margin-left:2%;
	
	
}

.swiper-in-wrapper{
	
	padding:10px 0px;
}
.swiper-in-wrapper a
{
	border-radius:3px;
	background:rgb(134,94,217);
	color:#fff;
	
	padding:5px;
	
	font-size:14px;
	height:69px;
	
	text-align: center;
	 /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;

	
	
}
#recentlyViewed a
{
	border-radius:3px;
	background:rgb(134,94,217);
	color:#fff;
	
	padding:5px;
	
	font-size:14px;
	height:90px;
	
	text-align: center;
	 /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;

	
	
}
#recents_text
{
	padding:5px;
	
}
#swiper2 .swiper-slide
{
	background:rgb(24,188,76);
	
}

#swiper3 .swiper-slide
{
	background:rgb(204,46,123);
	
	
}
#swiper4 .swiper-slide
{
	background:rgb(255,152,0);
	
	
}
#swiper5 .swiper-slide
{
	background:rgb(14,109,219);
	
	
}
#swiper6 .swiper-slide
{
	background:rgb(245,81,68);
	
	
}
#swiper7 .swiper-slide
{
	background:rgb(0,150,136);
	
	
}

#bottomNav a
{
	color:#999;
	
	padding:0px;
	
	
}
.favDelete
{
	
	position:absolute;
	top:8px;
	right:15px;
	font-size:20px;
	
	
}
.btmNavAct
{
	
	color:rgb(19,48,145)!important;
	font-size:14px;
}


.list-group
{
	opacity:1;
	
}

.starQ div
{
	color:#fff;
	
	border-radius:5px;
	
	margin:2px 0px;
	padding:10px 5px;
	background:rgba(255,255,255,0.1);
	z-index:101;
}
.recentContent div
{
	
	color:#fff;
	
	border-radius:5px;
	
	margin:2px 0px;
	padding:10px 5px;
	background:rgba(0,0,0,0.9);
}
.swiper-next
{
	position:fixed;
	top:45%;
	right:0px;
	z-index:101;
	color:#fff;
	opacity:0.3;
	padding:20px;
	font-size:24px;
	
}
.swiper-prev
{
	position:fixed;
	top:45%;
	left:0px;
	z-index:101;
	color:#fff;
	opacity:0.3;
	padding:20px;
	font-size:24px;
	
}
.watermark-img
{
	
	
	
	color:#000;
	
	font-size:10px;
	z-index:-1;
	
	
}
#swiperContent img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
.watermark-img img
{
	z-index:-1;
	width:13px!important;
	
	
}
.favbutton
{
	
	text-align:center;
	/* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
		border-radius:5px;
	box-shadow:2px 2px 2px #ccc;
	color:#000;
	padding:5px;
	margin-bottom:5px;
	background:rgb(255,152,0);
}
#favourites
{
	overflow:scroll;
	
}
.favbutton a
{
	color:#000;
	
	
}
#analysis
{
	background-image:url("../img/piechart.png");
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center;
	
	
}

#level2_title
{
	position:relative;
	background:#6699ff;
	color:#fff;
	font-size:18px;
	padding:10px 0px;
	top:150px;
}
#level3_title
{
	position:relative;
	background:#cc66ff;
	color:#fff;
	font-size:18px;
	padding:10px 0px;
	top:150px;
}

#searchFilters select
{
	margin-left:-30px;
	height:45px;
	width:200%;
	border-color:#ccc;
	box-shadow: 0 5px 7px 0px #ccc;
	
}

#search_btn
{
	
	border-style:solid;
	border-color:#ccc;
	border-radius:0px;
	
}
#mainSlider
{
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:100;
	width:100%;
	padding:0px 10px;
}
#level4
{
	padding:0px 15px;
	
}
/**
   Coded by /u/j0be in scss.
   See scss source here -> https://codepen.io/j0be/pen/MKRVyN
*/

.spinner { animation: rotator 1.4s linear infinite; } @keyframes rotator { 0% { transform: rotate(0deg); } 100% { transform: rotate(270deg); } } .path { stroke-dasharray: 187; stroke-dashoffset: 0; transform-origin: center; animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite; } @keyframes colors { 0% { stroke: #4285F4; } 25% { stroke: #DE3E35; } 50% { stroke: #F7C223; } 75% { stroke: #1B9A59; } 100% { stroke: #4285F4; } } @keyframes dash { 0% { stroke-dashoffset: 187; } 50% { stroke-dashoffset: 46.75; transform: rotate(135deg); } 100% { stroke-dashoffset: 187; transform: rotate(450deg); } } 

.ripple {
  width: 0;
  height: 0;
  border-radius: 85%;
  background: rgba(200, 200, 200, 0.5);
  transform: scale(0);
  position: absolute;
  opacity: 1;
}
.rippleEffect {
    animation: rippleDrop .4s linear;
}

@keyframes rippleDrop {
  90%{
	  transform: scale(1.2);
    
	  
  }
  100% {
    opacity: 0;
  }
}

#searchInput {
     /* Add a search icon to input */
    background-position: 10px 12px; /* Position the search icon */
    background-repeat: no-repeat; /* Do not repeat the icon image */
    width: 100%; /* Full-width */
    font-size: 16px; /* Increase font-size */
    padding: 12px 20px 12px 40px; /* Add some padding */
    border: 1px solid #ddd; /* Add a grey border */
    margin-bottom: 12px; /* Add some space below the input */
	border-radius:0px;
	box-shadow: 0 5px 7px 0px #ccc;
}
.searchInDiv
{
	
	position:fixed;
	width:100%;
	
	
}

#sec4
{
	height:75vh;
	overflow:scroll;
	
}
#level1,#level2,#level3
{
	
	
	margin-top:30vh;
	height:55vh;
	overflow-y:scroll;
	
}
#searchList {
    /* Remove default list styling */
    list-style-type: none;
    padding: 0;
    margin: 0;
	margin-top:50px;
	height:76vh;
	overflow:scroll;

}

#searchList li a {
    border: 1px solid #ddd; /* Add a border to all links */
    margin-top: -1px; /* Prevent double borders */
    background-color: #f6f6f6; /* Grey background color */
    padding: 12px; /* Add some padding */
    text-decoration: none; /* Remove default text underline */
    font-size: 14px; /* Increase the font-size */
    color: black; /* Add a black text color */
    display: block; /* Make it into a block element to fill the whole list */
}

#searchList li a.header {
    background-color: #e2e2e2; /* Add a darker background color for headers */
    cursor: default; /* Change cursor style */
}

#searchList li a:hover:not(.header) {
    background-color: #eee; /* Add a hover effect to all links, except for headers */
}
#searchList li:nth-child(odd) a
{
	 background-color: #cce6ff;
	
}
input[type=range] {
  height: 20px;
  -webkit-appearance: none;
  width: 100%;
  border:none;
  background:none;
  
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000;
  background: #2497E3;
  border-radius: 1px;
  border: 0px solid #000000;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px #000000;
  border: 1px solid #2497E3;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -7px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #2497E3;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000;
  background: #2497E3;
  border-radius: 1px;
  border: 0px solid #000000;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 0px #000000;
  border: 1px solid #2497E3;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #fff;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #2497E3;
  border: 0px solid #000000;
  border-radius: 2px;
  box-shadow: 0px 0px 0px #000000;
}
input[type=range]::-ms-fill-upper {
  background: #2497E3;
  border: 0px solid #000000;
  border-radius: 2px;
  box-shadow: 0px 0px 0px #000000;
}
input[type=range]::-ms-thumb {
  margin-top: 1px;
  box-shadow: 0px 0px 0px #000000;
  border: 1px solid #2497E3;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #fff;
  cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
  background: #2497E3;
}
input[type=range]:focus::-ms-fill-upper {
  background: #2497E3;
}
   .slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  display:block;
  }
  @-webkit-keyframes slideInDown {
  0% {
 -webkit-transform: translate(100%,-100%);
  transform: translate(100%,-100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translate(0,0);
  transform: translate(0,0);
  }
  }
  @keyframes slideInDown {
  0% {
  -webkit-transform: translate(100%,-100%);
  transform: translate(100%,-100%);
  visibility: visible;
  }
  
  100% {
  -webkit-transform: translate(0,0);
  transform: translate(0,0);
  }
  } 
  .zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes zoomIn {
  0% {
  opacity: 0;
  -webkit-transform: scale3d(.3, .3, .3);
  transform: scale3d(.3, .3, .3) ;
  }
  50% {
  opacity: 1;
  }
  }
  @keyframes zoomIn {
  0% {
  opacity: 0;
  -webkit-transform: scale3d(.3, .3, .3);
  transform: scale3d(.7, .7, .7) translateX(-1000px);
  }
  50% {
  opacity: 1;
  }
  } 
  
  .zoomInX {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
  -webkit-animation-duration: .15s;
  animation-duration: .15s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  display:block;
  }
  @-webkit-keyframes zoomIn {
  0% {
  opacity: 0;
  -webkit-transform: scale3d(.7, .7, .7);
  transform: scale3d(.7, .7, .7) translate(50px,-50px);
  }
  50% {
  opacity: 1;
  }
  }
  
  
  @keyframes zoomIn {
  0% {
  opacity: 0;
  -webkit-transform: scale3d(.7, .7, .7);
  transform: scale3d(.7, .7, .7) translate(50px,-50px);
  }
  
  
  50% {
  opacity: 1;
  }
  } 
  
  
  .slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes slideInRight {
  0% {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  }
  }
  @keyframes slideInRight {
  0% {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  }
  } 
  .fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  
  }
  @-webkit-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
  }
  @keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
  } 
   .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
  }
  @keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
  } 
  
   .fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes fadeOutLeft {
  0% {
  opacity: 1;
  }
  100% {
  opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  }
  }
  @keyframes fadeOutLeft {
  0% {
  opacity: 1;
  }
  100% {
  opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  }
  }
 .fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes fadeInUp {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }
  @keyframes fadeInUp {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  } 
   .slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes slideInUp {
  0% {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  }
  }
  @keyframes slideInUp {
  0% {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  }
  } 

@media (min-width:1025px) { 
/* big landscape tablets, laptops, and desktops */ 
body
{
	
	
}
}