/* Typography 
----------------------------------------------------------------------------------------------------*/
@font-face {
  font-family: "Roboto-Regular";
  src: url("fonts/Roboto-Regular.eot");
  src: url("fonts/Roboto-Regular.eot") format("embedded-opentype"),
    url("fonts/Roboto-Regular.woff") format("woff"),
    url("fonts/Roboto-Regular.ttf") format("truetype"),
    url("fonts/Roboto-Regular.svg#Roboto-Regular") format("svg");
}
@font-face {
  font-family: "Roboto-Medium";
  src: url("fonts/Roboto-Medium.eot");
  src: url("fonts/Roboto-Medium.eot") format("embedded-opentype"),
    url("fonts/Roboto-Medium.woff") format("woff"),
    url("fonts/Roboto-Medium.ttf") format("truetype"),
    url("fonts/Roboto-Medium.svg#Roboto-Medium") format("svg");
}
@font-face {
  font-family: "Roboto-Italic";
  src: url("fonts/Roboto-Italic.eot");
  src: url("fonts/Roboto-Italic.eot") format("embedded-opentype"),
    url("fonts/Roboto-Italic.woff") format("woff"),
    url("fonts/Roboto-Italic.ttf") format("truetype"),
    url("fonts/Roboto-Italic.svg#Roboto-Italic") format("svg");
}
@font-face {
  font-family: "Roboto-Thin-webfont";
  src: url("fonts/Roboto-Thin-webfont.eot");
  src: url("fonts/Roboto-Thin-webfont.eot?#iefix") format("embedded-opentype"),
    url("fonts/Roboto-Thin-webfont.woff") format("woff"),
    url("fonts/Roboto-Thin-webfont.ttf") format("truetype"),
    url("fonts/Roboto-Thin-webfont.svg#RobotoThin") format("svg");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Roboto-Thin";
  src: url("fonts/Roboto-Thin.eot");
  src: url("fonts/Roboto-Thin.eot") format("embedded-opentype"),
    url("fonts/Roboto-Thin.woff") format("woff"),
    url("fonts/Roboto-Thin.ttf") format("truetype"),
    url("fonts/Roboto-Thinc.svg#Roboto-Thin") format("svg");
}
.text-bold {
  font-family: "Roboto-Medium", Arial, sans-serif;
}

h1 {
  font-size: 36px;
}

h2 {
  font-size: 28px;
}

h3 {
  font-size: 24px;
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 16px;
}

h6 {
  font-size: 14px;
}

/**************************************** 
	 1.3 Link Style
  ****************************************/
a {
  color: #f17e10;
  outline: none;
}
a:hover,
a:focus {
  color: #f17e10;
  text-decoration: none;
  outline: none;
}

/**************************************** 
	 1.4 Image Style
  ****************************************/
img {
  border: 0;
  outline: none;
  vertical-align: middle;
}

/**************************************** 
	 1.5 Unordered List Style
  ****************************************/
ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

/**************************************** 
	 1.6 Buttons Style
  ****************************************/

#click-here-gif {
  border-radius: 2px;
  background-color: #66666699;
  height: 100%;
  position: fixed;
  z-index: 99999;
  left: 0;
  right: 40px;
  top: 0;
}
#click-here-gif img {
  padding-top: 260px;
  float: right;
}
.click-here-gif-mobile {
  display: none;
}
#click-here-gif.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, expand 0.5s 0.5s, stay 3s 1s, shrink 0.5s 2s,
    fadeout 0.5s 2.5s;
  animation: fadein 0.5s, expand 0.5s 0.5s, stay 3s 1s, shrink 0.5s 4s,
    fadeout 0.5s 4.5s;
}
.btn {
  padding: 7px 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  min-width: 90px;
}
/* .btn:focus {
	outline: none;
	-moz-box-shadow:    0px 3px 5px 1px #ccc;
	-webkit-box-shadow: 0px 3px 5px 1px #ccc;
	box-shadow:         0px 3px 5px 1px #ccc;
  } */
.btn:active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
.btn:active:focus,
.btn:active.focus {
  outline: none;
}

/* White Button Style */
.btn-white {
  border: 1px solid #ffffff;
  color: #ffffff;
  background-color: transparent;
}
.btn-white:hover,
.btn-white:focus {
  color: #ffffff;
}

.btn-white-org {
  border: 1px solid #f17e10;
  color: #f17e10;
  background-color: transparent;
}
.btn-white-org:hover,
.btn-white-org:focus {
  color: #f17e10;
}

/* Primary Button Style */
.primary-btn {
  background-color: #f17e10;
  color: #ffffff;
}
.primary-btn:hover,
.primary-btn:focus {
  color: #ffffff;
}

/* Secondary Button Style */
.secondary-btn {
  color: #ffffff;
  background-color: #343f4b;
}
.secondary-btn:hover,
.secondary-btn:focus {
  color: #ffffff;
}

/**************************************** 
	 1.7 Padding Style
  ****************************************/
.p-0 {
  padding: 0px !important;
}

.p-5 {
  padding: 5px !important;
}

.p-10 {
  padding: 10px !important;
}

.p-15 {
  padding: 15px !important;
}

.p-20 {
  padding: 20px !important;
}

.p-30 {
  padding: 30px !important;
}

.pt-0 {
  padding-top: 0px !important;
}
.pt-1 {
  padding-top: 1px !important;
}

.pt-5 {
  padding-top: 5px !important;
}

.pt-10 {
  padding-top: 10px !important;
}

