EVOLUTION-NINJA

Edit File: mock_test.css

html, body {
	margin:0 !important;
	padding:0 !important;
	color: #3b3b3b !important;
	/*background:#efefec;*/
	/*overflow-x:hidden !important;	*/
	/*font-family: 'Lato', sans-serif !important;	*/
	    font-family: 'Open Sans', sans-serif !important;
}
span, label, h1, h2, h3, h4, h5, h6, p, ul{
	margin:0 auto;
	padding:0;
}
.row{margin:0 !important;}
.clr {clear:both;}	
.scrollup {
    width: 70px;
    height: 70px;
    position: fixed;
    bottom: 50px;
    right:10px;
    display: none;
    text-indent: -9999px;
    background: url('../images/top-bt.png') no-repeat center center;
	border-radius: 50%;
}
@media only screen and (min-width:320px) and (max-width:640px) {
	
}
@media only screen and (min-width:641px) and (max-width:991px) {
	
}
@media only screen and (min-width:992px) and (max-width:1258px) {

}
/*------------------------------- Header ------------------------------------------------------*/
header{
	//background:#0775c2;
	background: #468662;
	//padding-top:5px;
	//padding-bottom:5px;
}
.header_right li{
	list-style-type: none;
    float: left;
    padding: 10px;
    color: white;
    font-weight: 600;
    /*text-transform: uppercase;*/
    font-size: 16px;
}
.header_right{
	padding-top:3px;
}
footer{
	position: fixed;
    bottom: 0;    
    left: 0;
    right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    box-shadow: 0px 0px 10px silver;
    background:#efefec;
}
@media only screen and (min-width:320px) and (max-width:640px) {
    footer {
        //position: initial;
    }	
}
.buttonsri{
	font-size:17px !important;
    width:30%;
    float:right;
    margin-left:10px;
}
.welcome_middle_one{
	padding-top:5%;
	padding-bottom: 5px;
	//background:#efefec;
}
.welcome_middle_one_middle{
	background:#f6f6f6;
	padding:10px 25px 25px 25px !important;
}
@media only screen and (min-width:320px) and (max-width:640px) {
	.header_right li{
	    padding:6px;
	    font-size: 14px;
	    letter-spacing:0px;
	}
	.welcome_middle_one_middle{
		padding:10px 10px 60px 10px !important;
	}
	.buttonsri {
	    float:left;
	    font-size: 16px !important;
        width: 46%;
	}
}
@media only screen and (min-width:641px) and (max-width:991px) {
	.header_right {
	    padding-top: 9px;
	}
	.buttonsri {
        float: initial;
        width: 65%;
        margin-top: 10px;
	}
}
@media only screen and (min-width:992px) and (max-width:1258px) {
    .buttonsri {
        float: initial;
        width: 65%;
        margin-top: 10px;
	}
}

/*---------------------------------------------------------------------*/

.header_right_div{
	padding-top: 8px;
}
.header_right_div ul{
    float:right;
    margin-bottom: 0 !important;
}
.header_right_div li{
	list-style-type: none;
    float: left;
    padding:5px;
    color: white;
    font-size: 16px;
}
.instruction{
    margin-top: 5px;
    margin-right: 13px;
}
.anewer_question_middle_left ul{
	border-bottom: 1px solid #e5e2e2;
    height: 42px;
    clear: both;
}
.anewer_question_middle_left li{
	list-style-type: none;
    float: left;
    padding: 9px 9px 8px 6px;
}
.no_sl{
	color: #000;
    font-weight: 600;
}
.abcd{
	margin-left: -25px;
	position: absolute;
	font-size: 14px;
	color: black;
	line-height: 24px;
    padding-top: 0.2%;
}

