.pallete[data-v-736c295d]{
  display: inline-block;
  width: 20px;
  height: 20px;
}


#app{
  position: relative;
}
.v-footer{
  margin:-16px
}
@media only screen and (max-width: 959px){
.container {
    padding: 10px;
}
.v-footer{
    margin:-16px
}
}
.OSX{
  white-space: normal;
  overflow: auto hidden !important
}
@media screen and (min-width: 600px ){
  /* width */
::-webkit-scrollbar {
    width: 10px;
}

  /* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}
  
  /* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}

  /* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}
}
.nowrap{
  white-space: nowrap;
}
.v-navigation-drawer{
  border-right: 1px solid rgb(238, 238, 238);
}
#videos, #meet{
  position: absolute;
    top: 0;
    z-index: -1;
    max-width: 100%;
    overflow: hidden;
    opacity: 0;
    /* height: 10px; */
    max-height: 100vh;
}
#videos.show-video{
  position: absolute;
  z-index: 10000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
  max-width: 100vw;
  width: 100vw;
  height: 100vh;
  max-height: 100vh;
  top: 0;
  left: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #404040;
}
.op5{
  opacity: 0.5;
}
.float-right{
  float: right;
}


.small-circles[data-v-85c6aeb2]{
  background: red
}
.small-circles .c[data-v-85c6aeb2]{
  width: 4px;
  height: 4px;
  border-radius: 50%;
  position: absolute;
  -webkit-transition: all 1s linear;
  transition: all 1s linear;/*cubic-bezier(0.68, 0.02, 1, 0.59);*/
}
#circles>span[data-v-85c6aeb2]{
  display:inline-block;
  position: absolute;
  top: 170px;
  left: 20%;
  width: 100px;
  height:100px;
  border-radius: 50%;
  background-color:green;
  opacity:0.02;
  -webkit-animation-name: circles1-data-v-85c6aeb2;
          animation-name: circles1-data-v-85c6aeb2;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
#circles>span[data-v-85c6aeb2]:nth-child(2){
  top:190px;
  left: 30%;
  width: 50px;
  height:50px;
  background-color:red;
  opacity:0.03;
  -webkit-animation-name: circles2-data-v-85c6aeb2;
          animation-name: circles2-data-v-85c6aeb2;
  -webkit-animation-delay:2s;
          animation-delay:2s
}
#circles>span[data-v-85c6aeb2]:nth-child(3){
  top:  180px;
  left: 60%;
  width: 70px;
  height:70px;
  background-color:brown;
  opacity:0.02;
  -webkit-animation-name: circles3-data-v-85c6aeb2;
          animation-name: circles3-data-v-85c6aeb2;
  -webkit-animation-delay:1.5s;
          animation-delay:1.5s
}
#circles>span[data-v-85c6aeb2]:nth-child(4){
  top:  80px;
  left: 80%;
  width: 60px;
  height:60px;
  background-color:blue;
  opacity:0.03;
  -webkit-animation-name: circles4-data-v-85c6aeb2;
          animation-name: circles4-data-v-85c6aeb2;
  -webkit-animation-delay:3s;
          animation-delay:3s
}
#circles>span[data-v-85c6aeb2]:nth-child(5){
  top:  200px;
  left: 70%;
  width: 90px;
  height:90px;
  background-color:teal;
  opacity: 0.03;
  -webkit-animation-name: circles5-data-v-85c6aeb2;
          animation-name: circles5-data-v-85c6aeb2;
  -webkit-animation-delay:3s;
          animation-delay:3s
}
.h158[data-v-85c6aeb2]{
  height:158px;
}
@media screen and (max-width: 600px) {
#title-exams[data-v-85c6aeb2]{
    font-size: 16px !important
}
#section-1[data-v-85c6aeb2]{
    min-height:150px
}
#circles>span[data-v-85c6aeb2]:nth-child(4){
    top:  80px;
    left: 20%;
    width: 60px;
    height:60px;
    background-color:blue;
    opacity:0.03;
    -webkit-animation-name: circles4-data-v-85c6aeb2;
            animation-name: circles4-data-v-85c6aeb2;
    -webkit-animation-delay:3s;
            animation-delay:3s
}
}
@-webkit-keyframes circles1-data-v-85c6aeb2 {
from {top: 170px;}
to {top: -120px}
}
@keyframes circles1-data-v-85c6aeb2 {
from {top: 170px;}
to {top: -120px}
}
@-webkit-keyframes circles2-data-v-85c6aeb2 {
from {top: 190px;}
to {top: -120px}
}
@keyframes circles2-data-v-85c6aeb2 {
from {top: 190px;}
to {top: -120px}
}
@-webkit-keyframes circles3-data-v-85c6aeb2 {
from {top: 180px;}
to {top: -120px}
}
@keyframes circles3-data-v-85c6aeb2 {
from {top: 180px;}
to {top: -120px}
}
@-webkit-keyframes circles4-data-v-85c6aeb2 {
from {top: 80px;}
to {top: -120px}
}
@keyframes circles4-data-v-85c6aeb2 {
from {top: 80px;}
to {top: -120px}
}
@-webkit-keyframes circles5-data-v-85c6aeb2 {
from {top: 200px;}
to {top: -120px}
}
@keyframes circles5-data-v-85c6aeb2 {
from {top: 200px;}
to {top: -120px}
}



