.pull-left{
  float: left;
  width: 100%;
}
.fl-left{
  float: left;
}
.fl-right{
  float: right;
}
.ellipsize{
  overflow: hidden;
  float: left;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/*************************************
  normalizing new bootstrap css
*************************************/  
label,
label.checkbox,
label.radio{
  font-weight: normal;
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
}
a{
  color: #5a5756;
}
/*************************************/
input, button, select, textarea{
  font-family: inherit;
}
.subject-color1{
  background-color: #F38630;
}
.subject-color2{
  background-color: #ced89a;
}
.subject-color3{
  background-color: #69D2E7;
}
.subject-color4{
  background-color: #B969E7;
}
.subject-color5{
  background-color: #FFD11A;
}
.topic-color1{
  background-color: #C7604C; 
}
.topic-color2{
  background-color: #EB8845; 
}
.topic-color3{
  background-color: #AAC370; 
}
.topic-color4{
  background-color: #9D9B7F; 
}
.topic-color5{
  background-color: #61A3B0; 
}
.topic-color6{
  background-color: #7D4F6D; 
}
.tcolor1{
  color: #C7604C; 
}
.tcolor2{
  color: #EB8845; 
}
.tcolor3{
  color: #AAC370; 
}
.tcolor4{
  color: #9D9B7F; 
}
.tcolor5{
  color: #61A3B0; 
}
.tcolor6{
  color: #7D4F6D; 
}
@font-face {
  font-family: 'proximanovalight';
  src: url('/css/fonts/proximanovalight/proximanovalight.eot');
  src: local('proximanovalight'), url('/css/fonts/proximanovalight/proximanovalight.woff') format('woff'), url('/css/fonts/proximanovalight/proximanovalight.ttf') format('truetype');
}
@font-face {
  font-family: 'Lato Lig';
  src: url('/css/fonts/LatoLig/LatoLig.woff');
}
@font-face {
  font-family: 'Mont Regular';
  src: url('/css/fonts/MontserratRegular/MontserratRegular.woff');
}
@font-face{
  font-family: 'Gotham Bold';
  src: url('/css/fonts/GothamBold/ufonts.com_gotham_bold.ttf');
}
@font-face{
  font-family: 'Bank Gothic';
  src: url('/css/fonts/BankGothicRegular/BankGothicRegular.woff');
}
@font-face{
  font-family: 'Gotham Rounded Medium';
  src: url('/css/fonts/Gotham Rounded/GothamRnd-Medium.otf');
}
@font-face{
  font-family: 'Gotham Rounded Light';
  src: url('/css/fonts/Gotham Rounded/GothamRnd-Light.otf');
}
@font-face{
  font-family: 'Gotham Rounded Book';
  src: url('/css/fonts/Gotham Rounded/GothamRnd-Book.otf');
}
@font-face {
  font-family: "Roboto";
  src: url("/css/fonts/roboto/Roboto-Thin.woff2") format("woff2"), url("/css/fonts/roboto/Roboto-Thin.woff") format("woff"), url("/css/fonts/roboto/Roboto-Thin.ttf") format("truetype");
  font-weight: 200; 
}
@font-face {
  font-family: "Roboto";
  src: url("/css/fonts/roboto/Roboto-Light.woff2") format("woff2"), url("/css/fonts/roboto/Roboto-Light.woff") format("woff"), url("/css/fonts/roboto/Roboto-Light.ttf") format("truetype");
  font-weight: 300; 
}
@font-face {
  font-family: "Roboto";
  src: url("/css/fonts/roboto/Roboto-Regular.woff2") format("woff2"), url("/css/fonts/roboto/Roboto-Regular.woff") format("woff"), url("/css/fonts/roboto/Roboto-Regular.ttf") format("truetype");
  font-weight: 400; 
}
@font-face {
  font-family: "Roboto";
  src: url("/css/fonts/roboto/Roboto-Medium.woff2") format("woff2"), url("/css/fonts/roboto/Roboto-Medium.woff") format("woff"), url("/css/fonts/roboto/Roboto-Medium.ttf") format("truetype");
  font-weight: 500; 
}
@font-face {
  font-family: "Roboto";
  src: url("/css/fonts/roboto/Roboto-Bold.woff2") format("woff2"), url("/css/fonts/roboto/Roboto-Bold.woff") format("woff"), url("/css/fonts/roboto/Roboto-Bold.ttf") format("truetype");
  font-weight: 700; 
}
@font-face{
  font-family: 'Myriad Pro Regular';
  src: url('/css/fonts/New/Myriad Pro/Myriad Pro Regular.ttf');
}
@font-face {
  font-family: 'sofia-pro-light';
  src: url('/css/fonts/Sofia Pro Light-Webfont/SofiaProLight-webfont.eot');
  src: url('/css/fonts/Sofia Pro Light-Webfont/SofiaProLight-webfont.eot?#iefix') format('embedded-opentype'),
       url('/css/fonts/Sofia Pro Light-Webfont/SofiaProLight-webfont.woff') format('woff'),
       url('/css/fonts/Sofia Pro Light-Webfont/SofiaProLight-webfont.ttf') format('truetype'),
       url('/css/fonts/Sofia Pro Light-Webfont/SofiaProLight-webfont.svg') format('svg');
}
.ver-centered{
  position: absolute;
  top: 50%;
}
.hor-centered{
  position: absolute;
  left: 50%;
}
.all-centered{
  position: absolute;
  top: 50%;
  left: 50%;
}
.track3 {
    width: 10px;
    background: rgba(0, 0, 0, 0);
    margin-right: 2px;
    border-radius: 10px;
    -webkit-transition: background 250ms linear;
    transition: background 250ms linear;
}
.track3:hover,
.track3.dragging {
    background: #d9d9d9; /* Browsers without rgba support */
    background: rgba(0, 0, 0, 0.15);
}
.handle3 {
    width: 7px;
    right: 0;
    background: #999;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 7px;
    -webkit-transition: width 250ms;
    transition: width 250ms;
}
.track3:hover .handle3,
.track3.dragging .handle3 {
    width: 10px;
}
.app-view .custom-scroll{
  width: auto !important;
}
.ProgressCircleInfo{
color: rgba(151, 187, 205, 0.498039);
left: 610px;
top: 298px;
}
.container-main{
background: rgba(255, 255, 255, 0.37);
padding: 50px 0 0 23px;
}/*
.backtotop{
  position:fixed;
  width: 65px;
  bottom: 35px;
  right: 11px;
  z-index: 652;
  visibility:hidden;
  opacity:0;
  -webkit-transition:all 0.5s linear;
  -moz-transition:all 0.5s linear;
  transition:all 0.5s linear;
  border-radius: 4px;
  -webkit-border-radius:4px;
}
.backtotop:hover,
.backtotop:focus,
.backtotop:active{
  background: rgba(0,0,0,0.05);
}*/
#bs-docs-examples {
  left:0;
  top:40px;
  display: inline-block;
  position:relative;
  float:left;
  padding-left: 60px;
  /*padding: 3px 7px;*/
}
.remember-me{
  width: 100%;
}
.forgot-password{
  float: left;
  margin: -20px 0px 0 171px;
  padding: 0;
  text-align: center;
  font-size: 14px;
}
.header-final{
  height:50px;
  background-color:#ffffff;
  border:none;
  -webkit-transition:background 0.3s linear;
  -moz-transition:background 0.3s linear;
  transition:background 0.3s linear;
  position: relative;
  /*z-index: 9999;*/
  z-index: 1040;
  width: 100%;
}
.header-final-override{
  position: relative;
}
.header-final-logo{
  position: absolute;
  top:50%;
  width:170px;
  margin-top: -17px;
}
.header-final-logo img{
  max-width: 100%;
}
.header-final-logo-landing{
  position: absolute;
  top: 50%;
  width: 170px;
  margin-top: -24px;
}
.form-inline{
  position: absolute;
  margin: 0;
  right: 70px;
  top: 11px;
  bottom: 9px; 
}
.header-logout{
  float: right;
  position: relative;
}
.header-logout ul{
  list-style-type:none;
  margin:0;
  float:right;
}
.header-logout li{
  float: left;
  font-size: 17px;
  font-family: calibri;
  letter-spacing: 1px;
}
.header-logout li.dropdown.open,
.header-logout li:hover,
.header-logout li:focus
{
  background: #8aa9b3;
  color:#fff;
}
.header-logout li:active,
.header-logout li:visited{
  background: #6aa9b3;
}
.header-logout ul.open li.header-logout-button{
  background: #8aa9b3;
  color:#fff;
}
.header-logout .dropdown-menu::before {
  position: absolute;
  top: -7px;
  right: 5%;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #CCC;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}
.header-logout .dropdown-menu::after {
  position: absolute;
  top: -6px;
  right: 5.5%;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  border-left: 6px solid transparent;
  content: '';
}
.header-logout .dropdown-menu{
  /*top: 53px;*/
  border-radius: 3px;
  -webkit-border-radius: 3px;
  padding: 0;
 } 
.header-logout .dropdown-menu li{
 float: none; 
 text-decoration: none;
 text-align: left;
 padding: 0;
}
.header-logout .dropdown-menu li:last-child{
  border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-bottom: none;
}
.header-logout .dropdown-menu li:hover{
  background: #8aa9b3;
  background-image: none;
}
.header-logout .dropdown-menu li a{
  padding: 6px 20px;
  text-decoration:none;
  text-align: center;
  font-size: 17px;
  font-family: calibri;
  letter-spacing: 1px;
  border: 1px solid #F0F0F0;  
  border-width: 0 0 1px 0;
}
.header-logout .dropdown-menu li a:hover{
  background: none;
  background-image: none;
  text-decoration: none;
}
a.dropdown-toggle,
a.dropdown-toggle:hover,
a.dropdown-toggle:active,
a.dropdown-toggle:focus{
  float: left;
  text-decoration: none;
  padding: 15px 10px 16px;
  text-decoration:none;
  text-align: center;
  font-size: 17px;
  font-family: calibri;
  letter-spacing: 1px;
  border: 1px solid #F0F0F0;
  border-width: 0 1px 0 1px;
}
.navbar-inner  li{
float: left;
}
.nav > li > a > img {
  max-width: none;
  width:45%;
  height:auto;
  vertical-align: middle;
  border: 0;
  margin-bottom: 5px;
  -ms-interpolation-mode: bicubic;
}
.nav > li > a:hover,
.nav > li > a:focus,
 {
  text-decoration: none;
  background-color: rgba(238,238,238,0.66);
}
.tabs-left > .nav-tabs {
  margin-right: -3px;
}
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
  color: #ffffff;
  cursor: default;
  background-color: rgba(97,143,163,0.53);
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
.thumbnail > img{
  height: 150px;
}

#test-series-img{
   float:right;
   height:124px;
   width:135px;
}
#test-series-img .thumbnail{
display: block;
padding: 4px;
line-height: 20px;
border: none;
-webkit-border-radius: none;
-moz-border-radius: none;
border-radius: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#test-series-img a:hover,
#test-series-img a:focus{
 border-color: #9CCAB8;
 text-decoration: none;

}
/*
.score-logo img{
  width:23%;
  height:auto;
  margin-left:5%;
  margin-top:5%;
}
*/
body {
  margin: 0;
  position: relative;
 /* overflow-x:hidden; /*added*/ 
  font-family: 'sofia-pro-light', Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  background-color: #edeff0;
}

.btn-landing3 {
 background: rgb(74, 175, 209);
 border-radius:4px;
 font-size: 21.4px;
 text-shadow: 0 -1px #000;
 color:#ffffff;
 height: 50px;
 width: 325px;
 font-weight:bold;
}
.modal-call-to-action{
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.modal-call-to-action .modal-body{
  min-height:160px;
  max-height:none;
  background: #f1f2f4;
  border-top: 1px solid rgba(221, 221, 221, 0.1);
}
.modal-call-to-action form{
  position: static !important;
  margin: 0 !important;
}
.modal-call-to-action .modal-header{
  padding: 15px 35px;
}
.modal-call-to-action .modal-header h3{
  font-family: FacitwebNormal;
  font-size: 25px;
  text-align: left;
}
.modal-call-to-action label{
  margin: 12px 0 5px;
}
.modal-call-to-action label:hover{
  cursor: default !important;
}
.modal-call-to-action input{
  width: 95%;
  height: 25px;
}
.modal-call-to-action label.radio{
  margin: 0;
  cursor: pointer !important;
}
.modal-call-to-action label.radio input{
  width: auto;
  height: auto;
}
.modal-call-to-action .modal-footer{
  padding: 0;
}
.modal-call-to-action .btn-css{
  margin: 0px;
  width: 100%;
  padding: 20px 0px;
  border-radius: 0 0 4px 4px !important;
  font-size: 15px !important;
}
.landing-page-section-first{
  width: 100%;
  background: #fff;
  position: fixed;
  padding: 20px 0;
  min-height: 480px;
  z-index: 0;
  top: 75px;
}
.landing-page-section-second{
  background: #f7f9f9;
  position: relative;
  padding: 20px 0;
  min-height: 675px;
  top:520px;
  z-index: 1;
  -webkit-box-shadow: 0px -5px 6px -5px rgba(0,0,0,0.3);
  box-shadow: 0px -5px 6px -5px rgba(0,0,0,0.3);
  background: url('../img/bg.png');
  background-position: 460px 0px;
}
.landing-page-section-third{
  background: url('../img/student strip white background png.png');
  position: relative;
  padding: 20px 0;
  min-height: 450px;
  top:520px;
  z-index: 1;
}
.landing-page-section-fourth{
  background: #f1f2f4;
  position: relative;
  padding: 20px 0;
  min-height: 245px;
  top:520px;
  z-index: 1;
}
.landing-page-section-fifth{
  background: url('../img/institute strip bg seperated.png');
  position: relative;
  padding: 20px 0;
  min-height: 450px;
  top:520px;
  z-index: 1;
  -webkit-box-shadow: 0px -6px 11px -7px rgba(6, 42, 56, 0.9);
  box-shadow: 0px -6px 11px -7px rgba(6, 42, 56, 0.9);
}
.landing-page-section-sixth{
  background: #fff;
  position: relative;
  padding: 20px 0;
  min-height: 280px;
  top:520px;
  z-index: 1;
}
.landing-page-section-footer{  
  position: relative;
  padding: 20px 0;
  min-height: 200px;
  top: 520px;
  z-index: 1;
}
.page-scroll-arrow{
  width: 55px;
  height: 55px;
  background: #f7f9f9;
  -webkit-border-radius:50%;
  border-radius: 50%;
  position: absolute !important;
  left: 48%;
  top: -29px;
  cursor: pointer;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.3);
  box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.3);
  background: url('../img/bg.png');
  background-position: 0px 0px;
}
.page-scroll-arrow .arrow-moving{
position: absolute;
left: 19px;
top: 5px;
animation:arrow 0.8s infinite;
animation-delay:1s;

/*Safari and Chrome*/
-webkit-animation:arrow 0.8s infinite;
-webkit-animation-delay:1s;
-webkit-animation-direction:alternate;
}
@keyframes arrow
{
from {top:3px;}
to {top:10px;}
}

