@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on June 15, 2015 */
@font-face {
  font-family: 'HalisRegular';
  src: url("../fonts/halis_grotesque_regular-webfont.eot");
  src: url("../fonts/halis_grotesque_regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/halis_grotesque_regular-webfont.woff2") format("woff2"), url("../fonts/halis_grotesque_regular-webfont.woff") format("woff"), url("../fonts/halis_grotesque_regular-webfont.ttf") format("truetype"), url("../fonts/halis_grotesque_regular-webfont.svg#HalisRegular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'HalisMedium';
  src: url("../fonts/halis_grotesque_medium-webfont.eot");
  src: url("../fonts/halis_grotesque_medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/halis_grotesque_medium-webfont.woff2") format("woff2"), url("../fonts/halis_grotesque_medium-webfont.woff") format("woff"), url("../fonts/halis_grotesque_medium-webfont.ttf") format("truetype"), url("../fonts/halis_grotesque_medium-webfont.svg#HalisMedium") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'HalisBook';
  src: url("../fonts/halis_grotesque_book-webfont.eot");
  src: url("../fonts/halis_grotesque_book-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/halis_grotesque_book-webfont.woff2") format("woff2"), url("../fonts/halis_grotesque_book-webfont.woff") format("woff"), url("../fonts/halis_grotesque_book-webfont.ttf") format("truetype"), url("../fonts/halis_grotesque_book-webfont.svg#HalisBook") format("svg");
  font-weight: normal;
  font-style: normal;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
  -moz-appearance: textfield;
}

.shadowStamp {
  position: absolute;
  width: 50px;
  height: 20px;
  top: 35px;
  transform: rotate(-20deg);
  background-size: contain;
  background-repeat: no-repeat;
}

.stamp {
  position: absolute;
  width: 500px;
  height: 500px;
  top: 39px;
  transform: rotate(-20deg);
  background-size: contain;
  background-repeat: no-repeat;
}

.passStamp {
  background-image: url("../images/report/green_approved_ENU.png");
}

.failStamp {
  background-image: url("../images/report/red_failed_ENU.png");
}

.skillgroupResult {
  background-color: #E5EAEE;
  position: relative;
  width: 100%;
  height: 20px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  -moz-border-radius: 4px / 4px;
  -webkit-border-radius: 4px 4px;
  border-radius: 4px / 4px;
}

.barGraphic {
  position: absolute;
  height: 100%;
  background-color: #F34933;
  font-weight: bold;
  color: #FFFFFF;
}

/* high contrast black-on-white actived */
@media screen and (-ms-high-contrast: black-on-white) {
  .barGraphic {
    background-image: url("../images/blackContrast.png");
  }

  .contrast-report {
    filter: brightness(0.1);
  }
}

/* high contrast white-on-black actived */
@media screen and (-ms-high-contrast: white-on-black) {
  .barGraphic {
    background-image: url("../images/whiteContrast.png");
  }
}

.easyPieChart {
  width: 180px;
  height: 180px;
  line-height: 180px;
}

.simulationViewer {
  height: calc(100% - 60px);
  margin: auto;
  display: table-row;
  vertical-align: top;
  width: 100%;
  position: fixed;
  top: 0;
}

#simulationViewer {
  border: 0;
  display: block;
  margin: 0 auto !important;
}
#simulationViewer * {
  /*font-family: "HalisBook", Arial, sans-serif, Verdana, sans-serif;*/
}

#NavigationBar {
  width: 100%;
  /*position: fixed;*/
  height: 50px;
  bottom: 0px;
  left: 0px;
  z-index: 1000;
  min-height: 46px;
  min-width: 800px;
  background-color: #FFFFFF;
}
#NavigationBar * {
  font-family: Arial, sans-serif, Verdana, sans-serif;
}
#NavigationBar .navbar {
  bottom: 0;
  position: fixed;
  width: 100%;
  margin-bottom: 0;
  border-top: 1px solid #A8ADB0;
}

.controlsPane {
  background-color: #F3F5F7;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  vertical-align: bottom;
}

#clock {
  width: 80px;
  height: auto;
  font-size: 20px;
  background-color: #3CAE57;
  line-height: 1.428571429;
  text-align: center;
  right: 18px;
  position: absolute;
}

/*New UI style*/
#clock {
  font-size: 18px;
  -moz-border-radius: 4px / 4px;
  -webkit-border-radius: 4px 4px;
  border-radius: 4px / 4px;
  color: #FFFFFF;
  background: #3C4851;
  height: 36px;
  padding-top: 7px;

}
#clock.disabled {
  background-color: #C5D4E1;
}

#questionsPane {
  width: auto;
  line-height: 1.928571429;
  position: absolute;
  bottom: -38px;
  min-width: 220px;
}

#questionsPaneEUS {
  width: auto;
  line-height: 1.928571429;
  position: absolute;
  bottom: -38px;
  min-width: 290px;
}

#btnQuestionList {
  text-align: center;
  margin-left: 155px;
  height: 30px;
  vertical-align: middle;
  line-height: 3em;
  color: #0065ff;
  border-bottom: 1px solid #0065ff;
}

#btnQuestionList:hover {
  cursor: pointer;
  color: #3084c6;
}

#previousQuestion {
  left: 0;
  margin-bottom: 5px;
  padding: 0;
  margin-right: 10px;
}

#nextQuestion {
  margin-bottom: 5px;
  padding: 0;
}