.pt-15 {
  padding-top: 15px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.pt-30 {
  padding-top: 30px !important;
}
.pt-35 {
  padding-top: 35px !important;
}
.pt-55 {
  padding-top: 55px !important;
}
.pt-60 {
  padding-top: 60px !important;
}
.pr-0 {
  padding-right: 0px !important;
}

.pr-5 {
  padding-right: 5px !important;
}

.pr-10 {
  padding-right: 10px !important;
}

.pr-15 {
  padding-right: 15px !important;
}

.pr-20 {
  padding-right: 20px !important;
}

.pr-30 {
  padding-right: 30px !important;
}

.pb-0 {
  padding-bottom: 0px !important;
}

.pb-5 {
  padding-bottom: 5px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.pb-15 {
  padding-bottom: 15px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

.pl-0 {
  padding-left: 0px !important;
}

.pl-5 {
  padding-left: 5px !important;
}

.pl-10 {
  padding-left: 10px !important;
}

.pl-15 {
  padding-left: 15px !important;
}
.pl-17 {
  padding-left: 17px !important;
}

.pl-20 {
  padding-left: 20px !important;
}
.pl-25 {
  padding-left: 25px !important;
}
.pl-30 {
  padding-left: 30px !important;
}
.pl-65 {
  padding-left: 65px !important;
}
/**************************************** 
	 1.8 Margin Style
  ****************************************/
.m-auto {
  margin: auto;
}

.m-0 {
  margin: 0px !important;
}

.m-5 {
  margin: 5px !important;
}

.m-10 {
  margin: 10px !important;
}

.m-15 {
  margin: 15px !important;
}

.m-20 {
  margin: 20px !important;
}

.m-30 {
  margin: 30px !important;
}

.m-35 {
  margin: 35px !important;
}
.m-40 {
  margin: 40px !important;
}
.mt-0 {
  margin-top: 0px !important;
}

.mt-5 {
  margin-top: 5px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mt-15 {
  margin-top: 15px !important;
}
.mt-12 {
  margin-top: 12px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.mt-17 {
  margin-top: 17px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mt-35 {
  margin-top: 35px !important;
}

.mt-40 {
  margin-top: 40px !important;
}
.mt-48 {
  margin-top: 48px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.mt-100 {
  margin-top: 100px !important;
}

.mr-0 {
  margin-right: 0px !important;
}

.mr-5 {
  margin-right: 5px !important;
}

.mr-10 {
  margin-right: 10px !important;
}

.mr-15 {
  margin-right: 15px !important;
}

.mr-20 {
  margin-right: 20px !important;
}

.mr-30 {
  margin-right: 30px !important;
}

.mr-35 {
  margin-right: 35px !important;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}
.mb-8 {
  margin-bottom: 8px !important;
}
.mb-10 {
  margin-bottom: 10px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}
.mb-23 {
  margin-bottom: 23px !important;
}
.mb-25 {
  margin-bottom: 25px !important;
}
.mb-30 {
  margin-bottom: 30px !important;
}

.mb-35 {
  margin-bottom: 35px !important;
}
.mb-50 {
  margin-bottom: 50px !important;
}
.ml-0 {
  margin-left: 0px !important;
}

.ml-5 {
  margin-left: 5px !important;
}

.ml-10 {
  margin-left: 10px !important;
}

.ml-15 {
  margin-left: 15px !important;
}

.ml-20 {
  margin-left: 20px !important;
}

.ml-30 {
  margin-left: 30px !important;
}

.ml-35 {
  margin-left: 35px !important;
}
.ml-80 {
  margin-left: 80px !important;
}
/**************************************** 
	 1.9 Body Style
  ****************************************/
html {
  min-height: 100%;
  position: relative;
}

body {
  font-family: "Roboto-Regular", Arial, sans-serif;
  color: #666666;
  position: static !important;
  overflow-x: hidden !important;
}
header {
  padding: 20px;
}
/**************************************** 
	 1.11 Background Colors Style
  ****************************************/
.bg-orange {
  background: #f17e10 !important;
}

.bg-red {
  background: #ed1c24 !important;
}
.bg-green {
  background: #18a01f !important;
}
.bg-yellow {
  background: yellow !important;
}
.bg-white {
  background: #fff !important;
}
/****** Header CSS ******/

.top-header {
  background-color: #fbfafa;
  border-bottom: 1px solid #e3e3e3;
}
.test_header {
  padding: 10px 20px;
  background-color: #f4f4f4;
  border-bottom: 1px solid #e3e3e3;
}
.test_header label {
  color: #555555;
  font-weight: 600;
  font-size: 14px;
}
#clockdiv div,
#clockdiv1 div {
  display: inline-block;
}
#clockdiv span,
#clockdiv1 span {
  color: #194ee8;
  font-weight: 700;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #fff;
}
.start_test {
  padding: 20px 8px;
}
.question_start {
  padding: 10px 20px;
  position: relative;
  border: 1px solid #ededed;
  border-radius: 3px;
  color: #000;
}
.question_start label {
  font-weight: 200;
  color: #000000;
}
.question_footer {
  position: fixed;
  bottom: 0;
}
.begin_question {
  min-height: 400px;
}
/*=========================
  Preview Question paper Css
  ===========================*/
.question_prevw {
  height: calc(100% - 46px); 

  padding: 4px 0px;
  position: relative;
  border: 1px solid #ededed;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  color: #000;
overflow-x: hidden;
	  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.question_prevw h3 {
  border-bottom: 1px solid #ddd;
  font-size: 15px;
  font-weight: 600;
  margin: 10px 0;
  padding: 10px 0;
  color: #b0b0b0;
}
.question_prevw p {
  color: #000000;
  cursor: zoom-in;
}
.preview_control {
  background: #ffad00 none repeat scroll 0 0;
  border-color: #ddd;
  border-style: solid;
  border-width: 0 1px 1px;
  float: left;
  width: 100%;
  padding: 4px 0;
}
.cta-box {
  background: #ffffff;
  padding: 4px 0;
  border: 1px solid #ededed;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.cta-box .btn-reset,
.cta-box .btn-review {
  background-color: transparent;
  color: #f17e10;
}
.btn.prev_btn,
.btn.next_btn {
  border: none;
  background: none;
  color: #f17e10;
}
.question_prevw .heading {
  color: #0f6db9;
  font-weight: 700;
  float: left;
  padding-top: 10px;
}
.question_prevw.reviewed_question {
  background-image: url("../img/blue_bg.png");
  background-position: top left;
  background-repeat: no-repeat;
}
.question_prevw.attempted_questions {
  background-image: url("../img/attempted_question.png");
  background-position: top left;
  background-repeat: no-repeat;
}
.question_prevw.skipped_questions {
  background-image: url("../img/skipped_question.png");
  background-position: top left;
  background-repeat: no-repeat;
}
.right_panel_overview {
 height: 100%; 

  position: relative;
  border: 1px solid #ededed;
  border-radius: 3px;
  padding: 4px 0px 0 0;
}
.right_panel_overview .panel-group {
  height: 100%;
}
.btn.btn-break {
  background-color: #f4f4f4;
  color: #ef6166;
  border: 1px solid #c2c5c8;
  border-radius: 3px;
  position: absolute;
  right: 0;
  top: -40px;
}
.attempted_question {
  border: 1px solid #ededed;
  border-radius: 3px;
  text-align: left;
  width: 100%;
  font-size: 12px;
  cursor: pointer;
}
.skipped_question {
  border: 1px solid #ededed;
  border-radius: 3px;
  width: 100%;
  font-size: 12px;
  cursor: pointer;
}
.review_question {
  border: 1px solid #ededed;
  border-radius: 3px;
  width: 100%;
  font-size: 12px;
  cursor: pointer;
}
.all_number_questions {
  border: 1px solid #ededed;
  border-radius: 3px;
  width: 100%;
  font-size: 12px;
  cursor: pointer;
}
.question_type {
  padding: 0;
}
.option_title {
  width: 3%;
  margin-right: 1%;
  float: left;
  line-height: 1.8;
}
.radio_option {
  width: 4%;
  margin: 0;
  padding: 0;
  float: left;
}
.summary_of_section h5 {
  background-color: #fafafa;
  padding: 10px 10px;
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
  font-weight: 700;
}
/* .summary_of_section{ */
/* height:273px; */
/* overflow:hidden; */
/* } */
.panel_disabled {
  background-color: #f1f1f1 !important;
}
.panel-default > .panel-heading {
  background: none;
  border-left: none;
  border-right: none;
}
.panel-title {
  font-size: 14px;
}
.time-period {
  color: #567dee;
}
.panel-heading {
}
.panel-group .panel + .panel {
  margin-top: 0;
}
/* .question_summary{ */
/* height:170px; */
/* overflow:hidden; */
/* position:relative; */
/* } */
.question_summary1 {
  height: 215px;
  overflow: hidden;
}
.question_summary div {
  cursor: pointer;
  font-size: 12px;
  width: 17.2%;
}
.question_no_response {
  /* width:18%; */
  text-align: center;
  padding: 5px 0;
  color: #777777;
  float: left;
  margin-right: 5px;
  border: 1px solid #ededed;
  border-radius: 3px;
  margin-bottom: 10px;
}
.question_disabled {
  /* width:18%; */
  text-align: center;
  padding: 5px 0;
  background-color: #f1f1f1;
  color: #e1e1e1;
  float: left;
  margin-right: 5px;
  border: 1px solid #ededed;
  border-radius: 3px;
  margin-bottom: 10px;
}
.question_attempted {
  /* width:18%; */
  text-align: center;
  padding: 5px 0;
  color: #777777;
  float: left;
  margin-right: 5px;
  border: 1px solid #ededed;
  border-radius: 3px;
  margin-bottom: 10px;
  position: relative;
}
.question_attempted:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  border-top: 10px solid #0fbe96;
  border-right: 10px solid transparent;
}
.question_skipped {
  /* width:18%; */
  text-align: center;
  padding: 5px 0;
  color: #777777;
  float: left;
  margin-right: 5px;
  border: 1px solid #ededed;
  border-radius: 3px;
  margin-bottom: 10px;
  position: relative;
}
.question_skipped:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  border-top: 10px solid #ef6166;
  border-right: 10px solid transparent;
}
.question_review {
  /* width:18%; */
  text-align: center;
  padding: 5px 0;
  color: #777777;
  float: left;
  margin-right: 5px;
  border: 1px solid #ededed;
  border-radius: 3px;
  margin-bottom: 10px;
  position: relative;
}
.question_review:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  border-top: 10px solid #7e57c2;
  border-right: 10px solid transparent;
}
.question p img {
  height: 100px;
  max-width: 100%;
}
.test_instruction {
  position: fixed;
  bottom: 0;
  width: 23%;
  background: #ededed;
  border: 1px solid #ededed;
  border-radius: 3px;
}

.test_instruction:hover {
  width: 30%;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  cursor: pointer;
}
.test_instruction.active {
  width: 30%;
}
.test_instruction_content {
  display: none;
  overflow: hidden;
  background-color: #ffffff;
  text-align: left;
  position: relative;
}
.test_instruction_content.active {
  height: 200px;
  display: block;
  padding: 10px;
}
.close_instruction,
.close_chat {
  display: none;
}
.live_chat {
  position: fixed;
  bottom: 0;
  right: 14px;
  width: 23%;
  background: #666666;
  color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 3px;
}
.live_chat:hover {
  width: 30%;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  cursor: pointer;
}
.live_chat.active {
  width: 30%;
}

.chat_window {
  display: none;
  height: 200px;
  overflow: hidden;
  background-color: #ffffff;
  color: #777777;
  text-align: left;
  position: relative;
}
.chat_window.active {
  display: block;
  padding: 10px;
}
.chat_window .btn {
  padding: 6px 10px;
}
.enter_text {
  width: 100%;
}
.start_chat {
  height: 0px;
  overflow: hidden;
}
.user1 {
  background-color: #eaeaea;
  padding: 5px;
  border: #eaeaea;
  border-radius: 3px;
  position: relative;
}
.start_chat .user1:before {
  content: "";
  position: absolute;
  top: 8px;
  left: -13px;
  bottom: auto;
  right: auto;
  border-width: 8px 14px 6px 0px;
  border-style: solid;
  border-color: transparent #eaeaea;
  display: block;
  width: 0;
}

.user2 {
  background-color: #aae4f0;
  padding: 5px;
  border: #aae4f0;
  border-radius: 3px;
  position: relative;
}
.start_chat .user2:before {
  content: "";
  position: absolute;
  top: 8px;
  right: -8px;
  bottom: auto;
  left: auto;
  border-width: 8px 0px 7px 9px;
  border-style: solid;
  border-color: transparent #aae4f0;
  display: block;
  width: 0;
}
.cke_contents.cke_reset {
  /*height:185px !important;*/
}
.quiz_summary {
  /*border-right:1px solid #ccd1db;*/
  padding: 0 5px 30px 0;
}
.quiz_summary ul li {
  padding: 10px 20px;
  border-bottom: 1px solid #ccd1db;
  font-weight: 700;
  font-size: 13px;
}
.quiz_summary ul li:last-child {
  border-bottom: none;
  color: #f17e10;
  font-weight: 700;
  font-size: 16px;
}
.sections_summary {
  height: 300px;
  overflow: hidden;
}
.sections_summary_detail h5 {
  font-size: 14px;
  font-weight: 700;
}
.sections_summary_detail .section_with_score {
  background-color: #ededed;
  border: 1px solid #cccccc;
  border-radius: 3px;
}
.section_with_score .total_no_questions {
  text-align: center;
  border-right: 1px solid #ffffff;
}
.section_with_score .gained_score {
  text-align: center;
}

.myBreak_popup .modal-header {
  border-bottom: 0;
  padding: 15px 15px 0px 15px;
}
.myBreak_popup .close {
  font-size: 30px;
  color: #666766;
  opacity: 1;
}
.myBreak_popup .modal-dialog {
  margin: 150px auto;
  width: 400px;
}
.myBreak_popup span {
  color: #f17e10;
  font-size: 18px;
}
.myBreak_popup span.total_break_time {
  font-size: 14px;
}
.myBreak_popup .modal-body {
  margin-bottom: 30px;
  margin-top: 15px;
}
.myBreak_popup ul > li:first-child {
  border-right: 1px solid #666766;
}

.myBreak_popup .modal-footer {
  border-top: 0;
  background-color: #343f4b;
  padding: 10px;
}
.myBreak_popup .modal-footer p {
  margin-bottom: 0;
  text-align: center;
  color: #ffffff;
}
.question_image_inner {
  margin-bottom: 20px;
  padding: 3px;
  width: 80%;
}
.question_image_inner img {
  cursor: -webkit-zoom-in;
}
.question_image_wrapper {
  margin-bottom: 20px;
  margin-top: 20px;
}
#myModalPreview .modal-body {
  text-align: -webkit-center;
}
/*Arvind - Test Screen*/

.direction-for-questions {
  border-bottom: 1px solid #dddddd;
  padding: 5px 15px 5px 15px;
}

.que-box {
  padding: 10px;
  margin: 14px;
  border: 1px solid #e5e5e5;
  max-height: 120px;
  overflow: auto;
  cursor: zoom-in;
}

.border-circle {
  width: 15px;
  height: 15px;
  background: #f0f2f5;
  /* border-radius:50%; */
  border: 1px solid #ededed;
  float: left;
  margin: 5px 5px;
}

.border-circle-active {
  width: 15px;
  height: 15px;
  background: #a4a9ae;
  /*border-radius:50%; */
  border: 1px solid #ededed;
  float: left;
  margin: 5px 5px;
}
.italic {
  font-style: italic;
  padding: 4px;
}
.border-circle-active {
  width: 20px !important;
  height: 20px !important;
  font-size: 12px !important;
  background: #2fb077 !important;
  border: 1px solid #2fb077 !important;
  float: left !important;
  margin: 5px 5px !important;
  color: #fff;
  text-align: center;
}

.border-circle-visited {
  width: 20px !important;
  height: 20px !important;
  font-size: 12px !important;
  background: #f47945 !important;
  border: 1px solid #f47945 !important;
  float: left !important;
  margin: 5px 5px !important;
  color: #fff;
  text-align: center;
}
.border-circle-unvisited {
  width: 20px !important;
  height: 20px !important;
  font-size: 12px !important;
  background: #7e57c2 !important;
  border: 1px solid #7e57c2 !important;
  float: left !important;
  margin: 5px 5px !important;
  color: #fff;
  text-align: center;
}
.group-question-summary {
  border-bottom: 2px solid #7b53c1;
}
.group-question-summary1 {
  border-bottom: 2px solid #7b53c1;
}
.group-question-summary2 {
  border-bottom: 2px solid #f47844;
}
.group-question-summary3 {
  border-bottom: 2px solid #2fb077;
}
.group-question-summary4 {
  border-bottom: 2px solid #106eba;
}
.group-question-summary5 {
  border-bottom: 2px solid #1a1a1a;
}
/* Successful message css */
.successful_message_wrapper {
  background-image: url("../img/success_bg.jpg");
  background-repeat: no-repeat;
  padding-top: 225px;
  padding-bottom: 225px;
  background-size: 100% auto;
  text-align: center;
  margin-bottom: 0px;
background-size: cover;
      background-position: center;
    height:100%;

}
.start--test-conatiner{
	position: relative;
}
.start--test-conatiner-inner{
	position: absolute;bottom:80px;    width: 100%;
}
.successful_message_wrapper h1 {
  color: #ffffff;
  margin-bottom: 40px;
}
.successful_message_wrapper p {
  font-family: "Roboto-Thin-webfont", sans-serif;
  color: #ffffff;
  font-size: 28px;
}
.org-active {
  width: 100%;
  background: #ffffff;
  border: 1px solid #aaaaaa;
  border-radius: 4px;
}
.org-active:hover {
  border-color: #f17e10;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 0px 0px rgba(0, 0, 0, 0.23);
  color: #f17e10;
}
.header {
  min-height: 57px;
  padding: 15px 20px;
  background-color: #eeeeee;
}
.header .logo {
  width: 30%;
}
.wrapper {
  padding: 30px 20px;
}
.rating_table thead th {
  font-weight: 100;
  color: #a7a7a7;
}
.rating_table .table > thead > tr > th {
  border-bottom: 1px solid #ddd;
}
.rating_table thead th:first-child {
  font-weight: 100;
  font-size: 20px;
  color: #777777;
}
.rating_table tbody > tr > td {
  font-size: 18px;
  color: #999999;
  padding-bottom: 20px;
  padding-top: 20px;
  position: relative;
  border-top: 0;
}

.rating_table tbody > tr > td input[type="radio"] {
  position: absolute;
  opacity: 0;
}

.rating_table tbody > tr > td .check {
  display: block;
  position: absolute;
  border: 1px solid #aaaaaa;
  border-radius: 100%;
  height: 20px;
  width: 20px;
  top: 18px;
  left: 2px;
  z-index: 5;
  transition: border 0.25s linear;
  -webkit-transition: border 0.25s linear;
}

.rating_table tbody > tr > td .check::before {
  display: block;
  position: absolute;
  content: "";
  border-radius: 100%;
  height: 12px;
  width: 12px;
  top: 3.7px;
  left: 3.5px;
  margin: auto;
  transition: background 0.25s linear;
  -webkit-transition: background 0.25s linear;
}

.rating_table tbody > tr > td input[type="radio"]:checked ~ .check {
  border: 1px solid #f17e10;
}

.rating_table tbody > tr > td input[type="radio"]:checked ~ .check::before {
  background: #f17e10;
}
.rating_table tbody > tr > td textarea {
  width: 100%;
  margin-left: 20px;
  font-size: 15px;
}
.submit_rating {
  background-color: #fbfafa;
  min-height: 100px;
  padding: 20px;
}
.submit_rating label {
  font-weight: 100;
  font-size: 18px;
  color: #999999;
}
.bg_org_btn {
  background-color: #f17e10;
  color: #ffffff;
  margin-top: 20px;
}
.bg_org_btn:hover,
.bg_org_btn:focus {
  color: #ffffff;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 0px 0px rgba(0, 0, 0, 0.23);
}
.modal-dialog-centered {
  min-height: calc(100% - (1.75rem * 2));
  display: flex;
  align-items: center;
}
.modal-dialog-centered .modal-content {
  width: 100%;
}
.opacity-1 {
  opacity: 1;
}
.feedbackPopup .modal-dialog h4 {
  margin-top: 0;
}

.feedback_popup .modal-body {
  padding: 0;
}
.feedback_popup .table thead {
  background-color: #c7c8ca;
}
.feedback_popup .table thead > tr > th {
  padding: 15px 30px;
  color: #343f4b;
}

.feedback_popup .table tbody > tr > td:first-child {
  padding: 15px 30px;
}
.feedback_popup .table tbody > tr:first-child,
.feedback_popup .table tbody > tr:nth-child(2) {
  border-bottom: 1px solid #dddddd;
}
.feedback_popup .table tbody > tr > td {
  padding-bottom: 10px;
}
.feedback_popup .modal-dialog {
  width: 68%;
  margin: 130px auto;
}
.feedback_popup .rating_table tbody > tr > td .check {
  left: 25px;
}
.white_bg {
  background-color: #ffffff !important;
}
.btn-white-bg {
  background-color: #ffffff;
  border: 2px solid #dddddd;
  border-radius: 4px;
  color: #333333;
}
.btn-white-bg:hover,
.btn-white-bg:focus {
  color: #f17e10;
  border-color: #f17e10;
}
.feedbackPopup .close {
  opacity: 0.8;
}

/*************** CSS 07-03-2017 ****************/
.org-active.custom-btn-width {
  width: 30%;
}
.digi_favicon img {
  width: 100px;
}
.start_test_overlay h2 {
  color: #ffffff;
}
.guidelines_wrapper {
  background: url("../img/grey_overlay_bg.png") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.guidelines_wrapper header {
  padding: 0;
  background-color: #eeeeee;
}
.navbar-menu {
  float: right;
}
.navbar-menu ul > li {
  display: inline-block;
  margin-right: 20px;
  padding: 15px;
}
.navbar-menu ul > li:first-child {
  font-family: Roboto-Thin;
  font-weight: bold;
}
.navbar-menu ul > li img {
  width: 24px;
  margin-left: 5px;
}
.navbar-menu ul > li a {
  color: #acacac;
}
.test_guideline_wrapper {
  padding: 4% 0;
}
.test_guideline {
  border-radius: 4px;
  background-color: rgba(238, 238, 238, 0.4);
  width: 60%;
  margin: 40px auto;
}
.test_guideline_header {
  background-color: rgba(236, 237, 238, 0.7);
  padding: 10px 15px;
  border-radius: 4px 4px 0 0;
}
.test_guideline_header h5 {
  color: #000000;
  font-size: 20px;
  color: #333333;
}
.test_guideline_list {
  padding: 30px 20px 60px 0px;
}
.test_guideline_list ol > li {
  color: #333333;
  margin-bottom: 10px;
}
.test_guideline_wrapper .form-group label {
  color: #343f4b;
}
.test_guideline_wrapper .form-group {
  text-align: center;
}
.form-input {
  width: 30%;
  min-height: 30px;
  font-family: Roboto-Thin;
  font-weight: bold;
}
/*.custom_width{
	  width:60%;
	  margin:0 auto;
  }*/

.custom_width {
  width: 80%;
  margin: 0 auto;
  background-color: #fff;
  padding: 40px;
  border-radius: 5px;
}

.terms_of_use_wrapper {
  background-color: rgba(238, 238, 238, 0.4);
  width: 100%;
  margin: 20px auto;
}
.terms_of_use_header {
  background-color: rgba(236, 237, 238, 0.7);
  padding: 10px 15px;
  border-radius: 4px 4px 0 0;
}
.terms_of_use_container {
  padding: 10px 15px;
  height: 270px;
  overflow: hidden;
}
/*** custom checkboxes ***/

.custom_width input[type="checkbox"] {
  display: none;
} /* to hide the checkbox itself */
.custom_width input[type="checkbox"] + label:before {
  font-family: FontAwesome;
  display: inline-block;
}

.custom_width input[type="checkbox"] + label:before {
  content: "\f096";
  color: #f17e10;
  font-size: 14px;
  font-weight: normal;
} /* unchecked icon */
.custom_width input[type="checkbox"] + label:before {
  letter-spacing: 10px;
} /* space between checkbox and label */

.custom_width input[type="checkbox"]:checked + label:before {
  content: "\f046";
} /* checked icon */
.custom_width input[type="checkbox"]:checked + label:before {
  letter-spacing: 5px;
} /* allow space for check mark */

.custom_width .btn {
  color: #ffffff;
}
.test_start_time {
  padding: 20px;
}
.test_remain_time {
  padding-left: 15px;
  margin-right: 100px;
}
.test_remain_time span {
  color: #f17e10;
  font-size: 14px;
}
.test_remain_time p,
.test_time_duration p {
  color: #343f4b;
  font-weight: bold;
}
.test_time_duration span {
  color: #f17e10;
  font-size: 16px;
}
.btn-start {
  border-radius: 0;
  padding: 7px 45px;
  background-color: #3b5998;
  color: #ffffff;
}
.btn-start:disabled {
  background-color: #dedede;
  color: #aaaaaa;
}
/**===================== 22 May 2017 Suraj Bisht ================= New design for test engine **/
.left_question_panel_wrapper {
  /*width:80%;*/
  float: left;
  margin-right: 5px;
  position: relative;
 height: 100%;  
 /*height: 92%;*/
}
.right_navigation_panel {
  position: relative;
  width: 19.5%;
  float: left;
height: 100%; 
/*height: 92%;*/
}
.question_prevw .marks_permitted_url {
  color: #555555;
  font-weight: 700;
  float: right;
}
.question_prevw .marks_permitted_url select {
  width: 67%;
  margin-left: 11px;
  background-color: #e5e7ea;
  color: #a1a1a1;
}
.question_prevw .marks_permitted_url span {
  margin-top: 7px;
}
.questions_view_header {
  border-bottom: 1px solid #dddddd;
  padding: 0 15px 10px 15px;
}
.question_prevw .question-box {
  position: relative;
  padding: 10px 15px;
  /*max-height: 441px;*/
  overflow-x: hidden;
  /* overflow-y: hidden; */
  overflow-y: auto;
}
.question_prevw .question-box .option {
  margin-left: 10px;
  margin-bottom: 15px;
}
.question_status {
  background-color: #ebebeb;
  padding-left: 5px;
  color: #a1a1a1;
}
.summary_of_section .panel-body {
  padding: 0px 5px;
}
.hiden {
  left: -9999px !important;
  position: absolute !important;
  top: -9999px !important;
  visibility: hidden !important;
}
.summary_of_section {
  max-height: 420px;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  border-bottom: 1px solid #eeeeee;
}
.summary_of_section .panel-group {
  margin-bottom: 0;
}
.attempted_question .question_status1 {
  width: 33px;
  background: #0fbe96;
  padding: 2px;
  color: #ffffff;
  font-size: 14px;
}
.question_label {
  vertical-align: -webkit-baseline-middle;
  color: #666666;
  font-weight: bold;
}
.skipped_question .question_status1 {
  width: 33px;
  background: #ef6166;
  padding: 2px;
  color: #ffffff;
  font-size: 14px;
}
.review_question .question_status1 {
  width: 33px;
  background: #7e57c2;
  padding: 2px;
  color: #ffffff;
  font-size: 14px;
}
.all_number_questions .question_status1 {
  width: 33px;
  background: #ffffff;
  padding: 2px;
  color: #666666;
  font-size: 14px;
}
.cta-box .te_grey_btn {
  background-color: #e5e7ea;
  color: #3bafda;
  border-bottom: 2px solid #cccfd2;
  font-weight: bold;
}
.te_blue_btn {
  background-color: #3bafda;
  color: #e5e7ea;
  border-bottom: 2px solid #cccfd2;
  font-weight: bold;
}
.te_dark_blue_btn {
  background-color: #0f6db9;
  color: #e5e7ea;
  font-weight: bold;
  min-width: 100px;
}
.skipped_question.active {
  background-color: #ef6166;
  color: #ffffff;
  -webkit-transition: background-color 1s; /* Safari */
  transition: background-color 1s;
  -webkit-transition: color 0.5s; /* Safari */
  transition: color 0.5s;
}
.skipped_question.active span.question_label {
  color: #ffffff;
}
.attempted_question.active {
  background-color: #0fbe96;
  color: #ffffff;
  -webkit-transition: background-color 1s; /* Safari */
  transition: background-color 1s;
  -webkit-transition: color 0.5s; /* Safari */
  transition: color 0.5s;
}
.attempted_question.active span.question_label {
  color: #ffffff;
}
.review_question.active {
  background-color: #7e57c2;
  color: #ffffff;
  -webkit-transition: background-color 1s; /* Safari */
  transition: background-color 1s;
  -webkit-transition: color 0.5s; /* Safari */
  transition: color 0.5s;
}
.review_question.active span.question_label {
  color: #ffffff;
}
.all_number_questions.active {
  background-color: #ffffff;
  color: #a1a1a1;
  -webkit-transition: background-color 1s; /* Safari */
  transition: background-color 1s;
  -webkit-transition: color 0.5s; /* Safari */
  transition: color 0.5s;
}

/*Image CSS inside Options 24 May 2017 Suraj*/
.image_inside_options {
  width: 120px;
  height: 120px;
  border: 1px solid #eee;
  border-radius: 2px;
  position: relative;
  padding: 1px;
  text-align: center;
  margin-left: 20px;
  line-height: 120px;
  cursor: pointer;
  overflow: hidden;
}
.image_inside_options img.inside_options_image {
  max-height: 100%;
  max-width: 100%;
  vertical-align: middle;
  transition: 0.3s ease;
  transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
}
.image_inside_options:hover img.inside_options_image {
  transform: scale(1.1, 1.1); /** default is 1, scale it to 1.5 */
  opacity: 1;
}
.image-list-effect {
  position: absolute;
  width: 20px;
  height: 20px;
  bottom: 0;
  right: 0;
}

/*Image CSS inside Question*/
.tt_message_body_attachment {
  margin: 5px 10px;
}
.tt_message_body_attachment .image_attachment {
  display: block;
  float: left;
  height: 140px;
  width: 140px;
  position: relative;
  margin-right: 10px;
  cursor: pointer;
  border: 1px solid #eee;
  border-radius: 2px;
  padding: 1px;
  line-height: 120px;
  overflow: hidden;
}
.tt_message_body_attachment .image_attachment img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
  transition: 0.3s ease;
  transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
}
.tt_message_body_attachment .image_attachment:hover img {
  transform: scale(1.1, 1.1); /** default is 1, scale it to 1.5 */
  opacity: 1;
}
.option .radio,
.option .checkbox {
  margin-bottom: 15px;
}

/****************************Image Popup**************************/
.my_image_preview_modal .image-list-effect {
  display: none;
}
.my_image_preview_modal .modal-header .close {
  opacity: 1;
}
.my_image_preview_modal .modal-dialog {
  margin: 60px auto;
  width: 52%;
}
.my_image_preview_modal .modal-body {
  padding: 20px 15px;
  max-height: 450px;
  overflow: auto;
}
.countdown_timer {
  border: 1px solid #f17e10;
  background-color: #ffffff;
  text-align: center;
  min-width: 100px;
  border-radius: 4px;
  padding: 5px 10px;
  margin-left: 5px;
  margin-top: 4px;
}
.countdown_timer.remaining_time {
  background-color: transparent;
  border: none;
  color: #f17e10;
}

/*Section Type Quesiton*/
.summary_with_section_wrapper .panel-default {
  border: 0;
}
.summary_with_section_wrapper .panel-group {
  margin-bottom: 0;
}
.summary_with_section_wrapper .panel-heading {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  padding: 8px 5px;
}
.summary_with_section_wrapper .panel-heading .panel-title a {
  color: #343f4b;
  font-size: 14px;
  font-weight: bold;
  position: relative;
}
.panel-heading .accordion-toggle:after {
  color: grey;
  position: absolute;
  right: 0;
}
.panel-heading.collapsed .accordion-toggle:after {
  content: "\e080";
}
.panel-heading.disabled {
  pointer-events: none;
}
.summary_with_section_wrapper .panel-heading.disabled .panel-title a {
  color: #666666;
}
.summary_with_section_wrapper .panel-body {
  padding: 8px 5px;
  max-height: 378px;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
}
.te_section_time {
  color: #0f6db9;
}
.summary_popup .modal-dialog {
  width: 50%;
  margin: 70px auto;
}
.summary_popup .modal-body {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}
.summary_popup .model-cont-bx {
  padding-top: 15px;
  padding-bottom: 15px;
}
.button-group .te_blue_btn {
  min-width: 90px;
}

.button-group .te_blue_btn.white_btn {
  background: #fff;
  color: #3bafda;
  border: 1px solid #3bafda;
}
.summary_popup .sumamary_wrapper {
  width: 42%;
  margin: 0 auto;
}
.summary_popup .model-cont-bx h4 {
  color: #343f4b;
  font-size: 16px;
  font-weight: bold;
}
.summary_popup .model-cont-bx h4 span {
  font-size: 22px;
}
.summary_popup .modal-body .modal-heading {
  background-color: #fff;
  text-align: center;
  padding: 14px;
  -webkit-box-shadow: 0px 6px 6px -8px black;
  -moz-box-shadow: 0px 6px 6px -8px black;
  box-shadow: 0px 6px 6px -8px black;
}
.summary_popup .modal-body .modal-heading h3 {
  margin: 0;
  color: #666666;
  font-weight: bold;
  font-size: 16px;
}
.attampted_summary h3 span:last-child {
  background-color: #2bb577;
  color: #ffffff;
  padding: 6px;
  text-align: center;
  font-size: 24px;
  height: 38px;
  width: 55px;
}
.attampted_summary h3 span:first-child {
  padding: 11px 8px;
}
.attampted_summary h3 {
  color: #666;
  font-weight: bold;
  border: 1px solid #2bb577;
  font-size: 14px;
  margin: 0px;
}

.skipped_summary h3 span:last-child {
  background-color: #f06165;
  color: #ffffff;
  padding: 6px;
  font-size: 24px;
  height: 38px;
  width: 55px;
  text-align: center;
}
.skipped_summary h3 span:first-child {
  padding: 11px 8px;
}
.skipped_summary h3 {
  color: #666;
  font-weight: bold;
  border: 1px solid #f06165;
  font-size: 14px;
  margin: 0;
}
.total-uploads-question-value {
  background-color: #aaaaaa;
  color: #ffffff;
  padding: 4px;
  padding-top: 10px;
  font-size: 18px;
  height: 38px;
  width: 55px;
  text-align: center;
}
.total-uploads-question-text {
  padding: 11px 8px;
}
.total-uploads-question-container {
  color: #666;
  font-weight: bold;
  border: 1px solid #aaaaaa;
  font-size: 14px;
}
.marked_review h4 {
  text-align: center;
  color: #9f9f9f;
  font-size: 16px;
  margin-bottom: 30px;
}

.marked_review h3 {
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  height: 70px;
  line-height: 70px;
  width: 70px;
  color: #fff;
  background: #7e57c2;
  text-align: center;
  margin: 0 auto;
  font-size: 30px;
}

.submit_test_summry {
  width: 80%;
  margin: 0 auto;
}

.submit_test_summry p {
  text-align: center;
  padding: 30px 0 10px;
  color: #ababab;
  border-top: 1px solid #f3f3f3;
}
.not_visited h3 {
  color: #666;
  font-weight: bold;
  border: 1px solid #aaaaaa;
  font-size: 14px;
  margin: 0;
}
.not_visited h3 span:last-child {
  background-color: #aaaaaa;
  color: #ffffff;
  padding: 6px;
  font-size: 24px;
  height: 38px;
  width: 55px;
  text-align: center;
}
.not_visited h3 span:first-child {
  padding: 11px 8px;
}
/*.te_test_remain_time{
	  position: absolute;
	  left: 40%;
  }*/

/*Test Instructions Modal srarts*/
.test_instruction_modal .modal-dialog {
  width: 97%;
  margin: 10px auto;
}
.question_summary div.active {
  background-color: #a4a9ae;
  color: #ffffff;
}
/*Test Instructions Modal ends*/

.paper_instruction_content {
  position: absolute;
  bottom: -400px;
  left: 15px;
  background: #ededed;
  border-radius: 4px 4px 0 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  width: 40%;
  transition: 1s;
  display: none;
}
.paper_instruction_content.active {
  bottom: 10px;
  transition: 1s;
  display: block;
}
.paper_instruction_content:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 18%;
  margin-left: -50px;
  width: 0;
  height: 0;
  border-top: solid 11px #dddddd;
  border-left: solid 11px transparent;
  border-right: solid 11px transparent;
}
.paper_instruction_inner {
  padding: 15px;
  max-height: 315px;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #ffffff;
  color: #666666;
}
.close_paper_instruction {
  color: #343f4b;
  font-size: 16px;
  cursor: pointer;
}

/***** 01 April 2017 Suraj Bisht****/
.instruction_content_wrapper {
  background-color: #eeeeee;
}
.instruction_content_wrapper .test_remain_time {
  margin-right: 5px;
}
.guidelines_wrapper header {
  background-color: #ffffff;
}
.test_remain_time .form-control {
  width: 50%;
  float: right;
  color: #f17e10;
  text-align: center;
}
.test_remain_time .form-control:read-only {
  background-color: #ffffff;
}
.instruction_content_wrapper .btn-start:disabled {
  border: 1px solid #cccccc;
  border-radius: 3px;
  padding: 6px 45px;
  color: #ffffff;
}
.test_instruction_wrapper {
  background-color: #ffffff;
}

.test_instruction_wrapper_bottom {
  width: 97.5%;
  margin: 15px auto 0 auto;
}
.guidlines_important_points {
  background-color: #343f4b;
  color: #fff;
  border-radius: 5px;
  border-color: #fff;
  padding: 0px;
}
.guidlines_important_points h5 {
  margin: 0;
  border-bottom: 1px solid #677074;
  padding: 10px;
}
.guidlines_important_points ul {
  padding: 6px 10px;
  max-height: 68px;
  position: relative;
}
.test_instruction_wrapper {
  width: 97.5%;
  margin: 0 auto;
  padding: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  min-height: 450px;
  max-height: 450px;
  overflow-x: hidden;
  overflow-y: auto;
}

.test_instruction_wrapper h5 {
  border-bottom: 1px solid #ededed;
  position: relative;
  padding-bottom: 3px;
  color: #343f4b;
}
.test_instruction_wrapper h5:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  width: 10%; /* or 100px */
  border-bottom: 1px solid #f17e10;
}

.admitcard_testname_wrapper {
  /* width:60%; */
  width: 60%;
  margin: 0 auto;
  background-color: #fff;
  padding: 60px 40px;
  border-radius: 5px;
}
.admitcard_testname_wrapper .form-group {
  text-align: left;
}
.admitcard_testname_wrapper .form-control {
  background-color: #eee;
}
.admitcard_testname_wrapper .terms_of_use_container {
  height: 170px;
}
.admitcard_testname_wrapper .terms_of_use_header {
  color: #343f4b;
  font-weight: bold;
}
.bg-orange {
  color: #ffffff;
}
.bg-orange:hover {
  color: #ffffff;
}
.error_msg {
  font-size: 14px;
  font-family: Roboto-Thin;
  font-weight: bold;
}

/* Test Pad Result Screen*/
.testpad_result_header {
  background-color: #ededed;
  height: 57px;
  position: fixed;
  width: 100%;
  -webkit-box-shadow: 0 4px 8px -6px black;
  -moz-box-shadow: 0 4px 8px -6px black;
  box-shadow: 0 4px 8px -6px black;
  padding: 15px;
  z-index: 1111;
}
.testpad_paper_name {
  color: #343f4b;
  font-size: 14px;
  margin-left: 120px;
  padding-top: 3px;
}
.testpad_paper_date {
  color: #aaaaaa;
  font-size: 14px;
  margin-left: 20px;
  padding-top: 3px;
}
.helpline_number {
  color: #aaaaaa;
  font-size: 12px;
  padding-top: 5px;
}
.testpad_result_wrapper .content_wrapper {
  padding-top: 70px;
}
.testtaker_reult_content {
  padding-top: 30px;
  padding-right: 41px;
  width: 40%;
  margin: 70px auto;
  background-color: #ffffff;
  padding-left: 41px;
  padding-bottom: 70px;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.6);
  -o-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.6);
}
.testtaker_reult_content h5 {
  color: #000000;
  font-size: 18px;
  margin: 10px 0 40px;
}
.testtaker_reult_content_header {
  background-color: #ddd;
  border: 1px solid #aaaaaa;
  padding: 5px;
  margin-bottom: 30px;
}
.testtaker_reult_content_header .paper_total_questions {
  border-right: 1px solid #fff;
  text-align: center;
}
.testtaker_reult_content_header .paper_total_questions span {
  display: block;
  color: #343f4b;
  font-weight: bold;
}
.testtaker_reult_content_header .paper_total_questions span:first-child {
  font-size: 18px;
}