@-webkit-keyframes arrow /*Safari and Chrome*/
{
from {top:3px;}
to {top:10px;}
}

#scroll-top-detector{
  width: 100%;
  height: 75px;
  position: relative;
  top: 595px;
  z-index: 10;
  background: #f7f9f9;
  background: url('../img/bg.png');
  background-position: 460px 0px;
}

.video-wrapper-tablet{
  background: url('../img/tablet2.png');
  background-size: 100%;
  background-repeat: no-repeat;
  width: 100%;
  position: relative;
  height: 484px;
  margin-top: 60px;
  top: 160px;
  -webkit-transition: top 1s ease;
  -moz-transition: top 1s ease;
  transition: top 1s ease;
}
.embedded-video-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 42px 58px 53px 75px;
  background: #000;
  cursor: pointer;
}
.embedded-video-wrapper > * {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.video-cover{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
  background: url('../img/cover.png');
  background-repeat: no-repeat;
  background-size: 100%; 
}
.landing-page-section-third ul li,
.landing-page-section-fifth ul li{
  text-align: center;
  color: #fff;
  width:27%;
  padding: 0 2.5%;
  display:inline-block;
  vertical-align:top;
}
.landing-page-section-third ul li h2,
.landing-page-section-fifth ul li h2{
  /*font-weight: 600;
  font-size: 21px;
  font-family: 'Gotham Rounded Book';*/
  font-weight: bold;
  font-size: 16px;
  font-family: 'Gotham Bold';
  color: #ffffff;
}
.landing-page-section-third ul li p,
.landing-page-section-fifth ul li p{
  text-align: center;
  color: #fff;
  line-height: 20px;
  font-size: 15px;
}
.landing-page-section-fourth .testi-box{
  border: none;
  background: none;
  background-color: none;
  width: 70%;
  height: auto;
  display: inline-block;  
  position: relative;
  left: 3%;
}
.landing-page-section-fourth .testi-comment{
  font-size: 20px;
  letter-spacing: 1px;
  color: #8ea1ac;
  line-height: 30px;
  font-family: Open Sans,Lato Lig,Arial,sans-serif;
  font-style: italic;
  min-height: 90px;
}
.landing-page-section-sixth .institute-logo-box{
  display: inline-block;
  width: 100%;
}
.carousel-control{
  top: 50%;
  width: 30px;
  height: 30px;
  font-size: 34px;
  line-height: 19px;
  border-color: #888;
  background: #a3a3a3;
  margin-top: -15px;
}
.landing-page-section-sixth .institute-logo-box ul li > a{
  width: 20%;
  float: left;
  vertical-align: top;
  margin: 0;
  position: relative;
  margin-top: 55px;
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  height: 150px;
  background-color: #fff;
  -webkit-filter: saturate(0);
  -moz-filter: saturate(0);
  filter: saturate(0);
}
/*.landing-page-section-sixth .institute-logo-box ul li a{
  position: absolute;
  height: 100%;
  width: 100%;
}*/
.landing-page-section-footer ul.outer-ul li{
  width: 23.5%;
  display: inline-block;
  vertical-align: top;
}
.landing-page-section-footer ul.inner-ul li{
  width: 100%;
  vertical-align: middle;
  padding: 3px 0;
  padding-left: 60px;
  color: #fff;
}
.landing-page-section-footer ul li a{
  color: #fff;
}
.landing-page-section-footer ul li a:hover{
  text-decoration: none;
  color: rgba(13, 172, 219, 0.79);
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.landing-page-section-footer ul li b{
  color: #fff;
  font-size: 16px;
  font-family: Facitweb,FacitwebNormal,Helvetica,sans-serif;
}
.hero-unit-landing {
  padding: 100px 0 0 90px;
  margin: 0;
  font-weight: 600;
  line-height: 30px;
  color: inherit;
  position: relative;
  display: inline-block;
  float: left;
  font-family:Bradley Hand ITC; 
  font-size:28px; 
}
.hero-unit-landing :hover,
.hero-unit-landing :focus{
text-decoration: none;
}

.hero-unit-landing > a{
  color:#333333;
}
.hero-unit-landing > a:hover{
  color:#ffffff;
}
/*****************************************
  24/10/15 onwards/SAKET/landing page specific
*****************************************/
.exam-select{
  margin-top: 40px;
  min-width: 350px;
  box-shadow: 0 0 3px rgba(0,0,0,0.18);
  border-radius: 10px;
  overflow: hidden;
}
.exam-select ul{
  margin: 0;
  list-style-type: none;
}
.exam-select ul > li{
  padding: 10px 20px;
  font-size: 16px;
  font-weight: normal;
  font-family: 'Facitweb','FacitwebNormal';
  border-top: 1px solid #eee;
  color: #666;
  cursor: pointer;
  background-color: rgba(247, 247, 247, 0.1);
}
.exam-select ul > li:first-child{
  border-top: none;
}
.exam-select ul > li:hover{
  background-color: #f7f7f7;
  color: #222;
}
.arrow-icon{
  width: 21px;
  height: 21px;
  background-image: url('https://cdn3.iconfinder.com/data/icons/faticons/32/arrow-right-01-512.png');
  background-size: 100%;
  background-repeat: no-repeat;
  opacity: 0.4;
}
.exam-select ul > li:hover .arrow-icon{
  opacity: 1;
}
.bg-graphics{
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
}
.exam-avatar{
  width: 20px;
  height: 20px;
  border-radius: 200px;
  margin-right: 15px;
  background-size: cover;
}
/*****************************************
                  END
*****************************************/

.social-div-circle{
  display: inline-block;
  margin: 0 4px;
}
.social-div-circle img{
  width: 40px;
  cursor: pointer;
}
.landing-signup{
  height: 67px;
width: 370px;
border-radius: 37px;
margin: 15px 0;
position: relative;
}
.landing-signup img{
  position: absolute;
  left: 21px;
  top: 6px; 
} 
.landing-signup .css-banner{
  vertical-align: middle;
  letter-spacing: 0;
  -webkit-transition:all 0.15s linear;
  -moz-transition:all 0.15s linear;
  transition:all 0.15s linear;
  font-family: 'Gotham Rounded Book';
  position: absolute;
  top: 21px;
  left: 100px;
  font-size: 20px; 
  color: #fff;
  min-width: 200px;
  text-align: center;
}
#back-student:hover{
  background:#87D9F3 !important;
}
#back-institute:hover{
  background:#4BBDE0 !important;
}
.well-mine1 {
  height: 31px;
  padding: 0px;
  margin-bottom: 20px;
  background-color: #f3f3f3;
  border-radius:10px 10px 0px 0px; 
}
.well-mine1 p,
.well-mine2 p{
  margin-left: 6.3%;
  color: rgb(181, 194, 209);
  font-size: 18px;
}
.well-mine2{
  height: 31px;
  padding: 0px;
  margin-bottom: 10px;
  background-color: #f3f3f3;
  border-radius:3px 3px 0px 0px;
}

#well-mine3-1{
  min-height: 20px;
  /*margin: 110px 19px 0;*/
  background-color: #ffffff;
  float:right;
}
#well-mine3-1 .checkbox input[type="checkbox"]{
  margin:1px 10px 0 -20px;
}
#well-mine3-2{
  min-height: 20px;
 /* margin: 72px 19px 0;*/
  background-color: #ffffff;
  float:right;
  /*margin:130px 0 0 66%; */ 
  background-color:#ffffff;
}
.add-on{
  width: 41px;
}
.control-group > .controls > .radio.inline,
.control-group > .controls > .checkbox.inline {
  padding-top: 0px;
  padding-left: 15px;
  font-size: 15px;
  font-family: tahoma;
}
/*
@media screen and (max-width:500px ){
img{
  width:100%;
}
#bs-docs-examples{
  width: auto;
  height:100%;
  float: left;
  margin-left: 0px;
  margin-top: 10px;
  margin-bottom: 0px;
  position: static;  
}
#well-mine3-2{
  width: 100%;
  float:none;
  margin-left: auto;
  margin-right: auto;
  margin-top: 380px;
  position: static;
}
} 
*/ 
/*.checkbox{
  font-family: Arial;
}*/
/*
@media(min-width: 480px){
  .navbar-fixed-top{
  position: fixed;
}
}
@media(max-width: 480px){
  .navbar-fixed-top{
  position: absolute;
}
}
*/
/*

@media (max-width: 480px) {
  .nav-collapse {
    -webkit-transform: translate3d(0, 0, 0);
  }
  .page-header h1 small {
    display: block;
    line-height: 20px;
  }
  input[type="checkbox"],
  input[type="radio"] {
    border: 1px solid #ccc;
  }
  .form-horizontal .control-label {
    float: none;
    width: auto;
    padding-top: 0;
    text-align: left;
  }
  .form-horizontal .controls {
    margin-left: 0;
  }
  .form-horizontal .control-list {
    padding-top: 0;
  }
  .form-horizontal .form-actions {
    padding-right: 10px;
    padding-left: 10px;
  }
  .media .pull-left,
  .media .pull-right {
    display: block;
    float: none;
    margin-bottom: 10px;
  }
  .media-object {
    margin-right: 0;
    margin-left: 0;
  }
  .modal {
    top: 10px;
    right: 10px;
    left: 10px;
  }
  .modal-header .close {
    padding: 10px;
    margin: -10px;
  }
  .carousel-caption {
    position: static;
  }
}
@media (max-width: 979px) {
  body {
    padding-top: 0;
  }
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    position: static;
  }
  .navbar-fixed-top {
    margin-bottom: 20px;
  }
  .navbar-fixed-bottom {
    margin-top: 20px;
  }
  .navbar-fixed-top .navbar-inner,
  .navbar-fixed-bottom .navbar-inner {
    padding: 5px;
  }
  .navbar .container {
    width: auto;
    padding: 0;
  }
  .navbar .brand {
    padding-right: 10px;
    padding-left: 10px;
    margin: 0 0 0 -5px;
  }
  .nav-collapse {
    clear: both;
  }
  .nav-collapse .nav {
    float: none;
    margin: 0 0 10px;
  }
  .nav-collapse .nav > li {
    float: none;
  }
  .nav-collapse .nav > li > a {
    margin-bottom: 2px;
  }
  .nav-collapse .nav > .divider-vertical {
    display: none;
  }
  .nav-collapse .nav .nav-header {
    color: #777777;
    text-shadow: none;
  }
  .nav-collapse .nav > li > a,
  .nav-collapse .dropdown-menu a {
    padding: 9px 15px;
    font-weight: bold;
    color: #777777;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
  }
  .nav-collapse .btn {
    padding: 4px 10px 4px;
    font-weight: normal;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
  }
  .nav-collapse .dropdown-menu li + li a {
    margin-bottom: 2px;
  }
  .nav-collapse .nav > li > a:hover,
  .nav-collapse .nav > li > a:focus,
  .nav-collapse .dropdown-menu a:hover,
  .nav-collapse .dropdown-menu a:focus {
    background-color: #f2f2f2;
  }
  .navbar-inverse .nav-collapse .nav > li > a,
  .navbar-inverse .nav-collapse .dropdown-menu a {
    color: #999999;
  }
  .navbar-inverse .nav-collapse .nav > li > a:hover,
  .navbar-inverse .nav-collapse .nav > li > a:focus,
  .navbar-inverse .nav-collapse .dropdown-menu a:hover,
  .navbar-inverse .nav-collapse .dropdown-menu a:focus {
    background-color: #111111;
  }
  .nav-collapse.in .btn-group {
    padding: 0;
    margin-top: 5px;
  }
  .nav-collapse .dropdown-menu {
    position: static;
    top: auto;
    left: auto;
    display: none;
    float: none;
    max-width: none;
    padding: 0;
    margin: 0 15px;
    background-color: transparent;
    border: none;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
  }
  .nav-collapse .open > .dropdown-menu {
    display: block;
  }
  .nav-collapse .dropdown-menu:before,
  .nav-collapse .dropdown-menu:after {
    display: none;
  }
  .nav-collapse .dropdown-menu .divider {
    display: none;
  }
  .nav-collapse .nav > li > .dropdown-menu:before,
  .nav-collapse .nav > li > .dropdown-menu:after {
    display: none;
  }
  .nav-collapse .navbar-form,
  .nav-collapse .navbar-search {
    float: none;
    padding: 10px 15px;
    margin: 10px 0;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
       -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  }
  .navbar-inverse .nav-collapse .navbar-form,
  .navbar-inverse .nav-collapse .navbar-search {
    border-top-color: #111111;
    border-bottom-color: #111111;
  }
  .navbar .nav-collapse .nav.pull-right {
    float: none;
    margin-left: 0;
  }
  .nav-collapse,
  .nav-collapse.collapse {
    height: 0;
    overflow: hidden;
  }
  .navbar .btn-navbar {
    display: block;
  }
  .navbar-static .navbar-inner {
    padding-right: 10px;
    padding-left: 10px;
  }
}

@media (min-width: 980px) {
  .nav-collapse.collapse {
    height: auto !important;
    overflow: visible !important;
  }
}
*/