#viewReport2 {
  right: 0;
  padding-left: 0 !important;
}

.headerTable {
  background-color: #3C4851 !important;
  color: #FFFFFF;
}

.rowPass {
  background-color: #068A22 !important;
  color: #FFFFFF;
  text-align: center;
}

.rowFail {
  background-color: #EA1C04 !important;
  color: #FFFFFF;
  text-align: center;
}

.rowReview {
  background-color: #0065ff !important;
  color: #FFFFFF;
  text-align: center;
}

.tooltip-icon:hover {
  outline: 5px auto -webkit-focus-ring-color !important;
}

.overlayLMS {
  background-color: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  z-index: 20;
  left: 0;
  top: 0;
  position: absolute;
}

.overlayLMSQuestionList {
  width: 100%;
  height: 100%;
  z-index: 20;
  left: 0;
  top: 0;
  position: absolute;
}

.alignLeft,
.alignCenter,
.alignRight {
  display: table-cell !important;
  float: none !important;
}

.alignLeft {
  text-align: left;
}

.alignCenter {
  text-align: center;
}

.alignRight {
  text-align: right;
}

.ui-dialog {
  max-width: 90%;
  max-height: 90%;
  z-index: 99999999  !important;
}

.scoringCaption {
  font-family: "Source Sans Pro";
  font-weight: 600;
  font-size: 24px !important;
  color: #3C4851;
  text-align: left;
  font-size: 18px;
  text-transform: none;
  text-align: center;
  line-height: 65px;
  background-color: #FFFFFF;
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
}

.review-questions-table-container {
  width: 100%;
  vertical-align: middle;
  height: 100%;
  position: fixed;
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 16px;
}

.scoringCaptionQuestionList {
  font-family: "HalisMedium";
  font-size: 24px !important;
  color: #3C4851 !important;
  text-align: left;
  font-size: 18px;
  text-transform: none;
  line-height: 65px;
  background-color: #FFFFFF;
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  border-left: 1px solid rgba(0, 0, 0, 0.3);
  border-right: 1px solid rgba(0, 0, 0, 0.3);
  border-top: 1px solid rgba(0, 0, 0, 0.3);
}

#score {
  height: 250px;
}

#time {
  height: 250px;
}

#pass {
  height: 250px;
}

.timeOut {
  background-color: #FFFFFF !important;
}

.squareTutorial {
  border: 2px solid rgba(0, 0, 0, 0.3);
  padding: 5px;
}

#startTest:hover {
  text-decoration: none;
}

.ipadDisplay {
  display: table-cell;
}

#notAvailable {
  background-color: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  font-weight: bold;
  margin: auto;
  display: table;
}

.notAvailableText {
  vertical-align: middle;
  text-align: center;
  height: 100%;
  display: table-cell;
}

.exitNameDiv,
.previousDiv,
.nextDiv,
.questionsDiv,
.clockDiv {
  width: 20%;
  display: table-cell;
}

.exitNameDiv {
  text-align: left;
}

.previousDiv,
.nextDiv,
.questionsDiv {
  text-align: center;
}

.divMessageBox {
  position: fixed !important;
  display: table !important;
  vertical-align: middle !important;
  margin: auto !important;
}

.MessageBoxContainer {
  top: auto !important;
  vertical-align: middle !important;
  display: table-cell !important;
}

.skipQuestion {
  margin-left: 25px;
}

.btnPointer {
  cursor: pointer;
}

#review {
  cursor: pointer;
  margin-left: 10px;
}

.greenbackcolor {
  color: green;
}

.dataReport {
  display: inline-block;
  width: 100%;
  margin: 7px auto;
  text-align: left !important;
}

#lmsBody {
  height: 100%;
  overflow-y: auto;
  overflow-x: auto;

}

.scoringReportStyle {
  height: 96%;
  width: 75%;
  text-align: center;
  margin: 0 auto;
  background-color: #FFFFFF !important;
}

.dataBtnReport {
  width: 90%;
  margin: 0 auto;
  margin-top: 30px;
  text-align: center !important;
}

.dataCopyrightReport {
  padding-top: 65px;
  padding-bottom: 20px;
  bottom: -10px;
  margin: 0 auto;
  text-align: center;
}

#skillGroupsTable {
  width: 100%;
}
#skillGroupsTable .skillgroup-td, #attemptReportMessage {
  border-bottom: 1px solid #E5EAEE;
  font-family: "HalisMedium";
  padding: 10px;
}
#skillGroupsTable .skillgroup-td.first {
  width: 50%;
}
#skillGroupsTable .skillgroup-td.second {
  width: 10%;
}
#skillGroupsTable .skillgroup-td.third {
  width: 40%;
}
#hT{
  background-color:#fff !important;
}
#reviewQuestionsTable {
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: #FFFFFF;
  border-left: 1px solid rgba(0, 0, 0, 0.3);
  border-right: 1px solid rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  margin: 0 auto;
  max-width: 960px;

}
table, #reviewQuestionsTable{
  border-collapse: initial !important;
}
.rwd {
  width:100%;
  overflow:auto;
}
.rwd table.reviewQuestionsTable {
  width:auto;
  min-width:100%
}