.testtaker_reult_content_header .paper_total_percentage {
  text-align: center;
}
.testtaker_reult_content_header .paper_total_percentage span {
  display: block;
  color: #343f4b;
  font-weight: bold;
}
.testtaker_reult_content_header .paper_total_percentage span:first-child {
  font-size: 18px;
}
.test_result_summary_content ul li {
  padding: 10px 50px;
  border-top: 1px solid #aaaaaa;
}
.test_result_summary_content ul li:last-child {
  border-bottom: 1px solid #aaaaaa;
}

/*10July 2017 Test Pad Header New Design*/
.test_header {
  background-color: #0f6db9;
  position: relative;
}
.test_header label {
  color: #ffffff;
  line-height: 14px;
  margin: 0;
}
.test_header ul li {
  display: inline-block;
  padding: 2px 10px;
}
.test_header ul li:first-child label {
  cursor: pointer;
}
.test_header ul li:first-child {
  border-right: 1px solid #aaaaaa;
}
.test_header ul li:last-child {
}
.countdown_timer.remaining_time {
  background-color: #2a2929;
  color: #32dab3;
}
.test_header .dropdown-menu {
  top: 73%;
  left: 3%;
  border: 1px solid #0f6db9;
  background-color: #f4f4f4;
}
.te_dropdown.dropdown {
  position: unset;
}
.te_dropdown.dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0;
}
.test_header .dropdown-menu:before {
  position: absolute;
  top: -7px;
  left: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: #0f6db9;
  content: "";
}