.navbar-extra{
  border-radius: 7px;  
  background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
  background-repeat: repeat-x;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
  
  *zoom: 1;
    
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);

}
.navbar{
  margin-bottom: 0;
  border-radius: 7px;
  overflow: visible;
}
.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
 
  background-color: #329BBD;
  color: #ffffff; 
  text-decoration: none;
}
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #e5e5e5;
  -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
     -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);

}
#navbarExample{
position:static;
width:1000px;
z-index: 100010;
}
#TopIcon,
#TopIcon :hover{
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
/*
.page-header {
font-size:32px;    
text-align: center;
padding-bottom: 9px;
margin: 50px 0 30px;
}*/
/*.scorecard{
  width:100%;
  float: left;
*/
/*  height:800px;*/
  /*border-top:2px solid #404040;*/
/*}*/
/*.scorecard .scorecard-y-axis-label{
  position: absolute;
  top: 140px;
  left: 0;
}
.scorecard .scorecard-x-axis-label{
  position: absolute;
  left: 440px;
  bottom: 0;
}
.scorecard .chart{
  position: relative;
  z-index: 1;
}*/
/*.score-box{
text-align:center;
float:left;
padding: 23px 0 0;
width:100%;
text-transform: uppercase;
}*/
/*.score-box2{
text-align:center;
float:left;
width:20%;
}*/
/*
.marks-distribution{
  width:100%;
  float: left;
/*  height:410px;*/
/*}*/
/*.color-box{
  margin-left: 77px;
  margin-right: 22px;
  display:inline-block;
  width: 20px;
  height: 21px;
  box-shadow: 3px 2px 1px #888888;
}
#my-desk-profile-second .color-box{
  margin-bottom: -2px;
}*/
/*.colors{
  width:300px;
/*  height:80%;*/
  /*float:left;
  font-size:17px;
  text-shadow: rgba(0, 0, 0, 0.05) 0 1px 3px;
  line-height:70px;
  padding-top:30px;
  padding-left: 68px;
}
.color1{
color:#F38630;
}
.color2{
color: #CED89A;
}
.color3{
color: #69D2E7;
}
.color4{
color: #808080;
}
.color5{
color: #999999;
}
.weak-topic{
  width:100%;
/*  height:410px;*/
  /*padding-bottom: 20px;
  float: left;
}

.marks-distribution > .score-box{
  font-size: 10px;
}
.radar-chart{
  width: 300px;
  float: left;
  margin-left: 375px;
  
  
}
*/
/*.weak-topic > .weak-marks > .score-box{
  width:16%;
}
*/
/*.subject{
  width:100%;
  float: left;
/*  height:410px;*/
/*}*/
.my-desk-profile-third table,
.test-screen-qn{
 
  width:100%;
  border: 1px solid #E4E4E4 ;
}
table{
  width: 100%;
}
td{
 /*border:1px solid #404040;*/
 /*color:#969696;*/
 padding-top: 3px;
 padding-bottom: 3px;
}
td,th{
  text-align: left;
  padding-left: 25px;
}
td + td,
th + th{
  text-align: center;
  padding-left: 0;
}
/*.table-heading{
  border-top:2px solid #404040;
  border-bottom: 2px solid #404040;
  /*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
/*}*/
/*#topics-math td{
  font-size: 13px;
}*/
/*.alt {
  background-color: #E7E7E7;
}
#topics-math th{
  font-size: 15px;
  padding:5px 0 5px 0;
}
*/
/*.topper-compare{
  width:100%;
  /*margin-bottom: 80px;*/
  /*float: left;
}*/
.container{
}
.body-analysis{
  /*background :url(../img/background.png);*/
  color:#333333;
  position:relative;
  font-family: 'Roboto','gotham rounded book';
}
.body-analysis2{
  background-color: #fff;
  color: #333333;
  position: relative;
}
.shadow{
  text-shadow: 0.04em 0.0em #868686;
  font-size: 15px;
}

/*
.topic{
  font-size: 25px;
  padding-top: 18px;
  border-top: 4px solid #404040;
  text-shadow: 0.04em 0.0em #333; 
  letter-spacing: 4px;
  font-variant: small-caps;
}
*/

.marks-distribution-ins{
  width:100%;
  height:600px;
}

.batch-analysis-ins{
 width:100%;
 height:400px;
}




input.regular-checkbox[type="checkbox"]{
  -webkit-appearance: none;
  background-color: #fafafa;
  border: 1px solid #cacece;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
  padding: 8px;
  border-radius: 3px;
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.regular-checkbox:active, .regular-checkbox:checked:active {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.regular-checkbox:checked {
  background-color: #e9ecee;
  border: 1px solid #adb8c0;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
  color: #99a1a7;
}

.regular-checkbox:checked:after {
  content: '\2714';
  font-size: 14px;
  position: absolute;
  top: 0px;
  left: 3px;
  color: #99a1a7;
}

.big-checkbox {
  padding: 18px;
}

.big-checkbox:checked:after {
  font-size: 28px;
  left: 6px;
}
.ques-ans input[type="radio"],
.ques-ans input[type="checkbox"]{
  margin:0 10px;
}
input.regular-radio[type="radio"]{
  -webkit-appearance: none;
  background-color: #fafafa;
  border: 1px solid #cacece;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
  padding: 9px;
  border-radius: 50px;
  display: inline-block;
  position: relative;
}

.regular-radio:checked:after {
  content: ' ';
  width: 12px;
  height: 12px;
  border-radius: 50px;
  position: absolute;
  top: 3px;
  background: #99a1a7;
  box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
  text-shadow: 0px;
  left: 3px;
  font-size: 32px;
}

.regular-radio:checked {
  background-color: #e9ecee;
  color: #99a1a7;
  border: 1px solid #adb8c0;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);
}
.regular-radio:active, .regular-radio:checked:active {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
.test-screen-left{
  float: left;
  width: 190px;
  height: 400px;
}
.test-screen-main,
.test-screen-main2,
.test-screen-main3,
.test-screen-main4{
  float: left;
  width: 100%;
  margin: 0px 0px 0px;
  border-radius: 2px;
  -webkit-box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0.29);
  box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0.29);
  position: relative;
}  
.test-screen-right{
  float: left;
  width: 180px;
  height: 400px;
}
.test-screen-right .timer{
  margin: 0;
}
.test-screen-left , .test-screen-right{
  margin-top: 75px;
}
.test-screen-left .score-box{
  text-align: right;
  padding-top: 0;
}
.test-screen-right .score-box{
  text-align: center;
  padding-top: 0;
}
.current-post{
  float: left;
  width: 100%;
  padding: 0 0 10px;
  background:none;
}
.current-post img{
  width:55%;
  padding-left: 21%;  
}
.test-screen-main-first{
  width: 100%;
  height: 75px;
  float: left;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  /*-webkit-box-shadow: 0 0 1px #fff inset;
  box-shadow: 1px 1px 0px #fff inset;*/
  position: relative;
  margin-bottom: 1px;
}
.test-screen-main-last,
.test-screen-main-first{
  /*border: 1px solid #ccc;*/  
}
.test-screen-main-last,
.test-screen-main-first,
.table-pcm-tabs td .popover-title{
  color: rgb(136, 149, 158);
  background: rgb(250,250,250);
}
.test-subject{
  float: left;
  position: relative;
  height: 100%;
  width: 550px;
  font-size: 16px;
}
.test-subject div{
  float: left;
  /*position: absolute;*/
  letter-spacing: 0;
  /*text-shadow: 0px 1px 0px #FFF;*/
}
.test-screen-main-second{
  width: 100%;
  /*border-top: 1px solid #f3f2f2;
  border-bottom: 1px solid #f3f2f2;*/
  float: left;
  position: relative;
}
.test-screen-main-second .loading-gif{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 1);
  z-index: 1;
  /*border: 1px solid rgba(204,204,204,1);
  border-width: 0 1px 0 1px;*/
}
.overlay-loading .pariksha-loader{
  position: absolute;
  width: 170px;
  height: 40px;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -85px;
  /*background-color: rgba(0,0,0,0.2);*/
  border-radius: 2px;
  z-index: 1;
  padding: 10px;
}
.overlay-loading .pariksha-loader-wrap > div{
  width: 50px;
  height: 20px;
  position: relative;
  /*background: #000;*/
  float: left;
}
.overlay-loading.in .pariksha-loader-wrap > div > div{
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  margin-left: -8px;
  margin-top: -8px;
  top: 50%;
  left: 50%;
  -webkit-animation: loader-scale-inf 1.4s infinite ease-in-out;
    animation: loader-scale-inf 1.4s infinite ease-in-out;
}
@-webkit-keyframes loader-scale-inf{
  0%, 80%, 100% {
    -webkit-transform: scale(0); }

  40% {
    -webkit-transform: scale(1); } 
}
@keyframes loader-scale-inf{
  0%, 80%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0); }

  40% {
    transform: scale(1);
    -webkit-transform: scale(1); } 
}
.overlay-loading .pariksha-loader-wrap > div:nth-child(1) > div{
  -webkit-animation-delay: -0.32s; /* Chrome, Safari, Opera */
    animation-delay: -0.32s;  
}
.overlay-loading .pariksha-loader-wrap > div:nth-child(2) > div{
  -webkit-animation-delay: -0.16s; /* Chrome, Safari, Opera */
    animation-delay: -0.16s;  
}
.test-screen-main-second .loading-gif .overlay-loading.in .pariksha-loader-wrap > div > div {
  background: rgba(97,143,153,0.4);
}
/*
#question{
}
#question img{
  margin: 12px 15px;
}*/
.ques-ans,
.question{
  float: left;
  width: 100%;
  position: relative;
  display: inline-block;
  margin: 1px 0;
  background: #fff;
  /*border: 1px solid rgba(204,204,204,1);
  border-width: 0 1px 0 1px;*/
/*  border: 1px solid #F0F0F0;*/
  min-height: 20px;
  font-size: 15px;
  word-wrap: break-word;
}
.ques-ans label{
  font-size: 15px;
}
.question{
  margin-bottom:1px; 
  padding: 20px;
}
.question img{
  margin: 18px 0 18px 12px; 
}
.inner-qa{
  float: left;
  width: 100%;
}
.inner-qa2{
  float: left;
  width: 50%;
  border: none;
  border-width: 0;
  background-color: none;
  background:none;
}
.mtc{
  padding: 0;
  border: 1px solid #ccc;
  border-width: 0 1px;
  margin: 1px 0;
}
.mtc:hover{
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.14);
}
.mtc-left,
.mtc-right{
  float: left;
  width: 50%;
  border:1px solid #ddd;
  border-width: 0;
  background-color:#fff;
  margin-top: 2px;
  padding: 15px 20px;
}
.mtc-left span.mtc-option,
.mtc-right span.mtc-option{
  /*padding-left: 15px;*/
  padding-right: 10px;
}
.mtc-left span.mtc-checkbox-option{
  float: left;
}
.mtc-left .checkbox.inline{
  padding-left: 0;
  margin-left: 20px;
}
.mtc-left .checkbox.inline + 
.mtc-left .checkbox.inline{
  margin-left: 20px;
}
.mtc-left{
  float: left;
}
.mtc-right{
  float: right;
} 
.mtc-checkbox{
  float: left;
  background: #fafafa;
  min-height: 30px;
  width: 100%;
  border: 1px solid #D3D3D3;
  border-width: 1px 0;
  position: relative;
}
.ques-ans:hover .inner-qa:before{
    position: absolute;
    content: '';
    background: rgba(210,210,210,0.2);
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.ques-ans:hover{
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.14);
}

.add-hover:before,
.ques-ans:hover .add-hover:before{
    position: absolute;
    content: '';
    background: rgba(255, 153, 43, 0.5);
    width: 100%;
    height: 100%;
    pointer-events: none;
    -webkit-animation: mymove 1s linear alternate;
    -moz-animation: mymove 1s linear alternate;
    -webkit-animation-iteration-count:2; 
    -moz-animation-iteration-count:2;  
}
@keyframes mymove
{
from {opacity:1;}
to {opacity:0.5;}
}

@-webkit-keyframes mymove /*Safari and Chrome*/
{
from {opacity:1;}
to {opacity:0.5;}
}

.add-hover2:before{
    position: absolute;
    content: '';
    background: rgba(118, 179, 54, 0.56);
    width: 100%;
    height: 100%;
    pointer-events: none;
    -webkit-animation: mymovee 0.3s linear alternate infinite;
    -moz-animation: mymovee 0.3s linear alternate infinite;
}
@keyframes mymovee
{
from {background:rgba(118, 179, 54, 0.6);}
to {background:rgba(118, 179, 54, 0.4);}
}

