/* ----------------------------------------------- */
/* Стили для раздела "Задать вопрос консультантам" */
/* ----------------------------------------------- */

/* Скрываемый блок */

.questions-top-wrap {
    max-height: 500px;
    background: rgba(253,178,38,0.06);
    padding: 17px 18px 20px;
    margin-bottom: 16px;
    overflow: hidden;
    position: relative;
    top: 0;
    transform: scale(1);
    box-shadow: 1px 1px 15px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 15px 0 rgba(0,0,0,0.2);
    -webkit-box-shadow: 1px 1px 15px 0 rgba(0,0,0,0.2);
    -webkit-transition: all 0.25s ease-in-out;
    -webkit-transition-delay: 0s;
    -moz-transition: all 0.25s ease-in-out 0s;
    -o-transition: all 0.25s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}

.questions-top-close {
    width: 32px;
    height: 32px;
    background: url(/css/design2016/img/close.png) no-repeat;
    color: #000;
    cursor: pointer;
    position: absolute;
    top: 14px;
    right: 14px;
    opacity: 0.6;
    -webkit-transition: all 0.2s ease-in-out;
    -webkit-transition-delay: 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.questions-top-close:hover {
    opacity: 1;
}

.questions-top-wrap.collapsed {
    transform: scale(0);
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
    max-height: 0;
}

.questions-info-consultants {
    font-size: 16px;
    line-height: 23px;
    padding: 18px 55px 5px 18px;
}

/* Вступительный текст */

.questions-intro > p {
    line-height: 23px;
    padding: 0 70px 0 2px;
    margin-bottom: 0;
}

/* Кнопка "Задать вопрос" */

.question-button {
    height: 70px;
    position: relative;
}

.question-button .btn-mh {
    margin-bottom: 16px;
}

/* Ссылки-кнопки показа информации */

.questions-btn-info-consultants,
.questions-btn-info-patients {
    max-width: 0;
    max-height: 0;
    margin-left: 0;
    margin-right: 0;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    transform: scale(0);
    -webkit-transition: all 0.2s ease-in-out;
    -webkit-transition-delay: 0.3s;
    -moz-transition: all 0.2s ease-in-out 0.3s;
    -o-transition: all 0.2s ease-in-out 0.3s;
    transition: all 0.2s ease-in-out 0.3s;
}

.questions-btn-info-consultants.zoom-in,
.questions-btn-info-patients.zoom-in {
    max-width: 250px;
    max-height: 100px;
    line-height: 17px;
    margin-left: 10px;
    margin-right: 10px;
    transform: scale(1);
}

/* Форма "Задать вопрос" */

#addQuestionDiv {
    margin-bottom: -6px;
    display: none;
}

#addQuestionForm {
    margin-bottom: 0;
    padding-bottom: 0;
}

#addQuestion {
    background: #F5FCFF;
    border: 1px #68b3e7 solid;
    padding: 14px 18px 17px;
    position: relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#addQuestion > .add-question-overlay {
    width: 100%;
    height: 100%;
    background-image: url(/css/design2016/img/loading.gif);
    background-repeat: no-repeat;
    background-position: center calc(50% - 50px);
    background-color: rgba(255, 255, 255, 0.85);
    font-size: 18px;
    text-align: center;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

#addQuestion > .add-question-disable {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: table;
    z-index: 2;
}

#addQuestion > .add-question-disable > div {
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.85);
    text-align: center;
    vertical-align: middle;
    display: table-cell;
}

#addQuestion > .add-question-disable > div p {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 15px;
}

#addQuestion > .add-question-disable > div a {
    border: 2px #4d8dbb solid;
    color: #4d8dbb;
    font-size: 20px;
    padding: 9px 20px;
    margin: 30px 50px 0;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    transition: all 0.2s ease-in-out 0s;
}

#addQuestion > .add-question-disable > div a:hover {
    background: #4d8dbb;
    color: #FFF;
}

#addQuestion div {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#addQuestion div > span,
.add-answer div > span {
    font-size: 15px;
    padding-bottom: 2px;
    display: block;
}

#addQuestion div > span i,
.add-answer div > span i {
    font-size: 14px;
    padding-right: 2px;
    position: relative;
    top: -1px;
}

#addQuestion .add-email,
#addQuestion .add-theme {
    width: 50%;
    padding-right: 20px;
    margin-bottom: 9px;
    position: relative;
    float: left;
}

#addQuestion .add-email-descr {
    height: 61px;
    color: #888;
    font-size: 13px;
    line-height: 17px;
    padding-bottom: 1px;
    vertical-align: bottom;
    display: table-cell;
}

#addQuestion .add-theme.auth {
    width: 40%;
}

#addQuestion .add-email input,
#addQuestion .add-theme input {
    width: 100%;
}

#addQuestion .add-theme #countLettersInput,
.question .edit-theme .countLettersInput {
    border: 1px #DDD solid;
    background: #EEE;
    color: #444;
    font-size: 12px;
    padding: 4px 8px 1px;
    margin: 0;
    position: absolute;
    bottom: 38px;
    right: 24px;
    opacity: 0;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
}

#addQuestion .add-descr {
    margin-bottom: 5px;
}

#addQuestion .add-descr textarea {
    width: 100%;
    height: 68px;
    min-height: 68px;
    max-height: 340px;
    resize: vertical;
}

#addQuestion .add-link {
    width: 100%;
    border-top: 1px #b9deff solid;
    padding-top: 11px;
    margin-top: 10px;
    margin-bottom: 14px;
}

#addQuestion .add-link input,
.add-answer .add-link input {
    width: calc(100% - 52px);
    margin-right: 10px;
    display: inline-block;
    float: left;
}

#addQuestion .add-link div.btn-mh,
.add-answer .add-link div.btn-mh {
    font-weight: 600;
    padding-left: 14px;
    padding-right: 14px;
    float: right;
}

#addQuestion .add-doc {
    width: 100%;
    margin-bottom: 10px;
}

#addQuestion .add-doc .manage-files .add-document {
    width: 184px;
    padding-left: 0;
    padding-right: 0;
}

#addQuestion .add-doc .manage-files .add-user-document {
    width: 226px;
    padding-left: 0;
    padding-right: 0;
    float: right;
}

#addQuestion .add-doc .manage-files .add-question-input-file,
.addAnswer .manage-files .add-question-input-file {
    display: none;
}

.addAnswer .attach-divider {
    border-top: 1px #DDD solid;
    margin-top: 15px;
    display: none;
}

.addAnswer .manage-files {
    float: left;
}

.addAnswer .manage-files .add-document {
    margin-right: 8px;
}

#addQuestion .file-list .one-file,
.addAnswer .file-list .one-file,
#addQuestion .QuestionsImgList div,
.add-answer .AnswerImgList div {
    float: left;
    position: relative;
}

#addQuestion .file-list .one-file a,
.addAnswer .file-list .one-file a,
#addQuestion .QuestionsImgList div a,
.add-answer .AnswerImgList div a {
    height: 58px;
    border: 4px #FFF solid;
    margin: 4px 20px 20px 0;
    display: block;
    box-shadow: 1px 1px 8px 0 #888;
    -moz-box-shadow: 1px 1px 8px 0 #888;
    -webkit-box-shadow: 1px 1px 8px 0 #888;
}

.addAnswer .file-list .one-file a {
    margin: 22px 20px 0 0;
}

.add-answer .AnswerImgList div a {
    margin: 22px 20px 0 0;
}

#addQuestion .file-list .one-file .userAttachDoc {
    padding: 0 5px;
}

#addQuestion .file-list .one-file a img,
#addQuestion .QuestionsImgList div a img,
.add-answer .AnswerImgList div a img {
    height: 50px;
}

#addQuestion .file-list .one-file .remove,
.addAnswer .file-list .one-file .remove,
#addQuestion .QuestionsImgList div .deleteIcon,
.add-answer .AnswerImgList div .deleteIcon {
    width: 24px;
    height: 24px;
    background: url(/images/delete_image.png) no-repeat;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.85;
    position: absolute;
    top: -4px;
    right: 12px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}

.addAnswer .file-list .one-file .remove {
    top: 12px;
}

.add-answer .AnswerImgList div .deleteIcon {
    top: 12px;
}

#addQuestion .file-list .one-file .remove:hover,
#addQuestion .QuestionsImgList div .deleteIcon:hover,
.add-answer .AnswerImgList div .deleteIcon:hover {
    opacity: 1;
}

#addQuestion .own-files-note {
    display: none;
}

#addQuestion .own-files-note.active {
    display: block;
    margin: 10px 0 5px;
}