.home-menu-item{
  white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 11px;
}


.inline-block{
  display: inline-block;
  width: 100px;
}
@media screen and (max-width: 600px) {
.inline-block{
    display: none;
}
.right-contacts{
    padding-bottom: 50px
}
}


#section-1[data-v-53ca6e44]{
 min-height: 150px;
}
#section-2[data-v-53ca6e44]{
  min-height: 300px;
}
/*#section-3{
  padding-top: 50px;
  margin-bottom: 100px;
  min-height: 400px;
}
#section-4{
  padding: 20px;
  margin: 100px -16px;
}
#section-5{
  margin: 0 -16px;
}*/




.auth-form{
    max-width: 300px; margin: 0 auto; padding-bottom: 10px
}


.pagination[data-v-f25ea5fa]{
  position: fixed;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}


.bg[data-v-06d8c805]{
    position: absolute;
    float: right;
    color: white;
    opacity: 0.2;
    right: 20px;
    top: 20px;
}
.white-action[data-v-06d8c805]{
    background: white;
    color: black;
}


#videoElement {
	max-width: 100%;
	height: auto;
	background-color: #666;
}


table[data-v-5a5ae57e]{
    width: 100% !important;
    border-collapse: collapse;
}
td[data-v-5a5ae57e] {
    border: 1px solid #eee;
    padding: 10px;
}
tr[data-v-5a5ae57e]:first-child, td[data-v-5a5ae57e]:first-child{
    color: #6c757d !important;
    text-transform: uppercase;
    -webkit-box-shadow: 1px 1px 2px #eee;
            box-shadow: 1px 1px 2px #eee;
    background-color:rgb(250 251 252);
}
td[data-v-5a5ae57e]:not(:first-child){
    text-align:center
}
tr:not(:first-child) td[data-v-5a5ae57e]:not(:first-child){
    cursor: not-allowed
}
tr.today:not(:first-child) td[data-v-5a5ae57e]:not(:first-child){
    cursor: pointer
}
tr.today[data-v-5a5ae57e]{
    background: rgb(250 251 252);
    border: 1px solid #cbdce9;
    border-width: 2px;
}
#list[data-v-5a5ae57e]{
    list-style: none;
    margin: 0;
    padding: 0;
}
#list> li[data-v-5a5ae57e]{
    border: 1px solid #eeeeee8c;
    padding: 5px 2px;
    margin-bottom: 8px;
    -webkit-box-shadow: 1px 1px #eee;
            box-shadow: 1px 1px #eee;
    border-radius: 5px;
}
.slot-header[data-v-5a5ae57e]{
    /*background: primary;
    color: white;*/
    border:none;
}



