@font-face{
  font-family: "Gotham-Book";
  src: url('../assets/fonts/Gotham-Book.eot');
  src: local('Gotham-Book'), url('../assets/fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'), url('../assets/fonts/Gotham-Book.woff') format('woff'), url('../assets/fonts/Gotham-Book.ttf') format('truetype'), url('../assets/fonts/Gotham-Book.svg#webfont') format('svg');
}
html,body{
  width: 100%;
  height: 100%;
  font-family: "Gotham-Book" !important;    
}

#logoImg{
  height: 25px;
}
.fraction, .num, .den {
    padding: 0 5px;
}

.fraction {
    display: inline-block;
    text-align: center;    
    vertical-align: middle;
}

.den{
    border-top: 1px solid #000;
    display: block;
}

 #audioPlayer > audio { width: 100% } 
        /* Chrome 29+ */ 
@media screen and (-webkit-min-device-pixel-ratio:0) 
  and (min-resolution:.001dpcm) { 
       /* HIDE DOWNLOAD AUDIO BUTTON */ 
    #audioPlayer { 
           overflow: hidden;width: 390px;  
    } 
    #audioPlayer > audio { width: 420px; } 
} 
 
/* Chrome 22-28 */ 
@media screen and(-webkit-min-device-pixel-ratio:0) {     
    #audioPlayer { 
      overflow: hidden;width: 380px;  
    } 
    #audioPlayer > audio { width: 410px; } 
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;

  > .col,
  > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }
}
.full-height {
  height:100%;
}

#passageWithQuestion {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  font-size: 16px;
}
/* fixedn position */

/* Toggle Styles */
#menu-toggle {
  color:gray;
}
#wrapper {
    padding-left: 30;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    /*height: 93%;*/
    height: 91%;
    /* display: block !important; */
}
#wrapper.linear {
        padding-left: 0;
    }

#wrapper.toggled {
    padding-left: 175px;
}
#collapse-expand-sidebar-down{
    
    /* width: 20px; */
    /* height: 100%;     */
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    /* border-right: 1px solid silver; */
  
}
#collapse-expand-sidebar {
    position: fixed;
    /*left: 370px;*/
    left: 390px;
    z-index: 1000;
    overflow-y: auto;
    margin-left: -200px;
    width: 20px;
    height: 100%;    
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    border-right: 1px solid silver;
    padding-left: 5px;
    padding-top: 100px;
    border:0px;
    overflow: hidden;
}
#collapse-expand-sidebar a span {
  padding:0px;
  height:35px;
  padding-top:5px;
  color:darkgray;
}
#sidebar-wrapper {
    position: fixed;
    left: 175px;
    z-index: 1000;
    overflow-y: auto;
    margin-left: -175px;
    width: 0;
    height: 100%;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    /*border-right: 1px solid silver;*/
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 30px;
    /*display: block !important;*/
}

#wrapper.toggled #sidebar-wrapper {
    width: 175px;
}
/* Eng Toggle Styles */

.navbar-inverse, .navbar-fixed-bottom {
  background-color: white;
}
.navbar-nav > li > a, .navbar-brand, .navbar-text {
    padding-top:8px !important; 
    padding-bottom:0 !important;
    height: 35px;
    margin-bottom: 0;
    margin-top: 0;
}
.navbar {min-height:30px !important;}

/* Sidebar Styles */

.sidebar-nav {
    position: absolute;
    top: 0;
    margin: 0;
    padding: 0;
    width: 175px;
    list-style: none;
}

.sidebar-nav li {
    text-indent: 20px;
    line-height: 40px;
}

.sidebar-nav li a {
    display: block;    
    text-decoration: none;
}

.sidebar-nav li a:hover {
    /*background: rgba(255, 255, 255, 0.2);
    color: #fff;*/
    text-decoration: none;
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
    height: 65px;
    font-size: 18px;
    line-height: 60px;
}

.sidebar-nav > .sidebar-brand a {
    color: #999999;
}

.sidebar-nav > .sidebar-brand a:hover {
    background: none;
    
}

#wrapper.toggled #page-content-wrapper {
    /*position: absolute;
    margin-right: -175px;*/
}
/** End side bar **/


#page-content-wrapper {
    padding-top: 40px;
    width: 100%;    
}

