body {
	font-family: 'Jost', sans-serif;
	font-weight: 400;
	color: #000;
	font-size: 16px;
    line-height: 1.3vw;
	width: 100%;
	overflow-x: hidden;
}
body .scrollDiv::-webkit-scrollbar{width:6px;height:6px;border-radius:3px;background-color:#f2f2f2; background:transparent;}
body .scrollDiv::-webkit-scrollbar-thumb{background:#bbb;border-radius:3px;background:transparent;}
body .scrollDivVisible::-webkit-scrollbar{width:6px;height:6px;border-radius:3px;background-color:#f2f2f2;}
body .scrollDivVisible::-webkit-scrollbar-thumb{background:#bbb;border-radius:3px;}

body .quesText::-webkit-scrollbar{width:6px;height:6px;border-radius:3px;background-color:#f2f2f2;background:transparent;}
body .quesText::-webkit-scrollbar-thumb{background:#284664;border-radius:3px;background:transparent;}

body .mycourses.scrollDiv::-webkit-scrollbar{width:6px;height:6px;border-radius:3px;background-color:#f2f2f2;}
body .mycourses.scrollDiv::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px;}


h1, h2, h3, h4, h5, h6 {
	color: #444;
}
/* default font size */
.fa {
	font-size: 1vw;
}
/* Override the bootstrap defaults */
h1 {
	font-size: 33px;
}
h2 {
	font-size: 27px;
}
h3 {
    /*color: #fff;*/
	font-size: 21px;
}
h4 {
	font-size: 1vw;
	text-align:center;
}
h5 {
	font-size: 12px;
}
h6 {
	font-size: 10.2px;
}
a {
	color: #333333;
	
}

a:hover {
	text-decoration: none;
}
legend {
    font-size: 1.3vw;
    padding: 7px 0px;
    text-align: center;
	}

label {
	font-size: 1vw;
	font-weight: normal;
}
select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {
    font-size: 16px;
    font-weight: 400; color:#999; 
}
.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {
	font-size: 12px;
}
.input-group .input-group-addon {
	font-size: 12px;
	height: 2vw;
}
/* Fix some bootstrap issues */
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
	display: inline;
}


.nav-tabs {
	margin-bottom: 1vw;/**/
}
div.required .control-label:before {
    content:"";
}
div.required .control-label:after {
	content: '* ';
	color: #F00;
	font-weight: bold;
}
/* Gradent to all drop down menus */
.dropdown-menu li > a {
    padding: 7px 0.6vw;
}
.dropdown-menu li > a:hover {
	text-decoration: none;
    color: #ebf2f9;
    background-color: rgba(0,0,0,.3);
	/*background-image: linear-gradient(to bottom, #b5383a, #a06461);
	background-repeat: repeat-x;*/
}
.d-flex {   display: flex;}



.userTopBar{ position: fixed; top:0; left:0; background:#b43436; height:8vh; width:100vw;z-index:9 ;
    background-color: #fff;
    border-bottom: 1px solid #d5dbe7;
}

.top_sep_user{margin-top:8vh;}
#searchUser.input-group {
    border-radius: 1.3vw;    border: 1px solid #d0d0d0; /*#b43436;*/
    background: transparent; margin:0.6vw; overflow:hidden; margin-top:3vh;
}
#searchUser input.form-control.input-lg {
    background: transparent;
    border: none;
    height: 2.3vw;
    padding: 0 0.6vw;
    margin: 0; color:#B43436; min-height:unset;
}
#searchUser .btn-default {
    background: none;
    border: none;
    box-shadow: none;
    height: unset;
}
#searchUser .btn-default i{
    text-shadow:none; color:#B43436
}
#searchUser input[type="text"]:-ms-input-placeholder {color:#B43436;	}
#searchUser input[type="text"]::placeholder { color:#B43436;	}
.icoButs {    padding-right: 1.3vw;}
.icoButs>a {
    background: rgb(180 52 54 / 10%);
    width: 2.3vw;
    height: 2.3vw;
    display: block;
    border-radius: 50%;
    text-align: center;
    line-height: 2.3vw;
    color: #b43436;
    font-weight: 600;
    margin: 2.5vh 0.6vw 0;
    border: 1px solid rgb(180 52 54 / 30%);
    text-transform: capitalize;
}
.icoButs > div { background: rgb(180 52 54 / 10%);  display: block; border-radius: 2vw;  text-align: center;   line-height: 2.3vw;  color: #b43436;  margin: 1.5vh 0.6vw 0;    padding: 0 1vw 0 0.3vw;    border: 1px solid rgb(180 52 54 / 30%);; cursor:pointer;   text-transform: capitalize;}
.icoButs .userPhoto { height: 2vw; width: 2vw;  border-radius: 50%;  margin-right: 8px; }
.userTopBar > div {  height: 100%;}
.userTopBar .logo { width: calc(100vw / 15.5);  float: left;  background: #ebf2f9; background: transparent;  margin: 0;  text-align: center;    height: 100%;  padding: 4px 0;}
.userTopBar .logo img { width:40%; height:auto; margin:auto}
.partnerTop .logo{width:auto;}
.userTopBar .logo img.partnerLogo { height:45px; width:auto; margin:auto; max-width:unset}
ul#userDiv {
    width: 270px;
    right: 1.3vw;
    height: 100vh;
    background: rgba(255,255,255,.95);
}
#userDiv li{padding:0.3vw; text-align:left;border-top: 1px solid #f5f5f5;    border-bottom: 1px solid #ebf2f9;}
#userDiv li > a {
    padding: 0.3vw 0 0;
    margin: 0;
    /* font-weight: 500; */
    margin: 0;
    height: auto;
    width: auto;
    text-align: left;
    background: transparent;
    color: #000;
    text-transform: uppercase;
    font-size: 12px;
}
#userDiv li a i {
    font-size: 16px;
    color: #b88084;
    margin-right: 0.3vw;
    margin-left: 0.6vw;
}
#userDiv li.userInfo {border-bottom: 1px solid #ccc;   background: #ebf2f9;   margin-top: -0.3vw;padding:0}
#userDiv li.userInfo .info{line-height:1.3vw;white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;}
/*#userDiv li.userInfo .info b{font-weight:500; text-transform:uppercase}*/
#userDiv li.userInfo .info b {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 1.7vw;
    line-height: 60px;
}
#userDiv li.userInfo img{/*float:left; width:60px; height:60px; margin-right:0.3vw*/ width:100%;}
.photo {
    width: 60px;
    height: 60px;
    overflow: hidden;
    float: left;
    display: block;
    text-align: center;
    border-radius: 50%;
    margin: 2px;
    margin-right: 0.6vw;background: #ddd;
}
.welcomeUser {
    background-image: url('../image/star-shape-bg.png');
    background-color: #fff;
    border-radius: 1vw;
    background-size: 70%;
    padding: 2vw 0 2vw 2vw;
}
.dashboard .counters>div{margin-bottom:2vw;}
.dashboard .counters>div:nth-child(3){margin-bottom:0px;}
.dashboard .counters>div:nth-child(4){margin-bottom:0px;}