#addQuestion .add-medicine {
    width: calc(50% - 90px);
    margin-bottom: 9px;
    float: left;
}

#addQuestion .add-medicine.auth {
    width: calc(40% - 90px);
}

#addQuestion .add-whom {
    width: 20%;
    padding-left: 20px;
    margin-bottom: 9px;
    float: left;
}

#addQuestion .add-files {
    width: 90px;
    padding-left: 20px;
    margin-bottom: 9px;
    position: relative;
    float: left;
}

#addQuestion .add-files > input {
    width: 100%;
}

#addQuestion .add-files-wrap {
    width: 456px;
    border: 1px #CCC solid;
    background: #F8F8F8;
    padding: 15px 16px 14px;
    position: absolute;
    top: 64px;
    right: 0;
    z-index: 10;
    display: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 8px 8px 50px 10px rgba(0,0,0,0.3);
    -webkit-box-shadow: 8px 8px 50px 10px rgba(0,0,0,0.3);
    box-shadow: 8px 8px 50px 10px rgba(0,0,0,0.3);
}

#addQuestion .add-files-wrap > span {
    color: #777;
    font-size: 14px;
    font-style: italic;
    line-height: 17px;
}

#addQuestion .add-consultant {
    margin-bottom: 12px;
}

#addQuestion .add-checkbox {
    width: 50%;
    float: left;
}

#addQuestion .add-checkbox input[type=checkbox] {
    width: 20px !important;
    height: 20px !important;
    margin-top: 2px;
    margin-left: 0;
    margin-right: 6px;
    position: relative;
    top: 4px;
}

#addQuestion .add-checkbox label {
    height: 27px;
    font-size: 15px;
    font-weight: normal;
    padding: 2px 0 0;
	margin-bottom: 0;
}

#addQuestion .add-checkbox input[type=text] {
    width: 120px;
    height: 29px;
    font-size: 15px;
    padding-top: 5px;
    padding-left: 9px;
    padding-right: 9px;
    margin-left: 2px;
}

#addQuestion .add-checkbox.add-autoreg {
    padding-top: 25px;
}

#addQuestion .add-checkbox .markup {
    height: 24px;
    padding-top: 2px;
}

#addQuestion .add-checkbox.disabled label {
    color: #BBB;
}

#addQuestion .add-checkbox.disabled input[type=text] {
    background: #f1f4f6;
    border: 1px #cccfd0 solid;
}

#input-award {
    width: 150px !important;
    display: inline-block;
}

#addQuestion .billing-error {
    position: absolute;
    z-index: 5;
    width: auto;
    height: auto;
    color: #F00;
    font-size: 16px;
    font-weight: 600;
    vertical-align: middle;
    display: inline-block;
    -webkit-transition: all 0.2s ease-in-out;
    -webkit-transition-delay: 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

#addQuestion .billing-error-internal {
    border: solid 1px #F00;
    background-color: #FEE;
    padding: 3px 8px;
}

#addQuestion .billing-error.flash {
    -moz-transform: scale(1.08,1.08) !important;
    -ms-transform: scale(1.08,1.08) !important;
    -webkit-transform: scale(1.08,1.08) !important;
    -o-transform: scale(1.08,1.08) !important;
    transform: scale(1.08,1.08) !important;
}

#addQuestion .add-captcha {
    margin-top: 14px;
    float: left;
}

#addQuestion .add-captcha img {
    width: 260px;
    height: 110px;
    border: 5px #FFF solid;
    cursor: pointer;
    box-shadow: 1px 1px 4px 0 #BBB;
    -moz-box-shadow: 1px 1px 4px 0 #BBB;
    -webkit-box-shadow: 1px 1px 4px 0 #BBB;
}

#addQuestion .add-captcha input {
    width: 260px;
    margin-top: 8px;
    display: block;
}

#addQuestion .docs-popup-inner {
    display: none;
}

#popup-window .feedback_fields {
    height: 300px;
    padding: 0 5px;
    margin-bottom: 20px;
    overflow-y: auto;
}

#popup-window .feedback_fields input[type=checkbox] {
    width: 20px;
    height: 20px;
    margin: 2px 5px 5px 0;
    float: left;
}

#popup-window .feedback_fields label {
    font-weight: normal;
    line-height: normal;
    margin: 0;
    padding: 4px 0 0;
    display: block;
    float: left;
}

#popup-window .feedback_close {
    height: 50px;
    text-align: center;
}

#popup-window .feedback_close div {
    width: 140px;
    margin: 0 10px;
}

[name="uploadIframe"],
.form-uploader {
    width: 0;
    height: 0;
    visibility: hidden;
}

[name="uploadIframe"] input[type=submit],
.form-uploader input[type=submit] {
    display: none;
}

#addQuestion .add-checkboxes {
    border-top: 1px #b9deff solid;
    padding-top: 8px;
}

#addQuestion .add-submit-wrap {
    border-top: 1px #b9deff solid;
    padding-top: 14px;
    margin-top: 8px;
    position: relative;
}

#addQuestion .add-submit-wrap.anon {
    margin-top: 12px;
}

#addQuestion .add-submit-wrap > span {
    max-width: calc(100% - 300px);
    line-height: 19px;
    padding-bottom: 0;
    position: absolute;
    top: 13px;
    right: 0;
}

#addQuestion .add-submit-wrap > span i {
    color: #888;
    font-size: 22px;
    position: absolute;
    top: calc(50% - 18px);
    left: -36px;
}

#addQuestion .add-submit-wrap > span span {
    height: 45px;
    line-height: 20px;
    vertical-align: middle;
    display: table-cell;
}

#addQuestion #add_question_submit {
    margin-right: 12px;
}

#add_question_ask_qs_wrapper {
    display: inline-block;
    width: calc(100% - 190px);
    min-width: 160px;
    min-height: 38px;
}
#add_question_ask_qs_wrapper label {
    font-weight: normal !important;
    font-size: 16px !important;
    margin-right: 12px;
}
#add_question_ask_qs_wrapper input[type=text] {
    width: 100%;
    max-width: 350px;
}
#ask_qs_permit {
    width: 20px;
    height: 20px;
    margin-right: 2px;
    position: relative;
    top: 4px;
}

.add-autoreg label {
    line-height: 18px;
    margin-left: 28px;
    display: block;
    position: relative;
    top: -31px;
}

/* Форма-фильтр для списка вопросов */

#questions {
    background: #F5FCFF;
    border: 1px #68b3e7 solid;
    /*	padding: 14px 25px 18px; - расскоментировать для доп. фильтров */
    padding: 10px 20px 20px;
    position: relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#questions div {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#questions div span {
    font-size: 16px;
    padding-bottom: 4px;
    display: block;
}

#questions div span i {
    font-size: 20px;
    padding-right: 2px;
}

#questions .filter-type {
    width: calc(((100% - 240px) / 2) - 50px);
    float: left;
}

#questions .filter-type select {
    margin-right: 20px;
}

#questions .filter-search {
    width: calc(((100% - 240px) / 2) + 50px);
    padding-left: 10px;
    float: left;
}

#questions .filter-search input[type=text] {
    width: calc(80% - 10px);
    margin-right: 10px;
    float: left;
}

#questions .filter-search input[type=submit] {
    width: 20%;
    padding-left: 0;
    padding-right: 0;
    float: left;
}

#questions .order-la-checkbox {
    margin-top: 14px;
}

#questions .order-la-checkbox input {
    width: 20px !important;
    height: 20px !important;
    margin: 0 6px 0 2px;
    float: left;
}

#questions .order-la-checkbox label {
    width: 100%;
    font-weight: normal;
}

#questions .filter-sort {
    width: 45%;
    margin-top: 10px;
    float: left;
}

#questions .new-checkbox {
    width: 30%;
    margin-top: 48px;
    padding-left: 20px;
    float: left;
}

#questions .new-checkbox input {
    width: 20px !important;
    height: 20px !important;
    margin-left: 2px;
    margin-right: 6px;
    float: left;
}

#questions .new-checkbox span {
    padding: 4px 0 0;
}

#questions .filter-check {
    width: 160px;
    margin-top: 44px;
    float: right;
}

#questions .filter-check input {
    float: right;
}

#questions .addition-filters {
    margin: 12px 0 0 2px;
}

#questions .addition-filters span {
    border-bottom: 1px dashed;
    font-size: 15px;
    padding: 0;
    cursor: pointer;
    display: inline;
}

#questions .addition-filters-area {
    padding-top: 15px;
    display: none;
}

#questions .filter-dates {
    width: 55%;
    padding-left: 20px;
    float: left;
}

#questions .filter-dates input {
    width: 45%;
}