.bg[data-v-2aaaaaf2]{
    position: absolute;
    float: right;
    color: #263238;
    opacity: 0.2;
    right: 20px;
    top: 20px;
}
.attachments[data-v-2aaaaaf2]{
    border: 1px solid white;
    margin-top: 10px;
    border-radius: 5px;
}


.p4[data-v-8089e308]{
  padding: 1em;
}
.p4 p[data-v-8089e308]{
  margin-top: 4px;
  text-align: justify;
}



#citem .v-carousel__controls{
  background-color: #7e57c25c
}


.v-window.v-carousel{
  height: 308px;
}
.v-picker--time.v-picker--landscape >.v-picker__body{
  height: 380px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.v-date-picker-title__year{
  display:none
}
@media screen and (max-width: 600px) {
.v-picker--landscape .v-picker__actions, .v-picker--landscape .v-picker__body{
    margin-left:0;
}
}
.v-carousel__controls{
  background-color:rgba(49, 27, 146, 0.96)
}
#desk-calendar .v-date-picker-title__year{
  display:none
}
#desk-calendar .v-picker__title{
  height: 75px;
}
#desk-calendar .v-picker__body{
  min-height: 300px;
}



tr>th:first-of-type {
	text-align: left
}


#chatMain{
    height: calc( 100vh - 130px)
}
@media screen and (max-width: 500px) {
#chatMain{
        height: calc( 100vh - 100px );
}
}
#chat-overlay{
    position: fixed;
    right: 0;
    top: 0;
    bottom: 64px;
    width: 400px;
    max-width: 100vw;
    background: white;
    z-index: 10;
}
.flex.d-flex.xs12.grow>.chat-item{
    max-width: 80%;
    text-align: right;
    background: grey;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: end;
        align-self: flex-end;
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
    padding: 15px;
    color: white;
    border-radius: 5px;
}
.flex.d-flex.xs12.grow>.chat-item.tchat{
    -ms-flex-item-align: start;
        align-self: flex-start;
    text-align: left;
    background: #455a64;
}
#chatHolder::-webkit-scrollbar-thumb{
    background-color: #818B99;
    border: 3px solid transparent;
    border-radius: 9px;
    background-clip: content-box;
}
#chatHolder{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;max-height: calc(100% - 68px); overflow: hidden auto;-ms-flex-flow:column-reverse;flex-flow:column-reverse
}


#videoElement {
	max-width: 100%;
	height: auto;
	background-color: #666;
}


.hidden[data-v-4c8ede40]{
    visibility: hidden;
    height: 0px;
    max-height: 0px;
    position: absolute;
    top: 0;
}
#videoElement[data-v-4c8ede40] {
	width: 700px;
    max-width: 100%;
	height: auto;
	background-color: #666;
    margin: 0 auto;
    display: block
}
@media screen and (max-width: 500px) {
#videoElement[data-v-4c8ede40] {
        width: 480px;
        max-width: 100%;
        height: auto;
        background-color: #666;
}
}
canvas[data-v-4c8ede40]{
    max-width: 100%;
}
.bt[data-v-4c8ede40]{
    position: fixed;
    bottom: 0;
    width: 100%;
}


.fs[data-v-7674051d]{
    height: 100%;
    background: white;
}


.page-container {
  margin: auto;
  width: 80%;
  max-width: 100%;
  overflow: auto;
}
@media screen and (max-width: 600px) {
.page-container {
    width: 100%;
}
}
div.page {
  display: inline-block;
}


ul[data-v-6e570651]{
    list-style: none;
}