.test_header .dropdown-menu:after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #f4f4f4;
  border-left: 6px solid transparent;
  content: "";
}
.test_header li.dropdown .dropdown-menu li {
  border-right: none;
}
.tt_test_taker_name label {
  color: #0f6db9;
}
.info_media {
  width: 148px;
  height: 110px;
}
.info_media img {
  height: 110px;
  max-width: 100%;
}
.calculator-table {
  box-shadow: 0 0 10px rgb(0 0 0 / 60%);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0 0 10px rgb(0 0 0 / 60%);
  -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  background-color: #ededed;
}
.scienctific_calculator_wrapper.active {
  /* bottom: 14px; */
  bottom: 56px;
  z-index: 9999;
}

.scienctific_calculator_wrapper {
  /* box-shadow: 0 0 10px rgb(0 0 0 / 60%);
	 -moz-box-shadow: 0 0 10px rgba(0,0,0,0.6);
	 -webkit-box-shadow: 0 0 10px rgb(0 0 0 / 60%);
	 -o-box-shadow: 0 0 10px rgba(0,0,0,0.6);  */
  bottom: 100px;
  right: 72px;
  position: absolute;
  width: 46%;
  transition: 0.3s;
  /*background-color: #ededed;  */
}

/*.scienctific_calculator_wrapper{
	  box-shadow: 0 0 10px rgba(0,0,0,0.6);
	  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.6);
	  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6);
	  -o-box-shadow: 0 0 10px rgba(0,0,0,0.6);
	  bottom: 100px;
	 right: 345px;
	 position: fixed;
	  width: 35%;
	  transition: .3s;
	  background-color: #ededed;
  }
  .scienctific_calculator_wrapper.active{
	  bottom: 125px;
  }*/

