body {
    overflow: hidden !important
}

.p-03 {
    padding: .3rem !important;
}

.line-hr {
    width: 100%;
    height: 1px !important;
    background-color: #ddd;
}

.c-pointer {
    cursor: pointer !important;
}

.center {
    text-align: center !important;
}

.justify-center {
    justify-content: center !important;
}

.visibility-hidden {
    visibility: hidden !important;
}

.mx-5 {
    margin-left: 5% !important;
    margin-right: 5% !important;
}

.pt-3 {
    padding-top: 3rem !important;
}

.text-danger {
    color: red !important;
    font-weight: bold !important;
}

.flex-column {
    flex-direction: column !important;
}

.flex-start {
    justify-content: flex-start !important;
}

.align-items-start {
    align-items: flex-start !important;
}

.text-primary {
    color: #7fb7be !important;
    font-weight: bold !important;
}
.border-none {
    border: none !important;
}

.green-title {
    color: #7fb7be !important;
    font-size: 1rem !important;
}

.fs-15 {
    font-size: 1.5rem !important;
}

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

.w-5p {
    width: 5% !important;
}

.homepage__user.js-homepage-user.js-homepage-user--hidden {
    display: none
}

.fx-debug__role {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 5px;
    z-index: 100
}

.events-none {
    pointer-events: none !important;
}

.fx-debug__role button {
    padding: 5px 10px
}

.fx-popup__header, label.fx-popup__header {
    color: gray !important;
    font-size: 18px !important;
    font-weight: 500 !important
}

#inquirerPresenceTime {
    min-width: 80px;
    display: inline-block;
    padding: 19px 0;
    border: 2px solid #575757;
    border-radius: 20px;
    text-align: center;
    font-size: 1rem;
    font-weight: bold;
    margin: 0 5px;
}

.color-wrong {
    color: red !important;
}

.color-success {
    color: #7fb7be !important;
}

.input--sm {
    padding-right: 10px
}

.fx-message {
    display: none;
    z-index: 99999
}

.fx-message.alert {
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px
}

.fx-message.alert .bluebox {
    background-color: salmon
}

.fx-message .bluebox {
    background-color: #2e8b57;
    text-align: center;
    padding: 10px;
    font-family: 'Open Sans Hebrew';
    font-size: .88889rem;
    font-weight: 700;
}

.bluebox {
    background: #9cf;
    color: #fff;
    font-weight: 700;
    text-align: center;
    font-size: 13px;
    padding: 10px
}

.cropit-preview {
    direction: ltr;
    background-color: #f8f8f8;
    background-size: cover;
    border: 1px solid #ccc;
    border-radius: 50%;
    margin-top: 7px;
    width: 110px;
    height: 110px
}

.cropit-preview-image-container {
    cursor: move;
    border-radius: 50%
}

.d-none {
    display: none !important;
}

.image-size-label {
    margin-top: 10px
}

.cropit-wrapper {
    /*direction: ltr;*/
    margin-right: auto
}

.cropit-wrapper .fx-saveimage {
    border-radius: 0
}

.cropit-wrapper .cropit-image-input {
    display: inline-block
}

.cropit-wrapper input {
    display: block;
    border: none;
    background-color: transparent;
    width: auto;
    padding: 0
}

.cropit-wrapper img {
    max-width: none
}

.cropit__rotate {
    display: none
}

.fx-content-file .fx-unsupported-format {
    /*direction: rtl;*/
    padding: 20px;
    color: #3a3a3a;
    font-family: 'Open Sans Hebrew';
    font-size: 1rem;
    font-weight: 700
}

.tpl_advanced > #disclaimer, .tpl_advanced > .index {
    display: none
}

.os-scrollbar-handle {
    background-color: #7fb7be !important;
    opacity: 1 !important
}

.overflow-auto {
    overflow: auto !important;
}

@font-face {
    font-family: 'Open Sans Hebrew';
    src: url(/public/fonts/OpenSansHebrew-Regular.ttf) format("truetype")
}

@font-face {
    font-family: 'Open Sans Hebrew - Extra Bold';
    src: url(/public/fonts/OpenSansHebrew-ExtraBold.ttf) format("truetype")
}

body {
    margin: 0
}


.fx-exam-q .teachers-exams-table .exam-question-unsaved .average-stat-row {
    font-size: 1rem !important;
    text-align: right;
}

body[dir = rtl] .fx-exam-q .teachers-exams-table .exam-question-unsaved .average-stat-row {
    text-align: left ;
}

.image-box-preview {
    display: none;
    z-index: 99999;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
}

.image-box-preview-close {
    display: block;
    position: absolute;
    top: -40px;
    right: -40px;
    height: 30px;
    width: 30px;
    background-image: url(/public/img/icon/svg/close-button.svg);
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    background-color: white;
    border-radius: 8px;
}

.image-box-preview-close:hover {
    background-image: url(/public/img/icon/svg/close-button-red.svg);
}

.image-box-preview img {
    width: auto;
    height: auto;
    max-width: 600px;
    max-height: 600px;
}

.select-factor-question-button {
    margin: auto;
    display: block;
    width: 50%;
}

/* Answers statistic*/

.answers-statistic-table-header {
    margin-top: 25px;
    padding: 10px;
    background-color: #ffffff;
    font-size: 0.8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 10px 11px 30px -16px rgba(0, 0, 0, .51);
    box-shadow: 10px 11px 30px -16px rgba(0, 0, 0, .51);
    margin-bottom: 10px;
    border: 2px solid #7fb7be;
}

.answers-statistic-column {
    text-align: center;
    width: calc(100% / 6);
}

.answers-statistic-column .fx-label {
    font-size: .8rem;
    color: #7fb7be ;
    font-weight: 700;
    cursor: pointer;
}

.answers-statistic-column .fx-label.active {
    color: #333333 ;
}

.answers-statistic-table-body {

}

.answers-statistic-header-text {
    min-height: 20px;
    display: block;
}

.answers-statistic-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #ffffff;
    padding: 15px;
    -webkit-box-shadow: 10px 11px 30px -16px rgba(0, 0, 0, .51);
    box-shadow: 10px 11px 30px -16px rgba(0, 0, 0, .51);
    margin-bottom: 2px;
    border: 2px solid #7fb7be;
    min-height: 70px;
    max-height: 70px;
}

.not-as-published {
    font-weight: bold;
    color: #c80c06;
}

.highlight-danger {
    background-color: red;
    color: #ffffff;
    padding: 5px;
}

.highlight-info {
    background-color: #fff133;
    padding: 5px;
}


/* Answers statistic end*/

/* gallery start*/

.gallery-container {
    display: flex;
    flex-wrap: wrap;
}

.gallery-container .image-wrapper {
    flex: 0 0 25%;
    max-width: 25%;
    margin-bottom: 1.5rem;
    position: relative;
}

.gallery-dropbox .save-button {
    border-radius: 0 !important;
    font-family: 'Open Sans Hebrew';
    color: #fcfcfc;
    background-color: #7fb7be;
    font-size: 1rem;
    font-weight: 700;
}
.gallery-dropbox .file-name-input {
    width: 70%;
    padding: 8px 10px;
    border: 1px solid #7fb7be;
    background-color: transparent;
    border-radius: 0;
    color: #686868 !important;
    font-size: 1.11111rem !important;
    font-weight: 700 !important;
    margin: 0 20px;
    text-align: right;
}

body[dir = rtl] .gallery-dropbox .file-name-input {
   text-align: left;
}

.gallery-dropbox .dropbox-attributes {
    display: flex;
    justify-content: space-around;
    padding-bottom: 1.5rem;
}

.image-wrapper .trash-image {
    position: absolute;
    top: 5px;
    right: 50px;
    font-size: 20px;
    color: red;
    cursor: pointer;
}

body[dir = rtl] .image-wrapper .trash-image {
    left: 50px;
    right: unset;
}

.gallery-dropbox {
    margin-bottom: 1.5rem;
}

.drp-main-block {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 50%;
    height: 100%;
    min-height: 150px;
    margin: auto;
    position: relative;
    padding: 10px;
}

@media (max-width: 991px)  {
    .drp-main-block {
        width: 100%;
    }
}

.drp-drop-block {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 2px dashed grey;
    width: 100%;
    height: 100%;
    background-color: #f8f9fac4;
    margin: auto;
    display: block;
    color: grey;
    font-size: 1rem;
    cursor: pointer;
    position: relative;
    min-height: inherit;
}

.drp-drop-block:hover {
    background-color: #f0f0f0;
}

.drp-placeholder {
    text-align: center;
    position: absolute;
    top: 40%;
    left: 0;
    width: 100%;
}

.drp-preview-box {
    width: 100%;
    height: 100%;
    background-size: contain !important;
    z-index: 8;
    min-height: inherit;
}

.drp-preview-layout{
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: space-around;
    -webkit-box-align: center;
    align-items: center;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #333333;
    opacity: 0.6;
    cursor: pointer;
}

.drp-preview-layout p {
    font-size: 1rem;
    color: #fff0ff;
}

.drp-preview-layout .drp-preview-remove-button {
    font-size: 1rem;
    color: #fff0ff;
    border: 2px solid #fff0ff;
    padding: 0 10px;
}


/* gallery end*/


/* PSEUDO TABLE START */

.modal-profile-info .modal-body .attendance-table {
    min-height: unset !important;
}

.pseudo-table {
    display: flex;
    flex-direction: column;
}

.pseudo-table:not(.dduck) .absent,
.pseudo-table:not(.dduck) .presence {
    width: 10%;
}

.pseudo-table_header {
    display: flex;
    background-color: #4a77ab;
    color: #fff;
}

.pseudo-table_body {
    display: flex;
    flex-direction: column;
    max-height: 400px;
    overflow-y: auto;
}

.pseudo-table_body .student-name {
    text-align: left;
    padding-left: 10px;
}

body[dir = rtl] .pseudo-table_body .student-name {
    text-align: right;
    padding-right: 10px;
    padding-left: 0;
}

.pseudo-table_header,
.pseudo-table_body > div {
    height: 40px;
}

.pseudo-table_body > div {
    display: flex;
    flex-shrink: 0;
}

.pseudo-table_header > div,
.pseudo-table_body > div > div {
    margin: auto;
    text-align: center;
    flex-grow: 2;
    width: 20%;
}

.pseudo-table_header > div:first-child,
.pseudo-table_body > div > div:first-child {
    flex-grow: 3;
}

@media (max-width: 480px) {
    .pseudo-table_body {
        max-height: 220px;
    }

    .pseudo-table_body.attendance {
        max-height: 400px;
    }
}

/* PSEUDO TABLE END */

.studentAnswerWindow {
    border: 1px solid #333;
}

.fx-main__content--login {
    background-image: url(/public/img/login.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    font-family: 'Open Sans Hebrew'
}

.fx-center {
    position: absolute;
    top: 50%;
    /*left: 0;*/
    /*direction: rtl;*/
    font-size: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: rgba(239, 240, 239, .7);
    text-align: right
}

.strike-red {
    text-decoration: line-through;
    text-decoration-color: red;
}

.fx-center .fx-center__header {
    width: 75%;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    color: #3f5060;
    font-size: 79px;
    font-weight: 700;
    font-family: 'Open Sans Hebrew - Extra Bold'
}

.fx-center .fx-center__stub {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 6%;
    margin-right: -6%;
    background-color: #dacc3e
}

.fx-center .fx-center__stub--big {
    position: absolute;
    top: 0;
    right: 0;
    padding-bottom: 40%;
    width: 6%;
    margin-right: -6%;
    background-color: #dacc3e
}

.fx-login__wrapper {
    position: relative;
    display: inline-block;
    height: 0;
    width: 25%;
    padding-bottom: 25%;
    background: #3f5060;
    vertical-align: middle;
    text-align: center;
    font-weight: 700;
    margin-bottom: -1px
}

.fx-login__wrapper.fx-login__wrapper--restore {
    position: absolute;
    top: 0;
    left: 0;
    padding-bottom: 40%
}

.fx-main[dir = rtl] .fx-login__wrapper.fx-login__wrapper--restore {
    right: 0;
    left: unset;
}

.fx-login__wrapper.fx-login__wrapper--restore .fx-birthday__text {
    display: inline-block;
    width: 100%;
    margin-top: 30px;
    margin-right: 15px;
    font-size: 1rem;
    color: #fff;
    text-align: left;
}

.fx-main[dir = rtl] .fx-login__wrapper.fx-login__wrapper--restore .fx-birthday__text {
    text-align: right;
    margin-right: 0;
    margin-left: 15px;
}

.fx-login__wrapper.fx-login__wrapper--restore .fx-birthday__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fx-login__wrapper.fx-login__wrapper--restore .fx-birthday__container .fx-birthday .fx-birthday__items {
    padding: 0 5px
}

.fx-login__wrapper.fx-login__wrapper--restore .fx-birthday__container .fx-birthday select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0 5px;
    text-align: center;
    text-align-last: center
}

.fx-login__wrapper.fx-login__wrapper--restore .fx-birthday__container .fx-birthday select option {
    color: #3f5060;
    text-align: left
}

.fx-login__wrapper .fx-login {
    position: absolute;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.fx-login__wrapper .fx-login .fx-login__title {
    margin: 0;
    color: #f5f7f7;
    font-size: 27px;
    font-weight: 400
}

.fx-login__wrapper .fx-login .fx-input__wrapper {
    width: 80%
}

.fx-login__wrapper .fx-login .fx-input__wrapper .fx-input__container {
    height: 30px;
    position: relative;
    border-bottom: 1px solid #7fb7be;
    margin-top: 15px;
    padding-left: 35px
}

.fx-login__wrapper .fx-login .fx-input__wrapper .fx-input__container.fx-input__container--forgot {
    padding: 0 5px;
}

.option_wrapper {
    display: flex;
    flex-direction: row;
}

.option_wrapper > input {
    margin-top: 25px;
    margin-right: 15px;
}

.fx-login__wrapper .fx-login .fx-input__wrapper .fx-input__container.fx-input__container--login::before {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 10px;
    width: 20px;
    height: 20px;
    background: transparent url(/public/img/icon/png/login-user.png) no-repeat center;
    background-size: contain
}

.fx-login__wrapper .fx-login .fx-input__wrapper .fx-input__container.fx-input__container--pass::before {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 10px;
    width: 20px;
    height: 20px;
    background: transparent url(/public/img/icon/png/login-pass.png) no-repeat center;
    background-size: contain
}

.fx-login__wrapper .fx-login .fx-login__input {
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: none
}

.fx-login__wrapper .fx-login .fx-login__input.fx-login__input--text {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    background-color: transparent;
    border: none;
    width: 100%;
    margin-right: 0;
    outline: 0;
    text-align: left;
    padding: 5px;
}

.fx-main[dir = rtl] .fx-login__wrapper .fx-login .fx-login__input.fx-login__input--text {
    text-align: right;
}

.fx-login__wrapper .fx-login .fx-login__input.fx-login__input--text::-webkit-input-placeholder {
    color: #fff
}

.fx-login__wrapper .fx-login .fx-login__input.fx-login__input--text:-ms-input-placeholder {
    color: #fff
}

.fx-login__wrapper .fx-login .fx-login__input.fx-login__input--text::placeholder {
    color: #fff
}

.fx-login__wrapper .fx-login .fx-login__input.fx-login__input--text::before {
    display: block;
    content: ''
}

.fx-login__wrapper .fx-login .fx-login__input.fx-login__input--text:-webkit-autofill {
    -webkit-text-fill-color: #fff !important;
    -webkit-box-shadow: 0 0 #0000;
}

.fx-login__wrapper .fx-login .fx-login__input.fx-login__input--btn {
    cursor: pointer;
    padding: 5px 45px;
    font-size: 17px;
    font-weight: 400;
    line-height: 28.13px;
    color: #f5f7f7;
    background-color: #7fb7be;
    border: none
}

.fx-login__wrapper .fx-login .fx-login__forgot {
    color: #f5f7f7;
    font-size: 14px;
    font-weight: 400;
    text-align: right;
    display: block;
    margin-top: 15px;
    text-decoration: none
}

.fx-login__wrapper .fx-login .fx-login__forgot:hover {
    text-decoration: underline
}

.fx-login__wrapper .fx-restore__submit {
    width: 80%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    flex-wrap: wrap;
}

.fx-login__wrapper .fx-restore__submit .fx-login__forgot {
    display: inline-block;
    margin: 0
}

.fx-login__wrapper .fx-restore__submit .fx-login__input {
    display: inline-block;
    margin: 0
}

input.fx-login__input--text:-webkit-autofill, input.fx-login__input--text:-webkit-autofill:active, input.fx-login__input--text:-webkit-autofill:focus, input.fx-login__input--text:-webkit-autofill:hover {
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s
}

.fx-border {
    border-left: 2px solid #7fb7be;
    position: absolute;
    top: 65%;
    bottom: 0
}

.fx-border.fx-border--left {
    left: 0
}

.fx-border.fx-border--right {
    right: 0
}

.fx-content.fx-content--viewer {
    position: absolute;
    left: 0;
    width: 100%
}

.main-page-container__inner table.references ul {
    list-style-type: none !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
}

li.fx-content-attachment {
    width: 30%;
}

@media (max-width: 991px) {
    li.fx-content-attachment {
        width: 100%;
    }
}

li.fx-content-attachment .fx-feedback {
    width: 100%;
}

li.fx-content-attachment .fx-feedback .fx-feedback__marks.fx-feedback__marks {
    overflow: hidden;
    word-break: break-word;
    /*align-items: flex-start;*/
}

.main-page-container__inner table.references ul .fx-feedback .fx-feedback__delimiter,
.fx-content-file .fx-feedback .fx-feedback__delimiter {
    display: none !important
}

.main-page-container__inner table.references ul .fx-feedback .fx-feedback__marks .fx-feedback__submit,
.fx-content-file .fx-feedback .fx-feedback__marks .fx-feedback__submit {
    position: unset;
    top: unset;
    right: unset;
    height: 100%;
    width: 41px;
    min-height: 41px;
    min-width: 41px;
}

.main-page-container__inner table.references ul .fx-feedback .fx-feedback__marks,
.fx-content-file .fx-feedback .fx-feedback__marks {
    height: auto;
    min-height: 41px;
}

.main-page-container__inner table.references ul .fx-feedback .fx-feedback__marks.fx-feedback__marks--centered,
.fx-content-file .fx-feedback .fx-feedback__marks.fx-feedback__marks--centered {
    padding: 0;
}

.main-page-container__inner table.references ul .fx-feedback .fx-feedback__marks .fx-feedback__text,
.fx-content-file .fx-feedback .fx-feedback__marks .fx-feedback__text {
    padding: 5px;
    font-size: 0.8rem;
}

.main-page-container__inner table.references ul .fx-feedback .fx-feedback__marks .fx-feedback__text.fx-align-left,
.fx-content-file .fx-feedback .fx-feedback__marks .fx-feedback__text.fx-align-left {
    text-align: left;
    width: 100%;
    direction: ltr;
}

.main-page-container__inner table.references ul .fx-feedback .fx-feedback__marks .fx-feedback__submit,
.fx-feedback .fx-feedback__marks .fx-feedback__submit.fx-feedback__submit--html {
    cursor: pointer;
}

.main-page-container__inner table.references ul .fx-feedback .fx-feedback__marks .fx-feedback__submit:hover,
.fx-feedback .fx-feedback__marks .fx-feedback__submit.fx-feedback__submit--html:hover {
    background-color: rgba(128, 128, 128, 0.44);
}

.main-page-container__inner.clearfix.page-title-container .tpl_advanced {
    display: flex;
    flex-direction: column;
}

.main-page-container__inner.clearfix.page-title-container .tpl_advanced table.main {
    order: 3;
}

.main-page-container__inner.clearfix.page-title-container .tpl_advanced table.references {
    order: 2;
    width: 100%;
}

.fx-content__controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 10px;
    padding: 10px 35px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #eee;
    font-size: 1rem;
    font-family: 'Open Sans Hebrew'
}

.fx-content__controls .fx-ccontrol__item {
    display: inline-block;
    width: 35px;
    height: 35px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: transparent;
    border-radius: 0;
    padding: 0;
    margin-right: 10px
}

.fx-content__controls .fx-ccontrol__item.fx-ccontrol__item--back {
    display: table-cell;
    vertical-align: middle;
    background-image: url(/public/img/icon/svg/Back.svg);
    transform: scaleX(-1);
}

body[dir = rtl] .fx-content__controls .fx-ccontrol__item.fx-ccontrol__item--back {
    transform: scaleX(1);
}

.fx-content__controls .fx-ccontrol__item.fx-ccontrol__item--full {
    background-image: url(/public/img/icon/svg/FullScreen.svg)
}

.fx-icon-fullscreen {
    cursor: pointer;
    background-image: url(/public/img/icon/png/FullScreen.png);
    top: 12px;
    right: 70px;
}

.fullscreenClose {
    background-image: url(/public/img/icon/png/FullScreenClose.png) !important;
    top: 12px;
    right: 70px;
}

.fx-icon-download {
    cursor: pointer;
    background-image: url(/public/img/icon/png/downloadWhite.png);
    top: 12px;
    right: 130px;
    background-size: 60% !important;
}

.office-icon {
    position: absolute;
    display: none;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    padding: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 0;
    background-color: transparent;
}

.fullscreen {
    position: fixed !important;
    width: 100vw !important;
    height: 100vh !important;
    top: 0 !important;
    right: 0 !important;
    z-index: 9 !important;
}

.blackSquare {
    width: 40px;
    height: 40px;
    background-color: #333;
}

.blackSquare:hover {
    background-color: #686868;
}

.fx-content-file {
    position: relative;
}

.fx-content-file video {
    margin: auto;
    display: block;
    max-width: 100%;
    max-height: 100%;
}

.data-tooltip {
    padding: 6px 8px;
    max-width: 180px;
    position: absolute;
    background-color: #000;
    color: #fff;
    top: 48px;
    right: -6px;
    font-size: 12px;
    display: none;
}

.data-tooltip:before {
    content: '';
    border: 5px solid rgba(0, 0, 0, 0);
    border-bottom-color: #000;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(+100%);
}

.fx-content__controls .fx-ccontrol__item.fx-ccontrol__item--print {
    background-image: url(/public/img/icon/svg/Print.svg)
}

.fx-content__controls .fx-ccontrol__item.fx-ccontrol__item--edit {
    background-image: url(/public/img/icon/svg/Edit.svg)
}

.fx-content__controls .fx-ccontrol__item.fx-ccontrol__item--download {
    background-image: url(/public/img/icon/svg/Download.svg)
}

.fx-content__controls .fx-ccontrol__item.fx-ccontrol__item--search {
    background-image: url(/public/img/icon/svg/Search.svg)
}

.fx-content__controls .fx-ccontrol__item.fx-ccontrol__item--prev {
    background-image: url(/public/img/icon/svg/ForwardView.svg)
}

.fx-content__controls .fx-ccontrol__item.fx-ccontrol__item--prev:hover {
    cursor: pointer
}

.fx-content__controls .fx-ccontrol__item.fx-ccontrol__item--next {
    background-image: url(/public/img/icon/svg/BackView.svg)
}

.fx-content__controls .fx-ccontrol__item.fx-ccontrol__item--next:hover {
    cursor: pointer
}

.fx-content__controls .fx-ccontrol__item.fx-ccontrol__item--ppt {
    background-image: url(/public/img/icon/svg/PresentationDoc.svg)
}

.fx-content__controls .fx-ccontrol__item.fx-ccontrol__item--pdf {
    background-image: url(/public/img/icon/svg/PDFDoc.svg)
}


.fx-content__controls .fx-ccontrol__item.fx-ccontrol__item--excel {
    background-image: url(/public/img/icon/png/excel.png)
}

.fx-content__controls .fx-ccontrol__item.fx-ccontrol__item--doc {
    background-image: url(/public/img/icon/svg/WordDoc.svg)
}

.fx-content__controls .fx-ccontrol__item.fx-ccontrol__item--video {
    background-image: url(/public/img/icon/svg/VideoDoc.svg)
}

.fx-content__controls .fx-ccontrols__pages {
    display: table
}

.fx-content__controls .fx-ccontrols__pages span {
    display: table-cell;
    vertical-align: middle;
    padding-left: 5px;
    padding-right: 5px
}

.fx-content__controls .fx-ccontrols__pages input {
    width: 35px;
    height: 35px;
    text-align: center;
    border: 2px solid #7fb7be
}

.fx-content__controls .fx-ccontrols__pages input::-webkit-inner-spin-button, .fx-content__controls .fx-ccontrols__pages input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.fx-content__controls .fx-ccontrols__name {
    display: table-cell
}

.fx-content__controls .fx-ccontrols__name span {
    display: table-cell;
    vertical-align: middle
}

.fx-content__controls .fx-ccontrols__name .fx-content__name {
    padding-right: 15px
}

body[dir = rtl] .fx-content__controls .fx-ccontrols__name .fx-content__name {
    padding-left: 15px;
    padding-right: 0;
}

.fx-viewer__wrapper {
    margin-top: 15px;
    overflow: hidden
}

.fx-viewer__wrapper .pdf_viewer {
    width: 100% !important;
    margin: 0 !important
}

.fx-modules {
    margin-top: 20px
}

.fx-courses-search {

}

.fx-course-item-progress {
    position: absolute;
    bottom: 12px;
    left: 0;
    border-bottom: 5px solid #c4002b;
}

.fx-course-item-progress.completedCourse {
    border-bottom: 5px solid #7FB7BE;
}

body[dir = rtl] .fx-course-item-progress {
    right: 0;
    left: unset;

}

.fx-course-item-progress::after {
    content: '';
    position: absolute;
    right: -10px;
    bottom: -12px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 15px solid #c4002b;
    border-bottom: 10px solid transparent;
}


body[dir = rtl] .fx-course-item-progress::after {
    right: unset;
    left: -10px;
    border-right: 15px solid #c4002b;
    border-left: unset;
}

.fx-course-item-progress.completedCourse::after {
    border-left: 15px solid #7FB7BE;
}


body[dir = rtl] .fx-course-item-progress.completedCourse::after {
    border-right: 15px solid #7FB7BE;
}

.fx-modules .fx-student-search,
.fx-courses-header .fx-courses-search {
    margin-right: 10px;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
}


.fx-courses-header .fx-courses-search {
    margin-left: 10px;
}


.fx-modules .fx-student-search .b2,
.fx-courses-header .fx-courses-search .b2 {
    display: inherit;
    position: relative;
    width: auto !important
}

.fx-modules .fx-student-search .b2::after,
.fx-courses-header .fx-courses-search .b2::after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    right: 10px;
    height: 100%;
    width: 20px;
    background-image: url(/public/img/icon/png/Search.png);
    background-repeat: no-repeat;
    background-position: center;
    color: #a4a4a4;
    pointer-events: none;
    background-size: contain;
}

body[dir = rtl] .fx-modules .fx-student-search .b2::after,
body[dir = rtl] .fx-courses-header .fx-courses-search .b2::after {
    right: unset;
    left: 10px;
}

.fx-courses-header {
    margin-bottom: 30px;
    margin-top: 50px;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    max-height: 50px;
}

.fx-courses-header .fx-course-filter {
    display: flex;
    border: 1px solid #7fb7be;
    width: 15%;
    margin-bottom: 10px;
    position: relative;
    max-width: 140px;
}

.search-courses-period-wrapper {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    margin-bottom: 20px;
}

.search-courses-period-wrapper button {
    margin: 0 15px;
    padding: .5rem 1rem;
}

.search-courses-period-wrapper .selected {
    outline: 2px solid #7fb7be;
    background-color: #777 !important;
}

.fx-courses-header label ,
.search-courses-period-wrapper label {
    color: #7fb7be;
}

.fx-courses-header .fx-course-text ,
.search-courses-period-wrapper .fx-course-text {
    margin: auto 5px;
    font-size: 18px
}

.fx-courses-header .fx-courseList-title {
    width: 15%;
    font-size: 20px;
    font-weight: bold;
}

.fx-courses-header .fx-course-filter .fx-filter__select {
    border: 1px solid #7fb7be;
    padding: 5px 10px;
    width: 100%;
    display: table-cell;
    margin: 0;
    color: #686868;
    font-size: 1rem;
    font-weight: 700;
    background-color: transparent;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}

.fx-course-filter__select {
    border: 1px solid #7fb7be;
    padding: 5px 10px;
    width: 100%;
    display: table-cell;
    margin: 0;
    color: #686868;
    font-size: 1rem;
    font-weight: 700;
    background-color: transparent;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    padding-right: 25px;
}

.fx-course-date {
    display: flex;
    flex-direction: row;
    width: 40%;
    justify-content: space-around;
}

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

    .fx-courses-header {
        flex-wrap: wrap;
        max-height: unset;
        margin-top: 0;
    }

    .fx-courses-header .fx-course-filter {
        width: 100%;
        max-width: unset;
    }

    .fx-courses-header .fx-courses-search {
        width: 100%;
        margin-top: 20px;
    }

    .fx-courses-header .fx-courseList-title {
        width: 100%;
    }

    .fx-courses-list .fx-course-item {
        flex-wrap: wrap;
    }

    .fx-courses-list .fx-course-item .fx-course-item-name {
        width: 100% !important;
        margin-bottom: 10px;
    }

    .fx-course-date {
        flex-direction: column;
        width: 60%;
        align-items: flex-end;
    }

    .fx-courses-list .fx-course-item .fx-course-endDate {
        padding: unset !important;
    }

    .fx-courses-list .fx-course-item {
        padding: 10px 15px 25px !important;
    }

}


.fx-modules .fx-student-search .b2 label,
.fx-courses-header .fx-courses-search .b2 label {
    width: 40%;
    padding: 0 10px;
    text-align: left;
    font-size: 16px;
    display: inline-block;
    max-width: 100%;
    color: #7fb7be
}

.fx-modules .fx-student-search .b2 input,
.fx-courses-header .fx-courses-search .b2 input {
    font-size: 16px;
    border: 1px solid #000;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: none;
    width: 100% !important;
    padding: 5px 10px 5px 10px !important;
    box-sizing: border-box;
    /*direction: rtl*/
}