#questions .filter-dates input:first-of-type {
    float: left;
}

#questions .filter-dates input:last-of-type {
    float: right;
}

#questions .filter-dates div {
    width: 10%;
    height: 38px;
    padding-top: 10px;
    text-align: center;
    float: left;
}

.grid-switcher {
    width: 240px;
    padding-left: 20px;
    margin-top: 32px;
    float: right;
}

.grid-switcher > span {
    padding-top: 8px;
    display: block;
    float: right;
}

.grid-switcher .switcher-wrap {
    margin: 0 10px 0 12px;
    float: right;
}

.grid-switcher .switcher-wrap span,
.grid-switcher .switcher-wrap input[type=checkbox]:checked + span {
    background: #F8F8F8;
}

/* Список вопросов */

.question-area {
    border-top: 1px #DDD solid;
    padding: 15px 0;
}

.question-area:first-child {
    border-top: none;
    border-bottom: 1px #DDD solid;
}

.question {
    background: #F8F8F8;
    border: 1px #DDD solid;
    padding: 10px;
    position: relative;
}

.question.mhp {
    background: rgba(221, 243, 255, 0.5);
    border: 1px #26a3f1 solid;
}

.question.mhp .mhp-label {
    background: rgba(38, 163, 241, 1);
    color: #FFF;
    font-family: Segoe, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    padding: 2px 6px;
    display: block;
    position: absolute;
    top: -4px;
    left: -15px;
    transform: rotateZ(-9deg);
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.3);
    -moz-box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.3);
    -webkit-box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.3);
}

.question.markup {
    background: #F8FFF8 !important;
    border: 1px #4B4 solid !important;
    border-left: 4px #0B0 solid !important;
    padding-left: 7px !important;
}

.question.award {
    background: #FFFDFA;
    border: 1px #F80 solid;
}

.question a,
.answer a {
    color: #4d8dbb;
}

.question a:hover,
.answer a:hover {
    color: #23527C;
}

.question > a img,
.question > img {
    width: 84px;
    height: 84px;
    border: 4px #FFF solid;
    margin-right: 6px;
    display: block;
    float: left;
    box-shadow: 1px 1px 4px 0 #BBB;
    -moz-box-shadow: 1px 1px 4px 0 #BBB;
    -webkit-box-shadow: 1px 1px 4px 0 #BBB;
}

.question .date,
.answer .date {
    color: #888;
    font-size: 13px !important;
    padding: 4px 0 0 6px;
    display: none !important;
}

.question .title {
    padding: 1px 0 0 92px;
}

.question .title > span {
    display: block;
}

.question .nick {
    font-size: 16px;
    margin-right: 200px;
}

.question .nick i {
    color: #888;
    font-size: 20px;
    line-height: 25px;
    margin-right: 2px;
}

.question .nick span {
    color: #888;
    font-size: 14px;
}

.question .category {
    font-size: 16px;
    padding-left: 5px;
    margin: 6px 0 0;
}

.question .theme, .question .sexage {
    font-size: 16px;
    padding-left: 5px;
    margin: 6px 0 0;
}

.question .theme a {
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
}

.question p,
.answer p {
    color: #444;
    font-size: 15px;
    line-height: 19px;
    padding: 10px 4px 2px;
    margin: 0;
}

.question .list-images,
.question .list-docs,
.answer .list-images,
.answer .list-docs {
    padding: 12px 0 0;
}

.question .list-images span,
.question .list-docs span,
.answer .list-images span,
.answer .list-docs span {
    font-size: 16px;
    margin-bottom: 1px;
    display: block;
}

.question .list-images span i,
.question .list-docs span i,
.answer .list-images span i,
.answer .list-docs span i {
    color: #888;
    font-size: 20px;
    margin-right: 2px;
}

.question .list-images div,
.question .list-docs div,
.answer .list-images div,
.answer .list-docs div {
    font-size: 16px;
    font-style: italic;
    padding: 0 5px;
}

.question .list-images div img,
.question .list-docs div img,
.answer .list-images div img,
.answer .list-docs div img {
    height: 58px;
    border: 4px #FFF solid;
    margin: 6px 6px 0 0;
    display: block;
    box-shadow: 1px 1px 4px 0 #BBB;
    -moz-box-shadow: 1px 1px 4px 0 #BBB;
    -webkit-box-shadow: 1px 1px 4px 0 #BBB;
}

.question .list-images div img.warning,
.question .list-docs div img.warning,
.answer .list-images div img.warning,
.answer .list-docs div img.warning {
    height: 58px;
    border: 1px #BBB solid;
    cursor: pointer;
}

.question .award-notice {
    background: #FF6600;
    color: #FFF;
    font-size: 14px;
    padding: 2px 10px;
    cursor: default;
    position: absolute;
    top: -1px;
    left: -1px;
    border-radius: 0 0 15px 0;
    -moz-border-radius: 0 0 15px 0;
    -webkit-border-radius: 0 0 15px 0;
    box-shadow: 1px 1px 5px 0 #888;
    -moz-box-shadow: 1px 1px 5px 0 #888;
    -webkit-box-shadow: 1px 1px 5px 0 #888;
}

.question .unseen {
    color: #ff9529;
    font-size: 14px;
    font-weight: 600;
    position: absolute;
    top: 16px;
    right: 20px;
}

.question .actions {
    padding-left: 4px;
}

.answer .actions {
    padding-top: 1px;
}

.question .actions > span,
.answer .actions > span {
    border-bottom: 1px dashed;
    color: #4d8dbb;
    font-size: 15px;
    line-height: 15px;
    margin: 0 2px 0 6px;
    cursor: pointer;
    -webkit-transition: color 0.2s ease-in-out;
    -webkit-transition-delay: 0s;
    -moz-transition: color 0.2s ease-in-out 0s;
    -o-transition: color 0.2s ease-in-out 0s;
    transition: color 0.2s ease-in-out 0s;
}

.question .actions > span:hover,
.answer .actions > span:hover {
    color: #23527C;
}

.question .actions .action-delete,
.question .actions .action-complain,
.answer .actions .action-delete {
    color: #F44;
}

.question .actions .action-delete:hover,
.question .actions .action-complain:hover,
.answer .actions .action-delete:hover {
    color: #C00;
}

.answer .medihost-ai-rates,
.answer .medihost-ai-rates-results {
    position: absolute;
    top: 9px;
    right: 9px;
}

.answer .medihost-ai-rates span {
    border: none;
    margin: 4px 0 0 4px;
}

.answer .medihost-ai-rates span:first-child {
    height: 22px;
    background: #FFF;
    border: 1px solid #4d8dbb91;
    font-size: 14px;
    line-height: 20px !important;
    padding: 0 5px 0 22px;
    position: relative;
    display: inline-block;
    border-radius: 5px;
    transition: all 0.2s ease-in-out 0s;
}

.answer .medihost-ai-rates span:first-child i.icon-thumbs-up {
    font-size: 13px;
    top: 1px;
    left: 2px;
}

.answer .medihost-ai-rates span:first-child:hover {
    background: #4d8dbb;
    color: #FFF;
}

.answer .medihost-ai-rates i.icon-thumbs-down {
    color: #666;
    font-size: 15px;
    cursor: pointer;
    transition: all 0.2s ease-in-out 0s;
}

.answer .medihost-ai-rates i.icon-thumbs-down:hover {
    color: #444;
}

.answer .medihost-ai-rates-results span,
.answer .medihost-ai-rates-results span:hover {
    border: none;
    color: #0A0;
    padding-left: 18px;
    margin-top: 6px;
    position: relative;
    cursor: text;
    display: inline-block;
}

.answer .medihost-ai-rates-results span.dislike {
    color: #F44;
}

.answer .medihost-ai-rates-results span i {
    font-size: 16px;
    position: absolute;
    top: 0;
    left: -8px;
}

.answer p.medihost-ai-warning {
    border-top: 1px #DDD solid;
    color: #F44;
    font-size: 12px;
    padding-top: 8px;
    padding-bottom: 0;
    margin-top: 6px;
    margin-bottom: -4px;
}

.answer p.medihost-ai-warning span {
    border-bottom: 1px #F44 dashed;
    cursor: pointer;
}

.answer p.medihost-ai-warning-full {
    display: none;

}

.question .action-up-mobile {
    display: none !important;
}

.question .actions-question-services {
    position: relative;
    display: inline-block;
}

.question .actions-question-services > span {
    border-bottom: 1px dashed;
    color: #4d8dbb;
    font-size: 15px;
    line-height: 15px;
    margin: 0 2px 0 6px;
    cursor: pointer;
    -webkit-transition: color 0.2s ease-in-out;
    -webkit-transition-delay: 0s;
    -moz-transition: color 0.2s ease-in-out 0s;
    -o-transition: color 0.2s ease-in-out 0s;
    transition: color 0.2s ease-in-out 0s;
}

