html, body { 
  height:100%; 
  padding:0;
  margin:0;
}
/*body {
  margin: 0;
  background: #333;
  color:white;
  padding: 10px;
}*/
a {
  color:white;
}
* {
  /*font-family: 'Droid Sans', sans-serif;*/
}
h1 {
  margin-top: 5px;
}
h3 {
  font-size:30px;
  margin: 30px 0 10px 0;
}

.center {
    text-align: center;
}
.bgimage {
    text-align:right;
    color:white;
    background-size:cover;
    height: 100%;
    background-position: center center;
}

ul[rn-carousel] {
    width:700px;
    height:280px;
    margin: 0 auto;
}

.carousel5 li {
    width:100%;
    height:100%;
    font-size:30px;
    background-color: #ccc;
}

.carousel-demo {
    margin-top:20px;
    display:inline-block;
    text-align: center;
}
.carousel-demo-fullscreen {
  width:100%;
  height:100%;
}
.carousel-demo-fullscreen ul[rn-carousel] {
  width:100%;
  height:100%;
}

input.tiny {
    width:50px;
    text-align:center;
}


.carousel-demo ul[rn-carousel-transition="hexagon"] {
  margin-left:100px;
}

.custom-indicator span {
  transition: all 0.3s ease-in;
}
.custom-indicator span.active {
  color:yellow !important;
}


.top_icons{
	width:30px;
}

.headerClass4{
	background:#31afa3 !important;

}

.header_background{
	background:url(../images/list-exams-assets/header.jpg);
}

.h1, .h2, .h3,h1, h2, h3{
	margin: 15px 0;
}

.hello_margin{
	margin: 10px 5%;
}

.NoExamDiv,.timeoutDiv,.quizDiv{
	margin: 50px 0 0 0; width:500px; height:auto; padding:0;
}

.NoExam{
	padding:50px 10px; margin:0;
}

.timeoutDiv>div{
	padding:15px;

}

.timeoutDiv p{
	text-align:left;
	padding:0px;
	margin:0px;
}

.timeoutDiv img{
	margin-left:15px;
}

.TabVerticalClass{
	padding:0 !important;
}

#content2{
	margin-bottom:100px;
	/* height: 100%; */
}

.h4Style {
	margin:0;
	font-size:18px;
	padding:10px;
}

@media (max-width: 500px) {
.NoExamDiv,.timeoutDiv,.quizDiv{
	width:285px;
}
}

.bar{
	width:50%;
	margin:0;
}

@media (max-width: 1200px) {
.bar{	
		width:100%;
}
}


.bar span{
	margin:0px;
}

.bar h4{
	margin-left:10px;
	margin-right:10px;
	font-size: 1em !important;	
	display:inline;
}

@media (max-width: 627px) {
.bar h4{
	display:block;
}
}


.RunExam_buttons{
	text-align:right;
}

@media (max-width: 1200px) {
.RunExam_buttons{
		text-align:left;
}
}

md-radio-button .md-container,md-checkbox .md-container{
	position:absolute;
	margin:0 20px;
}

md-radio-button .md-label{
	margin-left:40px;
	margin-right:0px;
}

md-checkbox .md-label{
	margin-left:50px;
	margin-right:0px;
}

.md-label img{
	margin:0 20px;
	height:100px;
	/*width:100px;
	max-height:none !important;
	max-width:none !important;
	object-fit: cover;	*/
}

.quizMainDiv{
	width:100%;
	margin:0px; 
	padding:0px;
}
.RunExam_width{
	width:50%;
}
@media (max-width: 1200px) {
.RunExam_width{
	width:90%;
}
}

@media (max-width: 1200px) {
.md-raised.md-round-btn.md-button.md-ink-ripple{
	width:40px;
	min-width:58px;
}

.md-raised.md-round-btn.md-button.md-ink-ripple p{
	display:none;
}

.md-raised.md-round-btn.md-button.md-ink-ripple i{
	font-size:30px !important;
}

.FooterClass.ng-scope.layout-align-space-between-center.layout-row 	h4.ng-binding{
	font-size:17px;

}


}
/* login */
.login-page{
	background:url(../images/login_background.jpg);
	background-size:cover;
}

.login_logo{
	padding:20px;
}

.login_logo img{
	width:100px;
}

.login_icon{
	width:80px;	
}

.login_input{
    background: #fff;
    border-radius: 5px;
    border: none;
    padding: 10px;
    font-size: 15px;
    color: #000 !important;
	font-family:tahoma;		

}

.login_input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #808080;
	font-family:tahoma !important;
}

.login_input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #808080;
	font-family:tahoma !important;	

}

.login_input::-ms-input-placeholder { /* Microsoft Edge */
    color: #808080;
	font-family:tahoma !important;	

}

@media (max-width: 1200px) {
.login-page{
	background-size:cover;
}
.login_logo{
	padding:10px;
}
.login_logo img{
	width:90px;
}
.login_icon{
	width:50px;	
}

.login_input{
    padding: 5px;
    font-size: 13px;
}
	
}

@media (max-width: 800px) {
.login_logo img{
	width:75px;
}
}

@media (max-width: 500px) {
.login_logo img{
	width:50px;
}
}

/* Quistions bar */
.indexSidenavClass{
	/*M_H_A*/
	/*position:absolute;*/
	top: 28%;
	height: unset;

	width:25%;
	display:table !important;
	border:10px solid white;
	border-radius:20px;
}

@media only screen and (min-width: 1200px) {
	.indexSidenavClass{
		margin-top:-20px;
	}
}
@media only screen and (max-width: 1000px) and (min-width: 457px) {
	.indexSidenavClass{
		width:50%;
	}	
}

.md-whiteframe-z2.ng-scope.layout-row.flex{
	display: flex;
    flex: 1;
    min-height: 0px;
}

/* result page */
legend{
	border:none;
}


.result{
	width:90%;
}

.result .resClass6 ,.result .resClass5,.result .resClass7{
	margin:0px 10px;
}

.questionTextR{
	text-align:center;
}

.result .detailsClass{
	margin:auto;
	padding:0px 30px;
}

@media only screen and (max-width: 800px){
.result .questionTextC,.result .markText ,.result .answerType {
	font-size:12px !important;	
}

.result .resClass6 ,.result .resClass5,.result .resClass7{
	margin:0px 5px !important;
}

}
@media only screen and (max-width: 500px){
.result{
	width:100%;
}		
.result .questionTextC,.result .markText ,.result .answerType {
	font-size:11px !important;	
}	
}

.result .detailsClass .markText{
	font-size:18px !important;
}


/*fixing smurfing drawer M_H_A
.indexSidenavClass */


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