.page-section{
    box-shadow: 0px 0px 5px -1px #000;
    padding-top: 5px;
    padding-bottom: 20px;
    height: 100%;
}
.section{
  /*-webkit-transition: width 0.3s ease, height 0.3s ease, margin 0.3s ease, padding 0.3s ease, opacity 0.3s ease;
  -moz-transition: width 0.3s ease, height 0.3s ease, margin 0.3s ease, padding 0.3s ease, opacity 0.3s ease;
  -o-transition: width 0.3s ease, height 0.3s ease, margin 0.3s ease, padding 0.3s ease, opacity 0.3s ease;
  transition: width 0.3s ease, height 0.3s ease, margin 0.3s ease, padding 0.3s ease, opacity 0.3s ease;
  overflow: hidden;*/
  height: 100%;
}
#pnlPassage {
  border-right: 1px solid silver;
  padding-left: 0px;
  overflow: auto;
}
#pnlQuestion {
  /*padding-right: 0px;*/
  overflow: auto;
}
#question_content {
  margin-top: 10px;
  padding-right: 0;
}

#question_content sup {
  top: -.5em;
}
#pnlQuestionNo {
  display: inline-block;
    padding: 5px 5px;     
    margin-top: 10px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid black;
    border-radius: 4px;
    min-width: 25px !important;

}
.optionSelector {
  /*padding: 5px;*/
  font-size:14px;
}
.optionText {
  font-weight: normal;  
  /*padding-left: 5px;*/
}

.pnlOptions>div {
  padding: 5px 10px;
  display: block;       
  width: fit-content; 
  border-radius: 5px;
}

label.optionText {
  cursor: pointer; 
  font-weight: normal;
  display: inline;
}
input.single-checkbox {
  cursor: pointer; height: 20px; width: 20px;
  vertical-align:text-bottom;
  margin: 0px;
}

/**phrase select qtype styles **/
.selectable {
        cursor: pointer;
        -moz-transition: background-color .2s ease-in;
        -webkit-transition: background-color .2s ease-in;
        -o-transition: background-color .2s ease-in;
        transition: background-color .2s ease-in;
        border: solid 1px transparent;
        position: relative;
    }
    .browser_ie .selectable {
        transition: none !important;
    }
    .selectable.contextAreaFocus {
        border: dotted 1px #00aeef;
    }
    .no-touch .selectable:hover {
      background-color: rgb(172, 211, 115);
      background-color: rgba(172, 211, 115, 0.2);
    }
    
    .selectable.selected, .selectable .drop,
    .browser_ie .selectable.selected * {
      background-color: #cce3a9 !important;
    }
    
    .no-touch.TDS_CCGreen .selectable:hover, 
    .no-touch.TDS_CCGreen2 .selectable:hover {
      background-color: rgb(242, 101, 34);
      background-color: rgba(242, 101, 34, 0.2);
    }
    .selectable.selected .highlight {
      background-color: rgb(234, 233, 129) !important;
      background-color: rgba(255,238,104,0.6) !important;
    }
/** End phrase select **/
/**Drop down template **/
.drop{
  position: relative;
  cursor: pointer;
}
.select-drop{
  display: none;
    position: absolute;
    left: 0px;
    margin: 0px;
    list-style: none;
    padding: 0px;
    border: 1px solid;
  box-shadow: 0px 0px 3px 0px;  
  z-index:1;
}
.select-drop li{
  background: white;
    border-bottom: 1px solid;
    padding: 5px;
}
.select-drop li:hover{
  background: #efefef;
}
.strike-out{
  text-decoration: line-through;
  opacity: 0.5;
}
/** End drop down **/
/** Equation Editor **/
.input_equation {
  min-width: 5em;
  background: white;
  font-size: 150%;  
}

#keyboard {
  display: none;
}

.ui-keyboard-frac span {
  background-image: url(../assets/keyboard_symbols.png);
  background-position: -14px -10px;
  text-indent: -99em;
  width: 1.1em;
}

.ui-keyboard-sqrt span {
  background-image: url(../assets/keyboard_symbols);
  background-position: -203px -5px;
  text-indent: -99em;
  width: 1.1em;
}

.ui-keyboard-exponent span {
  background-image: url(../assets/keyboard_symbols.png);
  background-position: -114px -10px;
  text-indent: -99em;
  width: 1.1em;
}


/* position keyboard at bottom of the screen - jQuery UI isn't even loaded! */