.question .actions-question-services > span:hover {
    color: #23527C;
}

.question .actions-question-services > i::before {
    font-size: 16px;
    margin-left: 0;
    margin-right: 0;
}

.question .actions-question-services > div {
    width: 330px;
    max-height: 0;
    background: #FFF;
    line-height: 0;
    padding: 0 15px 0 10px;
    position: absolute;
    overflow: hidden;
    opacity: 0;
    top: 30px;
    left: 4px;
    z-index: 1;
    box-shadow: 1px 1px 25px 0 rgba(0,0,0,0.5);
    -moz-box-shadow: 1px 1px 25px 0 rgba(0,0,0,0.5);
    -webkit-box-shadow: 2px 2px 35px 0 rgba(0,0,0,0.4);
    -webkit-transition: all 0.2s ease-in-out;
    -webkit-transition-delay: 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.question .actions-question-services:focus > div {
    max-height: 1000px;
    line-height: 24px;
    padding: 11px 15px 11px 10px;
    opacity: 1;
}

.question .actions-question-services:focus > i::before {
    transform: rotateZ(180deg);
}

.question .actions-question-services > div > span {
    color: #4d8dbb;
    text-decoration: underline;
    cursor: pointer;
    -webkit-transition: color 0.2s ease-in-out;
    -webkit-transition-delay: 0s;
    -moz-transition: color 0.2s ease-in-out 0s;
    -o-transition: color 0.2s ease-in-out 0s;
    transition: color 0.2s ease-in-out 0s;
}

.question .actions-question-services > div > span:hover {
    color: #23527C;
}

.question .actions-question-services > div > span i {
    font-size: 16px;
    position: relative;
    top: 1px;
}

.question .actions-question-services > div > span:hover i {
    left: 0.2px;
}

.question .actions-question-services > div > span:hover i:before {
    animation-name: actions-question-services-rotate;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-direction: normal;
}

@keyframes actions-question-services-rotate {
    0% {transform: perspective(50px) rotateY(0deg)}
    50% {transform: perspective(50px) rotateY(180deg)}
    100% {transform: perspective(50px) rotateY(360deg)}
}

.question .actions-question-services.action-up-mobile > span {
    border-bottom: 1px dashed;
    color: #4d8dbb;
    font-size: 13px;
    line-height: 15px;
    margin: 0 2px 0 6px;
    cursor: pointer;
}

.question .actions-question-services.action-up-mobile > div {
    top: 25px;
    left: auto;
    right: -2px;
}

.question .actions-question-services.action-up-mobile > div > span i {
    display: none;
}

.question .actions-question-services.action-up-mobile > i::before {
    font-size: 14px;
}

.question .actions-question-services.action-up-mobile > div {
    width: 298px;
    padding: 0 8px;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.question .actions-question-services.action-up-mobile:focus > div {
    font-size: 14px;
    line-height: 20px;
    padding: 11px 8px;
}

.question .actions .action-autoanswer {
    position: absolute;
    top: 10px;
    right: 14px;
}

#autoanswer_not_found > i:first-of-type,
#autoanswer_not_found > span,
.question .actions .action-autoanswer > i:first-of-type,
.question .actions .action-autoanswer > span {
    position: relative;
    cursor: pointer;
    -webkit-transition: color 0.2s ease-in-out;
    -webkit-transition-delay: 0s;
    -moz-transition: color 0.2s ease-in-out 0s;
    -o-transition: color 0.2s ease-in-out 0s;
    transition: color 0.2s ease-in-out 0s;
}

#autoanswer_not_found > span::after {
	content: '';
	width: 100%;
	height: 100%;
	background: linear-gradient(to left, rgba(255,255,255,.0), rgba(255,255,255,.8), rgba(255,255,255,.0)) no-repeat -2em 0;
	background-size: 2em 100%;
	-moz-transform: skewX(-50deg);
	-o-transform: skewX(-50deg);
	-webkit-transform: skewX(-50deg);
	transform: skewX(-50deg);
}
.question .actions .action-autoanswer > span::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to left, rgba(255,255,255,.0), rgba(255,255,255,.8), rgba(255,255,255,.0)) no-repeat -2em 0;
    background-size: 2em 100%;
    -moz-transform: skewX(-50deg);
    -o-transform: skewX(-50deg);
    -webkit-transform: skewX(-50deg);
    transform: skewX(-50deg);
}

#autoanswer_not_found > span:hover::after,
.question .actions .action-autoanswer > span:hover::after {
    transition: 1.5s linear;
    background-position: 130% 0;
}

#autoanswer_not_found > i:first-of-type,
.question .actions .action-autoanswer > i:first-of-type {
    color: #0A0;
    font-size: 22px;
    margin: 0;
    position: relative;
    top: 2px;
}

#autoanswer_not_found > i:first-of-type::before,
.question .actions .action-autoanswer > i:first-of-type::before {
    margin-right: 5px;
}

#autoanswer_not_found > i:first-of-type:hover,
.question .actions .action-autoanswer > i:first-of-type:hover {
    color: #0B0;
}

#autoanswer_not_found > span {
	color: #4d8dbb;
	text-decoration: underline;
}

.question .actions .action-autoanswer > span {
    border-bottom: 1px dashed;
    color: #4d8dbb;
    font-family: Segoe, sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 18px;
    display: inline-block;
}

/*.question .actions .action-autoanswer > i:last-of-type {*/
    /*color: #AAA;*/
    /*font-size: 13px;*/
    /*margin: 0;*/
/*}*/

/*.question .actions .action-autoanswer > i:last-of-type::before {*/
    /*margin-left: 5px;*/
    /*margin-right: 4px;*/
/*}*/

/*.question .actions .action-autoanswer > i:last-of-type > span {*/
    /*font-style: normal;*/
    /*cursor: default;*/
/*}*/

.question .autocons-chart {
    height: 17px;
    position: relative;
    top: 21px;
    left: 3px;
    display: inline-block;
}

.question .autocons-chart > div {
    width: 4px;
    height: 2px;
    background: #CCC;
    margin-left: 1px;
    position: relative;
    top: -2px;
    float: left;
}

.question .autocons-chart > div:nth-of-type(1) {
    transition: all 0.4s ease-in-out 0s, background 0.3s ease-in-out 0.5s;
}

.question .autocons-chart > div:nth-of-type(2) {
    transition: all 0.4s ease-in-out 0s, background 0.3s ease-in-out 0.75s;
}

.question .autocons-chart > div:nth-of-type(3) {
    transition: all 0.4s ease-in-out 0s, background 0.3s ease-in-out 1s;
}

.question .autocons-chart > div:nth-of-type(4) {
    transition: all 0.4s ease-in-out 0s, background 0.3s ease-in-out 1.25s;
}

.question .autocons-chart > div:nth-of-type(5) {
    transition: all 0.4s ease-in-out 0s, background 0.3s ease-in-out 1.5s;
}

.question .autocons-chart > div.active {
    background: #0A0;
}

.question .edit-theme .countLettersInput {
    top: -30px;
}

.question .edit-theme,
.question .edit-question {
    margin-top: 5px;
    position: relative;
    display: none;
}

.question .edit-theme input,
.question .edit-question textarea {
    width: 100%;
    resize: none;
}

.question .edit-question {
    margin-top: 7px;
}

.question .edit-question input[type=submit],
.question .edit-question input[type=button] {
    width: 150px;
    margin-top: 8px;
    margin-left: 10px;
    float: right;
}

.question .i-adult18 {
    color: rgb(104, 179, 231);
    font-size: 22px;
}

.question .question_hider_18plus {
	color: #4d8dbb;
	padding: 5px 10px 7px 10px;
}

.question .question_hider_18plus:hover {
	cursor: pointer;
	color: #23527C;
}

.no-questions {
    padding: 50px 0;
    text-align: center;
}

.questions-selector {
    width: calc(33% - 20px);
    margin-right: 20px !important;
    display: block !important;
    float: left;
}

.questions-selector:last-of-type {
    width: 34%;
    margin-right: 0 !important;
}

.questions-selector.active {
    background-color: #417cb8 !important;
    border-bottom: #27496d 3px solid !important;
}

.questions-selector-descr {
    width: calc(33% - 20px);
    font-size: 14px;
    font-style: italic;
    padding: 10px 12px;
    margin-right: 20px !important;
    text-align: center;
    float: left;
}

.questions-selector-descr:last-of-type {
    width: 34%;
    margin-right: 0 !important;
}