#reviewQuestionsTable caption {
  margin-bottom: 0;
}
#reviewQuestionsTable #chooseTypeOrderQuestions {
  display: inline-block;
  position: relative;
}
#reviewQuestionsTable #chooseTypeOrderQuestions span {
  margin-right: 15px;
}
#reviewQuestionsTable #imgLegend {
  float:none;
  margin-top:35px !important;
}
#reviewQuestionsTable #imgLegend span,
#reviewQuestionsTable #imgLegend img {
  margin-left: 14px;
  margin-right: 14px;
  padding-bottom: 5px;
}
#reviewQuestionsTable .reviewQuestionsHeader {
  margin: 16px 16px 0px 16px;
  min-height: 120px;
}
#reviewQuestionsTable .headerTable td {
  color: #FFFFFF;
}
#reviewQuestionsTable tr th {
  background: #FFFFFF;
  font-family: Verdana;
  padding: 10px;
}
#reviewQuestionsTable tr th.skillgroup-title {
  color: #000000;
  font-size: 12px;
   padding-left:40px !important;
}
#reviewQuestionsTable tr th.skillgroup-subtitle {
  color: #6b7a85;
  font-size: 12px;
   padding-left:40px !important;
}
#reviewQuestionsTable .tdReviewTable,
#reviewQuestionsTable .tdReviewTableSubQ {
  border: none !important;
  font-family: "HalisMedium";
  font-size: 14px;
  padding: 10px 35px;
  text-align: left;
}
#reviewQuestionsTable .tdReviewTable a,
#reviewQuestionsTable .tdReviewTableSubQ a {
  font-family: "HalisMedium";
  font-size: 18px;
  color: #3C4851;
}

.tdReviewTable a:focus {
  outline-offset: 5px !important;
}

#reviewQuestionsTable .first {
  width: 110px;
  text-align:center;
  padding:10px;
}
.tdReviewHeader.quiestion-number{
  text-align:center;
}
.headerTable .statusQuestion {
  text-align:center;
}

.tdReviewTable.fourth{
  text-align:center;
}
.tdReviewTable.fourth img{
  margin-bottom: 10px;
}

#statusReview {
  width: 250px;
}

.showTableByNumber,
.showTableByObjective {
  padding: 10px;
  cursor: pointer;
  display: inherit;
}

#reviewQuestionsTable .caseStudyReview .caseStudyReviewCell {
  color: #666;
  font-family: "HalisRegular";
  font-size: 14px;
  padding: 10px 45px;
}
#reviewQuestionsTable .caseStudyReview .caseStudyReviewCell.first {
  padding: 10px 20px;
}

.tdReviewHeader {
  padding: 20px 40px;
  background-color: #FFFFFF !important;
  color: #607180 !important;
  font-size: 16px !important;
  font-family: Verdana;
  font-weight: bold;
}
.tdReviewHeader.question-number {
  padding: 20px 20px;
  width: 110px;
  text-align: right;
}

.header-title {
  background-color: #0065ff;
  color: #fff;
  text-align: center;
  height: 60px;
  padding: 8px;
  font-size: x-small;
}

.scoreLeft {
  margin-left: -10px;
}

@media only screen and (max-width: 850px) {

  #reviewQuestionsTable table,
  #reviewQuestionsTable thead,
  #reviewQuestionsTable tbody,
  #reviewQuestionsTable th,
  #reviewQuestionsTable td,
  #reviewQuestionsTable tr {
    display: block;
  }

  #reviewQuestionsTable {
    min-width: 100%;
  }

  #reviewQuestionsTable thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  #reviewQuestionsTable tr {
    border: 1px solid #ccc;
  }

  #reviewQuestionsTable td {
    border: none;
    position: relative;
    padding-left: 35% !important;
    white-space: normal;
    text-align: left;
  }

  #reviewQuestionsTable .second a {
    word-wrap: break-word;
    word-break: break-word;
  }

  #reviewQuestionsTable td:before {
    position: absolute;
    left: 10px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    text-align: left;
  }

  #reviewQuestionsTable .first {
    width: auto !important;
    text-align: left !important;
  }

  #reviewQuestionsTable td:before {
    content: attr(data-title);
    color: #0c0c0c;
    font-family: "HalisRegular";
    font-size: 14px;
  }

}

.tooltip > .tooltip-inner {
  -moz-border-radius: 4px / 4px;
  -webkit-border-radius: 4px 4px;
  border-radius: 4px / 4px;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  font-size: 9pt;
  background-color: #E5EAEE;
  color: #3C4851;
}

.popover-content {
  padding: 2px 10px !important;
  font-size: 14px !important;
}

.popover.right > .arrow:after {
  border-right-color: #0069c0 !important;
}

.popover.top > .arrow:after {
  border-top-color: #0069c0 !important;
}

.effect5 {
  position: relative;
}

.effect5:before,
.effect5:after {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 25px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width: 300px;
  background: #898989;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-transform: rotate(-8deg);
  -moz-transform: rotate(-8deg);
  -o-transform: rotate(-8deg);
  -ms-transform: rotate(-8deg);
  transform: rotate(-8deg);
}

.effect5:after {
  -webkit-transform: rotate(8deg);
  -moz-transform: rotate(8deg);
  -o-transform: rotate(8deg);
  -ms-transform: rotate(8deg);
  transform: rotate(8deg);
  right: 10px;
  left: auto;
}

.csstut {
  overflow: scroll !important;
}

#divTestModesDialog {
 /* font-family: Arial, sans-serif;
  font-size: 18px !important;
  width: 90%;
  max-width:920px;
  height: auto;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin-top: 35px;*/
      background-color: #F7F7FA;
    overflow-y: scroll;
}
#divTestModesDialog .nav-tabs li {
  font-family: "Open Sans";
  font-size: 13px;
}
#divTestModesDialog .tab-content * {
  font-family: Arial, sans-serif;
}

