@charset "utf-8";
/* CSS Document */
body {margin:0px; padding:0px; font-family: 'Montserrat', sans-serif; font-size:14px; color:#000; font-weight:400; line-height:20px;}
a {color: #000;}
a:hover {color: #293387;}
a,a:hover {text-decoration:none;}
/* .login-container {height: 100vh; background-image: url("../img/blue-bg.png"); background-repeat: no-repeat;} */
.login-container {height: 100vh; background-image: url("../img/blue-g.jpg"); background-repeat: no-repeat;background-size: cover; background-position: center;}
.login-container .row {height: 100vh;}
.logo {font-size:34px; font-weight: 900; color:#000; text-transform: uppercase; margin-top: 10px; margin-bottom: 10px; line-height: normal; margin-right:0rem; text-align:center; }
.logo span {color:#293387;}
.logo a {color: #000;}
.bg-blue {background-color: #e9f8fd;}
.login-form {background: #fff; border:0px solid #ddd; padding: 2rem; font-size: 14px; font-weight: 500; box-shadow: 0px 0px 14px 0px #c5c6ca; border-radius: 6px;}
.login-form .label {color: #000; font-weight: 600; text-transform: uppercase; margin-bottom: 5px;}
.btn { color: #fff; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-size:14px; font-weight: 600; min-width: 100px; transition: 0.3s ease; padding: 6px 10px;}
.btn-yellow {background: #293387; color: #fff; }
.btn-yellow:focus,.btn-yellow:hover {background: #ecb203; color: #fff;}
.btn-blue {background:#3399FF; color: #fff; }
.btn-blue:focus,.btn-yellow:hover {background: #3399FF; color: #fff;}
.btn-red {background: #ea4335; color: #fff;}
.btn-red:focus,.btn-red:hover {background: #d23d31; color: #fff;}
.btn-brown {background: #a87b34; color: #fff; }
.btn-brown:focus,.btn-brown:hover {background: #644719; color: #fff;}
.btn-disable {background: #cdcdcd; color: #fff; }
.btn-disable:focus,.btn-disable:hover {background: #cdcdcd; color: #fff;}
.btn-green {background: #34a853; color: #fff; }
.btn-green:focus,.btn-green:hover {background: #278f43; color: #fff;}
.link-red {color:#ea4335; border-bottom:1px solid #ea4335; padding-bottom: 2px;}
.link-red:hover {color:#000; border-bottom:1px solid #000;}
.link-green {color:#34a853; border-bottom:1px solid #34a853; padding-bottom: 2px;}
.link-green:hover {color:#000; border-bottom:1px solid #000;}
.forgot a {font-size: 11px; color: #8db0d1; border-bottom: 1px solid #8db0d1;}
.copyright {padding-top: 7px; font-size: 14px; color: #000;}
.header {border-bottom: 2px solid #293387; background: #d1eaff;}
ul.primary-navigation {margin:0px; padding:0px; list-style-type:none;}
ul.primary-navigation > li {display:inline-block;}
ul.primary-navigation > li a {color:#000; text-transform:uppercase; font-weight:600; margin:5px 10px; position: relative;}
ul.primary-navigation > li a:focus,ul.primary-navigation > li a:hover,ul.primary-navigation > li a.active {color:#293387; border-bottom:2px solid #293387;}
.breadcrumbs {border-bottom:1px solid #ddd; padding-bottom:5px; font-size: 16px;}
.dashboard-box{
	background: #f4f4f4;
	margin: 20px 0px;
	box-shadow: 1px 1px 4px 2px #cecbcb;
	}
	.dashboard-title{
	background: #97cae8;
	margin: 0px -15px 20px;
	padding: 14px 25px;
	font-size: 27px;
	font-weight: 700;
	}
.section {padding-top:10px; padding-bottom:10px;}
.page-title {font-size:18px; text-transform:capitalize; font-weight:700; color:#000; margin-top: 1rem;margin-bottom: 0.2rem;}
.post-title {font-size:24px; font-weight:700;}
.post-title span {font-size:16px;}
ul.list {margin:0px; padding:0px; list-style-type:none;margin-bottom: 16px;}
ul.list > li { padding:8px 0px; display:flex; flex-direction:row; font-weight: 500;border-bottom: 1px solid #ddd;}
ul.list > li:nth-last-child(1) {border-bottom: 0px;}
ul.list > li .head {width:23%;}
ul.list > li .seprator {width:10%; text-align:center;}
ul.list > li .value {width:60%;}
.custom-label {font-size: 15px; font-weight: 700; text-transform: uppercase; display: inline-block; padding: 10px 25px; border-radius: 5px;	text-align: center; letter-spacing: 1px; min-width: 250px;}
.label-green {background: #34a853; color: #fff;}
.label-blue {background: #4285f4; color: #fff;}
.label-brown {background: #a87b34; color: #fff;}
#idTimerLCD { min-width: 100px; display: inline-block; }
.inner-wrapper {background-image: url("../img/bg-grey.png"); background-repeat: no-repeat; background-position:bottom right; position: relative;
    /*height: auto;
    min-height: 100vh;*/
}
.inner-wrapper .wrapper {
    /*height: 100%;
    padding-bottom: 65px;*/
}
.footer-fixed {
    font-size: 13px;
    text-align: right;
	width: 100%;
	border-top: 2px solid #293387;
    background: #d1eaff;
}
.green {color: #34a853 !important}
.red {color: #ea4335 !important}
.yellow {color: #293387 !important}
.box {
	background: #3590c1;
	margin-bottom: 30px;
	margin-top: 20px;
	border-radius: 4px;
	box-shadow: 1px 2px 4px 2px #b9b3b3;
}
.box .top-part, .box .footer-part {display: flex; flex-direction: row; font-size:12px; align-items: center; font-weight: 500; display: flow-root;}
.box .top-part .lt-side {
	background: #fff;
	float: left;
	padding: 7px 15px;
	border: 4px solid #3590c1;
	border-radius: 24px;
	margin-top: -10px;
	font-weight: 700;
	box-shadow: inset 0px -3px 3px #0c5988;
	width: 100%;
}
.lt-side i{
	margin-right: 5px;
    color: #3590c1;
	font-size: 16px;
	margin-left: 7px;
}
.box .top-part .rt-side {background: #0c5988; padding: 5px 20px; color: #fff; float: right;}
.box .middle-part {text-align: center; padding-left: 10px; padding-right: 10px; margin-bottom: 1rem;}
.box .middle-part .heading {font-size: 18px; line-height: normal; padding: 1rem 0 0; min-height: 80px; font-weight: 600; margin-bottom: 0;    display: flex;
    justify-content: center;
    align-items: center;}
.box .middle-part .sub-heading {font-size: 14px; color: #000; font-weight: 500;}
.box .middle-part .sub-heading span {font-size:18px; font-weight: 600; display: block;}
.box .middle-part div+div {border-top:1px solid #c5eefc; padding-top: 0.5rem; padding-bottom: 0.5rem; margin-top: 0.5rem;}
.box .footer-part {padding: 1rem;}
.box .footer-part .lt-side {font-size: 14px; font-weight: 600; flex: 1; line-height: normal;}
.box .footer-part .lt-side span {display: block;}
/* .resume-box {background: #fff7eb; border-color: #feebce;}
.resume-box .top-part .rt-side {background: #a87b34;} */
.questions {font-size: 18px; font-weight: 300; display: flex; flex-direction: row; line-height: 24px;margin-bottom: 20px;}
.questions .lt-side {white-space: nowrap; margin-right: 1rem; font-weight: 600;}
.questions span {font-weight: 600;}
.questions span+span {flex: 1; margin-left: 10px; font-weight: 400;}
.answers {font-size: 16px; font-weight: 300; margin-top: 10px; line-height: 20px; max-width: 900px;}
.answers .options {
	padding: 8px 10px;
    margin-bottom: 4px;
    font-weight: 500;
    color: #000;
}
section { 
	display: inline-block;
	width: 100%;
}
.answers .custom-control-label {display: block;}
.total {font-size:18px; color:#ea4335; font-weight:600; margin-right:1rem;}
.score {font-weight: 500;}
.score .head {width:25%;}
.modal .score .head {width:40%;}
.result-box .middle-part {
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0px;
	padding: 32px 10px 9px;
	color: #e8fff8;
}
.result-box .middle-part span.small {font-size: 15px; font-weight:500;}
.result-box .footer-part {display:block; font-size: 14px; font-weight: 500;}
.result-box .footer-part .heading {font-size:16px; font-weight:600; border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:10px; text-align:center;color: #fff;}
.result-box .footer-part .sub-heading {text-align:center;line-height:26px;color: #fff;margin: 5px 0px;width: 50%;float: left;display: contents;}
.sub-heading-du span{
	background: #ee6c0e;
	color: #fff !important;
	padding: 4px 13px;
	border-radius: 14px;
	margin-left: 10px;
	font-size: 12px;
	margin-right: 5px;
}
.sub-heading-q span{
	background: #0ebaee;
	color: #fff !important;
	padding: 4px 13px;
	border-radius: 14px;
	margin-left: 10px;
	font-size: 12px;
}
.result-box .links {text-align:center; border-top:1px solid #ddd; padding-top:10px; margin-top:10px;}
.result-box .links a {margin:5px 10px;}
.result-box.pass .middle-part {color:#136c2b;}
.result-box.fail {background: #fdeae9;}
.result-box.fail .middle-part {color:#ea4235;}
.result-box.fail .top-part .rt-side {background:#ea4235;} 
.error { color:#CC0000; font-weight:bold; text-align:center; width:100%; display:inline-block; margin-bottom:10px; }
#otpForm {
    text-align: center;
    border: 1px solid #CCC;
	display:inline-block;
	margin:10px auto;
	padding:30px;
	max-width:96%;
}
#otpForm h1 {
    font-weight: bold;
    font-size: 26px;
    text-align: center;
    line-height: 30px;
}
#otpForm p {
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    line-height: 30px;
}
#otpForm .row {
    width: 100%;
    display: inline-block;
    clear: both;
    margin-bottom: 10px;
}
#otpForm .row .label {
    width: 45%;
    text-align: right;
    float: left;
    font-weight: bold;
    font-size: 16px;
    line-height: 30px;
}
#otpForm .row .col {
    width: 53%;
    text-align: left;
    float: right;
}
#otpForm input[type=text],
#otpForm input[type=tel],
#otpForm input[type=password] {
    box-shadow: none;
    border: none;
    color: #000;
    background: none;
    width: 200px;
    padding: 7px 10px;
    margin-right: 10px;
    border: 1px solid #df9b9b;
    background: #fff;
    -webkit-box-shadow: 0px 0px 1px 0px rgba(205, 98, 76, 1);
    -moz-box-shadow: 0px 0px 1px 0px rgba(205, 98, 76, 1);
    box-shadow: 0px 0px 1px 0px rgba(205, 98, 76, 1);
	font-size:20px;
	line-height:30px;
	font-weight:bold;
	text-align:center;
}
#otpForm input[type=submit] {
    background: #A40000;
    color: #fff;
    text-transform: uppercase;
    border: 2px solid #000;
    padding: 5px 10px;
    cursor: pointer;
    font-weight: bold;
    transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    margin: 0 auto;
}
#otpForm a,
#otpForm a:visited,
#otpForm a:link {
    color: #0033FF;
}
#otpForm a:hover {
    text-decoration: underline;
}
#msg {
	display:none;
	z-index:200;
	border:2px solid #924949;
	position:absolute;
}
#msgcontent {
	display:block;
	background:#f3e6e6;
	padding:5px;
	min-width:150px;
	max-width:250px;
	font-size:12px;
	position:relative;
}
#msgimg {
	position:absolute;
	width: 37px;
	height: 7px;
	left:0;
	top:-7px;
	background:url(../img/msg_arrow_top.png) no-repeat;
}
.succ {
	border-top:2px solid #090;
	border-bottom:2px solid #090;
	color:#090;
	padding:5px 0;
	width:100%;
	display:inline-block;
	font-weight:bold;
	text-align:center;
	background:#E0F9DF;
	margin:5px 0;
	-webkit-animation: shake .5s ease-in-out;
	-moz-animation: shake .5s ease-in-out;
	-ms-animation: shake .5s ease-in-out;
	-o-animation: shake .5s ease-in-out;
	animation: shake .5s ease-in-out;
}
.err {
	border-top:2px solid #C30;
	border-bottom:2px solid #C30;
	color:#C30;
	padding:5px 0;
	width:100%;
	display:inline-block;
	font-weight:bold;
	text-align:center;
	background:#FDE9E8;
	margin:5px 0;
	-webkit-animation: shake .5s ease-in-out;
	-moz-animation: shake .5s ease-in-out;
	-ms-animation: shake .5s ease-in-out;
	-o-animation: shake .5s ease-in-out;
	animation: shake .5s ease-in-out;
}
/* .qnsnos {
	width:100%;
	display:inline-block;
	overflow-x:scroll;	
} */
.qnsnos{
    overflow-x: auto;
    padding: 19px;
    margin-top: 24px;
    border-radius: 9px;
    box-shadow: 0px 0px 6px 0px #c1bfbf;
	float:right;
}
.qnsnos > ul {
	margin:0;
	padding:0;
	display:inline-block;	
}
.qnsnos > ul > li {
	margin:5px;
	padding:5px;
	list-style:none;
	float:left;
	background:#7F7F7F;
	color:#FFF;
	width:30px;
	text-align:center;
	border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	cursor:pointer;	
}
nav {
	width:100%;
	text-align:right;	
}
.justify-content-new{
	justify-content: center !important;
}

@media (max-width:992px)
{
	.login-container .col-sm-12 {flex: 0;}
	ul.primary-navigation > li a {margin:5px 7px;}
	.logo {font-size: 24px;}
}
@media (max-width:767px)
{
	.logo {text-align: center; margin-right: 0px; font-size: 34px;}
	.logo img { width:100%; }
	ul.list > li .head {width:50%;}
	ul.list > li .value {word-wrap: anywhere;}
	ul.primary-navigation {white-space: nowrap;}
	nav {width:100%;  overflow-x: scroll; overflow-y: hidden; text-align: center; padding-bottom: 10px;}
	ul.primary-navigation > li a {margin:5px 10px;}
	.custom-label {padding:10px 18px;}
	.score .head {width:50%;}
	.right { text-align: center; }
	.section { padding-left: 10px; padding-right: 10px; }
	.justify-content-new{
		justify-content: start !important;
	}
	.top-px{
		top: 40px;
	}
	.qnsnos {
		width:100%;
		display:inline-block;
		overflow-x:scroll;	
	}
}
@media (max-width:360px)
{
	body,html {width:360px;}
}
.weight-700{
	font-weight: 700;
}
.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0 rgba(0,123,255,.25);
}
.btn-primary {
	color: #fff;
    background-color: #2f909c;
    border-color: #2f909c;
}
.form-control {
    border: 1px solid #111a45;
}
.btn-resume{
    background: #0c5988 !important;
    border: 1px solid #0c5988 !important;
}
.btn-resume:hover {
    color: #ffffff !important;
    text-decoration: none;
	background: #084367 !important;
    border: 1px solid #084367 !important;
}
.custom-control-input:checked~.custom-control-label::before {
    color: #fff !important;
    border-color: #ea4335 !important;
    background-color: #ea4335 !important;
}
.custom-control-label {
    display: block !important;
}
.font-weight-600{
	font-weight: 600;
}