table td.markup {
    background: #BFB !important;
}

/* Список ответов */

.answer {
    background: #F8F8F8;
    border: 1px #DDD solid;
    padding: 10px;
    margin: 10px 0 0;
    position: relative;
}

.-level-0 {
    margin-left: 100px;
}

.-level-1 {
    margin-left: 190px;
}

.-level-2 {
    margin-left: 280px;
}

.-level-3 {
    margin-left: 370px;
}

.answer > a img,
.answer > img {
    width: 54px;
    height: 54px;
    border: 3px #FFF solid;
    margin-right: 6px;
    display: block;
    float: left;
    box-shadow: 1px 1px 4px 0 #BBB;
    -moz-box-shadow: 1px 1px 4px 0 #BBB;
    -webkit-box-shadow: 1px 1px 4px 0 #BBB;
}

.answer > span {
    display: block;
}

.answer span > a.icon-user, .answer span > a.icon-hospital {
    color: #888;
    font-size: 20px;
    margin-right: 2px;
    text-decoration: none;
}

.answer span > a.icon-user-md {
    color: #888;
    font-size: 21px;
    margin-right: 2px;
    text-decoration: none;
}

.answer span > a.icon-user-md.-green {
    color: #0A0;
}

.answer .nick {
    font-size: 16px;
    line-height: 26px;
}

.answer .nick span {
    color: #888;
    font-size: 14px;
}

.answer .like {
    color: #68B3E7;
    font-size: 16px;
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 8px;
}

.answer .icon-thumbs-up {
    font-size: 18px;
    position: absolute;
    top: 10px;
    right: 7px;
}

.answer .edit-answer {
    margin-top: 7px;
    position: relative;
    display: none;
}

.answer .edit-answer textarea {
    width: 100%;
    resize: none;
}

.answer .edit-answer input[type=submit],
.answer .edit-answer input[type=button] {
    width: 150px;
    margin-top: 8px;
    margin-left: 10px;
    float: right;
}

/* Награды и безвозмездные благодарности */

.answer-free-thanks {
    display: inline;
}

.answer-free-thanks > div.jump {
    opacity: 0;
    animation-name: answer-free-thanks-jump;
    animation-duration: 1.5s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: normal;
}

@keyframes answer-free-thanks-jump {

    0% {
        top: 4px;
        right: 0;
        opacity: 1;
        transform: scale(1);
    }

    20% {
        top: -20px;
    }

    40% {
        top: -34px;
    }

    50% {
        top: -40px;
        transform: scale(1.4);
    }

    60% {
        top: -34px;
    }

    80% {
        top: -20px;
    }

    90% {
        opacity: 0.5;
    }

    100% {
        top: 4px;
        right: calc(100% - 20px);
        opacity: 0;
        transform: scale(1);
    }

}

.answer-free-thanks > div.rotate {
    animation-name: answer-free-thanks-rotating;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
}

@keyframes answer-free-thanks-rotating {

    0% {
        transform: perspective(40px) rotateY(0deg);
    }

    100% {
        transform: perspective(40px) rotateY(360deg);
    }

}

/* Награда */

.answer-award {
    width: 28px;
    height: 28px;
    background: #ffbb7a;
    display: inline-block;
    position: absolute;
    top: 8px;
    right: 6px;
    cursor: pointer;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    box-shadow: 0 0 1px 0 #ff7716;
    -moz-box-shadow: 0 0 1px 0 #ff7716;
    -webkit-box-shadow: 0 0 1px 0 #ff7716;
    animation-name: answer-free-thanks-shadow-award;
    animation-duration: 2s;
    animation-timing-function: ease-out;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
}

@keyframes answer-free-thanks-shadow-award {

    0% {
        box-shadow: 0 0 1px 0 #ff7716;
        -moz-box-shadow: 0 0 1px 0 #ff7716;
        -webkit-box-shadow: 0 0 1px 0 #ff7716;
    }

    100% {
        box-shadow: 0 0 120px 0 #ff7716;
        -moz-box-shadow: 0 0 120px 0 #ff7716;
        -webkit-box-shadow: 0 0 120px 0 #ff7716;
    }

}

.answer-award > i {
    color: #ff7716 !important;
    font-size: 19px !important;
    padding: 0 !important;
    opacity: 0.9;
    position: absolute;
    top: 1px !important;
    left: 1px !important;
    -webkit-transition: all 0.2s ease-in-out;
    -webkit-transition-delay: 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.answer-award > span {
    width: 28px !important;
    height: 28px !important;
    background: transparent;
    border: 1px #ff7716 solid;
    border-left: 1px transparent solid;
    padding: 0 !important;
    display: block !important;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    animation-name: answer-free-thanks-rotate;
    animation-duration: 1.5s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
}

@keyframes answer-free-thanks-rotate {

    0% {transform: rotate(0deg)}
    100% {transform: rotate(360deg)}

}

.answer-free-thanks:hover .answer-award > i {
    color: #F60 !important;
    opacity: 1;
}

/* Безмозмездные благодарности */

.answer-thumbs-up {
    color: #ff6600;
    font-size: 25px;
    float: right;
    display: inline-block;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -webkit-transition-delay: 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    transform: scale(1);
    animation-name: answer-free-thanks-tada;
    animation-duration: 2s;
    animation-timing-function: ease-out;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
}

.answer-thumbs-up::before {
    margin-left: 8px !important;
    margin-right: 0 !important;
}

@keyframes answer-free-thanks-tada {

    0% {
        transform: rotate(0deg);
    }

    4% {
        transform: rotate(16deg) scale(1.05);
    }

    6% {
        transform: rotate(15deg) scale(1.1);
    }

    8% {
        transform: rotate(-16deg) scale(1.05);
    }

    12% {
        transform: rotate(0deg);
    }

}

.answer-thumbs-up.collapse {
    transform: scale(0);
    animation-name: none;
}

.answer-thumbs-up.checked {
    color: #22BB22;
    cursor: default;
    display: inline-block;
    transform: scale(1);
    animation-name: none;
}

.answer.checked {
    border-color: #22BB22;
}

.answer-thumbs-up.checked::before{
    animation-name: none;
}

#addQuestionDiv .answer-thumbs-up {
    position: absolute;
    top: 7px;
    left: -45px;
    cursor: default;
    animation-name: none;
}

/* Совпадения ответа по специальности */

.answer-match {
    box-shadow: 1px 1px 8px 0 rgba(104,179,231,0.4);
}

.answer-match-icon {
    color: #68b3e7;
    font-size: 24px;
    margin-top: 1px;
    float: right;
}

.answer-match-icon::before {
    margin-right: 0 !important;
}

/* Старые лайки */

.answer-like, .answer-dislike {
    width: 50px;
    height: 23px;
    border: 1px solid;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: normal;
    padding-top: 2px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    -webkit-transition-delay: 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.-positive {
    border-color: #0B0;
    color: #0B0;
}

.-positive:hover {
    background: #0B0;
    color: #FFF;
}

.-negative{
    border-color: #F22;
    color: #F22;
}

.-negative:hover {
    background: #F22;
    color: #FFF;
}

.form-unthank-answer {
    width: 100%;
    text-align: center;
}

.form-unthank-answer > textarea {
    display: block;
    width: 100%;
    height: 250px;
    margin: 0 0 20px 0;
    resize: none;
}

.form-unthank-answer > button {
    width: 120px;
}

/* Форма добавления ответа */

.add-answer {
    border-top: 1px #BBB solid;
    padding: 10px 0;
    margin-top: 12px;
    position: relative;
    display: none;
}

.add-answer > i {
    color: #888;
    font-size: 24px;
    position: absolute;
    top: 6px;
    right: -2px;
    cursor: pointer;
}

.add-answer .add-link {
    width: calc(100% - 370px);
    margin-right: 20px;
    display: inline-block;
    float: left;
}

.add-answer .add-link.add-link-auth {
    width: calc(100% - 412px);
    margin-right: 0;
    display: inline-block;
    float: right;
}

.add-answer textarea {
    width: 100%;
    margin-bottom: 10px;
    resize: none;
}

.add-answer .answer-anon {
    width: 185px;
    margin: 25px 15px 0 0;
    text-align: right;
    display: inline-block;
    float: left;
}

.add-answer .answer-anon.answer-anon-auth {
    width: calc(100% - 165px);
    margin: 20px 15px 0 0;
}

.add-answer .answer-anon input {
    width: 20px !important;
    height: 20px !important;
    margin-top: 2px;
    margin-left: 0;
    margin-right: 6px;
    position: relative;
    top: 4px;
}

.add-answer .answer-anon label {
    font-size: 16px;
    font-weight: normal;
    padding: 2px 0 0;
    margin-bottom: 0;
}

.add-answer input[type=submit] {
    width: 150px;
    margin-top: 23px;
    float: right;
}

.add-answer input[type=submit].add-answer-auth {
    margin-top: 18px;
}

/* Прочее */

.thanks-container {
    display: none;
}

.pages {
    padding-top: 10px;
}

/* Статистика вопросов */

.questions-stat {
    height: 70px;
    float: right;
}

.questions-stat > div {
    display: inline-block;
}

.questions-stat > div > span {
    margin: -14px 0 0;
    position: absolute;
    left: -10px;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    transform: scale(0.5);
}

.questions-stat > div > div {
    height: 61px;
    border-bottom: 2px solid #4484b3;
    font-size: 13px;
    font-style: italic;
    line-height: 16px;
    padding-top: 2px;
    padding-left: 2px;
    margin-left: 60px;
}

.questions-stat > div > div > div {
    font-style: normal;
    margin-bottom: 2px;
}

.questions-stat .stat-today {
    width: 155px;
    position: relative;
}

.questions-stat .stat-unanswered {
    width: 170px;
    position: relative;
}

.questions-stat .stat-unanswered > span {
    margin-top: -12px;
}

.questions-stat .stat-total {
    width: 205px;
    position: relative;
}

.questions-stat .stat-unanswered > div > div {
    margin-bottom: 4px;
}

.questions-stat .stat-today > div,
.questions-stat .stat-unanswered > div {
    height: 56px;
    line-height: 15px;
}

.questions-stat .stat-total > div {
    height: 56px;
    line-height: 16px;
}

.message-addon {
    margin-top: 10px;
}

/* Корректировка стилей автоконсультанта */

.autocons-progress {
    width: 100%;
    height: 100%;
    background: url(/images/loading.gif) no-repeat center center;
}

#search-intro-block,
#search-form-block,
#search-hint-mode-autoconsultant {
    display: none !important;
}