.smart-form {
  line-height: 25px;
}

.input-xs {
  width: 35px !important;
  margin-left: 3px !important;
  margin-right: 3px !important;
  height: 18px !important;
  padding: 2px 10px;
  font-size: 11px;
  line-height: 1.5;
}

.pause {
  position: absolute;
  right: 10px;
  top: 12px;
}

#testOptionsDialog {
  display: none;
  width: 595px;
  min-height: 0px;
  max-height: none;
  height: auto !important;
  background-color: #FFFFFF;
}
#testOptionsDialog * {
  font-family: Arial, sans-serif;
}
#testOptionsDialog .smart-form {
  margin-top: 5px !important;
}

#optionsRequestExplanations {
  border: 1px solid #616161;
  width: 100% !important;
}

#jumpToQuestionDialog {
  display: none;
  width: 500px !important;
  min-height: 0px;
  max-height: none;
  height: 50px !important;
  background-color: #FFFFFF;
}
#jumpToQuestionDialog .smart-form {
  margin-top: 5px !important;
}

/*#compactLMSMenuDialog .smart-form { margin-top: 5px !important; }*/
#lastQuestionDialog,
#dodFinishWarning,
#exitAutoanswerWarning,
#emailReportDialog,
#showAnswerCSDialog,
#nextStep {
  background-color: #FFFFFF;
  display: none;
  min-height: 0px;
  width: 500px;
}
#lastQuestionDialog .smart-form,
#dodFinishWarning .smart-form,
#exitAutoanswerWarning .smart-form,
#emailReportDialog .smart-form,
#showAnswerCSDialog .smart-form,
#nextStep .smart-form {
  margin-top: 5px !important;
}

#emailReportDialog,
#nextStep {
  max-height: none;
  font-family: "HalisMedium";
  font-size: 14px;
}

#emailReportDialog {
  height: 480px !important;
}

#lastQuestionDialog,
#dodFinishWarning,
#exitAutoanswerWarning,
#showAnswerCSDialog {
  height: auto !important;
  padding: 18px;
  padding-left: 24px;
}

#emailReportDialogInput1 {
  width: 330px !important;
  margin-left: 13px !important;
}

#emailReportDialogInput2 {
  width: 94% !important;
  height: 190px !important;
}

#warningRetakeTest {
  display: none;
  width: 500px !important;
  min-height: 0px;
  max-height: none;
  height: 45px !important;
  background-color: #FFFFFF;
}
#warningRetakeTest .smart-form {
  margin-top: 5px !important;
}

.ui-dialog[aria-describedby="commentsDialog"] {
  overflow-y: auto !important;
  top: 160px !important;
}

#commentsDialog {
  display: none;
  font-family: "HalisRegular";
  font-size: 14px;
  width: 465px !important;
  min-height: 0px;
  max-height: none;
  height: 327px !important;
  background-color: #FFFFFF;
}
#commentsDialog .smart-form {
  margin-top: 5px !important;
}

.noTitleStuff .ui-dialog-titlebar {
  display: none;
}
.noTitleStuff .ui-dialog-buttonpane {
  margin-top: 0px !important;
  padding: 10px !important;
}

[aria-describedby="compactLMSMenuDialog"].noTitleStuff {
  bottom: 0 !important;
  top: auto !important;
}

[aria-describedby="exhibitDialog"] .ui-dialog-titlebar {
  background-color: #E5EAEE;
  border-bottom-color: #C5D4E1;
}
[aria-describedby="exhibitDialog"] .ui-dialog-titlebar-close {
	top: 16px;
    line-height: 28px;
}

[aria-describedby="exhibitDialog"] .ui-dialog-titlebar-close span {
    display: none;
}

[aria-describedby="checkAnswertDialog"] .ui-dialog-titlebar {
  background-color: #E5EAEE;
  border-bottom-color: #C5D4E1;
}
[aria-describedby="checkAnswertDialog"] .ui-dialog-titlebar-close {
  top: 16px;
    line-height: 28px;
 
}

.ui-widget-overlay {
  background: none;
  background-color: rgba(60, 72, 81, 0.7);
  height: 100%;
  opacity: 1;
  position: fixed;
  width: 100%;
  z-index: 100000 !important;
}

.aNoStyle {
  cursor: default !important;
  text-decoration: none;
  color: black;
}

.aNoStyle:hover {
  cursor: default !important;
  text-decoration: none;
  color: black;
}

ul#skillgroupsCustomList {
  border: 1px solid #C5D4E1;
  width: 100% !important;
  height: 78px !important;
  overflow-y: auto;
  overflow-x: hidden;
  list-style: none;
  padding: 0;
  margin-bottom: 5px;
}
ul#skillgroupsCustomList li label {
  display: block;
  border-bottom: 1px solid #E5EAEE;
  padding: 0px 0px 0px 25px;
  color: #3C4851;
  outline: none;
  position: relative;
  cursor: pointer;
}
ul#skillgroupsCustomList li label .checkbox2 {
  left: 5px;
  top: 5px;
  width: 13px;
  height: 13px;
}
ul#skillgroupsCustomList li label .checkbox2:after {
  left: -1px;
  top: -3px;
}
ul#skillgroupsCustomList li label:hover {
  color: #3C4851;
  background-color: #C5D4E1;
}
ul#skillgroupsCustomList li label.selected {
  color: #FFFFFF;
  background-color: #C5D4E1;
}