@-webkit-keyframes mymovee /*Safari and Chrome*/
{
from {background:rgba(118, 179, 54, 0.6);}
to {background:rgba(118, 179, 54, 0.4);}
}
/*
.inner-qa:hover img{
  position: relative;
  z-index: 100;
}*/
.ques-ans .radio,
.ques-ans .checkbox{
  padding-left: 0;
}
.ques-ans .radio input[type="radio"],
.ques-ans .radio input[type="checkbox"]{
  /*margin-top: -2px;*/
  margin-left: 0px;
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -11px;
}
/**Only firefox css**/
@-moz-document url-prefix() {
    .ques-ans .radio input[type="radio"]{
        margin-top: -7px;
    }
}
.ques-ans .radio.inline,
.ques-ans .checkbox.inline{
  width: 100%;
  padding: 20px 20px; 
}
.difficulty-level{
  float: right;
  height: 100%;
  margin-right: 20px;
}
.difficulty-icon{
  float: left;
  width: 25px;
  padding: 14px 5px 0;
}
#diff{
  float: left;
  width:138px;
  height:37px;
  background-image: url(../img/diff-back.png);
  background-repeat: no-repeat;
  background-size: 100%;
  margin: 17px 0 0 24px;
  background-position: -130px -9px;
}
#ullu-rating{
  float: left;
  width:140px;
  height:39px;
  background-image: url(../img/difficulty-level.png);
  background-repeat: no-repeat;
  background-size: 100%; 
  margin: -37px 0 0 23px;
}
.slide-button,
.slide-button:hover,
.slide-button:active{
  display: none;
  width: 130px;
  height: 35px;
  position: absolute;
  top:76px;
  left: 87.5%;
  background-image: url(../img/tab1.png);
  text-decoration: none;
  background-size: 71%;
  color: #1b9dd4;
  z-index: 101010;
  background-repeat: no-repeat;
}
.slide-button:hover{
  cursor: pointer;
}
.practice-result-correct,
.practice-result-wrong{
  position: relative;
  background: #fff;
  float: left;
  width: 100%;
  border: 1px solid #ccc;
  border-width: 1px 1px 0;
  height: 360px;
  display: none;
}
.faaltu{
  position: static !important;
  float: left;
  text-align: left;
  font-size: 16px;
  font-weight: bold;
  color: #666;
  width: 90%;
  border-top: 1px dashed #DDD;
  padding: 15px 0 15px 56px;
  margin: 0 !important;

}
.faaltu-value{
  float: right;
  padding-right: 40px;
  width: 150px;
  text-align: center;
  font-weight: normal !important;
}
a.default-button{
  cursor: default;
  text-decoration: none;
  background: #7e7e7e;
  padding: 8px 13px;
  color: #fff; 
  border-radius: 4px;
}
a.next{
  color: #fff;
  padding: 8px 13px;
  background: #48548a;
  border-radius: 4px;
  cursor: pointer;
}
a.next:hover{
  text-decoration: none;
}
.faaltu span{
  font-size: 16px;
  font-weight: bold;
}
.test-screen-main-last{
  width: 100%;
  height: 40px;
  float: left;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  /*-webkit-box-shadow: 1px -1px 0px #fff inset;
  box-shadow: 1px -1px 0px #fff inset;*/
  position: relative;
}
.test-screen-main-last > div{
  float: left;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -313.55px;
  margin-top: -21.5px;
}
.btn-mine{
  display: inline-block;
  padding: 10px 12px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #ffffff;
  background-image: none;
  background-repeat: repeat-x;
  border: 1px solid rgba(204, 204, 204, 0.76);
  border-bottom-width: 2px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -moz-box-shadow: 0px 4px 5px #fff;
  -webkit-box-shadow: 0px 4px 5px #fff;
  box-shadow: 0px 0px 5px #fff;
}
.btn-mine:hover{
color: #fff;
/*background-color: rgba(97,143,153,0.56);*/
background-color: rgba(172, 208, 216, 1);
text-decoration: none;
/*background-position: 0 -29px;
-webkit-transition: none;
-moz-transition:none;
-o-transition: none;
transition: 0.001s;
box-shadow: none;*/
text-shadow: none;
border-color: rgba(97,143,153,0.4);
}
.btn-mine:active{
background-color: rgba(125, 179, 190, 1);
}
.btn:focus {
  outline: none;
  outline-offset: 0;
  box-shadow: none;
}
.btn-mine.disabled{
  background-color: rgba(230, 230, 230, 1);
  color: #aaa;
  /*border-color: #aaa;*/
  opacity: 1;
}
.btn-mine.disabled:hover{
  border-color: rgba(204, 204, 204, 0.76);
}
.timer{
  font-size: 32px;
  /*color:#48548A;*/
  color: rgb(121, 135, 145);
  margin: 15px 0;
  /*font-family: Arial;*/
}
.myfooter{
  width:100%;
  height:137px; 
  background-color:#ffffff;
  background-image:url('../img/footer.png');
  background-repeat:no-repeat;
  background-size:100%;
   border-top: 1px solid #DDDDDD;
   margin-top: 200px;
}
.myfooter ul{
  width: 100%;
  height: 137px;
  float: left;
  margin:0;
}
.myfooter ul li{
  text-align: center;
  vertical-align: middle;
  list-style-type: none;
  float: left;
  width: 100px;
  height: 80px;
  margin-top: 60px;
  font-size: 15px;
}
.myfooter ul li a:hover{
  text-decoration: none;
}

.my-desk-profile-second-2{
   width:100%;
/*  height:240px;*/
  float: left;
/*  border-bottom: 1px solid #f3f2f2;*/
}

#my-desk-question-header{
 margin: 0;  
 width: 100%;
 float: left;
 background: #F8F8F8;
 border-bottom: 1px solid #E4E4E4;
}
#my-desk-question-header li{
 width: 50%;
}
#my-desk-question-header li a{
 height: 50px;
 padding: 0;
 margin: 0;
 border-radius: 0;

}
.box-heading{
  width: 100%;
  background: #F8F8F8;
  border-bottom: 1px solid #E4E4E4;
  float: left;
  text-align: center;
  letter-spacing: 2px;
  font-family: arial;
  font-size: 18px;
}
.box-text{
  float: left;
  width: 100%;
  height: 90px;
  font-family: arial;
  font-size: 17px;
}
.my-desk-tab{
  float: left;
  text-align: center;
  width: 100%;
  padding: 18px 0;
  font-size: 17px;
}
.exam-screen{
  position: absolute;
  top: 53px;
  right: 31%;
}
.exam-screen .test-screen-main-first{
  height: 50px;
}
.test-screen-main-right{
  text-align: center;
  background-color: rgb(250,250,250);
  position: relative;
  padding-bottom: 30px;  
  border-radius: 2px; 
  /*border: 1px solid #ccc;*/
  -webkit-box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0.29);
  -moz-box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0.29);
  box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0.29);
  margin-bottom: 8px;
}
#pcm-tabs{
 width: 100%; 
 clear: both; 
 /*margin: 22px 22px 10px 22px;  */
 margin: 0 auto;
 float: left; 
 margin-bottom: 20px;
}
/*#pcm-tabs ul{
  border: none;
  margin: 0;
  padding: 0;
}
#pcm-tabs ul li{
  width: 32%;
}*/
.ghost-element{
  float: left;
  width: 5%;
  border-bottom: 1px solid rgba(72,84,138,0.24);
  height: 42px;
}
.test-screen-main-right .tab-content{
  clear: both;
  width: 90%;
  margin: 0 auto;
  min-height: 125px;
}
.table-pcm-tabs .my-desk-tab{
  padding: 10px 0;
  color: rgb(136, 149, 158);
}
#pcm-tabs li a{
 height: 35px;
 padding: 7px 31px;
 margin: 0;
 border-radius: 0;
 border: 1px solid rgba(72,84,138,0.24);
}
.table-pcm-tabs td{
  padding: 0;
  width: 20%;
  border: 1px solid #e8e8e8;
  border-width: 0 0 2px; 
}
.table-pcm-tabs td:hover{
  /*background-color: #fff;
  outline: 1px solid #D5D5D5; 
  outline-width: 1px 1px 0 1px;
  border-bottom-width: 0;*/ 
  cursor: pointer;
}
.table-pcm-tabs td.active{
  /*border-width: 1px 1px 1px;
  border-bottom-color: transparent;*/
  /*box-shadow: 2px -1px 0px 0px rgba(0, 0, 0, 0.04);
  -webkit-box-shadow: 2px -1px 0px 0px rgba(0, 0, 0, 0.04);
  -moz-box-shadow: 2px -1px 0px 0px rgba(0, 0, 0, 0.04);*/
}
.table-pcm-tabs td:hover,
.table-pcm-tabs td.active{
  border-bottom-color: #29B6F6;
}
.table-pcm-tabs td.active:hover{
  background-color: transparent;
  cursor: default;
  outline: none;
}
.table-pcm-tabs td a{
  float: left;
  width: 100%;
}
.table-pcm-tabs td:hover .my-desk-tab{
  color: #29B6F6;
}
.table-pcm-tabs td.active .my-desk-tab{
  color: #29B6F6;
  font-size: 19px;
  font-weight: 500;
} 
.test-screen-qn{
  /*margin-top: 20px;*/
  margin-top: 5px;
  display: table;
  border-collapse: collapse;
  border-spacing: 0;
}
.test-screen-qn.jumbled{
  display: block;
  float: left;
  border: none;
}
.test-screen-qn .tr{
  display: table-row;
}
.test-screen-qn.jumbled .tr{
  display: block;
}
.test-screen-qn .td{
  text-align: center;
  display: table-cell;
}
.test-screen-qn .td{
 width: 25%;
 border-radius: 0px;
 padding: 0;
 cursor: pointer;
 border: 2px solid #fdfdfd;  
}
.test-screen-qn.jumbled .td{
  display: block;
  float: left;
  -webkit-box-shadow: 0 0 0 1px #fdfdfd inset;
  -moz-box-shadow: 0 0 0 1px #fdfdfd inset;
  box-shadow: 0 0 0 1px #fdfdfd inset;
  border: none;
}
.test-screen-qn .td.active a{
  -webkit-box-shadow: 0 0 0px 2px #777 inset;
  -moz-box-shadow: 0 0 0px 2px #777 inset;
  box-shadow: 0 0 0px 2px #777 inset;
}
.test-screen-qn .td:hover{
  background-color: #fff !important;
}
.test-screen-qn .td a{
 padding: 0;
 float: left;
 width: 100%;
 padding: 6px 0;
 font-family: 'Gotham Bold'; 
 color: #777;
}
.test-screen-qn .td a:hover{
  text-decoration: none !important;
  color: #48548A !important;
  -webkit-box-shadow: 0 0 0px 2px #48548A inset;
  -moz-box-shadow: 0 0 0px 2px #48548A inset;
  box-shadow: 0 0 0px 2px #48548A inset;
}
.test-screen-qn.jumbled .tr .td:first-child{
  
}
.test-screen-qn.jumbled .tr .td:last-child{
  
}
.test-screen-color1{
  /*background-color: #9EDBC3 !important;*/
  background-color: #DCEC75 !important;
}
.test-screen-color2{
  /*background-color: rgba(107, 170, 238, 0.66) !important;*/
  background-color: #bbebfa !important;
}
.test-screen-color5{
  background-color: rgb(255, 187, 148) !important;
}
.flag{
   position: relative;
}
.flag:before{
  content: " ";
  display: block;
  border-right: 15px solid transparent;
  border-top: 10px solid #777;
  width: 0;
  height: 0;
  position: absolute;
  left: 0px;
  top: 0px;
}

.solution-flag{
   position: relative;
}
.solution-flag:before{
  content: " ";
  display: block;
  border-right: 15px solid transparent;
  border-top: 10px solid #33A1C9;
  width: 0;
  height: 0;
  position: absolute;
  left: 0px;
  top: 0px;
}
.test-screen-color3{
  /*background-color: rgba(252, 86, 86, 0.5) !important;*/
  /*background-color: rgba(236, 243, 74, 0.38) !important;*/
  /*background-color: #f6df97 !important;*/
  background-color: #FCEDBD !important;
}
.test-screen-color4{
 background-color: rgba(255, 44, 44, 0.52) !important; 
}
.test-screen-color1 a:hover,
.test-screen-color2 a:hover,
.test-screen-color3 a:hover{
  color: #ffffff !important;  
}
.ques-marks{
  font-size:25px;
  float:right;
  margin:0;
  line-height: normal;
  position: absolute;
  top: 50%;
  margin-top: -16px;
  right: 20px;
}
.ques-marks-review {
  font-size: 25px;
  float: right;
  margin: 0px;
  position: absolute;
  top: 10px;
  right: 30px;
}
.ques-marks-c{
  background: rgba(97,143,153,0.4);
  padding: 0 8px;
  color: #fff;
}
.ques-marks-inc{
  background: #fff;
  padding: 0 12px;
  color: rgba(184, 198, 201, 1);
}
.ques-marks-common,
.ques-marks-c,
.ques-marks-inc{
  border-radius: 2px; 
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 23px;
  margin-left: 5px;
}
.ques-marks-correct{
  background: #DCEC75;
  /*background-color: #bbebfa;*/  
  padding: 5px 8px;
  color: #fff;  
}
.ques-marks-incorrect{
  background: rgba(255, 44, 44, 0.52);  
  padding: 5px 12px;
  color: #fff;  
}
.ques-marks-unattempted{
  background: rgba(184, 198, 201, 0.57);
  padding: 5px 8px;
  color: #fff;  
}
.ques-marks-general{
  background: #fff;
  padding: 5px 8px;
  color: rgba(184, 198, 201, 1);  
}
.center-aligned{
  margin: 10px 0 30px; 
  float: left;
}
.center-aligned th{
  text-align: center;
  padding: 5px;
}
.center-aligned td{
  padding: 6px;
  text-align: center;
}
.arrow-right{
  float: left;
  width: 21px;
  height: 15px;
  margin: 15px 0px 0px 10px;
  background: url(../img/arrows.png) no-repeat;
  background-size: 100%;
  background-position: -11px 0px;
}
.underlined-text{
  padding-top: 13px;
  float: left;
}
.my-desk-side-inner .score-box{
  padding: 0;
}


#analytics-table-1 td,
#analytics-table-1 th{
  text-align: center;
  padding-left: 0;
}
.analytics-topics{
  margin-top: 40px;
}
.analytics-topics td{
  font-size: 12px;
  padding-left: 10px;
}
.analytics-topics th{
  font-size: 16px;
  padding-left: 10px;
}
.analytics-topics .hidden-row th{
  font-size: 12px;
}
.analytics-topics .hidden-row td,
.analytics-topics .hidden-row th
{
  padding: 0 !important;
}

.analytics-topics tr td{
color: #000;
}

.analytics-topics tr.collapsed td{
color: #969696;
}
.analytics-topics tr.collapsed:hover td{
color: #000;  
}

.footer-final{
  min-width: 100%;
  margin-bottom: 0;  
  background-color: #f3f1f2;
  margin-top: 100px;
  padding: 10px 0;
}
.footer-final ul{
  list-style-type: none;
  position: absolute;
  margin:0;
  float: left;
  /*left: 40px;*/
  width: 100%;
  text-align: center;
  top:17px;
}

.footer-final ul li{
  display: inline;
  padding: 0 10px;
}

.weak-topic-subsection{
  float: left;
width: 100%;
font-size: 25px;
padding-top: 10px;
margin-bottom: 50px;
border-top: 1px solid;
font-variant: small-caps;
letter-spacing: 1px;
}

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