.tabbed_div {
    height: calc(100% + 2px);
    margin-top: 4px !important;
}

.tabbed_div label {
    background: #EEE !important;
    border: 1px solid #888 !important;
    font-weight: normal !important;
    padding: 5px 11px 4px 8px !important;
    bottom: -1px !important;
    -webkit-border-radius: 6px 6px 0 0 !important;
    -moz-border-radius: 6px 6px 0 0 !important;
    border-radius: 6px 6px 0 0 !important;

    margin: 0;
    line-height: 28px;
    cursor: pointer;
    position: relative;
}

.tabbed_div label > i {
    color: #666;
    line-height: 14px;
    margin-right: 3px;
    position: relative;
}

.tabbed_div label > .icon-hospital {
    font-size: 14px;
    top: -1px;
}

.tabbed_div label > .icon-user-md {
    font-size: 17px;
    margin-right: 2px;
}

.tabbed_div label > .icon-book,
.tabbed_div label > .icon-medkit {
    font-size: 16px;
}

.tabbed_div label > .icon-docs,
.tabbed_div label > .icon-medkit,
.tabbed_div label > .icon-chat-empty {
    margin-right: 4px;
}

.tabbed_div label > .icon-chat-empty {
    font-size: 17px;
}

.tabbed_div label > .icon-help-circled {
    font-size: 17px;
    top: 1px;
}

.tabbed_div input[type="radio"]:checked + label {
    background: #FFF !important;
    border-bottom-color: #FFF !important;
    cursor: default !important;
}

.tabbed_div > input:nth-of-type(1):checked ~ div:nth-of-type(1),
.tabbed_div > input:nth-of-type(2):checked ~ div:nth-of-type(2),
.tabbed_div > input:nth-of-type(3):checked ~ div:nth-of-type(3),
.tabbed_div > input:nth-of-type(4):checked ~ div:nth-of-type(4),
.tabbed_div > input:nth-of-type(5):checked ~ div:nth-of-type(5),
.tabbed_div > input:nth-of-type(6):checked ~ div:nth-of-type(6),
.tabbed_div > input:nth-of-type(7):checked ~ div:nth-of-type(7),
.tabbed_div > input:nth-of-type(8):checked ~ div:nth-of-type(8) {
    height: calc(100% - 153px);
    border: solid 1px #888 !important;
}

#btn_search_extended {
    margin-right: -5px;
}

.search-tab-content {
    height: calc(100% - 65px);
    background: #FDFDFD;
    border: 1px #DDD solid;
    padding: 16px 20px 14px 12px;
    margin-top: 14px;
    overflow: hidden;
}

.tabbed_div > input:nth-of-type(2):checked ~ div:nth-of-type(2) .search-tab-content {
    height: calc(100% - 100px);
}


.search-tab-content.loading {
    background-image: url(/images/loading.gif);
    background-position: center center;
    background-repeat: no-repeat;
}

.search-tab-content.short {
    height: calc(100% - 153px);
}

.search-tab-content .not-found {
    color: #888;
    font-size: 18px;
    text-align: center;
}

.search-tab-content.short .not-found {
    position: relative;
    top: -48px;
}

.mCSB_outside + .mCSB_scrollTools {
    right: -5px !important;
}

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -5px !important;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: 100% !important;
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
 }

.mCSB_scrollTools .mCSB_draggerRail {
     -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
     border-radius: 0 !important;
}

.res_row:nth-of-type(1) {
    padding-top: 0 !important;
}

.res_row {
    text-align: left !important;
    text-indent: -13px !important;
    padding-left: 15px !important;
}

.more-autocons {
    font-size: 16px;
    font-weight: bold;
    padding-top: 6px;
    margin-bottom: 12px;
    text-align: center;
}

.more-autocons a:focus {
    color: #1d9feb;
}

.no-more-autocons {
    color: #888;
    font-size: 16px;
    padding-top: 6px;
    margin-bottom: 12px;
    text-align: center;
}

#search_in_yandex {
    background: #FFDB4D;
    padding: 9px 12px 12px !important;
    margin: 6px 0 0 !important;
}

#search_in_yandex > span {
    margin-left: 1px;
    margin-bottom: 6px;
    display: inline-block;
}

.ya-site-form__search-input {
    padding: 0 !important;
}

#search_in_yandex .ya-site-form__submit {
    height: 31px !important;
    font-size: 15px !important;
    padding: 3px 15px !important;
}

.autocons-keywords {
    margin-bottom: 8px;
}

.autocons-addon-search {
    border-bottom: 1px #DDD solid;
    padding-bottom: 10px;
    margin-bottom: 12px;
}

.autocons-keywords::after,
.autocons-addon-search::after {
    content: ' ';
    clear: both;
    display: block;
}

.autocons-keywords > span,
.autocons-addon-search > span {
    width: 265px;
    color: #777;
    line-height: 18px;
    margin-top: 2px;
    float: left;
}

.autocons-keywords > div {
    width: calc(100% - 265px);
    height: 40px;
    background: #F5F5F5;
    border-top: 1px #DDD solid;
    border-left: 1px #DDD solid;
    border-bottom: 1px #E5E5E5 solid;
    border-right: 1px #E5E5E5 solid;
    font-size: 16px;
    padding: 6px 9px 2px;
    white-space: nowrap;
    float: left;
}

.autocons-addon-search > div {
    width: calc(100% - 265px);
    height: 40px;
    padding: 1px 0;
    float: left;
}

.autocons-addon-search > div input {
    width: calc(100% - 125px);
    float: left;
}

.autocons-addon-search > div button {
    float: right;
}

/* Опросник Автоконсультанта */

.poll {
	font-size: 16px;
    text-align: left;
	padding: 6px 8px;
}

.poll > span {
	font-weight: bold;
}

.poll .polls {
	margin: 7px 0 20px 18px;
}

.poll .polls > div {
	margin-bottom: 3px;
}

.poll .polls > div input {
	width: 18px;
	height: 18px;
	position: relative;
	top: 3px;
	left: -4px;
}

.poll label {
	font-weight: normal;
	margin-bottom: 0;
}

.poll button {
	margin-right: 20px;
}

/* Информирование о платном режиме консультаций */

.paid-mode-info {
    background: #F4FFF4;
    border: 1px #7E7 solid;
    font-size: 16px;
    line-height: 23px;
    padding: 12px 18px;
    margin: 16px 0 0;
    box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.2);
    -webkit-box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.2);
}

/* Как получить бонусы */

.how-to-get-bonuses {
    margin: 0 -5px;
}

.how-to-get-bonuses .bonuses-method {
    width: calc((100% - 30px) / 3);
    margin: 2px 5px 0;
    text-decoration: none;
    position: relative;
    display: block;
    cursor: pointer;
    float: left;
    transition: none !important;
}