.smart-form input.input-xs {
  border-radius: 3px !important;
}

#divTestModesDialog fieldset label.checkbox span {
  cursor: pointer;
}

#testOptionsDialog label.checkbox span {
  cursor: pointer;
}

.showTableQuestionsOrder {
  cursor: pointer;
  border-bottom: 6px solid #0065ff;
}

#tutorial {
  display: initial;
  width: 100%;
  height: 100%;
  top: 0px;
  margin: auto;
  position: absolute;
  background-color: #FFFFFF;
}

#tutorialBtn {
  cursor: pointer;
}

#jumpToQuestionBtn {
  cursor: pointer;
  margin-left: 6px;
}

#actualNumberQuestion {
  border: 1px solid #6B7A85;
  border-radius: 5px;
  background: none !important;
  font-size: 18px;
  text-align: center;
  width: 45px;
  height: 35px;
  line-height: 32px;
  vertical-align: middle !important;
}

#ofText,
#numberQuestions {
  box-sizing: inherit !important;
  font-size: 18px;
  height: 35px;
  line-height: 35px;
  margin-top: -5px !important;
  vertical-align: middle;
  position: relative;
  top: -1px;
  margin-left: 3px;
}

.checkReview {
  opacity: 0;
  margin-bottom: -27px !important;
  display: block;
}

#markForReview {
  position: relative;
  top: 9px;
  width: 24px;
  height: 23px;
  background-image: url("../images/star.png");
  background-repeat: no-repeat;
}
#markForReview:hover {
  background-image: url("../images/star-hover.png");
}

input[type="checkbox"]:checked + #markForReview {
  display: block !important;
  background-image: url("../images/star-selected.png");
}
input[type="checkbox"]:checked + #markForReview:hover {
  display: block !important;
  background-image: url("../images/star-selected-hover.png");
}

#previousQuestionText {
  position: relative;
  font-size: 18px;
  top: -5px;
  padding-left: 2px;
}

#forceNextQuestion {
  right: 0;
  padding-left: 0 !important;
}

#forceNextQuestionText {
  position: relative;
  font-size: 18px;
  top: -5px;
  padding-right: 2px;
}

#nextQuestionText {
  position: relative;
  font-size: 18px;
  top: -5px;
  padding-right: 2px;
  margin-left: 10px;
}

#actualNumberQuestionText {
  font-size:18px;
  float: left;
  margin: 0 10px;
}

#viewReportBtnText2 {
  position: relative;
  font-size: 18px;
  top: -5px;
  padding-right: 2px;
  margin-left: 11px;
}

.prevButton,
.nextButton {
  background-repeat: no-repeat;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  width: 13px;
  height: 22px;
}

.prevButton {
  background-image: url("../images/prev.png");
}

.nextButton {
  background-image: url("../images/next.png");
}

.btnLMS,
.btnLMS:active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: none !important;
  background: none !important;
  top: 0;
  left: 0;
}

.lmsMenuButton {
  width: 40px;
  height: 40px;
  background: #FFFFFF url("../images/menu.png") no-repeat;
  margin-top: 6px;
  border: none;
}

.btnCompactMenu {
  border: none !important;
  padding: 20px !important;
  background: none !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -moz-border-radius: 0px / 0px;
  -webkit-border-radius: 0px 0px;
  border-radius: 0px / 0px;
}
.btnCompactMenu:hover {
  background-color: #F3F5F7 !important;
}
.btnCompactMenu:active {
  top: 0px !important;
  left: 0px !important;
}

.btnCompactMenuIndex {
  border: 0.1em solid #CCD9E4 !important;
  padding: 20px 10px !important;
  background: none !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -moz-border-radius: 0px / 0px;
  -webkit-border-radius: 0px 0px;
  border-radius: 0px / 0px;
  width: 100%;
}
.btnCompactMenuIndex:hover {
  background-color: #F3F5F7 !important;
}
.btnCompactMenuIndex:active {
  top: 0px !important;
  left: 0px !important;
}

.btnMenuSelect {
  border: none !important;
  background: none !important;
  width: 100%;
}

.btnConfirmExit:hover,
.btnConfirmExit:focus {
  outline: 10px auto -webkit-focus-ring-color !important;
}

.btnCompactMenuFinishTest {
  height: 60px !important;
  border-left: 0px !important;
  border-right: 0px !important;
  border-top: 1px solid rgba(0, 0, 0, 0.3) !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  padding: 20px !important;
  background: none !important;
  -moz-border-radius: 4px / 4px;
  -webkit-border-radius: 4px 4px;
  border-radius: 4px / 4px;
}
.btnCompactMenuFinishTest:hover {
  /*background:none !important;*/
  background-color: #F3F5F7 !important;
}
.btnCompactMenuFinishTest:active {
  top: 0px !important;
  left: 0px !important;
}

.btnCompactMenuExit {
  background: none !important;
  border: none !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btnCompactMenuExit:active {
  top: 0px !important;
  left: 0px !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.btnTextCompactMenu {
  color: #000000;
}

.borderRight {
  border-right: 1px solid #C5D4E1 !important;
}

.borderBottom {
  border-bottom: 1px solid #C5D4E1 !important;
}

.divIframe {
  height: 90%;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
  max-width: 1020px;
  margin: 0 auto;
}

#compactLMSMenuDialog {
  display: none;
  min-height: 0px;
  max-height: none;
  height: auto !important;
  background-color: #FFFFFF;
  padding: 0px !important;
}

#compactLMSMenuDialog img {
  width: 36px;
  vertical-align: sub;
}