.ql-editor{
  min-height: 100px;
}
.OSX img{
  max-width: 100%;
}
.OSX table {
  border-collapse: collapse;
}
.OSX table td{
  border: 1px solid rgb(75, 75, 75) !important;
}


.v-progress-circular[data-v-a1daa924]{
  margin-top: 4rem
}
.v-card__actions[data-v-a1daa924]{
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.question-action-progress[data-v-a1daa924]{
  margin-top: 0
}
label[data-v-a1daa924]{
  color: black
}
img[data-v-a1daa924]{
  max-width: 100%;
}



.legend-btn{
   /*border-radius: 0px !important;*/
   height:20px !important;
   width:20px !important;
}
.visited-no-answer.blue{
  background-color: #2196f3 !important;
}
.visited-no-answer.marked, .marked{
  background: #FFAB00 !important;
  color:white !important;
}
.has-answer{
  /*border: 4px solid #009688 !important;*/
  background: #689F38 !important;
  color:white !important;
}
/*.has-answer.blue{
   border-color: #009688 !important;
}*/
.has-answer.v-btn__content{
  color: #689F38 !important;
}
.selected{
  background: #2196f3 !important
}
.selected.has-answer{
  background: green !important;
  border: 4px solid #2196f3;
}
.visited-no-answer{
  /*border: 2px solid red !important;*/
  background-color:#F44336 !important;
  color:white !important;
}
.blue.marked, .blue.marked.has-answer, .blue.marked.visited-no-answer{
  background-color:#2196f3 !important
}
.marked.has-answer{
  background-color:#689F38 !important
}
.marked.has-answer::after{
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  background-color:#FFAB00 !important;
  top: 40px;
  left: 40px;
}
.legend-btn.marked.has-answer::after{
  top: 6px;
  left: 6px;
}
/*.orange--text.has-answer, .orange--text.visited-no-answer{
  border-top: 2px solid orange !important;
  border-right: 2px solid orange !important;
}*/
.sm-title{
  font-size: 12px;
}


.large-text{
  font-size: 200% !important;
}
.min80vh{
  min-height: 80vh;
}
.test-logo{
	padding: 4px;
	margin: 5px 20px;
}
#mobile-toolbar>.v-toolbar__content{
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between
}
.timer-icon i{
  margin-bottom: -4px;
}
.table-bordered{
  border-collapse: collapse;
}
.table-bordered thead{
  padding: 5px 0
}
.table-bordered  td{
  border:1px solid #eee;
  padding: 5px;
}


.large-text{
  font-size: 200% !important;
}
.min80vh{
  min-height: 80vh;
}
.test-logo{
	padding: 4px;
	margin: 5px 20px;
}
#mobile-toolbar>.v-toolbar__content{
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between
}
.timer-icon i{
  margin-bottom: -4px;
}
.table-bordered{
  border-collapse: collapse;
}
.table-bordered thead{
  padding: 5px 0
}
.table-bordered  td{
  border:1px solid #eee;
  padding: 5px;
}



.ql-editor{
  min-height: 100px;
}


.v-progress-circular[data-v-a0ccaf5e]{
  margin-top: 4rem
}
.v-card__actions[data-v-a0ccaf5e]{
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.question-action-progress[data-v-a0ccaf5e]{
  margin-top: 0
}
label[data-v-a0ccaf5e]{
  color: black
}
img[data-v-a0ccaf5e]{
  max-width: 100%;
}
.splitter-pane-resizer.horizontal[data-v-a0ccaf5e]{
  height: 20px !important;
  background: red !important;
  margin: -10px 0 !important;
}
.splitpanes__pane[data-v-a0ccaf5e]{
  overflow: auto !important;
}




.large-text{
  font-size: 200% !important;
}
.min80vh{
  min-height: 80vh;
}
.test-logo{
	padding: 4px;
	margin: 5px 20px;
}
#mobile-toolbar>.v-toolbar__content{
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between
}
.timer-icon i{
  margin-bottom: -4px;
}
.table-bordered{
  border-collapse: collapse;
}
.table-bordered thead{
  padding: 5px 0
}
.table-bordered  td{
  border:1px solid #eee;
  padding: 5px;
}
.splitpanes__splitter{
  border-width: 1px 0 1px 0 !important;
  border-style: solid !important;
  border-color: black !important;
  height: 20px !important;
  text-align: center;
  background: antiquewhite;
}
.splitpanes__splitter::before{
  content: '↑ Scroll up to see uploaded image answers ↑';
}
.container{
  padding: 0 !important;
}