.fx-modules .fx-student-search .b3,
.fx-courses-header .fx-courses-search .b3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: auto !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fx-modules .fx-student-search .b3 .fx-btn,
.fx-courses-header .fx-courses-search .b3 .fx-btn {
    width: auto;
    height: 100%;
    margin-left: 10px;
    color: #fcfcfc
}


body[dir = rtl] .fx-modules .fx-student-search .b3 .fx-btn,
body[dir = rtl] .fx-courses-header .fx-courses-search .b3 .fx-btn {
    margin-right: 10px;
    margin-left: 0;
    color: #fcfcfc
}

.fx-modules .fx-student-search .b3 .fx-smanage__search-reset,
.fx-courses-header .fx-courses-search .b3 .fx-coursesManage__search-reset {
    background-color: #c4002b
}

.fx-modules .fx-student-search .b3 button,
.fx-courses-header .fx-courses-search .b3 button {
    width: 48%;
    border-radius: 0;
    padding: 5px 5px;
    margin: 0
}

.fx-modules .fx-student-search .b4 {
    width: -webkit-calc(100% / 3 * .6);
    width: calc(100% / 3 * .6)
}

.fx-modules .fx-student-search .b4 .fx-col {
    width: 100%;
    margin-top: 0
}

.fx-modules .fx-student-search .b4 .fx-col.fx-col--file {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fx-modules .fx-student-search .b4 .fx-col .fx-label {
    width: 50%;
    padding: 0 10px;
    text-align: left;
    font-size: 16px
}

.fx-modules .fx-student-search .b4 .fx-col .fx-label.fx-label--file {
    margin: 0;
    padding: 5px 10px;
    text-align: center;
    border: 2px solid #7fb7be;
    color: #fcfcfc;
    background-color: #7fb7be;
    font-weight: 700;
    width: 50%
}

.fx-courses-list .fx-course-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 10px;
    padding: 10px 15px 25px 30px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #eee;
    font-size: 1rem;
    font-family: 'Open Sans Hebrew';
    -webkit-transition: -webkit-box-shadow .3s ease-in-out;
    transition: -webkit-box-shadow .3s ease-in-out;
    transition: box-shadow .3s ease-in-out;
    transition: box-shadow .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
    color: black;
    font-weight: bold;
    box-shadow: 10px 11px 30px -16px rgba(0, 0, 0, .51);
    position: relative;
}

.fx-courses-list .fx-course-item .fx-course-students,
.fx-courses-list .fx-course-item .fx-course-item-name,
.fx-courses-list .fx-course-item .fx-course-startDate,
.fx-courses-list .fx-course-item .fx-course-endDate {
    display: flex;
}

.fx-courses-list .fx-course-item .fx-course-endDate {
    padding: 0 20px;
}

.fx-courses-list .fx-course-item .fx-course-item-name {
    flex-direction: column;
    width: 40%;
}

.fx-courses-list .fx-course-item .fx-course-text {
    color: #7fb7be;
    margin: 0 5px;
}

.fx-course-students .fx-course-studentsCount {
    margin: auto;
}

.fx-course-studentsLogo {
    background-image: url(/public/img/icon/png/students.png);
    width: 70px;
    height: 40px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 10px;
    cursor: pointer;
}

.fx-course-teacherLogo {
    background-image: url(/public/img/icon/svg/empty-user.svg);
    width: 30px;
    height: 40px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 10px;
    cursor: pointer;
}

body[dir = rtl] .fx-course-studentsLogo,
body[dir = rtl] .fx-course-teacherLogo {
    margin-right: unset;
    margin-left: 10px;

}

.excel-template-download {
    background-image: url(/public/img/icon/png/excel.png);
    width: 70px;
    height: 40px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 10px;
    cursor: pointer;
}


body[dir = rtl] .excel-template-download {
    margin-right: 0;
    margin-left: 10px;
}

.fx-modules .fx-student-search .b4 .fx-col .fx-label.fx-label--file:hover {
    cursor: pointer
}

.fx-modules .fx-student-search .b4 .fx-col .fx-tfile__name {
    width: 50%
}

.fx-modules .fx-student-search .b4 .fx-col input, .fx-modules .fx-student-search .b4 .fx-col select {
    width: 60%;
    font-size: 16px
}

.fx-modules .content-group {
    margin-right: 10px
}

.fx-modules .content-group:first-child .module-header {
    margin-top: 0 !important
}

.fx-modules .simplebar-track.vertical {
    display: none
}

.fx-modules .simplebar-track.vertical.simplebar-track--visible {
    display: block
}

#contentListToPin .content-group {
    width: 100%;
    padding: 10px 15px 10px 30px;
    margin-top: 0;
    background-color: #c9c9c7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    margin-bottom: 10px;
    font-size: 1rem;
}

#contentListToPin .content-group.child {
    background-color: #dcdcdc;
}

#contentListToPin .content-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /*direction: rtl;*/
    background-color: #eee;
    margin: 0 50px 10px 50px;
    padding: 7px 30px 7px 15px;
}

#contentListToPin .content-row.pin-content-name {
    margin: 0 30px;
}

 #contentListToPin .content-row.content-icon:before {
    position: absolute;
    left: 120px;
}

body[dir = rtl ] #contentListToPin .content-row.content-icon:before {
    position: absolute;
    right: 120px;
}

#contentListToPin .fx-checkbox,
.fx-options-fields .fx-checkbox {
    display: none;
}

#contentListToPin .pin-content-button ,
.fx-options-fields .fx-checkbox  {
    float: left;
}

body[dir = rtl] #contentListToPin .pin-content-button,
body[dir = rtl] .fx-options-fields .fx-checkbox  {
    float: right;
}

#contentListToPin .fx-checkbox + .fx-checkbox-label ,
.fx-options-fields .fx-checkbox + .fx-checkbox-label {
    cursor: pointer;
    display: block;
    margin: 7px 80px 3px 0;
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/public/img/icon/svg/Box.svg);
}

.fx-options-fields .fx-checkbox + .fx-checkbox-label {
    margin: 7px 0 3px 81px;
}

body[dir = rtl] #contentListToPin .fx-checkbox + .fx-checkbox-label {
    margin: 7px -20px 3px 80px;
}

#contentListToPin .fx-checkbox + .fx-checkbox-label.content-group-checkbox {
    margin: 7px 72px 3px 35px;
}

body[dir = rtl] #contentListToPin .fx-checkbox + .fx-checkbox-label.content-group-checkbox {
    margin: 7px 45px 3px 80px;
}

body[dir = rtl] .fx-options-fields .fx-checkbox + .fx-checkbox-label {
    margin: 7px 96px 3px 0;
}

body[dir = rtl] .getCheatingReport {
    display: inline-block;
    margin-right: auto;
}

body[dir = rtl] .modal-footer.fx-exam-create {
    text-align: left;
}

#contentListToPin .fx-checkbox:checked + .fx-checkbox-label ,
.fx-options-fields .fx-checkbox:checked  + .fx-checkbox-label {
    width: 28px;
    height: 28px;
    background-image: url(/public/img/icon/svg/BoxWithCheckmark.svg);
    float: right;
}

.fx-options-fields .fx-checkbox:checked  + .fx-checkbox-label {
    float: unset;
}

.fx-options-fields .fx-checkbox:checked  + .fx-checkbox-label {
    margin: 7px 0 8px 81px;
}

body[dir = rtl] #contentListToPin .fx-checkbox:checked + .fx-checkbox-label {
    margin: 1px -28px 1px 80px;
}

body[dir = rtl] .fx-options-fields .fx-checkbox:checked + .fx-checkbox-label {
    margin: 7px 88px 8px 0;
}

#contentListToPin .fx-checkbox:checked + .fx-checkbox-label.content-group-checkbox {
    margin: 1px 75px 1px 35px;
}

body[dir = rtl] #contentListToPin .fx-checkbox:checked + .fx-checkbox-label.content-group-checkbox {
    margin: 1px 37px 1px 80px;
}


.fx-modules .module-header {
    width: 100%;
    padding: 10px 15px 10px 30px;
    margin-top: 0;
    background-color: #c9c9c7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

.fx-modules .sub-group .module-header {
    width: auto;
    margin: 0 50px 0 25px;
    background-color: #dcdcdc;
}

.fx-modules .module-header.studentSide-content {
    justify-content: flex-start;
}

.fx-modules .module-header .group-name {
    width: 25%;
    font-size: .94444rem;
    color: #343535;
    font-family: 'Open Sans Hebrew';
    float: none;
    min-width: 25%;
}

.fx-modules .module-header .group-teacher {
    width: 50%
}

.fx-modules .module-header .group-teacher.group-teacher--student {
    width: 35%
}

.fx-modules .module-header .group-teacher .fx-user__img:hover {
    cursor: pointer
}

.fx-modules .module-header .group-teacher .fx-user-wrapper {
    display: inline-block;
    vertical-align: middle
}

.fx-modules .module-header .group-teacher .fx-user__text {
    padding: 0 15px
}

.fx-modules .module-header .group-teacher .group-teacher__change {
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/public/img/icon/svg/Replace.svg)
}

.fx-modules .module-header .fx-ccount {
    font-size: .94444rem;
    color: #343535;
    font-family: 'Open Sans Hebrew'
}

.fx-modules .module-header .group__controls {
    width: 25%;
    text-align: right;
}


.fx-modules .module-header .icon-not-visible {
   visibility: hidden;
}

.fx-modules .module-header .group__controls.studentContentControls {
    max-width: 50px;
}

body[dir = rtl] .fx-modules .module-header .group__controls {
    text-align: left;
}


.fx-modules .module-header .group__controls .group-delete {
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    float: none;
    padding: 0;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/public/img/icon/svg/TeacherTestsTrash.svg)
}

.fx-modules .module-header .group__controls .contents-group-contents-visibility {
    width: 35px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    float: none;
    padding: 0;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/public/img/icon/svg/ContentSeenGreen.svg)
}

.fx-modules .module-header .group__controls .contents-group-contents-visibility.hidden-content {
    background-image: url(/public/img/icon/svg/ContentNotSeenRed.svg)
}

.fx-modules .module-header .group__controls .group-roll {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
    margin-right: 0;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/public/img/icon/svg/BlackArrow.svg);
    -webkit-transition: -webkit-transform 0s ease-in;
    transition: -webkit-transform 0s ease-in;
    transition: transform 0s ease-in;
    transition: transform 0s ease-in, -webkit-transform 0s ease-in;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

body[ dir = rtl] .fx-modules .module-header .group__controls .group-roll {
    margin-right: 20px;
    margin-left: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fx-modules .module-header .group__controls .group-roll.group-roll--disabled,
.student-terminate-exam.disabled,
#stopExam.disabled {
    cursor: none;
    pointer-events: none;
    opacity: .5
}

.modal-footer.rt-exam {
    text-align: center;
}

.fx-modules .module-header .group__controls .group-roll.group-roll--active, body[ dir = rtl] .fx-modules .module-header .group__controls .group-roll.group-roll--active {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.fx-modules .dragArea.dragArea--hidden {
    display: none
}

.fx-modules .dragArea .content-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /*direction: rtl;*/
    background-color: #eee;
    margin: 0 30px 10px 25px;
    padding: 7px 30px 7px 15px;
}

body[dir = rtl] .fx-modules .dragArea .content-row {
    margin: 10px;
    padding: 7px 15px 7px 30px;
}

.fx-modules .sub-group .content-row, body[dir = rtl] .fx-modules .sub-group .content-row {
    margin: 10px 50px 10px 25px;
}

/*.fx-modules .dragArea .content-row.content-row--student {
    margin: 10px 120px 0 0
}*/

.fx-modules .dragArea .content-row:nth-child(1) {
    margin-top: 10px
}

.fx-modules .dragArea .content-row:nth-last-child(1) {
    margin-bottom: 10px
}

.fx-modules .dragArea .content-row .content-controls {
    width: 35%;
    text-align: right;
}

body[dir = rtl] .fx-modules .dragArea .content-row .content-controls {
    text-align: left;
}

.fx-modules .dragArea .content-row .content-name,
#contentListToPin .content-row.content-name {
    padding: 0 10px;
    width: 40%
}

.fx-modules .dragArea .content-row.content-row-student .content-name {
    padding: 0 10px;
    width: 80%
}

.fx-modules .dragArea .content-row .content-name.disabled,
#contentListToPin .content-row.content-name.disabled {
    opacity: 0.5;
    color: black;
}

.fx-modules .dragArea .content-row .content-name .content-name--text,
#contentListToPin .content-row.content-name--text {
    margin: 0 10px;
    text-align: left;
}

body[dir = rtl] .fx-modules .dragArea .content-row .content-name .content-name--text,
body[dir = rtl] #contentListToPin .content-row.content-name--text {
    text-align: right;
}

.fx-modules .dragArea .content-row .content-name .content-name--text.disabled,
#contentListToPin .content-row.content-name--text.disabled {
    color: grey;
}

.fx-modules .dragArea .content-row .content-name.content-name--pdf::before,
#contentListToPin .content-row.content-name--pdf::before {
    content: '';
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/public/img/icon/svg/PDFDoc.svg)
}

.fx-modules .dragArea .content-row .content-name.content-name--doc::before,
#contentListToPin .content-row.content-name--doc::before {
    content: '';
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/public/img/icon/svg/WordDoc.svg)
}

.fx-modules .dragArea .content-row .content-name.content-name--excel::before,
#contentListToPin .content-row.content-name--excel::before {
    content: '';
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/public/img/icon/png/excel.png)
}

.fx-modules .dragArea .content-row .content-name.content-name--ppt::before,
#contentListToPin .content-row.content-name--ppt::before {
    content: '';
    width: 30px;
    height: 30px;
    min-width: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/public/img/icon/svg/PresentationDoc.svg)
}

.fx-modules .dragArea .content-row .content-name.content-name--video::before,
#contentListToPin .content-row.content-name--video::before {
    content: '';
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/public/img/icon/svg/VideoDoc.svg)
}

.fx-modules .dragArea .content-row .content-add-students {
    display: none
}

.fx-modules .dragArea .content-row .content-end-date, .fx-modules .dragArea .content-row .content-start-date {
    display: none
}

.fx-modules .dragArea .content-row .content-feedback {
    width: 30%;
    /*direction: ltr;*/
    position: relative;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: baseline;
}

.fx-modules .dragArea .content-row .content-feedback .fx-feedback__like {
    color: #99ccff;
    margin-top: 15px;
    font-weight: 700
}

.fx-modules .dragArea .content-row .content-feedback .fx-feedback__mark {
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 5px 15px 0 5px
}

.fx-modules .dragArea .content-row .content-feedback .fx-feedback__mark.fx-feedback__mark--good {
    margin-top: -5px;
    background-image: url(/public/img/icon/png/mark-good.png)
}

.fx-modules .dragArea .content-row .content-feedback .fx-feedback__mark.fx-feedback__mark--normal {
    background-image: url(/public/img/icon/png/mark-normal.png)
}

.fx-modules .dragArea .content-row .content-feedback .fx-feedback__mark.fx-feedback__mark--bad {
    background-image: url(/public/img/icon/png/mark-bad.png)
}

.fx-modules .dragArea .content-row .content-edit {
    display: inline-block;
    cursor: pointer;
    float: none !important;
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/public/img/icon/svg/TeacherTestsEdit.svg);
    margin-left: 10px;
    margin-right: 0;
}

body[dir = rtl] .fx-modules .dragArea .content-row .content-edit {
    margin-left: 0;
    margin-right: 10px;
}

.fx-modules .dragArea .content-row .shareToForum {
    display: inline-block;
    cursor: pointer;
    float: none !important;
    width: 28px;
    height: 27px;
    margin: 0 2px 0 8px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/public/img/icon/svg/forum_icon.png)
}

body[dir = rtl] .fx-modules .dragArea .content-row .shareToForum {
    margin: 0 8px 0 2px;
}

body[dir = rtl] .fx-modules .dragArea .content-row .shareToForum:first-child {
    margin-right: 50px;
}

body[dir = ltr] .fx-modules .dragArea .content-row .shareToForum:first-child {
    margin-left: 50px;
}

@media (max-width: 480px) {
    body[dir = rtl] .fx-modules .dragArea .content-row .shareToForum:first-child {
        margin-right: 0;
    }

    body[dir = ltr] .fx-modules .dragArea .content-row .shareToForum:first-child {
        margin-left: 0;
    }

    .fx-modules .dragArea .content-row .content-edit:first-child {
        margin-left: 0;
    }

    body[dir = rtl] .fx-modules .dragArea .content-row .content-edit:first-child {
        margin-right: 0;
    }

    body[dir = rtl] .fx-modules .dragArea .content-row .content-edit {
        margin-right: 0;
    }
}


body[dir = rtl] .fx-modules .dragArea .content-row .content-edit:first-child {
    margin-right: 50px;
}

.fx-numeric-factor {
    display: none !important;
}

.fx-percentage-factor {
    display: none !important;
}

.span-numeric-factor, .span-percentage-factor {
    cursor: pointer;
}

.span-numeric-factor.active, .span-percentage-factor.active {
    color: blue;
}

.fx-modules .dragArea .content-row .content-newWindow {
    display: inline-block;
    cursor: pointer;
    width: 30px;
    height: 30px;
    margin: 0 5px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 25px;
    background-image: url(/public/img/icon/png/new-tab.png);
}

.fx-modules .dragArea .content-row .content-newWindow.active {
    background-image: url(/public/img/icon/png/newWindow.png);
    background-size: contain;
}

.fx-modules .dragArea .content-row .content-viewed {
    display: inline-block;
    float: none !important;
    cursor: pointer;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin: 0 15px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/public/img/icon/png/viewed.png)
}

.fx-modules .dragArea .content-row .content-viewed.content-viewed--hidden {
    width: 26px;
    height: 26px;
    margin-left: 17px;
    background-image: url(/public/img/icon/png/not_viewed.png)
}

.fx-modules .dragArea .content-row .content-show {
    display: inline-block;
    float: none !important;
    cursor: pointer;
    width: 30px;
    height: 30px;
    margin: 0 15px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/public/img/icon/svg/ContentSeen.svg)
}

.fx-modules .dragArea .content-row .content-show.content-show--hidden {
    background-image: url(/public/img/icon/svg/ContentNotSeen.svg)
}

.fx-modules .dragArea .content-row .content-remove {
    display: inline-block;
    float: none !important;
    cursor: pointer;
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/public/img/icon/svg/TeacherTestsTrash.svg)
}

.fx-modules .dragArea .content-row .content-lock {
    display: inline-block;
    float: none !important;
    cursor: pointer;
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/public/img/icon/png/unlock.png)
}

.fx-modules .dragArea .content-row .content-replace {
    width: 20px;
    height: 20px;
    display: inline-block;
    float: none;
    padding: 0;
    margin: 0 6px 4px 2px;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/public/img/upload.png);
}

.fx-modules .dragArea .content-row .content-lock.locked {
    background-image: url(/public/img/icon/png/lock.png);
    position: relative;
}

.fx-modules .dragArea .content-row .content-lock.locked span {
    width: 150px;
    bottom: 100%;
    left: 50%;
    margin-left: -75px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
}

.fx-modules .dragArea .content-row .content-lock.locked span::after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.fx-modules .os-scrollbar-handle {
    background-color: #dacc3e !important
}

.fx-modules .os-scrollbar-handle.active {
    background-color: #dacc3e !important
}

.fx-stat-items {
    /*direction: rtl;*/
    margin-top: 20px
}

.fx-stat-items .fx-stat-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 10px;
    padding: 10px 15px 10px 30px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #c9c9c7;
    font-size: 1rem;
    font-family: 'Open Sans Hebrew';
    -webkit-transition: -webkit-box-shadow .3s ease-in-out;
    transition: -webkit-box-shadow .3s ease-in-out;
    transition: box-shadow .3s ease-in-out;
    transition: box-shadow .3s ease-in-out, -webkit-box-shadow .3s ease-in-out
}

.fx-stat-items .fx-stat-item.fx-stat-item--passed {
    background-color: #eee
}

.fx-stat-items .fx-stat-item:first-child {
    margin-top: 0
}

.fx-stat-items .fx-stat-item:hover {
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
}

.fx-stat-items .fx-stat-item .fx-stat__icon {
    width: 35px;
    height: 35px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: block
}

.fx-stat-items .fx-stat-item .fx-stat__icon.fx-stat__icon--first {
    background-image: url(/public/img/icon/svg/task-black.svg)
}

.fx-stat-items .fx-stat-item .fx-stat__icon.fx-stat__icon--second {
    background-image: url(/public/img/icon/svg/test.svg)
}

.fx-stat-items .fx-stat-item .fx-stat__icon.fx-stat__icon--upload {
    background-image: url(/public/img/icon/svg/upload.png)
}

.fx-stat-items .fx-stat-item .fx-stat__name {
    width: 20%;
    color: #303030;
    margin-left: 10px;
}

body[dir = rtl] .fx-stat-items .fx-stat-item .fx-stat__name {
    margin-right: 10px;
}


.fx-stat-items .fx-stat-item .fx-stat__type {
    width: 10%;
    color: #303030;
    margin: 0 20px 0 10px;
    text-align: left;
}

body[dir = rtl] .fx-stat-items .fx-stat-item .fx-stat__type {
    text-align: right;
    margin: 0 10px 0 20px;
}

.fx-stat-items .fx-stat-item .fx-stat__teacher {
    width: 30%;
    color: #303030
}

.fx-stat-items .fx-stat-item .fx-stat__teacher .fx-user-wrapper {
    text-align: right
}

.fx-stat-items .fx-stat-item .fx-stat__teacher .fx-user-wrapper span {
    font-weight: unset;
}

.fx-stat-items .fx-stat-item .fx-stat__date {
    width: 25%;
    color: #303030
}

.fx-stat-items .fx-stat-item .fx-stat__grade {
    width: 10%;
    color: #303030
}

.fx-stat-items .fx-stat-item .fx-stat__remark {
    width: 15%;
    color: #303030
}

.fx-stat-items .fx-stat-item .fx-stat__gradeStatus {
    width: 15%;
    color: #303030
}

.fx-assignments {
    margin-top: 25px;
    font-family: 'Open Sans Hebrew';
    direction: ltr;
}

body[dir = rtl] .fx-assignments {
    direction: rtl;
}

.fx-assignments .fx-assignments-title__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.fx-assignments .fx-assignments-title {
    margin: 0;
    color: #000;
    font-size: .88889rem;
    font-weight: 700
}

.fx-assignments .fx-assignment-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #c9c9c7;
    padding: 10px;
    -webkit-box-shadow: 10px 11px 30px -16px rgba(0, 0, 0, .51);
    box-shadow: 10px 11px 30px -16px rgba(0, 0, 0, .51)
}

.fx-assignments .fx-assignment-line .fx-exam-review__btn:hover {
    cursor: pointer
}

.fx-assignments .fx-assignment-line:nth-child(n+2) {
    margin-top: 10px
}

.fx-assignments .fx-assignment-line.fx-assignment-line--header {
    margin-top: 25px;
    /*margin-right: 40px;*/
    padding: 5px 10px;
    background-color: #eee
}

.fx-assignments .fx-assignment-line .fx-assignment-text {
    width: 10%;
    color: #343535;
    font-size: .94444rem;
    font-weight: 300;
    text-align: center
}

.fx-assignments .fx-assignment-line .fx-assignment-text.fx-c0 {
    width: 100%
}

.fx-assignments .fx-assignment-line .fx-assignment-text.fx-c1 {
    width: 10%;
    text-align: center;
    min-height: 10%;
}

.fx-assignments .fx-assignment-line .fx-assignment-text.fx-c2 {
    width: 20%;
    min-height: 20%;
}

.fx-assignments .fx-assignment-line .fx-assignment-text.fx-c3 {
    width: 10%;
    min-height: 10%;
}

.fx-assignments .fx-assignment-line .fx-assignment-text.fx-c4 {
    width: 12%;
    min-height: 10%;
}

.fx-assignments .fx-assignment-line .fx-assignment-text.fx-c5 {
    width: 12%;
    min-height: 10%;
}

.fx-assignments .fx-assignment-line .fx-assignment-text.fx-c6 {
    width: 8%;
    min-height: 10%;
}

.fx-assignments .fx-assignment-line .fx-assignment-text.fx-c7 {
    width: 12%
}

.fx-assignments .fx-assignment-line .fx-assignment-text.fx-c8 {
    width: 8%
}

.fx-assignments .fx-assignment-line .fx-assignment-text.fx-c10 {
    width: 10%
}

.fx-assignments .fx-assignment-line .fx-assignment-text.fx-c11 {
    width: 5%
}

.fx-assignments .fx-assignment-line .fx-assignment-text.fx-observer {
    width: 2%
}

.fx-assignments .fx-assignment-line .fx-assignment-text.fx-assignment-text--right {
    text-align: left;
}

body[dir = rtl] .fx-assignments .fx-assignment-line .fx-assignment-text.fx-assignment-text--right {
    text-align: right
}

.fx-selectLanguage {

    position: absolute;
    bottom: 1%;
    left: 1%;
    z-index: 9999;
    font-weight: bold;
    cursor: pointer;
}

.fx-main[dir =rtl] .fx-selectLanguage {
    right: 1%;
    left: unset;
}

body[dir =rtl] .fx-selectLanguage {
    right: 1%;
    left: unset;
}

.fx-assignments .fx-assignment-line .fx-assignment-text.fx-assignment-text--link:hover {
    cursor: pointer
}

.fx-assignments .fx-assignment-line button:hover {
    background-color: transparent
}

.fx-assignments .fx-assignments-items__wrapper {
    /*margin-right: 40px*/
}

.fx-assignments .fx-assignments-items {
    display: block
}

.fx-assignments .fx-assignments-items .fx-assignments-item {
    padding: 10px 0
}

#innerQuestionAnswer {
    margin-left: 20px;
    margin-right: 20px;
}

.fx-innerContentTitle label {
    font-size: 22px !important;
}

#contentName {
    margin-left: 20px;
    margin-right: 20px;
}

.fx-innerQuestion .fx-cgroup__title {
    cursor: pointer;
    font-size: 22px !important;
    margin-left: 10px;
}

.fx-icon {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    padding: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 0;
    background-color: transparent
}

.fx-innerQuestions {
    margin-bottom: 50px;
}

.fx-cgroup__title.questionImage--active, .fx-cgroup__title.explanationImage--active, .fx-cgroup__title.hintImage--active, .fx-innerListQuestionsItem .fx-cgroup__title.active {
    color: #7fb7be !important;
    margin-right: 1px !important;
    padding-right: 5px !important;
}