#messageComment{
  color: #404040 !important;
}

#messageComments, #emailContactInput {
  padding: 5px 10px !important;
  margin-top: 15px !important;
  margin-bottom: 15px !important;
  background: #F9F9F9 !important;
  border: 1px solid #616161 !important;
}

#emailContactInput {
  margin-left: 15px;
}

#messageComments {
  width: 400px !important;
}

.asterisk-span::after {
  content: " *";
  color: #e32;
  position: absolute;
  font-size: x-large;
  margin-top: -5px;
  margin-left: 6px;
}

#termsAndConditions {
  margin-bottom: 15px;
  padding-left: 4px;
  display: flex;
  align-items: center;
}

#termsAndConditions input[type='checkbox'] {
  transform: scale(1.3);
  margin-top: 0;
  cursor: pointer;
}

#termsAndConditions label {
  margin-left: 8px;
}

#termsAndConditions label span {
  cursor: pointer;
}

#termsAndConditions label span a {
  color: #0069c0;
}

#termsAndConditionsLink a:first-letter {
  text-transform: uppercase;
}

#termsAndConditions input[type="checkbox"].input-error {
  outline-color: #E00B0B;
  outline-style: auto;
}

@media (max-width: 1200px) {

.ui-dialog {
  overflow-y: auto;
}
}

@media (max-width: 900px) {
#compactLMSMenuDialog {
  height: 190px !important;
}
}

@media (max-width: 600px) {
#compactLMSMenuDialog {
  height: 90px !important;
}
}

@media (max-width: 500px) {
#commentsDialog {
  width: auto !important;
  overflow: hidden;
  height: auto !important;
}

#messageComments {
  width: 90% !important;
}

#closeButtonFeedback {
  position: initial !important;
}

#testOptionsDialog {
  width: auto !important;
}
}

#compactLMSMenuDialog > div > div.popover.fade.top.in > h3 {
padding: 3px !important;
}
#compactLMSMenuDialog > div > div.popover.fade.top.in > div.popover-content.text-center > div > a.btn.btn-small.btn-primary {
padding: 2px;
margin: 2px 1px 4px 3px;
}
#compactLMSMenuDialog > div > div.popover.fade.top.in > div.popover-content.text-center > div > a:nth-child(2) {
padding: 2px;
margin: 2px 3px 4px 1px;
}
#compactLMSMenuDialog .btn {
font-size: 14px;
font-family: Arial, sans-serif;
}

#NavigationBar > div > nav {
background: white !important;
}

.fontHarish {
font-family: "HalisMedium";
font-size: 16px;
color: #3C4851;
}


.has-error > #messageComments:focus, .has-error > #emailContactInput:focus {
outline: none !important;
border: 1px solid #b94a48 !important;
margin-bottom: 5px !important;
}

#commentHeader {
width: 100%;
text-align: center;
font-size: 20px;
border-bottom: 1px solid #C5D4E1;
padding: 10px 0px 15px 0px;
}

#lmsBody > div.ui-dialog.noTitleStuff {
margin-left: 20px !important;
margin-bottom: 80px !important;
border: none !important;
padding: 0;
}
#lmsBody > div.ui-dialog.noTitleStuff .ui-dialog-buttonpane {
padding: 0px !important;
}
#lmsBody > div.ui-dialog.noTitleStuff .ui-dialog-buttonpane > div {
width: 100%;
}
#lmsBody > div.ui-dialog.noTitleStuff .ui-dialog-buttonpane > div > button.btn.btn-default {
display: none;
}
#lmsBody > div.ui-dialog.noTitleStuff .ui-dialog-buttonpane > div > button.btn.btn-success {
background: none;
background-color: #0069c0 !important;
border: none !important;
border-top: 1px solid rgba(0, 0, 0, 0.3) !important;
font-family: "HalisMedium";
font-size: 20px;
margin: 0;
padding: 15px 0px 15px 0px !important;
width: 100%;
}
#lmsBody > div.ui-dialog.noTitleStuff .ui-dialog-buttonpane > div > button.btn.btn-success:hover {
background-color: #0069c0 !important;
border: none !important;
border-top: 1px solid rgba(0, 0, 0, 0.3) !important;
}

#closeButtonFeedback {
font-family: "HalisMedium";
font-size: 30px;
position: absolute;
float: right;
z-index: 1000;
top: 10px;
left: 425px;
opacity: 1;
color: #404040;
}

.scoreReportQuestion {
background: #068A22;
color: #FFFFFF;
padding-top: 45px;
padding-bottom: 45px;
}

.scoreReportQuestionFail {
background: #EA1C04;
color: #FFFFFF;
padding-top: 45px;
padding-bottom: 45px;
}

.scoreReportQuestionBcen {
background: #70BAFF;
color: #FFFFFF;
padding-top: 45px;
padding-bottom: 45px;
}

.color-blind .scoreReportQuestion,
.color-blind .scoreReportQuestionFail,
.color-blind .scoreReportQuestionBcen {
background: #6B7A85;
}
.color-blind .barGraphic {
background: #6B7A85;
}

.passScoreReport,
.failScoreReport {
display: block;
width: 150px;
height: 150px;
margin: 0 auto;
}