ul.ul-nav > .active > a,
ul.ul-nav > .active > a:hover, 
ul.ul-nav > .active > a:focus {
 cursor: default;
 color:rgba(97,143,163,1);
 background-color: rgba(255,255,255,0); 
 border: 1px solid #ddd;
 border-width: 1px 1px 0;
}
ul.ul-nav {
  padding-left: 0;
  margin: 0px;
  border:none;
  float:left;
  width:100%
}
ul.ul-nav > .active{
  border-bottom: none;
  box-shadow: 1px -1px 1px rgba(0,0,0,0.05);
}
ul.ul-nav li{
  border-bottom: 1px solid #ddd;
  margin-bottom: 0;
}
ul.ul-nav > li > a{
  text-align: center;
  padding: 15px 0;
  margin: 0;
  border-radius:0;
  -webkit-border-radius:0;
  border: 1px solid #ddd;
  background: #F8F8F8;
} 

#my-desk-test-header{
 margin: 0;  
 width: 100%;
 float: left;
 background: #F8F8F8;
 border-bottom: 1px solid #E4E4E4;
}
#my-desk-test-header li{
 width: 50%;
}
#my-desk-test-header li a{
 height: 50px;
 padding: 0;
 margin: 0;
 border-radius: 0;
}

.white{
  min-width: 100%;
  margin-top: 70px;
  margin-bottom: 0;
  background-color: #fff;
  border-top: 1px solid #DFDFDF !important; 
}

.divider {
border-bottom: 1px solid #DDDDDD;
margin-top:40px;
margin-right: auto;
margin-left: auto;
width: 1100px;
text-align:center;
color: #ddd;
text-decoration:underline;
}

.see-more > a{
  color: #aaaaaa;
}



.beaker-distroted{
  background:url('../img/beaker-dis.png');
  background-size: 100%;
}
#ullu-landing{
  margin-left: 170px;
}

#indepth-anal{
  background: url('/img/indepth-analysis-hover.png');
  background-size:250px 250px;
  background-repeat:no-repeat;
  -webkit-transition:all 0.35s linear;
  -moz-transition:all 0.35s linear;
  transition:all 0.35s linear;
}

#indepth-anal:hover {
  background: url('/img/indepth-analysis.png');
  background-size:250px 250px;
  background-repeat:no-repeat;
}


#compare-performance{
  background: url('/img/compare-performance.png');
  background-size:250px 250px;
  background-repeat:no-repeat;
  opacity: 0.7;
}


#large-database{
  background: url('/img/large-database.png');
  background-size:250px 250px;
  background-repeat:no-repeat;
  opacity: 0.7;
}


#highlight-weakness{
  background: url('/img/highlight-weakness.png');
  background-size:250px 250px;
  background-repeat:no-repeat;
  opacity: 0.7;
}


#balance{
  background: url('/img/balance.png');
  background-size:275px 275px;
  background-repeat:no-repeat;
  opacity: 0.7;
}


#compare-batch{
  background: url('/img/compare-batch.png');
  background-size:250px 250px;
  background-repeat:no-repeat;
  opacity: 0.7;
}

#make-test{
  background: url('/img/make-test.png');
  background-size:250px 250px;
  background-repeat:no-repeat;
  opacity: 0.7;
}

.description{
  font-family: "Open Sans","lucida grande","Segoe UI",arial,verdana,"lucida sans unicode",tahoma,sans-serif;
  font-size: 15px;
  color: #748796;
  line-height: 1.875em;
  font-weight: 300;
}
.description a{
  color: #fff;
  border: 2px solid #fff;
  padding: 3px 10px 0;
  border-radius: 3px;
  background-color: transparent;
}
.description a:hover{
  text-decoration: none;
  color: rgba(13, 172, 219, 0.79);
  background-color: #fff;
}
.content{
  width: 840px;
  margin: 0px auto;
  margin-top: 120px;
}

.about-icon{
  background: url( '/img/ninja.png' ) no-repeat;
  background-size: 150px 150px
}
.content-left{
  width: 150px;
  height: 150px;
  margin-left: 35px; 
  margin-right: 15px;
}
.content-right{
  border-left: 1px solid #E5E5EE;
  float: left;
  margin-left: -1px;
  padding: 0 0 0 19px;
  width: 540px;
  color: #6b6b6b;
  text-align: justify;
}
.content-right,
.content-right p{
  font-family: 'sofia-pro-light';
}
.content-right h3,
.content-right h4{
  font-family: 'GothamBold'; 
}

* {
margin: 0;
/*-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
outline: none;
content: none;*/
}
html{
overflow-y: scroll; 
}
html, body {
height: 100%;
}

.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -70px;
}

.footer, .push {
height: 70px;
}

@font-face {
font-family: "Open Sans";
src: url(/css/fonts/OpenSans-Light-webfont.woff);
}
@font-face {
font-family: "Bradley Hand ITC";
src: url(/css/fonts/BradhITC.woff);
}
@font-face {
  font-family: 'MontRegular';
  src: url('/css/fonts/MontserratRegular.woff');
}
@font-face{
  font-family: 'GothamBold';
  src: url('/css/fonts/ufonts.com_gotham_bold.ttf');
}
@font-face {
  font-family: 'FacitwebNormal';
  src: url('/css/fonts/FacitWeb.ttf');
}
@font-face {
  font-family: 'Lato Lig';
  src: url('/css/fonts/LatoLig.woff');
}
@font-face {
  font-family: 'gisha';
  src: url('/css/fonts/Gisha.ttf');
}
@font-face {
  font-family: 'Apex Light';
  src: url('/css/fonts/apexnewlightwebfont.woff');
}
@font-face {
font-family: 'Gotham Rounded Light';
src: url('/css/fonts/GothamRnd-Light.otf');
}
@font-face {
font-family: 'Gotham Rounded Book';
src: url('/css/fonts/GothamRnd-Book.otf');
}
@font-face {
font-family: 'Gotham Rounded Medium';
src: url('/css/fonts/GothamRnd-Medium.otf');
}
.contact-icon{
  background: url( '/img/mailbx.png' ) no-repeat;
  background-size: 150px 150px
}

.privacy-icon{
  background: url( '/img/hell.png' ) no-repeat;
  background-size: 150px 150px
}
.terms-icon{
  background: url( '/img/terms.png' ) no-repeat;
  background-size: 150px 150px;
}
.testi-icon{
  background: url( '/img/testi.png' ) no-repeat;
  background-size: 150px 150px;
}
.testi-box{
  width: 490px;  
  border: 1px solid #E5E5EE;
  border-radius:5px;
  padding:10px;
  float:left;
  margin-bottom: 0px;
}
.wrapper1 {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -130px;
}

.awesome, .pushup {
height: 130px;
}

.question-form{
  margin-bottom: 20px
}

.insti-form-div{
   float: left;
   width: 100%;
   margin: 10px 0;
}
.insti-form-div a:hover{
  text-decoration: none !important; 
}

.overflow-hid{
  overflow: hidden;
}

.small-table tr td{
 color: #000000 !important;
}

.heading-upload{
  margin-top: 60px;
  font-family: arial;
  font-size: 17px;
  padding: 5px;
  float: left;
}

#uploadFile1,
#uploadFile2{
  float: left;
  background-color: rgba(238,238,238,0.1);
}
#uploadFile1:hover,
#uploadFile2:hover,
.question-box-inner2:hover,
#test-series-img:hover{
  border-color: rgba(97,143,163,0.53);
  background-color: rgba(238,238,238,0.2);
}
#uploadFile1:active,
#uploadFile2:active,
.question-box-inner2:active,
#test-series-img:active{
  background-color: #F3F2F2;
}
/*----------------------------------------------------------------------------------------------------------*/

#main-pic {  
  width: 300px;  
  margin:auto;  
  background: #ececec;  
  padding: 20px;  
  border: 1px solid #ccc;  
}  

#image-list {  
  list-style:none;  
  margin:0;  
  padding:0;  
}  
#image-list li {  
  background: #fff;  
  border: 1px solid #ccc;  
  text-align:center;  
  padding:20px;  
  margin-bottom:19px;  
}  
#image-list li img {  
  width: 258px;  
  vertical-align: middle;  
  border:1px solid #474747;  
}  

input,
input:focus{
  outline: 0 !important;
}
/*----------------------------------------------------*/
#AlreadySignedUp{
display: block;
float: right;
cursor: default;
/*padding: 15px;*/
width: 235px;
/*margin-right: 120px;*/
-webkit-transition:opacity 0.5s linear;
-moz-transition:opacity 0.5s linear;
transition:opacity 0.5s linear;
position: relative;
/*top: 36%;
bottom: 36%;*/
/*right: 145px;*/
right: 4.5%;
height: 100%;
}
#AlreadySignedUp a{
position: absolute;
padding: 0;
text-align: center;
font-family: arial;
text-decoration: none;
color: #353535;
text-shadow: 0 1px 1px #E4EBE9;
margin: 0;
top: 36%;
bottom: 36%;
}
#UsersForm,.form-inline{
right: 0;
top: 17px;
-webkit-transition:all 0.1s linear;
-moz-transition:all 0.1s linear;
transition:all 0.1s linear;
}
/*
#compare-performance:hover{
position: relative;
animation:mymove 0.5s infinite;
animation-timing-function:linear;

/* Safari and Chrome 
-webkit-animation:mymove 0.5s infinite;
-webkit-animation-timing-function:linear;
}
@keyframes mymove
{
from {top:-50px;}
to {top:0px;}
}

@-webkit-keyframes mymove /* Safari and Chrome 
{
from {top:-50px;}
to {top:0px;}
}

*/
.tooltip{
  /*font-family: arial;*/
  letter-spacing: 0;
  font-size: 13px;
}

.display-hide1{
  display: block;
  opacity: 0;
  height: 0;
  -webkit-transition:opacity 0.15s linear;
  -moz-transition:opacity 0.15s linear;
  transition:opacity 0.15s linear;
  padding: 0;
  margin: 0;
  font-size: 12px;
  font-family: arial;
  letter-spacing: 1px;
}
.ajaxRegister:hover .display-hide1{
  opacity: 1;
  height: auto;
}
.ajaxRegister:hover .landing-signup .css-banner{
  padding-top: 0;
}
.social-div{
  position: relative;
  left: 5%;
  float: left;
  width: 50px;
  height: 100%;
  display: block;
  -webkit-transition: width 0.2s linear;
  -moz-transition: width 0.2s linear;
  transition: width 0.2s linear;
}
#social-gplus{
  width: 55px;
}
#social-fb:hover{
  width: 120px;
  background: #3B5998;
  border-bottom: 1px solid #3B5998;
}
#social-twitter:hover{
  width: 115px;
  background: #3a92c8; 
  border-bottom: 1px solid #3a92c8;
}
#social-gplus:hover{
  width: 118px;
  background: #d34836;
  border-bottom: 1px solid #d34836; 
}
#social-twitter:hover img{
  padding-left: 2px;
}
#social-gplus:hover img{
  margin-left:-3px;
}
.social-div-inner{
  float: left;
  position: absolute;
  top:36%;
  bottom:36%;
  margin: 0;
  padding: 0;
}
.social-icon{
  display: block;
  float: left;
}
.social-icon img{
  height: 35px;
  margin-top: -4px;
}
.social-text{
  float: left;
  display: none;
  font-size: 16px;
  font-family: open sans,Helvetica,sans-serif;
  letter-spacing: 0;
  text-decoration: none;
  color: #fff;
  padding-top: 5px;
  position: absolute;
  left: 45px;
}
#signupSuccess,
.alert{
  text-align: center;
  position: fixed;
  left: 13%;
  right: 13%;  
  top: 95px;
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  color: #c09853;
  z-index: 1;
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  transition: all 0.25s linear;
  -webkit-transition-property:all;
  -moz-transition-property:all;
  transition-property:all; 
  -webkit-transition-duration:0.25s;
  -moz-transition-duration:0.25s;
  transition-duration:0.25s;
}
.alert span{
  margin: 0;
}
.alert-error{
color: rgba(240, 12, 12,0.5);
background-color: #f2dede;
border-color: #eed3d7;
}
.alert-success {
color: #468847;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.smooth{
  transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  padding: 0;
  margin: 0;
}
tr.hidden-row{
  background-color: rgba(241, 241, 241, 0.419608);
  height: auto;
}
tr.hidden-row table.hidden-new-table{
  width: 100%;
  padding: 0;
  margin: 0;
  border: none;

  -webkit-box-shadow: 0 0px 8px rgba(0, 0, 0, 0.065);
     -moz-box-shadow: 0 0px 8px rgba(0, 0, 0, 0.065);
          box-shadow: 0 0px 8px rgba(0, 0, 0, 0.065);
}
tr.hidden-row table.hidden-new-table tr td,
tr.hidden-row table.hidden-new-table tr th{
  text-align: center;
  padding:0;
  border: 1px solid #ddd; 
} 
tr.hidden-row table.hidden-new-table tr th
{
  background: #f8f8f8;
  color: #333;
}
tr.hidden-row table.hidden-new-table tr td{
  font-size: 13px;
  height:50px !important;
  text-shadow: 0px 0px 1px #E6E6E6;
  background: #FFF;
  color: #333;
}
.home-background-frame.tab-content{
  overflow: visible;
}


table.instruction_area tr{
  width: 100%;
  padding: 10px 0;
  float: left;
}
table.instruction_area tr td{
  text-align: left;
}
table.instruction_area tr td span.label{
  margin-right: 15px;
} 
div.ques-ans div.row-instruction{
  padding:5px 25px;
}
div.ques-ans div.row-instruction ol{
  margin: 6px 18px;
}