.scienctific_calculator_wrapper:after {
  /*content: '';*/
  position: absolute;
  top: 100%;
  right: 48%;
  margin-left: -50px;
  width: 0;
  height: 0;
  border-top: solid 11px #dddddd;
  border-left: solid 11px transparent;
  border-right: solid 11px transparent;
}
.scienctific_calculator_wrapper p {
  font-size: 0px;
  margin: 0;
}
.scienctific_calculator_wrapper td {
  padding: 10px !important;
  width: 12vh;
  height: 6vh;
  text-align: center;
  font-size: 16px;
  font-weight: normal;
  color: #666666;
  border: 1px solid white;
  cursor: pointer;
}
.scienctific_calculator_wrapper tr:first-child td:hover {
  /*color: #666666;*/
}
.scienctific_calculator_wrapper td:not(.calc_input):hover {
  background-color: #0f6db9;
  color: #ffffff;
}
.scienctific_calculator_wrapper input {
  width: 100%;
  height: 100%;
  border: none;
  font-size: 16px;
  font-weight: normal;
  padding: 0px 5px;
}
.scienctific_calculator_wrapper #shiftBtn {
  background-color: #0f6db9;
  color: #ffffff;
}

.test_remain_time p > span {
  border: 1px solid #cccccc;
  display: inline-block;
  border-radius: 3px;
  padding: 5px 45px;
  color: #f17e10;
  font-size: 16px;
}
footer {
  position: fixed;
  bottom: 0;
  background-color: #ededed;
  text-align: right;
  padding: 10px;
  width: 100%;
}
footer p {
  margin-bottom: 0;
  font-size: 12px;
}
footer p img {
  margin-left: 4px;
  height: 24px;
  margin-bottom: 4px;
}
footer p label {
  margin-top: 24px;
}
.sliding_popoup_att .modal-header {
  background-color: #0f6db9;
  color: #fff;
}
.sliding_popoup_att .modal-header button {
  color: #fff;
}

.sliding_popoup_imp .modal-header {
  background-color: #ef6166;
  color: #fff;
}
.sliding_popoup_imp .modal-header button {
  color: #fff;
}
.client_logo {
  width: 14%;
  height: auto;
  float: left;
}
.client_logo_header {
  width: 40%;
}
.test_notes {
  padding-left: 80px;
}
.test_notes ul {
  list-style-type: none;
  padding-left: 30px;
}
.testpad_result_header .client_logo {
  width: 35%;
}

/****************** strat chat style *************/
.help-button {
  color: #282828;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  transition: 0.3s all ease-in-out;
}
.chat-area-div {
  text-align: left !important;
}
.chat-area-div p {
  text-align: left !important;
  font-size: 14px !important;
  word-break: break-all;
}

.help-button:focus {
  text-decoration: none;
}

.help-wrapper {
  width: 326px;
  top: -20px;
  transform: translate(-30%, -100%);
  color: #000;
  font-weight: normal;
  font-size: 14px;
  border-radius: 4px;
  position: absolute;
  z-index: 99999999;
  box-sizing: border-box;
  display: none;
  /*  border: 1px solid #F8BA34; */
  border: 1px solid #32465a;
  /*  background-color: #fff; */
  background-color: #e6eaea;
}
.help-wrapper.active {
  display: block;
  right: -95px;
  top: 0px;
}

.help-wrapper .drop-down {
  position: absolute;
  top: 100%;
  left: 94%;
  margin-left: -15px;
  width: 30px;
  height: 15px;
  overflow: hidden;
}

.help-wrapper .drop-down::after {
  background-color: #32465a;
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  /*   background-color:rgb(248, 186, 52); */
  box-shadow: 0 1px 8px rgba(248, 186, 52, 0.5);
}
.help-wrapper h4 {
  background-color: #f8ba34;
  color: #282828;
  margin: 0;
  padding: 10px 10px;
  -webkit-box-shadow: 0 8px 6px -6px #ededed;
  -moz-box-shadow: 0 8px 6px -6px #ededed;
  box-shadow: 0 8px 6px -6px #ededed;
}
.help-wrapper-content {
  /*  padding: 10px; */
  padding: 0px;
}
.search-bar-wrapper {
  display: flex;
  align-items: center;
}
.search-bar {
  position: relative;
  flex: 1;
}
.search-bar-wrapper img {
  margin-right: 15px;
  width: 46px;
}
.search-bar input.form-control {
  height: 40px;
  padding-right: 30px;
}
.search-bar button {
  position: absolute;
  right: 0;
  top: 1px;
  border: 0;
  background: transparent;
}
.search-bar-wrapper img.search-icon {
  width: 36px;
  margin-right: 0;
  transform: rotate(-18deg);
}
.help-main-content {
  /*  max-height: 375px; */
  max-height: 264px;
  overflow-y: auto;
  padding: 10px;
  cursor: default;
}
.help-main-content::-webkit-scrollbar-thumb {
  background-color: #00365c;
  outline: 1px solid slategrey;
  border-radius: 20px;
}
.help-main-content::-webkit-scrollbar {
  width: 0.6em;
}
.help-main-content h5 {
  color: #00365c;
  font-size: 16px;
  font-weight: bold;
}
.help-main-content {
  color: #666666;
  font-size: 14px;
}