.table-1{
    width: 100%; 
    text-align: center;
    border-collapse: collapse
}
.table-1 td{
    border: 1px solid #eee;
    padding: 5px
}


.my-rank[data-v-4a5b2020]{
    background-color: aquamarine
}


.sm-chart{
  position: relative; 
  height:50vh !important; 
  width:80vw !important
}


.sm-chart{
  position: relative; 
  height:auto !important; 
  width:80vw !important
}


.min80vh{
  min-height: 80vh;
}
.test-logo{
	padding: 4px;
	margin: 5px 20px;
}
#mobile-toolbar>.v-toolbar__content{
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between
}
.timer-icon i{
  margin-bottom: -4px;
}
.table-bordered{
  border-collapse: collapse;
}
.table-bordered thead{
  padding: 5px 0
}
.table-bordered  td{
  border:1px solid #eee;
  padding: 5px;
}


.test-logo{
	padding: 4px;
	margin: 5px 20px
}
.legend-btn{
   /*border-radius: 0px !important;*/
   height:20px !important;
   width:20px !important;
}
.visited-no-answer.blue{
  background-color: #2196f3 !important;
}
.visited-no-answer.marked, .marked{
  background: #FFAB00 !important;
  color:white !important;
}
.has-answer{
  /*border: 4px solid #009688 !important;*/
  background: #689F38 !important;
  color:white !important;
}
/*.has-answer.blue{
   border-color: #009688 !important;
}*/
.has-answer.v-btn__content{
  color: #689F38 !important;
}
.visited-no-answer{
  /*border: 2px solid red !important;*/
  background-color:#F44336 !important;
  color:white !important;
}
.blue.marked, .blue.marked.has-answer, .blue.marked.visited-no-answer{
  background-color:#2196f3 !important
}
.marked.has-answer{
  background-color:#689F38 !important
}
.marked.has-answer::after{
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  background-color:#FFAB00 !important;
  top: 40px;
  left: 40px;
}
.legend-btn.marked.has-answer::after{
  top: 6px;
  left: 6px;
}
/*.orange--text.has-answer, .orange--text.visited-no-answer{
  border-top: 2px solid orange !important;
  border-right: 2px solid orange !important;
}*/
.sm-title{
  font-size: 12px;
}


#videoElement {
    height: 250px;
    max-width: 100%;
	background-color: #666;
}
.pimg{
    max-width: 150px
}


#videoElement {
	max-width: 100%;
	height: auto;
	background-color: #666;
}


#videoElement {
    height: 250px;
    max-width: 100%;
	background-color: #666;
}
.middle-align{
    vertical-align: middle;
}


.hidden[data-v-0f819ed2]{
    visibility: hidden;
    height: 0px;
    max-height: 0px;
    position: absolute;
    top: 0;
}


#videoElement {
	width: 480px;
    max-width: 100%;
	height: auto;
	background-color: #666;
}
canvas{
    max-width: 100%;
}


code[data-v-3e4d9b28]{
  cursor: pointer;
  font-size: 125%
}


span[data-v-5e174e0a]{
   color: black
}


.done[data-v-d506bfdc]{
  text-decoration: line-through;
}
.prl-0 a.v-list__tile[data-v-d506bfdc]{
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.fs[data-v-d506bfdc]{
  height: calc(100vh - 134px) !important;
}