.ui-keyboard {
  border-radius: 0;
  /*left: 0;   
  top:auto;    
  bottom: 0;
  position: fixed;
  width: 100%;    
  height: 35%;*/
}

.ui-keyboard div {
  font-size: 1.1em;
}
/** End Equation Editor **/
.buttonPanel {
  margin-top: 10px;
}
.hide {
  display: none;
}

.fa{
    cursor: pointer;
}
.fa-expand{
    padding: 3px 6px;
}
.fa-compress{
    padding: 3px 6px;
}

.legends {  
  padding-left: 10px;  
  font-size: small;
  height: 30%
}
.legends label {
  display: inline;
}
.box-legends{
  width: 15px;
  height: 15px;
  display: inline-block;
  position: relative;
    top: 3px;
    margin-right: 5px;
    border-radius: 4px;
}
.currentques {
  border:2px solid black !important;
}
.unanswered{
  color: #337ab7;
  background-color: #fff;
  border-color: #269abc;  
  border: solid 1px;
} 
.answered{
  background-color: #2AABD2 !important;
  color: white !important;
}
.marked{
  background-color: orange !important;
  color: white !important;
}
.answered>a, .marked>a {
  color: white !important;
}
.currentQuestion {
      z-index: 2;
      color: #fff;
      cursor: default;
      background-color: #337ab7;
      border-color: #337ab7;
  
}
.box-heading{
  padding: 8px;
    background: #efefef;
    margin: 10px 0px;
}

.width-0{
  width: 1px;
  margin: 0%;
  padding: 0%;
  overflow: hidden;
  display: none;
  visibility: hidden;
  padding: 0;
  margin: 0;  
}

.navigate-panel
{  
  border-right: 1;
  max-height: 100%;
  overflow: auto;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 10px;
  padding-top: 5px;
}
.navigate-button{
    width: 25px;
    height: 25px;
    display: inline-block;
    text-align: center;
    line-height: 1.85em;
    margin: 2px 0px;
    padding: 0px;
    cursor: pointer;    
}
.navigate-button:hover, .navigate-button:focus {
  border: 2px solid black !important; 
  background-color: white !important;
  color: #337ab7 !important;
}


/** Tab styles **/
.tabrow {    
    list-style: none;    
    padding-left: 5px;
    margin-left: 5px;
    line-height: 24px;
    height: 26px;
    overflow: hidden;      
    position: relative;
}
.tabrow li {
    border: 1px solid #AAA;
    /*background: #D1D1D1;
    background: -o-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
    background: -ms-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
    background: -moz-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
    background: -webkit-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
    background: linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);*/
    display: inline-block;
    position: relative;
    z-index: 0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    /*box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4), inset 0 1px 0 #FFF;*/
    /*text-shadow: 0 1px #FFF;*/
    margin: 0 -2px;
    padding: 0 8px;
    cursor: pointer;
}
.tabrow a {
    /*color: #555;*/
    text-decoration: none;
}
.tabrow li.selected {
    background: #FFF !important;
    /*color: #333;*/
    z-index: 2;
    border-bottom-color: #FFF;
}
.tabrow li.selected>a {
   color: black !important;
}
.tabrow:before {
    position: absolute;
    content: " ";
    width: 100%;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #AAA;
    z-index: 1;
}
.tabrow li:before,
.tabrow li:after {
    /*border: 1px solid #AAA;
    position: absolute;*/
    bottom: -1px;
    width: 5px;
    height: 5px;
    content: " ";
}
.tabrow li:before {
    left: -6px;
    /*border-bottom-right-radius: 6px;
    border-width: 0 1px 1px 0;
    box-shadow: 2px 2px 0 #D1D1D1;*/
}
.tabrow li:after {
    right: -6px;
    /*border-bottom-left-radius: 6px;
    border-width: 0 0 1px 1px;
    box-shadow: -2px 2px 0 #D1D1D1;*/
}
.tabrow li.selected:before {
    box-shadow: 2px 2px 0 #FFF;
}
.tabrow li.selected:after {
    box-shadow: -2px 2px 0 #FFF;
}
/** End tab styles **/

/** Grid check box styles **/    
    .tblGrid>tbody>tr>th {
        /*text-align: left;*/
        padding: 5px;
        border: 1px solid;
    }
    .tblGrid>tbody>tr>th>input[type=checkbox], .tblGrid>tbody>tr>th>input[type=radio]{
      clear : both;
        line-height: 1;
        margin: 10px !important;
        height: 20px;
        width: 20px;
    }