#cutScoreReportText {
font-size: 13px !important;
color: #FFFFFF;
text-align: center;
font-family: "HalisMedium";
}
#testNameReport, #userNameReport, #timeSpentReport, #keyReport {
font-size: 17px;
font-family: "HalisMedium";
margin-top: 10px;
}

#yourScoreReportText {
font-size: 17px;
font-family: "HalisMedium";
text-align: center;
}

#analysisReportObjetives {
display: inline;
margin-right: 20px;
text-decoration: none !important;
color: #607180;
padding: 10px;
}

#analysisReportObjetives:hover {
text-decoration: none;
}

.report-menu {
padding: 10px;
}
.report-menu:focus {
background-color: #E5EAEE;
}

.selectedReportMenu {
border-bottom: 6px solid #0069c0;
padding-bottom: 9px;
}

#tableSkillgroupReport {
padding: 0 10px;
font-family: "HalisBook";
}
#tableSkillgroupReport td, #attemptReportMessage {
font-size: 18px !important;
}

#objGraphReport {
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
line-height: 50px;
font-size: 17px;
font-family: "HalisMedium";
text-align: center !important;
}

.marginScoreReport {
text-align: center;
}

#scoringPie {
display: none !important;
}

.helv {
font-family: Arial, sans-serif;
font-size: 18px !important;
color: #3C4851 !important;
}

.helvInput {
font-size: 18px !important;
line-height: 1 !important;
}

.note {
font-size: 14px !important;
}

.btn-newStyle {
width: 100%;
font-family: "HalisMedium";
font-size: 18px;
padding: 15px 0px 15px 0px !important;
background-color: #0065ff !important;
border: none !important;
border-top: 1px solid rgba(0, 0, 0, 0.3) !important;
}

caption {
margin: 15px 0;
}

.headerStyle {
background-color: #FFF !important;
border-bottom: 1px solid #666666;
color: #666 !important;
font-size: 16px !important;
font-weight: bold;
padding: 6px 20px 6px 15px;
}

.tdTutorial {
padding-top: 7px;
padding-bottom: 7px;
}

.tdTutorialRight {
padding-left: 30px;
}

.text-icon-tutorial {
color: #3a3f43;
}

.botonera {
bottom: 0px;
position: fixed;
width: 100%;
margin-bottom: 0;
border-top: 1px solid rgba(0, 0, 0, 0.3);
}
.botonera.tutorialPage1 .goToTutorialPage2 {
margin: 10px auto 0 auto;
}
.botonera.tutorialPage2 #goToTutorialPage1 {
margin-top: 10px;
padding-left: 1px;
}
.botonera.tutorialPage2 #goToTutorialPage3 {
margin-top: 10px;
}
.botonera.tutorialPage3 .goToTutorialPage2 {
padding-left: 1px;
margin-left: 1px;
float: none !important;
margin-top: 11px;
}

.HiddeObjetivesOrGraphicsReport {
display: none !important;
}

.btn-report-final {
line-height: 40px;
padding-left: 15px;
padding-right: 15px;
}

#lastQuestionMessageText, #dodFinishWarningText, #exitAutoanswerWarningText, #showAnswerCSDialogText {
font-size: 18px;
}

#titleEmailReport, #titleNextStep {
width: 100%;
text-align: center !important;
font-size: 20px;
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
padding: 10px 0 15px 0;
}

#closeButtonEmail, #closeButtonNextStep {
width: 15px;
height: 15px;
position: absolute;
float: right;
z-index: 1000;
top: 6px;
left: 452px;
}

.overlayDisableLMS {
position: absolute !important;
left: 0 !important;
top: 0 !important;
}

.buttonScoreReportFinish {
  line-height: 40px !important;
  font-family: "HalisMedium" !important;
  font-size: 15px !important;
  -moz-border-radius: 0 / 0;
  -webkit-border-radius: 0 0;
  border-radius: 0 / 0;
  margin-bottom: 10px;
  margin-right: 10px;
  cursor: pointer;
}

#attemptReportMessage {
  border: 0;
}

.buttonScoreReportFinish.removeButtonMargins {
  margin: 0;
}

.scrollable {
overflow: auto !important;
}

.fixTutorialPage {
height: 87% !important;
width: 67.5% !important;
margin: 0 auto;
top: 20px !important;
}

.scoring-report-container {

}

#attempsGraph {
margin: 0 auto;
margin-top: 15px;
height: 250px;
width: 100%;
}

.MessageBoxMiddle {
margin: 0 auto;
}
.MessageBoxMiddle .pText {
font-size: 14px;
margin: 10px 0px 20px 0px;
}
.MessageBoxMiddle .MessageBoxButtonSection button {
float: none;
}

#firstDv {
display: inline-block;
position: relative;
top: -5px;
width: 65px;
}

#secondDv {
text-align: center;
display: inline-block;
position: relative;
padding-right: 0;
}

#thirdDv {
  display: inline-block;
  padding-top: 2px !important;
}
.blockScreen {
    position: fixed;
    z-index: 9999999999;
    background: url("../images/turnScreen.png") white no-repeat center center;
    width: 100%;
    height: 100%;
    background-size: contain;
    left: 0px;
    top: 0px;
}
.hide{
    display: none;
}

.toolbarbutton {
    border: none;
    background-color: transparent;
    margin-top: 8px;
    cursor: pointer;
    color: #607180;
}

@media (min-width: 1200px) {
  #reviewQuestionsTable {
      width: 960px!important;
  }
}