ol.plans {
list-style-type: none;
padding: 86px 0;
margin: 0;
position: relative;
float: left;
left: 12%;
}
ol.plans .item ,
ol.plans .first-column{
float: left;
width: 215px;
padding: 0;
text-align: center;
color: rgb(32,40,48);
text-shadow: rgb(255,255,255) 0 1px 1px;
-webkit-transition-property: scale;
-moz-transition-property: scale;
transition-property: scale;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: ease-in-out;
-moz-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
ol.plans li.first-column{
border-top-left-radius: 5px;
}
ol.plans li.last-column{
 border-top-right-radius: 5px; 
}
ol.plans h4.fn {
padding-bottom: .5em;
font-size: 2em;
line-height: 1;
margin-bottom: 0;
border-bottom: 1px solid rgb(223,231,239);
font-weight: normal;
margin:0;
padding-top: 10px;
background: #beeff4;
border: 1px solid #D8D8D8;
}
ol.plans ul.planDescription {
list-style-type: none;
margin: 0px;
padding:10px;
border: 1px solid #D8D8D8;
background:#fbfbfb;
}
ol.plans ul.planDescription li{
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
  text-align: center;
  height: 35px;
 }
ol.plans ul.planDescription li.last{
  border: none;
}
ol.plans ul.planDescription li img{
  width: 35px;
}
ol.plans ul.planDescription li.last a.btn{
  width: 126px;
  padding: 8px;
}
ol.plans .item:hover { 
border-top-left-radius : 5px;
border-top-right-radius : 5px;
-moz-border-top-left-radius : 5px;
-moz-border-top-right-radius : 5px;
-webkit-border-top-left-radius : 5px;
-webkit-border-top-right-radius : 5px;
box-shadow : 0 0 10px rgba(0,0,0,.5);
-moz-box-shadow : 0 0 10px rgba(0,0,0,.5);
-webkit-box-shadow : 0 0 10px rgba(0,0,0,.5);
transform: scale(1.03);
-webkit-transform : scale(1.03); 
-moz-transform : scale(1.03); 
} 
ol.plans .item:hover h4.fn{
  background: #99e6ed;
}

.temp-things-show{
  position: relative;
  display: none;
}
.temp-things-hide{
  display: block;
}
.alert-practice{
  font-size:32px;
  padding:0 0 10px 0;
  width:100%;
  position:static;
  margin-bottom: 0;
  font-weight:bold;
  background:none;
  border:none;
}
.alert-practice p{
  color: #9E9E9E;
  font-size: 18px;
  padding: 12px 0 0 0;
  margin: 0; 
  letter-spacing: 1px;
}
.edit-profile-photo{
  position:absolute; 
  left:8px; 
  top:81%;
  font-size: 13px;
  display:none;
  border-radius: 2px;
  background-color: rgb(243,243,243);
  padding:0 9px 0 6px;
  border: 1px solid #a5a5a5;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.edit-profile-photo:hover{  
  background-color: #e4e4e4;
}
.edit-profile-photo a:hover{
  text-decoration: none !important;
  color:#000;
}

.alert-disappear
{
  text-align: center;
  position: fixed !important;
  left: 6.5%;
  right: auto;
  top: 54px;
  background-color: rgba(97, 143, 163, 1);
  border: rgba(97,143,163,0.53);
  color: #fff;
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  transition: all 0.25s linear;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  transition-property: all;
  z-index: 999999;
  -webkit-transition-duration: 0.25s;
  -moz-transition-duration: 0.25s;
  transition-duration: 0.25s;
  border-radius: 0px;
  text-shadow: none;
}
#AlertDisappear:before,
#AlertClose:before
{
  position: absolute;
top: -7px;
left: 10px;
display: inline-block;
border-right: 7px solid transparent;
border-bottom: 7px solid #CCC;
border-left: 7px solid transparent;
border-bottom-color: rgba(97, 143, 163, 1);
content: '';
}
.analysis-basic-font{
width: 100%;
text-align: center;
font-size: 22px;
margin: 5px 0;
float: left;
}
.temp-div1 .score-box2{
width:16%;
}

table.editable-new-table{
  width: 100%;
  padding: 0;
  margin: 0;
  border: none;
}
table.editable-new-table tr td,
table.editable-new-table tr th{
  text-align: center;
  padding:0;
  border: 1px solid #ddd; 
} 
table.editable-new-table tr th
{
  background: #f8f8f8;
  color: #333;
  line-height: 35px;  
}
table.editable-new-table tr td{
  font-size: 13px;
  text-shadow: 0px 0px 1px #E6E6E6;
  background: #FFF;
  color: #333;
  padding: 10px;
}
table.editable-new-table textarea
{
  width: 100%; 
  border-radius:0px;
  border:none;
  margin:0;
  padding: 0;
  text-align:left;
  height: 100px;
  line-height: 18px;
  resize: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
.topic-syllabus textarea{
  width: 205px;
  height: 125px;
  border-radius: 0px;
  line-height: 18px;
  resize: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none; 
}
.fixed-header{
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
}
.fixed-header .container{
  visibility: visible !important;
  opacity: 1 !important;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.new-header-outer-css{
  background: #fff !important; 
  border-bottom: 1px solid #EBE5E5; 
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.3);
}
.layer{
  background-color: rgba(13, 172, 219, 0.79);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.joint-button{
  position: absolute;
  width: 100%;
  text-align: center;
}
.btn-css{
  cursor: pointer;
  outline: none;
  border: 1px solid transparent;
}
.btn-css:hover{
  text-decoration: none;
}
.btn-primary-mine{
  background: #a3c737;
  border-color: #a3c737;
  color: #fff;
  border-radius: 4px;
  font-family: Facitweb, FacitwebNormal, arial,sans-serif;
  font-weight: normal;
  font-size: 19px;
  padding: 10px 40px;
  position: relative;
  top: 45px;  
}
.btn-primary-mine:hover{
  color: #fff;
  background: #99BB34;
}
.btn-primary-mine:active{
  color: #f1f1f1;
  background: #87B305;
}
.btn-secondary-mine{
  background: rgba(18, 191, 241, 1);
  border-color: #4CADDB;
  color: #fff;
  border-radius: 4px;
  font-family: Facitweb,FacitwebNormal,arial,sans-serif;
  font-weight: normal;
  font-size: 13px;
  padding: 4px 14px;
  position: relative; 
}
.btn-secondary-mine:hover{
  color: #fff;
  background: rgba(22, 183, 230, 1);
}
.btn-secondary-mine:active{
  color: #f1f1f1;
  background: rgba(18, 176, 221, 1);
}
.width-increase{
  width: 120px !important;
}
.modal{
  top: 50% !important;
  left: 50% !important;
  margin: 0 !important;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
#modal-log-in input{
  margin-top: 16px;
}
.modal-call-to-action .remember-me label{
  margin: 6px 0 6px !important;
  width: 100%;
}
@media only screen and (min-width: 1025px) and (max-width: 1365px){
.landing-page-section-first .container,
.landing-page-section-second .container,
.landing-page-section-third .container,
.landing-page-section-fourth .container,
.landing-page-section-fifth .container,
.landing-page-section-sixth .container,
.landing-page-section-footer .container{
  width: 100% !important;
  max-width: 82% !important;
}
.landing-page-section-first .container{
  max-width: 920px !important;
}
.landing-page-section-second .container{
  max-width: 755px !important;
}
.landing-page-section-third .container,
.landing-page-section-fifth .container{
  max-width: 100% !important;
}
.landing-page-section-fourth .container{
  max-width: 1230px !important;
}
.landing-page-section-sixth .container{
  max-width: 1230px !important;
}
.landing-page-section-sixth .institute-logo-box{
  width: 100%;
}
#HeaderHeight{
  width: 100% !important;
  max-width: 92% !important;
}
.landing-page-section-fourth .testi-box{
  width: 64% !important;
  padding-right: 34px;
}
#logo-footer img{
  padding-left: 0 !important;
}
#logo-footer p{
  padding-left: 5px !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
.modal-call-to-action input.input-medium{  
  max-width: 262px !important;
}
#modal-log-in{
  top: 50% !important;
  left: 50% !important;
  margin: 0 !important;
  width: 80% !important;
  max-width: 320px !important;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
#modal-log-in input{
  margin-top: 16px;
} 
.sign-up-agreement{
  display: none !important;
}
.modal-call-to-action{
  top: 50% !important;
  left: 50% !important;
  margin: 0 !important;
  width: auto !important;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.modal-call-to-action .modal-header{
  padding: 10px 17px !important;
}
.modal-call-to-action .modal-body{
  padding: 15px 22px 0 !important;
}
.modal-call-to-action .remember-me label{
  margin: 0 0 5px !important;
  width: 100%;
}
.modal-call-to-action input.span10
{
  width: 280px !important;
  height: 35px !important;
}
.modal-call-to-action input.span5{
  width: 138px !important;
  height: 35px !important;
}
.modal-call-to-action select{
  width: 280px !important;
  height: 35px !important;
} 
.modal-call-to-action span.add-on{
  padding: 6.5px !important;
}
.modal-call-to-action .input-prepend input{
  width: 233px !important;
  height: 35px !important;
}
.modal-call-to-action .modal-footer button{
  padding: 13px 0 !important;
}
.landing-page-section-first{
  position: relative !important;
}
#Header{
  position: absolute;
}
#HeaderHeight{
  width: 100% !important;
  max-width: 92% !important;
}
#Logo{
  left: 1%;
  width: 50%;
  max-width: 190px;
}
#UsersForm{
  display: none;
}
.mobile-log-in-header{
  display: block !important;  
  font-size: 19px;
  position: relative !important;
  top: 36%;
  bottom: 36%;
}
.mobile-log-in-header i{
  margin-top: 6px;
}
.mobile-log-in-header:hover{
  text-decoration: none;
}
#AlreadySignedUp .mobile-log-in-header{
  display: none !important;
}
.wrapper .wrapper1{
  padding-top: 50px;
}
#bs-docs-examples{
  left: 0 !important;
}
#bs-docs-examples img{
  width: 300px !important;
}
.hero-unit-landing{
  padding: 90px 3% 0 0;
  width: 45%;
  float: right;
}
.landing-signup{
  height: 60px;
  width: 100%;  
}
.landing-signup img{
  left: 5.5%;
  top: 3px;
}
.landing-signup .css-banner{
  top: 16px;
  left: 31%;
  font-size: 19px;
}
#back-institute img{
  left: 4% !important;
  top: -4px !important;
}
#social-div-landing{
  bottom: 0px !important;
  right: 1% !important;
}
.landing-page-section-first .container,
.landing-page-section-second .container,
.landing-page-section-third .container,
.landing-page-section-fourth .container,
.landing-page-section-fifth .container,
.landing-page-section-sixth .container,
.landing-page-section-footer .container{
  width: 100% !important;
  max-width: 90% !important;
}
.landing-page-section-first .container{
  max-width: 920px !important;
}
.landing-page-section-second .container{
  max-width: 755px !important;
}
.landing-page-section-third .container,
.landing-page-section-fifth .container{
  max-width: 100% !important;
}
.landing-page-section-first,
.landing-page-section-second,
.landing-page-section-third,
.landing-page-section-fourth,
.landing-page-section-fifth,
.landing-page-section-sixth,
.landing-page-section-footer{
  top: 0;
}
#scroll-top-detector{
  top: 75px;
}
.landing-page-section-first{
  min-height: 350px !important;
}
.landing-page-section-second{
  min-height: 500px !important;
}
.landing-page-section-third{
  min-height: 390px !important;
}
.landing-page-section-fourth{
  min-height: 345px !important;
}  
.landing-page-section-fifth{
  min-height: 440px !important;
}
.landing-page-section-sixth{
  min-height: 285px !important;
}
.landing-page-section-footer{
  min-height: 215px !important;
}
.landing-page-section-third ul ,
.landing-page-section-fifth ul {
  margin-top: 30px !important;
}
.landing-page-section-third ul li,
.landing-page-section-fifth ul li{
  width: 30% !important;
  padding: 0 1% !important; 
}
.landing-page-section-third ul li h2,
.landing-page-section-fifth ul li h2{
  font-size: 19px;
}
#benefits-for-students-1 img{
  width: 190px !important;
}
#benefits-for-students-2 img{
  width: 200px !important;
  padding-top: 30px !important;
}
#benefits-for-students-3 img{
  width: 190px !important;
  padding-top: 17px !important;
}
.testi-box{
  width: 100% !important;
  left: 0 !important;
  padding: 10px 0 !important;
}
.testi-box div.pull-right{
  padding-right: 20px !important;
}
.testi-comment{
  width: auto;
  margin: 0;
  float: left; 
  text-align: left;
}
.get-started{
  width: 100% !important;
  left: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 55px !important;
}
.get-started p{
  top: 30px !important;
}
.get-started a{
  top: 35px !important;
}
#benefits-for-institutes-1 img{
  width: 190px !important;
}
#benefits-for-institutes-2 img{
  width: 190px !important;
  padding-top: 11px !important;
}
#benefits-for-institutes-3 img{
  width: 190px !important;
  padding-top: 0px !important;
}
.institute-logo-box{
  width: 100% !important; 
}
.institute-logo-box ul{
  margin: 25px 0 0 0 !important;
  width: 100% !important;
}
.institute-logo-box ul li{
  width: 19% !important;
  margin: 16px 0 0 0 !important; 
}
#logo-footer img{
  padding: 0 !important;
}
#logo-footer p{
  padding-left: 5px !important;
  font-size: 11px !important;
}
}
@media only screen and (min-width: 595px) and (max-width: 767px) {
.modal{
  position: absolute;
}
.modal-call-to-action input.input-medium{  
  max-width: 262px !important;
}
#modal-log-in{
  top: 50% !important;
  left: 50% !important;
  margin: 0 !important;
  width: 80% !important;
  max-width: 320px !important;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
#modal-log-in input{
  margin-top: 16px;
} 
.sign-up-agreement{
  display: none !important;
}
.modal-call-to-action{
  top: 50% !important;
  left: 50% !important;
  margin: 0 !important;
  width: auto !important;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.modal-call-to-action .modal-header{
  padding: 10px 17px !important;
}
.modal-call-to-action .modal-body{
  padding: 15px 22px 0 !important;
}
.modal-call-to-action .remember-me label{
  margin: 0 0 5px !important;
  width: 100%;
}
.modal-call-to-action input.span10
{
  width: 280px !important;
  height: 35px !important;
}
.modal-call-to-action input.span5{
  width: 138px !important;
  height: 35px !important;
}
.modal-call-to-action select{
  width: 280px !important;
  height: 35px !important;
} 
.modal-call-to-action span.add-on{
  padding: 6.5px !important;
}
.modal-call-to-action .input-prepend input{
  width: 233px !important;
  height: 35px !important;
}
.modal-call-to-action .modal-footer button{
  padding: 13px 0 !important;
}
.landing-page-section-first{
  position: relative !important;
}
#Header{
  position: absolute;
}
#HeaderHeight{
  width: 100% !important;
  max-width: 92% !important;
}
#Logo{
  left: 1%;
  width: 50%;
  max-width: 190px;
}
#UsersForm{
  display: none;
}
.social-div{
  display: none;
}
#Logo2{
  display: none !important;
}
#Logo3{
  display: block !important;
  left:5% !important;
}
#AlreadySignedUp{
  width: 65px;
}
.mobile-log-in-header{
  display: block !important;
  padding-right: 15px !important;  
  position: relative !important;
  top: 36%;
  bottom: 36%;
}
.mobile-log-in-header:hover{
  text-decoration: none;
}
#AlreadySignedUp .mobile-log-in-header{
  padding-right: 0 !important;
}
.pc-log-in-header{
  display: none !important;
}
.wrapper .wrapper1{
  padding-top: 50px;
}
#bs-docs-examples{
  left: 0 !important;
  padding-left: 0 !important;
  padding-right: 6%;
}
#bs-docs-examples img{
  width: 250px !important;
}
.hero-unit-landing{
  padding: 80px 1% 0 0;
  width: 42%;
  float: right;
}
.landing-signup{
  height: 50px;
  width: 100%;
  text-align: center;  
}
.landing-signup .css-banner{
  top: 10px;
  left: auto;
  width: 100%;
  font-size: 18px;
}
#back-institute img,
#back-student img{
  display:none;
}
#social-div-landing{
  bottom: 0px !important;
  right: 1% !important;
  width: 60%;
}
.landing-page-section-first .container,
.landing-page-section-second .container,
.landing-page-section-third .container,
.landing-page-section-fourth .container,
.landing-page-section-fifth .container,
.landing-page-section-sixth .container,
.landing-page-section-footer .container{
  width: 100% !important;
  max-width: 85.5% !important;
}
.landing-page-section-first,
.landing-page-section-second,
.landing-page-section-third,
.landing-page-section-fourth,
.landing-page-section-fifth,
.landing-page-section-sixth,
.landing-page-section-footer{
  top: 0;
}
.landing-page-section-second .container{
  max-width: 400px !important;
}
.landing-page-section-third .container,
.landing-page-section-fifth .container{
  max-width: 100% !important;
}
#scroll-top-detector{
  top: 75px;
}
.landing-page-section-first{
  min-height: 350px !important;
}
.landing-page-section-second{
  min-height: 450px !important;
}
.landing-page-section-third{
  min-height: 390px !important;
}
.landing-page-section-fourth{
  min-height: 425px !important;
}  
.landing-page-section-fifth{
  min-height: 450px !important;
}
.landing-page-section-sixth{
  min-height: 250px !important;
}
.landing-page-section-footer{
  min-height: 215px !important;
}
.landing-page-section-third ul ,
.landing-page-section-fifth ul {
  margin-top: 30px !important;
}
.landing-page-section-third ul li,
.landing-page-section-fifth ul li{
  width: 30% !important;
  padding: 0 1% !important; 
}
.landing-page-section-third ul li h2,
.landing-page-section-fifth ul li h2{
  font-size: 16px;
  line-height: 25px;
}
.video-wrapper-tablet{
  height: 262px;
  top: 100px !important;
}
#video-wrapper{
  margin: 22px 35px 37px 39px;
}
#benefits-for-students-1 img{
  width: 190px !important;
}
#benefits-for-students-2 img{
  width: 200px !important;
  padding-top: 37px !important;
}
#benefits-for-students-3 img{
  width: 190px !important;
  padding-top: 15px !important;
}
.testi-box{
  width: 100% !important;
  left: 0 !important;
  padding: 10px 0 !important;
}
.testi-box div.pull-right{
  padding-right: 20px !important;
}
.testi-comment{
  width: auto;
  margin: 0;
  float: left; 
  text-align: left;
}
.get-started{
  width: 100% !important;
  left: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 55px !important;
}
.get-started p{
  top: 30px !important;
}
.get-started a{
  top: 35px !important;
}
#benefits-for-institutes-1 img{
  width: 190px !important;
}
#benefits-for-institutes-2 img{
  width: 190px !important;
  padding-top: 11px !important;
}
#benefits-for-institutes-3 img{
  width: 190px !important;
  padding-top: 0px !important;
}
.institute-logo-box{
  width: 100% !important; 
}
.institute-logo-box ul{
  margin: 25px 0 0 0 !important;
  width: 100% !important; 
}
.institute-logo-box ul li{
  width: 20% !important;
  padding: 0 !important; 
}
#logo-footer{
  display: none;
}
.landing-page-section-footer ul.outer-ul li {
  width: 30%;
  padding: 0 0 0 10px; 
}
.landing-page-section-footer ul.inner-ul{
  padding: 0;
}
.landing-page-section-footer ul.inner-ul li{
  padding: 0 !important;
  width: 100%; 
}
}
@media (max-width: 767px) and (orientation : landscape){
#scroll-top-detector{
  display: none !important;
}    
#scroll-arrow{
  display: none !important;
}
#social-div-landing{
  bottom: 30px !important;
}
}
@media only screen and (max-width: 594px){
.modal{
  position: absolute !important;
}
.modal-call-to-action input.input-medium{  
  max-width: 262px !important;
}
#modal-log-in{
  top: 50% !important;
  left: 50% !important;
  margin: 0 !important;
  width: 80% !important;
  max-width: 320px !important;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
#modal-log-in input{
  margin-top: 16px;
}
.sign-up-agreement{
  display: none !important;
}
.modal-call-to-action{
  top: 50% !important;
  left: 50% !important;
  margin: 0 !important;
  width: auto !important;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.modal-call-to-action .modal-header{
  padding: 10px 17px !important;
}
.modal-call-to-action .modal-body{
  padding: 15px 22px 0 !important;
}
.modal-call-to-action .remember-me label{
  margin: 7px 0 5px !important;
  width: 100%;
}
.modal-call-to-action input.span10
{
  width: 280px !important;
  height: 35px !important;
}
.modal-call-to-action input.span5{
  width: 138px !important;
  height: 35px !important;
}
.modal-call-to-action select{
  width: 280px !important;
  height: 35px !important;
} 
.modal-call-to-action span.add-on{
  padding: 6.5px !important;
}
.modal-call-to-action .input-prepend input{
  width: 233px !important;
  height: 35px !important;
}
.modal-call-to-action .modal-footer button{
  padding: 13px 0 !important;
}
.landing-page-section-first{
  position: relative !important;
}
.landing-page-section-first,
.landing-page-section-second,
.landing-page-section-third,
.landing-page-section-fourth,
.landing-page-section-fifth,
.landing-page-section-sixth,
.landing-page-section-footer{
  top: 0;
}
#Header{
  position: absolute;
}
#HeaderHeight{
  width: 100% !important;
  max-width: 100% !important;
}
#UsersForm{
  display: none;
}
#Logo{
  left: 1%;
  width: 50%;
  max-width: 190px;
}
#bs-docs-examples{
  display: none !important;
}
.hero-unit-landing{
  padding-left: 0;
  padding-top: 120px !important;
  position: absolute;
  left: 10px;
  right: 10px;
  width: 93%;
  text-align: center;
}
.hero-unit-landing a{
  width: 100%;
  display: block;
  margin: 0 auto;
}
.landing-signup{
  float: left;
  border-radius: 4px;
  margin: 10px 0px 35px;
  width: 100%;
  height: 55px;
  margin-bottom: 25px !important;
}
.landing-signup img{
  left: 3% !important;
  top: -1px !important;
}
.landing-signup .css-banner{
  font-size: 17px !important;
  left: 33% !important;
  top: 14px;
}
#back-institute img{
  left: 2% !important;
  top: -6px !important;
}
#social-div-landing{
  bottom: -20px !important;
  right: 1% !important;
  width: 56%;
}
#social-div-landing p{
  display: none !important;
}
.social-div{
  display: none;
}
#Logo2{
  left:5% !important;
}
#AlreadySignedUp{
  width: 65px;
}
.mobile-log-in-header{
  display: block !important;
  padding-right: 15px !important;  
  position: relative !important;
  top: 36%;
  bottom: 36%;
}
.mobile-log-in-header:hover{
  text-decoration: none;
}
#AlreadySignedUp .mobile-log-in-header{
  padding-right: 0 !important;
}
.pc-log-in-header{
  display: none !important;
}
#scroll-arrow{
  display: none !important;
}
#scroll-top-detector{
  top: 75px;
}
.landing-page-section-first{
  min-height: 320px !important;
}
.landing-page-section-second{
  min-height: 500px !important;
}
.landing-page-section-third{
  min-height: 1030px !important;
}
.landing-page-section-fourth{
  min-height: 487px !important;
}  
.landing-page-section-fifth{
  min-height: 1175px !important;
}
.landing-page-section-sixth{
  min-height: 334px !important;
}
.landing-page-section-footer{
  min-height: 225px !important;
}  
.landing-page-section-first .container,
.landing-page-section-second .container,
.landing-page-section-third .container,
.landing-page-section-fourth .container,
.landing-page-section-fifth .container,
.landing-page-section-sixth .container,
.landing-page-section-footer .container{
  width: 100% !important;
  max-width: 400px !important;
}
.video-wrapper-tablet{
  height: 262px;
}
#video-wrapper{
  margin: 22px 35px 36px 39px;
}
.landing-page-section-third ul li,
.landing-page-section-fifth ul li{
  width: 92%;
}
#benefits-for-students-1 img{
  width: 210px !important;
}
#benefits-for-students-2 img{
  width: 240px !important;
  padding-top: 0 !important;
}
#benefits-for-students-3 img{
  width: 200px !important;
  padding-top: 30px !important;
}
.testi-box{
  width: 100% !important;
  left: 0 !important;
  padding: 10px 0 !important;
}
.testi-box div.pull-right{
  padding-right: 30px !important;
}
.testi-comment{
  width: auto;
  margin: 0;
  float: left; 
  text-align: left;
  min-height: 300px !important; 
}
.get-started{
  width: 100% !important;
  left: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 55px !important;
}
.get-started p{
  top: 30px !important;
}
.get-started a{
  top: 35px !important;
}
.institute-logo-box{
  width: 100% !important; 
}
.institute-logo-box ul{
  margin: 25px 0 0 0 !important;
  width: 100% !important;
}
.institute-logo-box ul li{
  width: 50% !important;
  padding: 0 !important;
  margin: 10px 0 !important; 
}
#logo-footer{
  display: none;
}
.landing-page-section-footer ul.outer-ul li {
  width: 25%;
  padding: 0 0 0 20px; 
}
.landing-page-section-footer ul.inner-ul{
  padding: 0;
}
.landing-page-section-footer ul.inner-ul li{
  padding: 0 !important;
  width: 100%; 
}
}
.header-final-v2{   
  height: 50px;
  background-color: #ffffff;
  border: none;
  -webkit-transition: background 0.3s linear;
  -moz-transition: background 0.3s linear;
  transition: background 0.3s linear;
  position: relative;
  /* z-index: 9999; */
  z-index: 1040;
  width: 100%;
}