/** End Grid check box **/

/**Modal box **/
.modal {
  z-index: 17000;
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  /* display: inline-block; */
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.time-left-header{
  display: none;
  /*justify-content: space-between;*/
}

input[type="radio"] {
  width: 30px;
  height: 30px;
  border-radius: 6px;
  /*border: 2px solid #1FBED6;*/
  border: 1px solid black;
  background-color: transparent;
  -webkit-appearance: none; /*to disable the default appearance of radio button*/
  -moz-appearance: none;
  margin: 0;
}

input[type="radio"]:focus { /*no need, if you don't disable default appearance*/
  outline: none; /*to remove the square border on focus*/
}

input[type="radio"]:checked { /*no need, if you don't disable default appearance*/
  background-color: #1FBED6;
  position: relative;
  z-index: -2;
}

input[type="radio"]:checked ~ span:first-of-type {
  color: white;
}
/* .passageContent{
  display: block;
} */
/* label span:first-of-type {
  position: relative;
  left: -27px;
  font-size: 15px;
  color: #000;
}

label span {
  position: relative;
  top: -10px;
} */

@media (min-width: 1024px) {

#qpanel-body{
  display: none !important;
}
}
/** End Modal **/

/** End **/
/*@media only screen and (min-width: 768px) {*/
  /* For mobile phones: */

@media (min-width: 768px) {

  .navbar-right{
    margin-right: 0px !important;
  }
  #wrapper.linear {
        padding-left: 0;
    }
  
    #wrapper {
      padding-left: 195px;
    }

    #wrapper.toggled {
        padding-left: 0;
    }

    #sidebar-wrapper {
        width: 195px;
    }

    #wrapper.toggled #sidebar-wrapper  {
        width: 0px;
        overflow-y:hidden;
        visibility: hidden;        
    }
    #wrapper.toggled #collapse-expand-sidebar  {
        left:195px;
    }

    #page-content-wrapper {
        /*padding: 20px;*/
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }

    .mobile-footer{
      display: none;
    }
}

/*@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 812px) 
  {

    .navbar {min-height:100px !important; font-size: 30px;}
    #logoImg{
      height: 50px;
    }
    #wrapper {
      padding: 70px 0 0 0px !important;
      font-size: 34px !important;
    }

    #sidebar-wrapper {
      width: 100% !important;
      top: 30%;
    }
    #collapse-expand-sidebar{
      width: 100% !important;
      top: 30% !important;
      left: 50% !important;
    }
    #collapse-expand-sidebar a span{
      font-size: 30px;
      height: 50px !important;
      width: 100px!important;
    }
}*/
.initial{
  position: relative;
  max-height: 30px;
  min-width: 30px;
  max-width: 30px;
  border-radius: 25%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
  min-height: 30px;
}
.answer{
  word-break: break-word;
  width: 100%;
}

