@font-face {
  font-family: openSans;
  src: url("../fonts/open-sans/OpenSans-Regular.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: openSans;
  src: url("../fonts/open-sans/OpenSans-Bold.ttf");
  font-weight: Bold;
  font-style: normal;
}
@font-face {
  font-family: openSans;
  src: url("../fonts/open-sans/OpenSans-BoldItalic.ttf");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: openSans;
  src: url("../fonts/open-sans/OpenSans-Italic.ttf");
  font-weight: normal;
  font-style: italic;
}
.header-wrapper {
  height: 70px;
  background: white;
}
.header-wrapper .header-container,
.header-wrapper .header-row {
  height: 100%;
}
.header-wrapper .header-logo-wrapper {
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header-wrapper .header-logo-wrapper h1 {
  height: 100%;
  margin: 0;
  display: flex;
  align-items: center;
}
.header-wrapper .header-logo-wrapper .btn {
  width: auto;
  height: 50%;
}
.login-container {
  height: calc(100% - 70px);
}
.login-container .login-row {
  height: 100%;
}
.login-container .login-row .login-wrapper {
  height: 100%;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}
.login-container .login-row .login-wrapper .login-card {
  background: white;
  border-radius: 10px;
  padding: 0px;
}
.login-container .login-row .login-wrapper .login-card .login-title {
  width: 100%;
  padding: 20px 0;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
}
.login-container .login-row .login-wrapper .login-card .login-form {
  padding: 0 30px;
}
.login-container .login-row .login-wrapper .login-card .login-form .login-input-wrapper {
  margin: 0 0 15px;
}
.login-container .login-row .login-wrapper .login-card .login-form .login-input-wrapper label.login-label {
  display: block;
  width: 100%;
  margin: 0 0 10px 0;
  font-size: 12px;
}
.login-container .login-row .login-wrapper .login-card .login-form .login-input-wrapper input.login-input {
  display: block;
  width: 100%;
  border: 1px solid #d9d9d9;
  height: 40px;
  padding: 10px;
  font-size: 12px;
}
.login-container .login-row .login-wrapper .login-card .login-form .login-input-wrapper input.login-input::-webkit-input-placeholder {
  color: #bebebe;
}
.login-container .login-row .login-wrapper .login-card .login-form .login-input-wrapper input.login-input::-moz-placeholder {
  color: #bebebe;
}
.login-container .login-row .login-wrapper .login-card .login-form .login-input-wrapper input.login-input:-ms-input-placeholder {
  color: #bebebe;
}
.login-container .login-row .login-wrapper .login-card .login-form .input-button-wrapper {
  display: flex;
  justify-content: center;
  margin: 30px 0;
}
.login-container .login-row .login-wrapper .login-card .login-form .input-button-wrapper .input-button {
  background-color: #ff4663;
  color: white;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 0px;
  border-radius: 20px;
  font-weight: bold;
}
.exam-form-wrapper {
  background: white;
  height: calc(100% - 70px);
  display: flex;
}
.exam-form-wrapper aside {
  flex-shrink: 1;
}
.exam-form-wrapper > .container {
  margin-left: 0;
}
form .ng-invalid select,
form .ng-invalid input {
  border-left: solid 1px red;
}
form select.ng-invalid,
form input.ng-invalid {
  border-left: solid 1px red;
}
form .app-tinymce.ng-invalid {
  border: none !important;
}
form .app-tinymce.ng-invalid .mce-tinymce {
  border-left: solid 1px red;
}
#landing {
  position: absolute;
  background: #fff;
  width: 100%;
  height: calc(100% - 70px);
  display: flex;
}
#landing aside {
  flex-shrink: 1;
  width: 200px;
}
#corrector {
  position: absolute;
  background: #fff;
  width: 100%;
  display: flex;
}
#corrector aside {
  flex-shrink: 1;
}
.corrector-sm-container ul {
  margin-top: 10px;
}
.corrector-sm-container ul li {
  display: inline-block;
}
.corrector-sm-container ul.vertical-list li {
  display: block;
}
.corrector-container {
  padding-left: 20px;
  border: 1px solid #cecece;
}
.corrector-container ul {
  margin-top: 10px;
}
.corrector-container ul.vertical-list {
  padding-left: 0;
}
.rating-container section div {
  display: inline-block;
  width: 230px;
}
.rating-container label {
  font-weight: normal;
  padding-left: 40px;
}
.rating-container ul {
  margin-bottom: 25px;
}
.rating-container ul li {
  display: inline-block;
  width: 24px;
  position: relative;
}
.rating-container ul li .div-to-disable-input {
  position: absolute;
  width: 15px;
  height: 20px;
  top: 0;
  left: 0;
}
.save-btn-container {
  display: flex;
  justify-content: flex-end;
}
.save-btn-container button {
  margin: 15px;
  /*background-color: #337ab7;*/
}
.correct {
  background-color: lightgreen;
}
.incorrect {
  background-color: lightcoral;
}
.example {
  background-color: lightblue;
}
.paragraph-title {
  margin-bottom: 20px;
}
.radio-btn-container input[type="radio"] {
  cursor: not-allowed;
}
ul {
  list-style-type: none;
}
.form-task-container {
  padding: 10px 20px 10px 0;
}
.form-task-container p img {
  max-width: inherit;
}
.form-task-container img {
  max-width: 120px;
}
.form-task-container img.content-img {
  max-width: 400px;
}
.form-task-container section {
  margin-bottom: 20px;
}
.form-task-container h5 {
  margin-bottom: 5px;
}
.form-task-container > ul li {
  margin-bottom: 15px;
}
.item-list li > div:first-of-type {
  max-width: 600px;
}
.pair-task-container {
  padding: 10px 20px 10px 0;
}
.pair-task-container .candidate-answ {
  padding: 3px;
}
.pair-task-container section {
  display: flex;
  justify-content: space-between;
}
.pair-task-container section > section {
  display: inline-block;
}
.pair-task-container section > section.text-container {
  max-width: 350px;
}
.pair-task-container section > section div {
  display: flex;
  margin-right: 10px;
  margin-bottom: 10px;
}
.pair-task-container section > section div h5 {
  margin: 5px;
  align-self: center;
}
.pair-task-container section ul {
  width: 450px;
  padding-left: 0;
}
.pair-task-container section ul.text-to-text {
  width: 95%;
}
.pair-task-container section ul li {
  margin-bottom: 40px;
}
.pair-task-container section ul li h5 {
  line-height: 1.5;
}
.active-correct-color {
  color: lightgreen;
}
.inactive-correct-color {
  color: darkgrey;
}
.active-incorrect-color {
  color: red;
}
.inactive-incorrect-color {
  color: black;
}
.writing-task-container textarea {
  min-height: 400px;
  width: 900px;
  padding: 10px;
}
.rating-container .textarea-comment,
.writing-task-container .textarea-comment {
    min-height: 200px;
    width: 500px;
    padding: 10px;
}
.extend-task-container,
.short-answer-task-container {
  padding: 10px 20px 10px 0;
}
.extend-task-container p,
.short-answer-task-container p {
  line-height: 2;
}
.extend-task-container p span,
.short-answer-task-container p span {
  font-size: 16px !important;
  white-space: normal !important;
  line-height: 2;
  background-color: inherit !important;
}
.extend-task-container p strong.correct span,
.short-answer-task-container p strong.correct span {
  background-color: lightgreen !important;
}
.extend-task-container p strong.incorrect span,
.short-answer-task-container p strong.incorrect span {
  background-color: lightcoral !important;
}
.extend-task-container button,
.short-answer-task-container button {
  border: none;
  /*background-color: white;*/
}
.extend-task-container button.correct-answ.correct-btn.border,
.short-answer-task-container button.correct-answ.correct-btn.border {
  border: 1px solid red;
}
.extend-task-container button.correct-answ.correct-btn.checked,
.short-answer-task-container button.correct-answ.correct-btn.checked {
  border: 1px solid black;
}
.extend-task-container button.correct-answ.incorrect-btn.checked,
.short-answer-task-container button.correct-answ.incorrect-btn.checked {
  border: 1px solid black;
}
.extend-task-container button.incorrect-answ.correct-btn.checked,
.short-answer-task-container button.incorrect-answ.correct-btn.checked {
  border: 1px solid black;
}
.extend-task-container button.incorrect-answ.incorrect-btn.border,
.short-answer-task-container button.incorrect-answ.incorrect-btn.border {
  border: 1px solid red;
}
.extend-task-container button.incorrect-answ.incorrect-btn.checked,
.short-answer-task-container button.incorrect-answ.incorrect-btn.checked {
  border: 1px solid black;
}
.extend-task-container button:focus,
.short-answer-task-container button:focus {
  outline: none;
}
.saved-label {
  padding: 10px;
  margin: 15px;
  border-radius: 3px;
  border: 1px solid #3c763d;
}
.media-file-container {
  margin: 35px 0 20px 35px;
}
.corrector-lg-container {
  margin-top: 20px;
}
.corrector-lg-container p {
  margin: 15px;
}
.group-name {
  margin: 25px 0 15px 0;
}
.box-container {
  background: #e8ebf2;
  padding: 10px;
}
.box-container > div:last-of-type {
  margin-top: 25px;
}
.box-container > div {
  max-width: 600px;
}
.hide-text {
  padding-left: 28px;
}
label.item.strong {
  font-weight: bold;
}
.corrector-lg-container video {
  max-width: 500px;
}
.item-container .col-xs-6 {
  float: none;
  margin: 5px 0;
}
.item-container fieldset legend {
  border: none;
}
.item-container fieldset .custom-group label {
  display: flex;
  flex-direction: column;
}
.item-container fieldset .btn-danger {
  width: auto;
  float: right;
  margin: 5px;
}
.item-container .btn-default {
  width: auto;
}
.item-container .with-preview {
  display: flex;
}
.item-container .with-preview .creator-item-container {
  display: flex;
  flex-direction: column;
  flex-basis: 50%;
}
.item-container .with-preview .creator-item-container .form-creator-item {
  display: flex;
  border: dotted 1px silver;
  margin: 0 0 10px 0;
}
.item-container .with-preview .preview-container {
  border: dotted 1px silver;
  margin: 0 0 0 10px;
  display: none;
  flex-basis: 50%;
  align-self: flex-start;
}
.item-container .with-preview .preview-container.show {
  display: block;
}
.item-container .with-preview .preview-container ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.item-container#normal-form .section-container {
  display: flex;
  flex-basis: 50%;
  flex-direction: column;
}
.item-container#normal-form .creator-item-container {
  display: block;
  border: dotted 1px silver;
  padding: 5px;
  margin: 0 0 10px;
}
.item-container#normal-form .creator-item-container .form-creator-item fieldset {
  width: 100%;
}
.item-container#normal-form .creator-item-container .btn-default {
  align-self: flex-start;
}
#form-creator form button[type="submit"] {
  margin: 10px 0;
}
#analysis {
  position: absolute;
  background: #fff;
  width: 100%;
  display: flex;
}
#analysis aside {
  flex-shrink: 1;
}
.analysis-sm-container ul {
  margin-top: 10px;
}
.analysis-sm-container ul li {
  display: inline-block;
}
.analysis-sm-container ul.vertical-list li {
  display: block;
}
.analysis-container {
  width: 100%;
}
.analysis-container thead {
  background-color: lightgrey;
}
.analysis-container thead th {
  padding: 5px;
}
.analysis-container tbody tr td {
  padding: 5px;
}
.analysis-container .empty-cell {
  width: 80px;
}
.analysis-container textarea {
  height: 500px;
  width: 100%;
}
.analysis-container textarea.inactive {
  background-color: lightgrey;
  color: grey;
}
.analysis-container .output-files-table {
  width: 100%;
  border: 1px solid lightgrey;
}
.analysis-container .btn-cell {
  width: 150px;
}
.analysis-container .border-right {
  border-right: 1px solid lightgrey;
}
.analysis-container .border-bottom {
  border-bottom: 1px solid lightgrey;
}
.analysis-container label {
  display: block;
}
.analysis-container select {
  height: 26px;
}
#results-section {
  padding: 10px;
}
#results-section ul {
  padding-left: 0;
}
#results-section .results-table th,
#results-section .results-table td {
  padding: 10px;
}
html {
  height: 100%;
}
body {
  font-family: openSans;
  height: 100%;
  font-size: 16px;
  color: #585858;
}
body #login-bg {
  background: url("../images/login-bg.jpg");
  background-color: transparent;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 70px;
  width: 100%;
  height: 100%;
}
.exam-table-body a {
  color: inherit;
}
.exam-table-body a:hover {
  color: inherit;
  cursor: pointer;
}
.exam-table-body.corrector tr {
  border: 1px solid lightgrey;
}
.exam-table-body.corrector tr th,
.exam-table-body.corrector tr td {
  padding: 10px;
}
.exam-table-body.analysis .table-candidate tr > td {
  min-width: 60px;
}
.exam-table-body.analysis tr > th:last-child,
.exam-table-body.analysis tr > td:last-child {
  border-right: none !important;
}
.exam-table-body.analysis thead tr th {
  padding: 5px;
}
.exam-table-body .table-model,
.exam-table-body .table-task,
.exam-table-body .table-candidate {
  width: 100%;
}
.exam-table-body .table-model thead,
.exam-table-body .table-task thead,
.exam-table-body .table-candidate thead {
  background-color: lightgrey;
}
.exam-table-body .table-model tr > td,
.exam-table-body .table-task tr > td,
.exam-table-body .table-candidate tr > td {
  min-width: 70px;
  text-align: left;
}
.exam-table-body .table-model tr > th:last-child,
.exam-table-body .table-task tr > th:last-child,
.exam-table-body .table-candidate tr > th:last-child,
.exam-table-body .table-model tr > td:last-child,
.exam-table-body .table-task tr > td:last-child,
.exam-table-body .table-candidate tr > td:last-child {
  border-right: 1px solid lightgrey;
  text-align: right;
}
#create-exam {
  display: block;
  display: flex;
}
#create-exam aside {
  flex-shrink: 1;
}
#create-exam > .container {
  margin-left: 0;
}
#create-exam form header {
  display: flex;
  justify-content: space-between;
  margin: 0 0 15px;
}
#create-exam form fieldset {
  margin: 0 0 15px;
}
#create-exam form fieldset.inside {
  padding: 0 25px;
}
#create-exam form fieldset.inside legend {
  font-size: 15px;
}
#create-exam form fieldset.inside .btn {
  width: auto;
  font-size: 12px;
}
#create-exam form fieldset.inside ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#create-exam form fieldset.inside .sub-selection-container {
  display: flex;
  flex-direction: column;
}
#create-exam form fieldset.inside .sub-selection-container .options-select {
  margin: 0;
  font-weight: normal;
}
#create-exam form .button-group {
  margin: 15px 0 0;
  display: flex;
}
#create-exam form .button-group .btn {
  width: auto;
  margin: 0;
}
#create-exam form .button-group .btn#submit-btn {
  margin: 0 0 0 10px;
}
#create-exam form .button-group .btn#submit-duplicate-btn {
  margin: 0 0 0 10px;
}
.date-time-picker {
  position: absolute;
  display: flex;
  align-items: center;
}

tbody a {
  text-decoration: underline;
  padding: 5px;
}

.grey-bkg {
  background: #ababab;
}

.white-bkg {
  background: white;
}
.examiner-div{
    float: right;
}
.mouse-pointer{
    cursor: pointer;
}