.card {  background: #fff;  border-radius: 1vw; display: inline-block;  width: 100%; 
    border: 2px solid #d3d9e0;
}
.welcomeUser .welcome-box{margin: 0.6vw 40px;}
.welcomeUser .welcome-box h2 {
    font-size: 36px;
    text-transform: capitalize;
}
.welcomeUser .welcome-box h3 { font-size: 28px;  font-weight: normal;}
.card-body, .card-product {
    padding: 1vw;
    display: inline-block;
    width: 100%;
}
.counters .card-body i { width: 60px;  height: 60px;   border-radius: 50%; text-align: center; line-height: 60px;  color: #fff; font-size: 3vw; text-align:center;
}
.dashboard .counters .card{background-image: linear-gradient(to bottom, #89ffd3, #55d8a7); color:#fff;text-align:center}
.dashboard .counters .card.blu { background-image: linear-gradient(to bottom, #2b98f2, #1a72bc);}
.dashboard .counters .card.purple { background-image: linear-gradient(to bottom, #a92bf2, #7e1bb7);}
.dashboard .counters .card.orange {    background-image: linear-gradient(to bottom, #ff9942, #cc7a34);}
/*.dashboard .card-body i.blu { background-image: linear-gradient(to bottom, #2b98f2, #1a72bc);}
.dashboard .card-body i.purple { background-image: linear-gradient(to bottom, #a92bf2, #7e1bb7);}
.dashboard .card-body i.orange {    background-image: linear-gradient(to bottom, #ff9942, #cc7a34);}*/
.card .cnt { margin-top: 0.6vw; font-size: 2.5rem;  font-weight: 600;  margin-bottom: 7px;}
.card p {  color: #667797;   margin-bottom: 0; text-align:center; color:#fff;
    font-size: 1vw;}
.dashboard .card-body .clndr i {
    width: 2vw;
    height: 2vw;
    line-height: 2vw;
    background: #fff;
    color: #111;
    border-radius: 50%;
    text-align: center;
}
.courseLegends {
    margin-top: 50px;
}
.courseLegends li {
    padding: 0.6vw 0.3vw;
    margin: 0.3vw 0;    font-weight: 400;
    border-left: 1.3vw solid;
    border-image: linear-gradient(to top, #27cfa7 0%, #87D4F9 100%) 1;
    padding-left: 0.6vw;
    font-size: 12px;
    /* text-transform: capitalize; */
}
.courseLegends li span{ font-weight:500; 
    float: right;}
.courseLegends li:nth-child(2n){ 
    background:#f5f5f5;
}
.courseLegends li:nth-child(2){ 
    border-image: linear-gradient(to top, #0084ff 0%, #c24fed 100%) 1;
}
.courseLegends li:nth-child(3){ 
    border-image: linear-gradient(to top, #76f078 0%, #B4E09F 100%) 1;
}
.courseLegends li:nth-child(4){ 
    border-image: linear-gradient(to top, #ffe04a 0%, #d88a54 100%) 1;
}
.nopadding-right {    padding-left: 0;}
.dashboard .mycourses {
    display: inline-block;
    width: 100%;
    max-height: 270px;
    overflow-y: auto;
}
.card-product h3.title {
    margin-bottom: 0.6vw;
}

[id^=account] #content h4 {
    font-size: 1vw;
    font-family: inherit;
    background: transparent;
    width: 100%;
    padding: 0.6vw 0;
}
.card-product .product-thumb .button-group {
    background-color: transparent
}
.card-product .product-thumb { margin-bottom: 0; }
.card-product .swiper-pager {
    /* float: right; */
    /* width: auto; */
    top: 2vw;
    left: 70%;
    /* right: 0px; */
    /* left: unset; */
}

.card-product {
    position: relative;
}
.card-product .pager-title {
    background: #ebf2f9;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    display: inline-block;
    width: 100%;
    border-radius: 1.3vw;
    min-height: 40px;
    line-height: 40px;
}
.card-product .button-prev {
    color: #111;
    text-shadow: none; float:left;
}
.card-product .button-next {
    color: #111;
    text-shadow: none; float:right;
}
.card-product .button-next:before {
    width: 2vw;
    height: 2vw; display:block;
    margin: 0.3vw 0.3vw;
    border-radius:50%;
    font-family: FontAwesome;
    content: "\f054";
    color: rgba(0,0,0, 0.8);
    font-size: 0.6vw;
    background: #fff;
    padding: unset;
    text-align:center; line-height:2vw
}
.card-product .button-prev:before {
    width: 2vw;
    height: 2vw;
    margin: 0.3vw 0.3vw;
    font-family: FontAwesome;
    content: "\f053";
    color: rgba(0,0,0, 0.8);
    font-size: 0.6vw;
   background: #fff;
    padding: unset;display:block;
    border-radius:50%;
    text-align:center; line-height:2vw
}
.card-product  .swiper-button-disabled:before {
    color: #bbb;
}
.stats {
    margin-top: 2vw;
}
.darkBlue {
    background: #12334a;
    font-size: 1vw;
    display: inline-block;
    width: 100%;
    padding-left: 0.6vw;
}
.darkBlue .icon {
margin-right:1.3vw;
    margin-top: -0.3vw;
}
.darkBlue i:before {
    font-size: 50.3vw;
	}
	.darkBlue .info {
    float: left;
    font-size: 16px;
    text-align: left;
    line-height: 1.3vw;
    text-transform: uppercase;
    letter-spacing: 2px;
}
/*.dashboard .sidePanel {
    top: -40px;
    left: unset;
    position: relative;
    float: right;
    max-width: 300px;
}*/
.dashboard .sidePanel {
    right: 0;
    top: 0;
    left: unset;
    position: fixed;
    max-width: 19vw;
    bottom: 0;
    padding-top: 5.7vw;
    z-index: -1;
}
.profile_pic {
    max-width: 10vw;
    margin: auto;
}
.dashboard .btn-link {
    min-width: auto;
}
.sidePanel strong {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1vw;
    color: #111;
}

.sidePanel i {
    margin-right: 0.3vw;
}
.sidePanel{ line-height:1.8vw;     position: unset;
    padding: 0.6vw 1vw;     min-height: 100vh;}
.sidePanel .faculty-box {
    padding: 0.3vw;
    margin: 0;
    margin-top: 0.3vw;
    background: #fff;
    border: none;
    border-radius: 0.6vw;
    text-transform: none;
    color: rgba(0,0,0,.4);
    font-size: 12px;
    line-height: 1.3vw;
    box-shadow: 1px 1px 0.6vw #ccc;
}
.sidePanel .box-title {
    font-size: 17px;
    margin-bottom: 0.6vw;
}
.number {
    font-size: 48px;
    color: #fff;
    font-weight: bold;
    padding: 0;
    float: left;
    text-align: center;
    padding-top: 0.6vw;
}
.student_box .number{
    text-shadow: 2px 2px .6vw #65e3b4;
}
.faculty-box-s .number{
    text-shadow: 2px 2px .6vw #22bddb;
}
.faculty-box-w .number{
    text-shadow: 2px 2px .6vw #0075ec;
}
.dashboard .student_box{min-height:auto;}
.box strong {
    color: rgba(0,0,0,.55);
    text-transform: uppercase;
    font-weight: 400;
    text-shadow: none;
}
.box .t_name{text-transform: uppercase;
    font-weight: bold;
    color: rgba(0,0,0,.75);}
.box .title {
    margin-top: -4px;
}
.cLabel {
    text-align: center;
    margin-top: -70px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 400;
    width: 100%;
    /* padding: 1vw; */
    line-height: 12px;
}

.cLabel .number {
    color: #555;
    font-size: 2vw;
    float: none;
    display: inline-block;
    width: 100%;
}
.chartWrapper > div {
    height: 11vw;
}
.chartWrapper .title {
    height: auto;
    margin-bottom: 0.6vw;
    text-align: left;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    color: #111; border-left:none;
}
.courses .courseItem:nth-child(odd)
{
	padding-left:0;
}
.courses .courseItem:nth-child(even)
{
	padding-right:0;
}
.gray_bg {
    position: relative;
}
.pageContent{
    margin-left: 12vw;
    width: 88vw;
}
.profile_pic img {
  /*  border-radius: 50%;*/
    margin-top: 0.6vw;
    margin-bottom: 2vw;
    border: 0.3vw solid rgba(0,0,0,.1);
}
.pull-right{margin-bottom:0;}
.form-horizontal .control-label {
    display: block;
    font-weight: 400;
    text-align: left;
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 0;
    padding-top: 0;
    /* font-family: arial; */
}
.nav-tabs li a { width: auto;padding: 0.6vw 1.3vw; }
.nav-tabs li {    flex-basis: 0;    flex-grow: 0;    text-align: center;
    white-space: nowrap;}
.nav-bg {
    background: #f3f7fb;
    display: INLINE-BLOCK;
    width: 100%;
    padding: 1.3vw 1.3vw 8px;
}
.nav-bg {
    background: #f3f7fb;
    display: INLINE-BLOCK;
    width: 100%;
    padding: .3vw 1.3vw; text-align: right;
}
.bar-label {
    font-size: .8vw;
    font-weight: 500;
    text-transform: uppercase;
}
.curriculum th {
    text-transform: uppercase;
    text-align: center;
    /* font-weight: 550; */
    font-size: 1.2rem;
    background: #f3f7fb;
    letter-spacing: 1px;
}
.tab-pane {
    padding: 0px; 
}
.curriculum .title {
    font-size: 1.1vw;
    font-weight: 500;
    text-transform: uppercase;
    border: none;
    letter-spacing: 0;
}
#tab-curriculum .curriculum {
    margin: 0;
    padding: 0;
    border: none;
}
.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: none;
}
.nav-tabs li a {
    font-size: 1vw;
}
.resultSheet{float: none !important;}
.resultSheet .seperator {  clear: both;    height: 2vw;}
 /* .resultSheet .pageCntnt{  margin-left: 12.3vw;  margin-right: 2.3vw; }*/
.resultSheet .section-col{
	padding: .6vw 1.0.3vw 0 1.0.3vw;
/*    max-height: 550px;
    height: 550px;*/
	min-height: calc(100vh-50.3vw);
    overflow-y: auto;
}
.resultSheet .tab-pane {
    display: none;
}

.resultSheet .tab-pane.active {
    display: block;
}
.resultSheet .bg-passage-content{
	background-color: #d7e6dc;
	background-color: #ebf2f9;
    text-align: justify;
    padding: 0.6vw;
}
.resultSheet .nopadding{
 padding:0;
}
.resultSheet .passage-heading-h1 {
    font-size: 1vw;
    line-height: 1.5;
	margin-top: 0;
    color: #282828;
	}
.resultSheet .subtitle {
    font-weight: 500 !important;
    line-height: 1.2;
    color: rgb(40, 40, 40);
    margin-top: 1.3vw;
    margin-bottom: 0.6vw;
    font-size: 1.7vw;
    text-align: center;
	}
  
.resultSheet .section-ques span{
    font-size: 1vw;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: rgb(50, 120, 70);
	padding: 2vw 0px 2vw;
}
.resultSheet .quesText b {
    font-size: 1vw; font-size: 1.2vw;
    font-weight: 500;
}
.resultSheet .test-topbar {
    position: relative;
    left: unset;
    display: inline-block;
    right: unset;
    top: unset;
    padding: 0.6vw;
    width: 100%;
    background-color: transparent;
    height: 3vw;
    color: #111;
}
.resultSheet .test-layout {
    margin-top: 1.3vw;    height: 70vh;
}
.resultSheet .pallete-title {
		color: #fff;
		font-size: 22px;
		font-weight: 600;
		margin-right: 1.3vw;
	}
.resultSheet .section-grey{
	max-width: 638px;
	margin: 0px -0.6vw -2vw -0.6vw;
    padding: 11px 50px 11px 1.3vw;
    background-color: #d4dae0;
    position: fixed;
    bottom: 80px;
    left: inherit;
    right: inherit;
    width: 100%;
    top: inherit;
    z-index: 19;
	}
.resultSheet .section-grey-btn{
	display: inline-block;
    background-color: rgb(50, 120, 70);
    font-size: 12px;
    font-weight: bold;
    color: rgb(255, 255, 255);
    line-height: 28px;
    text-align: center;
    padding: 0px 1vw;
    border-radius: 3px;
	float: right;
    margin: 0px 0px 0px 0.6vw;
    transition: all 0.2s ease 0s;
	}
.resultSheet .section-grey-btn:hover{
	color: rgb(255, 255, 255);
    background-color: rgb(36, 90, 52) !important;
	}
.resultSheet .rf-btn {
	display: inline-block;
    margin: 0px 0.3vw;
    border-radius: 0.3vw;
    width: 112px;
    text-align: center;
    background-color: #f3f3f3;
    color: #327846;
    line-height: 2vw;
    font-weight: 700;
    font-size: 12px;
	
	}
.resultSheet .rf-barright{
	float: right;
    margin-top: 1.3vw;
    padding-right: 2vw;
	margin-bottom:0.6vw;
	}
.resultSheet .rf-barleft{
	float: left;
    margin-top: 1.3vw;
    padding-left: 2vw;
	margin-bottom:0.6vw;
	}
.resultSheet .seperator-20{ height:1.3vw; display:block;}
.resultSheet .fillup-text{
	    border: 0;
    border-bottom: 1px dashed #999;
    margin: 0 0.6vw;
    font-weight: normal;
    color: #0075ff;
	}
    .resultSheet .fillup-text {
        border: 0;
        border: 1px dashed #999;
        margin: 0;
        font-weight: normal;
        color: #0075ff;
        background: rgba(255,255,255,.25);
        padding: 0.3vw;
        /* float: right; */
        /* width: 100%; */
        padding-left: 1.8vw;
    }
    
.resultSheet span.quesCnt,.popup span.quesCnt {
    background: #090;
    color: #fff;
    padding: 0.3vw .6vw;
    border-radius: 0px;
    margin-right: 0.6vw;
    float: left;
    height: 2vw;
    display: block;
    min-width: 2vw;
    text-align: center;
	}
.resultSheet .quesText{margin-left:40px;
    line-height: 2vw;}
.resultSheet select.quesSel {
    text-transform: capitalize;
}
.resultSheet .correct {
    color: #090;
}
.resultSheet .correct:before {
    font-family: 'FontAwesome';
    content: '\f046';
    margin-right: 0.6vw;
}
.resultSheet .correct_option:before {
    font-family: 'FontAwesome';
    content: '\f046';
    margin-right: 0.6vw;
}
.resultSheet .incorrect {
    color: #900;
}
.resultSheet .incorrect:before {
    font-family: 'FontAwesome';
    content: '\f2d4';
    margin-right: 0.6vw;
    text-decoration: none;
    display: inline-block;
}

.resultSheet .option:before {
    font-family: 'FontAwesome';
    content: '\f096';
    margin-right: 0.6vw;
}
.resultSheet div.fillup-text {
    display: inline-block;
    min-width: 50px;
}
.resultSheet div.fillup-text {
    display: inline-block;
    min-width: 50px;
    white-space: nowrap;
    width: auto;
}
.resultSheet .fillup-text span {
    color: #900;
    text-decoration: line-through;
}
.resultSheet .err,.popup .err{ background:#900 !important;}
.resultSheet .section-col img{max-width:100%;}
.resultSheet .correctRow{background:rgba(3,154,3,.1);display: inline-block;
    width: 100%;
    margin: 0.6vw auto;
    padding: 0px;}
.resultSheet .incorrectRow{background:rgba(154,3,3,.1);display: inline-block;
    width: 100%;
    margin: 0.6vw auto;
    padding: 0px;}
.resultSheet .fillup-text span.answer-text {
    text-decoration: none;
    color: #0075ff;
}
.resultSheet .notAttempted{color: #0075ff;}
.resultSheet .notAttempted:before {
    font-family: 'FontAwesome';
    content: '\f2d4';
    margin-right: 0.6vw;color: #900;
}
.resultSheet .correct_option{
color:#0075ff;
}
.resultSheet .card p {
    color: #000;
    margin-bottom: unset;
    text-align: unset;
    font-size: 1.2vw;
    line-height: 1.8vw;
}
.resultSheet .card p {
    color: #222;
    margin-bottom: unset;
    text-align: unset;
    font-size: 1.1vw;
    line-height: 2vw;
    font-weight: normal;
}
.resultSheet .count {
    /* display: inline-block; */
    /* float: left; */
    /* background: rgb(4 0 0); */
    font-size: 1.2vw;
    font-weight: bold;
    color: rgba(0,0,0,.2);
    /* border-radius: 50%; */
    padding: 6px 2px;
    width: 1.3vw;
    /* height: 1.3vw; */
    text-align: center;
    position: absolute;
    z-index: 1;
    margin: auto;

}
.resultSheet .section-col {
    max-height: calc( 100vh - 10.6vw);
}
.resultSheet .availableOptions {
    font-size: 1.1vw;
    color: #444; margin-bottom:1.3vw;
}
.resultSheet .ans_tip {
    color: #011a4f;
    font-weight: normal;
}
.resultSheet .section-col, .tab-content {
    max-height: unset;
    height: auto;
    min-height: unset;
    overflow: visible;
    font-size: 1.2vw;
    font-weight: 400;
    color: #222;
    line-height: 1.8vw;
    margin-bottom: 1vw;
}
.form-group {
    padding: 2vw 0.6vw;
    min-height: 40px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 0;
}
input.form-control {
    border-radius: 7px;
    min-height: 3vw;
}
.seperator10{ height:1vw; clear:both;}
.helptext {
    font-size: 1vw;
    color: #aaa;
}
.input-group-btn:last-child > .btn{ height: 3vw; border-radius: 0 7px 7px 0;}
.form-group input.btn,.form-group a.btn { border-radius: 0.3vw;}
.trf .box{color:#111;}
.mfp-close-btn-in .mfp-close {
    color: #fff !important;
    background: #990000;
    position: absolute;
    right: 0;
    /* top: -32px; */
    border-radius: 0 0 0 0.6vw;
    opacity: 1;
    height: 2vw;
    width: 2vw;
    line-height: 2vw;
}
.trf h3 {   margin-top: 0;}
.comments .box {
    text-transform: none;
}
.comments .box .admcmts b {
    font-weight: 600; color:#000; font-size:inherit
}
.candidate img{ border: 1px solid #aaa;  height: auto; width: 100%;}
.product-layout-small .product-thumb{
    border:none;
    min-height: unset;
    padding-bottom: 0.6vw;
    border-bottom:  1px solid #ccc;
    border-radius: 0;
    margin-bottom: 0.6vw;
}
.product-layout-small .image {
    width: 35%; float:left; width: 20%;
}
.product-thumb h4 a {font-size: 1vw; }
.product-thumb .caption { border-bottom: none;  padding: 0 0.6vw;}
.product-layout-small .rating { display:none;}
.product-layout-small .tagline { display:none;}
.product-layout-small .button-group {display:none;}
.btn-rnd {
    width: 2vw;
    height: 2vw;
    border-radius: 50%;
    line-height: 2vw;
    text-align: center;
    padding: 0;
}
.btn-rnd i {
    margin-right: 0px;
}
a.btn-pill { background: #b43436;
    /* line-height: 16px; */
    border: 1px solid #b43436;
    color:#fff;
    padding: 0 0.6vw 2px 0.6vw;
            font-size:12px;
    border-radius: 1vw;
    margin-right: 0.6vw;
    margin-top: 0.6vw;
}
.mcq .ques {
    display: inline-block;
    width: 100%;
    margin-bottom: 1.3vw;
    padding: 0.6vw;
    border: 1px solid transparent;

}
.mcq .ques:hover {
    background: rgba(0,0,0,.1);
    border: 1px dashed #617d99;
}
.wcnt.param span { padding: .3vw 1vw;  background-color: #d29209;  border-color: #d29209;  font-weight: normal;
    width: auto;}
.ideal { margin: .3vw 0;  padding: .35vw .7vw; background-color: #010c38; color: #fff; border: none;    box-shadow: none;  font-size: 1vw;  text-shadow: none;}
.ideal.focus, .ideal:focus, .ideal:hover { color: #fff;  text-decoration: none;}
.card h3.title { font-size: 1.1vw;  color: #000;  background: #ddd;  padding: .7vw .7vw;  margin-bottom: 1vw;}
.userResponse { background: #eee;  padding: 10px;    display: inline-block;    width: 100%;  margin-top: 10px;}
.ques-text{font-weight:500;}

.pte .resultSheet .section-ques span {
    font-size: 1vw;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0;
    color: rgb(4 4 4);
    margin: 0px 0px 1.3vw;
    display: inline-block;
    padding: 0;
}
.pte .resultSheet .section-col {
    max-height: unset;
    height: auto;
    min-height: unset;
    overflow: visible;
    font-size: 1.2vw;
    font-weight: 400;
    color: #111;
    line-height: 1.7vw;
    margin-bottom: 1vw;
}
audio{width: 100%;}
.param{ float:left; /*width:150px; height:150px;*/ text-align:center; padding:.6vw .3vw; }
.param .title{color:#345fb0; font-size:1vw;margin-top:.6vw;}
.param span {
    display:block;
    width: 6vw;
    /*height: 90px;
    border-radius: 50%;line-height:80px; */
    border-radius:1.7vw;
    color: #fff;
    padding: .3vw;
    font-size: .9vw;
    align-items: center;
    flex-direction: column;
    border: 2px solid #345fb0;
    background: #345fb0;
    background: #3969c5;
    border-color: #3969c5;
    box-shadow: inset 0 0 0 3px #fff;
    font-weight: 600;
        text-align:center;margin:auto;
}
.overall span{border-radius:0;     border: 2px solid #345fb0;    background: #345fb0;}
.overall {margin-left:2vw}
.individual .param span{background:#84ae36; border-color:#84ae36}
.individual .param .title{color:#709924}
.individual .overall span{border-radius:0;     border: 2px solid #709924;    background: #709924;}

.pte .resultSheet .section-col {
    max-height: unset;
    height: auto;
    min-height: unset;
    overflow: visible;
}
.transcript { color: #345fb0;   margin-bottom: 1.3vw;}
hr {
    border-top: 1px solid #aaa;
}
.input_text{color: #050541}
.pte .resultSheet .ans_tip {
    color: #011a4f;
    font-weight: normal;
    border: 1px dashed #44b0ff;
    background: #eef8ff;
    margin-top: 5px;
    display: block;
    padding: .6vw;
}
/*.pte .resultSheet .ans_tip{display:none;}*/
span.score {
    background: #0b2162;
    color: rgba(255,255,255,1);
    background: #a70909;
    font-size: 1vw;
    text-transform: uppercase;
    padding: 5px 10px;
    border-radius: 5px;
}

span.score b {
    font-size: 1.1vw;
    color: rgba(255,255,255,1);
}
.bordered{border:1px solid #ddd;padding:10px;}
.disclaimer {  font-size: 1vw;  text-align: center;   line-height: 1.35vw;}
@media (max-width: 1023px){
    #column-right{display:none;}
    body {    background: #fff !important;}
	.row {   margin-right: 0 !important;    margin-left: 0 !important;}
	.dashboard .sidePanel { max-width: 100vw; position: relative;padding-top: 0.6vw;	}
	.pageContent { width: 100%;	float: none; padding: 0.6vw; margin:0	}
	.profile_pic { width: 100px; border-radius: 50%; float: left;}
	.student_info {	float: right;	width: 70%;	margin-top: 1.3vw;}
	.faculty-box img {	max-width: 70.3vw; }
	.box .t_name { margin-top: 0.6vw;}
	.number {    font-size: 40px;    padding: 0.6vw;}
	.chartWrapper {    margin-bottom: 2vw; display: inline-block; width: 100%;}
	.courses .courseItem:nth-child(odd) {padding-left: 0;	padding-right: 0;}
	.courses .courseItem:nth-child(even) {	padding-left: 0;padding-right: 0;}
    .userTopBar .logo {  width: 20%;background: #fff;}
    .userTopBar {  height: 9vh;}
    .icoButs {  padding-right: 0;    margin-top: -0.3vw;}
    .d-flex {  display: inline-block;}
    .welcomeUser {   padding: 0.6vw 0;    border-radius: 0; margin-bottom: 1.3vw;}
    .welcomeUser .welcome-box {   margin: 0.6vw 0.6vw;}
    .welcomeUser .welcome-box h2 {  font-size: 1.7vw;}
    .welcomeUser .welcome-box h3 {font-size: 1.3vw;    font-weight: normal;}
    .dashboard .counters>div {    margin-bottom: 0;}
    .card { border-radius: 0;}
    .courseItem { display: inline-block;  width: 100%;  padding-bottom: 11px;  margin-bottom: 1.3vw;border-bottom: 1px solid #ccc;}
    .courseItem a { font-size: 1vw;  font-weight: 500;}
    .dashboard .mycourses {  max-height: inherit;}
    h3.title {  background: #ebf2f9;  padding: 12px 0.6vw;  border-radius: 1.3vw;}
    .card-body { padding: 0px;}
    .form-group {    padding: 0.6vw 0;}
    .form-group .col-sm-5 {  padding: 0;}
    .dayOpt {  padding: 0.6vw;}
    .btn-listen, .btn-read{color:#fff;}
    .listen-dark, .speak-dark, .write-dark, .read-dark {
    border: none;   box-shadow: none;   border-radius: 0;    font-size: 1.2vw!important;    font-weight: bold;    background: none !important;    color: #000;    font-weight: 600;}
    .listen-dark span, .speak-dark span, .write-dark span, .read-dark span { font-size: 12px!important;  font-weight: normal;   display: block;    color: #999;}
    .resultSheet .quesText {    margin-left: 0px;    position: relative;}
    .resultSheet .pageCntnt { margin: 0;}
    .resultSheet .pageCntnt { margin-left: 0; }
    .resultSheet h3 {  font-size: 16px;   margin: 0;    padding: 0;}
    .top_sep_user {    margin-top: 10vh;}
    .resultSheet .test-topbar {  margin-bottom: 1.3vw;background: #ebf2f9;height: auto;}
    .resultSheet h4 { font-size: 1vw;   text-align: left;}
    .resultSheet .section-col {  padding: 0.6vw;}
    .tabBar li, .resultSheet .rf-btn {  border-radius: 50%;  border: 1px solid #aaa;  width: 2vw;   height: 2vw;
    text-align: center;    padding: 0;    margin-bottom: 0.3vw;}
    .input_text{text-align:center;}
}

.blackout{visibility:hidden}
a.btn-link[disabled] {    opacity: .5;}

.toefl div.caption .ques-count a {
     background: #007CEE;
   color: #fff;!;!i;!;
    font-weight: normal;
    font-size: 1vw;
    width: 1.8vw;
    height: 1.8vw;
    line-height: 1.8vw;
    text-align: center;
    border-radius: 50%;    position: relative;
}
.toefl ul.list-inline li.ques-count{ margin:0 }
.toefl div.caption .active.ques-count a {
    background-color: #284664;
}
.card h3 {
    margin-top: 0.3vw;
    margin-bottom: 0;
    font-size: 1.3vw;
}
.resultSheet .toefl  .section-col {
    max-height:calc( 100vh - 300px );
}
.resultSheet .card .toefl p {
    font-size:16px; line-height:1.8vw;
}

.hilite_para{
    border-left: 4px solid #c4ab16;
    padding-left: 0.6vw;
}
.hilite_text, .toefl .quesText b  {
    background-color: #011529;
    color: #fff;
    padding: 0 0.3vw;
}
.resultSheet .toefl .quesText {
    margin-left: 0px;
    line-height: 1.8vw; font-size: 16px;
}
placeholder { display: inline-block;  width: 0.6vw;  height: 1.3vw;  background: #007db5; }
box { display: inline-block;  width: 0.6vw;  height: 1.3vw;  background: #007db5;}
.insertedSentence{ display:inline; color:#007db5; border: 1px dashed #039244 }
span.incorrectBubble {
    background: #FFF;
    width: 1vw;
    height: 1vw;
    display: block;
    line-height: 1vw;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    top: -7px;
    right: -7px;
}
span.incorrectBubble i {
    color: #900;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    line-height: 1vw; width:1vw;
}
span.correctBubble {
    background: #FFF;
    width: 1vw;
    height: 1vw;
    display: block;
    line-height: 1vw;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    top: -7px;
    right: -7px;
}
span.correctBubble i {
    color: #00993d;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    line-height: 1vw; width:1vw;
}
.toefl .passage-heading-h1{ margin-bottom:0.3vw}
.toefl .ques-score{font-size:1vw; }
.gray .breadcrumb {  margin-left: 1vw;}
#content {
    float: none;
    min-height: 600px;
    width: 100%;
    margin: 0;
    padding: 0 2%;
}
.noRightMargin {
     margin-right: -1vw; /**/
}
.gray {
    background: rgba(0,0,0,.1);
}
@media print {
    html {
        display: none;
    }
    body{ background:#000;}
}