.simoDialog .modal-header {
    background: #3276b1 !important;
    color: white;
}

.simoDialog .modal-content {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #999999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    outline: none;
}
.simoDialog .modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.428571429px;
}
.simoDialog h1 , .simoDialog h2 {
    text-align: left !important;
    background: transparent !important;
}
.simoDialog .modal-header .close {
    margin-top: -2px;
    color: white;
    opacity: 1;
}
.simoDialog .bootstrap-dialog-title{
    font-size: 16px;
    font-weight: bold;
}

#skillGroupsTable .tdHead {
  font-family: "SourceSansProSemibold", Arial, sans-serif, Verdana, sans-serif;
  color:#969696;
 }

@media (min-width:750px){
   #reviewQuestionsTable #imgLegend{
      float:right;
      margin-top:0 !important;
   }
}

  
.loading-background{
  z-index: 1111;
  position:absolute;
  width:100%;
  height:100%;
  background-color: rgba(255, 255, 255, 0.6);
}
.loading-content{
  margin:15% auto;
  padding:0 20px;
  width:80%;
  max-width:520px;
  min-height: 150px;
  background-color:#efefef;
  border:1px solid #ababab;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
      border-radius: 4px;
}
.loading-empty{
  min-height:40px;
}
.loading-text span{
  font-size: 18px;
    text-align: center;
    color: #3C4851;
}
/* CSS SPINNER */
.loading-spinner {
    margin: 25px auto 25px;
    width: 70px;
    text-align: center;
    color:#0069c0;
}

@media (max-width: 374px) {
  #NavigationBar .navbar {
    min-height: 70px !important;
  }
}


@media (max-width: 374px) {
  #previousQuestion{
    margin-right: -2px;
  }

  #nextQuestion {
    margin-left: -2px !important;
  }

  #thirdDv {
    left: 25% !important;
    top: -10px !important;
  }

  #actualNumberQuestionText {
    display: none;
  }

  #actualNumberQuestion {
    margin-right: 10px;
  }

  #btnQuestionList {
    margin-left: 0 !important;
  }

  #secondDv {
    margin-left: 10px;
    text-align: left;
    padding-left: 5px;
  }
}
@media (max-width:529px){
  #thirdDv{
    left:20%
  }

  #secondDv {
    left: -20px !important;
  }
}
@media (min-width:530px) and (max-width:560px){
  #thirdDv{
    left:13% !important;
  }
}
@media (min-width:561px) and (max-width:600px){
  #thirdDv{
    left:14% !important;
  }
}
@media (min-width:601px) and (max-width:639px){
  #thirdDv{
    left:15% !important;
  }
}

@media (max-width: 639px) {
  #questionsPane {
    right: 115px !important;
    min-width: 150px !important;
    bottom: -50px;
  }

  #questionsPaneEUS {
    right: 115px !important;
  }

  #actualNumberQuestion {
    width: 40px !important;
  }

  #mainSlide, #explanationBody {
    margin-bottom: 100px !important;
  }

  #btnQuestionList {
    margin-left: 55px;
    display: inline;
  }

  #thirdDv{
    top: 20px;
  }

  #NavigationBar .navbar {
    min-height: 80px;
  }

  #nextQuestion {
    margin-left: 10px;
  }

  #previousQuestionText, #nextQuestionText {
    display: none;
  }
}

@media (max-width: 670px) {
  #questionsPane, #questionsPaneEUS {
    right: -10px !important;
  }
}

@media (max-width: 639px) {
  #questionsPane,  #questionsPaneEUS {
    right: 100px !important;
  }
}

@media (min-width:769px){
  #secondDv{
    text-align: right;
  }

  #thirdDv{
    left: 6% !important;
  }
}
@media (min-width:850px){
  #thirdDv{
    left: 20% !important;
  }

  #questionsPane, #questionsPaneEUS {
    right: 122px;
  }
}

#simulationViewer > .container-fluid{
  padding: 0 !important;
}

#contentTable, #contentTable0 {
  display:table;
  border-collapse: collapse;
  border: none;
}

#contentTable tr, #contentTable0 tr{
  display: table-row;
}

#contentTable th, #contentTable0 th{
  background-color: lightgray;
  font-weight: bold;
  display: table-cell;
  min-height: 45px;
}

#contentTable td, #contentTable0 td {
  display: table-cell;
  vertical-align: middle;
}

.dd-handle > code, .stemFont > code, .dd-handle > pre, .stem > pre {
  background: transparent !important;
  border: none !important;
}

.dd-handle > code, .dd-handle > pre {
  color: #FFFFFF !important;
}

.dd-handle > code, .stemFont > code, .dd-handle > pre > code, .stem > pre > code {
  font-family: Courier, monospace !important;
}

#dvMarkReview {
  display: inline-block;
}

.movedListItemAlert, .selectedItemAlert {
  display: none;
  position: absolute;
  top: -1000px;
}

.tutorialTable .row {
  border-bottom: 1px solid #666666;
  display: flex !important;
}

.tutorialHeader {
  background-color: #FFF !important;
  color: #666 !important;
  font-size: 16px !important;
  padding: 6px 20px 6px 15px;
  font-weight: bold;
}

.align-self-center {
  align-self: center;
}

.imageInColumn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  image-rendering: pixelated;
}

.noRender {
  image-rendering: unset;
}

.hideSelectDuringShowAnswer {
  display: none !important;
}
#containerPanel > table {
  width: 100%!important;
}