.hidden-row{
 /*display: none;*/
}


  .table thead>tr>th{
    padding:19px !important;
    font-family: 'Gotham Bold';
    font-size: 14px;
    text-transform: uppercase;
  }
  .table tbody>tr>th, .table tfoot>tr>th, .table thead>tr>td, .table tbody>tr>td, .table tfoot>tr>td{
    padding: 25px 16px !important;
    font-family: 'Gotham Bold';
  }
  #packages thead>tr:first-child th{
    border-bottom:1px solid #f1f1f1; 
  }
  #packages thead>tr>th{
    border:0px;
    text-align: center;
    color: #000;
    font-size: 14px;
  }
  #packages tbody>tr>td{
    border:0px;
    color: #666;
    text-align: center;
    font-family: 'gotham rounded book';
    font-size: 15px;
  }
  .table tbody>tr>td{
    font-family: 'gotham Rounded book';
  }
  #packages tbody>tr{
    border-bottom: 1px solid #F1F1F1;
  }
  #packages tbody>tr:hover{
    background-color: #f7f7f7;
  }
  #packages tbody>tr:hover > td{
    color: #000; 
  }
  .student_list{
    /*background: #65c2Df;
    
    padding: 5px;
    border-radius: 3px;
    color: #fff;
    float:right;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.18);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.18);*/
  }
  .strike{
    text-decoration: line-through;
  }
  .original_amount{
    border-right:1px solid #DDD;
    margin-right:5px;
    color:#ADADAD;
    width:18%;
    float:left;
  }
  .original_base_amount{
    border-right:1px solid #DDD;
    margin-right:5px;
    color:#ADADAD;
    float:left;
    padding-right: 8px;
  }
  .discounted_amount{
    padding-left:10px;
    color:#FF8D8D;
    font-weight: bold;
    font-size: 19px;
  }
  .package_discount{
    
    color: #00CD01;
    text-align: center;
    float:left;
    margin-right: 5px;

  }
  .student_list:hover{
    
    cursor: pointer;
  }
  .modal-footer_payment {
    padding: 10px 55px 25px;
    text-align: center;
    border-top: 0px solid #e5e5e5;
  } 
  #own-pack .table tbody>tr>td{
    border: 0px !important;
    vertical-align: middle;
  }
  #own-pack .table tbody>tr>td:first-child,
  #own-pack .table tbody>tr>td:nth-child(2)
  {
    width: 250px;
  }
  .net_valuepack{
    position:relative;
    border-top: 1px solid #DDD;
    padding:10px 0 0 0;
    font-family: 'Gotham Rounded Light';
  }
  .net_amount{
    position: absolute;
    color: #FF8D8D;
    width:100px;
    right:0px;
    font-weight: bold;
    font-family: 'gotham Rounded Book';
  }
  .fade.in_mine{
    opacity:1;
  }
  .heading-css{
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
    font-family: gotham bold;
  }
  table.allow-batches td,
  table.allow-batches th,
  table.allow-batches td + td,
  table.allow-batches th + th{
    padding-left: 25px;
    text-align: left;
    color: #333;
  }

 .pull-left.testimonials{
    margin-bottom: 8px;
 }
 .pull-left.testimonials .testi-box{
    -webkit-box-shadow: 0 0px 1px 0px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0 0px 1px 0px rgba(0, 0, 0, 0.26);
    box-shadow: 0 0px 1px 0px rgba(0, 0, 0, 0.26); 
    background-color: #fff;
 }