.how-to-get-bonuses .bonuses-method.bonuses-method-disabled-auth::after {
    content: 'Вы уже зарегистрированы';
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.8);
    color: #777;
    font-size: 17px;
    padding: 75px 10px 0;
    position: absolute;
    cursor: default;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all 0.2s ease-in-out 0s;
}

.how-to-get-bonuses .bonuses-method.bonuses-method-disabled-auth:hover::after {
    opacity: 1;
}

.how-to-get-bonuses .bonuses-method.bonuses-method-disabled-anon::after {
    content: 'Сначала зарегистрируйтесь';
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.8);
    color: #777;
    font-size: 17px;
    padding: 75px 10px 0;
    position: absolute;
    cursor: default;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all 0.2s ease-in-out 0s;
}

.how-to-get-bonuses .bonuses-method.bonuses-method-disabled-anon:hover::after {
    opacity: 1;
}

.how-to-get-bonuses .bonuses-method > div:first-of-type {
    width: 100%;
    height: 180px;
    background: #eaebf5;
    position: relative;
    overflow: hidden;
    transition: all 0.2s ease-in-out 0s;
}

.how-to-get-bonuses .bonuses-method > div:first-of-type::before {
    content: ' ';
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.15;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.4s ease-in-out 0s;
}

.how-to-get-bonuses .bonuses-method:nth-of-type(1) > div:first-of-type::before {
    background-image: url(/images/questions/method_1.jpg);
}

.how-to-get-bonuses .bonuses-method:nth-of-type(2) > div:first-of-type::before {
    background-image: url(/images/questions/method_2.jpg);
}

.how-to-get-bonuses .bonuses-method:nth-of-type(3) > div:first-of-type::before {
    background-image: url(/images/questions/method_3.jpg);
}

.how-to-get-bonuses .bonuses-method:nth-of-type(4) > div:first-of-type::before {
    background-image: url(/images/questions/method_5.jpg);
}

.how-to-get-bonuses .bonuses-method:nth-of-type(5) > div:first-of-type::before {
    background-image: url(/images/questions/method_6.jpg);
}

.how-to-get-bonuses .bonuses-method:nth-of-type(6) > div:first-of-type::before {
    background-image: url(/images/questions/method_4.jpg);
}

.how-to-get-bonuses .bonuses-method:hover > div:first-of-type {
    background: #719acb;
}

.how-to-get-bonuses .bonuses-method:hover > div:first-of-type::before {
    transform: scale(1.15);
}

.how-to-get-bonuses .bonuses-method > div:last-of-type {
    color: #544;
    font-size: 22px;
    font-family: Segoe, sans-serif;
    font-weight: 200;
    padding: 8px 0 12px;
    position: relative;
    overflow: hidden;
}

.how-to-get-bonuses .bonuses-method > div:last-of-type::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to left, rgba(255,255,255,.0), rgba(255,255,255,.8), rgba(255,255,255,.0)) no-repeat -2em 0;
    background-size: 2em 100%;
    -moz-transform: skewX(-50deg);
    -o-transform: skewX(-50deg);
    -webkit-transform: skewX(-50deg);
    transform: skewX(-50deg);
}

.how-to-get-bonuses .bonuses-method:hover > div:last-of-type::after {
    transition: 1.5s linear;
    background-position: 130% 0;
}

.how-to-get-bonuses .bonuses-method > div:first-of-type > i {
    height: 70px;
    color: #587792;
    font-size: 40px;
    padding-top: 19px;
    display: block;
    transition: all 0.3s ease-in-out 0s;
}

.how-to-get-bonuses .bonuses-method > div:first-of-type > i.icon-heartbeat {
    padding-top: 23px;
}

.how-to-get-bonuses .bonuses-method > div:first-of-type > i.icon-user-md {
    font-size: 41px;
}

.how-to-get-bonuses .bonuses-method > div:first-of-type > div {
    width: 100%;
    height: 110px;
    color: #000;
    font-size: 17px;
    padding: 0 14px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    transition: all 0.3s ease-in-out 0s;
}

.how-to-get-bonuses .bonuses-method:hover > div:first-of-type > i,
.how-to-get-bonuses .bonuses-method:hover > div:first-of-type > div {
    color: #FFF !important;
}

.how-to-get-bonuses .bonuses-more {
    font-size: 17px;
    text-align: right;
    margin: 8px 5px 4px 0;
}

.paid-banner {
    width: 100%;
    height: 120px;
    display: flex;
    background: url(/images/questions/banner_large.jpg) no-repeat center;
    background-size: cover;
    margin: 20px 0 0;
    position: relative;
    box-shadow: 2px 2px 15px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 2px 2px 15px 0 rgba(0,0,0,0.2);
    -webkit-box-shadow: 2px 2px 15px 0 rgba(0,0,0,0.2);
}
.paid-banner .question_user_banner
{
    background: #fff;
    height: 120px;
}
.paid-banner .question_user_banner_left {
    width: 50%;
}
.paid-banner .question_user_banner_left, .paid-banner .question_user_banner_right {
    width: 50%;
}
.paid-banner .question_user_banner > div, .paid-banner .question_user_banner > div > a, .paid-banner .question_user_banner .img-full {
    width: 100%;
    height: 100%;
}

.paid-banner .paid-banner-text,
.paid-banner .paid-banner-text-addon {
    width: 50%;
    color: #FFF;
    font-size: 18px;
    padding: 10px 5px;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 5px rgba(0,0,0,0.75);
    display: block;
    float: left;
}

.paid-banner .paid-banner-text {
    padding: 23px 10px 10px;
}

.paid-banner .paid-banner-text > div {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.paid-banner .paid-banner-text-addon > div {
    width: 400px;
    margin-left: 12px;
    text-align: left;
}

.paid-banner .paid-banner-buttons {
    width: 50%;
    height: 120px;
    position: absolute;
    bottom: 0;
    right: 0;
}

.paid-banner .paid-banner-btn-android,
.paid-banner .paid-banner-btn-ios {
    width: 136px;
    height: 40px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    position: absolute;
    bottom: 12px;
    opacity: 0.75;
    transition: all 0.3s ease-in-out 0s;
}

.paid-banner .paid-banner-btn-android {
    background-image: url(/images/questions/btn_android.png);
    right: 166px;
}

.paid-banner .paid-banner-btn-ios {
    background-image: url(/images/questions/btn_ios.png);
    right: 16px;
}

.paid-banner .paid-banner-btn-android:hover,
.paid-banner .paid-banner-btn-ios:hover {
    opacity: 1;
}

/* Адаптив */

@media (max-width: 1160px) {

    .add-autoreg input[type=checkbox] {
        top: 1px !important;
    }

    #addQuestion .add-checkbox.add-autoreg input[type=checkbox] {
        float: left;
    }

    #addQuestion .add-checkbox.add-autoreg label {
        width: 400px;
        line-height: 17px;
        position: relative;
        top: -16px;
        left: 2px;
    }

}

@media (max-width: 1149px) {

    .question-button {
        height: 50px;
    }

    #newQuestionButton {
        margin: 0 15px 0 0 !important;
    }

    #questions_intro_attn_btn {
        margin: 1px 0 0 !important;
    }

    /*#addQuestion .add-checkbox.add-autoreg input[type=checkbox] {*/
        /*float: left;*/
    /*}*/

    /*#addQuestion .add-checkbox.add-autoreg label {*/
        /*width: 400px;*/
        /*line-height: 17px;*/
        /*position: relative;*/
        /*top: -4px;*/
        /*left: 2px;*/
    /*}*/

}

@media (max-width: 1095px) {

    .paid-banner .paid-banner-text {
        padding: 10px 10px 10px;
    }

}