.selctedOPtion{
  background-color: deepskyblue;
}
.flex-start{
  display: flex;
  justify-content: flex-start;
  /* padding: 5px; */
}
@media screen and (max-width: 768px) {
/*@media (max-width: 768px) {*/
  .time-left-header{
 display: flex;
    justify-content: space-between;
    /* background-color:#2AABD2; */
    padding: 6px;
    border-radius: 4px;
    color: #1a1a1a;
    font-size:12px;
  
}
.passageContent{
  display: none;
}
h1 {
  margin: 0
}
.box {
  /* height: 270px; */
  height:auto;
  /* width: 300px; */
  overflow: hidden;
/* background-color: #004282; */
}
.hid-box {
  top: 100%;
  position: relative;
  transition: all .3s ease-out;
  height:100%;
  background-color: #fff !important;
  border:1px solid silver;border-radius:10px 10px 0 0;
}
/* input radio */
input[type="radio"] {
  min-width: 30px;
  max-width: 30px;
  min-height: 30px;
  max-height: 30px;
  border-radius: 6px;
  /*border: 2px solid #1FBED6;*/
  border: 1px solid black;
  background-color: transparent;
  -webkit-appearance: none; /*to disable the default appearance of radio button*/
  -moz-appearance: none;
}

input[type="radio"]:focus { /*no need, if you don't disable default appearance*/
  outline: none; /*to remove the square border on focus*/
}

input[type="radio"]:checked { /*no need, if you don't disable default appearance*/
  background-color: #1FBED6;
  position: relative;
  z-index: -2;
}

input[type="radio"]:checked ~ span:first-of-type {
  color: white;
}

/* label span:first-of-type {
  position: relative;
  left: -27px;
  font-size: 15px;
  color: #1FBED6;
  color: #000;
}

label span {
  position: relative;
  top: -10px;
} */
/* input radio */
/*.box:hover > .hid-box{
  top: 0;
}*/
.boxHover{
  top: 0;
}
.name-flex{
  display: flex;
}
#wrapper.toggled {
  padding-left: 0px;
}
.toggle-passage, #btn-toggle-question {
      display: none;
    }    
    #pnlQuestion, #pnlPassage {
      /* padding-top: 30px;
      margin-top:15px;  */
    }
    #wrapper #sidebar-wrapper  {
        display: none !important;
    }
    #wrapper #collapse-expand-sidebar  {
    display: none;
    }
    #wrapper.toggled #collapse-expand-sidebar  {
        display: none;
    }
    #btnNavBar {
      background-color: gray;
      display: none;
    }
   
    .mobile-footer{
      display: block;
    }
    .flex{
      display: flex;
      justify-content: center;
    }
    .mobile-mark{
      min-width: 77px;
    }
    .flex-end{
      display: flex;
      justify-content: flex-end;
      padding: 5px;
    }
    .flex-start{
      display: flex;
      justify-content: flex-start;
      /* padding: 5px; */
    }
    .initial{
      position: relative;
      min-height: 30px;
      max-height: 30px;
      min-width: 30px;
      max-width: 30px;
      border-radius: 25%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-right: 20px;

    }
    .answer{
      word-break: break-word;
      width: 100%;
    }
  
    .selctedOPtion{
      background-color: deepskyblue;
    }
    .bottomPanel{
      top: -23px;
    }
    .margin-right-5{
      margin-right:5px;
      display:flex ;
    }
    .full-height{
      padding-top:12px ;
    }
    #pnlQuestionNavigation{
      /* overflow-y: scroll;
      min-height: 78px;
      max-height: 78px; */
    }
    .questionStem{
      word-break: break-word;
    }
    }
 }
 @media screen and (max-width: 320px) {
   .bottomPanel{
     left:11px;
     padding:0px !important;
   }
   .iphone{
     bottom:51px !important;
   }
   .iphoneName{
    margin-left: 8px !important;
    margin-top: 2px !important ;
    padding-top: 11px !important;
    margin-right: 7px !important;
    padding:2px!important;
   }
   .iphoneQues{
     padding: 2px !important;
     padding-top:11px !important;
   }
   
 }
 .audio {
  /*background      :       url('../assets/audiobuttons.jpg') 0px 0px no-repeat;*/
  background      :       url('../assets/audio-off.jpg') 5px 5px no-repeat;
  width           :       35px;
  height          :       35px;
  border: none;
  display: inline-block;
  text-decoration: none;
 }
 .audio-active {
  /*background      :       url('../assets/audiobuttons.jpg') -75px 0px no-repeat;*/
  background      :       url('../assets/audio-on.jpg') 5px 5px no-repeat;
  width           :       35px;
  height          :       35px;
  border: none;
  display: inline-block;
  text-decoration: none;
 }

 label > .audio {
  /*background      :       url('../assets/audiobuttons.jpg') 0px 0px no-repeat;*/
  background      :       url('../assets/audio-off.jpg') 5px 0px no-repeat;
  width           :       35px;
  height          :       35px;
  border: none;
  display: inline-block;
  text-decoration: none;
 }
 label > .audio-active {
  /*background      :       url('../assets/audiobuttons.jpg') -75px 0px no-repeat;*/
  background      :       url('../assets/audio-on.jpg') 5px 0px no-repeat;
  width           :       35px;
  height          :       35px;
  border: none;
  display: inline-block;
  text-decoration: none;
 }

 /*logo code */
 .logo_ats {
    background: url(../../images/ats-logo.png) no-repeat 10px 5px !important;
  background-size:auto 25px !important;
  background-color:#004158 !important;
  width:100px !important;
  height:35px !important;
  
}
.logo_asset {
    background: url(../assets/asset1.png) no-repeat 10px 5px !important;
  background-size:auto 25px !important;
  width:100px !important;
  height:25px !important;
  
}
html {
  scroll-behavior: smooth;
}

