/* Profile Settings */

.profile-teacher {
    padding-top: 50px;
}

.profile-settings {
    margin: 0 auto;
}

.profile-settings__header {
    margin-bottom: 50px;
    display: inline-block;
}

.profile-setting__title {
    width: 150px;
    margin-right: 5px;
    display: inline-block;
}

.profile-setting {
    padding-bottom: 17px;
}

.profile-setting__input {
    width: 210px;
    border: none;
    border-bottom: 2px solid black;
    transition: all .1s ease-in-out;
}

.profile-setting__textarea-profile {width: 360px}

.profile-setting__input:focus {
    color: black;
    border-bottom: 2px solid #86bc42;
    box-shadow: 0px 5px 9px -8px #86bc42;
}

.profile-settings__form {
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
}

.profile-settings__col_user {padding-bottom: 40px !important; margin: 0 !important}
.profile-settings__col_user .profile-settings__button {margin-top: 0}
.profile-settings__editor {width: 100%; padding-bottom: 40px !important}

.profile-settings__upload-photo {
    width: 250px;
    height: 250px;
    margin: 0 auto 10px 0;

    display: block;
    overflow: hidden;
    position: relative;

    border: 2px solid #86bc42;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1)
}

.profile-settings__upload-caption {
    width: 100%;
    display: block;
    padding: 15px 0;

    position: absolute;
    left: 0;
    bottom: -52px;

    text-align: center;
    text-transform: uppercase;

    color: black;
    background: lightgrey;
    transition: all .2s ease-in-out;
}

.profile-settings__upload-photo:hover .profile-settings__upload-caption {
    bottom: 0;
}

.profile-settings__upload-photo img {
    max-width: 100%;
}

.profile-settings__upload-photo input {
    display: none;
}

.profile-setting__column-title {
    display: block;
}

.profile-setting__column-title {
    font-size: 16px;
    padding-bottom: 19px;
    color: black;
}

.profile-settings__upload-video,
.profile-settings__upload-photo-btn {
    width: 250px;
    height: 50px;
    margin: 0 auto 35px;

    display: flex;
    align-items: center;
    justify-content: center;

    cursor: pointer;
    border: 2px solid #86bc42;
    /* color: #000000; */

    text-transform: uppercase;
    transition: all .2s ease-in-out;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1)
}

.profile-settings__upload-photo-btn {
    height: auto;
    margin: 0 auto;
}

.profile-settings__upload-photo-btn input {
    display: none;
}

.profile-settings__upload-photo-btn:hover {
    background-color: #242c42;
    color: white;
}

.profile-setting__textarea {
    height: 30px;
    border: 2px solid black;
    resize: none;
}

.profile-setting__textarea:focus {
    color: black;
    border: 2px solid #86bc42;
    box-shadow: 0px 5px 9px -8px #86bc42;
}

.profile-settings__col--balance {
    padding-top: 32px;
}

.profile-settings__col--balance label {
    margin-bottom: 0;
}

.profile-setting__balance,
.profile-setting__rate {
    min-width: 87px;
    height: 40px;
    /* margin: 0 5px; */
    padding: 0px 10px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #fff;
    font-weight: bold;
    background: #86bc42;
}

.profile-settings__col--balance .profile-setting {
    padding-bottom: 10px;
}

.profile-settings__col--balance .profile-setting__title {
    width: 130px;
}

.profile-settings__button {
    margin-left: auto;
}

.profile-settings__col--payment {
    margin: 0 auto;
    /*padding-left: 33px;*/
    padding-top: 50px;
}