@media (max-width: 991px) {

    .paid-banner .paid-banner-text,
    .paid-banner .paid-banner-text-addon {
        font-size: 16px;
        padding-top: 26px;
    }

    .paid-banner .paid-banner-text-addon {
        padding-top: 12px;
    }

    .paid-banner .paid-banner-text > div,
    .paid-banner .paid-banner-text-addon > div {
    }

    #addQuestion {
        padding: 14px 14px 17px;
    }

    #addQuestion .add-email,
    #addQuestion .add-theme,
    #addQuestion .add-theme.auth {
        width: 100%;
        padding-right: 0;
    }

    #addQuestion .add-checkbox input[type=checkbox] {
        width: 18px !important;
        height: 18px !important;
    }

    #addQuestion .add-checkbox.add-autoreg {
        width: 100%;
        padding-top: 0;
        margin-top: -5px;
        margin-bottom: 0;
    }

    #addQuestion .add-checkbox.add-autoreg input[type=checkbox] {
        top: 6px !important;
        clear: both;
        float: none;
    }

    #addQuestion .add-checkbox.add-autoreg label {
        width: auto;
        line-height: normal;
        top: -20px;
        left: -4px;
    }

    #addQuestion .add-medicine {
        width: calc(100% - 90px);
    }

    #addQuestion .add-medicine.auth {
        width: calc(66% - 90px);
    }

    #addQuestion .add-whom {
        width: 34%;
    }

    #addQuestion .add-checkbox {
        width: 100%;
    }

    #addQuestion .add-submit-wrap > span {
        max-width: calc(100% - 210px);
        font-size: 13px;
        line-height: 17px;
        top: 15px;
    }

    #addQuestionDiv .answer-star {
        top: 4px;
    }

    #questions {
        padding-bottom: 18px;
    }

    .grid-switcher {
        display: none;
    }

    #questions .filter-type {
        width: calc(50% - 20px);
    }

    #questions .filter-search {
        width: calc(50% + 20px);
    }

    #addQuestion .add-submit-wrap > a {
        display: none;
    }

}

@media (max-width: 982px) {

    .paid-banner .paid-banner-text {
        padding: 16px 10px 10px;
    }

}

@media (max-width: 860px) {

    .paid-banner .paid-banner-text {
        padding: 5px 10px 10px;
    }

}

@media (max-width: 767px) {

    .questions-top-wrap {
        max-height: 600px;
        padding: 15px 12px;
        margin-bottom: 0;
    }

    .questions-top-wrap > p {
        line-height: 18px;
    }

    .questions-intro > p {
        padding: 0 20px 0 2px;
    }

    .questions-info-consultants {
        padding: 15px 32px 3px 15px;
    }

    #questions_intro_attn_btn {
        display: block !important;
        height: auto !important;
        padding: 0;
        text-align: left !important;
        position: absolute;
        top: -10px;
        float: none;
    }

    .question-button {
        height: auto;
        margin-bottom: 10px;
        position: relative;
    }

    .questions-btn-info-consultants.zoom-in,
    .questions-btn-info-patients.zoom-in {
        line-height: 17px;
        margin-left: 0;
        margin-right: 6px;
    }

    .questions-btn-info-consultants.zoom-in:last-of-type,
    .questions-btn-info-patients.zoom-in:last-of-type {
        margin-right: 0;
    }

    .questions-top-close {
        top: 5px;
        right: 5px;
    }

    #questions_intro_attn_btn > label i {
        font-size: 16px !important;
        top: 1px !important;
    }

    #questions_intro_attn_btn > label {
        font-size: 14px !important;
    }

    #addQuestion .add-medicine {
        width: calc(100% - 80px);
    }

    #addQuestion .add-medicine.auth {
        width: 100%;
    }

    #addQuestion .add-whom.auth {
        width: calc(100% - 80px);
        margin-bottom: 9px;
    }

    #addQuestion .add-consultant {
        margin-bottom: 9px;
    }
    #addQuestion .add-files {
        width: 80px;
        padding-left: 10px;
    }

    #addQuestion .add-checkbox {
        padding-left: 25px;
        margin-top: 0 !important;
        margin-bottom: 8px !important;
        position: relative;
    }

    #addQuestion .add-checkbox input[type=checkbox] {
        position: absolute;
        top: 0;
        left: 0;
    }

    #addQuestion .add-checkbox.add-autoreg input[type=checkbox] {
        top: -2px !important;
        float: left !important;
    }

    #addQuestion .add-checkbox label {
        width: 100% !important;
        height: auto;
        font-size: 14px;
        line-height: 17px;
        top: -2px !important;
    }

    #addQuestion .add-checkbox input[type=text] {
        width: 100% !important;
        margin-top: 3px;
        margin-left: 0;
        margin-bottom: 2px;
    }

    .paid-mode-info {
        font-size: 14px;
        line-height: 18px;
        padding: 10px 12px;
        margin: 12px 0 0;
    }

    .paid-banner {
        margin: 15px 0 0;
    }

    #addQuestion .add-submit-wrap.anon {
        margin-top: 2px;
    }

    #newQuestionButton {
        width: 100%;
        margin-top: 30px !important;
        margin-right: 0 !important;
    }

    #addQuestion .add-submit-wrap {
        border-top: 1px #b9deff solid;
        padding-top: 10px;
        margin-top: 2px;
    }

    #addQuestion #add_question_submit {
        width: 100%;
        margin-right: 0;
    }

    #addQuestion .add-files-wrap {
        width: 290px;
        padding: 15px 12px 10px;
        position: absolute;
        top: 64px;
        right: -19px;
    }

    #addQuestion .add-doc {
        margin-bottom: 8px;
    }

    #addQuestion .add-doc .manage-files .add-document {
        width: 100%;
        margin-top: 4px;
    }

    #addQuestion .add-doc .manage-files .add-user-document {
        width: 100%;
        margin-top: 4px;
        float: none;
    }

    #addQuestion .add-files-wrap > span {
        font-size: 13px;
        line-height: 16px;
    }

    #addQuestion .add-link {
        margin-bottom: 8px;
    }

    #addQuestion .add-link input {
        width: calc(100% - 45px);
        margin-top: 4px;
        margin-right: 5px;
    }

    #addQuestion .add-submit-wrap > span {
        width: 100%;
        max-width: 100%;
        padding-left: 36px;
        margin-top: 10px;
        position: relative;
        top: 0;
        display: block;
    }

    #addQuestionDiv .answer-star {
        position: absolute;
        top: 3px;
        left: 0;
        animation-name: none;
    }

    .add-answer {
        padding-bottom: 5px;
    }

    .add-answer .answer-anon {
        width: 160px;
        margin: 14px 15px 0 2px;
        text-align: left;
    }

    .add-answer .answer-anon input {
        width: 18px !important;
        height: 18px !important;
        margin-top: 2px;
        margin-left: 0;
        margin-right: 6px;
        position: relative;
        top: 4px;
    }

    .add-answer .answer-anon label {
        font-size: 14px;
    }

    .add-answer .add-link.add-link-auth {
        width: 100%;
        margin-top: 10px;
    }

    .manage-files > .add-document, .manage-files > .add-user-document {
        margin-top: 10px;
    }

    #addQuestion > .add-question-disable > div {
        padding: 0 10px;
    }

    #addQuestion > .add-question-disable > div p {
        font-size: 15px;
        line-height: 21px;
    }

    #addQuestion > .add-question-disable > div a {
        font-size: 16px;
        padding: 9px 20px;
        margin: 30px 30px 0;
    }

    #addQuestionDiv .answer-thumbs-up {
        top: 4px;
        left: -2px;
    }

}

@media (max-width: 745px) {

    .paid-banner .paid-banner-text > div,
    .paid-banner .paid-banner-text-addon > div {
        width: 300px;
    }

}

@media (max-width: 680px) {

    .paid-banner {
        background: url(/images/questions/banner_small.jpg) no-repeat right center;
    }

    .paid-banner .paid-banner-text,
    .paid-banner .paid-banner-text-addon {
        width: calc(100% - 150px);
        font-size: 12px;
        line-height: 15px;
        padding: 15px 10px 2px;
        float: none;
    }

    .paid-banner .paid-banner-text > div,
    .paid-banner .paid-banner-text-addon > div {
        width: 100%;
        margin-left: auto;
        text-align: center;
    }

    .paid-banner .paid-banner-buttons {
        width: 150px;
    }

    .paid-banner .paid-banner-btn-android, .paid-banner .paid-banner-btn-ios {
        right: 7px;
    }

    .paid-banner .paid-banner-btn-android {
        bottom: 66px;
    }

    .paid-banner .paid-banner-btn-ios {
        bottom: 12px;
    }

}

@media (max-width: 625px) {

    .paid-banner .paid-banner-text,
    .paid-banner .paid-banner-text-addon {
        padding: 5px 2px 0;
    }

}

@media (max-width: 573px) {

    .paid-banner .paid-banner-text > div > span {
        display: none;
    }

}

@media (max-width: 453px) {

    .paid-banner .paid-banner-text {
        padding: 22px 6px 0;
    }

    .paid-banner .paid-banner-text-addon {
        display: none;
    }

}

@media (max-width: 390px) {

    .paid-banner .paid-banner-text {
        padding: 15px 6px 0;
    }

}

@media (max-width: 362px) {

    .paid-banner .paid-banner-text {
        padding: 8px 6px 0;
    }

}

.covid-select-item {
    color: #F00;
    font-weight: bold;
}