.fx-bucketQuestionsItem label, fx-PDFQuestionItem label {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.fx-bucketQuestionsItem .fx-icon, .fx-PDFQuestionItem .fx-icon {
    padding-left: 10px !important;
    margin-left: 10px !important;
    width: 30px !important;
    background-size: 20px;
}

.fx-bucketQuestionsItem .fx-icon.active, .fx-PDFQuestionItem .fx-icon.active {
    margin-right: 10px;
    margin-left: 20px !important;
}

body[dir = rtl] .fx-bucketQuestionsItem .fx-icon.active, .fx-PDFQuestionItem .fx-icon.active {
    margin-right: 20px !important;
    margin-left: 10px;
}

.fx-bucketQuestionsItem .fx-cgroup__title.active, .fx-PDFQuestionItem .fx-cgroup__title.active {
    color: #7fb7be !important;
    margin-right: 0 !important;
    padding-right: 0 !important;
}

/*.fx-cgroup__title.questionImage, .fx-cgroup__title.explanationImage, .fx-cgroup__title.hintImage {*/
/*margin-right: 0;*/
/*padding-right: 0;*/
/*}*/


.fx-icon.questionRemoveFile, .fx-icon.hintRemoveFile, .fx-icon.explanationRemoveFile, .fx-icon.listRemoveQuestionFile, .fx-icon.listRemoveCorrectAnswerFile,
.fx-icon.listRemoveWrongAnswerOneFile, .fx-icon.listRemoveWrongAnswerTwoFile, .fx-icon.listRemoveWrongAnswerThreeFile {
    background-image: url(/public/img/icon/png/minus.png);
    cursor: pointer;
    width: 20px;
    margin-bottom: 5px;
    display: unset;
}

.fx-icon.questionRemoveFile--active, .fx-icon.hintRemoveFile--active, .fx-icon.explanationRemoveFile--active, .fx-icon.listRemoveQuestionFile--active, .fx-icon.listRemoveCorrectAnswerFile--active,
.fx-icon.listRemoveWrongAnswerOneFile--active, .fx-icon.listRemoveWrongAnswerTwoFile--active, .fx-icon.listRemoveWrongAnswerThreeFile--active {
    display: inline-block;
    background-image: url(/public/img/icon/png/minus.png);
    cursor: pointer;
    width: 10px;
    margin-bottom: 5px;
}

.fx-innerListQuestionsItem .fx-icon.active, .fx-bucketQuestionsItem .fx-icon.active, .fx-PDFQuestionItem .fx-icon.active {
    display: inline-block;
    background-image: url(/public/img/icon/png/minus.png);
    cursor: pointer;
    width: 20px;
    /*margin-bottom: 5px;*/
}

.fx-icon.addInnerQuestion {
    background-image: url(/public/img/icon/svg/plus2.svg);
    cursor: pointer;
}

.fx-icon.addInnerQuestion--active {
    background-image: url(/public/img/icon/svg/plus.svg);
    cursor: pointer;
}

.fx-icon.removeInnerQuestion {
    background-image: url(/public/img/icon/png/minus.png);
    cursor: pointer;
}

.fx-icon.examInside {
    background-image: url(/public/img/icon/png/exam-inside.png);
    cursor: pointer;
    min-width: 30px;
    display: block;
    margin-left: auto;
}

body[dir = rtl] .fx-icon.examInside {
    margin-right: auto;
    margin-left: 0;
}

.fx-icon.inner-content-icon.nine-panels {
    background-image: url(/public/img/icon/png/grid.png);
    margin-left: 10px;
    margin-right: 10px;
    background-size: 30px 39px;
    background-position-y: -3px;
}

.fx-icon.inner-content-icon.question-list {
    background-image: url(/public/img/icon/png/test-quiz.png);
    margin-left: 10px;
    margin-right: 10px;
    background-size: 45px 30px;
}

.fx-icon.inner-content-icon.bucket-question {
    background-image: url(/public/img/icon/png/basket.png);
    margin-left: 10px;
    margin-right: 10px;
    background-size: 30px 40px;
}

.fx-icon.inner-content-icon.pdf-questions {
    background-image: url(/public/img/icon/png/pdf.png);
    margin-left: 10px;
}

.fx-icon.recalculateIcon--hide {
    background-image: url(/public/img/icon/png/calculator-lineRed.png)
}

.fx-icon.recalculateIcon--show {
    background-image: url(/public/img/icon/png/calculator.png)
}

.fx-icon.fx-icon-live-class-edit,
.fx-icon.fx-icon-presenter-edit,
.fx-icon.fx-icon--edit {
    background-image: url(/public/img/icon/svg/TeacherTestsEdit.svg)
}

.fx-icon.fx-icon--visible {
    background-image: url(/public/img/icon/svg/ContentSeen.svg)
}

.fx-icon.fx-icon--visible2 {
    background-image: url(/public/img/icon/png/content_v_seen.png)
}

.fx-icon.fx-icon--duplicateExam {
    background-image: url(/public/img/icon/png/refreshing.png);
    margin-right: 10px;
}

body[dir = rtl] .fx-icon.fx-icon--duplicateExam {
    margin-right: 0;
    margin-left: 10px;
}

.fx-icon.fx-icon--invisible {
    background-image: url(/public/img/icon/svg/ContentNotSeen.svg)
}

.fx-icon.fx-icon--activate {
    background-image: url(/public/img/icon/png/activate.png)
}

.fx-icon.fx-icon--delete {
    cursor: pointer;
    background-image: url(/public/img/icon/svg/TeacherTestsTrash.svg)
}

.fx-icon.fx-icon-camera {
    cursor: pointer;
    background-image: url(/public/img/icon/png/camera.png)
}

.fx-icon.fx-icon-live-class-launch {
    cursor: pointer;
    background-image: url(/public/img/icon/svg/Rocket.svg);
    margin: 0 10px;
    transform: rotate(90deg);
}

.fx-icon.fx-icon-live-copy-info {
    cursor: pointer;
    background-image: url(/public/img/icon/svg/copy.svg);
    margin: 0 10px;
}

.fx-icon.fx-icon-live-send-email {
    cursor: pointer;
    background-image: url(/public/img/icon/png/letter1.png);
    margin: 0 10px;
    background-position-y: 5px;
}

.fx-icon.fx-icon-live-class-upload-content {
    cursor: pointer;
    background-image: url(/public/img/icon/png/clip.png);
    margin: 0 10px;
}

.fx-icon.fx-icon-live-recording-download {
    cursor: pointer;
    background-image: url(/public/img/icon/svg/cloud-download-green.svg);
    margin: 0 10px;
}

.fx-icon.fx-icon-live-no-recording-download {
    background-image: url(/public/img/icon/svg/cloud-download-red.svg);
    margin: 0 10px;
}

.fx-icon.fx-icon-live-recording-play {
    cursor: pointer;
    background-image: url(/public/img/icon/svg/play-green.svg);
    margin: 0 10px;
}

.fx-icon.fx-icon-live-no-recording-play {
    background-image: url(/public/img/icon/svg/play-red.svg);
    margin: 0 10px;
}

.fx-icon.fx-icon--print {
    background-image: url(/public/img/icon/png/print.png)
}

.fx-icon.fx-icon--pin {
    background-image: url(/public/img/icon/svg/pin-black.svg);
    cursor: pointer;
}

.fx-icon.fx-icon--pin.pinned {
    background-image: url(/public/img/icon/svg/pin-red.svg);
    cursor: pointer;
}

.fx-icon.fx-icon--print.hideIcon {
    visibility: hidden;
}

.fx-icon.fx-icon--date {
    background-image: url(/public/img/icon/png/date.png)
}

.fx-icon.fx-icon--stop {
    background-image: url(/public/img/icon/png/stop.png)
}

.fx-icon.fx-icon--pdf {
    background-image: url(/public/img/icon/svg/PDFDoc.svg)
}

.fx-icon.fx-icon--doc {
    background-image: url(/public/img/icon/svg/WordDoc.svg)
}

.fx-icon.fx-icon--ppt {
    background-image: url(/public/img/icon/svg/PresentationDoc.svg)
}

.fx-icon.fx-icon--no-file {
    background-image: url(/public/img/icon/svg/my-messages-black.svg)
}

.fx-icon.fx-icon-uploadFile {
    background-image: url(/public/img/icon/png/clip.png);
    opacity: 0.7;
    cursor: pointer;
}

.fx-icon.fx-icon--trash {
    background-image: url(/public/img/icon/svg/TeacherTestsTrash.svg)
}

.fx-icon.fx-icon-xls-report {
    background-image: url(/public/img/icon/svg/xls-report.svg)
}

.fx-icon.fx-icon-observer-report {
    background-image: url(/public/img/icon/svg/observer-report.svg);
    cursor: pointer;
}

.fx-icon.fx-icon-geolocation {
    background-image: url(/public/img/icon/svg/geolocation.svg);
    cursor: pointer;
}

.fx-icon.fx-icon-spy {
    background-image: url(/public/img/icon/svg/spy.svg);
    cursor: pointer;
    width: 35px;
    height: 35px;
}

.fx-icon.fx-icon-exam-green {
    background-image: url(/public/img/icon/svg/exam-green.svg);
    cursor: pointer;
    width: 35px;
    height: 35px;
    margin: 0 10px;
}

.fx-icon.fx-icon-exam {
    background-image: url(/public/img/icon/svg/exam.svg);
    cursor: pointer;
    width: 35px;
    height: 34px;
}

.fx-icon.fx-icon-image-gallery{
    background-image: url(/public/img/icon/svg/gallery.svg);
    cursor: pointer;
    width: 50px;
    height: 50px;
}

.fx-icon.fx-icon-geolocation:hover {
    background-color: transparent;
}

.fx-sort {
    display: inline-block;
    width: 15px;
    height: 15px;
    padding: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 0;
    background-color: transparent
}

.fx-sort.fx-sort--desc {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    background-image: url(/public/img/icon/svg/LightArrow.svg)
}

.fx-sort.fx-sort--desc.fx-sort--active {
    background-image: url(/public/img/icon/svg/BlackArrow.svg)
}

.fx-sort.fx-sort--asc {
    background-image: url(/public/img/icon/svg/LightArrow.svg)
}

.fx-sort.fx-sort--asc.fx-sort--active {
    background-image: url(/public/img/icon/svg/BlackArrow.svg)
}

.fx-text-container {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.fx-text {
    display: inline-block;
    padding: 3px 5px;
    border-radius: 0;
    font-size: .94444rem;
    color: #000;
    background-color: #7fb7be
}

.fx-assignment-text.fx-c4 .fx-text {
    padding: 1px 1px;
}

.fx-assignment-text.fx-c5 .fx-text-container {
    justify-content: space-around;
}

/*.fx-assignment-text.fx-c5 .fx-text-container .fx-text.fx-text--half {
    margin-left: 10px;
}*/

.fx-text.fx-text--link:hover {
    cursor: pointer
}

.fx-text.fx-text--white {
    color: #fcfcfc
}

.fx-text.fx-text--full {
    width: 80%
}

.fx-text.fx-text--half {
    width: 50%
}

.fx-review:not(.fx-review--icon) a {
    display: inline-block;
    padding: 3px 5px;
    border-radius: 0;
    font-size: .94444rem;
    color: #fcfcfc;
    background-color: #7fb7be
}

.fx-review.fx-review--icon img {
    width: 20px;
    height: 20px
}

.fx-review.fx-review--disabled:hover {
    cursor: not-allowed
}

.new-inner-content {
    display: flex;
    cursor: pointer;
    justify-content: space-around;
    opacity: 1;
    color: #7fb7be;
    font-family: sans-serif;
    font-weight: 700;
    font-size: 20px;
}

.pspdfkit-container {
    background-color: #fff;
    width: 100%
}

.pspdfkit-container:-webkit-full-screen {
    width: 100vw;
    height: 100vh
}

.pspdfkit-container:-moz-full-screen {
    width: 100vw;
    height: 100vh
}

.pspdfkit-container:-ms-fullscreen {
    width: 100vw;
    height: 100vh
}

.pspdfkit-container:fullscreen {
    width: 100vw;
    height: 100vh
}

.fx-pspdfkit-container {
    background-color: #fff
}

.fx-pspdfkit-container:-webkit-full-screen {
    width: 100vw;
    height: 100vh
}

.fx-pspdfkit-container:-moz-full-screen {
    width: 100vw;
    height: 100vh
}

.fx-pspdfkit-container:-ms-fullscreen {
    width: 100vw;
    height: 100vh
}

.fx-pspdfkit-container:fullscreen {
    width: 100vw;
    height: 100vh
}

.fx-exam-items {
    /*direction: rtl;*/
    margin-top: 20px
}

.fx-exam-items .fx-exam-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 10px;
    padding: 10px 15px 10px 30px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #c9c9c7;
    font-size: 1rem;
    font-family: 'Open Sans Hebrew';
    -webkit-transition: -webkit-box-shadow .3s ease-in-out;
    transition: -webkit-box-shadow .3s ease-in-out;
    transition: box-shadow .3s ease-in-out;
    transition: box-shadow .3s ease-in-out, -webkit-box-shadow .3s ease-in-out
}

.attached-content-exam {
    width: 90%;
    margin: 0 20px;
}

.attached-content-exam .fx-exam-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 10px ;
    font-size: 12px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #c9c9c7;
    font-family: 'Open Sans Hebrew';
    -webkit-transition: -webkit-box-shadow .3s ease-in-out;
    transition: -webkit-box-shadow .3s ease-in-out;
    transition: box-shadow .3s ease-in-out;
    transition: box-shadow .3s ease-in-out, -webkit-box-shadow .3s ease-in-out
}

.attached-content-exam .fx-exam-item.content-group-exam {
    background-color: #e6e6e6;
}

.fx-exam-items .fx-exam-item:hover,
.attached-content-exam .fx-exam-item:hover {
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
}

.fx-exam-items .fx-exam-item:first-child {
    margin-top: 0
}

.fx-exam-items .fx-exam-item .fx-exam__icon {
    display: block;
    width: 35px;
    height: 35px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.fx-exam-items .fx-exam-item .fx-exam__icon.fx-exam__icon--exam {
    background-image: url(/public/img/icon/svg/task-black.svg)
}

.fx-exam-items .fx-exam-item .fx-exam__icon.fx-exam__icon--done {
    width: 30px;
    height: 30px;
    background-image: url(/public/img/icon/svg/BlackCheckmark.svg)
}

.showGradeHeader {
    background-size: 50px;
    background-image: url(/public/img/icon/png/average.png);
    background-position-x: 60%;
}

.fx-exam-items .fx-exam-item .fx-exam__name {
    width: 20%;
    color: #303030;
    margin-right: 10px;
}

.fx-exam-items .fx-exam-item .fx-exam__type {
    width: 15%;
    color: #303030;
    margin: 0 10px;
    text-align: left;
}

body[dir = rtl] .fx-exam-items .fx-exam-item .fx-exam__type {
    text-align: right;
}

.fx-exam-items .fx-exam-item .fx-exam__date {
    width: 25%;
    color: #303030
}

.fx-exam-items .fx-exam-item .fx-exam__grade {
    width: 10%;
    color: #303030
}

.fx-exam-items--old {
    display: none
}

.fx-exam {
    direction: ltr;
    margin-top: 20px;
    font-family: 'Open Sans Hebrew'
}

body[dir = rtl] .fx-exam {
    direction: rtl;
}

.fx-exam .fx-exam__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 10px;
    padding: 10px 15px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #7fb7be;
    font-size: 1rem;
    -webkit-transition: -webkit-box-shadow .3s ease-in-out;
    transition: -webkit-box-shadow .3s ease-in-out;
    transition: box-shadow .3s ease-in-out;
    transition: box-shadow .3s ease-in-out, -webkit-box-shadow .3s ease-in-out
}

.fx-exam .fx-exam__header .fx-exam__icon {
    width: 35px;
    height: 35px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    /*background-image: url(/public/img/icon/svg/task-white.svg)*/
    background-image: url(/public/img/icon/svg/upload-white.png)
}

.fx-exam .fx-exam__header .fx-exam__title {
    color: #fff
}

.fx-exam .fx-exam__header .fx-exam__date {
    color: #fff
}

.fx-exam .fx-exam__header .fx-exam__back {
    display: block;
    width: 35px;
    height: 35px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/public/img/icon/svg/back-white.svg);
    transform: scaleX(-1);
}

body[dir = rtl ] .fx-exam .fx-exam__header .fx-exam__back {
    transform: scaleX(1);
}

.fx-exam .fx-exam__question {
    margin-top: 20px;
    color: #000;
    font-size: 1rem;
    font-weight: 400;
    text-align: justify
}

.fx-exam .fx-upload__title {
    margin-top: 40px;
    font-size: 1.05556rem;
    color: #000;
    font-weight: 700
}

.fx-exam .fx-upload__wrapper {
    margin-top: 40px;
    /*direction: ltr;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.fx-exam .fx-upload__wrapper .fx-qfile {
    display: block;
    width: 20%
}

.fx-exam .fx-upload__wrapper .fx-qfile.fx-qfile--student .fx-upload-file.fx--disabled {
    display: none
}

.fx-exam .fx-upload__wrapper .fx-qfile .fx-qfile__title {
    display: table;
    margin-left: auto;
    margin-right: auto;
    border-collapse: separate;
    border-spacing: 0 15px;
    min-height: 50px
}


body[dir = rtl] .fx-exam .fx-upload__wrapper .fx-qfile .fx-qfile__title {
    border-spacing: 15px 0;
}


.fx-exam .fx-upload__wrapper .fx-qfile .fx-qfile__title.custom {
    display: block;
}

.fx-exam .fx-upload__wrapper .fx-qfile .fx-qfile__title.custom a {
    display: block;
}

.fx-exam .fx-upload__wrapper .fx-qfile .fx-qfile__title .fx-qfile__icon {
    display: table-cell;
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/public/img/icon/svg/PDFDoc.svg)
}

.fx-exam .fx-upload__wrapper .fx-qfile .fx-qfile__title .fx-qfile__name {
    display: table-cell;
    color: #000;
    vertical-align: middle;
    font-size: 1.05556rem;
    text-align: right;
}

.fx-exam .fx-upload__wrapper .fx-qfile .fx-qfile__btn {
    /*direction: rtl;*/
    display: inline-block;
    width: 100%;
    padding: 10px 25px;
    margin-top: 30px;
    min-width: 150px;
    background-color: #7fb7be;
    color: #fcfcfc;
    font-size: 1.05556rem;
    font-weight: 400;
    text-align: center
}

.fx-start {
    margin-top: 50px;
    padding-right: 10px;
    font-family: 'Open Sans Hebrew';
    overflow: hidden;
    overflow-y: auto;
    /*direction: ltr*/
}

.fx-start .fx-help {
    /*direction: rtl*/
}

.fx-start .fx-help .fx-help__title {
    font-weight: 700;
    margin: 0
}

.fx-start .fx-help .fx-help__body {
    margin-top: 15px
}

.fx-start__btn {
    width: 50%;
    max-width: 500px;
    margin-top: 50px;
    padding: 5px 50px;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fcfcfc;
    background-color: #7fb7be;
    border-radius: 0
}

.fx-start__btn:hover {
    background-color: #7fb7be
}

.fx-start__btn .fx-start__icon {
    width: 55px;
    height: 55px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/public/img/icon/png/start.png)
}

.fx-start__btn .fx-start__txt {
    width: 75%;
    font-family: 'Open Sans Hebrew';
    font-size: 1.38889rem;
    font-weight: 700
}

.simplebar-content {
    overflow-x: auto !important;
    padding-bottom: 10px !important;
    padding-right: 10px !important
}

.simplebar-scrollbar {
    right: 0 !important;
    width: 10px !important
}

.fx-msg__student-list .simplebar-scrollbar {
    min-width: 5px !important;
}

.fx-msg__student-list .simplebar-track {
    min-width: 10px !important;
}

.simplebar-scrollbar::before {
    top: 0 !important;
    bottom: -2px !important;
    opacity: 1 !important;
    background-color: #dacc3e !important;
    border-radius: 0 !important
}

.simplebar-track.vertical {
    background-color: #eaeaea
}

.fx-modal--guidance-message {
    z-index: 500 !important;
    font-family: 'Open Sans Hebrew'
}

.fx-modal--guidance-message .fx-modal__content.fx-modal__content--spin .fx-guidance-message {
    display: block;
}

.fx-modal--guidance-message .fx-modal__content.fx-modal__content--spin .fx-guidance-spinner {
    display: block
}

.fx-modal--guidance-message .fx-modal__content.fx-modal__content--spin .modal-footer {
    display: none
}

.fx-modal--guidance-message .fx-guidance-message {
    text-align: center;
    color: #686868;
    font-size: 1.11111rem;
    font-weight: 700
}

.fx-modal--guidance-message .fx-guidance-spinner {
    display: none;
    text-align: center
}

.fx-modal--guidance-message .fx-modal_btn {
    margin-left: auto;
    margin-right: auto;
    font-size: 1.11111rem
}

a.fx-modal_btn:hover {
    color: #ffffff !important;
}

.fx-modal {
    height: 90vh
}

.fx-modal.sticky-modal {
    max-width: 700px
}

.fx-modal.fx-modal--exam-review .fx-modal__dialog {
    max-width: 1100px
}

.fx-modal.fx-modal--courselist .fx-modal__dialog {
    max-width: 700px
}

.fx-modal.fx-modal--msg-send .fx-modal__dialog, .fx-modal.fx-modal--msg-show .fx-modal__dialog, .fx-modal.fx-modal--question .fx-modal__dialog, .fx-modal.fx-modal--students .fx-modal__dialog, .fx-modal.fx-modal--my-teachersalt .fx-modal__dialog {
    max-width: 550px
}

.fx-modal.fx-modal--file-upload .fx-modal__dialog, .fx-modal.fx-modal--guidance-message .fx-modal__dialog, .fx-modal.fx-modal--info .fx-modal__dialog, .fx-modal.fx-modal--upload-success .fx-modal__dialog {
    max-width: 500px
}

.fx-modal.fx-modal--teacher .fx-modal__dialog {
    max-width: 300px
}

.fx-modal.fx-modal--info {
    z-index: 103 !important
}

.fx-modal .fx-modal__dialog {
    max-width: 900px;
    width: 95%;
    margin-left: auto;
    margin-right: auto
}

.fx-modal .fx-modal__content {
    background-color: #fcfcfc;
    border: 2px solid #7fb7be;
    padding: 15px;
    height: auto;
    max-height: 100%;
    overflow: hidden
}

.fx-modal--teacherPdf .fx-modal__content {
    width: 50%;
    margin: auto;
}

.fx-modal .fx-modal__content .modal-header {
    padding: 0
}

.fx-modal .fx-modal__content .modal-header button {
    opacity: 1;
    color: #7fb7be;
    font-family: sans-serif;
    font-weight: 700
}

.fx-modal .fx-modal__content .modal-header button:hover {
    background-color: transparent
}

.fx-modal .fx-modal__content .modal-body {
    margin-top: 15px;
    padding: 0 10px
}

.fx-modal .fx-modal__content .modal-footer {
    padding: 0;
    margin-top: 30px
}