.help-main-content h6 {
  font-size: 14px;
  font-weight: bold;
  color: #00365c;
}
.custom-chat-scroll-bar {
  height: 250px;
  overflow: hidden;
  border-right: 1px solid #f1f1f1;
  border-left: 1px solid #f1f1f1;
  position: relative;
  overflow-y: auto !important;
}
.chat-header h4 {
  background-color: #0f4e91;
  color: #fff !important;
}
.input-chat-box {
  border: 1px solid #0a3f7b !important;
}
.proctor_chat {
  position: relative;
  background: #f5f5f5;
  border: 1px solid #f17e10;
  /* width: 86%; */
  padding: 3px;
  border-radius: 4px;
  color: #666666;
  margin-bottom: 5px;
  display: table-cell;
}
.proctor_chat p {
  margin: 0;
}
.proctor_chat:after,
.proctor_chat:before {
  right: 100%;
  top: 70%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.proctor_chat:after {
  border-color: rgba(136, 183, 213, 0);
  border-right-color: #f5f5f5;
  border-width: 7px;
  margin-top: -16px;
}
.proctor_chat:before {
  border-color: rgba(194, 225, 245, 0);
  border-right-color: #f17e10;
  border-width: 8px;
  margin-top: -17px;
}

.testtaker_chat {
  position: relative;
  background: #f5f5f5;
  border: 1px solid #acacac;
  /* width: 86%; */
  padding: 3px;
  border-radius: 4px;
  color: #666666;
  margin-bottom: 5px;
  float: right;
  display: table-cell;
}
.testtaker_chat p {
  margin: 0;
}
.testtaker_chat:after,
.testtaker_chat:before {
  left: 100%;
  top: 70%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.testtaker_chat:after {
  border-color: rgba(136, 183, 213, 0);
  border-left-color: #f5f5f5;
  border-width: 7px;
  margin-top: -16px;
}
.testtaker_chat:before {
  border-color: rgba(194, 225, 245, 0);
  border-left-color: #acacac;
  border-width: 8px;
  margin-top: -17px;
}
.send-chat-btn {
  width: 72px !important;
  border-radius: 0px;
  background-color: #0a3f7b !important;
  color: #fff !important;
  padding: 6px !important;
  min-width: 74px !important;
}
.close-chat {
  cursor: pointer;
}
.custom-menu-bars {
  color: #fff !important;
}
.input-chat-box {
  border: 1px solid #0a3f7b !important;
  border-radius: 0px !important;
}
/****************** end chat style *************/
/******************* new chat box start  css *******/
.chatbox {
  position: fixed;
  bottom: -50;
  right: 14px;
  /* width: 328px; */
  width: 300px;
  height: 400px;
  background-color: #fff;
  -webkit-transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);

  display: -webkit-flex;
  display: flex;

  -webkit-flex-direction: column;
  flex-direction: column;
}

.chatbox--tray {
  bottom: -100px;
}

.chatbox--closed {
  bottom: -10px;
}

.chatbox .form-control:focus {
  border-color: #1f2836;
}

.chatbox__title,
.chatbox__body {
  border-bottom: none;
}

.chatbox__title {
  min-height: 35px;
  padding-right: 10px;
  background-color: #0a3f7b;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  cursor: pointer;

  display: -webkit-flex;
  display: flex;

  -webkit-align-items: center;
  align-items: center;
}

.chatbox__title h5 {
  height: 35px;
  margin: 0 0 0 0px;
  line-height: 35px;
  position: relative;
  padding-left: 20px;

  -webkit-flex-grow: 1;
  flex-grow: 1;
}

.chatbox__title h5 a {
  color: #fff;
  max-width: 195px;
  display: inline-block;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* .chatbox__title h5:before {
			  content: '';
			  display: block;
			  position: absolute;
			  top: 50%;
			  left: 0;
			  width: 12px;
			  height: 12px;
			  background: #4CAF50;
			  border-radius: 6px;
  
			  -webkit-transform: translateY(-50%);
			  transform: translateY(-50%);
		  } */

.chatbox__title__tray,
.chatbox__title__close {
  width: 24px;
  height: 24px;
  outline: 0;
  border: none;
  background-color: transparent;
  opacity: 0.5;
  cursor: pointer;

  -webkit-transition: opacity 200ms;
  transition: opacity 200ms;
}

.chatbox__title__tray:hover,
.chatbox__title__close:hover {
  opacity: 1;
}

.chatbox__title__tray span {
  width: 12px;
  height: 12px;
  display: inline-block;
  border-bottom: 2px solid #fff;
}

.chatbox__title__close svg {
  vertical-align: middle;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.2px;
}

.chatbox__body {
  overflow-y: auto;
}

.chatbox__body__message {
  position: relative;
}

.chatbox__body__message p {
  padding: 15px;
  border-radius: 4px;
  font-size: 14px;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px rgba(100, 100, 100, 0.1);
  box-shadow: 1px 1px rgba(100, 100, 100, 0.1);
}

.chatbox__body__message img {
  width: 40px;
  height: 40px;
  border-radius: 4px;
  border: 2px solid #fcfcfc;
  position: absolute;
  top: 15px;
}

.chatbox__body__message--left p {
  margin-left: 15px;
  padding-left: 30px;
  text-align: left;
}

.chatbox__body__message--left img {
  left: -5px;
}

.chatbox__body__message--right p {
  margin-right: 15px;
  padding-right: 30px;
  text-align: right;
}

.chatbox__body__message--right img {
  right: -5px;
}

.chatbox__message {
  padding: 15px;
  min-height: 50px;
  outline: 0;
  resize: none;
  border: none;
  font-size: 12px;
  border: 1px solid #ddd;
  border-bottom: none;
  background-color: #fefefe;
}

.chatbox--empty {
  height: 400px;
}

.chatbox--empty.chatbox--tray {
  bottom: -330px;
}

.chatbox--empty.chatbox--closed {
  bottom: -262px;
}

.chatbox--empty .chatbox__body,
.chatbox--empty .chatbox__message {
  display: none;
}

.chatbox--empty .chatbox__credentials {
  display: block;
  border: 1px solid #0a3f7b;
}
/******************* new chat box end  css *******/
.test-key-btn {
  padding: 12px !important;
  width: 30% !important;
  border-radius: 10px !important;
}
.login-btn-tt {
  padding: 12px !important;
  width: 30% !important;
  border: 2px solid !important;
  font-weight: 600 !important;
  border-radius: 10px !important;
  color: #f17e10 !important;
}
.login-btn-tt:hover {
  padding: 12px !important;
  color: #f17e10 !important;
  width: 30% !important;
  border: 2px solid !important;
  font-weight: 600 !important;
  border-radius: 10px !important;
}

/*******************19-10-2020  *******************/
.test-key-footer-part {
  background-color: #f4f4f4;
}
.click-to-get-key-btn {
  background-color: #aeb3ba;
  color: #fff !important;
  border-radius: 50px;
  padding: 5px 32px;
}
.custom-scroll-key-list {
  height: 200px;
  overflow: hidden;
  border-right: 1px solid #f1f1f1;
  border-left: 1px solid #f1f1f1;
  position: relative;
}
.test-key-column {
  color: #005dbd;
  cursor: pointer;
  font-weight: 700;
}
.test-key-date {
  color: #005dbd;
  font-weight: 700;
}
.test-table-list {
  color: #383838 !important;
}
.text-key-tbl {
  border: 1px solid #ededed;
}
.nicescroll-cursors {
  background-color: #0760bd !important;
}
.nicescroll-rails {
  background-color: #ededed;
}
.close-list-test-table {
  font-size: 24px;
  color: #0760bd;
  cursor: pointer;
  font-weight: 600;
}
.close-list-test-email {
  font-size: 24px;
  color: #717172;
  cursor: pointer;
  font-weight: 600;
}
.text-key-tbl thead tr th {
  color: #383838 !important;
}
/**************** for QR code ***************/
.qr-code-svg {
  /* width:20%; */
  width: 10% !important;
}
.perfect-face {
  width: 43%;
  margin-left: auto;
  margin-right: auto;
}
.perfect-face-avoid {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.comperession-img {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  border-radius: 14px;
  min-height: 336px;
  max-height: 337px;
}
.comperession-container {
  background-color: #f8f8f8;
}
.comperession-line {
  margin: 161px auto;
}
.face-text p {
  margin-bottom: 0px;
  font-weight: 600;
  margin-bottom: 0px;
  font-size: 11px;
}

.fullscreen-documents {
  width: 3%;
  cursor: zoom-in;
}
.img-modal-content {
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}
.fullscreen-image {
  margin-right: auto;
  margin-left: auto;
  display: block;
  max-height: 550px;
}
.fullscreen-drag-drop {
  color: #000;
  font-size: 14px;
  bottom: -8px;
  position: absolute;
  right: 26px;
}
.close-img-modal {
  position: absolute;
  top: 15px;
  right: 35px;
  /* color: #f1f1f1; */
  color: #ff920c;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
  z-index: 1;
}

.minimize-documents {
  width: 2%;
  margin-top: 0px;
  cursor: pointer;
}
.qprevsticky {
  padding: 0px 0px !important;
}
/*.top-fixed-header-test-pad{
				  z-index: 99999;
				  position: sticky;
				  background-color: #fff;
				  top: 0px;
			  }  */
.draggabl-image {
  z-index: 99999;
}
.question-description-inner-area {
 /* height: calc(100% - 56px);  */
min-height:450px;
  position: relative;
 /* border: 1px solid #ededed;  */
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  color: #000;
  overflow: scroll;
}
.font-size-custom {
  cursor: pointer;
}
.section-instruction-btn {
  background-color: #f7f7f7 !important;
  color: #666 !important;
  padding: 3px 4px !important;
  font-size: 13px !important;
  outline: none !important;
}
.alert-warning-popup-modal .modal-header {
  background-color: #f65656;
  color: #fff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.alert-warning-popup-modal .modal-dialog {
  width: 36% !important;
  margin-top: 120px;
}
.alert-warning-popup-modal .modal-content {
  border-radius: 10px !important;
}
.radBorder {
  border: 2px solid #f65656;
  color: #f65656;
  font-weight: 600;
}

.image_popup .image-dialog {
  width: 30%;
  margin-top: 66px;
}
.image_popup .modal-header {
  border-top-right-radius: 5px !important;
  border-top-left-radius: 5px !important;
}
.TestTakerModalHeader {
  border-top-left-radius: 6px;
  background-color: #ebebeb;
  border-top-right-radius: 6px;
}
.white-text {
  color: #fff !important;
}
.total-uploads-question h3 {
  color: #666;
  font-weight: bold;
  border: 1px solid #ef9400;
  font-size: 14px;
  margin: 0;
}
.total-uploads-question h3 span:last-child {
  background-color: #ef9400;
  color: #ffffff;
  padding: 6px;
  font-size: 24px;
  height: 38px;
  width: 55px;
  text-align: center;
}

.total-uploaded-files h3 {
  color: #666;
  font-weight: bold;
  border: 1px solid #006adf;
  font-size: 14px;
  margin: 0;
}
.total-uploaded-files h3 span:last-child {
  background-color: #006adf;
  color: #ffffff;
  padding: 6px;
  font-size: 24px;
  height: 38px;
  width: 55px;
  text-align: center;
}

.total-uploads-question h3 span:first-child {
  padding: 11px 8px;
}
.total-uploaded-files h3 span:first-child {
  padding: 11px 8px;
}
.cursor-pointer {
  cursor: pointer;
}

.font-size-reduce {
  font-size: 11px;
  font-weight: 600;
}
.total-section {
  background-color: #fff7e6;
  padding: 2px 9px;
  color: #282828;
  border-radius: 4px;
}

.attempted-section {
  background-color: #ebf9f4;
  padding: 2px 9px;
  color: #0fbe96;
  border-radius: 4px;
}

.required-section {
  background-color: #f2f4f8;
  border-radius: 4px;
  padding: 2px 9px;
  color: #407ab7;
}

.navigation-question .total-question-paper {
  background-color: #3bafda;
  color: #fff;
  padding: 6px;
}
.navigation-question .attempted-question {
  background-color: #2bb577;
  color: #fff;
  padding: 6px;
}
.navigation-question .skipped-question {
  background-color: #f06165;
  color: #fff;
  padding: 6px;
}
.navigation-question .unseen-question {
  color: #fff;
  padding: 6px;
  background-color: #a1a1a1;
}
.navigation-question .upload-for-question {
  background-color: #ef9400;
  color: #fff;
  padding: 6px 3px;
}
.upload-for-question {
  font-size: 13px;
}
.total-question-paper {
  font-size: 13px;
}
.attempted-question {
  font-size: 13px;
}
.skipped-question {
  font-size: 13px;
}
.unseen-question {
  font-size: 13px;
}

.total-uploaded-file {
  font-size: 13px;
}
.navigation-question .total-uploaded-file {
  background-color: #006adf;
  color: #fff;
  padding: 6px;
}
.navigation-question .required-question {
  background-color: #7b35ad;
  color: #fff;
  padding: 6px;
}

.submit-popup-dialog {
  width: 95%;
}

.gray-bg-submit {
  background-color: #f4f4f5;
}
.gray-bg-submit h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.gray-bg-submit .total-question-value {
  color: #3bafda;
}
.gray-bg-submit .attempted-question-value {
  color: #2bb577;
}
.gray-bg-submit .skipped-question-value {
  color: #f06165;
}
.gray-bg-submit .unseen-question-value {
  color: #666;
}
.gray-bg-submit .question-for-value {
  color: #ef9400;
}
.gray-bg-submit .total-uploaded-value {
  color: #006adf;
}
.gray-bg-submit .required-question-value {
  color: #7b35ad;
}
.box-shadow-conatiner {
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.test-value-container {
  max-height: 300px;
  /*overflow: hidden; */
  position: relative;
  overflow-y: auto;
}
.submit-btn-cancel {
  background-color: #ffffff;
  color: #000;
  border-color: #3bafda;
}

.total-question-outter h6 {
  font-weight: 600;
  color: #000 !important;
}
.attempted-question-outter h6 {
  font-weight: 600;
  color: #000 !important;
}
.skipped-question-outter h6 {
  font-weight: 600;
  color: #000 !important;
}
.unseen-question-outter h6 {
  font-weight: 600;
  color: #000 !important;
}
.question-for-outter h6 {
  font-weight: 600;
  color: #000 !important;
}
.total-uploaded-outter h6 {
  font-weight: 600;
  color: #000 !important;
}
.multiple-section-conatiner {
  /*max-height: 470px;  */
  height: 470px;
  overflow-x: hidden;
  overflow-y: auto;
}
.max-marks {
  color: #0267bd;
}
.negative-marks {
  color: #f07e10;
}
.divider-line {
  border-left: 1px solid #66666654;
}

.imgae-move-conatiner{
			width: 100%; 
			max-width: 350px; 
			margin: 0 auto;
			max-height:540px;
	}
	.imgae-move-conatiner .imgae-move{
			display: block;
			max-width: 100%;
			width: auto;
			height: auto;
			max-height: 350px;
		
	}
.mobile-text-show{
display:none;
}
.desktop-text-show{
display:inline;
}
.d-sm-none {
    display: none !important;
}
/*******Media Queries**********/

@media screen and (min-width: 1366px) and (max-width: 1439px) {
  .test_taker_list_sticky {
    padding: 7% 0;
  }
}
@media only screen and (max-width: 1300px) {
  /*.left_question_panel_wrapper{
			  width:75%;
		  }
		  */
  .right_navigation_panel {
    width: 21%;
  }
}
@media only screen and (max-width: 1179px) {
  /*.left_question_panel_wrapper{
			  width:75%;
		  } */
  .right_navigation_panel {
    width: 23%;
  }
}
@media only screen and (max-width: 1080px) {
  /*.left_question_panel_wrapper{
			  width:74%;
		  }  */
  .right_navigation_panel {
    width: 25%;
  }
  .left_question_panel_wrapper .btn {
    padding: 7px 4px;
  }
  .te_dark_blue_btn {
    min-width: 90px;
  }
}
/*@media (device-width: 100vw) and (device-height: 100vh) {
	  .question_prevw{
		  height: 598px;
	  }
	  .right_panel_overview{
		  height:650px;
	  }
	  .summary_of_section{
		  max-height: 580px;
	  }
  }*/
.te_hamburger {
  display: none;
}
.te_cross {
  display: none;
}
@media only screen and (max-width: 992px) {
  /*.left_question_panel_wrapper{
		  width: 97%;
	  }
	  .right_navigation_panel{
		  position: absolute;
		  right: -500px;
		  display: none;
		  transition: .5s;
		  width: 37%;
		  box-shadow: 0 0 10px rgba(0,0,0,0.6);
		  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.6);
		  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6);
		  -o-box-shadow: 0 0 10px rgba(0,0,0,0.6);
	  }  */
  .right_navigation_panel.active {
    right: 30px;
    transition: 0.5s;
  }
  .te_hamburger {
    display: none;
    position: absolute;
    right: -23px;
    top: 0;
    font-size: 17px;
  }
  .te_cross {
    display: none;
    position: absolute;
    right: -23px;
    top: 0;
    font-size: 17px;
  }
  .my_image_preview_modal .modal-dialog {
    width: 90%;
  }
  .testtaker_reult_content {
    width: 60%;
  }
  #review_ques {
    display: none;
  }
}

@media only screen and (max-width: 766px) {
.org-active.custom-btn-width {
    width: auto;
}
  .te_hamburger {
    right: -16px;
  }
  .te_cross {
    right: -16px;
  }
  .testtaker_reult_content {
    width: 100%;
  }
  .testpad_paper_name {
    margin-left: 45px;
  }
  .successful_message_wrapper {
    background-repeat: repeat;
    margin-bottom: 15px;
  }
  .start_test_overlay h2 {
    font-size: 22px;
  }
  .admitcard_testname_wrapper {
    width: 98%;
  }
  .client_logo_header {
    width: 100%;
  }
  .guidelines_wrapper .navbar-brand {
    width: 60% !important;
  }
  .test_notes {
    padding-left: 20px;
  }
  .test_notes ul {
    padding-left: 20px;
    list-style-type: disc;
  }
  .admitcard_testname_wrapper {
    padding: 60px 0px;
  }
  .test_remain_time {
    padding-left: 0px;
  }
  .test_remain_time p > span {
    padding: 5px 10px;
  }
  .btn-start {
    padding: 7px 5px;
  }
  .test_time_duration.pull-right {
    float: left !important;
  }
  .test_instruction_in ol {
    padding-left: 10px;
    text-align: justify;
  }
  footer {
    position: relative;
  }
  .client_logo {
    width: 35%;
  }
  footer p label {
    margin-top: 0px;
  }
  .question_prevw {
    height: calc(100% - 75px);
  }
  .test_header {
    padding: 10px 5px;
  }
  .test_header ul li.pull-right {
    float: left !important;
    margin-top: 10px;
  }
  .right_panel_overview {
    min-height: 458px;
  }
  .sliding_popoup_att .modal-dialog,
  .sliding_popoup_imp .modal-dialog {
    width: 95% !important;
  }
  .paper_instruction_content {
    width: 95%;
  }
  .paper_instruction_inner ol {
    padding-left: 10px;
  }
  .btn {
    min-width: 75px;
  }
  #review_ques {
    display: none;
  }
  .cta-box .te_grey_btn {
    margin-bottom: 5px;
  }
  #btn_reset {
    float: right;
  }
  .se-pre-con.active {
    background-size: 24%;
  }
  .summary_popup .modal-dialog {
    width: 95%;
  }
  .summary_popup .sumamary_wrapper {
    width: 75%;
  }
  .submit_test_summry h3 {
    font-size: 18px;
  }
  .testpad_result_wrapper .logo {
    width: 42%;
  }
  .testpad_result_header {
    min-height: 50px;
    height: unset;
  }
  .testpad_result_wrapper .logo .client_logo {
    width: 100%;
  }
  .testtaker_reult_content {
    padding-right: 10px;
    padding-left: 10px;
  }
  .left_question_panel_wrapper {
   /* height: 97%;  */
    height: 93% !important;
  }
  .question-description-inner-area {
    height: calc(100% - 105px);
  }
}

@media only screen and (max-width: 560px) {
  .right_navigation_panel {
    width: 45%;
  }
  .client_logo_header {
    width: 70%;
  }
  .btn.for_small {
    position: absolute;
    left: 35%;
    bottom: -80px;
  }
.test_header .testNamedescription{
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		max-width: 117px;
	}
.sectiondescription{
overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		max-width:85px;
}
}
@media only screen and (max-width: 460px) {
.test_header ul li.pull-right {

    margin-top: 0px;
}
.test_header .testNamedescription{
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		max-width: 117px;
	}
.sectiondescription{
overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		max-width:85px;
}
  .right_navigation_panel {
    width: 54%;
  }
  .left_question_panel_wrapper {
    width: 95%;
  }
  .test_header label {
    font-size: 11px;
	    padding-bottom: 0px !important;
  }
  .successful_message_wrapper {
    padding-top: 210px;
    padding-bottom: 210px;
  }
}

@media only screen and (max-width: 383px) {
  .right_navigation_panel {
    width: 65%;
  }
  .successful_message_wrapper {
    padding-top: 190px;
    padding-bottom: 190px;
  }
.test_header .testNamedescription{
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		max-width: 117px;
	}
.sectiondescription{
overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		max-width:85px;
}
}
@media only screen and (max-width: 320px) {
.sectiondescription{
overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		max-width:80px;
}
.test_header .testNamedescription{
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		max-width: 100px;
	}
  .right_navigation_panel {
    width: 65%;
  }
  .successful_message_wrapper {
    padding-top: 180px;
    padding-bottom: 180px;
  }
}
@media only screen and (min-width: 550px) and (max-width: 766px) {
.test_header .testNamedescription{
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		max-width: 117px;
	}
.sectiondescription{
overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		max-width:80px;
}
  .client_logo_header {
    width: 45%;
  }
  .test_header ul li.pull-right {
    float: right !important;
    margin-top: 0px !important;
  }
  .testpad_result_wrapper .logo .client_logo {
    width: 50%;
  }
}
@media screen and (min-height: 1000px) {
  .question_prevw {
   /* height: 900px;
    min-height: 900px;  */
height: 650px;
    min-height:650px;
  }
  .scienctific_calculator_wrapper {
    bottom: -700px;
  }
}

@media screen and (min-height: 768px) {
  .summary_of_section {
    max-height: 508px;
  }
}
/* (1920x1080) Full HD Display */
@media screen and (min-width: 1900px) {
  .scienctific_calculator_wrapper {
    bottom: -700px;
  }
  .client_logo {
    width: 10%;
  }
  .question_summary div {
    width: 18%;
  }
}
@supports (-ms-ime-align: auto) {
  header {
    min-height: 60px;
  }
}
.data-save-btn {
  color: #fff !important;
  min-width: 85px !important;
  border: 1px solid #6666665c !important;
  background-color: #0e375c !important;
  padding: 5px !important;
  border-radius: 2px !important;
  border: 0px !important;
}
.test-taker-text-area {
  max-height: 425px;
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog-text {
  width: 850px;
}

.random-three-sixty-dialog {
  width: 35%;
}
.random-three-sixty-dialog-content {
  background-color: #535353 !important;
  color: #fff !important;
}
.state-horizontal-line {
  border-top: 1px solid #fff;
  width: 250px;
}
.fluke-question-summary {
  /*float: right; */
  /* width: 10px;*/
  /* margin-right: 2px; */
  /* margin-top: 0px;   */
  width: 10px;
  margin-top: 0px;
  margin-left: 3px;
}
.fluke-question-summary-time {
  font-size: 14px;
  padding-left: 2px !important;
  padding-right: 2px !important;
  background-color: #7e57c2 !important;
  color: #fff !important;
  margin-left: 7px !important;
}
.sound_test_images {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.guidelines_wrapper .assessment-header {
  background-color: #ffffff;
  padding: 0px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
}
.header-left-container {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
}
.header-left-container small {
  color: #fa6459;
}
.refresh-btn {
  background-color: #778899;
  padding: 5px;
  height: 25px;
  display: inline-flex;
  align-items: center;
  color: #ffffff;
  font-size: 12px;
  min-width: auto;
  border-radius: 0;
}
.refresh-btn:hover {
  color: #ffffff;
}
.refresh-btn img {
  width: 19px;
  height: auto;
  margin-right: 4px;
}
.icon-wrapper {
  display: inline-flex;
  align-items: flex-end;
  color: #489535;
  font-size: 12px;
  background-repeat: no-repeat;
  background-position: center 5px;
  height: 100%;
}
.icon-wrapper.inactive {
  color: #fa6459;
}
.icon-wrapper:not(:last-child) {
  margin-right: 10px;
}
.status-wrapper {
  display: inline-flex;
  height: 100%;
  align-items: center;
}
.locked {
  background-image: url("../img/nav-icon/lockdown_green.png");
}
.locked.inactive {
  background-image: url("../img/nav-icon/lockdown_red.png");
}
.webcam {
  background-image: url("../img/nav-icon/webcam_green.png");
}
.webcam.inactive {
  background-image: url("../img/nav-icon/webcam_red.png");
}
.microphone {
  background-image: url("../img/nav-icon/microphone_green.png");
}
.microphone.inactive {
  background-image: url("../img/nav-icon/microphone_red.png");
}
.speakers {
  background-image: url("../img/nav-icon/speakers_green.png");
}
.speakers.inactive {
  background-image: url("../img/nav-icon/speakers_red.png");
}
.connection {
  background-image: url("../img/nav-icon/connection_green.png");
}
.connection.inactive {
  background-image: url("../img/nav-icon/connection_red.png");
}
.exit-btn {
  margin-left: 10px;
  padding: 5px 8px;
  min-width: 50px;
  background-color: #eeeeee;
}
.exit-btn img {
  width: 24px;
  height: auto;
  margin-left: 4px;
}

@media screen and (min-device-width: 320px) and (max-device-width: 767px) {
.device-test-conatiner{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.camera-audio-verification{
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.camera-audio-verification-container{
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.camera-audio-verification modal-body{
    padding: 5px;
}
.please-wait-container{
	margin-top: 5px !important;
}
.remove-test-mt-40{
	margin-top: 5px !important;
}
.font-responsive-small-txt{
    font-size: 10px !important;
}
.font-responsive-medium-txt{
	font-size: 14px;
}
.remove-padding-left-right-0{
padding-left: 0px !important;
	padding-right: 0px !important;

}
.camera-audio-verification-room{
margin-top: 0px !important;
    margin-bottom: 0px !important;
    font-size: 16px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
#audio-gram{
	height:50px !important;
}
.modal-body-mobile{
    padding:3px !important;
}
.d-sm-none {
    display: block !important;
}
.btn-instruction--sm{
    background-color: transparent !important;
    min-width: auto;
    padding: 0px !important;

}
.section-instruction-btn {

    padding: 3px 3px !important;
    font-size: 10px !important;

}
.marks_permitted_url .divider-line{
	   margin-left: 5px !important;
    padding-left: 5px !important;

}
.marks_permitted_url span{
	    margin-top: 10px !important;
}
.question_prevw .marks_permitted_url{
    font-size: 11px;
}
.mobile-text-show{
display:block;
}
.desktop-text-show{
display:none;
}
.imgae-move-conatiner{
			width: 100%; 
			max-width: 300px; 
			margin: 0 auto;
			max-height:400px;
	}
	.imgae-move-conatiner .imgae-move{
			display: block;
			max-width: 100%;
			width: auto;
			height: auto;
			max-height: 300px;
		
	}

.question-description-inner-area {
    min-height: 300px  !important;
}
.test_header {
    padding: 6px 5px !important;
	
}
.test_header li{
    padding-bottom: 0px !important;
	
}

   
  .mobile-device-mt-120 {
    margin-top: 115px !important;
  }
  .mobile-device-mt-270 {
    margin-top: 270px !important;
  }
  .fade-out-background {
    background-color: #666666e6;
  }
  .mobile-flex {
    display: flex;
  }
  .click-here-gif-mobile {
    display: block;
  }
  #pdf-popup {
    width: 87% !important;
    top: 20% !important;
  }
  .pdf-resizing {
    height: 388px !important;
  }
  .instruction_content_wrapper .btn-start:disabled {
    padding: 6px 10px;
  }
  .right_navigation_panel {
    z-index: 99999;
  }
  .imgae-move {
    height: auto !important;
  }
  #myModalPreview {
    top: 18% !important;
  }
  .comperession-line {
    display: none;
  }
  .test-key-column {
    word-break: break-all;
  }

  .modal-dialog-text {
    width: auto;
  }
  .calcu small {
    display: none;
  }
  .modal-title {
    word-break: break-all;
  }
  #title-instruction .modal-dialog {
    width: 86% !important;
  }
  #history-pop-up .modal-dialog {
    width: 92% !important;
    margin-top: 97px;
  }

  [data-title]:after {
    display: block;
    white-space: break-spaces;
    width: 220px;
    word-break: keep-all !important;
    background-color: #000 !important;
    color: #fff !important;
    background-image: -webkit-linear-gradient(top, #000, #000) !important;
  }
  .guidelines_wrapper {
    height: auto;
  }
  .custom-scroll-key-list {
    overflow-y: scroll !important;
  }
  .test-value-container {
    max-height: initial;
  }
  .submit-popup-dialog {
    width: 96%;
  }
  .mobile-text-center {
    text-align: center;
  }
  .navigation-question .total-question-paper {
    font-size: 11px;
    padding: 15px 3px;
    flex-direction: column;
    display: flex;
    min-height: 56px;
  }
  .navigation-question .attempted-question {
    font-size: 11px;
    padding: 15px 3px;
    flex-direction: column;
    display: flex;
    min-height: 56px;
  }
  .navigation-question .skipped-question {
    font-size: 11px;
    padding: 15px 3px;
    flex-direction: column;
    display: flex;
    min-height: 56px;
  }
  .navigation-question .unseen-question {
    font-size: 11px;
    padding: 15px 3px;
    flex-direction: column;
    display: flex;
    min-height: 56px;
  }
  .navigation-question .upload-for-question {
    font-size: 11px;
    padding: 8px 3px;
    flex-direction: column;
    display: flex;
    min-height: 56px;
  }
  .navigation-question .total-uploaded-file {
    font-size: 11px;
    padding: 9px 3px;
    flex-direction: column;
    display: flex;
    min-height: 56px;
  }
  .required-question {
    font-size: 11px;
    padding: 13px 3px !important;
    min-height: 56px;
  }
  .text-order-1 {
    order: 1;
  }
  .mobile-space-div {
    margin-bottom: 45px;
  }
  #min-max-details {
    padding-right: 1px;
  }

  .text-order-2 {
    order: 2;
  }
  .summary-right-br {
    border-right: 2px solid #fff;
  }
  .total-question-outter {
    background-color: #d9f5ff;
  }
  .attempted-question-outter {
    background-color: #b8ffdf;
  }
  .skipped-question-outter {
    background-color: #ffe2e4;
  }
  .unseen-question-outter {
    background-color: #f4f4f6;
  }
  .question-for-outter {
    background-color: #ffe9c7;
  }
  .total-uploaded-outter {
    background-color: #e4f2ff;
  }
  .gray-bg-submit {
    background-color: transparent;
  }
}
/* Suraj Bisht 11 Nov 2022 */
.modal .btn-white-bl,
.modal .btn-bl-bg {
  border-radius: 4px;
}
.modal .btn-white-bl {
  background-color: #6c757d;
  color: #ffffff;
}
/*
.modal-body {
  padding-left: 24px;
}  */
.modal .btn-bl-bg {
  background-color: #0f6db9;
}
.modal .modal-header {
  border-bottom: 1px solid #dddddd;
}
.new-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 15px;
}
.new-modal-header::before,
.new-modal-header::after {
  content: unset;
}
.new-modal-header .modal-type-icon {
  width: 40px;
}
.modal-close-icon {
  background-color: transparent;
  border-color: transparent;
  outline: none;
}
.modal-close-icon > img {
  width: 20px;
  opacity: 0.6;
}
.modal-sm .modal-header.new-modal-header {
  font-size: 16px;
  color: #000;
}
.modal-sm .modal-close-icon > img {
  width: 15px;
}
.modal-sm .new-modal-header .modal-type-icon {
  width: 30px;
}

/* Suraj 04-03-2023 */
#div_result.active {
  height: calc(100% - 55px);
}
#div_result.active .wb-form {
  height: calc(100% - 70px);
}
.start_test {
}


@media only screen and (max-width: 3000px) and (min-width:2401px)
	{
		.overlay-picture-dialog{
			width:70%;
			
		}
		#videoplayer{
   		 width: 672px;
    		 height:auto; 
		}
		.main-faceplacement-note {
   			 font-size: 18px !important;
			    margin-bottom: 10px !important;
		}
	}
	@media only screen and (max-width:2400px) and (min-width:1920px)
	 {
		.overlay-picture-dialog{
			width:70%;
			
		}
		#videoplayer{
   		 width:600px;
    		 height:auto; 
		}
		.main-faceplacement-note {
   			 font-size:18px !important;
			    margin-bottom: 10px !important;
		}
	}