/*--------------------------------------------------------------------*/
.anewer_question_no {
    width:20%;
}
.anewer_question_middle_left{
	background:#f6f6f6;
	padding-top: 3.5%;
	padding-bottom: 55px;
	//height:90vh;
}
.footer_middle_qes p{
	text-align: center;
	font-size: 16px;
	padding-top: 6px;
}
.anewer_question_middle_right{
	padding: 5% 5px 25px 1% !important;
}
.anewer_question_middle_right h4{
	font-weight:600;
}
.anewer_question_middle_left {
    height: 640px;
    width: 277px !important;
    overflow-y: scroll; 
}

.section {  
	//padding-left: 70px;
	//background: #f6f6f6;
	font-size: 16px;
	color: #383838;
	padding-bottom: 10px;
	padding-top: 10px;
	margin-left: 24px;
	margin-top: 1%;
    margin-bottom: 5%;
}
.qustion_option{
	//border-bottom: 4px solid white;
    background: #f6f6f6;
	margin-bottom: 10px;
	padding-left: inherit;
}
.section input[type="radio"],
.section input[type="checkbox"]{
  display: none;
}
.anewer_question_middle_right {
  margin-bottom: 10px;
}
.anewer_question_middle_right label {
  position: relative;
  padding-left: 60px;
    padding-top: 4px;
}

/* Base styles for spans */
.anewer_question_middle_right span::before,
.anewer_question_middle_right span::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

/* Radio buttons */
.anewer_question_middle_right span.radio:hover {
  cursor: pointer;
}
.anewer_question_middle_right span.radio::before {
  left: -52px;
  width: 55px;
  height: 25px;
  background-color:#9ace10;
  border-radius: 50px;
}
.anewer_question_middle_right span.radio::after {
  left: -49px;
  width: 17px;
  height: 17px;
  border-radius: 10px;
  background-color: #4a6602;
  transition: left .25s, background-color .25s;
}
input[type="radio"]:checked + label span.radio::after {
  left: -20px;
  background-color:#fff;
}
.checkbox, .radio {
    position: relative;
    display: block;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 10px;
}
.question_radio {
    display: flex !important;
}
@media only screen and (min-width:320px) and (max-width:640px) {
 .anewer_question_middle_right {
    margin-bottom: 100px;
 } 
}

/*----------------------------------------------------------------------------------------*/

.result_middle{
	//background:#f6f6f6;
	padding-top: 2%;
	padding-bottom: 6%;
}
.result_middle_row1_left h4{
	font-weight: 600;
}
.result-one{
	text-align: center;
    color:#89b21c !important;
    font-weight: 600;
    font-size: 53px;
}
.result-two{
	text-align: center;
    /*color:#c0504e !important;*/
    color: #ff4d4d !important;
    font-weight: 600;
    font-size: 53px;
}
.result-three{
	text-align: center;
    /*color:#9bbb58 !important;*/
    color:#4f81bc !important;
    font-weight: 600;
    font-size: 53px;
}
.corretext{
	text-transform: uppercase;
	font-weight: 600;
	text-align: center;
}
.result_middle_row_two{
	padding-top: 2%;
	clear: both;
}
.header_right li a {
    color: white;
}
@media only screen and (min-width:320px) and (max-width:640px) {
    .result_middle {
        padding-bottom: 20% !important;
    }
    .result_middle_row1_left h4 {
        font-size: 16px;
    }
}

/*---------------------------------------------------*/

.colorDefinition{
    background: transparent !important;
    border-color: transparent !important;
}
.size_lg {
   font-size: 30px !important;
    border-width:0 !important;
    border-radius:0 !important;
    font-family: 'Digital-7', arial !important;
}
.timer_li{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.instruction a{
    color:white;
}
.instruction a:hover{
    text-decoration:none;
}

@import url(http://allfont.net/allfont.css?fonts=digital-7);
 
#hms_timer {
    font-family:Digital-7 !important;
    letter-spacing: 5px;
    margin-top: -7px;
}
@font-face{font-family:digital-7;font-style:normal;font-weight:400;src:local('Digital-7'),local('Digital-7-Regular'),url(../fonts/digital-7.woff) format('woff'),url(../fonts/digital-7.ttf) format('truetype')}