.socialmedia-buttons {display: table; margin: 0 auto}
.socialmedia-buttons a.btn.btn-green {display: inline-block !important; margin: 0 10px 20px 10px; color: #fff !important}
.socialmedia-buttons a.btn.btn-green:hover {color: #fff !important}
.socialmedia-buttons a.btn i {margin-left: 0; margin-right: 10px}

.file-wrapper {width: 100%; max-width: 800px; height: auto; margin: 10px 0 20px 0}
.video-wrapper video {width: 100%; max-width: 800px; height: auto}
.answers-wrapper {margin: 10px 0 20px 0}
.answers-wrapper input[type=radio] {margin-right: 6px}
.answers-wrapper label {font-weight: normal}
.quiz-question {font-size: 1.8rem; font-weight: bold}
.answer-textarea {width: 100%; padding: 5px}
.answer-variants {padding-left: 5px}
.matching-table select {margin: 5px 0}
.send-answers-label {float: left; margin-right: 10px}
.correct-answer {color: green; font-weight: bold !important}
.incorrect-answer {color: red; font-weight: bold !important}
.incorrect_answer_caption, .correct_answer_caption {display: none;}

.test-time-wrapper {border: 1px solid red}
.test-time {display: block; position: absolute; bottom: -154px; right: 0; background-color: #fff; border: 1px solid #86bc42; padding: 6px 10px; font-weight: bold; text-align: center; min-width: 75px}

.quizes-wrapper .edugate-content {display: block; width: 100% !important; padding: 30px !important}
.quizes-wrapper .edugate-content .description {width: 100%}
.quizes-wrapper .edugate-content-results {width: 100%; padding: 20px 30px 30px 30px}
.quizes-wrapper .edugate-content .btn {position: relative; float: unset; right: auto; bottom: auto; display: inline-block !important}

.quizes-link {display: inline-block; padding-left: 10px}

.title-quizes {font-size: 2rem; font-weight: bold}

.total-rate {display: table; margin: 10px auto; font-size: 2rem; font-weight: bold}
.total-rate * {font-size: 2rem; font-weight: bold}

@media (max-width: 991px) {
    .profile-settings__form {
        flex-wrap: wrap;
    }

    .profile-settings__col {
        padding-bottom: 40px;
    }

    .profile-settings__button {
        margin-top: 10px;
    }

    .profile-settings__col--balance {
        /*order: 1;*/
        width: 100%;
        padding-top: 10px;
    }

    /*.profile-settings__col--main {
        order: 1;
    }

    .profile-settings__col--details {
        order: 2;
    }*/

    .profile-settings__col--payment {
        /*order: 3;*/

        padding-right: 15px;
        padding-left: 15px;
        /*padding-left: 0;
        padding-top: 0;
        margin: 0;
        margin-left: auto;*/
        margin: 0
    }

}

@media (max-width: 767px) {
    .test-time {bottom: -34px}
}
@media (max-width: 737px) {
    .col-left-bank-details {display: none}
    .profile-settings__col {margin: 0 auto}
}

@media (max-width: 700px) {
    .profile-settings__header.underline {
        display: block;
        text-align: center;
    }

    .profile-settings__header.underline:after {
        position: static;
        margin: 5px auto 0;
    }

    .profile-settings__col {
        /*width: 100%;*/
        /*padding-bottom: 80px;*/
    }

    .profile-settings__col:last-of-type {
        padding-bottom: 0;
    }

    .profile-settings__col--balance {
        padding-bottom: 40px;
    }

    .profile-settings__col--payment {
        padding-top: 0;
    }

    .profile-setting {
        max-width: 368px;
        margin: 0 auto;
    }

    .profile-setting__column-title {
        /*text-align: center;*/
    }

    .profile-settings__button {
        margin: 10px auto 0;
    }

    .profile-settings__upload-photo-btn {
        display: block;
    }

    .profile-settings__col--balance .profile-setting {
        max-width: 235px;
    }

    .profile-teacher {
        padding: 60px 0 100px;
    }
}

@media (max-width: 457px) {
    .profile-setting {width: 100%; max-width: 100% !important}
    .profile-setting label {display: block; width: 100%}
    .profile-setting__input {width: 100%}
    .profile-settings__col {width: 100%}
    .profile-settings__col--payment {width: 100%}
    .profile-setting__textarea-profile {width: 100%}
    .profile-settings__upload-photo {margin-left: auto; margin-right: auto}
    .profile-settings__upload-photo-btn {display: table !important; margin: 0 auto !important}
}

@media (max-width: 430px) {

    .profile-setting {
        max-width: 211px;
        padding-bottom: 25px;
    }

    .profile-setting__title {
        width: auto;
    }
}

/* Students list */

.students {
    max-width: 670px;
    margin: 0 auto;
}

.students__item {
    display: flex;
    padding: 15px;
    margin-bottom: 15px;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
}

.students__item:hover {
    background: #fbfbfb;
}

.students__item-col {
    margin-left: 20px;
}

.students__item-row {
    padding-bottom: 8px;
}

.students__avatar {
    width: 70px;
    height: 80px;
}

.students__name {
    color: #3c3c3c;
    font-weight: bold;
    font-size: 16px;
}

.students__status {
    display: inline-block;
    padding: 1px 9px;
    margin-left: 7px;
    border-radius: 6px;
    color: white;
}

.students__status:hover {color: #fff}

.students__item--potential .students__status {
    background: #a6742b;
}

.students__item--out-of-credit .students__status {
    background: #b94a48;
}

.students__item--trial .students__status {
    background: #7031a0;
}

.students__item--credit-low .students__status {
    background: #f89505;
}

.students__item--credit .students__status {
    background: #02b051;
}

.students__item-row--contact .students__title {
    color: #292929;
}

.students__title {
    min-width: 67px;
    display: inline-block;
}

.students__contact {
    padding-left: 20px;
    margin-right: 10px;
    position: relative;
    display: inline-block;
}

.students__contact:last-of-type {
    margin-right: 0;
}

.students__contact .icon {
    width: 15px;
    height: 15px;
    display: block;

    position: absolute;
    left: 0px;
    bottom: 3px;

    background-position: center;
    background-size: cover;
}

.students__contact--nickname .icon {
    background-image: url("headphones.png");
}

.students__contact--mail .icon {
    background-image: url("mail.png");
}

.students__schedule .day {
    padding-right: 5px;
}

.students__add-button {
    width: 15px;
    height: 15px;
    margin-left: 5px;

    display: inline-block;
    position: relative;
    top: 2px;

    border: none;
    background: url("plus.png") no-repeat center;
    background-size: cover;
}

.students__add-button:focus {
    outline: none;
}

@media (max-width: 640px) {
    .students {
        max-width: 360px;
        margin: 0 auto;
    }

    .students__item {
        flex-wrap: wrap;
        padding-top: 30px;
        margin-bottom: 20px;

        text-align: center;
        box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.35);
    }

    .students__item > a {
        margin: 0 auto 11px;
    }

    .students__item-col {
        width: 100%;
        margin-left: 0;
    }

    .students__item-row {
        max-width: 80%;
        margin: 20px auto;
    }

    .students__name {
        display: block;
    }

    .students__title {
        display: block;
    }

    .students__item-row--contact {
        max-width: 250px;
    }

    .students__avatar {
        width: 100px;
        height: 110px;
        border: 1px solid lightgrey;
    }
}

/* Students modal */

.button--cancel {
    background: #c1c1c1;
}

.button--cancel:hover {
    background: #adadad;
    color: #fff;
}

.button--save {
    background: #0283cd;
}

.button--save:hover {
    background: #0571af;
    color: #fff;
}

.button--save:focus {
    color: #fff;
}

.modal-header .close {
    opacity: 0.5;
}

.modal-header .close span {
    font-size: 18px;
}

/*  */

.user-section-padding {padding: 50px 0 100px 0;}
.fc {font-family: "Arial", sans-serif !important;}
.ui-timepicker-container {z-index: 9999 !important;}
#addLesson .modal__lesson-wrap label div, #cancelation .modal__lesson-wrap label div, #prove .modal__lesson-wrap label div {display: inline-block;}
#addLesson .modal__lesson-wrap label div div.error.errorBcms, #cancelation .modal__lesson-wrap label div div.error.errorBcms, #prove .modal__lesson-wrap label div div.error.errorBcms {top: -45px;}
.fc-event{cursor: pointer;}
label.modal__lesson-checkbox-title {width: auto; padding: 0px; display: inline; text-align: left; text-transform: initial; cursor: pointer;}
.addLessonInfo {display: none;}
.modal-footer {text-align: center;}
.button--complete {background-color: #02b051;}
.button--complete:hover, .button--complete:focus {color: white; background-color: #14944e;}
.button--cancelation {background-color: #b94a48;}
.button--cancelation:hover, .button--cancelation:focus {color: white; background-color: #9f4442;}
.button--delete {background-color: #7f1212;}
.button--delete:hover, .button--delete:focus {color: white; background-color: #630e0e;}

.financeTable table td, .financeTable table th {padding: 10px}
.financeTable tr {border: 1px solid #d2d2d2}
.financeTable tr:nth-child(odd) {background-color: #f2f2f2}
.profile-settings__col--topup {text-align: center}

.addquiz-form {padding: 0}
.addquiz-form.bg-w-form .form-group {min-height: auto !important}
.addquiz-submit {text-align: center}

.hidden-question {display: none}
.answers {display: none}

@media (max-width: 991px) {
    .finance--balance {width: 50%;}
    .profile-settings__col--topup {
        width: 50%;
        order: 2
    }
}
@media (max-width: 700px) {
    .profile-settings__col--topup {
        order: 2;
    }
}
@media (max-width: 600px) {
    .finance--balance, .profile-settings__col--topup {width: 100%}
    .financeTable table {margin: 0 auto}
}