.pnlOptions > div:hover {
  background: lightblue !important;
  cursor: pointer;
}

.bgForOption{
  background: #8fb7f7 !important;
}

.addzndex{
   z-index: 8 !important;
}


.cursor-pointer{
  cursor: pointer;
}

@media screen and (max-width: 320px) {
  .bottomPanel {
    top: -30px;
    padding: 0;
    /* display: flex; */
    left: 12px;
}
.iphoneName{
  margin-left: 8px !important;
  margin-top: 7px !important ;
  padding-top: 11px !important;
  margin-right: 7px !important;
  padding:2px!important;
  font-size:12px;
 }
 .iphoneQues{
   padding: 2px !important;
   padding-top:11px !important;
   font-size:11px;
 }
}

.mcq_radiobutton, .cursor-pointer{
  cursor: pointer;
}
.cursor-pointer:hove{
  background-color: #5bc0de;
  color: white;
}

/* Mathjax Styles Start */
.math {
  display: inline-block !important;
}

.MathJax_Display {
  margin: 0 !important;
}

.MathJax_SVG_Display {
  margin: 0 !important;
}

.MathJax_SVG {
  font-size: 75% !important;
  font-weight: inherit !important;
}

.MathJax span {
  font-size: 98% !important;
}
/* Mathjax Styles End */

span.den sup{
  top: -.5em !important;
}
.disabled{
  background-color: rgb(221,221,221) !important;
  border-color: rgb(255,255,255) !important;
  color: white !important;
}

grammarly-extension,
grammarly-desktop-integration,
grammarly-popups {
    display: none !important;
}
.wide-dialog .modal-dialog{
  width: 95%;
}

.wide-dialog .bootstrap-dialog-message{
  width: 85%;
  padding-bottom: 20px;

}
/*AC-4867 - Section type ques text overlapping issue - BGU - 28-Nov-2023*/
div.section-title {
    height: 5%;
}
div.section.full-height.hsa-sec-type {
    height: 95%;
}
/*AC-4621 - BGU - 18-Dec-2023*/
.preview-navigate-button{
    width: 25px;
    height: 25px;
    display: inline-block;
    text-align: center;
    line-height: 1.85em;
    margin: 2px 0px;
    padding: 0px;
    cursor: pointer;    
}
.preview-navigate-button:hover, .preview-navigate-button:focus {
  border: 2px solid black !important; 
  background-color: white !important;
  color: #337ab7 !important;
}

/*AC-5187 - Arabic subject content text direction css to display right-to-left - BGU - 09-Jan-2024 Start*/
.subject_content_dir {
  direction: rtl;
  text-align: right;
}
.subject_content_dir span.answer {
  margin-right: 20px;
}
.subject_content_dir.question_no {
  float: right;
}
.subject_content_dir span.initial {
  margin-right: 0px;
}
ul.subject_content_dir {
  padding-right: 5px;
}
div#pnlQuestion.col-md-6.col-sm-6 .subject_content_dir p.questionStem {
  margin-right: 20px;
}
div#pnlPassage.passageContent.subject_content_dir {
  float: right;
  border-left: 1px solid silver;
  border-right: 0px solid silver;
}

/*AC-5187 - Arabic subject content text direction css to display right-to-left - BGU - 10-Jan-2024 End*/

/*AC-5560 - Screen to request for a re-login by student - BGU - 08-Mar-2024 Start*/
textarea#reloginReason {
  width: 100%;
  height: 20%;
  padding: 4px;
}
label#maxCount {
  font-weight: unset;
  text-align: right;
  display: block;
  margin-top: 5px;
}
button.btn.btn-success.relogin-req {
  margin-bottom: 10px;
}
#relogin-loader-container {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8); /* Semi-transparent white background */
  z-index: 9999;
}
#relogin-loader {
  border: 14px solid #e37177;
  border-top: 14px solid #A51E24;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  animation: spin 2s linear infinite;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -40px;
  margin-left: -40px;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/*AC-5560 - Screen to request for a re-login by student - BGU - 11-Mar-2024 End*/
.choiceSection{
  border: 1px dashed black;
  border-radius: 5px;
  padding-top: 2px;
  padding-bottom: 5px;
}

.choiceSection > * {
  margin-left: 2px; 
  margin-right: 2px;
}

.ql-editor hr{
  border: 1px solid #ededed;
  margin-top: -10px;
}

.checkboxOption{
  margin-right: 5px;
}