@media (max-width: 480px) {
    .fx-modal.sticky-modal {
        width: 100%;
        height: 100vh;
        font-size: 10px;
    }

    .fx-modal .fx-modal__content .modal-body {
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .fx-modal .fx-modal__content .modal-footer {
        margin-top: 20px;
    }
}

.fx-modal .fx-qpreview .file_question {
    display: none
}

.fx-modal .fx-qpreview .btnDownloadQuestionFile {
    display: inline-block;
    float: right;
    margin-top: 7px;
    cursor: pointer;
    width: 25px;
    height: 25px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(/public/img/icon/svg/PDFDoc.svg)
}

.fx-modal .fx-main {
    height: 250px
}

.fx-modal .fx-main .fx-main__content--login {
    width: 100%
}

.fx-modal .fx-main .fx-main__content--login .fx-center {
    width: 100%;
    height: 100%;
    text-align: center
}

.fx-modal .fx-main .fx-main__content--login .fx-center .fx-login__wrapper {
    width: 50%;
    height: 100%;
    padding-bottom: 0
}

.fx-modal .fx-main .fx-main__content--login .fx-center .fx-center__header, .fx-modal .fx-main .fx-main__content--login .fx-center .fx-center__stub {
    display: none
}

.fx-modal .fx-main .fx-sidebar {
    display: none
}

.fx-modal_btn {
    color: #fcfcfc;
    background-color: #7fb7be !important;
    font-weight: 700;
    padding: 5px 40px;
    border: none;
    border-radius: 0
}

.fx-modal-group {
    font-family: 'Open Sans Hebrew';
    font-size: 1rem
}

.fx-modal-group .modal-body span {
    color: #686868;
    font-weight: 700
}

.fx-modal-group .modal-body input {
    margin-top: 15px;
    padding: 5px 15px;
    border: 2px solid #7fb7be;
    color: #686868;
    font-size: .88889rem
}

.fx-modal-group .modal-footer button {
    color: #fcfcfc;
    background-color: #7fb7be;
    font-weight: 700;
    padding: 5px 40px;
    border: none;
    border-radius: 0
}

.fx-filterTms {
    float: right;
    margin: 10px 0;
    width: 32%;
    position: relative;
    display: none;
}

body[dir = rtl] .fx-filterTms {
    float: left;
}

.hideFilter {
    opacity: 0;
}

.fx-policy {
    text-align: justify
}

.fx-policy .simplebar-content,
.fx-policy .simplebar-content p,
.fx-policy .simplebar-content h2,
.modal-info.modal-body.fx-policy .simplebar-content,
.modal-info.modal-body.fx-policy .simplebar-content p,
.modal-info.modal-body.fx-policy .simplebar-content h2 {
    text-align: justify !important;
    margin-left: 6px !important;
    margin-right: 0 !important;
    direction: ltr;
}

body[dir = rtl] .fx-policy .simplebar-content,
body[dir = rtl] .fx-policy .simplebar-content p,
body[dir = rtl] .fx-policy .simplebar-content h2,
body[dir = rtl] .modal-info.modal-body.fx-policy .simplebar-content,
body[dir = rtl] .modal-info.modal-body.fx-policy .simplebar-content p,
body[dir = rtl] .modal-info.modal-body.fx-policy .simplebar-content h2 {
    direction: rtl;
    margin-left: 0 !important;
    margin-right: 6px !important;
}

.fx-exam-create {
    font-family: 'Open Sans Hebrew';
    font-size: .94444rem !important
}

.fx-exam-create .page-title {
    font-size: 1.11111rem;
    font-weight: 700;
    color: #686868
}

.fx-exam-create .ui-tabs-panel {
    padding: 0 !important;
    height: auto !important
}

.fx-exam-create .fx-input {
    width: 100%;
    padding: 5px 10px;
    border: 1px solid #7fb7be;
    background-color: transparent;
    border-radius: 0;
    color: #686868 !important;
    font-size: 1.11111rem !important;
    font-weight: 700 !important;
    height: 100%;
}

.fx-exam-datepicker .fx-input,
.fx-exam-datepicker .list__item .fx-wrapper-text {
    width: 100%;
    padding: 5px 10px;
    border: 1px solid #7fb7be;
    background-color: transparent;
    border-radius: 0;
    color: #686868 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    height: 100%;
    cursor: pointer;
}

.fx-exam-datepicker .list__item {
    margin: 5px;
}

.fx-dueTime-refresh-button {
    width: 40px;
    height: 40px;
    background-image: url(/public/img/icon/svg/repeat.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
}

.teacher-attendance-title {
    /*padding-right: 50px;*/
}

.teacher-attendance-refresh {
    display: inline-block;
    width: 40px;
    height: 30px;
    background-image: url(/public/img/icon/png/refreshing.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    vertical-align: bottom;
    cursor: pointer;
}

.fx-exam-create .fx-input.fx-input--select {
    padding-left: 25px;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.fx-exam-create .fx-input.fx-input--select::-ms-expand {
    display: none
}

.fx-exam-create .fx-input.flatpickr {
    text-align: center
}

.fx-exam-create .fx-label {
    font-size: 1.11111rem !important;
    color: #7fb7be;
    font-weight: 700
}

.fx-exam-create .fx-label.fx-label--grey {
    color: #686868;
    margin-right: 5px;
}

.list__item .fx-label.fx-label--grey {
    color: #686868;
    margin-right: 5px;
    padding-top: 5px;
}

body[dir = rtl] .list__item .fx-label.fx-label--grey {
    padding-top: 0;
}

.fx-exam-create .fx-switcher__container {
    width: 70%;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fx-exam-create .fx-select__wrapper {
    display: inline-block;
    position: relative
}

.fx-exam-create .fx-select__wrapper::after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 25px;
    height: 100%;
    width: 12px;
    padding: 15px 0 0 8px;
    background-image: url(/public/img/icon/svg/LightArrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    color: #7fb7be;
    pointer-events: none
}


.fx-exam-create .fx-select__wrapper.fx-select__wrapper--short::after {
    left: 10px
}

.fx-exam-create .fx-checkbox-label {
    display: table-cell;
    vertical-align: middle;
    font-size: 1.11111rem;
    font-weight: 700;
    color: #7fb7be
}

.fx-exam-create .fx-checkbox-label.fx-checkbox-label--text {
    cursor: pointer;
    padding: 5px 10px 0 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fx-exam-create .fx-checkbox {
    display: none
}

.fx-exam-create .fx-checkbox + .fx-checkbox-label {
    display: table-cell;
    cursor: pointer;
    width: 25px;
    height: 25px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(/public/img/icon/svg/box-empty.svg)
}

.fx-exam-create .fx-checkbox:checked + .fx-checkbox-label {
    background-image: url(/public/img/icon/svg/box-checked.svg)
}

.fx-exam-create .fx-btn {
    border-radius: 0 !important;
    font-family: 'Open Sans Hebrew';
    color: #fcfcfc;
    background-color: #7fb7be;
    font-size: 1rem;
    font-weight: 700
}

.fx-exam-review__wrapper {
    margin-top: 15px
}

.fx-exam-review__wrapper .fx-exam-review .fx-exam-review__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fx-exam-review__wrapper .fx-exam-review .fx-exam-review__header .fx-review-header.fx-review-header--c1 {
    width: 10%
}

.fx-exam-review__wrapper .fx-exam-review .fx-exam-review__header .fx-review-header.fx-review-header--c2 {
    width: 20%;
    font-size: .94444rem
}

.fx-exam-review__wrapper .fx-exam-review .fx-exam-review__header .teacher-question-file {
    width: 50%;
    text-align: left
}

body[dir = rtl] .fx-exam-review__wrapper .fx-exam-review .fx-exam-review__header .teacher-question-file {
    text-align: right;
}

.fx-exam-review__wrapper .fx-exam-review .fx-exam-review__header .fx-review-header.fx-review-header--c3 {
    width: 20%;
    text-align: left;
    padding-right: 10px;
    margin-left: auto;
}

body[dir = rtl] .fx-exam-review__wrapper .fx-exam-review .fx-exam-review__header .fx-review-header.fx-review-header--c3 {
    padding-right: 0;
    padding-left: 10px;
    margin-left: 0;
    margin-right: auto;
}


.fx-exam-review__wrapper .fx-exam-review .fx-exam-review__header .fx-review-header.fx-review-header--c3 .save-exam-review {
    padding: 5px 20px;
    border-radius: 0;
    font-size: .94444rem;
    color: #fcfcfc;
    background-color: #7fb7be;
    float: right;
}

body[dir = rtl] .fx-exam-review__wrapper .fx-exam-review .fx-exam-review__header .fx-review-header.fx-review-header--c3 .save-exam-review {
    float: left;
}

.fx-exam-review__wrapper .fx-exam-review .fx-exam-review__header .fx-review-header.fx-review-header--c4 {
    width: 15%
}

.fx-exam-review__wrapper .fx-exam-review .fx-exam-review__header .fx-review-header.fx-review-header--c4 .btnEditExam {
    width: 100%;
    padding: 5px 10px;
    border-radius: 0;
    font-size: .94444rem;
    color: #fcfcfc;
    background-color: #c4002b
}

.fx-exam-review__wrapper .fx-exam-review .fx-exam-review__items .fx-exam-review__item {
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: 'Open Sans Hebrew'
}

.fx-exam-review__wrapper .fx-exam-review .fx-exam-review__items .fx-exam-review__item .fx-review-item {
    font-size: .94444rem
}

.fx-exam-review__wrapper .fx-exam-review .fx-exam-review__items .fx-exam-review__item .fx-review-item.fx-review-item--c1 {
    width: 15%;
    color: #343535;
    font-size: .94444rem
}

.fx-exam-review__wrapper .fx-exam-review .fx-exam-review__items .fx-exam-review__item .fx-review-item.fx-review-item--c2 {
    width: 20%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .94444rem
}

.fx-exam-review__wrapper .fx-exam-review .fx-exam-review__items .fx-exam-review__item .fx-review-item.fx-review-item--c2 .fx-review__delimiter {
    font-size: 1.11111rem;
    font-weight: 700
}

.fx-exam-review__wrapper .fx-exam-review .fx-exam-review__items .fx-exam-review__item .fx-review-item.fx-review-item--c2 .fx-review__slink {
    color: #fcfcfc;
    background-color: #7fb7be;
    padding: 5px 10px;
    text-align: center
}

.fx-exam-review__wrapper .fx-exam-review .fx-exam-review__items .fx-exam-review__item .fx-review-item.fx-review-item--c2 .fx-review__snolink {
    color: #000;
    padding: 5px 10px;
    text-align: center
}

.fx-exam-review__wrapper .fx-exam-review .fx-exam-review__items .fx-exam-review__item .fx-review-item.fx-review-item--c3 {
    width: 15%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700
}

.fx-exam-review__wrapper .fx-exam-review .fx-exam-review__items .fx-exam-review__item .fx-review-item.fx-review-item--c3 .fx-grade {
    width: 50%;
    color: #343535;
    border: none;
    border-bottom: 2px solid #7fb7be;
    background-color: transparent !important
}

.fx-exam-review__wrapper .fx-exam-review .fx-exam-review__items .fx-exam-review__item .fx-review-item.fx-review-item--c3 .fx-grade.fx-grade--disabled {
    border: none;
    width: -webkit-calc(50% - 30px);
    width: calc(50% - 30px)
}

.fx-exam-review__wrapper .fx-exam-review .fx-exam-review__items .fx-exam-review__item .fx-review-item.fx-review-item--c3 input[type=number]::-webkit-inner-spin-button, .fx-exam-review__wrapper .fx-exam-review .fx-exam-review__items .fx-exam-review__item .fx-review-item.fx-review-item--c3 input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0
}

.fx-exam-review__wrapper .fx-exam-review .fx-exam-review__items .fx-exam-review__item .fx-review-item.fx-review-item--c3 .no-spinners {
    -moz-appearance: textfield
}

.fx-exam-review__wrapper .fx-exam-review .fx-exam-review__items .fx-exam-review__item .fx-review-item.fx-review-item--c3 .no-spinners::-webkit-inner-spin-button, .fx-exam-review__wrapper .fx-exam-review .fx-exam-review__items .fx-exam-review__item .fx-review-item.fx-review-item--c3 .no-spinners::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.fx-exam-review__wrapper .fx-exam-review .fx-exam-review__items .fx-exam-review__item .fx-review-item.fx-review-item--c3 span {
    width: 50%;
    margin-right: 15px;
    color: #343535;
    text-align: right;
    font-weight: 400
}

body[dor = rtl] .fx-exam-review__wrapper .fx-exam-review .fx-exam-review__items .fx-exam-review__item .fx-review-item.fx-review-item--c3 span {
    margin-left: 15px;
}

.fx-exam-review__wrapper .fx-exam-review .fx-exam-review__items .fx-exam-review__item .fx-review-item.fx-review-item--c3 .fx-grade__edit:hover {
    background-color: transparent
}

.fx-exam-review__wrapper .fx-exam-review .fx-exam-review__items .fx-exam-review__item .fx-review-item.fx-review-item--c4 {
    width: 28%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700
}

.fx-exam-review__wrapper .fx-exam-review .fx-exam-review__items .fx-exam-review__item .fx-review-item.fx-review-item--c4 span {
    padding-right: 10px;
    color: #7fb7be
}

body[dir = rtl] .fx-exam-review__wrapper .fx-exam-review .fx-exam-review__items .fx-exam-review__item .fx-review-item.fx-review-item--c4 span {
    padding-left: 10px;
}

.fx-exam-review__wrapper .fx-exam-review .fx-exam-review__items .fx-exam-review__item .fx-review-item.fx-review-item--c4 input {
    width: 80%;
    color: #343535;
    border: none;
    background-color: transparent;
    border-bottom: 2px solid #7fb7be
}

.fx-exam-review__wrapper .fx-exam-review .fx-exam-review__items .fx-exam-review__item .fx-review-item.fx-review-item--c5 {
    width: 15%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fx-exam-review__wrapper .fx-exam-review .fx-exam-review__items .fx-exam-review__item .fx-review-item.fx-review-item--c5 .fx-tfile__delete:hover {
    background-color: transparent
}

.fx-exam-review__wrapper .fx-exam-review .fx-exam-review__items .fx-exam-review__item .fx-review-item.fx-review-item--c5 .fx-tfile__upload {
    padding: 5px 5px;
    border-radius: 0;
    width: 100%;
    font-size: .94444rem;
    background-color: #7fb7be;
    color: #fcfcfc
}

.fx-exam-q {
    font-family: 'Open Sans Hebrew';
    font-size: .94444rem !important
}

.fx-exam-q .page-title {
    font-size: 1.11111rem;
    font-weight: 700;
    color: #686868
}

.fx-exam-q .fx-input,
.fx-student-import .fx-input {
    width: 100%;
    padding: 5px 10px;
    border: 1px solid #7fb7be;
    background-color: transparent;
    border-radius: 0;
    color: #686868 !important;
    font-size: 1.11111rem !important;
    font-weight: 700 !important
}

.fx-student-import .fx-input__wrapper,
.fx-student-import .fx-select__wrapper {
    padding: 10px 0;
}

.fx-student-import .fx-input-short {
    width: 50%;
    float: right;
}

body[dir = rtl] .fx-student-import .fx-input-short {
    float: left;
}

.fx-exam-q .fx-input.fx-input--select,
.fx-student-import .fx-input.fx-input--select {
    padding-left: 25px;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.fx-exam-q .fx-input.fx-input--select::-ms-expand,
.fx-student-import.fx-input.fx-input--select::-ms-expand {
    display: none
}

.fx-exam-q .fx-input.flatpickr,
.fx-student-import .fx-input.flatpickr {
    text-align: center
}

.fx-exam-q .delimiter,
.fx-student-import .delimiter {
    margin-top: 35px;
    margin-bottom: 30px;
    background-color: #eef2ff;
    border-top: solid 0px #CCC;
    border-bottom: solid 1px #999;
    outline: solid 2px #EEE;
    font-size: 0.9em;
    line-height: 13px;
    text-indent: 5px;
    text-align: center;
    color: #5d5d5d;
    letter-spacing: 1px;
    font-weight: bold;
    border-radius: 3px;
}


.abox {
    border-radius: 10px;
    margin: 20px 15px 15px 15px;
    padding: 5px 5px 10px 5px;
    border-left: solid 2px #CCC;
    display: none;
    float: left !important;
}

.abox.abox-MultipleChoice {
    display: block;
}

body[dir = rtl] .abox {
    border-left: unset;
    border-right: solid 2px #CCC;
    float: right !important;

}


.abox .numbering {
    width: 8px;
    font-size: 11px;
    font-weight: bold;
    font-style: italic;
    color: #b2b2b2;
    text-align: right;
    cursor: default;
    vertical-align: middle;
    padding: 5px;
}

.abox tr, .abox td {
    border-bottom: solid 1px #e7e7e7;
    border-top: solid 1px #ffffff;
}

.abox .imgAnswer {
    border-radius: 7px;
    border: 2px solid #ffffff;
    display: inline-block;
    margin: 0;
}

.abox .aImage {
    width: 25%;
    min-width: 150px;
    float: right;
    font-size: 0.7rem !important;
}

body[dir = rtl] .abox .aImage {
    float: left !important;

}


.abox .answer {
    padding: 3px 5px 3px 5px;
    margin: 0;
    display: block;
    min-height: 18px;
    font-size: 1.15em;
    text-decoration: none;
    color: #559;
}

.abox .divWithSelect {
    width: 100%;
}

.abox .divWithSelect:after {
    right: 5px !important;
}

body[dir = rtl] .abox .divWithSelect:after {
    right: unset !important;
    left: 5px !important;
}


.fx-exam-q .questionImageContainer *, #txtAnswer, .solution p {
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 0 10px 0;
    padding: 0;
    color: #359;
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

.fx-exam-q .questionImageContainer {
    text-align: center;
    padding: 30px;
}

.fx-exam-q .fx-select__wrapper {
    display: inline-block;
    position: relative
}

.fx-exam-q .fx-select__wrapper::after,
.fx-student-import .fx-select__wrapper::after,
.fx-teacher-import .fx-select__wrapper::after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    right: 25px;
    height: 100%;
    width: 12px;
    padding: 15px 0 0 8px;
    background-image: url(/public/img/icon/svg/LightArrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    color: #7fb7be;
    pointer-events: none
}


body[dir = rtl] .fx-exam-q .fx-select__wrapper::after,
body[dir = rtl] .fx-student-import .fx-select__wrapper::after,
body[dir = rtl] .fx-teacher-import .fx-select__wrapper::after {
    right: unset;
    left: 25px;
}


.fx-input.fx-input--select.disabled {
    cursor: none;
    pointer-events: none;
    opacity: .5
}

.fx-create-question .fx-input.fx-input--select {
    float: right;
    width: 47%;
}

body[dir = rtl] .fx-create-question .fx-input.fx-input--select {
    float: left;

}

.fx-exam-q .fx-select__wrapper.fx-select__wrapper--short,
.fx-student-import .fx-select__wrapper.fx-select__wrapper--short,
.fx-teacher-import .fx-select__wrapper.fx-select__wrapper--short {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fx-student-import .fx-select__wrapper.fx-select__wrapper--short,
.fx-teacher-import .fx-select__wrapper.fx-select__wrapper--short {
    position: relative;
}

.fx-exam-q .fx-select__wrapper.fx-select__wrapper--short .fx-label,
.fx-student-import .fx-select__wrapper.fx-select__wrapper--short .fx-label,
.fx-teacher-import .fx-select__wrapper.fx-select__wrapper--short .fx-label {
    width: 50%
}

.fx-exam-q .fx-select__wrapper.fx-select__wrapper--short .fx-input,
.fx-student-import .fx-select__wrapper.fx-select__wrapper--short .fx-input,
.fx-teacher-import .fx-select__wrapper.fx-select__wrapper--short .fx-input {
    width: 50%
}

.fx-exam-q .fx-select__wrapper.fx-select__wrapper--short::after,
.fx-student-import .fx-select__wrapper.fx-select__wrapper--short::after,
.fx-teacher-import .fx-select__wrapper.fx-select__wrapper--short::after {
    right: 10px
}

body[dir = rtl] .fx-exam-q .fx-select__wrapper.fx-select__wrapper--short::after,
body[dir = rtl] .fx-student-import .fx-select__wrapper.fx-select__wrapper--short::after,
body[dir = rtl] .fx-teacher-import .fx-select__wrapper.fx-select__wrapper--short::after {
    left: 10px;
    right: unset;
}

.fx-exam-q .fx-label,
.fx-student-import .fx-label,
.fx-teacher-import .fx-label {
    font-size: 1.11111rem !important;
    color: #7fb7be;
    font-weight: 700
}

.fx-exam-q .fx-label.fx-label--grey,
.fx-student-import .fx-label.fx-label--grey,
.fx-teacher-import .fx-label.fx-label--grey {
    color: #686868
}

.fx-exam-q .fx-btn,
.fx-student-import .fx-btn,
.fx-teacher-import .fx-btn {
    border-radius: 0 !important;
    font-family: 'Open Sans Hebrew';
    color: #fcfcfc;
    background-color: #7fb7be;
    font-size: 1rem;
    font-weight: 700
}

.fx-exam-q .fx-q-items {
    display: block
}

.fx-exam-q .fx-q-items .fx-q-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px
}

.fx-exam-q .fx-q-items .fx-q-item .fx-q-checkbox {
    cursor: pointer;
    width: 25px;
    height: 25px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(/public/img/icon/svg/box-checked.svg);
    background-color: transparent !important;
    margin-bottom: 5px
}

.fx-exam-q .fx-q-items .fx-q-item span {
    text-align: center
}

.fx-exam-q .fx-q-items .fx-q-item .fx-qc1 {
    width: 10%
}

.fx-exam-q .fx-q-items .fx-q-item .fx-qc2 {
    width: 10%
}

.fx-exam-q .fx-q-items .fx-q-item .fx-qc3 {
    width: 40%
}

.fx-exam-q .fx-q-items .fx-q-item .fx-qc4 {
    width: 40%
}

.fx-exam-q .fx-q-items .fx-q-item:nth-child(odd) {
    background: #ededed
}

.fx-exam-q .teachers-exams-table td:not(.td--icon) {
    width: 40%;
    font-size: 1.11111rem !important;
    color: #7fb7be;
    font-weight: 700;
    text-align: center
}

.fx-exam-q .teachers-exams-table .td--icon {
    text-align: center;
    width: 10%
}

.fx-exam-q .teachers-exams-table .td--icon .btnDownloadQuestionFile {
    display: block;
    cursor: pointer;
    width: 25px;
    height: 25px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(/public/img/icon/svg/PresentationDoc.svg)
}

.fx-exam-q .teachers-exams-table .td--icon .btnDownloadQuestionFile.doc {
    background-image: url(/public/img/icon/svg/WordDoc.svg)
}

.fx-exam-q .teachers-exams-table .td--icon .btnDownloadQuestionFile.excel {
    background-image: url(/public/img/icon/png/excel.png)
}

.fx-exam-q .teachers-exams-table .td--icon .btnDownloadQuestionFile.pdf {
    background-image: url(/public/img/icon/svg/PDFDoc.svg)
}

.fx-exam-q .teachers-exams-table .td--icon .btnDownloadQuestionFile.video {
    background-image: url(/public/img/icon/svg/VideoDoc.svg)
}

.fx-exam-q .teachers-exams-table .td--icon .btnViewEditQuestions {
    cursor: pointer;
    width: 25px;
    height: 25px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(/public/img/icon/svg/ContentSeen.svg)
}

.fx-exam-q .teachers-exams-table .td--icon .btnDelTeacherQuestion {
    display: block;
    cursor: pointer;
    width: 25px;
    height: 25px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(/public/img/icon/svg/box-checked.svg);
    border: none;
    border-radius: 0
}

.fx-exam-q .teachers-exams-table .td--icon .exam-question-accept {
    display: block;
    cursor: pointer;
    width: 25px;
    height: 25px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(/public/img/icon/svg/box-empty.svg)
}

.fx-exam-q .fx-select-wrapper {
    margin: 10px 0
}

.fx-exam-q .fx-select-wrapper .fx-deselect-all, .fx-exam-q .fx-select-wrapper .fx-select-all {
    margin-right: 15px;
    padding: 0;
    background-color: transparent;
    font-family: 'Open Sans Hebrew';
    color: #7fb7be;
    font-size: 1rem;
    font-weight: 700;
    padding-bottom: 3px;
    border-bottom: 2px solid #7fb7be;
    border-radius: 0
}

.fx-exam-req {
    font-family: 'Open Sans Hebrew';
    font-size: .94444rem !important
}

.fx-exam-req .page-title {
    font-size: 1.11111rem;
    font-weight: 700;
    color: #686868;
    margin-right: 30px
}

.fx-exam-req .fx-requirements .simplebar-content {
    padding-right: 30px !important
}

.fx-exam-req .fx-requirements .simplebar-scrollbar::before {
    background-color: #7fb7be !important
}

.fx-exam-req .fx-requirements .fx-requirements__text {
    font-family: 'Open Sans Hebrew';
    font-size: .88889rem !important;
    padding: 0 6px 0 6px;
    color: #a4a4a4;
    font-weight: 700;
    background-color: transparent !important;
    /*direction: rtl;*/
    text-align: justify;
    white-space: normal
}

.fx-exam-req .fx-requirements tbody td:first-child {
    width: 10%;
    padding: 5px 0;
}

.fx-exam-req .fx-requirements tbody td:nth-child(2) {
    width: 90%
}

.fx-exam-req .fx-checkbox-label {
    display: table-cell;
    vertical-align: middle;
    font-size: 1rem;
    color: #000
}

.fx-exam-req .fx-checkbox-label.fx-checkbox-label--text {
    cursor: pointer;
    padding: 5px 10px 0 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fx-exam-req table tr td {
    padding: 5px;
    border: none !important
}

.fx-exam-req table tr:nth-child(even) {
    background-color: #ededed
}

.fx-exam-req .fx-select-wrapper {
    margin: 10px 0 20px 0
}

.fx-exam-req .fx-select-wrapper .fx-deselect-all, .fx-exam-req .fx-select-wrapper .fx-select-all {
    margin-right: 15px;
    padding: 0;
    background-color: transparent;
    font-family: 'Open Sans Hebrew';
    color: #7fb7be;
    font-size: .94444rem;
    font-weight: 700;
    padding-bottom: 3px;
    border-bottom: 2px solid #7fb7be;
    border-radius: 0
}

.fx-exam-req .fx-checkbox {
    display: none
}

.fx-exam-req .fx-checkbox + .fx-checkbox-label {
    display: table-cell;
    cursor: pointer;
    width: 25px;
    height: 25px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(/public/img/icon/svg/box-empty.svg)
}

.fx-exam-req .fx-checkbox:checked + .fx-checkbox-label {
    background-image: url(/public/img/icon/svg/box-checked.svg)
}

.fx-exam-req .fx-btn {
    border-radius: 0 !important;
    font-family: 'Open Sans Hebrew';
    color: #fcfcfc;
    background-color: #7fb7be;
    font-size: 1rem;
    font-weight: 700
}

.fx-exam-exclude {
    font-family: 'Open Sans Hebrew'
}

.fx-exam-exclude .page-title {
    font-size: 1.11111rem;
    font-weight: 700;
    margin-right: 25px
}

.fx-exam-exclude .fx-msg__students {
    margin-top: 10px;
    max-height: 200px;
    overflow: auto;
}

.hiddenScroll {
    overflow: hidden !important;
}

.hidden-block {
    visibility: hidden;
}

.fx-exam-exclude .fx-msg__students .fx-msg__seldesel {
    font-size: 1rem;
    color: #7fb7be;
    font-weight: 700
}

.fx-exam-exclude .fx-msg__students .fx-msg__seldesel .fx-select {
    cursor: pointer
}

.fx-exam-exclude .fx-msg__students .fx-msg__student-list {
    margin-right: 25px;
    overflow: hidden;
    overflow-y: auto;
    /*direction: ltr;*/
    list-style-type: none;
    padding: 0
}

.fx-exam-exclude .fx-msg__students .fx-msg__student-list .fx-msg__student {
    display: table;
    /*direction: rtl;*/
    width: 100%
}

.fx-exam-exclude .fx-checkbox-label {
    display: table-cell;
    vertical-align: middle;
    font-size: 1rem;
    color: #000
}

.fx-exam-exclude .fx-checkbox-label.fx-checkbox-label--text {
    cursor: pointer;
    padding: 5px 10px 0 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fx-set-due-date {
    cursor: pointer;
    width: 35%;
    color: #7fb7be;
    font-family: 'Open Sans Hebrew';
    font-size: .88889rem;
    font-weight: 700;
    margin: 0 10px;
}

.fx-student-due-date {
    width: 25%;
    color: #7fb7be;
    font-family: 'Open Sans Hebrew';
    font-size: .88889rem;
    font-weight: 700;
    margin: 0 10px;
}

.fx-exam-exclude .fx-checkbox {
    display: none
}

.fx-exam-exclude .fx-checkbox + .fx-checkbox-label {
    display: table-cell;
    cursor: pointer;
    width: 25px;
    height: 25px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(/public/img/icon/svg/box-empty.svg)
}

.fx-exam-exclude .fx-checkbox:checked + .fx-checkbox-label {
    background-image: url(/public/img/icon/svg/box-checked.svg)
}

.fx-exam-exclude .fx-switcher {
    margin-right: 25px
}

.fx-exam-exclude .fx-switcher .pointer {
    font-family: 'Open Sans Hebrew';
    color: #7fb7be;
    font-size: .88889rem;
    font-weight: 700;
    border-bottom: 1px solid #7fb7be;
    margin-bottom: 5px
}

.fx-exam-exclude .fx-switcher .pointer:nth-child(2) {
    margin-right: 20px
}

.fx-exam-exclude .fx-btn {
    border-radius: 0;
    font-family: 'Open Sans Hebrew';
    color: #fcfcfc;
    background-color: #7fb7be;
    font-size: 1rem;
    font-weight: 700
}

.fx-exam-exclude .simplebar-content {
    margin-right: 5px !important
}

.fx-exam-exclude .simplebar-scrollbar::before {
    background-color: #7fb7be !important
}

.fx-modal--teacher .modal-body .fx-title__my {
    /*direction: ltr !important*/
}

.fx-modal--teacher .modal-body .fx-title__my:hover {
    cursor: auto
}

.fx-modal--teacher .modal-body .fx-btn__wrapper {
    text-align: left;
    margin-top: 15px
}

.fx-modal--teacher .fx-teacher-list {
    list-style-type: none !important;
    padding: 0;
    margin-top: 15px;
    margin-bottom: 0;
    color: #343535;
    font-family: 'Open Sans Hebrew';
    font-size: 1rem;
    font-weight: 300
}

.fx-teacher-content {
    font-family: 'Open Sans Hebrew';
    font-size: 1rem
}

.fx-teacher-content.replace-file {
    text-align: center;
}

.fx-teacher-content.replace-file .fx-tform .fx-tfile__name {
    color: #000 !important;
}

.fx-teacher-content.replace-file .fx-tform .fx-tform__name {
    display: block;
    margin: 25px auto 0;
    width: 55% !important;
}

.fx-teacher-content.modal-body .modal-title {
    margin: 0;
    padding: 0;
    border: none;
    text-decoration: none;
    color: #686868;
    font-size: 1.11111rem;
    font-weight: 700
}

.fx-teacher-content.modal-body .fx-tform,
.fx-teacher-content.modal-body .submodule_form {
    margin-top: 40px;
    margin-right: 10px
}

.fx-teacher-content.modal-body .fx-tform .fx-checkbox:hover {
    cursor: pointer
}

.fx-teacher-content.modal-body .fx-form-folder-name,
#liveClassAddContent .fx-form-folder-name {
    width: 100%;
    padding: 5px;
    color: #333333;
    border: 2px solid #7fb7be;
    padding-right: 20px;
    font-weight: 700;
    font-size: 1rem
}

.live-class-student-launch {
    display: block;
}

.blink-button {
    -webkit-animation-name: pulseButton;
    animation-name: pulseButton;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background-color: #c4002b !important;
}

.live-class-student-launch {
    margin-bottom: 10px;
}

.fx-live-classes-header {
    flex-direction: column;
    margin-bottom: 60px;
    margin-top: 20px;
}

.fx-live-classes-line--header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 10px;
    padding: 10px 15px 15px 30px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #eee;
    font-size: 0.7rem;
    font-family: 'Open Sans Hebrew';
    -webkit-transition: -webkit-box-shadow .3s ease-in-out;
    transition: -webkit-box-shadow .3s ease-in-out;
    transition: box-shadow .3s ease-in-out;
    transition: box-shadow .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
    color: black;
    font-weight: bold;
    box-shadow: 10px 11px 30px -16px rgba(0, 0, 0, .51);
    position: relative;
}

body[dir = rtl] .fx-live-classes-line--header,
body[dir = rtl] .fx-live-classes-line .fx-course-item {
    padding: 10px 30px 15px 15px;
}

.fx-live-classes-line .fx-course-item {
    font-size: 0.8rem;
    justify-content: center;
}

.fx-live-classes-line .fx-course-item .fx-courseName-item {
    width: 100%;
    display: block;
}

.fx-live-classes-line .fx-nocourses {
   padding-top: 20rem;
}

.fx-live-classes-line .fx-c1 {
    width: 25% !important;
}

.fx-live-classes-line .fx-c2 {
    width: 20% !important;
}

.fx-live-classes-line .fx-c3 {
    width: 15% !important;
}

.fx-live-classes-line .fx-c4 {
    width: 15% !important;
}

.fx-live-classes-line .fx-c5 {
    width: 15% !important;
}

.fx-live-classes-line .fx-c6 {
    width: 15% !important;
    min-width: 15% !important;
}
.fx-live-classes-line .fx-course-studentsCount {
   margin: auto 5px;
}

.fx-live-classes-line .fx-course-studentsLogo {
    margin-right: 0;
}

body[dir = rtl] .fx-live-classes-line .fx-course-studentsLogo {
    margin-right: unset;
    margin-left: 0;
}

.fx-live-class-date {
    flex-direction: column;
    width: 30%;
}

.fx-live-classes-menu {
    font-family: 'Open Sans Hebrew';
}

.fx-modal--live-class-students .in_live_class {
    pointer-events: none;
}

.fx-modal--live-class-students .in_live_class label {
    color: #7fb7be;
}

.fx-teacher-content.modal-body .fx-tform .fx-checkbox-label,
.fx-create-live-class .fx-checkbox-label {
    color: #7fb7be;
    font-size: 1rem;
    font-weight: 700;
    margin-right: 20px;
}

body[dir = rtl] .fx-create-live-class .fx-checkbox-label {
    margin-left: 20px;
    margin-right: 0;
}

body[dir = rtl] .fx-teacher-content.modal-body .fx-tform .fx-checkbox-label {
    margin-left: 20px;
    margin-right: 0;
}

.fx-teacher-content.modal-body .fx-tform .fx-checkbox-label:hover {
    cursor: pointer
}

.fx-teacher-content.modal-body .fx-tform .fx-type-title {
    margin-right: 20px;
}

body[dir = rtl] .fx-teacher-content.modal-body .fx-tform .fx-type-title {
    margin-left: 20px;
    margin-right: 0;
}

.fx-teacher-content.modal-body .fx-tform .fx-radio_file:checked ~ .fx-tform__file .fx-tfile__label, .fx-teacher-content.modal-body .fx-tform .fx-radio_file:checked ~ .fx-tform__file .fx-tfile__name {
    display: inline-block
}

.fx-teacher-content.modal-body .fx-tform .fx-radio_file:checked ~ .fx-tform__file .fx-url__input, .fx-teacher-content.modal-body .fx-tform .fx-radio_file:checked ~ .fx-tform__file .fx-url__label {
    display: none
}

.fx-teacher-content.modal-body .fx-tform .fx-radio_url:checked ~ .fx-tform__file .fx-tfile__label, .fx-teacher-content.modal-body .fx-tform .fx-radio_url:checked ~ .fx-tform__file .fx-tfile__name {
    display: none
}

.fx-teacher-content.modal-body .fx-tform .fx-radio_url:checked ~ .fx-tform__file .fx-url__input, .fx-teacher-content.modal-body .fx-tform .fx-radio_url:checked ~ .fx-tform__file .fx-url__label {
    display: inline-block
}

.fx-teacher-content.modal-body .fx-tform .fx-tform__file {
    margin-top: 15px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fx-teacher-content.modal-body .fx-tform .fx-tform__file .fx-url__label {
    width: 10%;
    color: #7fb7be;
    font-size: 1rem;
    font-weight: 700;
    text-align: center
}

.fx-teacher-content.modal-body .fx-tform .fx-tform__file .fx-url__input {
    width: 58%;
    font-size: 1rem;
    padding: 5px;
    color: #a4a4a4;
    border: 2px solid #7fb7be;
    padding-right: 20px;
    font-weight: 700
}

.fx-teacher-content.modal-body .fx-tform .fx-tform__name,
.fx-teacher-content.modal-body .submodule_form .fx-tform__name {
    width: 50%;
    padding: 5px;
    color: #a4a4a4;
    border: 2px solid #7fb7be;
    padding-right: 20px;
    font-weight: 700;
    font-size: 1rem
}

.fx-teacher-content.modal-body .submodule_form .fx-tform__name {
    width: 98%;
    border: 1px solid #7fb7be;
}

.fx-teacher-content.modal-body .fx-tform .fx-tfile__input {
    display: none
}

.fx-teacher-content.modal-body .fx-tform .fx-tfile__label {
    width: 20%;
    margin: 0;
    font-size: 1rem;
    padding: 5px 10px;
    text-align: center;
    border: 2px solid #7fb7be;
    color: #fcfcfc;
    background-color: #7fb7be;
    font-weight: 700
}

.fx-teacher-content.modal-body .fx-tform .fx-tfile__label:hover {
    cursor: pointer
}

.fx-teacher-content.modal-body .fx-tform .fx-tfile__name,
.fx-exam-review .fx-tfile__name {
    width: 25%;
    color: #7fb7be;
    font-size: .88889rem;
    text-align: center;
    -ms-flex-item-align: end;
    align-self: flex-end;
    word-wrap: break-word
}

.fx-teacher-content.modal-body .fx-tform .fx-tadd {
    width: 40px;
    height: 40px;
    background-color: #7fb7be
}

.fx-teacher-content.modal-body .fx-tform .fx-tadd .fx-tform__add {
    width: 100%;
    height: 100%;
    padding: 7px;
    border: none;
    background-color: transparent;
    background-clip: content-box;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/public/img/icon/add-message.png)
}

.fx-teacher-content.modal-body .fx-tcontent-header {
    width: -webkit-calc(100% - 10px);
    width: calc(100% - 10px);
    margin-right: 10px;
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    color: #fcfcfc;
    padding: 5px 0;
    background-color: #7fb7be
}

.fx-teacher-content.modal-body .fx-tcontent-header .fx-theader {
    padding-right: 20px;
    text-align: center
}

.fx-teacher-content.modal-body .fx-tcontent-header .fx-theader.fx-theader--name {
    width: 15%;
    text-align: right
}

.fx-teacher-content.modal-body .fx-tcontent-header .fx-theader.fx-theader--empty {
    width: 50%;
    text-align: right
}

.fx-teacher-content.modal-body .fx-tcontent-header .fx-theader.fx-theader--descr {
    width: 30%
}

.fx-teacher-content.modal-body .fx-tcontent-items {
    width: 100%;
    margin-top: 20px;
    padding-bottom: 20px
}

.fx-teacher-content.modal-body .fx-tcontent-items .fx-tcontent-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fx-teacher-content.modal-body .fx-tcontent-items .fx-tcontent-item:nth-child(n+2) {
    margin-top: 20px
}

.fx-teacher-content.modal-body .fx-tcontent-items .fx-tcontent-item .fx-titem--icon {
    width: 15%;
    text-align: right;
    padding-right: 10px
}

.fx-teacher-content.modal-body .fx-tcontent-items .fx-tcontent-item .fx-titem--icon img {
    width: 40px;
    height: 40px
}

.fx-teacher-content.modal-body .fx-tcontent-items .fx-tcontent-item .fx-titem--name {
    width: 50%;
    font-weight: 700
}

.fx-teacher-content.modal-body .fx-tcontent-items .fx-tcontent-item .fx-titem--name a {
    color: #000
}

.fx-teacher-content.modal-body .fx-tcontent-items .fx-tcontent-item .fx-titem--add {
    width: 30%;
    height: 40px
}

.fx-teacher-content.modal-body .fx-tcontent-items .fx-tcontent-item .fx-titem--add .fx-titem__btn {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 5px 10px;
    font-size: 1rem;
    background-color: #7fb7be;
    color: #fcfcfc;
    font-weight: 700;
    border: none
}

.fx-teacher-content.modal-body .fx-tcontent-items .simplebar-scrollbar::before {
    background-color: #7fb7be !important
}

.fx-teacher-content.modal-body .fx-cgroup__title {
    display: inline-block;
    margin-right: 10px;
    margin-top: 15px;
    color: #a4a4a4;
    font-size: 1.11111rem;
    padding-right: 10px;
    font-weight: 700
}

.fx-teacher-content.modal-body .fx-cgroup__wrapper {
    position: relative;
    margin-right: 10px;
    margin-top: 15px
}

.fx-teacher-content.modal-body .fx-cgroup__wrapper::after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    right: 10px;
    height: 100%;
    width: 12px;
    padding: 15px 0 0 8px;
    background-image: url(/public/img/icon/svg/LightArrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    color: #a4a4a4;
    pointer-events: none
}

body[dir = rtl] .fx-teacher-content.modal-body .fx-cgroup__wrapper::after {
    left: 10px;
    right: unset;
}

.fx-teacher-content.modal-body .fx-cgroups__input {
    border: 1px solid #7fb7be;
    padding: 5px 10px;
    width: 100%;
    margin: 0;
    color: #a4a4a4;
    font-size: 1.11111rem;
    font-weight: 700;
    background-color: transparent
}

.fx-teacher-content.modal-body .fx-cgroups__input.flatpickr {
    background-position: right 10px center;
    background-size: 25px 25px;
    padding: 8px 10px;
    background-image: url(/public/img/icon/svg/calendar.svg);
    background-repeat: no-repeat
}

.fx-teacher-content.modal-body .fx-cgroups__select {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.fx-teacher-content.modal-body .fx-cgroups__select::-ms-expand {
    display: none
}

.fx-teacher-content.modal-footer .btnSendContentFile,
.submodule_form input[type="submit"] {
    background: #7fb7be;
    margin: 0;
    padding: 5px 50px;
    text-align: center;
    border: 2px solid #7fb7be;
    color: #fcfcfc;
    background-color: #7fb7be;
    font-weight: 700
}

.submodule_form input[type="submit"] {
    margin: 30px auto 0;
    display: block;
}

.fx-teacher-content.modal-footer .btnSendContentFile:hover,
.submodule_form input[type="submit"] {
    cursor: pointer
}

.fx-exam-release {
    font-family: 'Open Sans Hebrew'
}

.fx-exam-release .page-title {
    font-size: 1.11111rem;
    font-weight: 700
}

.fx-exam-release .fx-release__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 10px;
    background-color: #7fb7be
}

.fx-exam-release .fx-release__header span {
    width: 20%;
    color: #fcfcfc;
    font-family: 'Open Sans Hebrew';
    font-size: .88889rem;
    font-weight: 700;
    text-align: center
}

.fx-exam-release .fx-release__header span:nth-child(1) {
    text-align: left;
    width: 40%
}


body[dir = rtl] .fx-exam-release .fx-release__header span:nth-child(1) {
    text-align: right;
}

.fx-exam-release .fx-release__items {
    max-height: 200px;
    overflow: auto;
}

.fx-exam-release .fx-release__items .fx-release__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 10px;
    background-color: #fcfcfc
}

.fx-exam-release .fx-release__items .fx-release__item.fx-release__item--terminated {
    background-color: #dbe8e2
}

.fx-exam-release .fx-release__items .fx-release__item span {
    width: 40%;
    text-align: left;
    color: #000;
    font-family: 'Open Sans Hebrew';
    font-size: .88889rem
}


body[dir = rtl] .fx-exam-release .fx-release__items .fx-release__item span {
    text-align: right;
}

.fx-exam-release .fx-release__items .fx-release__item .custom-radio {
    width: 20%;
    text-align: center
}

.fx-exam-release .fx-switcher {
    margin-top: 25px
}

.fx-exam-release .fx-switcher .pointer {
    font-family: 'Open Sans Hebrew';
    color: #000;
    font-size: .88889rem;
    font-weight: 700
}

.fx-exam-release .fx-switcher .fx-delimiter {
    margin: 0 5px
}

.fx-exam-release .fx-switcher .fx-delimiter::after {
    content: '/';
    font-family: 'Open Sans Hebrew';
    color: #000;
    font-size: .88889rem
}

.fx-exam-release .fx-btn {
    border-radius: 0 !important;
    font-family: 'Open Sans Hebrew';
    color: #fcfcfc;
    background-color: #7fb7be;
    font-size: 1rem;
    font-weight: 700
}

.fx-exam-release .custom-radio input[type=radio]:checked + label::after {
    width: 9px;
    height: 9px;
    right: 2px;
    top: 5px
}

.fx-exam-release .simplebar-scrollbar::before {
    background-color: #7fb7be !important
}

.fx-modal--publish-content .modal-dialog {
    font-family: 'Open Sans Hebrew';
    font-size: .88889rem
}

.fx-modal--publish-content .modal-body {
    padding: 0 !important
}

.fx-modal--publish-content .modal-body .fx-filter__all {
    display: block;
    width: 25px;
    height: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(/public/img/icon/png/show-hide.png)
}

.fx-modal--publish-content .modal-body .fx-filter__all.fx-filter__all--hidden {
    opacity: 0;
    pointer-events: none
}

.fx-modal--publish-content .modal-body .fx-filter.fx-filter--disabled {
    /*opacity: .6*/
}

.fx-modal--publish-content .modal-body .fx-filter.fx-filter--hidden {
    opacity: 0;
    pointer-events: none
}

.fx-modal--publish-content .modal-body .fx-filter .fx-filter__select {
    width: 100%
}


.fx-modal--publish-content .modal-body .fx-filter--disabled .fx-filter__select {
    opacity: 0.6;
}

.fx-modal--publish-content .modal-body .main-page-container__inner {
    padding: 0;
    margin: 0
}

.fx-modal--publish-content .modal-body .row {
    padding: 0;
    margin: 0;
    border: none
}

.fx-modal--publish-content .modal-body form {
    margin-top: 30px
}

.fx-modal--publish-content .modal-body .jq-selectbox__select {
    border: 2px solid #7fb7be !important
}

.fx-modal--publish-content .modal-body .jq-selectbox__select .jq-selectbox__trigger-arrow {
    display: none
}

.fx-modal--publish-content .modal-body .jq-selectbox__select .jq-selectbox__trigger {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 60%;
    background-image: url(/public/img/icon/svg/LightArrow.svg)
}

.fx-modal--publish-content .modal-body .fx-checkbox__cell {
    /*direction: ltr*/
}

.fx-modal--publish-content .modal-body .fx-check-uncheck {
    text-align: left
}

.fx-modal--publish-content .modal-body .fx-check-uncheck > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.fx-modal--publish-content .modal-body .fx-check-uncheck .fx-check-sign {
    font-size: 1rem;
    font-weight: 700;
    color: #000
}

.fx-modal--publish-content .modal-body .fx-check-uncheck .fx-check-all, .fx-modal--publish-content .modal-body .fx-check-uncheck .fx-uncheck-all {
    color: #7fb7be;
    font-family: 'Open Sans Hebrew';
    font-size: .88889rem;
    font-weight: 700;
    background: 0 0;
    padding: 0
}

.fx-modal--publish-content .modal-body table {
    border-collapse: separate;
    border-spacing: 0 1em
}

.fx-modal--publish-content .modal-body tr td {
    font-weight: 700;
    background-color: #e4e4e4 !important
}

.fx-modal--publish-content .modal-body .list_button.blue {
    cursor: pointer;
    width: 30px;
    height: 30px;
    margin: 0 15px;
    display: block;
    margin-left: auto;
    text-align: center;
    margin-right: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/public/img/icon/svg/ContentSeen.svg)
}

.fx-modal--publish-content .modal-body .fx-checkbox {
    display: none
}

.fx-modal--publish-content .modal-body .fx-checkbox + .fx-checkbox-label {
    cursor: pointer;
    display: block;
    margin: 7px 10px 3px 0;
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/public/img/icon/svg/Box.svg)
}

.fx-modal--publish-content .modal-body .fx-checkbox:checked + .fx-checkbox-label {
    width: 30px;
    height: 30px;
    margin: 0;
    background-image: url(/public/img/icon/svg/BoxWithCheckmark.svg);
    float: right;
}

body[dir = rtl] .fx-modal--publish-content .modal-body .fx-checkbox:checked + .fx-checkbox-label {
    float: left;
}

.fx-modal--publish-content .modal-body .fx-publish-content.fx-publish-content--hidden {
    display: none
}

.fx-modal--publish-content .modal-body .fx-publish-content .fx-cgroup__title {
    display: inline-block;
    margin-right: 10px;
    margin-top: 15px;
    color: #686868;
    font-size: 1.11111rem;
    padding-right: 10px;
    font-weight: 700
}

.fx-modal--publish-content .modal-body .fx-publish-content .fx-cgroup__wrapper {
    position: relative;
    margin-right: 10px;
    margin-top: 15px
}

.fx-modal--publish-content .modal-body .fx-publish-content .fx-cgroup__wrapper::after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    right: 10px;
    height: 100%;
    width: 12px;
    padding: 15px 0 0 8px;
    background-image: url(/public/img/icon/svg/LightArrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    color: #686868;
    pointer-events: none
}

body[dir = rtl] .fx-modal--publish-content .modal-body .fx-publish-content .fx-cgroup__wrapper::after {
    right: unset;
    left: 10px;
}

.fx-modal--publish-content .modal-body .fx-publish-content .fx-cgroups__input {
    border: 1px solid #7fb7be;
    padding: 5px 10px;
    width: 100%;
    margin: 0;
    color: #686868;
    font-size: 1.11111rem;
    font-weight: 700;
    background-color: transparent
}

.fx-modal--publish-content .modal-body .fx-publish-content .fx-cgroups__input.flatpickr {
    background-position: right 10px center;
    background-size: 25px 25px;
    padding: 8px 10px;
    background-image: url(/public/img/icon/svg/calendar.svg);
    background-repeat: no-repeat
}

.fx-modal--publish-content .modal-body .fx-publish-content .fx-cgroups__select {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.fx-modal--publish-content .modal-body .fx-publish-content .fx-cgroups__select::-ms-expand {
    display: none
}

.fx-modal--publish-content .modal-body .fx-no-content.fx-no-content--hidden {
    display: none
}

.fx-modal--publish-content .modal-body .fx-filter__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.fx-modal--publish-content .modal-body .fx-filter__wrapper .fx-filter:not(.fx-filter--small) {
    margin-top: 10px;
    width: 32%;
    position: relative;
}

.fx-topicWrapper, .fx-mSubjectWrapper, .fx-subjectWrapper {
    margin-top: 10px;
    width: 32%;
    position: relative;
    display: none;
    border: 1px solid #7fb7be;
}

body[dir = rtl] .fx-addedInput {

}

.fx-topicInput, .fx-mSubjectInput, .fx-subjectInput {
    border: none;
    padding: 5px 10px;
    width: 80%;
    display: table-cell;
    margin: 0;
    color: #686868;
    font-size: 1rem;
    font-weight: 700;
    background-color: transparent;
    position: relative;
    -webkit-appearance: none;
}

.fx-save {
    background-image: url(/public/img/icon/Checkmark.png);
    cursor: pointer;
    background-size: contain;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    position: absolute;
    right: 25px;
    top: 10px;
}

body[dir = rtl] .fx-save {
    right: unset;
    left: 25px;

}

.fx-cancel {
    position: absolute;
    right: 8px;
    top: 6px;
    color: #7fb7be;
    font-size: 21px;
    font-weight: bold;
    cursor: pointer;
}

body[dir = rtl] .fx-cancel {
    left: 8px;
    right: unset;
}

.fx-modal--publish-content .modal-body .fx-filter__wrapper .fx-filter--small {
    margin-top: 10px
}

.fx-modal--publish-content .modal-body .fx-filter__select {
    border: 1px solid #7fb7be;
    padding: 5px 10px;
    width: 100%;
    display: table-cell;
    margin: 0;
    color: #686868;
    font-size: 1rem;
    font-weight: 700;
    background-color: transparent;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.fx-modal--publish-content .modal-body .fx-filter__select::-ms-expand {
    display: none
}

.fx-modal--publish-content .modal-body .fx-filter--msubject::after, .fx-modal--publish-content .modal-body .fx-filter--subject::after,
.fx-modal--publish-content .modal-body .fx-filter--topic::after, .fx-filterTms::after,
.fx-courses-header .fx-course-filter::after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    right: 10px;
    height: 100%;
    width: 12px;
    padding: 15px 0 0 8px;
    background-image: url(/public/img/icon/svg/LightArrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    color: #7fb7be;
    pointer-events: none
}

body[dir = rtl] .fx-modal--publish-content .modal-body .fx-filter--msubject::after,
body[dir = rtl] .fx-modal--publish-content .modal-body .fx-filter--subject::after,
body[dir = rtl] .fx-modal--publish-content .modal-body .fx-filter--topic::after,
body[dir = rtl] .fx-modal--publish-content .modal-body .fx-filterTms::after,
body[dir = rtl] .fx-courses-header .fx-course-filter::after {
    left: 10px;
    right: unset;
}


.fx-modal--publish-content .modal-body .fx-filter--disabled::after {
    opacity: 0.6;
}

.fx-modal--publish-content .modal-body .fx-content__controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 15px;
    padding-right: 0
}

.fx-modal--publish-content .modal-body .fx-content__controls .fx-ccontrol__view {
    padding: 0 5px;
    width: 20%;
    text-align: center
}

.fx-modal--publish-content .modal-body .fx-content__controls .fx-ccontrol__name {
    width: 50%
}

.fx-modal--publish-content .modal-body .fx-content__controls .fx-ccontrol__check {
    padding: 0 5px;
    width: 30%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.fx-modal--publish-content .modal-body .fx-content__items {
    overflow: hidden;
    overflow-y: auto;
    /*direction: ltr*/
}

.fx-modal--publish-content .modal-body .fx-content__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 15px;
    font-weight: 700;
    background-color: #e4e4e4;
    padding: 5px 15px;
    padding-right: 0;
    flex-direction: row-reverse;
}

.fx-modal--publish-content .modal-body .fx-content__item:nth-child(1) {
    margin-top: 0
}

.fx-modal--publish-content .modal-body .fx-content__item .fx-citem__view {
    padding: 0 5px;
    width: 20%
}

.fx-modal--publish-content .modal-body .fx-content__item .fx-citem__name {
    width: 50%
}

.fx-modal--publish-content .modal-body .fx-content__item .fx-citem__check {
    padding: 0 5px;
    width: 30%;
    /*direction: ltr*/
}

.fx-modal--publish-content .modal-footer {
    text-align: right;
}

body[dir = rtl] .fx-modal--publish-content .modal-footer {
    text-align: left;
}

.fx-modal--publish-content .modal-footer input {
    color: #fcfcfc;
    background-color: #7fb7be;
    font-weight: 700;
    padding: 5px 40px !important;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: 1px 4px 16px 0 rgba(84, 84, 84, .8);
    box-shadow: 1px 4px 16px 0 rgba(84, 84, 84, .8)
}

.fx-modal--publish-content .modal-footer .fx-publish-content.fx-publish-content--hidden {
    display: none
}

.fx-modal__header--csettings {
    display: block
}

.fx-modal__body--csettings {
    font-family: 'Open Sans Hebrew'
}

.fx-modal__body--csettings .fx-csettings__title {
    color: #686868;
    font-size: 1.11111rem;
    font-weight: 700
}

.fx-modal__body--csettings .fx-csettings__form,
.fx-create-live-class {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 30px
}

.fx-create-live-class {
    align-items: flex-start;
}

.fx-modal__body--csettings .fx-csettings__form .fx-csettings__item {
    width: 48%;
    display: table;
    margin-top: 15px;
    position: relative
}

.fx-create-live-class .fx-csettings__item {
    width: 100%;
    display: flex;
    margin-top: 15px;
    position: relative;
    justify-content: flex-end;
    align-items: flex-end;
}


.fx-settings-checkbox {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
}

.fx-input-box {
    display: inline-block;
}

.fx-input-box input {
    width: 20px;
    height: 20px;
    margin: 10px;
    vertical-align: bottom;
}

.fx-input-box .fx-checkbox:checked + .fx-checkbox-label {
    background-image: url(/public/img/icon/svg/box-checked.svg)
}

.fx-input-box label {
    font-size: 1rem;
    color: #7fb7be;
    font-weight: 700;
    vertical-align: 40%;
}

.fx-live-class-title {
    color: #3a3a3a;
    font-family: 'Open Sans Hebrew';
    font-size: 1.5rem;
    font-weight: 700;
}

form.fx-create-live-class {
    /*max-width: 1000px;*/
}

.fx-create-live-class .fx-csettings__items_group {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.fx-modal__body--csettings .fx-csettings__form .fx-csettings__item.fx-csettings__item--fullrow,
.fx-create-live-class .fx-csettings__item.fx-csettings__item--fullrow {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fx-create-live-class .fx-csettings__item.fx-csettings__item--fullrow {
    align-items: flex-end;
}

.fx-modal__body--csettings .fx-csettings__form .fx-csettings__item.fx-csettings__item--select::after,
.fx-create-live-class .fx-csettings__item.fx-csettings__item--select::after {
    display: block;
    content: '';
    position: absolute;
    top: -10px;
    right: 10px;
    height: 100%;
    width: 12px;
    padding: 15px 0 0 8px;
    background-image: url(/public/img/icon/svg/LightArrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    color: #7fb7be;
    pointer-events: none
}

body[dir = rtl] .fx-modal__body--csettings .fx-csettings__form .fx-csettings__item.fx-csettings__item--select::after,
body[dir = rtl] .fx-create-live-class .fx-csettings__item.fx-csettings__item--select::after {
    top: 0;
    left: 10px;
    right: unset;
}

@media (max-width: 991px) {
    .fx-create-live-class .fx-csettings__item {
        flex-direction: column;
    }
}

.fx-modal__body--csettings .fx-csettings__form .fx-csettings__label,
.fx-create-live-class .fx-csettings__label {
    width: 42%;
    display: table-cell;
    font-size: 15px;
    color: #7fb7be;
    font-weight: 700;
    text-align: left;
    padding-left: 10px;
    vertical-align: middle;
}

.fx-create-live-class .fx-csettings__label {
    text-align: start;
    max-width: 250px;
}

body[dir = rtl] .fx-modal__body--csettings .fx-csettings__form .fx-csettings__label,
body[dir = rtl] .fx-create-live-class .fx-csettings__label {
    font-size: 1rem;
}

.fx-popup-checkbox {
    text-align: left;
    width: 100% !important;
}

body[dir = rtl] .fx-popup-checkbox {
    text-align: right;
}


.fx-modal__body--csettings .fx-csettings__form .fx-csettings__input,
.fx-create-live-class .fx-csettings__input {
    border: 1px solid #7fb7be;
    padding: 5px 10px;
    width: 100%;
    display: table-cell;
    margin: 0;
    color: #686868;
    font-size: 1.11111rem;
    font-weight: 700;
    background-color: transparent
}

.create-presenter-form {
    display: block;
    margin-right: auto;
}

body[dir = rtl]  .create-presenter-form {
    display: block;
    margin-left: auto;
    margin-right: 0;
}

.fx-create-live-class .fx-csettings__input.fx-short-input {
    width: 250px;
}

.fx-modal__body--csettings .fx-csettings__form .fx-csettings__input.flatpickr,
.fx-create-live-class .fx-csettings__input.flatpickr {
    background-position: right 10px center;
    background-size: 25px 25px;
    padding: 8px 40px 8px 10px;
    background-image: url(/public/img/icon/svg/calendar.svg);
    background-repeat: no-repeat
}

body[dir = rtl] .fx-create-live-class .fx-csettings__input.flatpickr {
    background-position: left 10px center;
    padding: 8px 10px 8px 40px;
}

.fx-create-live-class .fx-csettings__input.flatpickr.time {
    background-image: url(/public/img/icon/svg/test.svg);
    cursor: pointer;
}

.fx-create-live-class .fx-csettings__input.flatpickr.date-time {
    background-image: url(/public/img/icon/svg/test.svg),url(/public/img/icon/svg/calendar.svg);
    cursor: pointer;
    background-position-x: calc(100% - 5px), calc(100% - 35px);
}

body[dir = rtl]  .fx-create-live-class .fx-csettings__input.flatpickr.date-time {
    background-image: url(/public/img/icon/svg/test.svg),url(/public/img/icon/svg/calendar.svg);
    cursor: pointer;
    background-position-x: 5px, 35px !important;
}

.fx-modal__body--csettings .fx-csettings__form .fx-csettings__select,
.fx-create-live-class .fx-csettings__select {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.fx-modal__body--csettings .fx-csettings__form .fx-csettings__select::-ms-expand {
    display: none
}

.fx-modal__body--csettings .fx-csettings__form .fx-checkbox-label,
.fx-create-live-class .fx-checkbox-label {
    width: 80%;
    display: table-cell;
    vertical-align: middle;
    font-size: 1rem;
    color: #7fb7be;
    font-weight: 700;
    padding-left: 5px;
    float: left;
}

body[dir = rtl] .fx-modal__body--csettings .fx-csettings__form .fx-checkbox-label {
    padding-right: 5px;
    float: right;
}

body[dir = rtl] .fx-create-live-class .fx-checkbox-label {
    padding-right: 40px;
    float: right;
}

.fx-modal__body--csettings .fx-csettings__form .fx-checkbox,
.fx-create-live-class .fx-checkbox,
.formFactor-list .fx-checkbox {
    display: none
}

.fx-modal__body--csettings .fx-csettings__form .fx-checkbox + .fx-checkbox-label,
.fx-create-live-class .fx-checkbox + .fx-checkbox-label,
.formFactor-list .fx-checkbox + .fx-checkbox-label {
    display: table-cell;
    cursor: pointer;
    width: 25px;
    height: 25px;
    background-size: contain;
    /*background-position: center;*/
    background-repeat: no-repeat;
    background-image: url(/public/img/icon/svg/box-empty.svg);
    background-position: 2px 0px;
}

.formFactor-list .fx-checkbox + .fx-checkbox-label {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}

.fx-create-live-class .fx-checkbox + .fx-checkbox-label {
    background-position: left;
}

body[dir = rtl] .fx-create-live-class .fx-checkbox + .fx-checkbox-label {
    background-position: right;
}

.fx-modal__body--csettings .fx-csettings__form .fx-checkbox:checked + .fx-checkbox-label,
.fx-create-live-class .fx-checkbox:checked + .fx-checkbox-label,
.formFactor-list .fx-checkbox:checked + .fx-checkbox-label {
    background-image: url(/public/img/icon/svg/box-checked.svg)
}

.fx-create-live-class .fx-checkbox-label.fx-create-live-class-label {
    width: auto;
    padding-left: 40px;
    min-width: 200px;
}

.fx-create-live-class .fx-checkbox-label.fx-create-live-class-label2 {
    width: 40px;
}

.fx-modal__body--csettings .fx-csettings__mgs {
    display: none !important
}

.fx-modal__footer--csettings {
    padding: 0 10px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.fx-modal__footer--csettings::before {
    content: none
}

.fx-modal__header--profile {
    display: block
}

.fx-modal__body--profile {
    font-family: 'Open Sans Hebrew';
    height: auto
}

.fx-modal__body--profile .fx-profile__title {
    display: table-cell;
    vertical-align: top;
    color: #686868;
    font-size: 1.11111rem;
    font-weight: 700
}

.fx-modal__body--profile .fx-profile__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 30px
}

.fx-modal__body--profile .fx-profile__form .fx-profile__image {
    display: table;
    /*direction: trl;*/
    width: 100%
}

.fx-modal__body--profile .fx-profile__form .fx-profile__image .photo-block {
    display: table-cell;
    width: 120px;
    text-align: center
}

.fx-modal__body--profile .fx-profile__form .fx-profile__image .photo-block .change-avatar {
    width: 100px;
    height: 100px;
    margin: 0;
    border: none;
    padding: 0
}

.fx-modal__body--profile .fx-profile__form .fx-profile__image .photo-block .fx-profile__text {
    margin-top: 10px;
    display: block;
    color: #7fb7be;
    font-size: .88889rem;
    font-weight: 700
}

.fx-modal__body--profile .fx-profile__form .fx-profile__item {
    display: table;
    position: relative;
    width: 100%;
    margin-top: 10px
}

.fx-modal__body--profile .fx-profile__form .fx-profile__item.fx-profile__item--title {
    margin-top: 20px
}

.fx-modal__body--profile .fx-profile__form .fx-profile__label {
    display: table-cell;
    width: 27%;
    color: #7fb7be;
    font-size: .88889rem;
    font-weight: 700;
    text-align: left;
    vertical-align: middle;
}

body[dir = rtl] .fx-modal__body--profile .fx-profile__form .fx-profile__label {
    width: 20%;
}

body[dir = rtl] .fx-modal__body--profile .fx-profile__form .fx-profile__label {
    text-align: right;
}

.fx-modal__body--profile .fx-profile__form .fx-profile__label.fx-profile__label--title {
    color: #686868
}

.fx-modal__body--profile .fx-profile__form .fx-profile__input {
    display: table-cell;
    width: 49%;
    padding: 5px 10px;
    border: 1px solid #7fb7be;
    background-color: transparent;
    border-radius: 0;
    color: #686868;
    font-size: .94444rem;
    font-weight: 700;
    float: left;
    text-align: left;
}

#addressMaleModal .fx-profile__input {
    width: 100%;
    font-size: 1.11111rem !important;
}

body[dir = rtl] .fx-modal__body--profile .fx-profile__form .fx-profile__input {
    float: right;
    text-align: right;
}

.fx-modal__body--profile .fx-profile__form .fx-profile__input.fx-profile__input--half {
    width: 49%
}

body[dir = rtl] .fx-modal__body--profile .fx-profile__form .fx-profile__input.fx-profile__input--half:nth-child(2) {
    margin-left: 2%
}

body[dir = ltr] .fx-modal__body--profile .fx-profile__form .fx-profile__input.fx-profile__input--half:nth-child(2) {
    margin-right: 2%
}

.fx-modal__body--profile .fx-profile__form .fx-profile__input.fx-profile__input--third {
    width: 32%
}

.fx-modal__body--profile .fx-profile__form .fx-profile__input.fx-profile__input--third:nth-child(2) {
    margin: 0 1%
}

.fx-modal__body--profile .fx-profile__form .fx-profile__input.fx-profile__input--calendar {
    background-color: transparent;
    background-position: right 5px center;
    background-size: 20px 20px;
    padding-right: 35px;
    background-image: url(/public/img/icon/svg/calendar.svg);
    background-repeat: no-repeat
}

.fx-modal__body--profile .fx-profile__form .fx-profile__input.fx-profile__input--skype {
    background-color: transparent;
    background-position: left 5px center;
    background-size: 25px 25px;
    padding-right: 35px;
    background-image: url(/public/img/icon/png/skype.png);
    background-repeat: no-repeat;
}

.fx-modal__body--profile .fx-profile__form .fx-profile__input.fx-profile__input--facebook {
    background-color: transparent;
    background-position: left 5px center;
    background-size: 25px 25px;
    padding-right: 35px;
    background-image: url(/public/img/icon/png/facebook.png);
    background-repeat: no-repeat
}

.fx-modal__body--profile .fx-profile__form .fx-profile__input.fx-profile__input--linkedin {
    background-color: transparent;
    background-position: left 5px center;
    background-size: 25px 25px;
    padding-right: 35px;
    background-image: url(/public/img/icon/png/linkedin.png);
    background-repeat: no-repeat
}


body[dir = rtl] .fx-modal__body--profile .fx-profile__form .fx-profile__input.fx-profile__input--skype,
body[dir = rtl] .fx-modal__body--profile .fx-profile__form .fx-profile__input.fx-profile__input--facebook,
body[dir = rtl] .fx-modal__body--profile .fx-profile__form .fx-profile__input.fx-profile__input--linkedin {
    background-position: right 5px center;
}

.fx-modal__body--profile .fx-profile__form .fx-checkbox-label {
    color: #7fb7be;
    font-size: .88889rem;
    font-weight: 700;
    vertical-align: middle;
    float: left;
}

body[dir = rtl] .fx-modal__body--profile .fx-profile__form .fx-checkbox-label {
    float: right;
}

.fx-modal__body--profile .fx-profile__form .fx-checkbox {
    display: none
}

.fx-modal__body--profile .fx-profile__form .fx-checkbox + .fx-checkbox-label {
    display: table-cell;
    cursor: pointer;
    width: 25px;
    height: 25px;
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    background-image: url(/public/img/icon/svg/box-empty.svg)
}

.fx-modal__body--profile .fx-profile__form .fx-checkbox:checked + .fx-checkbox-label {
    background-image: url(/public/img/icon/svg/box-checked.svg)
}

.fx-modal__footer--profile {
    text-align: center !important
}

.fx-modal--msg-send .modal-dialog {
    font-family: 'Open Sans Hebrew'
}

.fx-modal--msg-send .modal-body {
    /*direction: ltr*/
}

.fx-modal--msg-send .modal-body .fx-msg__container {
    color: #7fb7be;
    /*direction: rtl;*/
    font-size: 1rem
}

.fx-modal--msg-send .modal-body .fx-msg__container.fx-msg__container--hidden {
    display: none
}

.fx-modal--msg-send .modal-body .fx-msg__container .fx-msg__title {
    width: 100%;
    margin-top: 10px;
    border: 1px solid #7fb7be;
    padding: 5px
}

.fx-modal--msg-send .modal-body .fx-msg__container .fx-msg__title:required {
    -webkit-box-shadow: none;
    box-shadow: none
}

.fx-modal--msg-send .modal-body .fx-msg__container .fx-msg__body {
    width: 100%;
    margin-top: 10px;
    border: 1px solid #7fb7be;
    padding: 5px
}

.fx-modal--msg-send .modal-body .fx-msg__container .fx-msg__body:required {
    -webkit-box-shadow: none;
    box-shadow: none
}

.fx-modal--msg-send .modal-body .fx-msg__controls {
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.fx-modal--msg-send .modal-body .fx-msg__controls .fx-students-control {
    border-radius: 0;
    padding: 5px 10px
}

.fx-modal--msg-send .modal-body .fx-msg__controls .fx-mcontrols__send {
    border: none
}

.fx-modal--msg-send .modal-body .fx-msg__controls .fx-mcontrols__cancel {
    border: none;
    background-color: #c4002b
}

.fx-modal--msg-send .modal-body .fx-msg__controls .fx-msg__success {
    color: #7fb7be;
    font-size: .94444rem;
    font-weight: 700
}

.fx-modal--msg-send .modal-body .fx-msg__controls .fx-msg__success::after {
    content: '';
    display: inline-block;
    cursor: pointer;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-image: url(/public/img/icon/svg/checkmark_yellow.svg)
}

.fx-modal--msg-send .modal-body .fx-btn {
    display: inline-block;
    padding: 5px 25px;
    color: #fcfafa;
    background-color: #7fb7be;
    font-size: 1rem;
    cursor: pointer
}

.fx-modal--msg-send .modal-body .fx-btn.fx-btn--red {
    background-color: red;
    border: none;
    border-bottom: 1px solid #7fb7be
}

.fx-modal--msg-send .modal-body .fx-btn.fx-btn--hidden {
    display: none
}

.fx-modal--msg-send .modal-body .fx-msg__students {
    margin-top: 10px
}

.fx-modal--msg-send .modal-body .fx-msg__students .fx-msg__seldesel {
    font-size: 1rem;
    color: #7fb7be;
    font-weight: 700
}

.fx-modal--msg-send .modal-body .fx-msg__students .fx-msg__seldesel .fx-select {
    cursor: pointer
}

.fx-modal--msg-send .modal-body .fx-msg__students .fx-msg__student-list {
    overflow: hidden;
    overflow-y: auto;
    /*direction: ltr;*/
    list-style-type: none;
    padding: 0
}

.fx-modal--msg-send .modal-body .fx-msg__students .fx-msg__student-list .fx-msg__student {
    display: table;
    /*direction: rtl;*/
    width: 100%
}

.fx-modal--msg-send .modal-body .fx-checkbox-label {
    display: table-cell;
    vertical-align: middle;
    font-size: 1rem;
    color: #000
}

.fx-modal--msg-send .modal-body .fx-checkbox-label.fx-checkbox-label--text {
    cursor: pointer;
    padding: 5px 10px 0 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fx-modal--msg-send .modal-body .fx-checkbox {
    display: none
}

.fx-modal--msg-send .modal-body .fx-checkbox + .fx-checkbox-label {
    display: table-cell;
    cursor: pointer;
    width: 25px;
    height: 25px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(/public/img/icon/svg/box-empty.svg)
}

.fx-modal--msg-send .modal-body .fx-checkbox:checked + .fx-checkbox-label {
    background-image: url(/public/img/icon/svg/box-checked.svg)
}

.fx-modal--msg-send .modal-footer {
    display: block;
}

.fx--hidden {
    display: none !important
}

.fx--disabled {
    opacity: .6;
    cursor: not-allowed !important;
    pointer-events: none
}

.disabled {
    color: #e6e6e6;
    pointer-events: none;
}

.fx-modal--msg-show .modal-dialog {
    font-family: 'Open Sans Hebrew'
}

.fx-modal--msg-show .modal-body .fx-msg__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fx-modal--msg-show .modal-body .fx-msg__header.fx-msg__header--student {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.fx-modal--msg-show .modal-body .fx-msg__header .fx-msg__icon {
    width: 25px;
    height: 25px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/public/img/icon/svg/my-messages-black.svg)
}

.fx-modal--msg-show .modal-body .fx-msg__header .fx-msg__tabs {
    text-align: center
}

.fx-modal--msg-show .modal-body .fx-msg__header .fx-msg__delete {
    width: 25px;
    height: 25px;
    cursor: pointer;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/public/img/icon/svg/TeacherTestsTrash.svg)
}

.fx-modal--msg-show .modal-body .fx-msg__items {
    list-style-type: none;
    margin-top: 15px;
    padding: 0;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    /*direction: ltr*/
}

.fx-modal--msg-show .modal-body .fx-msg__items .fx-msg__subject {
    /*direction: rtl*/
}

.fx-modal--msg-show .modal-body .fx-msg__items .fx-msg__date {
    margin-left: 35px;
    font-size: 1rem
}

body[dir = rtl] .fx-modal--msg-show .modal-body .fx-msg__items .fx-msg__date {
    margin-left: 0;
    margin-right: 35px;

}

.fx-modal--msg-show .modal-body .fx-msg__items.fx-msg__items--hidden {
    display: none
}

.fx-modal--msg-show .modal-body .fx-msg__items .fx-msg__item {
    margin-top: 5px;
    margin-bottom: 20px;
    -webkit-transition: background-color .5s linear;
    transition: background-color .5s linear
}

.fx-modal--msg-show .modal-body .fx-msg__items .fx-msg__item.fx-msg__item--unread {
    background-color: #c9c9c7
}

.fx-modal--msg-show .modal-body .fx-msg__items .fx-msg__item .fx-msg__receivers {
    margin-left: 35px;
    font-size: 1rem
}

body[dir = rtl] .fx-modal--msg-show .modal-body .fx-msg__items .fx-msg__item .fx-msg__receivers {
    margin-right: 35px;
    margin-left: 0;
}

.fx-modal--msg-show .modal-body .fx-msg__items .fx-msg__item .fx-msg__receivers .fx-receivers__title {
    font-weight: 700
}

.fx-modal--msg-show .modal-body .fx-msg__items .fx-msg__item .fx-msg__body {
    display: block;
    padding: 0 0 0 35px;
    font-size: 1rem;
    background-color: transparent !important;
    overflow: visible;
    cursor: default;
    height: auto;
    word-wrap: break-word;
}

body[dir =rtl] .fx-modal--msg-show .modal-body .fx-msg__items .fx-msg__item .fx-msg__body {
    padding: 0 35px 0 0;

}

.fx-modal--msg-show .modal-body .fx-msg__items .fx-msg__item .fx-msg__controls {
    margin-right: 35px
}

.fx-modal--msg-show .modal-body .fx-checkbox-label {
    display: table-cell;
    vertical-align: middle;
    font-size: 1rem;
    color: #000
}

.fx-modal--msg-show .modal-body .fx-checkbox-label.fx-checkbox-label--text {
    cursor: pointer;
    padding: 5px 10px 0 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 700
}

.fx-modal--msg-show .modal-body .fx-checkbox {
    display: none
}

.fx-modal--msg-show .modal-body .fx-checkbox + .fx-checkbox-label {
    display: table-cell;
    cursor: pointer;
    width: 25px;
    height: 25px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(/public/img/icon/svg/box-empty.svg)
}

.fx-modal--msg-show .modal-body .fx-checkbox:checked + .fx-checkbox-label {
    background-image: url(/public/img/icon/svg/box-checked.svg)
}

.fx-modal--msg-show .modal-footer {
    display: none
}

.fx-modal--msg-show .fx-msg__btn, .fx-modal--msg-show .fx-msg__my {
    color: #7fb7be;
    font-size: 1.11111rem;
    font-weight: 700;
    background: 0 0;
    padding: 0;
    margin: 0 15px;
    -webkit-transition: none !important;
    transition: none !important;
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important
}

.fx-modal--msg-show .fx-msg__btn.fx-msg__btn--active, .fx-modal--msg-show .fx-msg__my.fx-msg__btn--active {
    border-bottom: 1px solid #7fb7be;
    border-radius: 0
}

.fx-modal--msg-show .fx-msg__btn.fx-msg__btn--small, .fx-modal--msg-show .fx-msg__my.fx-msg__btn--small {
    font-size: 1rem;
    margin: 0
}

.fx-modal--courselist .modal-body {
    font-family: 'Open Sans Hebrew';
    /*direction: rtl*/
}

.fx-modal--courselist .modal-body .fx-classlist {
    list-style-type: none;
    padding: 0;
    margin-top: 15px;
    font-size: 1rem
}

.fx-modal--courselist .modal-body .fx-classlist .fx-link {
    color: #7fb7be
}

.fx-modal--courselist .modal-body .fx-classlist .fx-link.fx-link--selected {
    font-weight: 700;
    font-family: 'Open Sans Hebrew - Extra Bold'
}

.fx-modal--courselist .modal-footer {
    display: none
}

.fx-modal--upload-success {
    z-index: 500 !important
}

.fx-modal--upload-success .fx-close-modal {
    font-family: 'Open Sans Hebrew';
    border-radius: 0;
    cursor: pointer;
    padding: 0;
    background: 0 0;
    color: #fcfcfc !important;
    float: right;
}

body[dir= rtl] .fx-modal--upload-success .fx-close-modal {
    float: left;
}


.fx-innerQuestions input[type=file] {
    display: none;
}

.fx-innerListQuestionsItem input[type=file] {
    display: none;
}

.fx-bucketQuestions input[type=file] {
    display: none;
}

.fx-PDFQuestion input[type=file] {
    display: none;
}

.fx-innerListQuestions {
    display: flex;
    flex-direction: column;
    margin-bottom: 40px;
    margin-top: 20px;
}

.fx-innerListQuestion .fx-icon {
    height: 20px;
}

.fx-innerListQuestionsItem label {
    cursor: pointer;
    font-size: 22px !important;
}

.fx-bucketQuestionsItem label {
    cursor: pointer;
    font-size: 19px !important;
}

body[dir = rtl] .fx-bucketQuestionsItem label {
    font-size: 22px !important;
}

.fx-PDFQuestionItem label {
    cursor: pointer;
    font-size: 22px !important;
}

.fx-cgroup__title.fileName.active {
    color: #db7093 !important;
}


.fx-modal--upload-success .fx-close-modal:hover {
    background-color: transparent
}

.fx-modal--upload-success .fx-modal__content .modal-body {
    margin-top: 0
}

.fx-modal--upload-success .fx-modal__content .modal-body .fx-upload-ok .fx-upload-text--ok {
    display: inline
}

.fx-modal--upload-success .fx-modal__content .modal-body .fx-upload-ok .fx-upload-text--error {
    display: none
}

.fx-modal--upload-success .fx-modal__content .modal-body .fx-upload-error .fx-upload-text--ok {
    display: none
}

.fx-modal--upload-success .fx-modal__content .modal-body .fx-upload-error .fx-upload-text--error {
    display: inline
}

.fx-modal--file-upload .modal-dialog, .fx-modal--info .modal-dialog, .fx-modal--upload-success .modal-dialog {
    font-family: 'Open Sans Hebrew';
    font-size: 1.11111rem
}

.fx-modal--file-upload .modal-dialog .fx-modal__content, .fx-modal--info .modal-dialog .fx-modal__content, .fx-modal--upload-success .modal-dialog .fx-modal__content {
    background-color: #7fb7be
}

.fx-modal--file-upload .modal-dialog .fx-modal__content.fx-modal__content--error, .fx-modal--info .modal-dialog .fx-modal__content.fx-modal__content--error, .fx-modal--upload-success .modal-dialog .fx-modal__content.fx-modal__content--error {
    background-color: #c4002b;
    border-color: #c4002b
}

.fx-modal--file-upload .modal-dialog .btnCloseModal, .fx-modal--info .modal-dialog .btnCloseModal, .fx-modal--upload-success .modal-dialog .btnCloseModal {
    color: #fcfcfc !important
}

.fx-modal--file-upload .modal-dialog .modal-body .fx-fupload__container, .fx-modal--info .modal-dialog .modal-body .fx-fupload__container, .fx-modal--upload-success .modal-dialog .modal-body .fx-fupload__container {
    /*direction: ltr;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto
}

.fx-modal--file-upload .modal-dialog .modal-body .fx-fupload__name, .fx-modal--info .modal-dialog .modal-body .fx-fupload__name, .fx-modal--upload-success .modal-dialog .modal-body .fx-fupload__name {
    color: #fcfcfc;
    width: 50%;
    text-align: left
}

.fx-modal--file-upload .modal-dialog .modal-body .fx-fupload__browse, .fx-modal--info .modal-dialog .modal-body .fx-fupload__browse, .fx-modal--upload-success .modal-dialog .modal-body .fx-fupload__browse {
    color: #fcfcfc;
    font-weight: 700;
    border-bottom: 2px solid #fcfcfc;
    padding: 5px 10px;
    cursor: pointer
}

.fx-modal--file-upload .modal-dialog .modal-body .fx-fupload__input, .fx-modal--info .modal-dialog .modal-body .fx-fupload__input, .fx-modal--upload-success .modal-dialog .modal-body .fx-fupload__input {
    display: none
}

.fx-modal--file-upload .modal-dialog .modal-body .fx-fupload__submit,
.fx-modal--info .modal-dialog .modal-body .fx-fupload__submit,
.fx-modal--upload-success .modal-dialog .modal-body .fx-fupload__submit,
.fx-modal--file-upload .modal-dialog .modal-body .fx-fupload__submit--teacher {
    display: block;
    margin: 30px auto 0 auto;
    padding: 7px 30px;
    border: none;
    color: #7fb7be;
    background-color: #fcfcfc;
    font-weight: 700
}

.fx-modal--file-upload .modal-dialog .modal-body .fx-upload-ok, .fx-modal--info .modal-dialog .modal-body .fx-upload-ok, .fx-modal--upload-success .modal-dialog .modal-body .fx-upload-ok {
    text-align: center
}

.fx-modal--file-upload .modal-dialog .modal-body .fx-upload-ok .fx-upload-icon,
.fx-modal--info .modal-dialog .modal-body .fx-upload-ok .fx-upload-icon,
.fx-modal--upload-success .modal-dialog .modal-body .fx-upload-ok .fx-upload-icon,
.fx-duplicate-ok .fx-upload-icon {
    width: 50px;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/public/img/icon/svg/UPloadSuccess.svg)
}

.fx-duplicate-ok {
    text-align: center;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    background-color: #7fb7be;
    border: 2px solid #7fb7be;
    padding: 15px;
    height: auto;
    max-height: 100%;
    overflow: hidden;
}

.fx-duplicate-ok .fx-upload-text, .fx-duplicate-error .fx-upload-text {
    font-size: 1.66667rem;
    color: #fcfcfc;
}

.fx-duplicate-error {
    text-align: center;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    background-color: #c4002b;
    border: 2px solid #c4002b;
    padding: 15px;
    height: auto;
    max-height: 100%;
    overflow: hidden;
}

.fx-modal--file-upload .modal-dialog .modal-body .fx-upload-ok .fx-upload-text, .fx-modal--info .modal-dialog .modal-body .fx-upload-ok .fx-upload-text, .fx-modal--upload-success .modal-dialog .modal-body .fx-upload-ok .fx-upload-text {
    font-size: 1.66667rem;
    color: #fcfcfc
}

.fx-modal--file-upload .modal-dialog .modal-body .fx-upload-error, .fx-modal--info .modal-dialog .modal-body .fx-upload-error, .fx-modal--upload-success .modal-dialog .modal-body .fx-upload-error {
    text-align: center
}

.fx-modal--file-upload .modal-dialog .modal-body .fx-upload-error .fx-upload-icon,
.fx-modal--info .modal-dialog .modal-body .fx-upload-error .fx-upload-icon,
.fx-modal--upload-success .modal-dialog .modal-body .fx-upload-error .fx-upload-icon,
.fx-duplicate-error .fx-upload-icon {
    width: 50px;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/public/img/icon/svg/UploadFail.svg)
}

.fx-modal--file-upload .modal-dialog .modal-body .fx-upload-error .fx-upload-text, .fx-modal--info .modal-dialog .modal-body .fx-upload-error .fx-upload-text, .fx-modal--upload-success .modal-dialog .modal-body .fx-upload-error .fx-upload-text {
    font-size: 1.66667rem;
    color: #fcfcfc
}

.fx-modal--file-upload .modal-dialog .modal-footer, .fx-modal--info .modal-dialog .modal-footer, .fx-modal--upload-success .modal-dialog .modal-footer {
    display: none
}

.fx-modal--logout {
    font-family: 'Open Sans Hebrew'
}

.fx-modal--logout .modal-header {
    display: block
}

.fx-modal--logout .modal-body .fx-logout__title {
    margin: 0;
    color: #686868;
    font-size: 1.11111rem;
    font-weight: 700;
    text-align: center
}

.fx-modal--logout .modal-footer {
    margin-bottom: 30px
}

#studentAttendanceDialog .fx-modal__content.modal-content {
    background-color: #7fb7be;
    color: #fff;
    font-size: 1rem;
}

@media (min-width: 480px) {
    #studentAttendanceDialog .fx-modal__content.modal-content {
        width: 50%;
        margin: 20% auto;
    }
}

.attendanceButton {
    padding: 30px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.fx-modal--logout .modal-footer .fx-logout__btn,
#studentAttendanceDialog .student-attendance {
    margin: 10px 35px 0 35px;
    padding: 10px 10px;
    width: 150px;
    color: #fcfafb;
    font-size: 1.11111rem;
    font-weight: 700;
    border-radius: 0
}

#studentAttendanceDialog .student-attendance {
    border: 2px solid;
    width: 90%;
    min-width: 90%;
    margin: 30px 10px;
}

.fx-modal--logout .modal-footer .fx-logout__btn.fx-logout__btn--yes,
#studentAttendanceDialog .student-attendance.fx-here {
    background-color: #7fb7be
}

.fx-modal--logout .modal-footer .fx-logout__btn.fx-logout__btn--no,
#studentAttendanceDialog .student-attendance.fx-not-here {
    background-color: #c4002b
}

.fx-modal--students .fx-smanage__title,
.fx-modal--live-class-students .fx-smanage__title,
.fx-modal--my-teachersalt .fx-smanage__title {
    display: block;
    padding-left: 15px;
    cursor: pointer;
    vertical-align: bottom;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #7fb7be;
    font-family: 'Open Sans Hebrew';
    font-size: 1rem;
    font-weight: 700
}

.fx-modal--students .fx-student-import,
.fx-modal--live-class-students .fx-student-import,
.fx-modal--my-teachersalt .fx-teacher-import {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.fx-modal--students .fx-student-import .b4,
.fx-modal--live-class-students .fx-student-import .b4,
.fx-modal--my-teachersalt .fx-teacher-import .b4 {
    width: 100%
}

.fx-modal--students .fx-student-import .b4 .fx-col,
.fx-modal--live-class-students .fx-student-import .b4 .fx-col,
.fx-modal--my-teachersalt .fx-teacher-import .b4 .fx-col {
    width: 100%;
    margin-top: 0
}

.fx-modal--students .fx-student-import .b4 .fx-col.fx-col--file,
.fx-modal--live-class-students .fx-student-import .b4 .fx-col.fx-col--file,
.fx-modal--my-teachersalt .fx-teacher-import .b4 .fx-col.fx-col--file {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fx-modal--students .fx-student-import .b4 .fx-col .fx-label,
.fx-modal--live-class-students .fx-student-import .b4 .fx-col .fx-label,
.fx-modal--my-teachersalt .fx-teacher-import .b4 .fx-col .fx-label {
    width: 50%;
    padding: 0 10px;
    text-align: left;
    font-size: 16px
}

.fx-modal--students .fx-student-import .b4 .fx-col .fx-label.fx-label--file,
.fx-modal--live-class-students .fx-student-import .b4 .fx-col .fx-label.fx-label--file,
.fx-modal--my-teachersalt .fx-teacher-import .b4 .fx-col .fx-label.fx-label--file {
    /*margin: 0;*/
    padding: 5px 10px;
    text-align: center;
    border: 2px solid #7fb7be;
    color: #fcfcfc;
    background-color: #7fb7be;
    font-weight: 700;
    width: 50%
}

.simplebar-content {
    margin: 0 5px;
}

.fx-modal--students .fx-student-import .b4 .fx-col .fx-label.fx-label--file:hover,
.fx-modal--live-class-students .fx-student-import .b4 .fx-col .fx-label.fx-label--file:hover,
.fx-modal--my-teachersalt .fx-teacher-import .b4 .fx-col .fx-label.fx-label--file:hover {
    cursor: pointer
}

.fx-modal--students .fx-student-import .b4 .fx-col .fx-tfile__name,
.fx-modal--live-class-students .fx-student-import .b4 .fx-col .fx-tfile__name,
.fx-modal--my-teachersalt .fx-teacher-import .b4 .fx-col .fx-tfile__name {
    width: 50%
}

.fx-modal--students .fx-student-import .b4 .fx-col input, .fx-modal--students .fx-student-import .b4 .fx-col select,
.fx-modal--live-class-students .fx-student-import .b4 .fx-col input, .fx-modal--live-class-students .fx-student-import .b4 .fx-col select,
.fx-modal--my-teachersalt .fx-teacher-import .b4 .fx-col input, .fx-modal--my-teachersalt .fx-teacher-import .b4 .fx-col select {
    width: 60%;
    font-size: 16px
}

.fx-modal--students .fx-student-search,
.fx-modal--live-class-students .fx-student-search,
.fx-modal--my-teachersalt .fx-teacher-search {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.fx-modal--students .fx-student-search .b2,
.fx-modal--live-class-students .fx-student-search .b2,
.fx-modal--my-teachersalt .fx-teacher-search .b2 {
    width: auto !important
}

.fx-modal--students .fx-student-search .b2::after,
.fx-modal--live-class-students .fx-student-search .b2::after,
.fx-modal--my-teachersalt .fx-teacher-search .b2::after {
    /*right: unset !important*/
}

.fx-modal--students .fx-student-search .b2 input,
.fx-modal--live-class-students .fx-student-search .b2 input,
.fx-modal--my-teachersalt .fx-teacher-search .b2 input {
    width: 100% !important;
    padding: 5px 10px 5px 30px !important
}

.fx-modal--students .fx-student-search .b3,
.fx-modal--live-class-students .fx-student-search .b3,
.fx-modal--my-teachersalt .fx-teacher-search .b3 {
    width: auto !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fx-modal--students .fx-student-search .b3 .fx-btn,
.fx-modal--live-class-students .fx-student-search .b3 .fx-btn,
.fx-modal--my-teachersalt .fx-teacher-search .b3 .fx-btn {
    width: auto;
    height: 100%;
    margin-left: 10px;
    color: #fcfcfc
}

body[dir = rtl] .fx-modal--students .fx-student-search .b3 .fx-btn,
body[dir = rtl] .fx-modal--live-class-students .fx-student-search .b3 .fx-btn,
body[dir = rtl] .fx-modal--my-teachersalt .fx-teacher-search .b3 .fx-btn {
    margin-left: 0;
    margin-right: 10px;

}

.fx-modal--students .fx-student-search .b3 .fx-smanage__search-reset,
.fx-modal--live-class-students .fx-student-search .b3 .fx-smanage__search-reset,
.fx-modal--my-teachersalt .fx-teacher-search .b3 .fx-tmanage__search-reset {
    background-color: #c4002b
}

.fx-modal--students .fx-smanage__all,
.fx-modal--live-class-students .fx-smanage__all,
.fx-modal--my-teachersalt .fx-tmanage__all {
    margin-right: 20px
}

.fx-modal--students .fx-label--file,
.fx-modal--my-teachersalt .fx-label--file {
    width: auto !important;
    margin-right: 20px;
}

body[dir = rtl] .fx-modal--students .fx-label--file,
body[dir = rtl] .fx-modal--my-teachersalt .fx-label--file {
    margin-right: 0;
    margin-left: 20px;
}

.fx-modal--students .fx-tfile__name,
.fx-modal--my-teachersalt .fx-tfile__name {
    width: 100% !important
}

.btnCreateQuestions.fx-disabled {
    opacity: .55;
    pointer-events: none
}

.fx-modal--question {
    z-index: 102 !important
}

.fx-modal--question .fx-student-import {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 20px
}

.fx-modal--question .fx-student-import .b4 {
    width: 100%
}

.fx-modal--question .fx-student-import .b4 .fx-col {
    width: 100%;
    margin-top: 0
}

.fx-modal--question .fx-student-import .b4 .fx-col.fx-col--file {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fx-modal--question .fx-student-import .b4 .fx-col .fx-label {
    width: 50%;
    padding: 0 10px;
    text-align: left;
    font-size: 16px
}

.fx-modal--question .fx-student-import .b4 .fx-col .fx-label.fx-label--file {
    margin: 0;
    padding: 5px 10px;
    text-align: center;
    border: 2px solid #7fb7be;
    color: #fcfcfc;
    background-color: #7fb7be;
    font-weight: 700;
    width: auto
}

.fx-modal--question .fx-student-import .b4 .fx-col .fx-label.fx-label--file:hover {
    cursor: pointer
}

.fx-modal--question .fx-student-import .b4 .fx-col .fx-tfile__name {
    width: 50%;
    margin-right: 20px
}

.fx-modal--question .fx-student-import .b4 .fx-col input, .fx-modal--question .fx-student-import .b4 .fx-col select {
    width: 60%;
    font-size: 16px
}

.os-theme-custom > .os-scrollbar-horizontal {
    right: 12px;
    height: 6px;
    padding: 2px
}

.os-theme-custom > .os-scrollbar-vertical {
    bottom: 10px;
    width: 10px;
    padding: 1px;
    padding-top: 0
}

.os-theme-custom.os-host-rtl > .os-scrollbar-horizontal {
    left: 12px;
    right: 0
}

.os-theme-custom > .os-scrollbar-corner {
    height: 10px;
    width: 12px;
    background-color: transparent
}

.os-theme-custom > .os-scrollbar-horizontal > .os-scrollbar-track {
    background: 0 0
}

.os-theme-custom > .os-scrollbar-vertical > .os-scrollbar-track {
    background: #eaeaea
}

.os-theme-custom > .os-scrollbar-horizontal > .os-scrollbar-track:hover {
    background: 0 0
}

.os-theme-custom > .os-scrollbar-vertical > .os-scrollbar-track:hover {
    background: #eaeaea
}

.os-theme-custom > .os-scrollbar-horizontal > .os-scrollbar-track.active {
    background: 0 0
}

.os-theme-custom > .os-scrollbar-vertical > .os-scrollbar-track.active {
    background: #eaeaea
}

.os-theme-custom.os-host-transition > .os-scrollbar-horizontal > .os-scrollbar-track {
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.os-theme-custom.os-host-transition > .os-scrollbar-vertical > .os-scrollbar-track {
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.os-theme-custom > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle::before, .os-theme-custom > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block
}

.os-theme-custom > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle::before {
    top: -6px;
    bottom: -2px
}

.os-theme-custom > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle::before {
    left: -6px;
    right: -1px
}

.os-theme-custom.os-host-rtl > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle::before {
    right: -6px;
    left: -1px
}

.os-theme-custom > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {
    border-radius: 6px;
    min-width: 30px;
    max-width: none;
    background: rgba(0, 0, 0, .4)
}

.os-theme-custom > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {
    border-radius: 0;
    min-height: 30px;
    max-height: none;
    background: #dacc3e !important;
}

.os-theme-custom > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle:hover {
    background: rgba(0, 0, 0, .6)
}

.os-theme-custom > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle:hover {
    background: #dacc3e
}

.os-theme-custom > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle.active {
    background: #000
}

.os-theme-custom > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle.active {
    background: #dacc3e
}

.os-theme-custom.os-host-transition > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.os-theme-custom.os-host-transition > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.fx-create-course {
    display: block;
    padding-right: 20px
}

.fx-create-course .fx-course__title {
    margin-top: 0 !important;
    color: #000;
    font-family: "Open Sans Hebrew";
    font-size: 1.33333rem;
    font-weight: 700;
    float: left;
}

body[dir = rtl] .fx-create-course .fx-course__title {
    float: right;
}

.fx-create-course .fx-row {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 0;
    direction: ltr;
}

body[dir = rtl] .fx-create-course .fx-row {
    direction: rtl;
}

.fx-create-course .fx-row .fx-col {
    margin-top: 20px
}

.fx-create-course .fx-row .fx-col.fx-col--3 {
    width: -webkit-calc(100% / 3);
    width: calc(100% / 3);
}

.fx-create-course .fx-row .fx-col.fx-col--file {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fx-create-course .fx-row .fx-col .fx-label {
    width: 40%;
    padding: 0 10px;
    text-align: right;
    font-size: 16px
}

body[dir = rtl] .fx-create-course .fx-row .fx-col .fx-label {
    text-align: left;
}

.fx-create-course .fx-row .fx-col .fx-label.fx-label--file {
    margin: 0;
    padding: 5px 10px;
    text-align: center;
    border: 2px solid #7fb7be;
    color: #fcfcfc;
    background-color: #7fb7be;
    font-weight: 700;
    width: 30%
}

.fx-create-course .fx-row .fx-col .fx-label.fx-label--file:hover {
    cursor: pointer
}

.fx-create-course .fx-row .fx-col input, .fx-create-course .fx-row .fx-col select {
    width: 60%;
    font-size: 16px
}

.fx-create-course .fx-row.fx-row--topics {
    margin-top: 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.fx-create-course .fx-row.fx-row--topics .fx-col {
    margin-top: 20px;
    width: -webkit-calc(100% / 3);
    width: calc(100% / 3)
}

.fx-create-course .fx-row.fx-row--topics .fx-col label {
    width: 40%;
    padding: 0 10px;
    text-align: left;
    font-size: 16px
}

.fx-create-course .fx-row.fx-row--topics .fx-col select {
    width: 60%;
    font-size: 16px
}

.fx-create-course .fx-row.fx-row--topics .fx-col:nth-child(n+2) {
    width: -webkit-calc(100% / 3 * .6);
    width: calc(100% / 3 * .6)
}

.fx-create-course .fx-row.fx-row--topics .fx-col:nth-child(n+2) label {
    display: none
}

.fx-create-course .fx-row.fx-row--topics .fx-col:nth-child(n+2) select {
    width: 100%
}

.fx-create-course .fx-row.fx-row--topics .fx-col:nth-child(4n+1):not(:first-child) {
    color: red;
    width: -webkit-calc(100% / 3);
    width: calc(100% / 3);
    text-align: left
}

.fx-create-course .fx-row.fx-row--topics .fx-col:nth-child(4n+1):not(:first-child) label {
    display: none;
    width: 40%
}

.fx-create-course .fx-row.fx-row--topics .fx-col:nth-child(4n+1):not(:first-child) select {
    width: 60%;
    float: right;
}

body[dir = rtl] .fx-create-course .fx-row.fx-row--topics .fx-col:nth-child(4n+1):not(:first-child) select {

    float: left;
}

.fx-create-course .fx-file-fields {
    margin-top: 20px
}

.fx-create-course .fx-options-fields {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    direction: ltr;
}

body[dir = rtl] .fx-create-course .fx-options-fields {
    direction: rtl;
}

.fx-create-course .fx-options-fields div:not(:first-child) {
    margin-right: 30px
}

.fx-create-course .fx-submit-fields {
    margin: 20px 0;
    text-align: center;
    direction: ltr;
}

body[dir = rtl] .fx-create-course .fx-submit-fields {
    direction: rtl;
}

.fx-create-course .fx-label {
    color: #7fb7be;
    font-size: .88889rem;
    font-weight: 700
}

.fx-create-course .fx-input {
    padding: 5px 10px;
    border: 1px solid #7fb7be;
    background-color: transparent;
    border-radius: 0;
    color: #686868;
    font-size: .94444rem;
    font-weight: 700
}

.fx-create-course .fx-input.fx-input--calendar {
    background-color: transparent;
    background-position: right 5px center;
    background-size: 20px 20px;
    padding-right: 35px;
    background-image: url(/public/img/icon/svg/calendar.svg);
    background-repeat: no-repeat
}

.fx-create-course .fx-select__wrapper {
    position: relative
}

.fx-create-course .fx-select__wrapper::after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    right: 10px;
    height: 100%;
    width: 12px;
    padding: 15px 0 0 8px;
    background-image: url(/public/img/icon/svg/LightArrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    color: #a4a4a4;
    pointer-events: none
}

body[dir = rtl] .fx-create-course .fx-select__wrapper::after {
    left: 10px;
    right: unset;
}

.fx-create-course .fx-select {
    border: 1px solid #7fb7be;
    padding: 5px 10px;
    margin: 0;
    color: #a4a4a4;
    font-size: 1.11111rem;
    font-weight: 700;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.fx-create-course .fx-checkbox-label {
    color: #000;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: .88889rem;
    font-weight: 700;
    vertical-align: middle
}

.fx-create-course .fx-checkbox-label:hover {
    cursor: pointer
}

.fx-create-course .fx-checkbox {
    display: none
}

.fx-create-course .fx-checkbox + .fx-checkbox-label {
    cursor: pointer;
    width: 25px;
    height: 25px;
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    background-image: url(/public/img/icon/svg/box-empty.svg)
}

.fx-create-course .fx-checkbox:checked + .fx-checkbox-label {
    background-image: url(/public/img/icon/svg/box-checked.svg)
}

.fx-create-course .fx-tfile__input {
    display: none
}

.fx-create-course .fx-tfile__name {
    width: 30%;
    color: #7fb7be;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: .88889rem;
    text-align: center;
    /*direction: ltr;*/
    word-wrap: break-word
}

.fx-create-course .fx-btn {
    padding: 10px 20px;
    border: none;
    background-color: #7fb7be;
    color: #fcfcfc;
    font-family: "Open Sans Hebrew";
    font-size: 1rem;
    font-weight: 700;
    margin: 0 10px
}

.fx-create-course .fx-btn.fx-btn--red {
    background-color: #c4002b
}

.fx-create-course .fx-required {
    border-color: red;
    border-width: 2px
}

.fx-create-course .fx-required .fx-label--file {
    border: 2px solid red !important
}

.fx-create-course .fx-required .fx-tfile__name {
    text-decoration: underline;
    color: red
}

.fx-selectEnglish {
    cursor: pointer;
    font-size: 30px;
}

body[dir =rtl] .fx-selectEnglish {
}

.fx-selectHebrew {
    cursor: pointer;
    font-size: 30px;
}

body[dir =rtl] .fx-selectHebrew {

}

.fx-student-fields
.fx-teacher-fields {
    margin-top: 20px;
    direction: ltr;
}

body[dir = rtl] .fx-student-fields,
body[dir = rtl] .fx-teacher-fields {
    direction: rtl;
}

.fx-student-fields .fx-student-search,
.fx-teacher-fields .fx-teacher-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.fx-student-fields .fx-student-search .b2,
.fx-teacher-fields .fx-teacher-search .b2 {
    display: inherit;
    width: -webkit-calc(100% / 3);
    width: calc(100% / 3);
    position: relative
}

.fx-student-fields .fx-student-search .b2::after,
.fx-teacher-fields .fx-teacher-search .b2::after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    right: 10px;
    height: 100%;
    width: 20px;
    background-image: url(/public/img/icon/png/Search.png);
    background-repeat: no-repeat;
    background-position: center;
    color: #a4a4a4;
    pointer-events: none;
    background-size: contain;
    /*right: -webkit-calc(40% + 5px);*/
    /*right: calc(40% + 5px)*/
}

body[dir = rtl] .fx-student-fields .fx-student-search .b2::after,
body[dir = rtl] .fx-teacher-fields .fx-teacher-search .b2::after {
    right: unset;
    left: 10px;

}

.fx-student-fields .fx-student-search .b2 label,
.fx-teacher-fields .fx-teacher-search .b2 label {
    width: 40%;
    padding: 0 10px;
    text-align: left;
    font-size: 16px;
    display: inline-block;
    max-width: 100%;
    color: #7fb7be
}

.fx-student-fields .fx-student-search .b2 input,
.fx-teacher-fields .fx-teacher-search .b2 input {
    width: 60%;
    font-size: 16px;
    border: 1px solid #000;
    padding: 5px 10px;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: none;
    padding-right: 30px
}

.fx-student-fields .fx-student-search .b3,
.fx-teacher-fields .fx-teacher-search .b3 {
    width: -webkit-calc(100% / 3 * .6);
    width: calc(100% / 3 * .6);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.fx-student-fields .fx-student-search .b3 button,
.fx-teacher-fields .fx-teacher-search .b3 button {
    width: 48%;
    border-radius: 0;
    padding: 5px 5px;
    margin: 0
}

.fx-student-fields .fx-student-search .b4,
.fx-teacher-fields .fx-teacher-search .b4 {
    width: -webkit-calc(100% / 3 * .6);
    width: calc(100% / 3 * .6)
}

.fx-student-fields .fx-student-search .b4 .fx-col,
.fx-teacher-fields .fx-teacher-search .b4 .fx-col {
    width: 100%;
    margin-top: 0
}

.fx-student-fields .fx-student-search .b4 .fx-col.fx-col--file,
.fx-teacher-fields .fx-teacher-search .b4 .fx-col.fx-col--file {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fx-student-fields .fx-student-search .b4 .fx-col .fx-label,
.fx-teacher-fields .fx-teacher-search .b4 .fx-col .fx-label {
    width: 50%;
    padding: 0 10px;
    text-align: left;
    font-size: 16px
}

.fx-student-fields .fx-student-search .b4 .fx-col .fx-label.fx-label--file,
.fx-teacher-fields .fx-teacher-search .b4 .fx-col .fx-label.fx-label--file {
    margin: 0;
    padding: 5px 10px;
    text-align: center;
    border: 2px solid #7fb7be;
    color: #fcfcfc;
    background-color: #7fb7be;
    font-weight: 700;
    width: 50%
}

.fx-student-fields .fx-student-search .b4 .fx-col .fx-label.fx-label--file:hover,
.fx-teacher-fields .fx-teacher-search .b4 .fx-col .fx-label.fx-label--file:hover {
    cursor: pointer
}

.fx-student-fields .fx-student-search .b4 .fx-col .fx-tfile__name,
.fx-teacher-fields .fx-teacher-search .b4 .fx-col .fx-tfile__name {
    width: 50%
}

.fx-student-fields .fx-student-search .b4 .fx-col input, .fx-student-fields .fx-student-search .b4 .fx-col select,
.fx-teacher-fields .fx-teacher-search .b4 .fx-col input, .fx-teacher-fields .fx-teacher-search .b4 .fx-col select {
    width: 60%;
    font-size: 16px
}

.fx-student-fields .fx-switcher,
.fx-teacher-fields .fx-switcher {
    margin-top: 20px;
    margin-right: -webkit-calc(100% / 3 * .4);
    margin-right: calc(100% / 3 * .4)
}

.fx-student-fields .fx-switcher .pointer,
.fx-teacher-fields .fx-switcher .pointer {
    font-family: 'Open Sans Hebrew';
    color: #7fb7be;
    font-size: .88889rem;
    font-weight: 700;
    border-bottom: 1px solid #7fb7be;
    margin-bottom: 5px;
    margin-right: 25px;
}

.fx-student-fields .fx-switcher .pointer:nth-child(2),
.fx-teacher-fields .fx-switcher .pointer:nth-child(2) {
    margin-right: 20px
}

.fx-student-fields .fx-msg__students,
.fx-teacher-fields .fx-msg__teachers {
    margin-top: 10px;
    max-height: 200px;
    overflow: hidden;
    text-align: right;
    margin-right: -webkit-calc(100% / 3 * .4);
    margin-right: calc(100% / 3 * .4)
}

.fx-student-fields .fx-msg__students .fx-msg__seldesel,
.fx-teacher-fields .fx-msg__teachers .fx-msg__seldesel {
    font-size: 1rem;
    color: #7fb7be;
    font-weight: 700
}

.fx-student-fields .fx-msg__students .fx-msg__seldesel .fx-select,
.fx-teacher-fields .fx-msg__teachers .fx-msg__seldesel .fx-select {
    cursor: pointer
}

.fx-student-fields .fx-msg__students .fx-msg__student-list, .fx-student-fields .fx-msg__students .fx-students-control__list,
.fx-teacher-fields .fx-msg__teachers .fx-msg__teacher-list, .fx-teacher-fields .fx-msg__teachers .fx-teachers-control__list {
    overflow: hidden;
    overflow-y: auto;
    /*direction: ltr;*/
    list-style-type: none;
    padding: 0
}

.fx-student-fields .fx-msg__students .fx-msg__student-list .fx-msg__student,
.fx-student-fields .fx-msg__students .fx-students-control__list .fx-msg__student,
.fx-teacher-fields .fx-msg__teachers .fx-msg__teacher-list .fx-msg__teacher,
.fx-teacher-fields .fx-msg__teachers .fx-teachers-control__list .fx-msg__teacher,
.fx-pdf-review-status {
    display: table;
    width: 100%
}

.fx-student-fields .fx-msg__students .fx-msg__student-list .fx-msg__student.fx-msg__student--hidden, .fx-student-fields .fx-msg__students .fx-students-control__list .fx-msg__student.fx-msg__student--hidden,
.fx-teacher-fields .fx-msg__teachers .fx-msg__teacher-list .fx-msg__teacher.fx-msg__teacher--hidden, .fx-teacher-fields .fx-msg__teachers .fx-teachers-control__list .fx-msg__teacher.fx-msg__teacher--hidden {
    display: none
}

.fx-student-fields .fx-checkbox-label,
.fx-teacher-fields .fx-checkbox-label,
.fx-pdf-review-status .fx-checkbox-label {
    display: table-cell;
    vertical-align: middle;
    font-size: 1rem;
    color: #000
}

.fx-student-fields .fx-checkbox-label.fx-checkbox-label--text,
.fx-teacher-fields .fx-checkbox-label.fx-checkbox-label--text,
.fx-pdf-review-status .fx-checkbox-label.fx-checkbox-label--text {
    cursor: pointer;
    padding: 5px 10px 0 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    float: left;
    margin-left: 10px;
}

.fx-student-fields .edit_mobile,
.fx-student-fields .add_mobile {
    cursor: pointer;
    user-select: none;
    float: left;
    display: table-cell;
    vertical-align: middle;
    font-size: 1rem;
    color: #000;
    padding: 5px 10px 0 0;
    margin-left: 5px;
}

.fx-student-fields .edit_mobile[dir="rtl"],
.fx-student-fields .add_mobile[dir="rtl"] {
    float: right;
}

.fx-student-fields .add_mobile:hover {
    color: #7fb7be;
}

.fx-student-fields .edit_mobile i {
    background-image: url(/public/img/icon/svg/TeacherTestsEdit.svg);
    vertical-align: baseline;
    padding: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 0;
    background-color: transparent;
}

.save_mobile[dir="ltr"] {
    float: left;
}

.save_mobile[dir="rtl"] {
    float: right;
}

.save_mobile input {
    border: 1px solid #7fb7be;
    max-width: 150px;
}

.save_mobile button {
    padding: 3px 20px;
    margin: 0 10px;
    vertical-align: bottom;
}

.save_mobile button:hover {
    color: #fcfcfc;
}

body[dir = rtl] .fx-student-fields .fx-checkbox-label.fx-checkbox-label--text,
body[dir = rtl] .fx-teacher-fields .fx-checkbox-label.fx-checkbox-label--text,
body[dir = rtl] .fx-pdf-review-status .fx-checkbox-label.fx-checkbox-label--text {
    float: right;
}

.fx-student-fields .fx-checkbox-label.fx-checkbox-label--text.disabled,
.fx-teacher-fields .fx-checkbox-label.fx-checkbox-label--text.disabled {
    opacity: 0.3;
}

.fx-student-fields .fx-checkbox,
.fx-teacher-fields .fx-checkbox,
.fx-pdf-review-status .fx-checkbox {
    display: none
}

.fx-student-fields .fx-checkbox + .fx-checkbox-label,
.fx-teacher-fields .fx-checkbox + .fx-checkbox-label,
.fx-pdf-review-status .fx-checkbox + .fx-checkbox-label {
    display: table-cell;
    cursor: pointer;
    width: 25px;
    height: 25px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(/public/img/icon/svg/box-empty.svg)
}

.fx-student-fields .fx-checkbox:checked + .fx-checkbox-label,
.fx-teacher-fields .fx-checkbox:checked + .fx-checkbox-label,
.fx-pdf-review-status .fx-checkbox:checked + .fx-checkbox-label {
    background-image: url(/public/img/icon/svg/box-checked.svg)
}

.fx-course-duplicate {
    display: block;
    padding: 8px 10px;
    text-align: center;
    color: #686868;
    background-color: transparent;
    border: 1px solid #7fb7be;
    font-size: 1.11111rem;
    font-family: 'Open Sans Hebrew';
    font-weight: 700 !important
}

.fx-modal.fx-modal--duplicate {
    z-index: 102 !important
}

.fx-modal.fx-modal--duplicate .fx-title {
    color: #686868;
    font-size: 1.11111rem;
    font-weight: 700;
    line-height: normal;
    margin: 0
}

.fx-modal.fx-modal--duplicate .fx-duplicate-course {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px
}

.fx-modal.fx-modal--duplicate .fx-duplicate-course .fx-csettings__item {
    width: 48%;
    display: table;
    margin-top: 15px;
    position: relative
}

.fx-modal.fx-modal--duplicate .fx-duplicate-course .fx-csettings__item.fx-csettings__item--select {
    width: 100%
}

.fx-modal.fx-modal--duplicate .fx-duplicate-course .fx-csettings__item.fx-csettings__item--select::after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    right: 10px;
    height: 100%;
    width: 12px;
    padding: 15px 0 0 8px;
    background-image: url(/public/img/icon/svg/LightArrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    color: #7fb7be;
    pointer-events: none
}

body[dir = rtl] .fx-modal.fx-modal--duplicate .fx-duplicate-course .fx-csettings__item.fx-csettings__item--select::after {
    right: unset;
    left: 10px;
}

.fx-modal.fx-modal--duplicate .fx-duplicate-course .fx-csettings__label {
    width: 33%;
    display: table-cell;
    font-size: 1rem;
    color: #7fb7be;
    font-weight: 700
}

.fx-modal.fx-modal--duplicate .fx-duplicate-course .fx-csettings__input {
    border: 1px solid #7fb7be;
    padding: 5px 10px;
    width: 100%;
    display: table-cell;
    margin: 0;
    color: #686868;
    font-size: 1.11111rem;
    font-weight: 700;
    background-color: transparent
}

.fx-modal.fx-modal--duplicate .fx-duplicate-course .fx-csettings__input.flatpickr {
    background-position: right 10px center;
    background-size: 25px 25px;
    padding: 8px 10px;
    background-image: url(/public/img/icon/svg/calendar.svg);
    background-repeat: no-repeat
}

.fx-modal.fx-modal--duplicate .fx-duplicate-course .fx-csettings__select {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.fx-modal.fx-modal--duplicate .fx-duplicate-course .fx-csettings__select::-ms-expand {
    display: none
}

.fx-modal.fx-modal--duplicate .modal-footer .fx-logout__btn {
    margin: 10px 35px 0 35px;
    padding: 10px 10px;
    width: 150px;
    color: #fcfafb;
    font-size: 1.11111rem;
    font-weight: 700;
    border-radius: 0
}

.fx-modal.fx-modal--duplicate .modal-footer .fx-logout__btn.fx-logout__btn--yes {
    background-color: #7fb7be
}

.fx-modal.fx-modal--duplicate .modal-footer .fx-logout__btn.fx-logout__btn--no {
    background-color: #c4002b
}

.fx-pass {
    display: block
}

.fx-pass .page-title {
    display: table-cell;
    vertical-align: top;
    color: #686868;
    font-size: 1.11111rem;
    font-weight: 700
}

.fx-pass form {
    margin-top: 25px
}

.fx-pass form label {
    color: #7fb7be;
    font-size: .88889rem;
    font-weight: 700
}

.fx-pass form input {
    padding: 5px 10px;
    border: 1px solid #7fb7be;
    background-color: transparent;
    border-radius: 0;
    color: #686868;
    font-size: .94444rem;
    font-weight: 700;
    height: auto
}

.fx-pass form .fx-btn {
    margin: 0;
    margin-top: 25px;
    background: #7fb7be;
    text-align: center;
    border: 2px solid #7fb7be;
    color: #fcfcfc;
    background-color: #7fb7be;
    font-weight: 700;
    border-radius: 0
}

.fx-pass form .fx-btn:hover {
    cursor: pointer
}

.fx-report {
    /*direction: rtl*/
}

html {
    font-size: 18px
}

.fx-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.fx-user-wrapper {
    display: table;
    vertical-align: middle;
    text-align: left
}

.fx-user-wrapper .fx-user__img {
    display: table-cell;
    vertical-align: middle;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    margin: 0 15px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.fx-user-wrapper .fx-user__img.fx-user__img--empty {
    background-image: url(/public/img/icon/svg/empty-user.svg);
    min-width: 35px;
}

.fx-user-wrapper .fx-user__text {
    /*direction: rtl;*/
    display: table-cell;
    vertical-align: middle;
    padding-left: 5px;
    padding-right: 5px;
    color: #3a3a3a;
    font-family: 'Open Sans Hebrew';
    font-size: 1rem;
    font-weight: 700
}


.fx-main {
    height: 100vh;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    position: relative
}

.fx-main .fx-old-content {
    /*direction: rtl*/
}

.fx-main__content {
    background-color: #fff
}

.fx-main__content .fx-cheader {
    padding: 0 35px;
    height: 60px;
    border-bottom: 2px solid #5e6060;
    margin-top: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.fx-main__content .fx-cheader .fx-cheader__user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fx-main__content .fx-cheader .fx-cheader__course {
    font-size: 1.11111rem;
    font-weight: 700;
    /*direction: rtl*/
}

.fx-main__content .fx-cheader .fx-cheader__course .fx-course-settings {
    cursor: pointer
}

.fx-main__content .fx-cheader .fx-cheader__course .fx-course__prefix {
    color: #7fb7be
}

.fx-main__content .fx-cheader .fx-cheader__course.fx-cheader__course--hidden {
    visibility: hidden
}

.fx-main__content .fx-user__policy {
    width: 35px;
    height: 35px;
    margin-left: 15px;
    margin-right: 0;
    background-image: url(/public/img/icon/png/policy.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: scaleX(-1);
}

body[dir = rtl] .fx-main__content .fx-user__policy {
    margin-left: 0;
    margin-right: 15px;
    transform: scaleX(1);
}

.fx-main__content .fx-content__wrapper {
    padding: 30px 35px;
    height: -webkit-calc(100% - 60px);
    height: calc(100% - 60px);
    overflow: auto;
    position: relative
}

.fx-main__content .fx-content__wrapper.fx-content__forum {
    overflow: auto
}

.fx-main__content .fx-content__wrapper .fx-content {
    margin-top: 20px
}

.fx-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.fx-title .fx-class-file {
    color: #7fb7be;
    font-family: 'Open Sans Hebrew';
    font-size: .88889rem;
    font-weight: 700;
    border-bottom: 2px solid #000;
    margin: 0 10px
}

.fx-title .fx-class-file.fx-class-file--empty {
    pointer-events: none;
    opacity: .55
}

.fx-title .fx-class-file:nth-child(1) {
    margin-left: 0
}

.fx-title .fx-syllabus {
    width: 35px;
    height: 70px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/public/img/icon/svg/syllabus.svg)
}

.fx-title .fx-user-wrapper {
    margin-top: 10px
}

.fx-title .fx-title__my {
    margin-top: 10px
}

.fx-title .fx-title__my.fx-title__my--last {
    margin-left: 20px
}

.fx-title .fx-feedback,
.fx-title .fx-feedback .fx-feedback__marks .fx-feedback__mark,
.fx-title .fx-feedback .fx-feedback__marks .fx-feedback__title,
.fx-title .fx-feedback .fx-feedback__marks .fx-feedback__submit {
    transform: scaleX(-1);
}

body[dir = rtl] .fx-title .fx-feedback,
body[dir = rtl] .fx-title .fx-feedback .fx-feedback__marks .fx-feedback__mark,
body[dir = rtl] .fx-title .fx-feedback .fx-feedback__marks .fx-feedback__title,
body[dir = rtl] .fx-title .fx-feedback .fx-feedback__marks .fx-feedback__submit {
    transform: scaleX(1);
}

.fx-feedback .fx-feedback__marks {
    position: relative;
    height: 65px;
    padding: 15px 20px 5px;
    border: 2px solid #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fx-feedback .fx-feedback__marks.fx-feedback__marks--centered {
    padding: 10px
}

.fx-feedback .fx-feedback__marks input[type=radio] {
    display: none
}

.fx-feedback .fx-feedback__marks input[type=radio]:checked + label svg line, .fx-feedback .fx-feedback__marks input[type=radio]:checked + label svg path, .fx-feedback .fx-feedback__marks input[type=radio]:checked + label svg polygon, .fx-feedback .fx-feedback__marks input[type=radio]:checked + label svg polyline {
    stroke: #7fb7be
}

.fx-feedback .fx-feedback__marks .fx-feedback__text {
    font-size: 1.11111rem;
    font-weight: 700;
    font-family: 'Open Sans Hebrew';
    color: #000
}

.fx-feedback .fx-feedback__marks .fx-feedback__mark {
    display: block;
    width: 35px;
    height: 35px;
    cursor: pointer
}

.fx-feedback .fx-feedback__marks .fx-feedback__mark.fx-feedback__mark--hidden {
    opacity: 0;
    pointer-events: none
}

.fx-feedback .fx-feedback__marks .fx-feedback__mark.fx-feedback__mark--normal {
    margin: 0 45px
}

.fx-feedback .fx-feedback__marks .fx-feedback__mark.fx-feedback__mark--good {
    margin-top: -10px
}

.fx-feedback .fx-feedback__marks .fx-feedback__title {
    position: absolute;
    top: -15px;
    right: 5px;
    padding: 0 10px 0 20px;
    color: #000;
    background: #fff;
    font-family: 'Open Sans Hebrew';
    font-size: 1rem;
    font-weight: 700
}

.fx-feedback .fx-feedback__marks .fx-feedback__delimiter {
    border: 1px solid #000;
    width: 30px;
    position: absolute;
    top: 50%;
    right: -30px
}

.fx-feedback .fx-feedback__marks .fx-feedback__submit {
    position: absolute;
    top: -2px;
    right: -90px;
    height: 65px;
    width: 65px;
    background-color: #c4002b;
    color: #f9f7f8;
    font-family: 'Open Sans Hebrew';
    font-size: 1rem;
    font-weight: 700;
    border-radius: 0;
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}

.fx-feedback .fx-feedback__marks .fx-feedback__submit.fx-feedback__submit--html {
    background-color: #dacc3e;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 75%;
    background-image: url(/public/img/icon/png/Download-HTML.png)
}

.fx-feedback .fx-feedback__marks .fx-feedback__submit.fx-feedback__submit--zip {
    background-color: #c4002b;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 60%;
    background-image: url(/public/img/icon/png/Download-ZIP.png)
}

.fx-feedback .fx-feedback__marks .fx-feedback__submit.fx-feedback__submit--rar {
    background-color: #005fc4;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 60%;
    background-image: url(/public/img/icon/svg/rar.svg)
}

.fx-feedback .fx-feedback__marks .fx-feedback__submit.fx-feedback__submit--pdf {
    background-color: #dacc3e;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 75%;
    background-image: url(/public/img/icon/svg/PDFDoc.svg)
}

.fx-feedback .fx-feedback__marks .fx-feedback__submit.fx-feedback__submit--link {
    background-color: #7fb7be;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 75%;
    background-image: url(/public/img/icon/VideoDoc.png)
}

.fx-feedback .fx-feedback__marks .fx-feedback__submit.fx-feedback__submit--success {
    color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 55%;
    background-image: url(/public/img/icon/svg/UPloadSuccess.svg)
}

.fx-my {
    display: table;
    vertical-align: middle
}

.fx-my .fx-my__icon {
    display: table-cell;
    width: 45px;
    height: 45px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/public/img/icon/svg/MyStudents.svg)
}

.fx-my .fx-my__text {
    display: table-cell;
    padding-left: 15px;
    padding-right: 15px;
    cursor: pointer;
    vertical-align: bottom;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #7fb7be;
    font-family: 'Open Sans Hebrew';
    font-size: 1rem;
    font-weight: 700
}

body[dir = rtl] .fx-my .fx-my__text {
    padding-left: 15px;
}

.fx-progress {
    width: 100%;
    /*direction: rtl;*/
    margin-top: 30px
}

.fx-progress .fx-progress__assign {
    width: 100%;
    position: relative;
    height: 30px
}

.fx-progress .fx-progress__assign .fx-assign-item {
    position: absolute;
    width: 30px;
    height: 30px;
    background-image: url(/public/img/icon/svg/TaskNotCompleted.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

body[dir = rtl] .fx-progress .fx-progress__assign .fx-assign-item {
    transform: scaleX(-1);
}

.fx-progress .fx-progress__assign .fx-assign-item.fx-assign-item--passed {
    background-image: url(/public/img/icon/svg/TaskCompletedGreen.svg)
}

.fx-progress .fx-progress__assign .fx-assign-item.fx-assign-item--failed {
    background-image: url(/public/img/icon/svg/TaskNotCompletedRed.svg)
}

.fx-progress .fx-progress__assign .fx-assign-item.fx-assign-item--hide {
    display: none;
    background-image: url(/public/img/icon/svg/hideTask.svg)
}

.fx-progress .fx-progress__wrapper {
    background-color: #eaeaea;
    height: 20px;
    left: 4px;
    -webkit-box-shadow: 4px 1px 15px 1px rgba(0, 0, 0, .4);
    box-shadow: 4px 1px 15px 1px rgba(0, 0, 0, .4);
    position: relative;
}

body[dir=rtl] .fx-progress .fx-progress__wrapper {
    left: -4px;
    -webkit-box-shadow: -4px 1px 15px 1px rgba(0, 0, 0, .4);
    box-shadow: -4px 1px 15px 1px rgba(0, 0, 0, .4);
}

.fx-progress .fx-progress__wrapper .fx-progress__line {
    position: relative;
    height: 100%;
    background-color: #dacc3e;
    display: inline-block
}

.fx-progress .fx-progress__wrapper .fx-progress__line.fx-progress__line--passed {
    background-color: #7aba2f;
    width: 100%
}

.fx-progress .fx-progress__wrapper .fx-progress__line--passed.fx-progress__icon {
    width: 50px;
    height: 50px;
    top: auto;
    bottom: -4px;
    right: -5px;
    background-image: url(/public/img/icon/png/finish.png);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

body[dir = rtl] .fx-progress .fx-progress__wrapper .fx-progress__line--passed.fx-progress__icon {
    right: unset;
    left: -5px;

}

.fx-progress .fx-progress__wrapper .fx-progress__icon {
    display: inline-block;
    position: absolute;
    margin: 0 2px;
    width: 30px;
    height: 30px;
    top: -5px;
    background-image: url(/public/img/icon/svg/Rocket.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

body[dir = rtl] .fx-progress .fx-progress__wrapper .fx-progress__icon {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.fx-progress .fx-progress__dates {
    margin-top: 10px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    font-family: 'Open Sans Hebrew';
    font-style: .77778rem;
    font-weight: 700
}

.fx-modalAddInput {
    position: absolute;
    width: 15px;
    left: 12px;
    top: 2px;
    background-image: url(/public/img/icon/svg/plus.svg);
    cursor: pointer;
}

body[dir = rtl] .fx-modalAddInput {
    left: unset;
    right: 12px;
}

.fx-selected {
    background-image: url(/public/img/icon/TeacherTestsEdit.png);
    width: 20px;
}


body[dir = rtl] .fx-modalAddTopic,
body[dir = rtl] .fx-modalAddMSubject,
body[dir = rtl] .fx-modalAddSubject {
    right: 15px;
    left: unset;
}

.fx-modules__controls {
    margin-left: 42%;
    margin-right: 0;
}

body[dir = rtl] .fx-modules__controls {
    margin-right: 42%;
    margin-left: 0;
}

.fx-modules__controls .fx-btn {
    color: #7fb7be;
    font-family: 'Open Sans Hebrew';
    font-size: .88889rem;
    font-weight: 700;
    background: 0 0;
    padding: 0
}

.fx-modules__controls .fx-btn:nth-child(n+1) {
    margin-left: 20px
}

.fx-modules__controls .fx-btn::before {
    content: '+';
    color: #000;
    font-size: 1rem;
    font-weight: 700
}

.new-inner-content .fx-btn::before {
    content: '+';
    color: #000;
    font-size: 1rem;
    font-weight: 700
}

.fx-sidebar {
    background-color: #7fb7be;
    z-index: 2
}

.fx-sidebar .fx-menu-btn {
    display: none;
    position: absolute;
    top: 0;
    left: -60px;
    width: 60px;
    height: 60px;
    border: none;
    border-radius: 0;
    background-color: #7fb7be
}

.fx-sheader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 60px;
    background-color: #d9eced;
    position: relative;
}

.fx-sheader .fx-sheader__link {
    width: 35px;
    height: 35px;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.fx-sheader .fx-sheader__link.fx-sheader__link--home {
    background-image: url(/public/img/icon/svg/Home.svg)
}
.fx-sheader .fx-sheader__link.fx-sheader__link--hide {
    background-image: url(/public/img/close-menu.png)
}
.fx-sheader .fx-sheader__link.fx-sheader__link--open {
    background-image: url(/public/img/open-menu.png);
    display: none;
}

.fx-sheader .fx-sheader__link.fx-sheader__link--help {
    background-image: url(/public/img/icon/svg/Help.svg)
}

.fx-sheader .fx-sheader__link.fx-sheader__link--settings {
    background-image: url(/public/img/icon/svg/Settings.svg)
}

.fx-sheader .fx-sheader__link.fx-sheader__link--logout {
    background-image: url(/public/img/icon/svg/Exit.svg)
}

.fx-sheader .fx-sheader__link:hover {
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1)
}

.fx-scontent {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-y: auto;
    height: -webkit-calc(100% - 60px);
    height: calc(100% - 60px);
    padding: 30px 15px 20px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.fx-scontent.fx-disabled .fx-chat, .fx-scontent.fx-disabled .fx-sidebar-menu {
    opacity: .55;
    pointer-events: none
}

.fx-scontent .fx-school-logo {
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.fx-scontent .fx-create-course,
.fx-scontent .fx-sidebar-button {
    display: block;
    width: 99%;
    padding: 10px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: #000;
    background-color: #f9f9f9;
    font-family: 'Open Sans Hebrew';
    font-size: 18px;
    font-weight: 700;
    -webkit-box-shadow: 7px 6px 10px -1px rgba(0, 0, 0, .64);
    box-shadow: 7px 6px 10px -1px rgba(0, 0, 0, .64)
}

.fx-scontent .fx-create-course.fx-create-course--hidden {
    visibility: hidden
}

.fx-scontent .fx-sidebar-menu {
    margin-top: 30px;
    display: block
}

.fx-scontent .fx-chat {
    width: 100%;
    border: 2px solid #9dc7cd;
    padding: 25px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.fx-scontent .fx-chat .fx-chat__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fx-scontent .fx-chat .fx-chat__row:nth-child(2) {
    margin-top: 20px
}

.fx-scontent .fx-chat .fx-chat--button {
    color: #fcfcfc;
    font-family: 'Open Sans Hebrew';
    padding: 0;
    background: 0 0;
    border: none
}

.fx-scontent .fx-chat .fx-chat__add {
    height: 25px;
    width: 30px;
    display: block;
    background-image: url(/public/img/icon/add-message.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.fx-scontent .fx-chat .fx-chat__add:not(.fx-my--students) {
    opacity: 0;
    pointer-events: none
}

.fx-scontent .fx-chat .fx-chat__notify {
    width: 35px;
    height: 35px;
    display: block;
    background-image: url(/public/img/icon/svg/MyMessages.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    cursor: pointer;
}

.fx-scontent .fx-chat .fx-chat__notify.fx-chat__notify--active .fx-chat__reddot {
    background-image: url(/public/img/icon/svg/MessageDot.svg);
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
    display: block;
    position: absolute;
    width: 100%;
    top: -10px;
    background-size: 20px;
    opacity: 1;
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.fx-scontent .fx-chat .fx-chat__count {
    font-size: 16px;
    width: 30px;
    text-align: center;
    font-weight: 400
}

.fx-scontent .fx-chat .fx-chat__text {
    font-size: 16px;
    font-weight: 400
}

.fx-scontent .fx-brand-logo__wrapper {
    padding: 0 15px;
    margin: 25px auto 0 auto
}

.fx-scontent .fx-brand-logo__wrapper .fx-brand-logo {
    -o-object-fit: contain;
    object-fit: contain;
    max-width: 200px
}

.fx-sidebar{transition: width 0.5s;}
.fx-main__content{transition: width 0.5s;}
.fx-scontent{transition: transform 0.5s;}

.hide-menu.no-transition .fx-sidebar{transition: none;}
.hide-menu.no-transition .fx-main__content{transition: none;}
.hide-menu.no-transition .fx-scontent{transition: none;}

.hide-menu .fx-sidebar{
    width: 60px;
}
.hide-menu .fx-main__content{
    width: calc(100% - 60px);
}
.hide-menu .fx-scontent{
    transform: translateX(-100%);
}
body[dir =rtl] .hide-menu .fx-scontent {
    transform: translateX(100%);
}
.hide-menu .fx-sheader__link, .hide-menu .fx-selectHebrew, .hide-menu .fx-selectEnglish{
    display: none;
}
.hide-menu .fx-sheader .fx-sheader__link.fx-sheader__link--open{
    display: block;
}

@-webkit-keyframes pulse {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes pulse {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes pulseButton {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0.3
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes pulseButton {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0.3
    }
    100% {
        opacity: 1
    }
}

.fx-menu {
    list-style-type: none;
    padding-inline-start: 0;
}

.fx-menu:dir(rtl) {
    text-align: right
}

.fx-menu .fx-menu__item.fx-menu__item--active .fx-menu__link {
    font-weight: 700 !important
}

.fx-menu .fx-menu__item:nth-child(n+2) {
    margin-top: 28px
}

.fx-menu .fx-menu__item .fx-menu__link {
    font-weight: 400;
    margin: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fcfcfc !important;
    font-family: 'Open Sans Hebrew';
    font-size: 16px
}

.fx-menu .fx-menu__item .fx-menu__icon {
    vertical-align: middle
}

.fx-menu .fx-menu__item .fx-menu__icon::after {
    content: '';
    display: inline-block;
    height: 18px;
    width: 18px;
    background-image: url(/public/img/icon/svg/WhiteArrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: -webkit-transform .3s ease-in;
    transition: -webkit-transform .3s ease-in;
    transition: transform .3s ease-in;
    transition: transform .3s ease-in, -webkit-transform .3s ease-in;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

body[dir = rtl] .fx-menu .fx-menu__item .fx-menu__icon::after {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

.fx-menu .fx-menu__item .fx-link--selected {
    font-weight: 700 !important
}

.fx-menu .fx-menu__item .fx-sub-menu__checkbox {
    display: none
}

.fx-menu .fx-menu__item .fx-sub-menu__checkbox:checked ~ .fx-menu__link .fx-menu__icon::after {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.fx-menu .fx-menu__item .fx-sub-menu {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height .3s ease-in;
    transition: max-height .3s ease-in
}

.fx-menu .fx-menu__item .fx-sub-menu__list {
    list-style-type: none;
    padding: 15px 26px 15px 0
}

.fx-menu .fx-menu__item .fx-sub-menu__list .fx-sub-menu__item {
    /*direction: rtl*/
}

.fx-menu .fx-menu__item .fx-sub-menu__list .fx-link {
    font-size: 16px;
    color: #fcfcfc !important;
    font-weight: 400;
    text-decoration: none;
    background: 0 0;
    border: none
}

.fx-nocourses {
    height: 100%;
    padding-top: 5rem;
    background-image: url(/public/img/no-courses.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.fx-nocourses .fx-nocourses__header {
    margin: 0;
    text-align: center;
    color: #3a3a3a;
    font-family: 'Open Sans Hebrew';
    font-size: 2.5rem;
    font-weight: 400
}

.fx-noAssignments {
    height: 600px;
    padding-top: 5rem;
    background-image: url(/public/img/no-courses.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.fx-noAssignments .fx-noAssignments__header {
    margin: 0;
    text-align: center;
    color: #3a3a3a;
    font-family: 'Open Sans Hebrew';
    font-size: 2.5rem;
    font-weight: 400
}

.fx--disable {
    pointer-events: none
}

.fx--enable {
    pointer-events: all
}

.answer-column.answer-user .fx-teacher, .category-column .fx-teacher, .topic-column.topic-user .fx-teacher {
    display: inline-block;
    position: relative;
    font-weight: 700;
    padding-right: 25px
}

.answer-column.answer-user .fx-teacher::after, .category-column .fx-teacher::after, .topic-column.topic-user .fx-teacher::after {
    content: '';
    background-image: url(/public/img/icon/png/imgpsh_fullsize.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0
}

.fx-stats {
    width: 100%;
    /*direction: rtl;*/
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.fx-stats .stat-block {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    text-align: center
}

.fx-stats .stat-block .stat-name {
    color: #343535;
    font-family: 'Open Sans Hebrew';
    font-size: 20px;
    font-weight: 400
}

.fx-stats .stat-block .stat-count {
    color: #343535;
    font-family: 'Open Sans Hebrew';
    font-size: 40px;
    font-weight: 300;
    margin-top: 20px
}

.fx-stats .stat-block .stat-count span {
    color: #7fb7be
}

.fx-stats .hide {
    display: none
}

.fx-stat-round {
    cursor: pointer
}

.fx-stat-round img {
    width: 30px
}

.fx-assignments-menu {
    width: 100%;
    float: right;
}

body[dir = rtl] .fx-assignments-menu {
    width: 55%;
}

.fx-menu-links {
    float: left;
    margin-top: 20px;
    margin-bottom: 20px;
}

body[dir = rtl] .fx-menu-links {
    float: right;
}

.fx-menu-links a {
    text-decoration: none;
    color: #000;
    font-size: 17px;
    font-weight: 700;
    margin-left: 5px;
}

.fx-menu-links span {
    color: #000;
    font-size: 17px;
    font-weight: 700;
}

.fx-menu-links .active {
    color: #066efd;
}

@media (max-width: 1500px ) {
    .fx-assignments .fx-assignment-line .fx-assignment-text {
        font-size: 13px;
    }

}


@media (min-width: 1280px) {
    .fx-center {
        width: -webkit-calc(100% - 20%);
        width: calc(100% - 20%)
    }

    .fx-main__content {
        width: -webkit-calc(100% - 20%);
        width: calc(100% - 20%)
    }

    .fx-sidebar {
        width: 20%
    }
}

@media (max-width: 1279px) {
    .fx-exam .fx-upload__wrapper .fx-qfile {
        width: 30%
    }

    .fx-assignments .fx-assignment-line .fx-assignment-text {
        font-size: 13px;
    }
}

@media (max-width: 1079px) {
    .fx-content__controls {
        margin-top: 5px;
        padding: 5px 20px
    }

    .fx-modules .fx-student-search .b2 {
        width: 50% !important
    }

    .fx-modules .fx-student-search .b3 {
        width: 50% !important
    }

    .fx-modules .fx-student-search .b3 button {
        width: 50% !important
    }

    .fx-modules .module-header {
        padding: 5px
    }

    .fx-modules .module-header .group-name {
        font-size: .72222rem
    }

    .fx-modules .module-header .group-teacher .fx-user__text {
        font-size: .72222rem
    }

    .fx-modules .module-header .fx-ccount {
        font-size: .72222rem
    }

    .fx-modules .dragArea .content-row.content-row--student {
        margin: 10px;
    }

    .fx-modules .dragArea .content-row {
        margin: 10px 30px 0 50px
    }

    .fx-modules .dragArea .content-row .content-name::before {
        width: 22px !important;
        height: 22px !important;
        min-width: 22px !important;
    }

    .fx-modules .dragArea .content-row .content-feedback .fx-feedback__mark {
        width: 20px;
        height: 20px;
        margin-right: 5px
    }

    .fx-stat-items .fx-stat-item {
        margin-top: 5px;
        padding: 5px 10px
    }

    .fx-stat-items .fx-stat-item .fx-stat__icon {
        width: 30px;
        height: 30px
    }

    .fx-exam-items .fx-exam-item {
        margin-top: 5px;
        padding: 5px 10px
    }

    .fx-exam-items .fx-exam-item .fx-exam__icon {
        width: 30px;
        height: 30px
    }

    .fx-exam .fx-exam__header {
        margin-top: 5px;
        padding: 5px 10px
    }

    .fx-modal__body--csettings .fx-csettings__form .fx-csettings__item {
        width: 100%
    }

    .fx-modal__body--csettings .fx-csettings__form .fx-csettings__item.fx-csettings__item--empty {
        display: none
    }

    .fx-modal__body--csettings .fx-csettings__form .fx-csettings__label {
        width: 40%
    }

    .fx-modal.fx-modal--duplicate .fx-duplicate-course .fx-csettings__item {
        width: 100%
    }

    .fx-modal.fx-modal--duplicate .fx-duplicate-course .fx-csettings__item.fx-csettings__item--empty {
        display: none
    }

    .fx-modal.fx-modal--duplicate .fx-duplicate-course .fx-csettings__label {
        width: 40%
    }

    html {
        font-size: 16px
    }

    .fx-user-wrapper {
        width: 100%
    }

    .fx-main__content .fx-user__policy {
        width: 30px;
        height: 30px;
        margin-right: 15px
    }

    .fx-main__content .fx-content__wrapper {
        padding: 20px
    }

    .fx-title .fx-user-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .fx-title .fx-user-wrapper .fx-user__text {
        padding-left: 0
    }


}

@media only screen and  (max-width: 1079px) {
    .fx-assignments .fx-assignment-line .fx-assignment-text {
        font-size: 10px;
    }
}

@media (max-width: 768px) {
    .fx-sheader .fx-sheader__link.fx-sheader__link--hide{
        display: none;
    }
    .fx-modal .fx-modal__content .modal-footer {
        margin-top: 50px;
    }

    .fx-center {
        width: -webkit-calc(100% - 40%);
        width: calc(100% - 40%)
    }

    .fx-modal .fx-main .fx-main__content--login .fx-center .fx-login__wrapper {
        width: 100% !important
    }

    .fx-modal--publish-content .modal-body .fx-filter.fx-filter--hidden {
        display: none
    }

    .fx-modal--publish-content .modal-body .fx-filter__wrapper .fx-filter:not(.fx-filter--small), .fx-filterTms {
        width: 100%
    }

    .fx-modal--publish-content .modal-body .fx-content__item {
        margin-top: 10px
    }

    .fx-modal__body--profile .fx-profile__form .fx-profile__item {
        margin-top: 5px
    }

    .fx-modal__body--profile .fx-profile__form .fx-profile__label {
        width: 25%
    }

    .fx-modal__body--profile .fx-profile__form .fx-profile__input {
        width: 100%
    }

    .fx-modal__body--profile .fx-profile__form .fx-profile__input.fx-profile__input--half {
        margin-top: 5px;
        width: 100%
    }

    .fx-modal__body--profile .fx-profile__form .fx-profile__input.fx-profile__input--third {
        margin: 10px 0 0 0 !important;
        width: 100%
    }

    .fx-main__content .fx-content__wrapper {
        overflow-x: hidden;
        overflow-y: scroll
    }

    .fx-scontent .fx-brand-logo__wrapper {
        padding: 0
    }

    .fx-scontent .fx-brand-logo__wrapper .fx-brand-logo {
        width: 100%
    }

    .fx-assignments .fx-assignment-line .fx-assignment-text {
        font-size: 10px;
    }
}

@media (max-width: 767px) {
    .fx-center {
        width: 100%
    }

    .fx-center .fx-center__header {
        width: 50%;
        font-size: 45px
    }

    .fx-center .fx-center__stub {
        display: none
    }

    .fx-center .fx-center__stub--big {
        display: none
    }

    .fx-login__wrapper.fx-login__wrapper--restore {
        width: 50%;
        padding-bottom: 70%
    }

    .fx-login__wrapper {
        width: 50%;
        padding-bottom: 50%
    }

    .fx-modules .module-header .group-teacher {
        width: 50%
    }

    .fx-modules .module-header .group-teacher .group-teacher__change {
        display: none
    }

    .fx-modules .module-header .group__controls .group-delete {
        width: 20px;
        height: 20px
    }

    .fx-modules .module-header .group__controls {
        width: 15%
    }

    .fx-modules .module-header .group__controls .group-roll {
        width: 15px;
        height: 15px;
        margin-right: 10px
    }

    .fx-modules .dragArea .content-row.content-row--student .content-name {
        width: 100%
    }

    .fx-modules .dragArea .content-row {
        margin: 10px 20px 0 30px
    }

    .fx-modules .dragArea .content-row .content-edit {
        width: 20px;
        height: 20px
    }

    .fx-modules .dragArea .content-row .content-edit:first-child {
        margin-right: 10px;
    }

    .fx-modules .dragArea .content-row .content-newWindow {
        width: 20px;
        height: 20px
    }

    .fx-modules .dragArea .content-row .content-viewed {
        width: 20px;
        height: 20px;
        margin: 0
    }

    .fx-modules .dragArea .content-row .content-viewed.content-viewed--hidden {
        width: 20px;
        height: 20px;
        margin: 0
    }

    .fx-modules .dragArea .content-row .content-show {
        width: 20px;
        height: 20px;
        margin: 0
    }

    .fx-modules .dragArea .content-row .content-newWindow {
        width: 20px;
        height: 20px;
        margin: 0
    }

    .fx-modules .dragArea .content-row .content-remove {
        width: 20px;
        height: 20px
    }

    .fx-user-wrapper .fx-user__img {
        width: 25px;
        height: 25px
    }

    .fx-main__content {
        width: 100%;
    }

    .fx-main__content .fx-cheader {
        padding-right: 65px
    }

    .fx-modules__controls {
        margin: 0
    }

    .fx-sidebar {
        position: absolute;
        width: 50%;
        height: 100vh;
        right: -50%;
        -webkit-transition: all 1s ease;
        transition: all 1s ease
    }

    .fx-sidebar .fx-menu-btn {
        display: block
    }

    .fx-sidebar.fx-sidebar--visible {
        right: 0
    }

    .modal-footer .btn {
        white-space: normal;
    }

    .fx-main__content .fx-content__wrapper {
        height: 80vh;
    }
}

@media (max-width: 480px) {
    .fx-assignments .fx-assignment-line .fx-assignment-text.fx-c2 {
        margin-left: 10px;
        font-size: 6px;
        margin-right: 5px;
        overflow-x: hidden;
    }

    .fx-assignment-line.fx-assignment-line--header .fx-assignment-text:last-child {
        margin-left: -9px !important;
    }

    .fx-assignment-line.fx-assignment-line--header .fx-assignment-text:nth-last-child(2) {
        margin-left: -5px !important;
    }

    .fx-assignment-line.fx-assignment-line--header .fx-assignment-text.fx-c2 {
        margin: 0 0 0 0 !important;
    }

    .fx-assignment-line.fx-assignment-line--header .fx-assignment-text.fx-c4 {
        margin-left: 0 !important;
    }

    .fx-assignment-line.fx-assignment-line--header .fx-assignment-text.fx-c3 {
        margin-left: 0 !important;
    }

    .fx-assignment-line.fx-assignment-line--header .fx-assignment-text.fx-c10 {
        width: 6% !important;
    }

    .fx-center {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .fx-center .fx-center__header {
        width: 100%
    }

    .fx-center--restore .fx-login__wrapper.fx-login__wrapper--empty {
        display: none
    }

    .fx-login__wrapper.fx-login__wrapper--restore {
        position: relative;
        top: none;
        width: 90%;
        padding-bottom: 110%
    }

    .fx-login__wrapper {
        width: 85%;
        padding-bottom: 85%
    }

    .fx-content__controls {
        padding: 5px 15px
    }

    .fx-modules .module-header .group__controls {
        width: 25%;
    }

    .fx-modules .dragArea .content-row.content-row--student {
        margin: 5px;
        padding: 5px
    }

    .fx-modules .dragArea .content-row {
        margin: 10px 0 0 0;
        padding: 5px
    }

    body[dir = rtl] .fx-modules .dragArea .content-row {
        margin: 10px;
        padding: 5px
    }

    .fx-modules .dragArea .content-row .content-name {
        width: 30%;
        font-size: 10px;
    }

    .fx-modules .dragArea .content-row .content-controls {
        width: 35%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        align-items: center;
    }

    .fx-modules .dragArea .content-row .shareToForum,
    .fx-modules .dragArea .content-row .shareToForum:first-child,
    .fx-modules .dragArea .content-row .content-newWindow,
    .fx-modules .dragArea .content-row .content-newWindow.active,
    .fx-modules .dragArea .content-row .content-viewed,
    .fx-modules .dragArea .content-row .content-edit,
    .fx-modules .dragArea .content-row .content-show,
    .fx-modules .dragArea .content-row .content-remove {

        background-size: 15px 15px;
        margin: 0 0 0 0;
    }

    .fx-assignments .fx-assignment-line {
        padding: 0;
        width: 100%;
    }

    .fx-assignments .fx-assignment-line span {
        font-size: 7px;
    }

    .fx-assignments .fx-assignment-line .fx-assignment-text.fx-c8 {
        margin-left: 0;
        font-size: 15px;
    }

    .fx-modules .dragArea .content-row .content-feedback {
        width: 30%;
        font-size: 10px;

    }

    .fx-modules .dragArea .content-row .content-controls .content-newWindow {
        width: 20%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .fx-stat-items .fx-stat-item {
        padding: 5px;
        font-size: 13px
    }

    .fx-stat-items .fx-stat-item .fx-stat__icon {
        width: 25px;
        height: 25px
    }

    .fx-stat-items .fx-stat-item .fx-stat__name {
        padding-left: 2px
    }

    .fx-stat-items .fx-stat-item .fx-stat__teacher .fx-user-wrapper .fx-user__text {
        font-size: 13px;
        padding-left: 5px
    }

    .fx-stat-items .fx-stat-item .fx-stat__teacher .fx-user-wrapper .fx-user__img {
        display: none
    }

    .fx-stat-items .fx-stat-item .fx-stat__date {
        width: 25%
    }

    .fx-stat-items .fx-stat-item .fx-stat__remark {
        width: 10%
    }

    .fx-assignments {
        margin-top: 10px
    }

    .fx-assignments .fx-assignment-line.fx-assignment-line--header {
        margin-top: 10px;
        margin-right: 0;

    }

    .fx-assignments .fx-assignment-line.fx-assignment-line--header span {
        font-size: 7px !important;
    }

    .fx-assignments .fx-assignments-items__wrapper {
        margin-right: 0
    }

    html {
        font-size: 15px
    }

    .fx-main__content .fx-cheader {
        padding-left: 5px;
        min-height: 60px;
        height: auto
    }

    .fx-main__content .fx-cheader .fx-cheader__course {
        width: 100%;
        text-align: right
    }

    .fx-main__content .fx-cheader .fx-cheader__course .fx-course-settings {
        font-size: 12px
    }

    .fx-main__content .fx-content__wrapper {
        margin-top: 10px;
        padding: 15px
    }

    .fx-main__content .fx-content__wrapper .fx-content {
        margin-top: 10px
    }

    .fx-feedback .fx-feedback__marks .fx-feedback__mark.fx-feedback__mark--normal {
        margin: 0 20px
    }

    .fx-progress {
        margin-top: 10px
    }

    .fx-modules__controls {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .fx-modules__controls .fx-btn:nth-child(n+2) {
        margin: 0
    }

    .fx-sidebar {
        width: -webkit-calc(100% - 60px);
        width: calc(100% - 60px);
        right: -webkit-calc((100% - 60px) * -1);
        right: calc((100% - 60px) * -1)
    }

    .new-inner-content {
        display: block;
    }

    .new-inner-content .fx-btn {
        margin-bottom: 15px;
        font-size: 20px;
    }

    .new-inner-content .fx-btn::before {
        font-size: 19px;
    }
}

@media (max-width: 440px) {
    .fx-stats .stat-block:first-child .stat-count {
        margin-top: 47px
    }

    .fx-assignments .fx-assignment-line .fx-assignment-text.fx-c1 {
        width: 10%;
        font-size: 10px;
    }

    .fx-assignments .fx-assignment-line .fx-assignment-text.fx-c2 {
        margin-left: 10px;
        font-size: 6px;
        margin-right: 5px;
        overflow-x: hidden;
    }

    .fx-assignments .fx-assignment-line .fx-assignment-text.fx-c3 {
        margin-left: 10px;
        font-size: 7px;
    }

    .fx-assignments .fx-assignment-line .fx-assignment-text.fx-c4 {
        margin-left: 10px;
        font-size: 7px;
    }

    .fx-assignments .fx-assignment-line .fx-assignment-text.fx-c5 {
        font-size: 10px;
    }

    .fx-assignments .fx-assignment-line .fx-assignment-text.fx-c6 {
        font-size: 10px;
    }

    .fx-assignments .fx-assignment-line .fx-assignment-text.fx-c7 {
        font-size: 10px;
    }

    .fx-assignments .fx-assignment-line .fx-assignment-text.fx-c8 {
        margin-left: 0;
        font-size: 10px;
    }

    .fx-assignments .fx-assignment-line .fx-assignment-text.fx-c9 {
        margin-left: 0;
        font-size: 10px;
    }

    .fx-icon.fx-icon {
        background-size: 20px;
    }

    .fx-text {
        font-size: 10px;
        padding: 3px 3px;
    }

    .fx-assignments .fx-assignment-line .fx-assignment-text.fx-c9 {
        margin-left: 0;
    }
}


@media (max-width: 320px) {
    .fx-stats .stat-block:first-child .stat-count {
        margin-top: 47px
    }

    .fx-assignments .fx-assignment-line .fx-assignment-text.fx-c1 {
        width: 10%;
        font-size: 7px;
    }

    .fx-assignments .fx-assignment-line .fx-assignment-text.fx-c2 {
        margin-left: 10px;
        font-size: 7px;
    }

    .fx-assignments .fx-assignment-line .fx-assignment-text.fx-c3 {
        margin-left: 10px;
        font-size: 7px;
    }

    .fx-assignments .fx-assignment-line .fx-assignment-text.fx-c4 {
        margin-left: 10px;
        font-size: 7px;
    }

    .fx-assignments .fx-assignment-line .fx-assignment-text.fx-c5 {
        font-size: 7px;
    }

    .fx-assignments .fx-assignment-line .fx-assignment-text.fx-c6 {
        font-size: 7px;
    }

    .fx-assignments .fx-assignment-line .fx-assignment-text.fx-c7 {
        font-size: 7px;
        margin-left: 0px;
    }

    .fx-assignments .fx-assignment-line .fx-assignment-text.fx-c8 {
        font-size: 9px;
    }

    .fx-icon.fx-icon {
        background-size: 15px;
    }

    .fx-review.fx-review--icon img {
        width: 15px;
        height: 15px;
    }

    .fx-text {
        font-size: 7px;
        padding: 3px 3px;
    }
}


@media (min-width: 1080px) and (max-width: 1279px) {
    .fx-center {
        width: -webkit-calc(100% - 25%);
        width: calc(100% - 25%)
    }

    .fx-center .fx-center__header {
        width: 70%;
        font-size: 70px
    }

    .fx-center .fx-center__stub {
        width: 10%;
        margin-right: -10%
    }

    .fx-center .fx-center__stub--big {
        width: 10%;
        margin-right: -10%;
        padding-bottom: 50%
    }

    .fx-center--restore .fx-center__header {
        width: 60%
    }

    .fx-center--restore .fx-login__wrapper.fx-login__wrapper--empty {
        width: 40%
    }

    .fx-login__wrapper.fx-login__wrapper--restore {
        width: 40%;
        padding-bottom: 50%
    }

    .fx-login__wrapper {
        width: 30%;
        padding-bottom: 30%
    }

    html {
        font-size: 17px
    }

    .fx-main__content {
        width: -webkit-calc(100% - 25%);
        width: calc(100% - 25%)
    }

    .fx-sidebar {
        width: 25%
    }
}

@media (min-width: 769px) and (max-width: 1079px) {
    .fx-center {
        width: -webkit-calc(100% - 35%);
        width: calc(100% - 35%)
    }

    .fx-center .fx-center__header {
        width: 50%;
        font-size: 55px
    }

    .fx-center .fx-center__stub {
        width: 15%;
        margin-right: -15%
    }

    .fx-center .fx-center__stub--big {
        width: 15%;
        margin-right: -15%;
        padding-bottom: 70%
    }

    .fx-center--restore .fx-center__header {
        width: 45%
    }

    .fx-center--restore .fx-login__wrapper.fx-login__wrapper--empty {
        width: 55%
    }

    .fx-login__wrapper.fx-login__wrapper--restore {
        width: 55%;
        padding-bottom: 70%
    }

    .fx-login__wrapper {
        width: 50%;
        padding-bottom: 50%
    }

    .fx-main__content {
        width: -webkit-calc(100% - 35%);
        width: calc(100% - 35%)
    }

    .fx-sidebar {
        width: 35%
    }
}

/*# sourceMappingURL=app.css.map */
@media (max-width: 800px) {
    #contentName, #questionListContentName, #bucketQuestionsContentName {
        margin-right: 0;
        margin-left: 0;
        width: 100%;
    }

    .fx-innerQuestion {
        border-bottom: 2px solid grey;
        padding-bottom: 5px;
    }

    .fx-innerQuestion label {
        width: 70%;
        margin-top: 0 !important;
    }

    .fx-innerQuestion input {
        width: 65%;
        margin-bottom: 5px;
    }

    .fx-innerQuestion .fx-icon, .fx-innerListQuestionsItem .fx-icon {
        background-size: 30px;
        margin: 0 5px;
    }

    .fx-icon.questionRemoveFile--active, .fx-icon.hintRemoveFile--active, .fx-icon.explanationRemoveFile--active, .fx-icon.listRemoveQuestionFile--active, .fx-icon.listRemoveCorrectAnswerFile--active,
    .fx-icon.listRemoveWrongAnswerOneFile--active, .fx-icon.listRemoveWrongAnswerTwoFile--active, .fx-icon.listRemoveWrongAnswerThreeFile--active {

        width: 20%;

    }

    .fx-icon.questionRemoveFile, .fx-icon.hintRemoveFile, .fx-icon.explanationRemoveFile, .fx-icon.listRemoveQuestionFile, .fx-icon.listRemoveCorrectAnswerFile,
    .fx-icon.listRemoveWrongAnswerOneFile, .fx-icon.listRemoveWrongAnswerTwoFile, .fx-icon.listRemoveWrongAnswerThreeFile {
        width: 15% !important;
    }
}