.discussion-form{
  width: 100%;
  padding: 25px;
  margin-top: 0px;
  background: #fafafa;
  border-radius: 0 0 2px 2px;
  /*border: 1px solid rgba(204, 204, 204, 1);
  border-width: 0 1px 1px;*/
  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  transition: all 1s linear;
}

.discussion-form #footer{
  display: none;
}
.ques-ans.review-mode{
  box-shadow: none !important;
  cursor: default !important;
}
.ques-ans.review-mode label{
  cursor: default !important; 
}
.st-correct,
.st-correct-marked,
.vanish-effect.st-correct.after-effect{
  background-color: #DCEC75 !important;
  outline: 1px solid #A7B168;
}
.st-wrong-marked{
  background-color: rgba(255, 44, 44, 0.52) !important;
}
.st-correct:not(.vanish-effect):before,
.st-correct-marked:not(.vanish-effect):before,
.st-wrong-marked:not(.vanish-effect):before{  
  background: transparent !important;
}
.st-correct .regular-radio,
.st-correct-marked .regular-radio,
.st-wrong-marked .regular-radio{
  border: 1px solid #666;
}
.st-correct-marked .regular-radio:checked:after,
.st-wrong-marked .regular-radio:checked:after{
  background-color: #666;
}
.mtct-correct-marked,
.it-correct-marked{
  background-color: #DCEC75 !important;
  border: 1px solid #A7B168 !important;
}
.mtct-wrong-marked,
.it-wrong-marked{
  background-color: rgba(255, 44, 44, 0.52) !important;
  border: 1px solid #AF474B !important;
}
.mtct-correct-marked .checkbox.inline,
.mtct-wrong-marked .checkbox.inline{
  float: left;
}
.st-correct .regular-checkbox,
.st-correct-marked .regular-checkbox,
.st-wrong-marked .regular-checkbox,
.mtct-correct-marked .regular-checkbox,
.mtct-wrong-marked .regular-checkbox{
  border-color: #666;
}
.st-correct .regular-checkbox:checked:after,
.st-correct-marked .regular-checkbox:checked:after,
.st-wrong-marked .regular-checkbox:checked:after,
.mtct-correct-marked .regular-checkbox:checked:after,
.mtct-wrong-marked .regular-checkbox:checked:after{
  color : #666 !important;
}
.mtct-correct-marked:checked:after{
  color: #6B962C !important;
}
.mtct-wrong-marked:checked:after{
  color: #A52938 !important;
  content: '\2716';
  left: 2px;
}
.banner-mode{
  position: relative;
}
.banner-mode:before{
  content: " ";
  display: block;
  border-left: 6px solid transparent;
  border-bottom: 8px solid #ccc;
  width: 0;
  height: 15px;
  position: absolute;
  left: 0;
  top: -15px;
}
.banner-mode.right:before{
  border-left: none;
  border-right: 6px solid transparent;
  right: 0;
  left: auto;
}
.banner-mode button{
  outline: none !important;
}
/*#disqus_thread{
     position: relative;
}
#disqus_thread:after{
     content: "";
     display: block;
     height: 55px;
     width: 100%;
     position: absolute;
     bottom: 0px;
     background:white;
}*/

/************testing screen********************/
.solutions{
  background-color: #fafafa;
  margin: 2px 0 2px;
}
.inner-solutions{
  float: left;
  width: 100%;
}
.solutions .hidden{
  display: none;
}
.solutions p{
  margin: 0;
  padding: 15px 0;
  color: #7AA0C5;
  cursor: pointer;
}
.centered{
  text-align: center;
}
.solution-text{
  padding: 10px 25px;
  background-color: #fff;
}
.right-div{
  margin-bottom: 15px;
}
.powered-by{
  font-family: 'Gotham Rounded Book';
  float: left;
  width: 100%;
  padding: 5px 0px; 
  color: rgba(0,39,59,.2);
}
.powered-by p{
  font-size: 12px;
  margin: 0; 
  font-weight: bold;
  text-align: right;
}
.powered-by .powered-by-pic{
  float: left;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin-right: 10px;
  box-shadow: 0px 3px 1px 0 rgba(0, 0, 0, 0.19) inset;
}
.powered-by .powered-by-name{
  float: left;
  width: 100%;
  text-align: right;
  font-size: 19px;
  font-weight: bold;
  color: rgba(0, 32, 48, 0.25);
  text-transform: uppercase;
  white-space: nowrap;
}
.powered-by,
.powered-by *,
.powered-by *:before,
.powered-by *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
outline: none;
content: none;
}

table.zebra-stripped tr:nth-child(odd){
  background-color: #E7E7E7;
}
table.zebra-stripped tr:first-child{
  background-color: transparent;
}
/*******************************************/

/**********cards basic ui*******************/
.ins-legends{
  float: left;
  width: 100%;
  border-bottom: 1px solid #d5d5d5;
}
.ins-legends.clear-border{
  border-bottom: none;
}
p.instructions-p{
    padding: 10px 10px 0;
    /* float: left; */
    width: 100%;
    line-height: 25px;
    margin-bottom: 3px;
 }
 span.instructions-color-box{
    width: 25px;
    height: 25px;
    background: #000;
    float: left;
    border: 1px solid #999;
 }
 span.instructions-color-meaning{
    padding-left: 12px;
 }
 .flag{
   position: relative;
}
.flag:before{
  content: " ";
  display: block;
  border-right: 15px solid transparent;
  border-top: 10px solid #777;
  width: 0;
  height: 0;
  position: absolute;
  left: 0px;
  top: 0px;
}
/*******************************************/
.fixed-layout{
  position: absolute !important;
  width: 100% !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0px !important;
}
.clat-section.fixed-layout{
  padding: 0px !important;
}
.clat-section.test-screen-main2{
  width: 79%;
  height: 100%;
  float: left;
  margin: 0 !important;
  overflow: hidden;
  box-shadow: none;
  border-radius: 0;
}
.clat-section.right-div{
  margin: 0;
  float: left;
  width: 21%;
  height: 100%;
  overflow: hidden;
  border-radius: 0;
}
.clat-section .test-subjects-all{
  float: left;
  width: 100%;
}
.clat-section .table-pcm-tabs{
  width: 100% !important;
  min-height: 40px; 
}
.table-pcm-tabs td .popover{
  border-radius: 2px;
  padding: 0;
  border-color: #d5d5d5;
  color: #555;
}
.table-pcm-tabs td .popover.bottom .arrow:after{
  border-bottom-color: #f7f7f7;
}
.table-pcm-tabs td .popover-title{
  border-radius: 2px 2px 0 0;
  text-align: center;
}
.table-pcm-tabs td .popover-content p{
  margin: 0;
}
.table-pcm-tabs td .popover-content span{
  font-weight: 500;
  padding-right: 3px;  
}
.clat-section .table-pcm-tabs td{
  text-align: center;
  background-color: #f6f6f6;
  border-right: 1px solid #D5D5D5;
  color: #777;
  border-top-width: 0;
  line-height: normal;
  cursor: pointer;
}
.clat-section .table-pcm-tabs td:last-child{
  border-right: none;
}
.clat-section .table-pcm-tabs td.active{
  background-color: #fff;
  color: #333;
  border-top-width: 0px;
  border-bottom-width: 1px;
  cursor: default;
}
.clat-section .table-pcm-tabs td:hover{
  outline: none;
  background-color: #fff;
  border-bottom-width: 1px;
  color: #333;
}
.clat-section .test-screen-main-first{
  border-radius: 0;
  border-width: 0 0 1px 0;
  border-color: #d5d5d5;
}
.clat-section .test-screen-main-second{
  height: 493px;
  /*height: 82%;*/
  width: 100%;
  overflow: hidden;
  border-width: 0px;
}
.clat-section .test-screen-main-second .loading-gif{
  border-width: 0px;
}
.clat-section .left-side{
  float: left;
  width: 50%;
  height: 100%;
  overflow-y: auto;
  background-color: #fff;
}
.clat-section .right-side{
  float: right;
  width: 50%;
  height: 100%;
  overflow-y: auto;
  background-color: #fff;
  border-left: 1px solid #D5D5D5;
}
.clat-section .ques-ans{
  margin: 0;
  border-width: 0 0 1px 0;
  border-color: #d5d5d5;
}
.clat-section .ques-ans:hover{
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.clat-section .test-screen-main-last{
  border-radius: 0;
  border-width: 1px 0 0 0;
  border-color: #d5d5d5;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
}
.clat-section .test-screen-main-last > div{
  left: auto;
  margin-left: 0;
  width: 100%;
}
.clat-section .test-screen-main-last > div button{
  float: left;
  margin: 0 0 0 20px;
}
.clat-section .btn-mine{
  border-bottom-width: 2px; 
}
.clat-section .btn-mine:active{
  border-bottom-width: 1px; 
}
.clat-section .btn-mine:not(.disabled):focus{
  background-color: #fff;
  color: #333;
}
.clat-section .test-screen-main-right{
  margin: 0;
  border-radius: 0;
  width: 100%;
  height: 100%;
  border-top-width: 0;
  border-color: #d5d5d5;
}
.clat-section .timer{
  margin: 22px 0; 
}
.clat-section .test-screen-main-right .score-box{
  margin-bottom: 0px !important;
}
.clat-section .ghost-element{
  width: 10%;
}
.clat-section .test-screen-main-right .tab-content{
  height: 313px;
  overflow-y: auto;
  padding-top: 7px;
}
.clat-section .test-screen-main-right .right-div-last{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 196px;
  margin: 0 !important;
  border-top: 1px solid #d5d5d5;
  background-color: #f6f6f6;
}
.clat-section .ins-legends p.instructions-p{
  padding: 5px 10px 5px;
  float: left;
  width: 50%;
  margin-bottom: 0;
  text-align: left;
  line-height: 22px;
}
.clat-section span.instructions-color-box{
  width: 20px;
  height: 20px;
}
.clat-section span.instructions-color-meaning{
  padding-left: 8px;
}
.clat-section .right-div-last .flag:before{
  border-right-width: 13px;
  border-top-width: 8px;
}
.clat-section .submit-test{
  position: relative;
  height: 75px;
}
.clat-section .submit-test > div,
.clat-section .extra-screen .last-wrapper > div{
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -24px;
}
.clat-section .powered-by{
  display: none;
}
.clat-section .right-side.full-width{
  width: 100%;
}
.clat-section .extra-screen .main-wrapper{
  background-color: #fff;
  padding: 40px 50px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 75px;
  overflow-y: auto; 
}
.clat-section .extra-screen .main-wrapper h4{
  text-align: center;
  margin: 0 0 40px;
}
.extra-screen .instructions-ol li{
    font-family: 'Myriad Pro Regular','proximanovalight','Gotham Rounded Book';
    margin-bottom: 0px;
}
.font-bold{
  font-family: 'Roboto';
  font-weight: 500;
}
.clat-section .extra-screen .last-wrapper{
  position: absolute;
  bottom: 0;
  left: 0;
  height: 75px;
  text-align: center;
  background-color: #f6f6f6;
  border-top: 1px solid #D5D5D5; 
}
.extra-screen.normalize-class .main-wrapper{
  background: #fff;
  border-radius: 2px 2px 0 0;
  padding: 15px 20px;
  /*border: 1px solid #ccc;*/
  border-bottom-width: 0;
  min-height: 425px;
}
.extra-screen.normalize-class.for-summary h4{
  text-align: center;
  margin-bottom: 40px;
}
.extra-screen.normalize-class .last-wrapper,
.last-wrapper.no-parent{
  text-align: center;
  margin-top: 1px;
  background: #f6f6f6;
  border-radius: 0 0 2px 2px;
  /*border: 1px solid #ccc;*/
  height: 75px;
  position: relative;
}
.extra-screen.normalize-class .last-wrapper > div,
.last-wrapper.no-parent > div{
  position: absolute;
  width: 100%;
  top: 50%;
  margin-top: -21px;
}
.table-default thead{
  background-color: #f6f6f6;
}
.table-default td,
.table-default th{
  padding: 10px;
  text-align: center;
  border: 1px solid #d5d5d5;
}
.table-default tbody tr:nth-child(odd){
  /*background-color: #f6f6f6;*/
}
/**********clat section css*****************/
/********Shubham's work*****************/
 
.vanish-effect.st-correct-marked:not(.after-effect),
.st-wrong-marked.vanish-effect{
  background-color: transparent !important;
  outline: none;
}
.vanish-effect.st-correct:not(.after-effect) .regular-radio{
  border: 1px solid #cacece;
}
.vanish-effect.st-correct{
  background-color: transparent !important;
  outline: none;
  border: none;
}
/*Shubham */

.st-correct.vanish-effect .regular-checkbox
{
  border-color: silver;
}
.after-effect.st-correct,
.after-effect.st-correct-marked{
  background-color: #DCEC75 !important;
}
/**********Prarabdh*************************/
input[type=range] {
  -webkit-appearance: none;
  margin: 10px 0;
  width: 100%;
}
input[type=range]::-webkit-slider-runnable-track {
    width: 300px;
    height: 5px;
    background: #ddd;
    border: none;
    border-radius: 3px;
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #FA8C8C;
    margin-top: -5px;
}

input[type=range]:focus {
    outline: none;
}

input[type=range]:focus::-webkit-slider-runnable-track {
    background: #ccc;
}
input[type=range]::-moz-range-track {
    width: 300px;
    height: 5px;
    background: #ddd;
    border: none;
    border-radius: 3px;
}

input[type=range]::-moz-range-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #FA8C8C;
}

/*hide the outline behind the border*/
input[type=range]:-moz-focusring{
    outline: 1px solid white;
    outline-offset: -1px;
}

input[type=range]:focus::-moz-range-track {
    background: #ccc;
}


/******************************************
    color
******************************************/
.table-default th,
.extra-screen.normalize-class.for-summary h4,
h4{
  color: #555;
}
div[ng-bind-html="option"]{
  padding-left: 30px;
}