) */
.all-center {
text-align: center;
}
.all-center::before {
height: 100%;
content: "";
vertical-align: middle;
display: inline-block;
}
/* Класс, выравнивающий контент по вертикали, для блочных элементов (например,
) */
.vertical-center::before {
height: 100%;
content: "";
vertical-align: middle;
display: inline-block;
}
/* Стрелка, крутящаяся вокруг своей оси (для различных раскрывающихся списков)
Добавить .opened - для раскрытия */
.icon-down-dir::before {
-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;
}
.icon-down-dir.opened::before, .icon-down-open.opened::before {
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.icon-right-dir::before, .icon-down-open::before {
-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;
}
.icon-right-dir.opened::before {
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.icon-angle-left.opened::before {
margin-left: 4px;
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}
/* Переключатель "Показать полностью" */
.show-full {
margin: 0 0 15px 5px;
}
.show-full span {
border-bottom: 1px dashed;
font-size: 15px;
padding: 0;
cursor: pointer;
display: inline;
}
.show-full i:before {
-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;
}
.show-full.active i:before {
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.show-full-content {
display: none;
}
/* Блок заголовка */
.bl-head {
max-width: 1170px;
margin: 60px auto 6px;
position: relative;
}
.bl-head div {
padding-left: 0 !important;
padding-right: 0 !important;
}
/* Блок главной формы */
.bl-form-tab {
margin: 0 0 20px;
}
.bl-form-tab.new-year {
margin: 0 0 26px;
}
/* Логотип */
.logo {
margin: 0;
position: relative;
float: left;
}
.new-year img {
position: relative;
top: -7px;
}
.logo img {
width: 350px;
}
.logo .mhp-sign {
color: #F00;
text-decoration: none;
text-shadow: 0 0 5px #FFF;
position: absolute;
left: -10px;
top: -10px;
}
/* Этот div выглядит также, как и тег h1, использовать для избежания задваивания h1 на странице */
div.div_h1 {
font-size: 36px;
font-family: inherit;
font-weight: 500;
line-height: 1.1;
color: inherit;
box-sizing: border-box;
outline: none !important;
}
div.bl-head > div > h1 {
display: none;
}
/* Мини-логотип в главном меню */
#logo-mini {
width: 43px;
height: 42px;
background: url(/css/design2016/img/logo_mini.png) no-repeat;
text-decoration: none;
position: absolute;
top: -100px;
left: 0;
-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;
}
#logo-mini-fixed {
width: 43px;
height: 42px;
background: url(/css/design2016/img/logo_mini.png) no-repeat;
text-decoration: none;
position: absolute;
top: 4px;
left: 0;
-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;
}
#logo-mini.men-day,
#logo-mini-fixed.men-day {
background: url(/css/design2016/img/logo_mini_menday.png) no-repeat;
}
#logo-mini span,
#logo-mini-fixed span {
display: none;
}
#logo-mini.new-year span,
#logo-mini-fixed.new-year span {
width: 15px;
height: 17px;
background: url(/css/design2016/img/new_year_snowflakes.png) no-repeat center center;
background-size: 15px;
position: absolute;
top: -1px;
right: -7px;
display: block;
}
#logo-mini.new-year span:first-of-type,
#logo-mini-fixed.new-year span:first-of-type {
width: 10px;
height: 11px;
background-size: 10px;
top: auto;
bottom: 1px;
left: -7px;
}
#logo-mini.new-year span:last-of-type,
#logo-mini-fixed.new-year span:last-of-type {
width: 8px;
height: 9px;
background-size: 8px;
top: auto;
bottom: -2px;
left: 4px;
}
#logo-mini.women-day span,
#logo-mini-fixed.women-day span {
width: 15px;
height: 17px;
background: url(/css/design2016/img/women_day_flower_1.png) no-repeat center center;
background-size: 15px;
position: absolute;
top: -1px;
right: -7px;
display: block;
}
#logo-mini.women-day span:first-of-type,
#logo-mini-fixed.women-day span:first-of-type {
width: 10px;
height: 11px;
background: url(/css/design2016/img/women_day_flower_2.png) no-repeat center center;
background-size: 10px;
top: auto;
bottom: 4px;
left: -7px;
}
#logo-mini.women-day span:last-of-type,
#logo-mini-fixed.women-day span:last-of-type {
width: 8px;
height: 9px;
background: url(/css/design2016/img/women_day_flower_3.png) no-repeat center center;
background-size: 8px;
top: auto;
bottom: -2px;
left: 4px;
}
#logo-mini.mhp-sign::after,
#logo-mini-fixed.mhp-sign::after {
content: '+';
color: #F00;
font-size: 20px;
font-weight: bold;
text-shadow: 0 0 2px #FFF;
position: absolute;
top: -4px;
left: 2px;
}
/* Ссылка на старую версию сайта */
.old-site {
position: absolute;
top: 13px;
right: 10px;
}
.old-site a {
color: #FFF;
}
.old-site a:hover {
color: #68b3e7;
}
/* Форма поиска */
.form-search {
margin-top: 10px;
}
.form-search .btn-search {
/*width: 90px;*/
/*height: 39px;*/
/*font-size: 19px;*/
/*letter-spacing: 1px;*/
/*padding: 4px 0 6px;*/
margin-top: -4px;
margin-left: -86px;
}
.form-search .input-search {
width: 358px;
height: 38px;
background: #ffffff url(/css/design2016/img/bg_search.png) no-repeat 2px 4px;
border: 1px solid #ccc;
padding-left: 41px;
padding-right: 90px;
margin-top: 0;
margin-bottom: 0;
outline: none;
-webkit-border-radius: 22px 5px 5px 22px;
-moz-border-radius: 22px 5px 5px 22px;
border-radius: 22px 5px 5px 22px;
-moz-box-shadow: inset 2px 2px 5px rgba(0,0,0,0.19), 0 0 5px 0 rgba(0,0,0,0.4);
-webkit-box-shadow: inset 2px 2px 5px rgba(0,0,0,0.19), 0 0 5px 0 rgba(0,0,0,0.4);
box-shadow: inset 2px 2px 5px rgba(0,0,0,0.19), 0 0 5px 0 rgba(0,0,0,0.4);
}
/* Слой-подложка */
#hider {
background-color: rgba(0, 0, 0, 0.5);
display: none;
z-index: 800;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
#hider-popup {
background-color: rgba(0, 0, 0, 0.5);
display: none;
z-index: 9999;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
/* Общий стиль для боковых кнопок */
.btn-side {
width: 50px;
background: #FFF;
border: #68b3e7 2px solid;
border-left: none;
color: #68b3e7;
text-decoration: none;
z-index: 700;
display: block;
cursor: pointer;
position: fixed;
left: -14px;
-webkit-border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;
-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.4);
-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.4);
box-shadow: 0 0 10px 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;
}
.btn-side i {
font-size: 24px;
padding-left: 14px;
text-decoration: none;
}
.btn-side:hover {
background: #306d98;
border-color: #306d98;
color: #FFF;
}
/* Кнопка обратной связи */
#btn-feedback {
height: 36px;
bottom: 67px; /* 67/109 */
overflow: hidden;
}
#btn-feedback:hover {
height: 234px;
}
#btn-feedback > div {
visibility: hidden;
font-size: 18px;
}
#btn-feedback:hover > div {
visibility: visible;
font-size: 18px;
white-space: nowrap;
position: absolute;
bottom: -18px;
left: 16px;
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
-moz-transform-origin: top left;
-ms-transform-origin: top left;
-webkit-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left;
}
/* Кнопка перейти вверх */
#btn-up {
width: 36px;
height: 36px;
background: #68b3e7 url(/css/design2016/img/btn_up_36.png) no-repeat center center;
z-index: 700;
position: fixed;
left: -55px;
bottom: 67px;
-webkit-border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;
-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.4);
-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.4);
box-shadow: 0 0 10px 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;
}
#btn-up:hover {
background-color: #306d98;
}
/* Кнопка перейти вниз */
#btn-down {
width: 36px;
height: 36px;
background: #68b3e7 url(/css/design2016/img/btn_down_36.png) no-repeat center center;
z-index: 700;
position: fixed;
left: -1px;
bottom: 25px;
-webkit-border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;
-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.4);
-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.4);
box-shadow: 0 0 10px 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;
}
#btn-down:hover {
background-color: #306d98;
}
/* Кнопка перейти вверх для мобильных устройств */
#btn-up-mobile {
width: 30px;
height: 30px;
background: #68b3e7 url(/css/design2016/img/btn_up.png) no-repeat;
background-size: 22px 22px;
background-position: center 3px;
opacity: 0.7;
z-index: 700;
position: fixed;
right: -40px;
bottom: 10px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.4);
-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.4);
box-shadow: 0 0 10px 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;
}
/* Анкер для ступенчатого перемещения по главной странице */
.anchor {
height: 0;
}
/* Всплывающее окно - находится в шаблоне main_template_2016.php
* Любой модуль может вызывать это окно, нужно только наполнить его через .innerHTML();
*/
#popup-window {
min-width: 150px;
min-height: 100px;
max-width: 1000px;
max-height: 800px;
background: #FFF;
border: 1px #BBB solid;
margin: auto auto;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 10000;
display: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 0 15px 0 #444;
-moz-box-shadow: 0 0 15px 0 #444;
box-shadow: 0 0 15px 0 #444;
}
#popup-window .title {
width: 100%;
height: 37px;
background: #2476b6;
padding: 9px 0 0 10px;
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
}
#popup-window .title span {
color: #FFF;
font-size: 16px;
}
#popup-window .title span i {
color: #FFF;
font-size: 19px;
line-height: 18px;
margin-right: 7px;
position: relative;
top: 1px;
}
#popup-window .title span i::before {
margin: 0;
z-index: 2;
position: relative;
}
#popup-window .title span i::after {
content: ' ';
width: 12px;
height: 12px;
background: #FFF;
position: absolute;
top: 4px;
left: 3px;
z-index: 0;
display: inline-block;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
#popup-window .title span i.icon-ok-circled::after {
background: #0B0;
}
#popup-window .title span i.icon-cancel-circled::after {
background: #F00;
}
#popup-window .title span i.icon-info-circled::after {
background: #04F;
}
#popup-window .title span i.icon-question-circle-o::after {
background: #0B0;
}
#popup-window .title .icon-cancel {
color: #DDD;
font-size: 21px;
position: absolute;
top: 4px;
right: 4px;
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;
}
#popup-window .title .icon-cancel:hover {
color: #FFF;
}
#popup-window .body {
width: 100%;
padding: 10px 12px 12px;
}
/* Стили для пагинации */
.pages {
padding-top: 30px;
}
.pages a {
background: #68b3e7;
color: #FFF;
padding: 4px 10px;
margin-left: 5px;
text-decoration: none;
-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;
display: inline-block;
}
.pages span {
padding: 0;
margin-left: 5px;
}
.pages a:hover {
background: #417cb8;
}
.pages a.active {
background: none;
color: #444;
}
.pages a.noactive {
background: none;
color: #444;
}
#pagination_top {
display: inline-block;
}
#pagination_top, #pagination_top .pages {
display: inline-block;
padding: 0;
float: left;
}
/* Для формы добавления клиники */
.form td {
padding: 0 5px 5px 0;
}
table.form td > input,
table.form td > textarea,
table.form td > p {
width: 400px;
max-width: 400px;
}
.notice {
width: auto;
color: #F00;
font-size: 15px;
font-weight: 600;
text-align: left;
-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;
}
.hint {
color: #888;
font-size: 18px;
-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;
position: relative;
display: inline;
}
.hint span {
position: absolute;
width: 300px;
color: #FFF;
background: #000;
line-height: 18px;
text-align: left;
visibility: hidden;
border-radius: 6px;
padding: 10px 20px 15px;
}
.hint span:after {
content: '';
position: absolute;
top: 100%;
left: 14%;
margin-left: -8px;
width: 0;
height: 0;
border-top: 8px solid #000;
border-right: 8px solid transparent;
border-left: 8px solid transparent;
}
i:hover.hint span {
font-size: 14px;
visibility: visible;
opacity: 0.8;
bottom: 30px;
left: -30px;
z-index: 100;
}
/* Стили для блока событий портала */
.eventlog-outer {
position: absolute;
top: -300px;
right: 14px;
-webkit-transition: all 0.5s ease-in-out;
-webkit-transition-delay: 1s;
-moz-transition: all 0.5s ease-in-out 1s;
-o-transition: all 0.5s ease-in-out 1s;
transition: all 0.5s ease-in-out 1s;
}
.eventlog-outer .eventlog-caption {
width: 100%;
height: 30px;
background: rgba(0,0,0,0.2);
color: #FFF;
font-size: 13px;
font-weight: bold;
padding: 5px 0 0 11px;
position: absolute;
top: 0;
left: 0;
}
.eventlog-outer .eventlog-more {
color: #DDD;
font-size: 13px;
position: absolute;
bottom: 8px;
right: 10px;
}
@media (max-width: 1780px) {
.eventlog-outer .eventlog-more span {
display: none;
}
}
@media (max-width: 1660px) {
.eventlog-outer {
display: none;
}
}
.bl-eventlog {
width: calc(((100vw - 1170px) / 2) - 30px);
height: 281px;
background: rgba(0,0,0,0.5);
padding: 30px 14px 34px 10px;
}
.bl-eventlog .eventlog-wrap .eventlog-item {
margin-bottom: 8px;
}
.bl-eventlog .eventlog-wrap .eventlog-item:last-of-type {
margin-bottom: 0;
}
.bl-eventlog .eventlog-wrap .eventlog-date {
color: #CCC;
font-size: 11px;
line-height: 17px;
}
.bl-eventlog .eventlog-wrap .eventlog-text {
color: #FFF;
font-size: 13px;
line-height: 16px;
}
.bl-eventlog .eventlog-wrap .eventlog-text a {
color: #FFF;
}
.bl-eventlog .mCSB_outside + .mCSB_scrollTools {
margin-bottom: 34px;
right: -3px;
}
/* Стили для боковых баннеров */
#inner_main {
min-height: 700px; /*840px;*/
}
.bl-side-banners {
width: calc(((100vw - 1170px) / 2) - 15px);
position: absolute;
top: 58px;
}
.bl-side-banners div {
text-align: center;
}
.align-initial div {
text-align: initial;
}
.bl-side-banners div img {
width: 100%;
max-width: 100%;
}
.bl-side-banners ul {
list-style: none;
margin: 0;
padding: 0;
}
/* Левый баннер */
.-left-banner {
left: 0;
}
/* Правый баннер */
.-right-banner {
right: 0;
}
/* Переключатель верхнего отступа баннеров для главной страницы */
.-main-page-banners {
top: 345px !important;
}
/* Стиль для вывода результатов автозаполнения полей (использовать этот id, только прописать ширину для каждого конкретного случая )*/
#results {
width: calc(60% - 51px);
background: #c6d8ed;
position: absolute;
display: block;
z-index: 100;box-shadow: 2px 2px 14px 0 #888;
-moz-box-shadow: 2px 2px 14px 0 #888;
-webkit-box-shadow: 2px 2px 14px 0 #888;
}
#results .item {
padding: 3px 8px;
font-family: Helvetica, Arial, sans-serif;
border-bottom: 1px solid #66afe9 /*#c0c0c0*/;
border-left: 1px solid #66afe9;
border-right: 1px solid #66afe9;
border-radius: 4px;
}
#results .item:last-child {
border-bottom: 1px solid #66afe9 /*#c0c0c0*/;
border-left: 1px solid #66afe9;
border-right: 1px solid #66afe9;
border-radius: 4px;
}
#results .item:hover {
background-color: #9BBADD /*#f2f2f2*/;
cursor: pointer;
}
/* Селекторы для старой/новой цены */
.price_old {
color: #AAA !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: line-through !important;
padding-left: 5px !important;
}
.price_new {
color: #0A0 !important;
font-weight: 700 !important;
font-style: normal !important;
}
/* Подсказка Image-Hint */
.ihint {
position: relative;
}
.ihint-block {
border: 8px #FFF solid;
margin-top: 8px;
cursor: default;
position: absolute;
z-index: 100;
box-shadow: 4px 4px 30px 0 #666;
-moz-box-shadow: 4px 4px 30px 0 #666;
-webkit-box-shadow: 4px 4px 30px 0 #666;
}
.ihint-block > img {
position: relative;
z-index: 110;
}
.ihint-block > span {
width: 15px;
height: 15px;
background: #FFF;
position: absolute;
top: -11px;
left: 25px;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
/* Календарь поверх контента */
.ui-datepicker {
/*z-index: 10 !important;;*/
}
/* Общий стиль для таблиц */
.tbl-mh {
width: 100%;
}
.tbl-mh tr {
/*height: 36px;*/
}
.tbl-mh th {
background: #e9f8ff;
border-top: 4px #e9f8ff solid;
border-bottom: 4px #0A96DE solid;
line-height: 19px;
padding: 10px;
text-align: left;
vertical-align: middle;
}
.tbl-mh th a {
font-weight: normal;
}
.tbl-mh td {
border-top: 1px #FFF solid;
border-bottom: 1px #DDD solid;
color: #666;
line-height: 20px;
padding: 6px 10px 6px;
text-align: left;
vertical-align: middle;
}
.tbl-mh td.empty {
background: #F8F8F8 !important;
text-align: center;
padding: 16px 10px 15px;
}
.tbl-mh th.left,
.tbl-mh td.left {
text-align: left;
}
.tbl-mh th.center,
.tbl-mh td.center {
text-align: center;
}
.tbl-mh th.right,
.tbl-mh td.right {
text-align: right;
}
.tbl-mh td:nth-child(odd) {
background: #F8F8F8;
}
.tbl-mh.tbl-nozebre td:nth-child(odd) {
background: transparent;
}
.tbl-mh:not(.tbl-nocursor) tr:hover,
.tbl-mh:not(.tbl-nocursor) tr:hover td {
background: #EEE;
}
.tbl-mh td .small {
color: #888;
font-size: 0.85em;
font-style: italic;
line-height: normal;
padding-top: 2px;
padding-bottom: 1px;
}
/* Общий стиль для форм */
.frm-mh {
background: #F5FCFF;
border: 1px #68b3e7 solid;
font-size: 16px;
padding: 20px;
position: relative;
}
.frm-mh > span {
background: #eafcff;
border-right: 1px #68b3e7 solid;
border-bottom: 1px #68b3e7 solid;
/*color: #4aace7;*/
/*color: #4ca0e7;*/
color: #3097e7;
padding: 9px 40px 6px 12px;
margin-top: -4px;
display: inline-block;
position: relative;
top: -16px;
left: -20px;
}
.frm-mh > span i {
margin-right: 2px;
opacity: 0.8;
position: relative;
top: -1px;
}
.frm-mh > span label {
font-weight: normal;
margin-bottom: 0;
}
.frm-mh > span input[type=checkbox] {
width: 18px;
height: 18px;
position: absolute;
top: 6px;
right: 12px;
}
.frm-mh > div {
margin-bottom: 15px;
position: relative;
}
.frm-mh > div:last-of-type {
margin-bottom: 0;
}
.frm-mh > div::before {
content: " ";
display: table;
}
.frm-mh > div::after {
content: " ";
clear: both;
display: table;
}
.frm-mh > div > div {
padding-left: 16px;
float: left;
}
.frm-mh > div > div.hider {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
display: none;
}
.frm-mh > div.disabled {
opacity: 0.5;
}
.frm-mh > div.disabled > div.hider {
display: block;
}
.frm-mh > div > div:first-child {
padding-left: 0;
}
.frm-mh > div.multiple > div:first-child {
padding-left: 16px;
}
.frm-mh > div.multiple > div {
margin-bottom: 8px;
}
.frm-mh > div > span {
color: #666;
font-size: 15px;
font-style: italic;
line-height: 21px;
padding: 12px 9px 0 25px;
display: block;
float: left;
}
.frm-mh > div > span:first-child {
padding-left: 0;
}
.frm-mh > div > span:last-child {
padding-right: 0;
}
.frm-mh > div > div > span {
padding-bottom: 3px;
display: block;
}
.frm-mh > div > div > span::before {
font-size: 16px;
margin-right: 6px;
}
.frm-mh > div > div > span > sup {
color: #F00;
font-weight: 600;
padding-left: 4px;
}
.frm-mh > div > div input[type=text],
.frm-mh > div > div input[type=password],
.frm-mh > div > div select,
.frm-mh > div > div textarea {
width: 100%;
max-width: 100%;
}
.frm-mh > div > div textarea {
display: block;
}
.frm-mh > div > div input[type=checkbox] {
width: 18px;
height: 18px;
margin-right: 6px;
position: relative;
top: 3px;
}
.frm-mh > div > div input[type=file] {
display: none;
}
.frm-mh > div > div > img {
width: 38px;
height: 38px;
border: 1px #BBB solid;
margin-right: 5px;
display: inline-block;
}
.frm-mh > div > div > a {
/*color: #F00;*/
/*font-weight: 600;*/
/*padding-left: 4px;*/
}
.frm-mh > div > div label {
font-weight: normal;
margin-bottom: 0;
display: block;
position: relative;
top: 3px;
}
.frm-mh > div > div > div {
float: left;
}
.frm-mh > div > div > .auto {
width: auto !important;
}
/* Общий стиль для информационного блока (содержит статическую информацию) */
.inf-mh > div {
padding: 0 16px 5px;
margin-bottom: 16px;
position: relative;
}
.inf-mh > div::before {
width: calc(100% - 30px);
content: ' ';
border-bottom: 3px #5ab0e2 solid;
display: block;
position: absolute;
left: 15px;
bottom: 0;
}
.inf-mh > div.no-decor {
margin-bottom: 0;
}
.inf-mh > div.no-decor::before {
display: none;
}
.inf-mh > div > span:first-of-type {
font-size: 16px;
font-weight: 600;
padding-right: 5px;
}
/* Общий стиль для переключаемых блоков с табуляторами */
.tab-mh > span {
background: #EEE;
border: 1px #888 solid;
padding: 7px 20px;
margin-left: -1px;
position: relative;
top: 1px;
display: block;
float: left;
cursor: pointer;
z-index: 1;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}
.tab-mh > span:first-of-type {
margin-left: 0;
}
.tab-mh > span.active {
background: #FFF;
border-bottom-color: #FFF;
cursor: default;
}
.tab-mh > div {
background: #FFF;
border: 1px #888 solid;
padding: 15px;
overflow-x: auto;
display: none;
clear: both;
}
.tab-mh > div.active {
display: block;
}
/* Слайдер-ползунок */
.sld-mh {
height: 16px;
border: 1px solid #a1d8ff;
color: #444;
font-size: 15px;
margin-top: 23px;
position: relative;
cursor: default;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background: -moz-linear-gradient(top, #9bd2f9, #bce2f8) !important;
background: -webkit-linear-gradient(top, #9bd2f9, #bce2f8) !important;
background: -o-linear-gradient(top, #9bd2f9, #bce2f8) !important;
background: -ms-linear-gradient(top, #9bd2f9, #bce2f8) !important;
background: linear-gradient(top, #9bd2f9, #bce2f8) !important;
}
.sld-mh > div {
font-size: 14px;
position: absolute;
top: -23px;
left: 1px;
z-index: 10;
white-space: nowrap;
}
.sld-mh > div:last-of-type {
cursor: pointer;
top: -1px;
left: -1px;
z-index: 20;
}
.sld-mh > span {
font-size: 15px;
position: absolute;
top: -24px;
right: 4px;
z-index: 10;
}
.sld-mh > div > span {
height: 16px;
border: none;
display: block;
position: absolute;
top: 0;
-webkit-transition: all 0.1s ease-in-out;
-webkit-transition-delay: 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
.sld-mh > div > span:first-of-type {
border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
-webkit-border-radius: 4px 0 0 4px;
}
.sld-mh > div > span:last-of-type {
border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
-webkit-border-radius: 0 4px 4px 0;
}
.sld-mh > div > span.active {
background: #0084cb;
}
/* Слайдер-ползунок (тема в виде звезд) */
.sld-mh.sld-stars {
height: 46px;
border: none;
margin-top: 25px;
background: none !important;
}
.sld-mh.sld-stars > div:last-of-type {
top: 2px;
left: -5px;
}
.sld-mh.sld-stars > span {
background: #FBFBFB;
border: 1px #DDD solid;
font-size: 14px;
padding: 0 5px;
position: absolute;
top: auto;
bottom: -4px;
left: auto;
right: auto;
z-index: 10;
display: none;
}
.sld-mh.sld-stars > div > span {
height: auto;
color: #BBB;
font-size: 22px;
}
.sld-mh.sld-stars > div > span::before {
margin: 0 auto;
display: block;
}
.sld-mh.sld-stars > div > span.active {
background: none;
}
/* Слайдер-ползунок (старый стиль) */
/*
.sld-mh {
height: 38px;
background-color: #FFF;
border: 1px solid #888;
color: #444;
font-size: 15px;
position: relative;
cursor: pointer;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.sld-mh > div {
position: absolute;
top: 7px;
left: 8px;
z-index: 10;
}
.sld-mh > div:first-of-type,
.sld-mh > div:last-of-type {
top: 0;
left: 0;
}
.sld-mh > div:first-of-type {
z-index: 0;
}
.sld-mh > div:last-of-type {
z-index: 20;
}
.sld-mh > span {
font-size: 24px;
position: absolute;
top: 1px;
right: 9px;
z-index: 10;
}
.sld-mh > div > span {
height: 36px;
display: block;
position: absolute;
top: 0;
left: 0;
}
.sld-mh > div > span:first-of-type {
border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
-webkit-border-radius: 3px 0 0 3px;
}
.sld-mh > div > span:last-of-type {
border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
-webkit-border-radius: 0 3px 3px 0;
}
.sld-mh > div:first-of-type > span {
border-right: 1px solid #EEE;
}
.sld-mh > div:first-of-type > span:first-of-type,
.sld-mh > div:first-of-type > span:last-of-type {
border-right: none;
}
.sld-mh > div:first-of-type > span.active {
background: #9cd9ff;
}
*/
/* Общий стиль для хинта */
.hint-mh {
position: relative;
}
.hint-mh span {
max-width: 300px;
width: 300px;
background: rgba(0,0,0,0.8);
color: #FFF;
font-size: 15px;
font-weight: normal;
line-height: 18px;
padding: 8px 12px 10px;
text-align: left;
white-space: normal;
display: none;
position: absolute;
border-radius: 6px;
}
.hint-mh span:after {
content: '';
width: 0;
height: 0;
border-top: 8px solid rgba(0,0,0,0.8);
border-right: 8px solid transparent;
border-left: 8px solid transparent;
margin-left: -8px;
position: absolute;
top: 100%;
left: 19px;
}
.hint-mh:hover span {
font-size: 14px;
display: block;
bottom: calc(100% + 10px);
left: -10px;
z-index: 100;
}
/* Общий стиль для "раскрывателя-скрывателя" блоков */
.switch-expander {
width: 100%;
height: 80px;
border-bottom: 30px #FFF solid;
line-height: 15px;
position: absolute;
bottom: 0;
left: 0;
background: -moz-linear-gradient(top, rgba(255,255,255,0), #FFF);
background: -webkit-linear-gradient(top, rgba(255,255,255,0), #FFF);
background: -o-linear-gradient(top, rgba(255,255,255,0), #FFF);
background: -ms-linear-gradient(top, rgba(255,255,255,0), #FFF);
background: linear-gradient(top, rgba(255,255,255,0), #FFF);
}
.switch-expander i {
color: #AAA !important;
position: absolute;
bottom: -24px;
}
.switch-expander span {
border-bottom: 1px dashed;
color: #1d9feb !important;
font-style: normal !important;
padding: 0 !important;
cursor: pointer;
position: absolute;
bottom: -25px;
left: 25px;
}
.switch-expander span:hover {
color: #23527c !important;
}
.switch-reducer {
width: 100%;
padding-top: 8px;
}
.switch-reducer i {
color: #AAA !important;
}
.switch-reducer span {
border-bottom: 1px dashed;
color: #1d9feb !important;
font-style: normal !important;
padding: 0 !important;
cursor: pointer;
position: relative;
left: 4px;
}
.switch-reducer span:hover {
color: #23527c !important;
}
/* Блок уведомлений ОЛК */
.olk-notifies {
position: fixed;
bottom: 7px;
right: 15px;
z-index: 1001;
}
.olk-notifies > div {
background: #306d98;
background: -webkit-linear-gradient(top, #6fafe5, #306d98);
background: -o-linear-gradient(top, #6fafe5, #306d98);
background: -ms-linear-gradient(top, #6fafe5, #306d98);
background: linear-gradient(top, #6fafe5, #306d98);
border: 1px #DDD solid;
color: #FFF;
padding: 10px 14px 10px 40px;
margin-bottom: 8px;
position: relative;
cursor: pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 3px 3px 25px 0 rgba(0,0,0,0.5);
-moz-box-shadow: 3px 3px 25px 0 rgba(0,0,0,0.5);
-webkit-box-shadow: 3px 3px 25px 0 rgba(0,0,0,0.5);
-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;
}
.olk-notifies > div > i.icon-chat-empty {
font-size: 20px;
position: absolute;
top: 6px;
left: 7px;
}
.olk-notifies > div > i.icon-circle {
width: 11px;
height: 11px;
color: #0F0;
font-size: 13px;
position: absolute;
bottom: 16px;
left: 16px;
-webkit-border-radius: 11px;
-moz-border-radius: 11px;
border-radius: 11px;
animation-name: olk-notify-flash;
animation-duration: 1.5s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
.olk-notifies > div > i.icon-circle::before {
position: relative;
top: -2px;
left: -3px;
}
@keyframes olk-notify-flash {
0% {opacity: 1}
25% {opacity: 0.9}
50% {opacity: 0}
75% {opacity: 0.9}
}
.olk-notifies > div > span {
width: 20px;
height: 20px;
background: #6fafe5;
color: #FFF;
font-size: 20px;
display: block;
cursor: pointer;
position: absolute;
top: -6px;
right: -6px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
-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;
}
.olk-notifies > div > span::before {
position: absolute;
top: 0;
left: -4px;
}
.olk-notifies > div > span:hover {
background: #FFF;
color: #6fafe5;
}
.olk-notifies > div > div:last-of-type {
font-size: 12px;
margin-top: 5px;
}
/* Блок уведомлений предпочтений */
.preference-notify {
max-width: 310px;
position: fixed;
bottom: 15px;
right: 15px;
z-index: 1000;
}
.preference-notify > div {
background: #FFF;
border: 1px #DDD solid;
color: #444;
position: relative;
cursor: default;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
box-shadow: 3px 3px 25px 0 rgba(0,0,0,0.5);
-moz-box-shadow: 3px 3px 25px 0 rgba(0,0,0,0.5);
-webkit-box-shadow: 3px 3px 25px 0 rgba(0,0,0,0.5);
}
.preference-notify > div > div:first-of-type {
background: -moz-linear-gradient(top, #6fafe5, #5f92c1);
background: -webkit-linear-gradient(top, #6fafe5, #5f92c1);
background: -o-linear-gradient(top, #6fafe5, #5f92c1);
background: -ms-linear-gradient(top, #6fafe5, #5f92c1);
background: linear-gradient(top, #6fafe5, #5f92c1);
color: #FFF;
font-size: 13px;
line-height: 13px;
padding: 6px 50px 5px 4px;
}
.preference-notify > div > div:first-of-type > i {
color: #b2dcff;
font-size: 14px;
cursor: pointer;
position: absolute;
top: 5px;
right: 2px;
-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;
}
.preference-notify > div > div:first-of-type > i:hover {
color: #90cbf3;
}
.preference-notify > div > div:last-of-type {
font-size: 14px;
line-height: 19px;
padding: 9px 10px 10px;
}
.preference-notify > div > span {
height: 14px;
background: #FFF;
border: 1px #DDD solid;
border-bottom: none;
cursor: move;
position: absolute;
top: -14px;
left: -1px;
}
.preference-notify > div > span::before {
content: 'medihost';
color: #888;
font-size: 10px;
line-height: 10px;
padding: 2px 5px 2px 4px;
display: block;
}
/* Прочее */
.zapis-k-vrachu {
border-radius: 5px;
background-color: #e7372c;
border-color: #e7372c;
text-shadow: none;
float: right;
position: relative;
z-index: 5;
}
/* Лоадер */
.common-loader {
width: 100%;
height: 100px;
background: url(/css/design2016/img/loading.gif) no-repeat center center;
}
/* Обертка страниц pages */
.page_div {
width: 100%;
}
.page_div img {
height: auto;
max-width: 100%;
}
.page_div iframe{
max-width: 100%;
overflow: auto;
}
/* Новый механизм popup-Window */
.win-mh {
content: ' ';
background-color: rgba(0, 0, 0, 0.5);
z-index: 1500;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
display: none;
}
.win-mh-body {
width: 150px;
height: 100px;
max-width: calc(100% - 20px);
background: #FFF;
border: 1px #BBB solid;
margin: auto auto;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
overflow: hidden;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 1px 1px 16px 0 rgba(0,0,0,0.7);
-moz-box-shadow: 1px 1px 16px 0 rgba(0,0,0,0.7);
box-shadow: 1px 1px 16px 0 rgba(0,0,0,0.7);
}
.win-mh-body .win-mh-title {
width: 100%;
height: 38px;
background: #2476b6;
color: #FFF;
font-size: 16px;
text-align: left;
padding: 9px 40px 0 13px;
cursor: default;
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
}
.win-mh-body .win-mh-title i::before {
margin-left: 0;
margin-right: 8px;
}
.win-mh-body .win-mh-title span {
color: #DDD;
font-size: 24px;
position: absolute;
top: 2px;
right: 3px;
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;
}
.win-mh-body .win-mh-title span:hover {
color: #FFF;
}
.win-mh-body .win-mh-content {
width: 100%;
font-size: 16px;
padding: 12px;
}
.win-mh-body .win-mh-content .frm-mh {
margin-bottom: 12px;
}
.win-mh-body .win-mh-content-dialog {
font-size: 16px;
text-align: center;
padding: 18px 12px 16px;
}
.win-mh-body .win-mh-content-dialog button,
.win-mh-body .win-mh-content-dialog .btn-mh {
margin: 15px 10px 0;
}
/* Важная ссылка на главной странице */
.bl-head .main-important,
#content_header .main-important {
background: rgba(255,0,0,0.8);
border: 1px rgba(255,0,0,0.8) solid;
color: #FFF;
font-size: 16px;
line-height: 16px;
text-decoration: none;
padding: 8px 9px 6px 8px !important;
margin: 11px 0 0 20px;
cursor: pointer;
float: left;
position: relative;
z-index: 1;
display: inline-block;
-webkit-box-shadow: 1px 1px 12px 0 rgba(0,0,0,0.4);
-moz-box-shadow: 1px 1px 12px 0 rgba(0,0,0,0.4);
box-shadow: 1px 1px 12px 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;
}
#content_header .main-important {
margin: 0;
position: relative;
top: -2px;
float: right;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.bl-head .main-important:hover,
#content_header .main-important:hover {
background: rgba(255,0,0,1);
border: 1px rgba(255,0,0,1) solid;
}
/* Информер по коронавирусу */
.covid-informer {
position: fixed;
left: -239px;
top: 300px;
z-index: 701;
-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;
}
.covid-informer.active {
left: 0;
}
.covid-informer-head {
width: 282px;
height: 40px;
background: rgba(230,0,0,0.95);
color: #FFF;
font-size: 17px;
padding: 9px 44px 0 8px;
position: relative;
z-index: 702;
cursor: pointer;
-webkit-border-radius: 0 6px 6px 0;
-moz-border-radius: 0 6px 6px 0;
border-radius: 0 6px 6px 0;
-webkit-box-shadow: 2px 0 12px 0 rgba(0,0,0,0.5);
-moz-box-shadow: 2px 0 12px 0 rgba(0,0,0,0.5);
box-shadow: 2px 0 12px 0 rgba(0,0,0,0.5);
}
.covid-informer.active .covid-informer-head {
cursor: default;
}
.covid-informer-head img {
display: block;
position: absolute;
top: 5px;
right: 8px;
}
.covid-informer-body {
width: 276px;
height: 0;
background: rgba(255,50,50,0.95);
color: #FFF;
font-size: 15px;
overflow: hidden;
-webkit-box-shadow: 2px 2px 12px 0 rgba(0,0,0,0.45);
-moz-box-shadow: 2px 2px 12px 0 rgba(0,0,0,0.45);
box-shadow: 2px 2px 12px 0 rgba(0,0,0,0.45);
-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;
}
.covid-informer.active .covid-informer-body {
height: 150px;
}
.covid-informer-body .covid-informer-switcher {
height: 37px;
background: rgba(245,40,40,0.95);
padding: 8px;
}
.covid-informer-body .covid-informer-switcher > span {
border-bottom: 1px rgba(255,255,255,0.75) dashed;
color: rgba(255,255,255,0.75);
line-height: 15px;
margin-right: 10px;
cursor: pointer;
display: inline-block;
}
.covid-informer-body .covid-informer-switcher > span.active {
border-bottom: 1px #FFF dashed;
color: #FFF;
}
.covid-informer-body .covid-informer-data {
height: 77px;
padding: 8px;
}
.covid-informer-body .covid-informer-data > div {
display: none;
}
.covid-informer-body .covid-informer-data > div.active {
display: block;
}
.covid-informer-body .covid-informer-data > div > div {
width: 33.33333%;
font-size: 21px;
text-align: center;
padding-top: 2px;
float: left;
cursor: default;
}
.covid-informer-body .covid-informer-data > div > div:nth-of-type(1) {
width: 36%;
}
.covid-informer-body .covid-informer-data > div > div:nth-of-type(2) {
width: 33%;
}
.covid-informer-body .covid-informer-data > div > div:nth-of-type(3) {
width: 31%;
}
.covid-informer-body .covid-informer-data > div > div > span {
font-size: 18px;
}
.covid-informer-body .covid-informer-data > div > div > div {
font-size: 12px;
padding-top: 5px;
display: block;
}
.covid-informer-body .covid-informer-bottom {
height: 36px;
background: rgba(245,40,40,0.95);
padding: 7px 8px;
}
.covid-informer-body .covid-informer-bottom a {
color: #FFF;
margin-left: 2px;
}
/* Плашка с важным объявлением на Портале */
.warning-tile {
width: 100%;
background: rgba(255,0,0,0.98);
color: #FFF;
font-size: 16px;
line-height: 1.5;
padding: 16px 120px 16px 16px;
display: none;
position: fixed;
bottom: 0;
left: 0;
z-index: 999999999;
-webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,0.45);
-moz-box-shadow: 0 0 12px 0 rgba(0,0,0,0.45);
box-shadow: 0 0 12px 0 rgba(0,0,0,0.45);
}
.warning-tile button {
width: 89px;
height: 31px;
background: transparent;
border: 2px #FFF solid;
padding: 2px 12px;
border-radius: 0;
position: absolute;
top: 17px;
right: 20px;
-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;
}
.warning-tile button:hover {
background: #FFF !important;
border: 2px #FFF solid !important;
color: #F00 !important;
}
.warning-tile i {
font-size: 16px;
position: absolute;
top: 5px;
right: 2px;
display: none;
}
@media (max-width: 767px) {
.warning-tile {
font-size: 12px;
line-height: 1.4;
padding: 12px 24px 12px 12px;
}
.warning-tile button {
display: none;
}
.warning-tile i {
display: inline;
}
}
/* Стили для фильтра */
.filter-mh {
background: #F5FCFF;
border: 1px #68b3e7 solid;
padding: 14px 11px 12px;
margin-bottom: 20px;
flex-direction: column;
justify-content: space-between;
display: flex;
}
.filter-mh-row {
margin-bottom: 8px;
flex-direction: row;
flex-grow: 1;
display: flex;
}
.filter-mh-group {
display: flex;
}
.filter-mh-item {
padding: 0 6px;
flex-direction: column;
display: flex;
}
.filter-mh-item > span {
margin-bottom: 4px;
}
.filter-mh-item-optimal-min {
flex-grow: 0;
}
.filter-mh-item-optimal-max {
flex-grow: 1;
}
.filter-mh-item-align-start {
align-items: flex-start;
}
.filter-mh-item-align-end {
align-items: flex-end;
}
.filter-mh label {
height: 17px;
font-size: 16px;
font-weight: normal;
margin: 6px 0 0;
display: flex;
align-items: center;
}
.filter-mh label.full-height {
height: 38px;
padding-top: 1px;
margin: 0;
}
.filter-mh input[type=checkbox] {
width: 18px;
height: 18px;
margin: -2px 7px 0 1px;
}
.filter-mh-switcher {
display: none;
}
.filter-mh-switcher + label {
height: 18px !important;
font-size: 15px !important;
margin: 0 7px 5px !important;
cursor: pointer;
align-self: flex-start;
}
.filter-mh-switcher + label span {
border-bottom: 1px dashed;
line-height: 1;
}
.filter-mh-switcher:checked + label i {
transform: rotateZ(180deg);
}
.filter-mh-switcher + label + div {
display: none;
}
.filter-mh-switcher:checked + label + div {
padding-top: 4px;
display: block;
}
.filter-mh-text {
font-size: 14px;
margin: 3px 0 0;
}
/* adv: vak345.com */
/*body > div[style*="z-index: 9999;"] {
z-index: 0 !important;
}
body > div[style*="z-index: 2147483647;"] {
z-index: 1499 !important;
} */
@media (max-width: 767px) {
.m-w5 {width: 5% !important;}
.m-w10 {width: 10% !important;}
.m-w15 {width: 15% !important;}
.m-w20 {width: 20% !important;}
.m-w25 {width: 25% !important;}
.m-w30 {width: 30% !important;}
.m-w35 {width: 35% !important;}
.m-w40 {width: 40% !important;}
.m-w45 {width: 45% !important;}
.m-w50 {width: 50% !important;}
.m-w55 {width: 55% !important;}
.m-w60 {width: 60% !important;}
.m-w65 {width: 65% !important;}
.m-w70 {width: 70% !important;}
.m-w75 {width: 75% !important;}
.m-w80 {width: 80% !important;}
.m-w85 {width: 85% !important;}
.m-w90 {width: 90% !important;}
.m-w95 {width: 95% !important;}
.m-w100 {width: 100% !important;}
.filter-mh {
padding: 8px 5px 5px;
margin-bottom: 15px;
}
.filter-mh-row {
margin-bottom: 0;
flex-direction: column;
}
.filter-mh-row .filter-mh-item {
padding: 0 4px;
margin-bottom: 8px;
}
.filter-mh-row .filter-mh-item,
.filter-mh-row .filter-mh-group {
}
}
@charset "UTF-8";
/*
* Все элементы контента
*/
.debug-table {
background: #FFF;
border-collapse: separate;
border-spacing: 1px;
}
.debug-table th {
background: #BBB;
text-align: center;
}
.debug-table td {
background: #DDD;
font-size: 14px;
line-height: 16px;
padding: 4px;
}
.debug-table td:hover {
background: #CCD;
}
@charset "UTF-8";
@font-face {
font-family: 'awesome';
font-display: swap;
src: url('../fonts/awesome.eot?36429542');
src: url('../fonts/awesome.eot?36429542#iefix') format('embedded-opentype'),
url('../fonts/awesome.woff2?36429542') format('woff2'),
url('../fonts/awesome.woff?36429542') format('woff'),
url('../fonts/awesome.ttf?36429542') format('truetype'),
url('../fonts/awesome.svg?36429542#awesome') format('svg');
font-weight: normal;
font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'awesome';
src: url('../font/awesome.svg?36429542#awesome') format('svg');
}
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "awesome";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
/* opacity: .8; */
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* fix buttons height, for twitter bootstrap */
line-height: 1em;
/* Animation center compensation - margins should be symmetric */
/* remove if not needed */
margin-left: .2em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Font smoothing. That was taken from TWBS */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-glass:before { content: '\e800'; } /* '' */
.icon-music:before { content: '\e801'; } /* '' */
.icon-search:before { content: '\e802'; } /* '' */
.icon-mail:before { content: '\e803'; } /* '' */
.icon-heart:before { content: '\e804'; } /* '' */
.icon-heart-empty:before { content: '\e805'; } /* '' */
.icon-star:before { content: '\e806'; } /* '' */
.icon-star-empty:before { content: '\e807'; } /* '' */
.icon-star-half:before { content: '\e808'; } /* '' */
.icon-user:before { content: '\e809'; } /* '' */
.icon-users:before { content: '\e80a'; } /* '' */
.icon-video:before { content: '\e80b'; } /* '' */
.icon-videocam:before { content: '\e80c'; } /* '' */
.icon-picture:before { content: '\e80d'; } /* '' */
.icon-camera:before { content: '\e80e'; } /* '' */
.icon-camera-alt:before { content: '\e80f'; } /* '' */
.icon-th-large:before { content: '\e810'; } /* '' */
.icon-th:before { content: '\e811'; } /* '' */
.icon-th-list:before { content: '\e812'; } /* '' */
.icon-ok:before { content: '\e813'; } /* '' */
.icon-ok-circled:before { content: '\e814'; } /* '' */
.icon-ok-circled2:before { content: '\e815'; } /* '' */
.icon-cancel:before { content: '\e816'; } /* '' */
.icon-cancel-circled:before { content: '\e817'; } /* '' */
.icon-cancel-circled2:before { content: '\e818'; } /* '' */
.icon-plus:before { content: '\e819'; } /* '' */
.icon-plus-circled:before { content: '\e81a'; } /* '' */
.icon-minus:before { content: '\e81b'; } /* '' */
.icon-minus-circled:before { content: '\e81c'; } /* '' */
.icon-help-circled:before { content: '\e81d'; } /* '' */
.icon-info-circled:before { content: '\e81e'; } /* '' */
.icon-home:before { content: '\e81f'; } /* '' */
.icon-link:before { content: '\e820'; } /* '' */
.icon-attach:before { content: '\e821'; } /* '' */
.icon-lock:before { content: '\e822'; } /* '' */
.icon-lock-open:before { content: '\e823'; } /* '' */
.icon-pin:before { content: '\e824'; } /* '' */
.icon-eye:before { content: '\e825'; } /* '' */
.icon-eye-off:before { content: '\e826'; } /* '' */
.icon-tag:before { content: '\e827'; } /* '' */
.icon-tags:before { content: '\e828'; } /* '' */
.icon-bookmark:before { content: '\e829'; } /* '' */
.icon-flag:before { content: '\e82a'; } /* '' */
.icon-thumbs-up:before { content: '\e82b'; } /* '' */
.icon-thumbs-down:before { content: '\e82c'; } /* '' */
.icon-download:before { content: '\e82d'; } /* '' */
.icon-upload:before { content: '\e82e'; } /* '' */
.icon-forward:before { content: '\e82f'; } /* '' */
.icon-export:before { content: '\e830'; } /* '' */
.icon-pencil:before { content: '\e831'; } /* '' */
.icon-edit:before { content: '\e832'; } /* '' */
.icon-print:before { content: '\e833'; } /* '' */
.icon-retweet:before { content: '\e834'; } /* '' */
.icon-comment:before { content: '\e835'; } /* '' */
.icon-chat:before { content: '\e836'; } /* '' */
.icon-bell:before { content: '\e837'; } /* '' */
.icon-attention:before { content: '\e838'; } /* '' */
.icon-attention-circled:before { content: '\e839'; } /* '' */
.icon-location:before { content: '\e83a'; } /* '' */
.icon-trash-empty:before { content: '\e83b'; } /* '' */
.icon-doc:before { content: '\e83c'; } /* '' */
.icon-folder:before { content: '\e83d'; } /* '' */
.icon-folder-open:before { content: '\e83e'; } /* '' */
.icon-phone:before { content: '\e83f'; } /* '' */
.icon-cog:before { content: '\e840'; } /* '' */
.icon-cog-alt:before { content: '\e841'; } /* '' */
.icon-wrench:before { content: '\e842'; } /* '' */
.icon-basket:before { content: '\e843'; } /* '' */
.icon-calendar:before { content: '\e844'; } /* '' */
.icon-login:before { content: '\e845'; } /* '' */
.icon-logout:before { content: '\e846'; } /* '' */
.icon-volume-off:before { content: '\e847'; } /* '' */
.icon-volume-down:before { content: '\e848'; } /* '' */
.icon-volume-up:before { content: '\e849'; } /* '' */
.icon-headphones:before { content: '\e84a'; } /* '' */
.icon-clock:before { content: '\e84b'; } /* '' */
.icon-block:before { content: '\e84c'; } /* '' */
.icon-resize-full:before { content: '\e84d'; } /* '' */
.icon-resize-small:before { content: '\e84e'; } /* '' */
.icon-resize-vertical:before { content: '\e84f'; } /* '' */
.icon-resize-horizontal:before { content: '\e850'; } /* '' */
.icon-zoom-in:before { content: '\e851'; } /* '' */
.icon-zoom-out:before { content: '\e852'; } /* '' */
.icon-down-circled2:before { content: '\e853'; } /* '' */
.icon-up-circled2:before { content: '\e854'; } /* '' */
.icon-down-dir:before { content: '\e855'; } /* '' */
.icon-up-dir:before { content: '\e856'; } /* '' */
.icon-left-dir:before { content: '\e857'; } /* '' */
.icon-right-dir:before { content: '\e858'; } /* '' */
.icon-down-open:before { content: '\e859'; } /* '' */
.icon-left-open:before { content: '\e85a'; } /* '' */
.icon-right-open:before { content: '\e85b'; } /* '' */
.icon-up-open:before { content: '\e85c'; } /* '' */
.icon-down-big:before { content: '\e85d'; } /* '' */
.icon-left-big:before { content: '\e85e'; } /* '' */
.icon-right-big:before { content: '\e85f'; } /* '' */
.icon-up-big:before { content: '\e860'; } /* '' */
.icon-right-hand:before { content: '\e861'; } /* '' */
.icon-left-hand:before { content: '\e862'; } /* '' */
.icon-up-hand:before { content: '\e863'; } /* '' */
.icon-down-hand:before { content: '\e864'; } /* '' */
.icon-cw:before { content: '\e865'; } /* '' */
.icon-ccw:before { content: '\e866'; } /* '' */
.icon-arrows-cw:before { content: '\e867'; } /* '' */
.icon-shuffle:before { content: '\e868'; } /* '' */
.icon-play:before { content: '\e869'; } /* '' */
.icon-play-circled2:before { content: '\e86a'; } /* '' */
.icon-stop:before { content: '\e86b'; } /* '' */
.icon-pause:before { content: '\e86c'; } /* '' */
.icon-to-end:before { content: '\e86d'; } /* '' */
.icon-to-end-alt:before { content: '\e86e'; } /* '' */
.icon-to-start:before { content: '\e86f'; } /* '' */
.icon-to-start-alt:before { content: '\e870'; } /* '' */
.icon-fast-fw:before { content: '\e871'; } /* '' */
.icon-fast-bw:before { content: '\e872'; } /* '' */
.icon-eject:before { content: '\e873'; } /* '' */
.icon-target:before { content: '\e874'; } /* '' */
.icon-signal:before { content: '\e875'; } /* '' */
.icon-award:before { content: '\e876'; } /* '' */
.icon-inbox:before { content: '\e877'; } /* '' */
.icon-globe:before { content: '\e878'; } /* '' */
.icon-cloud:before { content: '\e879'; } /* '' */
.icon-flash:before { content: '\e87a'; } /* '' */
.icon-umbrella:before { content: '\e87b'; } /* '' */
.icon-flight:before { content: '\e87c'; } /* '' */
.icon-leaf:before { content: '\e87d'; } /* '' */
.icon-font:before { content: '\e87e'; } /* '' */
.icon-bold:before { content: '\e87f'; } /* '' */
.icon-italic:before { content: '\e880'; } /* '' */
.icon-text-height:before { content: '\e881'; } /* '' */
.icon-text-width:before { content: '\e882'; } /* '' */
.icon-align-left:before { content: '\e883'; } /* '' */
.icon-align-center:before { content: '\e884'; } /* '' */
.icon-align-right:before { content: '\e885'; } /* '' */
.icon-align-justify:before { content: '\e886'; } /* '' */
.icon-list:before { content: '\e887'; } /* '' */
.icon-indent-left:before { content: '\e888'; } /* '' */
.icon-indent-right:before { content: '\e889'; } /* '' */
.icon-scissors:before { content: '\e88a'; } /* '' */
.icon-briefcase:before { content: '\e88b'; } /* '' */
.icon-off:before { content: '\e88c'; } /* '' */
.icon-road:before { content: '\e88d'; } /* '' */
.icon-list-alt:before { content: '\e88e'; } /* '' */
.icon-qrcode:before { content: '\e88f'; } /* '' */
.icon-barcode:before { content: '\e890'; } /* '' */
.icon-book:before { content: '\e891'; } /* '' */
.icon-adjust:before { content: '\e892'; } /* '' */
.icon-tint:before { content: '\e893'; } /* '' */
.icon-check:before { content: '\e894'; } /* '' */
.icon-asterisk:before { content: '\e895'; } /* '' */
.icon-gift:before { content: '\e896'; } /* '' */
.icon-fire:before { content: '\e897'; } /* '' */
.icon-magnet:before { content: '\e898'; } /* '' */
.icon-chart-bar:before { content: '\e899'; } /* '' */
.icon-credit-card:before { content: '\e89a'; } /* '' */
.icon-floppy:before { content: '\e89b'; } /* '' */
.icon-megaphone:before { content: '\e89c'; } /* '' */
.icon-key:before { content: '\e89d'; } /* '' */
.icon-truck:before { content: '\e89e'; } /* '' */
.icon-hammer:before { content: '\e89f'; } /* '' */
.icon-lemon:before { content: '\e8a0'; } /* '' */
.icon-move:before { content: '\f047'; } /* '' */
.icon-link-ext:before { content: '\f08e'; } /* '' */
.icon-check-empty:before { content: '\f096'; } /* '' */
.icon-bookmark-empty:before { content: '\f097'; } /* '' */
.icon-phone-squared:before { content: '\f098'; } /* '' */
.icon-twitter:before { content: '\f099'; } /* '' */
.icon-facebook:before { content: '\f09a'; } /* '' */
.icon-github-circled:before { content: '\f09b'; } /* '' */
.icon-rss:before { content: '\f09e'; } /* '' */
.icon-hdd:before { content: '\f0a0'; } /* '' */
.icon-certificate:before { content: '\f0a3'; } /* '' */
.icon-left-circled:before { content: '\f0a8'; } /* '' */
.icon-right-circled:before { content: '\f0a9'; } /* '' */
.icon-up-circled:before { content: '\f0aa'; } /* '' */
.icon-down-circled:before { content: '\f0ab'; } /* '' */
.icon-tasks:before { content: '\f0ae'; } /* '' */
.icon-filter:before { content: '\f0b0'; } /* '' */
.icon-resize-full-alt:before { content: '\f0b2'; } /* '' */
.icon-beaker:before { content: '\f0c3'; } /* '' */
.icon-docs:before { content: '\f0c5'; } /* '' */
.icon-blank:before { content: '\f0c8'; } /* '' */
.icon-menu:before { content: '\f0c9'; } /* '' */
.icon-list-bullet:before { content: '\f0ca'; } /* '' */
.icon-list-numbered:before { content: '\f0cb'; } /* '' */
.icon-strike:before { content: '\f0cc'; } /* '' */
.icon-underline:before { content: '\f0cd'; } /* '' */
.icon-table:before { content: '\f0ce'; } /* '' */
.icon-magic:before { content: '\f0d0'; } /* '' */
.icon-pinterest-circled:before { content: '\f0d2'; } /* '' */
.icon-pinterest-squared:before { content: '\f0d3'; } /* '' */
.icon-gplus-squared:before { content: '\f0d4'; } /* '' */
.icon-gplus:before { content: '\f0d5'; } /* '' */
.icon-money:before { content: '\f0d6'; } /* '' */
.icon-columns:before { content: '\f0db'; } /* '' */
.icon-sort:before { content: '\f0dc'; } /* '' */
.icon-sort-down:before { content: '\f0dd'; } /* '' */
.icon-sort-up:before { content: '\f0de'; } /* '' */
.icon-mail-alt:before { content: '\f0e0'; } /* '' */
.icon-linkedin:before { content: '\f0e1'; } /* '' */
.icon-gauge:before { content: '\f0e4'; } /* '' */
.icon-comment-empty:before { content: '\f0e5'; } /* '' */
.icon-chat-empty:before { content: '\f0e6'; } /* '' */
.icon-sitemap:before { content: '\f0e8'; } /* '' */
.icon-paste:before { content: '\f0ea'; } /* '' */
.icon-lightbulb:before { content: '\f0eb'; } /* '' */
.icon-exchange:before { content: '\f0ec'; } /* '' */
.icon-download-cloud:before { content: '\f0ed'; } /* '' */
.icon-upload-cloud:before { content: '\f0ee'; } /* '' */
.icon-user-md:before { content: '\f0f0'; } /* '' */
.icon-stethoscope:before { content: '\f0f1'; } /* '' */
.icon-suitcase:before { content: '\f0f2'; } /* '' */
.icon-bell-alt:before { content: '\f0f3'; } /* '' */
.icon-coffee:before { content: '\f0f4'; } /* '' */
.icon-food:before { content: '\f0f5'; } /* '' */
.icon-doc-text:before { content: '\f0f6'; } /* '' */
.icon-building:before { content: '\f0f7'; } /* '' */
.icon-hospital:before { content: '\f0f8'; } /* '' */
.icon-ambulance:before { content: '\f0f9'; } /* '' */
.icon-medkit:before { content: '\f0fa'; } /* '' */
.icon-fighter-jet:before { content: '\f0fb'; } /* '' */
.icon-beer:before { content: '\f0fc'; } /* '' */
.icon-h-sigh:before { content: '\f0fd'; } /* '' */
.icon-plus-squared:before { content: '\f0fe'; } /* '' */
.icon-angle-double-left:before { content: '\f100'; } /* '' */
.icon-angle-double-right:before { content: '\f101'; } /* '' */
.icon-angle-double-up:before { content: '\f102'; } /* '' */
.icon-angle-double-down:before { content: '\f103'; } /* '' */
.icon-angle-left:before { content: '\f104'; } /* '' */
.icon-angle-right:before { content: '\f105'; } /* '' */
.icon-angle-up:before { content: '\f106'; } /* '' */
.icon-angle-down:before { content: '\f107'; } /* '' */
.icon-desktop:before { content: '\f108'; } /* '' */
.icon-laptop:before { content: '\f109'; } /* '' */
.icon-tablet:before { content: '\f10a'; } /* '' */
.icon-mobile:before { content: '\f10b'; } /* '' */
.icon-circle-empty:before { content: '\f10c'; } /* '' */
.icon-quote-left:before { content: '\f10d'; } /* '' */
.icon-quote-right:before { content: '\f10e'; } /* '' */
.icon-spinner:before { content: '\f110'; } /* '' */
.icon-circle:before { content: '\f111'; } /* '' */
.icon-reply:before { content: '\f112'; } /* '' */
.icon-github:before { content: '\f113'; } /* '' */
.icon-folder-empty:before { content: '\f114'; } /* '' */
.icon-folder-open-empty:before { content: '\f115'; } /* '' */
.icon-smile:before { content: '\f118'; } /* '' */
.icon-frown:before { content: '\f119'; } /* '' */
.icon-meh:before { content: '\f11a'; } /* '' */
.icon-gamepad:before { content: '\f11b'; } /* '' */
.icon-keyboard:before { content: '\f11c'; } /* '' */
.icon-flag-empty:before { content: '\f11d'; } /* '' */
.icon-flag-checkered:before { content: '\f11e'; } /* '' */
.icon-terminal:before { content: '\f120'; } /* '' */
.icon-code:before { content: '\f121'; } /* '' */
.icon-reply-all:before { content: '\f122'; } /* '' */
.icon-star-half-alt:before { content: '\f123'; } /* '' */
.icon-direction:before { content: '\f124'; } /* '' */
.icon-crop:before { content: '\f125'; } /* '' */
.icon-fork:before { content: '\f126'; } /* '' */
.icon-unlink:before { content: '\f127'; } /* '' */
.icon-help:before { content: '\f128'; } /* '' */
.icon-info:before { content: '\f129'; } /* '' */
.icon-attention-alt:before { content: '\f12a'; } /* '' */
.icon-superscript:before { content: '\f12b'; } /* '' */
.icon-subscript:before { content: '\f12c'; } /* '' */
.icon-eraser:before { content: '\f12d'; } /* '' */
.icon-puzzle:before { content: '\f12e'; } /* '' */
.icon-mic:before { content: '\f130'; } /* '' */
.icon-mute:before { content: '\f131'; } /* '' */
.icon-shield:before { content: '\f132'; } /* '' */
.icon-calendar-empty:before { content: '\f133'; } /* '' */
.icon-extinguisher:before { content: '\f134'; } /* '' */
.icon-rocket:before { content: '\f135'; } /* '' */
.icon-maxcdn:before { content: '\f136'; } /* '' */
.icon-angle-circled-left:before { content: '\f137'; } /* '' */
.icon-angle-circled-right:before { content: '\f138'; } /* '' */
.icon-angle-circled-up:before { content: '\f139'; } /* '' */
.icon-angle-circled-down:before { content: '\f13a'; } /* '' */
.icon-html5:before { content: '\f13b'; } /* '' */
.icon-css3:before { content: '\f13c'; } /* '' */
.icon-anchor:before { content: '\f13d'; } /* '' */
.icon-lock-open-alt:before { content: '\f13e'; } /* '' */
.icon-bullseye:before { content: '\f140'; } /* '' */
.icon-ellipsis:before { content: '\f141'; } /* '' */
.icon-ellipsis-vert:before { content: '\f142'; } /* '' */
.icon-rss-squared:before { content: '\f143'; } /* '' */
.icon-play-circled:before { content: '\f144'; } /* '' */
.icon-ticket:before { content: '\f145'; } /* '' */
.icon-minus-squared:before { content: '\f146'; } /* '' */
.icon-minus-squared-alt:before { content: '\f147'; } /* '' */
.icon-level-up:before { content: '\f148'; } /* '' */
.icon-level-down:before { content: '\f149'; } /* '' */
.icon-ok-squared:before { content: '\f14a'; } /* '' */
.icon-pencil-squared:before { content: '\f14b'; } /* '' */
.icon-link-ext-alt:before { content: '\f14c'; } /* '' */
.icon-export-alt:before { content: '\f14d'; } /* '' */
.icon-compass:before { content: '\f14e'; } /* '' */
.icon-expand:before { content: '\f150'; } /* '' */
.icon-collapse:before { content: '\f151'; } /* '' */
.icon-expand-right:before { content: '\f152'; } /* '' */
.icon-euro:before { content: '\f153'; } /* '' */
.icon-pound:before { content: '\f154'; } /* '' */
.icon-dollar:before { content: '\f155'; } /* '' */
.icon-rupee:before { content: '\f156'; } /* '' */
.icon-yen:before { content: '\f157'; } /* '' */
.icon-rouble:before { content: '\f158'; } /* '' */
.icon-won:before { content: '\f159'; } /* '' */
.icon-bitcoin:before { content: '\f15a'; } /* '' */
.icon-doc-inv:before { content: '\f15b'; } /* '' */
.icon-doc-text-inv:before { content: '\f15c'; } /* '' */
.icon-sort-name-up:before { content: '\f15d'; } /* '' */
.icon-sort-name-down:before { content: '\f15e'; } /* '' */
.icon-sort-alt-up:before { content: '\f160'; } /* '' */
.icon-sort-alt-down:before { content: '\f161'; } /* '' */
.icon-sort-number-up:before { content: '\f162'; } /* '' */
.icon-sort-number-down:before { content: '\f163'; } /* '' */
.icon-thumbs-up-alt:before { content: '\f164'; } /* '' */
.icon-thumbs-down-alt:before { content: '\f165'; } /* '' */
.icon-youtube-squared:before { content: '\f166'; } /* '' */
.icon-youtube:before { content: '\f167'; } /* '' */
.icon-xing:before { content: '\f168'; } /* '' */
.icon-xing-squared:before { content: '\f169'; } /* '' */
.icon-youtube-play:before { content: '\f16a'; } /* '' */
.icon-dropbox:before { content: '\f16b'; } /* '' */
.icon-stackoverflow:before { content: '\f16c'; } /* '' */
.icon-instagram:before { content: '\f16d'; } /* '' */
.icon-flickr:before { content: '\f16e'; } /* '' */
.icon-adn:before { content: '\f170'; } /* '' */
.icon-bitbucket:before { content: '\f171'; } /* '' */
.icon-bitbucket-squared:before { content: '\f172'; } /* '' */
.icon-tumblr:before { content: '\f173'; } /* '' */
.icon-tumblr-squared:before { content: '\f174'; } /* '' */
.icon-down:before { content: '\f175'; } /* '' */
.icon-up:before { content: '\f176'; } /* '' */
.icon-left:before { content: '\f177'; } /* '' */
.icon-right:before { content: '\f178'; } /* '' */
.icon-apple:before { content: '\f179'; } /* '' */
.icon-windows:before { content: '\f17a'; } /* '' */
.icon-android:before { content: '\f17b'; } /* '' */
.icon-linux:before { content: '\f17c'; } /* '' */
.icon-dribbble:before { content: '\f17d'; } /* '' */
.icon-skype:before { content: '\f17e'; } /* '' */
.icon-foursquare:before { content: '\f180'; } /* '' */
.icon-trello:before { content: '\f181'; } /* '' */
.icon-female:before { content: '\f182'; } /* '' */
.icon-male:before { content: '\f183'; } /* '' */
.icon-gittip:before { content: '\f184'; } /* '' */
.icon-sun:before { content: '\f185'; } /* '' */
.icon-moon:before { content: '\f186'; } /* '' */
.icon-box:before { content: '\f187'; } /* '' */
.icon-bug:before { content: '\f188'; } /* '' */
.icon-vkontakte:before { content: '\f189'; } /* '' */
.icon-weibo:before { content: '\f18a'; } /* '' */
.icon-renren:before { content: '\f18b'; } /* '' */
.icon-pagelines:before { content: '\f18c'; } /* '' */
.icon-stackexchange:before { content: '\f18d'; } /* '' */
.icon-right-circled2:before { content: '\f18e'; } /* '' */
.icon-left-circled2:before { content: '\f190'; } /* '' */
.icon-collapse-left:before { content: '\f191'; } /* '' */
.icon-dot-circled:before { content: '\f192'; } /* '' */
.icon-wheelchair:before { content: '\f193'; } /* '' */
.icon-vimeo-squared:before { content: '\f194'; } /* '' */
.icon-try:before { content: '\f195'; } /* '' */
.icon-plus-squared-alt:before { content: '\f196'; } /* '' */
.icon-space-shuttle:before { content: '\f197'; } /* '' */
.icon-slack:before { content: '\f198'; } /* '' */
.icon-mail-squared:before { content: '\f199'; } /* '' */
.icon-wordpress:before { content: '\f19a'; } /* '' */
.icon-openid:before { content: '\f19b'; } /* '' */
.icon-bank:before { content: '\f19c'; } /* '' */
.icon-graduation-cap:before { content: '\f19d'; } /* '' */
.icon-yahoo:before { content: '\f19e'; } /* '' */
.icon-google:before { content: '\f1a0'; } /* '' */
.icon-reddit:before { content: '\f1a1'; } /* '' */
.icon-reddit-squared:before { content: '\f1a2'; } /* '' */
.icon-stumbleupon-circled:before { content: '\f1a3'; } /* '' */
.icon-stumbleupon:before { content: '\f1a4'; } /* '' */
.icon-delicious:before { content: '\f1a5'; } /* '' */
.icon-digg:before { content: '\f1a6'; } /* '' */
.icon-pied-piper-squared:before { content: '\f1a7'; } /* '' */
.icon-pied-piper-alt:before { content: '\f1a8'; } /* '' */
.icon-drupal:before { content: '\f1a9'; } /* '' */
.icon-joomla:before { content: '\f1aa'; } /* '' */
.icon-language:before { content: '\f1ab'; } /* '' */
.icon-fax:before { content: '\f1ac'; } /* '' */
.icon-building-filled:before { content: '\f1ad'; } /* '' */
.icon-child:before { content: '\f1ae'; } /* '' */
.icon-paw:before { content: '\f1b0'; } /* '' */
.icon-spoon:before { content: '\f1b1'; } /* '' */
.icon-cube:before { content: '\f1b2'; } /* '' */
.icon-cubes:before { content: '\f1b3'; } /* '' */
.icon-behance:before { content: '\f1b4'; } /* '' */
.icon-behance-squared:before { content: '\f1b5'; } /* '' */
.icon-steam:before { content: '\f1b6'; } /* '' */
.icon-steam-squared:before { content: '\f1b7'; } /* '' */
.icon-recycle:before { content: '\f1b8'; } /* '' */
.icon-cab:before { content: '\f1b9'; } /* '' */
.icon-taxi:before { content: '\f1ba'; } /* '' */
.icon-tree:before { content: '\f1bb'; } /* '' */
.icon-spotify:before { content: '\f1bc'; } /* '' */
.icon-deviantart:before { content: '\f1bd'; } /* '' */
.icon-soundcloud:before { content: '\f1be'; } /* '' */
.icon-database:before { content: '\f1c0'; } /* '' */
.icon-file-pdf:before { content: '\f1c1'; } /* '' */
.icon-file-word:before { content: '\f1c2'; } /* '' */
.icon-file-excel:before { content: '\f1c3'; } /* '' */
.icon-file-powerpoint:before { content: '\f1c4'; } /* '' */
.icon-file-image:before { content: '\f1c5'; } /* '' */
.icon-file-archive:before { content: '\f1c6'; } /* '' */
.icon-file-audio:before { content: '\f1c7'; } /* '' */
.icon-file-video:before { content: '\f1c8'; } /* '' */
.icon-file-code:before { content: '\f1c9'; } /* '' */
.icon-vine:before { content: '\f1ca'; } /* '' */
.icon-codeopen:before { content: '\f1cb'; } /* '' */
.icon-jsfiddle:before { content: '\f1cc'; } /* '' */
.icon-lifebuoy:before { content: '\f1cd'; } /* '' */
.icon-circle-notch:before { content: '\f1ce'; } /* '' */
.icon-rebel:before { content: '\f1d0'; } /* '' */
.icon-empire:before { content: '\f1d1'; } /* '' */
.icon-git-squared:before { content: '\f1d2'; } /* '' */
.icon-git:before { content: '\f1d3'; } /* '' */
.icon-hacker-news:before { content: '\f1d4'; } /* '' */
.icon-tencent-weibo:before { content: '\f1d5'; } /* '' */
.icon-qq:before { content: '\f1d6'; } /* '' */
.icon-wechat:before { content: '\f1d7'; } /* '' */
.icon-paper-plane:before { content: '\f1d8'; } /* '' */
.icon-paper-plane-empty:before { content: '\f1d9'; } /* '' */
.icon-history:before { content: '\f1da'; } /* '' */
.icon-circle-thin:before { content: '\f1db'; } /* '' */
.icon-header:before { content: '\f1dc'; } /* '' */
.icon-paragraph:before { content: '\f1dd'; } /* '' */
.icon-sliders:before { content: '\f1de'; } /* '' */
.icon-share:before { content: '\f1e0'; } /* '' */
.icon-share-squared:before { content: '\f1e1'; } /* '' */
.icon-bomb:before { content: '\f1e2'; } /* '' */
.icon-soccer-ball:before { content: '\f1e3'; } /* '' */
.icon-tty:before { content: '\f1e4'; } /* '' */
.icon-binoculars:before { content: '\f1e5'; } /* '' */
.icon-plug:before { content: '\f1e6'; } /* '' */
.icon-slideshare:before { content: '\f1e7'; } /* '' */
.icon-twitch:before { content: '\f1e8'; } /* '' */
.icon-yelp:before { content: '\f1e9'; } /* '' */
.icon-newspaper:before { content: '\f1ea'; } /* '' */
.icon-wifi:before { content: '\f1eb'; } /* '' */
.icon-calc:before { content: '\f1ec'; } /* '' */
.icon-paypal:before { content: '\f1ed'; } /* '' */
.icon-gwallet:before { content: '\f1ee'; } /* '' */
.icon-cc-visa:before { content: '\f1f0'; } /* '' */
.icon-cc-mastercard:before { content: '\f1f1'; } /* '' */
.icon-cc-discover:before { content: '\f1f2'; } /* '' */
.icon-cc-amex:before { content: '\f1f3'; } /* '' */
.icon-cc-paypal:before { content: '\f1f4'; } /* '' */
.icon-cc-stripe:before { content: '\f1f5'; } /* '' */
.icon-bell-off:before { content: '\f1f6'; } /* '' */
.icon-bell-off-empty:before { content: '\f1f7'; } /* '' */
.icon-trash:before { content: '\f1f8'; } /* '' */
.icon-copyright:before { content: '\f1f9'; } /* '' */
.icon-at:before { content: '\f1fa'; } /* '' */
.icon-eyedropper:before { content: '\f1fb'; } /* '' */
.icon-brush:before { content: '\f1fc'; } /* '' */
.icon-birthday:before { content: '\f1fd'; } /* '' */
.icon-chart-area:before { content: '\f1fe'; } /* '' */
.icon-chart-pie:before { content: '\f200'; } /* '' */
.icon-chart-line:before { content: '\f201'; } /* '' */
.icon-lastfm:before { content: '\f202'; } /* '' */
.icon-lastfm-squared:before { content: '\f203'; } /* '' */
.icon-toggle-off:before { content: '\f204'; } /* '' */
.icon-toggle-on:before { content: '\f205'; } /* '' */
.icon-bicycle:before { content: '\f206'; } /* '' */
.icon-bus:before { content: '\f207'; } /* '' */
.icon-ioxhost:before { content: '\f208'; } /* '' */
.icon-angellist:before { content: '\f209'; } /* '' */
.icon-cc:before { content: '\f20a'; } /* '' */
.icon-shekel:before { content: '\f20b'; } /* '' */
.icon-meanpath:before { content: '\f20c'; } /* '' */
.icon-buysellads:before { content: '\f20d'; } /* '' */
.icon-connectdevelop:before { content: '\f20e'; } /* '' */
.icon-dashcube:before { content: '\f210'; } /* '' */
.icon-forumbee:before { content: '\f211'; } /* '' */
.icon-leanpub:before { content: '\f212'; } /* '' */
.icon-sellsy:before { content: '\f213'; } /* '' */
.icon-shirtsinbulk:before { content: '\f214'; } /* '' */
.icon-simplybuilt:before { content: '\f215'; } /* '' */
.icon-skyatlas:before { content: '\f216'; } /* '' */
.icon-cart-plus:before { content: '\f217'; } /* '' */
.icon-cart-arrow-down:before { content: '\f218'; } /* '' */
.icon-diamond:before { content: '\f219'; } /* '' */
.icon-ship:before { content: '\f21a'; } /* '' */
.icon-user-secret:before { content: '\f21b'; } /* '' */
.icon-motorcycle:before { content: '\f21c'; } /* '' */
.icon-street-view:before { content: '\f21d'; } /* '' */
.icon-heartbeat:before { content: '\f21e'; } /* '' */
.icon-venus:before { content: '\f221'; } /* '' */
.icon-mars:before { content: '\f222'; } /* '' */
.icon-mercury:before { content: '\f223'; } /* '' */
.icon-transgender:before { content: '\f224'; } /* '' */
.icon-transgender-alt:before { content: '\f225'; } /* '' */
.icon-venus-double:before { content: '\f226'; } /* '' */
.icon-mars-double:before { content: '\f227'; } /* '' */
.icon-venus-mars:before { content: '\f228'; } /* '' */
.icon-mars-stroke:before { content: '\f229'; } /* '' */
.icon-mars-stroke-v:before { content: '\f22a'; } /* '' */
.icon-mars-stroke-h:before { content: '\f22b'; } /* '' */
.icon-neuter:before { content: '\f22c'; } /* '' */
.icon-genderless:before { content: '\f22d'; } /* '' */
.icon-facebook-official:before { content: '\f230'; } /* '' */
.icon-pinterest:before { content: '\f231'; } /* '' */
.icon-whatsapp:before { content: '\f232'; } /* '' */
.icon-server:before { content: '\f233'; } /* '' */
.icon-user-plus:before { content: '\f234'; } /* '' */
.icon-user-times:before { content: '\f235'; } /* '' */
.icon-bed:before { content: '\f236'; } /* '' */
.icon-viacoin:before { content: '\f237'; } /* '' */
.icon-train:before { content: '\f238'; } /* '' */
.icon-subway:before { content: '\f239'; } /* '' */
.icon-medium:before { content: '\f23a'; } /* '' */
.icon-y-combinator:before { content: '\f23b'; } /* '' */
.icon-optin-monster:before { content: '\f23c'; } /* '' */
.icon-opencart:before { content: '\f23d'; } /* '' */
.icon-expeditedssl:before { content: '\f23e'; } /* '' */
.icon-battery-4:before { content: '\f240'; } /* '' */
.icon-battery-3:before { content: '\f241'; } /* '' */
.icon-battery-2:before { content: '\f242'; } /* '' */
.icon-battery-1:before { content: '\f243'; } /* '' */
.icon-battery-0:before { content: '\f244'; } /* '' */
.icon-mouse-pointer:before { content: '\f245'; } /* '' */
.icon-i-cursor:before { content: '\f246'; } /* '' */
.icon-object-group:before { content: '\f247'; } /* '' */
.icon-object-ungroup:before { content: '\f248'; } /* '' */
.icon-sticky-note:before { content: '\f249'; } /* '' */
.icon-sticky-note-o:before { content: '\f24a'; } /* '' */
.icon-cc-jcb:before { content: '\f24b'; } /* '' */
.icon-cc-diners-club:before { content: '\f24c'; } /* '' */
.icon-clone:before { content: '\f24d'; } /* '' */
.icon-balance-scale:before { content: '\f24e'; } /* '' */
.icon-hourglass-o:before { content: '\f250'; } /* '' */
.icon-hourglass-1:before { content: '\f251'; } /* '' */
.icon-hourglass-2:before { content: '\f252'; } /* '' */
.icon-hourglass-3:before { content: '\f253'; } /* '' */
.icon-hourglass:before { content: '\f254'; } /* '' */
.icon-hand-grab-o:before { content: '\f255'; } /* '' */
.icon-hand-paper-o:before { content: '\f256'; } /* '' */
.icon-hand-scissors-o:before { content: '\f257'; } /* '' */
.icon-hand-lizard-o:before { content: '\f258'; } /* '' */
.icon-hand-spock-o:before { content: '\f259'; } /* '' */
.icon-hand-pointer-o:before { content: '\f25a'; } /* '' */
.icon-hand-peace-o:before { content: '\f25b'; } /* '' */
.icon-trademark:before { content: '\f25c'; } /* '' */
.icon-registered:before { content: '\f25d'; } /* '' */
.icon-creative-commons:before { content: '\f25e'; } /* '' */
.icon-gg:before { content: '\f260'; } /* '' */
.icon-gg-circle:before { content: '\f261'; } /* '' */
.icon-tripadvisor:before { content: '\f262'; } /* '' */
.icon-odnoklassniki:before { content: '\f263'; } /* '' */
.icon-odnoklassniki-square:before { content: '\f264'; } /* '' */
.icon-get-pocket:before { content: '\f265'; } /* '' */
.icon-wikipedia-w:before { content: '\f266'; } /* '' */
.icon-safari:before { content: '\f267'; } /* '' */
.icon-chrome:before { content: '\f268'; } /* '' */
.icon-firefox:before { content: '\f269'; } /* '' */
.icon-opera:before { content: '\f26a'; } /* '' */
.icon-internet-explorer:before { content: '\f26b'; } /* '' */
.icon-television:before { content: '\f26c'; } /* '' */
.icon-contao:before { content: '\f26d'; } /* '' */
.icon-500px:before { content: '\f26e'; } /* '' */
.icon-amazon:before { content: '\f270'; } /* '' */
.icon-calendar-plus-o:before { content: '\f271'; } /* '' */
.icon-calendar-minus-o:before { content: '\f272'; } /* '' */
.icon-calendar-times-o:before { content: '\f273'; } /* '' */
.icon-calendar-check-o:before { content: '\f274'; } /* '' */
.icon-industry:before { content: '\f275'; } /* '' */
.icon-map-pin:before { content: '\f276'; } /* '' */
.icon-map-signs:before { content: '\f277'; } /* '' */
.icon-map-o:before { content: '\f278'; } /* '' */
.icon-map:before { content: '\f279'; } /* '' */
.icon-commenting:before { content: '\f27a'; } /* '' */
.icon-commenting-o:before { content: '\f27b'; } /* '' */
.icon-houzz:before { content: '\f27c'; } /* '' */
.icon-vimeo:before { content: '\f27d'; } /* '' */
.icon-black-tie:before { content: '\f27e'; } /* '' */
.icon-fonticons:before { content: '\f280'; } /* '' */
.icon-reddit-alien:before { content: '\f281'; } /* '' */
.icon-edge:before { content: '\f282'; } /* '' */
.icon-credit-card-alt:before { content: '\f283'; } /* '' */
.icon-codiepie:before { content: '\f284'; } /* '' */
.icon-modx:before { content: '\f285'; } /* '' */
.icon-fort-awesome:before { content: '\f286'; } /* '' */
.icon-usb:before { content: '\f287'; } /* '' */
.icon-product-hunt:before { content: '\f288'; } /* '' */
.icon-mixcloud:before { content: '\f289'; } /* '' */
.icon-scribd:before { content: '\f28a'; } /* '' */
.icon-pause-circle:before { content: '\f28b'; } /* '' */
.icon-pause-circle-o:before { content: '\f28c'; } /* '' */
.icon-stop-circle:before { content: '\f28d'; } /* '' */
.icon-stop-circle-o:before { content: '\f28e'; } /* '' */
.icon-shopping-bag:before { content: '\f290'; } /* '' */
.icon-shopping-basket:before { content: '\f291'; } /* '' */
.icon-hashtag:before { content: '\f292'; } /* '' */
.icon-bluetooth:before { content: '\f293'; } /* '' */
.icon-bluetooth-b:before { content: '\f294'; } /* '' */
.icon-percent:before { content: '\f295'; } /* '' */
.icon-gitlab:before { content: '\f296'; } /* '' */
.icon-wpbeginner:before { content: '\f297'; } /* '' */
.icon-wpforms:before { content: '\f298'; } /* '' */
.icon-envira:before { content: '\f299'; } /* '' */
.icon-universal-access:before { content: '\f29a'; } /* '' */
.icon-wheelchair-alt:before { content: '\f29b'; } /* '' */
.icon-question-circle-o:before { content: '\f29c'; } /* '' */
.icon-blind:before { content: '\f29d'; } /* '' */
.icon-audio-description:before { content: '\f29e'; } /* '' */
.icon-volume-control-phone:before { content: '\f2a0'; } /* '' */
.icon-braille:before { content: '\f2a1'; } /* '' */
.icon-assistive-listening-systems:before { content: '\f2a2'; } /* '' */
.icon-american-sign-language-interpreting:before { content: '\f2a3'; } /* '' */
.icon-asl-interpreting:before { content: '\f2a4'; } /* '' */
.icon-glide:before { content: '\f2a5'; } /* '' */
.icon-glide-g:before { content: '\f2a6'; } /* '' */
.icon-sign-language:before { content: '\f2a7'; } /* '' */
.icon-low-vision:before { content: '\f2a8'; } /* '' */
.icon-viadeo:before { content: '\f2a9'; } /* '' */
.icon-viadeo-square:before { content: '\f2aa'; } /* '' */
.icon-snapchat:before { content: '\f2ab'; } /* '' */
.icon-snapchat-ghost:before { content: '\f2ac'; } /* '' */
.icon-snapchat-square:before { content: '\f2ad'; } /* '' */
.icon-pied-piper:before { content: '\f2ae'; } /* '' */
.icon-first-order:before { content: '\f2b0'; } /* '' */
.icon-yoast:before { content: '\f2b1'; } /* '' */
.icon-themeisle:before { content: '\f2b2'; } /* '' */
.icon-google-plus-circle:before { content: '\f2b3'; } /* '' */
.icon-font-awesome:before { content: '\f2b4'; } /* '' */
.icon-github-squared:before { content: '\f300'; } /* '' */
.icon-twitter-squared:before { content: '\f304'; } /* '' */
.icon-facebook-squared:before { content: '\f308'; } /* '' */
.icon-linkedin-squared:before { content: '\f30c'; } /* '' */
@charset "UTF-8";
@font-face {
font-family: 'medical';
font-display: swap;
src: url("../../fonts/medical.eot");
src: url("../../fonts/medical.eot?#iefix") format("embedded-opentype"), url("../../fonts/medical.ttf") format("truetype"), url("../../fonts/medical.woff") format("woff"), url("../../fonts/medical.svg#webfont-medical-icons") format("svg");
font-weight: normal;
font-style: normal;
}
[class^="medical-icon-"], [class*=" medical-icon-"] {
font-family: 'medical';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.medical-icon-i-womens-health:before {
content: "\e600";
}
.medical-icon-i-waiting-area:before {
content: "\e601";
}
.medical-icon-i-volume-control:before {
content: "\e602";
}
.medical-icon-i-ultrasound:before {
content: "\e603";
}
.medical-icon-i-text-telephone:before {
content: "\e604";
}
.medical-icon-i-surgery:before {
content: "\e605";
}
.medical-icon-i-stairs:before {
content: "\e606";
}
.medical-icon-i-radiology:before {
content: "\e607";
}
.medical-icon-i-physical-therapy:before {
content: "\e608";
}
.medical-icon-i-pharmacy:before {
content: "\e609";
}
.medical-icon-i-pediatrics:before {
content: "\e60a";
}
.medical-icon-i-pathology:before {
content: "\e60b";
}
.medical-icon-i-outpatient:before {
content: "\e60c";
}
.medical-icon-i-mental-health:before {
content: "\e60d";
}
.medical-icon-i-medical-records:before {
content: "\e60e";
}
.medical-icon-i-medical-library:before {
content: "\e60f";
}
.medical-icon-i-mammography:before {
content: "\e610";
}
.medical-icon-i-laboratory:before {
content: "\e611";
}
.medical-icon-i-labor-delivery:before {
content: "\e612";
}
.medical-icon-i-immunizations:before {
content: "\e613";
}
.medical-icon-i-imaging-root-category:before {
content: "\e614";
}
.medical-icon-i-imaging-alternative-pet:before {
content: "\e615";
}
.medical-icon-i-imaging-alternative-mri:before {
content: "\e616";
}
.medical-icon-i-imaging-alternative-mri-two:before {
content: "\e617";
}
.medical-icon-i-imaging-alternative-ct:before {
content: "\e618";
}
.medical-icon-i-fire-extinguisher:before {
content: "\e619";
}
.medical-icon-i-family-practice:before {
content: "\e61a";
}
.medical-icon-i-emergency:before {
content: "\e61b";
}
.medical-icon-i-elevators:before {
content: "\e61c";
}
.medical-icon-i-ear-nose-throat:before {
content: "\e61d";
}
.medical-icon-i-drinking-fountain:before {
content: "\e61e";
}
.medical-icon-i-cardiology:before {
content: "\e61f";
}
.medical-icon-i-billing:before {
content: "\e620";
}
.medical-icon-i-anesthesia:before {
content: "\e621";
}
.medical-icon-i-ambulance:before {
content: "\e622";
}
.medical-icon-i-alternative-complementary:before {
content: "\e623";
}
.medical-icon-i-administration:before {
content: "\e624";
}
.medical-icon-i-social-services:before {
content: "\e625";
}
.medical-icon-i-smoking:before {
content: "\e626";
}
.medical-icon-i-restrooms:before {
content: "\e627";
}
.medical-icon-i-restaurant:before {
content: "\e628";
}
.medical-icon-i-respiratory:before {
content: "\e629";
}
.medical-icon-i-registration:before {
content: "\e62a";
}
.medical-icon-i-oncology:before {
content: "\e62b";
}
.medical-icon-i-nutrition:before {
content: "\e62c";
}
.medical-icon-i-nursery:before {
content: "\e62d";
}
.medical-icon-i-no-smoking:before {
content: "\e62e";
}
.medical-icon-i-neurology:before {
content: "\e62f";
}
.medical-icon-i-mri-pet:before {
content: "\e630";
}
.medical-icon-i-interpreter-services:before {
content: "\e631";
}
.medical-icon-i-internal-medicine:before {
content: "\e632";
}
.medical-icon-i-intensive-care:before {
content: "\e633";
}
.medical-icon-i-inpatient:before {
content: "\e634";
}
.medical-icon-i-information-us:before {
content: "\e635";
}
.medical-icon-i-infectious-diseases:before {
content: "\e636";
}
.medical-icon-i-hearing-assistance:before {
content: "\e637";
}
.medical-icon-i-health-services:before {
content: "\e638";
}
.medical-icon-i-health-education:before {
content: "\e639";
}
.medical-icon-i-gift-shop:before {
content: "\e63a";
}
.medical-icon-i-genetics:before {
content: "\e63b";
}
.medical-icon-i-first-aid:before {
content: "\e63c";
}
.medical-icon-i-dermatology:before {
content: "\e63d";
}
.medical-icon-i-dental:before {
content: "\e63e";
}
.medical-icon-i-coffee-shop:before {
content: "\e63f";
}
.medical-icon-i-chapel:before {
content: "\e640";
}
.medical-icon-i-cath-lab:before {
content: "\e641";
}
.medical-icon-i-care-staff-area:before {
content: "\e642";
}
.medical-icon-i-accessibility:before {
content: "\e643";
}
.medical-icon-i-diabetes-education:before {
content: "\e644";
}
.medical-icon-i-hospital:before {
content: "\e645";
}
.medical-icon-i-kidney:before {
content: "\e646";
}
.medical-icon-i-ophthalmology:before {
content: "\e647";
}
.medical-icon-womens-health:before {
content: "\e648";
}
.medical-icon-waiting-area:before {
content: "\e649";
}
.medical-icon-volume-control:before {
content: "\e64a";
}
.medical-icon-ultrasound:before {
content: "\e64b";
}
.medical-icon-text-telephone:before {
content: "\e64c";
}
.medical-icon-surgery:before {
content: "\e64d";
}
.medical-icon-stairs:before {
content: "\e64e";
}
.medical-icon-radiology:before {
content: "\e64f";
}
.medical-icon-physical-therapy:before {
content: "\e650";
}
.medical-icon-pharmacy:before {
content: "\e651";
}
.medical-icon-pediatrics:before {
content: "\e652";
}
.medical-icon-pathology:before {
content: "\e653";
}
.medical-icon-outpatient:before {
content: "\e654";
}
.medical-icon-ophthalmology:before {
content: "\e655";
}
.medical-icon-mental-health:before {
content: "\e656";
}
.medical-icon-medical-records:before {
content: "\e657";
}
.medical-icon-medical-library:before {
content: "\e658";
}
.medical-icon-mammography:before {
content: "\e659";
}
.medical-icon-laboratory:before {
content: "\e65a";
}
.medical-icon-labor-delivery:before {
content: "\e65b";
}
.medical-icon-kidney:before {
content: "\e65c";
}
.medical-icon-immunizations:before {
content: "\e65d";
}
.medical-icon-imaging-root-category:before {
content: "\e65e";
}
.medical-icon-imaging-alternative-pet:before {
content: "\e65f";
}
.medical-icon-imaging-alternative-mri:before {
content: "\e660";
}
.medical-icon-imaging-alternative-mri-two:before {
content: "\e661";
}
.medical-icon-imaging-alternative-ct:before {
content: "\e662";
}
.medical-icon-hospital:before {
content: "\e663";
}
.medical-icon-fire-extinguisher:before {
content: "\e664";
}
.medical-icon-family-practice:before {
content: "\e665";
}
.medical-icon-emergency:before {
content: "\e666";
}
.medical-icon-elevators:before {
content: "\e667";
}
.medical-icon-ear-nose-throat:before {
content: "\e668";
}
.medical-icon-drinking-fountain:before {
content: "\e669";
}
.medical-icon-diabetes-education:before {
content: "\e66a";
}
.medical-icon-cardiology:before {
content: "\e66b";
}
.medical-icon-billing:before {
content: "\e66c";
}
.medical-icon-anesthesia:before {
content: "\e66d";
}
.medical-icon-ambulance:before {
content: "\e66e";
}
.medical-icon-alternative-complementary:before {
content: "\e66f";
}
.medical-icon-administration:before {
content: "\e670";
}
.medical-icon-accessibility:before {
content: "\e671";
}
.medical-icon-social-services:before {
content: "\e672";
}
.medical-icon-smoking:before {
content: "\e673";
}
.medical-icon-restrooms:before {
content: "\e674";
}
.medical-icon-restaurant:before {
content: "\e675";
}
.medical-icon-respiratory:before {
content: "\e676";
}
.medical-icon-oncology:before {
content: "\e677";
}
.medical-icon-nutrition:before {
content: "\e678";
}
.medical-icon-nursery:before {
content: "\e679";
}
.medical-icon-no-smoking:before {
content: "\e67a";
}
.medical-icon-neurology:before {
content: "\e67b";
}
.medical-icon-mri-pet:before {
content: "\e67c";
}
.medical-icon-interpreter-services:before {
content: "\e67d";
}
.medical-icon-internal-medicine:before {
content: "\e67e";
}
.medical-icon-intensive-care:before {
content: "\e67f";
}
.medical-icon-inpatient:before {
content: "\e680";
}
.medical-icon-information-us:before {
content: "\e681";
}
.medical-icon-infectious-diseases:before {
content: "\e682";
}
.medical-icon-hearing-assistance:before {
content: "\e683";
}
.medical-icon-health-services:before {
content: "\e684";
}
.medical-icon-health-education:before {
content: "\e685";
}
.medical-icon-gift-shop:before {
content: "\e686";
}
.medical-icon-genetics:before {
content: "\e687";
}
.medical-icon-first-aid:before {
content: "\e688";
}
.medical-icon-dental:before {
content: "\e689";
}
.medical-icon-coffee-shop:before {
content: "\e68a";
}
.medical-icon-chapel:before {
content: "\e68b";
}
.medical-icon-cath-lab:before {
content: "\e68c";
}
.medical-icon-care-staff-area:before {
content: "\e68d";
}
.medical-icon-registration:before {
content: "\e68e";
}
.medical-icon-dermatology:before {
content: "\e68f";
}
/* ----------------------------------------------- */
/* Стили для раздела "Задать вопрос консультантам" */
/* ----------------------------------------------- */
/* Скрываемый блок */
.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;
}
/*
* Все это пришлось добавить, чтобы вставить реальные данные в новый дизайн-макет (2016г)
*/
/* Кнопки соц-сетей в форме авторизации */
.authForm .social {
width: auto;
padding-top: 5px;
margin: 2px 15px 0 0;
text-align: left;
float: right;
}
.authForm .social .sButtonMini {
display: inline-block;
width: 24px;
height: 24px;
min-width: 24px;
line-height: 16px;
background-repeat: no-repeat;
margin-left: 2px;
margin-bottom: 4px;
text-indent: 9999em;
overflow: hidden;
border: none;
opacity: 0.7;
-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;
}
.authForm .social .sButtonMini:hover {
opacity: 1;
}
/* Скрытый текст */
.hidden_span {
display: none;
}
/* AUTH form elements */
.authForm div {
padding-top: 5px;
text-align: right;
float: right;
}
.authForm input[type=text], .authForm input[type=password] {
display: block;
float: right;
width: 245px;
height: 30px;
padding: 6px 12px;
margin: 0 0 6px 8px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
box-shadow: inset 2px 2px 5px rgba(0,0,0,0.19);
-webkit-box-shadow: inset 2px 2px 5px rgba(0,0,0,.019);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.authForm input[type=text]:focus, .authForm input[type=password]:focus {
border-color: #66afe9;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}
.authForm .auth_enter_button {
width: 82px;
height: 30px;
font-size: 15px;
letter-spacing: 0;
padding: 2px 0;
margin-top: 4px;
float: right;
}
.authForm .auth_enter_button:hover {
background-color: #417cb8;
color: #FFF;
}
/* AUTH FORM LABELS */
#auth_form th {
color: #000000;
font-size: 14px;
text-decoration: none;
border-bottom: none;
font-weight: bold;
}
/* AUTH FORM PSEUDEO-BUTTON */
#auth_form .auth_enter_button {
font-size: 6px;
color: #ffffff;
letter-spacing: 1px;
border: 1px solid transparent;
border-bottom: #4484b3 3px solid;
border-radius: 5px;
height: 38px;
padding: 4px 17px 0;
margin-left: 8px;
background-color: #68b3e7;
box-sizing: border-box;
text-align: center;
white-space: nowrap;
vertical-align: middle;
}
#auth_form .auth_enter_button:hover {
color: #171718;
}
#auth_form .auth_enter_button:active {
box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}
/* ADMIN MENU */
#admin_menu {
width: 100%;
height: 46px;
padding: 0;
margin: 0 auto;
overflow: hidden;
}
#admin_menu > div {
width: 100%;
height: 46px;
background: #EEE;
list-style: none;
padding: 0 6px;
margin-bottom: 0;
overflow: hidden;
position: fixed;
z-index: 1001;
}
#admin_menu a {
color: #555;
text-decoration: none;
-webkit-transition: all 0.1s ease-in-out;
-webkit-transition-delay: 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
#admin_menu .admin-menu-item a {
padding: 3px 5px 2px;
display: inline-block;
}
#admin_menu .admin-menu-item:hover a {
color: #F8F8F8;
}
#admin_menu .admin-menu-block {
margin-left: 15px;
float: left;
}
#admin_menu .admin-menu-block .admin-menu-caption {
height: 14px;
border-bottom: 2px #777 solid;
margin: 0;
}
#admin_menu .admin-menu-block .admin-menu-caption span {
background: #EEE;
color: #666;
font-size: 12px;
font-weight: bold;
padding-right: 4px;
position: relative;
top: -2px;
}
#admin_menu .admin-menu-block .admin-menu-item {
background: #E5E5E5;
border: 1px #888 solid;
font-size: 12px;
line-height: 14px;
margin: 6px 1px 0;
position: relative;
display: inline-block;
-webkit-transition: all 0.1s ease-in-out;
-webkit-transition-delay: 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
#admin_menu .admin-menu-block .admin-menu-item span {
height: 10px;
background: rgba(255,0,0,0.9);
color: #FFF;
font-family: Arial, sans-serif;
font-size: 8px;
line-height: 11px;
padding: 0 3px;
border-radius: 2px;
position: absolute;
top: -4px;
right: -2px;
display: none;
}
#admin_menu .admin-menu-block .admin-menu-item:hover {
background: #888;
}
#admin_menu .admin-menu-block-orders .admin-menu-caption {
border-bottom: 2px #3b8da4 solid;
}
#admin_menu .admin-menu-block-orders .admin-menu-caption span {
color: #3b7e95;
}
#admin_menu .admin-menu-block-orders .admin-menu-item {
background: #eefaff;
border: 1px #3b8db4 solid;
}
#admin_menu .admin-menu-block-orders a {
color: #3b6e85;
}
#admin_menu .admin-menu-block-orders .admin-menu-item:hover {
background: #3b8db4;
}
#admin_menu .admin-menu-block-reviews .admin-menu-caption {
border-bottom: 2px #3da83d solid;
}
#admin_menu .admin-menu-block-reviews .admin-menu-caption span {
color: #1d8a2d;
}
#admin_menu .admin-menu-block-reviews .admin-menu-item {
background: #eefffa;
border: 1px #3da83d solid;
}
#admin_menu .admin-menu-block-reviews a {
color: #1d7a2d;
}
#admin_menu .admin-menu-block-reviews .admin-menu-item:hover {
background: #3da83d;
}
#admin_menu .admin-menu-button i {
float: left;
-webkit-transition: all 0.1s ease-in-out;
-webkit-transition-delay: 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
#admin_menu .admin-menu-button i::before {
margin-right: 3px;
}
#admin_menu .admin-menu-button i.icon-cog-alt {
color: #666;
font-size: 27px;
margin-top: 5px;
}
#admin_menu .admin-menu-button i.icon-logout {
color: #777;
font-size: 32px;
margin-top: 3px;
}
#admin_menu .admin-menu-button i.icon-edit {
color: #777;
font-size: 30px;
margin: 4px 0 0 10px;
}
#admin_menu .admin-menu-button a:hover i {
color: #222;
}
#admin_menu .exceptions-warning {
display: none;
}
#admin_menu .admin-menu-button i.icon-attention {
color: #F22;
font-size: 29px;
margin-top: 5px;
}
#admin_menu .admin-menu-button i.icon-attention:hover {
color: #F00;
}
/* LINK 2 THE OLD SITE */
.old_site {
float: right;
}
/* QUESTIONS and ANSWERS button */
.btn_qa_1 {
position: fixed;
display: block;
transform: rotate(-90deg);
transform-origin:top left;
width: 320px;
height: 32px;
margin-left: 0;
top: 65%;
text-align: center;
padding-right: 34px;
box-sizing: border-box;
border: solid 1px #009CC9;
background: url('/images/feedback_button_logo.png');
background-repeat: no-repeat;
background-position: right top;
background-color: white;
cursor: pointer;
color: #009CC9;
z-index: 100;
}
.btn_qa_1:hover {
color: #171718;
}
.btn_qa_2 {
display: inline-block;
font-size: 20px;
color: inherit;
text-align: center;
text-decoration: none;
margin-top: 0;
}
.btn_qa_2:hover {
text-decoration: none;
color: inherit;
}
/* Заголовкм страниц */
div#content_header h1 {
color: #F60;
font-size: 24px;
text-align: left;
}
div#content_header h1.new-year {
text-shadow: 0 0 5px #FFF;
}
div#content_header p {
text-align: left;
color: gray;
}
/* Wrapper основного блока на страницах за исключением главной */
#div_block_content {
text-align: left;
margin: 10px 0 40px; /* 10px 0 50px; */
min-height: 300px; /* min-height: 500px; */
}
#div_block_content > p {
text-align: justify;
}
/* Кнопки переходов в дайджесте-2016 */
.a_blue_button {
color: white;
text-decoration: none;
}
/* Таблицы, которые должны обеспечить отстояние их элементов друг от друга */
table.clinics-form td, th {
/* padding: 6px 12px 6px 0 !important;*/
padding: 6px 12px 6px;
}
/* Сообщения - ошибки и ОК */
.box {
padding:10px;
text-align:center;
margin-bottom:12px;
font-weight:bold;
}
.error_msg{
border:solid 2px #f00;
background-color: #fee;
}
.ok_msg{
border:solid 2px #5e5;
background-color: #efe;
}
/* Форма обратного звонка */
#callback_msg {
display: none;
}
/* Реклама - верхний блок */
#yandex_ad_R-120316-3 .yap-reset {
margin: 0 auto !important; /* принудительно центрируем блок */
}
/* Реклама - нижний блок */
#yandex_ad_R-120316-4,
#yandex_ad_R-120316-5,
#yandex_ad_R-120316-6,
#yandex_ad_R-120316-7,
#yandex_ad_R-120316-8,
#yandex_ad_R-120316-9 {
text-align: center; /* центрируем блок, если iframe */
}
#yandex_ad_R-120316-4 .yap-reset,
#yandex_ad_R-120316-5 .yap-reset,
#yandex_ad_R-120316-6 .yap-reset,
#yandex_ad_R-120316-7 .yap-reset,
#yandex_ad_R-120316-8 .yap-reset,
#yandex_ad_R-120316-9 .yap-reset {
margin: 0 auto !important; /* принудительно центрируем блок, если div */
}
/* Основная форма записи на главной странице для мобильной версии */
.xs_div_main_form_wrapper {
display: none;
box-sizing: border-box;
padding: 20px;
margin: 0 0 10px 0;
border: solid 4px #4484b3;
border-radius: 5px;
background-color: white;
}
.btn-medi-xs {
margin: 10px 0 2px 0;
height: 46px;
line-height: 32px;
font-weight: bold;
color: #ffffff;
background-color: #68b3e7;
font-size: 16px;
letter-spacing: 1px;
border-bottom: #4484b3 3px solid;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-decoration: none;
}
.btn-medi-xs:hover {
background-color: #417cb8;
color: #ffffff;
border-bottom: #27496d 3px solid;
}
.btn-medi-xs:active {
color: #ffffff;
margin-top: 11px;
margin-bottom: 1px;
border-bottom: #27496d 2px solid;
}
.xs_simple_form_row {
padding: 0 0 10px 0;
}
.xs_omsrecord_row_submit {
margin: 10px 0 0 0;
padding: 0;
vertical-align: middle;
}
.xs_label {
font-weight: normal;
}
.xs-form-caption {
display: inline-block;
font-size: 14px;
font-style: normal;
padding: 10px 0 12px 0;
color: #000000;
}
/* Адаптив для верхнего блока Яндекс-директа */
.ya-adaptive-main {
/*margin-bottom: 12px;*/
}
#ya-adaptive {
text-align: center;
}
#ya-adaptive .yap-reset {
width: auto !important;
height: auto !important;
}
#ya-adaptive .yap-fixed {
width: auto !important;
height: auto !important;
}
#ya-adaptive .yap-layout__wrapper {
width: auto !important;
height: auto !important;
}
#ya-adaptive .yap-title .yap-title-block__text{
font-size: 120% !important;
}
#ya-adaptive > div > yatag {
width: auto !important;
height: auto !important;
}
#ya-adaptive > div > yatag > yatag {
width: auto !important;
height: auto !important;
}
#ya-adaptive > div > yatag > yatag > yatag {
border: none !important;
}
#ya-adaptive > div > yatag > yatag > yatag + yatag {
width: auto !important;
height: auto !important;
}
#ya-adaptive > div > yatag > yatag > yatag + yatag + yatag {
/*display: none !important;*/
}
#ya-adaptive > div > yatag > yatag > yatag + yatag td > yatag > yatag:first-child > yatag:first-child {
width: 100px !important;
height: 100px !important;
min-height: 100px !important;
}
#ya-adaptive > div > yatag > yatag > yatag + yatag td > yatag > yatag > yatag > a > yatag {
width: 100px !important;
height: 100px !important;
}
#ya-adaptive > div > yatag > yatag > yatag + yatag td > yatag > yatag > yatag > a > yatag > yatag > yatag > img {
-moz-transform: scale(0.588,0.588) !important;
-ms-transform: scale(0.588,0.588) !important;
-webkit-transform: scale(0.588,0.588) !important;
-o-transform: scale(0.588,0.588) !important;
transform: scale(0.588,0.588) !important;
position: relative !important;
top: -35px !important;
}
#ya-adaptive > div > yatag > yatag > yatag + yatag td > yatag > yatag:first-child > yatag:first-child > yatag {
width: 99px !important;
background: rgba(0,0,0,0.4) !important;
border: none !important;
color: #FFF !important;
font-size: 8px !important;
line-height: 8px !important;
position: absolute;
top: 67px;
left: 11px;
z-index: 1;
}
#ya-adaptive > div > yatag > yatag > yatag + yatag td > yatag > yatag:first-child > yatag:first-child > yatag > yatag {
padding: 2px 5px;
}
#ya-adaptive > div > yatag > yatag > yatag + yatag td > yatag > yatag > yatag:nth-child(2) > yatag > yatag > a {
font-size: 90% !important;
}
#ya-adaptive > div > yatag > yatag > yatag + yatag td > yatag > yatag > yatag:nth-child(2) > yatag:nth-child(2) {
margin-top: 0 !important;
}
#ya-adaptive > div > yatag > yatag > yatag + yatag td > yatag > yatag > yatag:nth-child(2) > yatag:nth-child(2) > yatag > yatag > yatag {
background: transparent !important;
}
#ya-adaptive > div > yatag > yatag > yatag + yatag td > yatag > yatag > yatag:nth-child(2) > yatag:nth-child(2) > yatag > yatag {
padding: 0 !important;
}
#ya-adaptive > div > yatag > yatag > yatag + yatag td > yatag > yatag > yatag:nth-child(2) > yatag:nth-child(3) {
font-size: 12px !important;
margin-top: 5px !important;
}
#ya-adaptive > div > yatag > yatag > yatag + yatag td > yatag > yatag > yatag:nth-child(2) > yatag:nth-child(4) {
font-size: 13px !important;
margin-top: 8px !important;
}
#ya-adaptive {
width: 100%;
height: 100%;
overflow: hidden;
}
.yap-layout__logo.yap-logo.yap-logo-bg-color {
display: none !important;
}
#ya-top-block>div>yatag>yatag>yatag:nth-child(2) {
margin-left: 0 !important;
}
#ya-top-block>div>yatag, #ya-top-block>div>yatag>yatag {
width: 100% !important;
}
/* Адаптив для нижнего блока Яндекс-директа */
#ya-adaptive-bottom {
text-align: center;
height: 290px;
}
#ya-adaptive-bottom .yap-reset {
width: auto !important;
height: 100% !important;
}
#ya-adaptive-bottom .yap-fixed {
width: auto !important;
height: 100% !important;
}
#ya-adaptive-bottom .yap-layout__wrapper {
width: auto !important;
height: auto !important;
border: none !important;
background-color: transparent !important;
}
#ya-adaptive-bottom .yap-title .yap-title-block__text{
font-size: 120% !important;
}
#ya-bot-block .yap-layout__wrapper .yap-layout__outer {
height: 250px;
background: #FFF;
padding: 5px;
margin: 2px;
}
#ya-adaptive-bottom > div > yatag {
width: auto !important;
height: auto !important;
}
#ya-adaptive-bottom > div > yatag > yatag {
width: auto !important;
height: auto !important;
}
#ya-adaptive-bottom > div > yatag > yatag > yatag + yatag {
width: auto !important;
height: auto !important;
border: none !important;
}
#ya-adaptive-bottom > div > yatag > yatag > yatag + yatag td > yatag > yatag > yatag + yatag > yatag> yatag > a {
font-size: 120% !important;
}
#ya-adaptive-bottom > div > yatag > yatag > yatag + yatag td > yatag {
height: 270px;
background: rgba(182, 212, 231, 0.6);
padding: 5px;
margin: 2px;
}
#ya-bot-block {
width: 66%;
display: inline-block;
height: 100%;
overflow: hidden;
}
#ya-bot-block>div>yatag>yatag>yatag:nth-child(2) {
margin-left: 0 !important;
}
#google-bot-block-1, #google-bot-block-2 {
width: 17%;
height: 100%;
display: inline-block;
}
/* Реклама Google */
.google-adv {
max-width: 1170px;
padding-bottom: 30px;
margin: auto;
text-align: center;
overflow: hidden;
}
#google-bot-block {
display: inline-block;
width: 300px;
height: 250px;
margin-top: 2px;
}
/* Выбор города */
#window-select-city .win-mh-body {
overflow: visible;
}
#window-select-city .win-mh-content {
font-size: 15px;
line-height: 19px;
padding: 9px 15px 17px;
}
#window-select-city .win-mh-content span {
padding: 2px;
margin-bottom: 11px;
display: block;
}
#window-select-city .win-mh-content input {
width: calc(100% - 110px);
font-size: 15px;
}
#window-select-city .win-mh-content button {
float: right;
}
#window-select-city .win-mh-content .selCityResults {
width: calc(100% - 140px);
background-color: #c6d8ed;
position: absolute;
z-index: 10000;
text-align: left;
}
#window-select-city .win-mh-content .selCityErrors {
width: calc(100% - 110px);
}
.window-select-city-content {
display: none;
}
.popup-frame {
width: 470px;
height: fit-content;
min-height: 260px;
max-height: 400px;
background: #FFF;
border: 1px #BBB solid;
padding: 52px 15px 20px;
margin: auto auto;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 9000;
display: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 0 15px 0 #444;
-moz-box-shadow: 0 0 15px 0 #444;
box-shadow: 0 0 15px 0 #444;
}
.popup-frame .title {
width: 100%;
height: 36px;
background: #2476b6;
color: #FFF;
font-size: 16px;
padding: 10px 0 0 10px;
position: absolute;
top: 0;
left: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.popup-frame .title .icon-cancel {
font-size: 21px;
position: absolute;
top: 7px;
right: 5px;
cursor: pointer;
-webkit-transition: all 0.1s ease-in-out;
-webkit-transition-delay: 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
.popup-frame-mh {
width: 75%;
height: fit-content;
max-height: 75%;
overflow: auto;
}
#popup-window #order_med_services_results {
width: 100%;
height: 200px;
overflow-x: hidden;
overflow-y: auto;
margin-top: 14px;
}
#popup-window #order_med_services_results div {
cursor: pointer;
padding: 3px;
background-color: #c6d8ed;
border-bottom: 1px solid #c0c0c0;
}
#privateclinic_city_variants {
width: 280px;
background-color: #c6d8ed;
position: absolute;
z-index: 1000;
text-align: left;
}
#in3clicks2doc_city_variants, #vacancy_s_city_variants {
width: 295px;
background-color: #c6d8ed;
position: absolute;
z-index: 1000;
text-align: left;
}
#in3clicks2doc_spec_variants, #privateclinic_name_variants {
width: 380px;
background-color: #c6d8ed;
position: absolute;
z-index: 1000;
text-align: left;
}
#regionalrec_city_variants, #lookup_disease_disease_variants, #lookup_disease_diagnosis_variants {
width: 775px;
background-color: #c6d8ed;
position: absolute;
z-index: 1000;
text-align: left;
}
#doctor_s_city_variants, #comment_s_city_variants {
width: 400px;
background-color: #c6d8ed;
position: absolute;
z-index: 1000;
text-align: left;
}
#clinic_s_city_variants, #reviews_filter_city_variants {
width: 260px;
background-color: #c6d8ed;
position: absolute;
z-index: 1000;
text-align: left;
}
#reviews_filter_city_variants {
margin-top: 0 !important;
}
#window-select-city .win-mh-content .selCityResults > div,
#privateclinic_name_variants > div,
#privateclinic_city_variants > div,
#in3clicks2doc_city_variants > div,
#in3clicks2doc_spec_variants > div,
#regionalrec_city_variants > div,
#lookup_disease_disease_variants > div,
#lookup_disease_diagnosis_variants > div,
#doctor_s_city_variants > div,
#comment_s_city_variants > div,
#clinic_s_city_variants > div,
#reviews_filter_city_variants > div,
#vacancy_s_city_variants > div,
#xs_privateclinic_name_variants > div,
#xs_privateclinic_city_variants > div,
#xs_in3clicks2doc_city_variants > div,
#xs_in3clicks2doc_spec_variants > div,
#xs_regionalrec_city_variants > div,
#xs_lookup_disease_disease_variants > div {
padding: 3px 11px;
border-bottom: 1px solid #66afe9/*#c0c0c0*/;
border-left: 1px solid #66afe9;
border-right: 1px solid #66afe9;
cursor: pointer;
position: relative;
border-radius: 4px;
}
#xs_regionalrec_city_variants > div.items_kind,
#regionalrec_city_variants > div.items_kind,
#xs_lookup_disease_disease_variants > div.items_kind,
#lookup_disease_disease_variants > div.items_kind,
#lookup_disease_diagnosis_variants > div.items_kind,
#xs_privateclinic_name_variants > div.items_kind,
#privateclinic_name_variants > div.items_kind,
#xs_privateclinic_city_variants > div.items_kind,
#privateclinic_city_variants > div.items_kind,
#xs_in3clicks2doc_city_variants > div.items_kind,
#xs_in3clicks2doc_spec_variants > div.items_kind,
#in3clicks2doc_city_variants > div.items_kind,
#in3clicks2doc_spec_variants > div.items_kind {
cursor: default !important;
background-color: #e8f2ff /*#d6e9ff*/;
font-size: 13px;
}
div.items_kind.items_count {
text-align: right !important;
}
#window-select-city .win-mh-content .selCityResults > div.item:hover,
#privateclinic_name_variants > div.item:hover,
#privateclinic_city_variants > div.item:hover,
#in3clicks2doc_city_variants > div.item:hover,
#in3clicks2doc_spec_variants > div.item:hover,
#regionalrec_city_variants > div.item:hover,
#lookup_disease_disease_variants > div.item:hover,
#lookup_disease_diagnosis_variants > div.item:hover,
#xs_lookup_disease_disease_variants > div.item:hover,
#doctor_s_city_variants > div.item:hover,
#comment_s_city_variants > div.item:hover,
#clinic_s_city_variants > div.item:hover,
#reviews_filter_city_variants > div.item:hover,
#vacancy_s_city_variants > div.item:hover,
#xs_privateclinic_name_variants > div.item:hover,
#xs_privateclinic_city_variants > div.item:hover,
#xs_in3clicks2doc_city_variants > div.item:hover,
#xs_in3clicks2doc_spec_variants > div.item:hover,
#xs_regionalrec_city_variants > div.item:hover {
background-color: #9BBADD;
}
#window-select-city .win-mh-content .selCityErrors,
#privateclinic_name_errors,
#privateclinic_city_errors,
#in3clicks2doc_city_errors,
#in3clicks2doc_spec_errors,
#regionalrec_city_errors,
#lookup_disease_disease_errors,
#lookup_disease_diagnosis_errors,
#xs_lookup_disease_disease_errors,
#doctor_s_city_errors,
#clinic_s_city_errors,
#reviews_filter_city_errors,
#vacancy_s_city_errors,
#xs_privateclinic_name_errors,
#xs_privateclinic_city_errors,
#xs_in3clicks2doc_city_errors,
#xs_in3clicks2doc_spec_errors,
#xs_regionalrec_city_errors {
background-color: #9BBADD;
padding: 5px 10px 6px;
display: none;
font-size: 90%;
color: red;
}
#privateclinic_city_container {
min-width: 280px;
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
#privateclinic_name_container, #in3clicks2doc_city_container, #in3clicks2doc_spec_container {
min-width: 300px;
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
#regionalrec_city_container, #lookup_disease_disease_container, #lookup_disease_diagnosis_container {
min-width: 780px;
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
#vacancy_s_city, #clinic_s_city, #comment_s_city {
width: 100%;
}
/* XS */
#xs_privateclinic_name_variants, #xs_privateclinic_city_variants, #xs_in3clicks2doc_city_variants, #xs_in3clicks2doc_spec_variants, #xs_regionalrec_city_variants, #xs_lookup_disease_disease_variants {
width: calc(100% - 78px);
min-width: 200px;
background-color: #c6d8ed;
position: absolute;
z-index: 1000;
text-align: left;
}
div.bl-mob-links > div.col-xs-12 {
min-width: 300px;
}
/* Запись в частную клинику - Название клиники */
ul.ui-autocomplete {
border: none !important;
padding: 0 !important;
}
ul.ui-autocomplete > li {
padding: 0 !important;
border-bottom: 1px solid #66afe9 !important;
border-left: 1px solid #66afe9 !important;
border-right: 1px solid #66afe9 !important;
cursor: pointer !important;
position: relative !important;
border-radius: 4px !important;
}
ul.ui-autocomplete > li > a {
padding: 3px !important;
background-color: #c6d8ed;
font-size: 15px !important;
}
/* hint-over-the-question-mark in the digest */
.digest-q-hint {
background-color: #68b3e7;
color: #ffffff;
margin: 0 5px 2px 5px;
display: inline-block;
min-width: 8px;
padding: 2px 5px 2px 6px;
font-size: 11px;
font-weight: 700;
line-height: 1;
text-align: center !important;
white-space: nowrap;
vertical-align: middle;
border-radius: 8px;
}
/* Tags in articles */
a.tag_a {
display: inline-block !important;
padding: 2px 8px;
margin: 0 4px 4px 0;
color: white;
background-color: #68b3e7;
text-decoration: none;
}
a.tag_a:hover {
text-decoration: underline;
}
div.tags_line {
padding: 0 !important;
margin: 0 0 5px 0;
}
div.tags_line2 {
padding: 0 !important;
margin: 7px 0 5px 0;
}
div.tags_line3 {
padding: 0 !important;
margin: 1px 0 1px 0;
}
/* Docdoc консультант */
#leadia_science_widget .leadia_widget {
z-index: 18 !important;
}
/* EOF */
.align-right {
text-align: right !important;
}
.align-left {
text-align: left !important;
}
.align-center {
text-align: center !important;
}
.cursor-pointer {
cursor: pointer;
}
/*
* Стили для адаптива
*/
/* Для сверхбольших мониторов W > 1920px */
@media (min-width: 1921px) {
#main-bar {
background: url(/css/design2016/img/bg_main_layer_lg.jpg) no-repeat center top, url(/css/design2016/img/bg_layer_left.png) no-repeat left top, url(img/bg_layer_right.png) no-repeat right top;
background-size: auto 345px, 50% 345px, 50% 345px;
min-height: 500px;
}
}
/* Нестандартное разрешение (для адаптива статей) */
@media (max-width: 1220px) {
.articles .big-articles {
width: 40%;
}
.articles .big-articles > div {
width: 100%;
height: 320px;
overflow: hidden;
}
.articles .regular-articles {
width: 60%;
padding-right: 20px;
}
.articles .regular-articles > .regular {
width: 100%;
height: 150px;
margin: 0 0 20px 0;
padding: 12px 12px 40px 0;
overflow: hidden;
}
.articles .regular-articles > .regular > div {
margin-left: 215px;
}
.articles .regular-articles > .regular img {
width: 200px;
height: 150px;
}
.articles .regular-articles > .regular .cover {
width: 200px;
height: 150px;
}
.articles .regular-articles > .regular > .tags {
padding-top: 0;
padding-bottom: 5px;
}
.articles .regular-articles > .regular > .title {
font-size: 15px;
line-height: 20px;
}
.articles .regular-articles > .regular > .status,
.articles .regular-articles.old > .regular > .status {
width: calc(100% - 217px);
}
.articles .regular-articles.old {
width: 100%;
padding-right: 0;
}
.articles .regular-articles.old > .regular {
margin-right: 20px;
}
}
/* Нестандартное разрешение (для адаптива медицинских консультаций) */
@media (max-width: 1149px) {
.questions-stat,
.questions-stat span,
.questions-stat .icon-calendar,
.questions-stat .icon-attention,
.questions-stat .icon-ok {
display: none !important;
}
}
/* Для маленьких мониторов 992 >= W > 1200px */
@media (max-width: 1199px) {
#main-bar {
background-size: auto 340px;
}
.bl-form-tab {
margin-bottom: 25px;
}
.bl-enter {
right: -15px;
}
.bl-personal {
right: -15px;
}
.form-search {
margin-top: 5px;
}
.bl-form-tab-header ul li {
line-height: 20px;
padding-top: 5px;
}
.bl-form-tab-header ul li a {
font-size: 16px;
}
.bl-form-tab-header ul li.emias {
background-image: url(/css/design2016/img/logo_emias_42.png);
background-position: 12px 4px;
padding-left: 70px;
}
.bl-form-tab-header ul li.active.emias {
background-position: 12px 10px;
}
.bl-ds .ds-caption {
font-size: 16px;
}
.ds-1 .form-group-oms {top: 77px}
.ds-1 .form-group-date {top: 77px}
.ds-1 .form-group-save {top: 77px}
.ds-1 .form-group-submit {top: 77px}
.ds-3 .form-group-spec {top: 90px}
.ds-3 .form-group-region {top: 90px}
.ds-3 .form-group-submit {top: 90px}
.ds-4 .form-group-region {top: 90px}
.ds-4 .form-group-city { width: 600px; }
.ds-4 .form-group-submit { left: 135px; }
.ds-5 .form-group-name {top: 61px}
.ds-5 .form-group-phone {top: 117px}
.ds-5 .form-group-spec {top: 117px}
.ds-5 .form-group-submit { left: 135px; }
.ds-5 .form-group-lookup_disease { width: 600px; }
.ds-5 .form-group-lookup_disease_quicklinks { width: 930px; max-height: 65px; overflow-y: auto; }
#regionalrec_city_container, #lookup_disease_disease_container { min-width: 580px; }
#regionalrec_city_variants, #lookup_disease_disease_variants { width: 575px; }
.action-img,
.action-img a,
.action-img a img {
width: 146px !important;
}
.action-body {
width: calc(100% - 146px);
height: 150px;
}
.actions-title {
padding: 7px 10px 6px !important;
}
.actions-title a {
font-size: 15px;
}
.actions-text {
font-size: 13px;
line-height: 17px;
padding: 8px 10px !important;
}
.actions-text b {
margin-bottom: 4px;
display: inline-block;
}
/*
#appcontainer #apps .emailAddress {
width: 100%;
}
#appcontainer #apps .printEmail,
#appcontainer #apps .printApp,
#appcontainer #apps .appcancel,
#appcontainer #apps .appshift {
margin-top: 10px;
margin-left: 0;
margin-right: 10px;
position: static;
}
#appcontainer #apps .appshift {
top: -2px;
float: none;
}
*/
.menu-footer > li {
padding: 0 42px;
}
#ya-adaptive-bottom {
height: 240px;
}
#sidebar {
width: 320px;
}
.filter-map {
padding: 10px 5px 15px;
}
.filter-map > span {
width: calc(50% - 10px);
margin: 5px 5px 0;
}
.clinic-item {
padding: 12px 6px 10px;
margin: 0 6px;
}
.clinic-name a {
font-size: 15px;
line-height: 18px;
}
.clinic-text {
margin-top: 2px;
}
.clinic-photo {
width: 70px;
height: auto;
}
.clinic-photo img {
width: 70px;
height: 70px;
}
.clinic-specs, .clinic-address {
display: none;
}
}
/* Адаптив для настроек профиля */
@media (max-width: 1050px) {
.profile-corp > span {
display: none;
}
.profile-corp::after {
content: '.';
}
.profile-consultant > div:first-of-type {
width: 22% !important;
}
.profile-consultant > div:last-of-type {
width: 78% !important;
}
}
@media (max-width: 1270px) {
.wrap-throw-search .throw-search-close {
display: none;
}
}
@media (max-width: 1070px) {
.clinic-header .clinic-menu .clinic-menu-item {
padding: 8px 15px 0;
}
}
/* Для планшетов 768 >= W > 991px */
@media (max-width: 991px) {
#popup-window {
max-width: calc(100% - 20px);
}
.menu-main > .wrap-menu-main > ul > li a {
padding-left: 10px;
padding-right: 10px;
}
.menu-main.-shift > .wrap-menu-main {
margin-left: 47px !important;
}
.lk > div:last-of-type {
display: none;
}
#main-bar {
background: transparent url(/css/design2016/img/bg_main_md.jpg) no-repeat left top;
background-size: auto;
}
.bl-head {
margin-top: 60px;
}
.logo img {
width: 350px;
}
.bl-head .col-md-6 .submenu {
margin-top: -11px;
}
.bl-form-tab {
margin-top: 10px;
margin-bottom: 10px;
}
.bl-form-tab-header ul li {
line-height: 16px;
padding: 3px 7px 5px;
}
.bl-form-tab-header ul li a {
font-size: 13px;
}
.bl-form-tab-header ul li.emias {
background-position: 9px 3px;
background-size: 34px;
padding-left: 51px !important;
}
.bl-form-tab-header ul {
margin: 0 auto 8px;
}
.bl-form-tab-header ul li.active, .bl-form-tab-header ul li:hover.active {
padding: 11px 16px 12px;
top: -3px;
}
.bl-ds .ds-caption {
font-size: 15px;
}
.bl-ds .icon-attention {
font-size: 14px;
left: 15px;
}
div#content_header h1 {
font-size: 22px !important;
}
.action-img,
.action-img a,
.action-img a img {
width: 166px !important;
}
.action-body {
width: calc(100% - 166px);
height: 170px;
}
.actions-title {
padding: 8px 12px !important;
}
.actions-title a {
font-size: 16px;
}
.actions-text {
font-size: 15px;
line-height: 17px;
padding: 8px 12px !important;
}
.actions-text b {
margin-bottom: 4px;
display: inline-block;
}
.menu-footer > li {
padding: 0 15px;
}
.bl-counters {
text-align: center;
}
.clinics-offer > div > div {
line-height: 17px;
font-size: 14px;
padding: 10px 12px 0;
}
.clinics-searching-guide {
background: none;
padding: 0 0 10px 0;
}
.clinics-searching-guide span {
font-size: 14px;
line-height: 18px;
}
.clinics-filter .filter-clinic {
width: 65%;
}
.clinics-filter #results {
width: calc(100% - 51px);
}
.clinics-filter .filter-region {
width: 35%;
padding-right: 0;
margin-bottom: 12px;
}
.clinics-filter .filter-metro {
width: 35%;
}
.clinics-filter .filter-spec {
width: 100%;
margin-bottom: 12px;
}
.clinics-filter .filter-spec.short {
width: 65%;
}
.clinics-filter .filter-type {
width: 100%;
padding-right: 0;
margin-bottom: 12px;
}
.clinics-filter .filter-services {
width: 50%;
}
.clinics-filter .filter-diagnoses {
width: 50%;
}
.clinics-filter .filter-diseases {
width: 50%;
}
.clinics-filter .filter-bonus {
width: 50%;
}
.doctors-filter .filter-clinic {
width: 33%;
}
.doctors-filter .filter-diagnoses {
width: 33%;
}
.doctors-filter .filter-show {
width: 34%;
padding-right: 0;
}
.doctors-filter .filter-consult {
width: 50%;
padding: 10px 0 12px 10px;
}
.reviews-filter-sort {
min-width: 270px;
}
.reviews-filter .btn-mh {
padding-left: 10px;
padding-right: 10px;
}
.reviews-block {
min-height: 0;
background: #F7F7F7;
padding: 10px 13px 33px;
margin-bottom: 28px;
position: relative;
box-shadow: 1px 1px 8px 0 #999;
-moz-box-shadow: 1px 1px 8px 0 #999;
-webkit-box-shadow: 1px 1px 8px 0 #999;
}
.reviews-block > div:first-of-type {
display: none;
}
.action-info .reviews-block > div, .reviews-block > div {
margin-left: 0 !important;
}
.review-body {
margin: 8px 0;
}
.review-controls {
width: calc(100% - 26px);
}
.review-controls > a {
margin-right: 0;
}
/* Отзывы о врачах */
.reviews-wrap.reviews-doctors {
padding-top: 0;
}
.reviews-doctors.reviews-filter {
margin-top: 12px;
}
.reviews-doctors .reviews-filter-button > div:nth-child(1) {
display: none;
}
#add-review.reviews-doctors {
margin-top: 10px;
}
.reviews-filter.reviews-doctors .reviews-stat {
display: none;
}
.reviews-filter.reviews-doctors .reviews-filter-search {
width: 100%;
margin-right: 0;
}
.reviews-block.reviews-doctors {
padding-bottom: 40px;
margin-bottom: 15px;
}
.review-doctor-info {
margin-bottom: 12px;
display: block !important;
}
.review-doctor-info img {
width: 76px;
height: 100px;
border: 2px #FFF solid;
margin-right: 10px;
}
.review-doctor-name {
font-size: 16px;
padding-bottom: 1px;
}
.review-doctor-name > span {
font-size: 14px;
margin-left: 8px;
}
.review-doctor-specs {
font-size: 14px;
margin-top: 2px;
}
.review-doctor-total {
font-size: 14px;
margin-top: 2px;
}
.review-doctor-consult {
font-size: 13px;
padding: 2px 5px 1px;
margin-top: 6px;
display: inline-block;
}
.review-doctor-like {
top: auto;
right: 15px;
bottom: 8px;
}
.record > div > .image {
display: none !important;
}
.record > div > .wrap {
margin-left: 0 !important;
}
/*
.emias-intro {
font-weight: 600;
margin: 10px 4px 20px;
}
#policy .emias-logo {
margin-left: 30px;
position: relative;
top: -5px;
}
#appcontainer {
padding: 8px 10px !important;
}
#appcontainer #menu > .emias-menu-line {
padding: 0 0 6px;
}
#appcontainer #menu > button {
margin-top: 5px;
}
#appcontainer #schedule .wbox, #appcontainer #refs #info .wbox {
width: 610px;
}
#appcontainer #apps .clinicAppointmentItem .fValue {
width: 400px;
}
*/
#addQuestion .add-email-descr {
height: auto;
line-height: 16px;
padding-bottom: 10px;
}
.how-to-get-bonuses .bonuses-method > div:first-of-type {
height: 160px;
}
.how-to-get-bonuses .bonuses-method > div:first-of-type > div {
height: 105px;
font-size: 14px;
line-height: 19px;
padding: 0 6px;
}
.how-to-get-bonuses .bonuses-method.bonuses-method-disabled-anon::after {
font-size: 14px;
padding: 58px 6px 0;
}
.how-to-get-bonuses .bonuses-method > div:first-of-type > i {
height: 55px;
font-size: 32px;
padding-top: 17px;
}
.how-to-get-bonuses .bonuses-method > div:first-of-type > i.icon-heartbeat {
font-size: 29px;
padding-top: 18px;
}
.how-to-get-bonuses .bonuses-method > div:first-of-type > i.icon-user-md {
font-size: 32px;
}
.how-to-get-bonuses .bonuses-method > div:last-of-type {
font-size: 17px;
}
.articles {
padding-bottom: 5px;
}
.clinic-page#info .articles {
padding-bottom: 0;
}
.articles .top-articles-slider {
margin-bottom: 10px;
}
.articles .top-articles-slider > div {
height: 240px !important;
overflow: hidden;
}
.articles .big-articles > div {
height: 250px;
margin-bottom: 10px;
}
.articles .big-articles > div img,
.articles .big-articles > div .cover {
width: 380px;
height: 285px;
}
.articles .big-articles > div > .counters {
top: 11px;
left: 10px;
}
.articles .big-articles > div .tags {
font-size: 14px;
margin-bottom: 10px;
}
.articles .big-articles > div .title {
font-size: 14px;
padding-top: 5px;
margin-right: 10px;
}
.articles .big-articles > div > .date {
font-size: 14px;
top: 10px;
right: 10px;
}
.articles .big-articles > div > .info {
position: absolute;
left: 10px;
bottom: 10px;
}
.articles .regular-articles {
padding-right: 10px;
}
.articles .regular-articles > .regular {
height: 120px;
margin: 0 0 10px 0;
}
.articles .regular-articles > .regular img,
.articles .regular-articles > .regular .cover {
display: none;
}
.articles .regular-articles > .regular {
padding: 13px 12px 40px;
}
.articles .regular-articles > .regular > div {
margin-left: 0;
}
.articles .regular-articles > .regular > .tags a {
font-size: 12px;
}
.articles .regular-articles > .regular > .title {
font-size: 14px;
line-height: 17px;
}
.articles .regular-articles > .regular > .status,
.articles .regular-articles.old > .regular > .status {
width: calc(100% - 17px);
bottom: 7px;
right: 15px;
}
.articles .regular-articles > .regular > .status .counters {
font-size: 13px;
}
.articles .regular-articles > .regular > .status .counters .icon-comment {
font-size: 14px;
}
.articles .regular-articles > .regular > .status .date {
font-size: 14px;
}
.articles .regular-articles.old > .regular {
width: calc(50% - 5px);
margin-right: 10px;
}
.articles .ad-block {
margin-bottom: 10px;
}
.article > img {
margin-bottom: 16px;
}
.article > .top-line {
margin-bottom: 10px;
}
.article > .top-line .author {
display: none;
}
.article .socials > span {
display: none;
}
#appcontainer #apps .appshift {
float: none;
}
.clinic-header .title {
font-size: 22px;
line-height: 28px;
padding: 10px 20px 5px;
}
.clinic-header .awards img {
width: 23px;
height: 30px;
}
.clinic-header .clinic-menu .clinic-menu-item {
font-size: 17px;
padding: 8px 12px 0;
}
.clinic-page {
padding: 10px;
}
.clinic-page ~ .clinic-page {
margin-top: 20px !important;
}
.clinic-page > span {
font-size: 20px;
line-height: 26px;
margin: 10px 9px 5px;
}
.clinic-page > span > span {
font-size: 20px;
line-height: 20px;
}
.clinic-page#services .clinic-services-filter,
.clinic-page#doctors .clinic-doctors-filter,
.clinic-page#vacancies .clinic-vacancies-filter {
position: static;
top: 15px;
right: 20px;
}
.clinic-page#doctors #clinic-doctors-filter-name,
.clinic-page#services #clinic-services-filter-name {
width: 100%;
margin-top: 12px;
margin-left: 0;
}
.clinic-page#doctors #clinic-doctors-filter-spec,
.clinic-page#services #clinic-services-filter-price {
width: 100%;
margin-top: 5px;
margin-left: 0;
}
.clinic-page#info .info {
width: 100%;
margin-bottom: 20px;
}
.clinic-page#info .properties {
width: 100%;
border-top: 1px #DDD solid;
border-left: none;
padding-top: 20px;
padding-left: 0;
margin-left: 0;
margin-bottom: 2px;
}
.clinic-page#info .socials {
padding-bottom: 14px;
}
.clinic-page#order .clinic-schedule-filter {
top: 15px;
}
.clinic-page#order #clinic-schedule-filter {
width: 350px;
}
.clinic-page#order .schedule-progress {
border-top: none;
padding: 5px 0 15px;
margin: 10px 0 0;
}
.clinic-page#order .schedule-progress > span::before {
display: none;
}
.clinic-page#order .schedule-progress > span,
.clinic-page#order .schedule-progress > span:last-of-type {
width: calc(100% / 4);
}
.clinic-page#order .schedule-progress > span > span {
margin: 0 auto !important;
float: none;
clear: both;
}
.clinic-page#order .schedule-progress > span > span:nth-child(2) {
width: 100%;
max-width: none;
height: auto;
background: transparent;
font-size: 14px;
line-height: 17px;
text-align: center;
padding: 0 4px;
margin-top: 10px !important;
}
.clinic-page#order .schedule-progress > span:nth-child(3) > span:nth-child(2),
.clinic-page#order .schedule-progress > span:nth-child(4) > span:nth-child(2) {
padding-top: 0;
}
.clinic-page#order .schedule-title .schedule-calendar {
width: calc(100% - 330px);
}
.clinic-page#order .schedule-title .schedule-calendar > input {
width: 100%;
}
.clinic-page#order .schedule-title .schedule-prev {
margin-left: 0;
float: left;
}
.clinic-page#order .schedule-title .schedule-next {
float: right;
}
.clinic-page#order .schedule-title .schedule-name {
padding-top: 18px;
}
.clinic-page#order .schedule-legend {
margin-bottom: 25px;
}
.olk-choice {
margin: 0 -10px;
}
.olk-choice a {
width: calc(50% - 20px);
height: 300px;
font-size: 20px;
margin: 10px 10px 0;
}
.olk-list-spec {
width: calc((100% - 30px) / 2);
}
.olk-view-info-switcher {
margin-bottom: 10px;
}
.olk-view-info {
width: auto;
}
.olk-view-info-switcher a {
font-size: 15px;
}
.olk-basic-info,
.olk-basic-help {
font-size: 14px;
}
.inf-mh > div {
margin-bottom: 10px;
}
.inf-mh > div > span:first-of-type {
font-size: 15px;
}
.olk-view-control .olk-view-quit-cons,
.olk-view-control .olk-view-good,
.olk-view-control .olk-view-bad,
.olk-view-control .olk-view-pay,
.olk-view-control .olk-view-free {
width: 100%;
position: static;
}
.olk-view-block {
background: transparent;
padding: 0;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
.olk-view-block .tab-mh > div {
background: transparent;
border: none;
padding: 0;
}
.olk-video-block {
width: auto !important;
height: auto;
margin: 0;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 999999;
}
.olk-video-block .olk-splitter {
display: none;
}
.olk-video-block .video-frame {
width: 100%;
height: 100%;
margin-left: 0;
}
.olk-video-block .olk-video-control {
width: 100%;
height: 64px;
background: none;
border: none;
margin: 0;
position: absolute;
left: 0;
bottom: 0;
}
.olk-video-block .olk-video-control > div > i {
text-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.olk-video-block .olk-video-control #fullscreen-on,
.olk-video-block .olk-video-control #fullscreen-off {
display: none;
}
.olk-view-block .tab-mh {
width: 100% !important;
}
.olk-video-control #show-chat {
display: block;
}
.olk-video-block.rolled {
width: 76px !important;
height: 76px !important;
border: 3px #FFF solid;
bottom: auto;
right: auto;
overflow: hidden;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
box-shadow: 2px 2px 15px 0 rgba(0,0,0,0.7);
-moz-box-shadow: 2px 2px 15px 0 rgba(0,0,0,0.7);
-webkit-box-shadow: 2px 2px 15px 0 rgba(0,0,0,0.7);
}
.olk-video-block.rolled #loading {
width: 160px;
height: 160px;
color: transparent;
padding-top: 0;
margin: -42px 0 0 -42px;
}
.olk-video-block.rolled .video-frame {
width: 78px;
height: 78px;
top: -4px;
left: -4px;
}
.olk-video-block.rolled #video-remote {
width: 100px;
height: 100px;
min-width: 100px;
min-height: 100px;
right: -12px;
top: -12px;
}
.olk-video-block.rolled .olk-video-control {
display: none;
}
.olk-video-block.rolled #video-remote .video-remote-off {
color: transparent;
top: -52px;
left: 0;
}
.olk-video-block.rolled #video-remote .video-remote-off i {
font-size: 38px;
}
.olk-video-block.rolled .video-local-wrap {
display: none !important;
}
.olk-view-block .olk-view-send.video > button {
right: 0;
}
.profile-login > div {
width: 39% !important;
}
.profile-login > span {
width: 100% !important;
padding: 10px 0 0 !important;
}
.profile-login > .profile-sex {
width: 22% !important;
display: block;
}
.profile-name > div {
width: 26.33% !important;
}
.profile-name > .profile-photo {
width: 21% !important;
}
.profile-name > div:last-of-type {
display: none;
}
.profile-name > div:nth-child(2) {
padding-left: 0 !important;
}
.profile-notifications > div {
width: 100% !important;
}
.profile-password > div {
width: 35% !important;
}
.profile-password > span {
width: 65% !important;
}
.icon-building::before {
display: none;
}
.profile-city > span {
display: none;
}
.profile-city::after {
content: '. пункт';
}
.profile-building > span,
.profile-flat > span {
display: none;
}
.profile-building::after,
.profile-flat::after {
content: '.';
}
.profile-street-wide {
width: 55% !important;
}
.profile-address {
width: 11.25% !important;
}
.profile-metro {
width: 30% !important;
}
.menu-main .btn-throw-search input {
display: none;
}
.menu-main .btn-throw-search i {
color: #EEE;
font-size: 24px;
top: -8px;
left: -5px;
}
.wrap-throw-search input[type=text] {
width: calc(100% - 30px);
}
.wrap-throw-search .btn-mh {
right: 50px;
}
.wrap-throw-search .throw-search-close {
top: 18px;
display: block;
}
#ya-adaptive {
max-height: 80px !important;
}
#ya-adaptive > div > ins.adsbygoogle {
height: 80px !important;
}
#ya-adaptive-bottom {
height: 240px;
}
#sidebar {
display: none;
}
.bl-head .main-important {
margin: 14px 0 6px;
float: none;
}
}
@media (max-width: 905px) {
.clinic-header .clinic-menu .clinic-menu-item {
padding: 8px 10px 0;
}
}
@media (max-width: 875px) {
.clinic-header .clinic-menu .clinic-menu-item {
padding: 8px 8px 0;
}
}
@media (max-width: 835px) {
.clinic-header .clinic-menu .clinic-menu-item {
font-size: 16px;
padding: 9px 8px 0;
}
}
@media (max-width: 800px) {
.clinic-header .clinic-menu .clinic-menu-item {
padding: 9px 6px 0;
}
}
/* Для телефонов W <= 767px */
@media (max-width: 767px) {
p {
font-size: 14px;
line-height: 17px;
}
input[type=button],
input[type=submit],
button,
.btn-mh {
font-size: 14px !important;
}
#popup-window .body {
padding: 10px;
}
.message-popup > .message-text > div {
height: 96px;
font-size: 15px;
line-height: 20px;
margin-bottom: 20px;
}
.message-popup > .message-text > div i::before {
font-size: 22px;
}
.lk {
width: calc(100% - 683px);
margin-right: -5px;
}
.lk > div:last-of-type {
display: inline-block;
}
.bl-enter {
width: 100%;
background: rgba(0,0,0,0.7);
border-bottom: #68b3e7 4px solid;
padding-left: 5px;
margin: 0;
position: absolute;
right: 0;
}
.bl-personal-wrap {
/*width: 100%;*/
position: fixed;
top: 50px;
left: 0;
right: 0;
display: none;
}
.bl-personal-wrap.h-active {
display: block;
}
.bl-personal {
width: auto;
margin: 0;
}
.btn-small {
padding: 5px 5px 0;
}
.authForm div {
color: #EEE;
}
.authForm .social {
margin-right: 10px;
}
.authForm input[type=text], .authForm input[type=password] {
width: calc(100% - 70px) !important;
}
.authForm .social a {
padding: 0 15px !important;
opacity: 1 !important;
}
.menu-user li {
padding: 4px 10px;
}
.menu-user > li > a {
width: 100%;
height: 42px;
background: #a7deff;
border: 1px #68b3e7 solid;
color: #555;
font-weight: 600;
padding: 3px 0 0;
text-align: center;
text-decoration: none;
position: relative;
display: block;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.menu-user > li > a::before {
height: 100%;
content: "";
vertical-align: middle;
display: inline-block;
}
.menu-user > li > a:hover {
background: #a7deff;
}
.menu-user li > a > i:first-child {
display: none;
}
.menu-user > li > a > i {
color: #666;
font-size: 18px;
position: absolute;
top: 7px;
right: 6px;
}
.menu-user > li > a > i::before {
padding-top: 2px;
}
.menu-user ul {
padding: 10px 0 6px;
}
.menu-user ul li > a {
font-size: 15px;
padding: 2px 10px 2px 4px;
}
.menu-user ul ul {
background: inherit;
border-top: none;
border-bottom: none;
}
.menu-user ul ul li > a {
font-size: 13px;
padding: 2px 10px 2px 5px;
}
.lk-exit {
border-bottom: 1px #DDD solid;
padding-bottom: 9px;
margin-bottom: 0;
}
.lk-exit:hover {
background: none;
}
.menu-user .clinics-list {
background: #FFF;
border: none;
padding: 4px 0 0;
}
.menu-user .clinics-list > li > a {
padding: 0;
}
.menu-user .clinics-list > li > a > i {
display: none;
}
#main-bar {
/*background: transparent url(img/bg_main_sm.jpg) no-repeat left top;*/
background: transparent url(/css/design2016/img/bg_main_sm.jpg) no-repeat left 50px; /* На время коронавируса */
}
#inner_main {
padding-top: 49px;
}
.bl-head {
margin-top: 68px;
}
.logo {
float: none;
}
.logo img {
width: 270px;
margin-left: 2px;
}
.logo .mhp-sign {
width: 72px;
height: 30px;
left: calc(50% - 132px);
bottom: -12px;
}
.form-search {
margin-top: 13px;
margin-right: 4px;
}
.form-search .btn-search {
height: 38px;
margin-top: -2px;
}
.bl-mob-links {
margin-top: 16px;
margin-bottom: 12px;
}
.bl-service-text,
.bl-service-text a {
font-size: 13px;
}
.action-img,
.action-img a,
.action-img a img {
width: 100% !important;
float: none;
}
.action-body {
width: 100% !important;
float: none;
}
div#content_header h1 {
font-size: 19px !important;
margin-top: 10px;
margin-bottom: 8px;
}
#div_block_content {
margin: 0 0 20px !important;
}
#btn-up,
#btn-down {
display: none !important;
}
.registration-resend input[type=text],
.registration-restore input[type=text] {
width: 100%;
margin-right: 0;
}
.clinics-offer {
height: auto;
background: none;
margin-bottom: 15px;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
.clinics-offer > div {
width: 100%;
background: none !important;
margin-bottom: 14px;
float: none;
}
.clinics-offer > div > span {
display: none;
}
.clinics-offer > div > div {
background: #F5F5F5;
border: 1px #DDD solid;
color: #666;
line-height: 17px;
padding: 8px;
margin-bottom: 4px;
text-align: left;
position: static;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.clinics-offer > div > a {
padding-right: 4px;
text-align: right;
float: right;
display: inline;
}
.clinics-offer > div > a[class='btn-mh'] {
display: none;
}
.clinics-searching-how,
.clinics-searching-guide {
display: none;
}
.clinics-filter {
padding: 8px 10px 10px;
}
.clinics-filter div span {
font-size: 14px;
padding-bottom: 2px;
}
.clinics-filter div span i {
font-size: 14px;
line-height: 17px;
}
.clinics-filter .filter-clinic,
.clinics-filter .filter-region,
.clinics-filter .filter-metro,
.clinics-filter .filter-spec,
.clinics-filter .filter-type,
.clinics-filter .filter-actions,
.clinics-filter .filter-services,
.clinics-filter .filter-diagnoses,
.clinics-filter .filter-diseases,
.clinics-filter .filter-bonus {
width: 100%;
padding-right: 0;
margin-top: 0;
margin-bottom: 5px;
}
.clinics-filter .filter-clinic input[type=text],
.clinics-filter .filter-region select,
.clinics-filter .filter-metro select,
.clinics-filter .filter-spec select,
.clinics-filter .filter-type select,
.clinics-filter .filter-actions input[type=text],
.clinics-filter .filter-services input[type=text],
.clinics-filter .filter-diagnoses input[type=text] {
font-size: 14px;
line-height: 17px;
}
.clinics-filter .filter-spec.short {
width: 100%;
}
.clinics-filter #results {
width: calc(100% - 21px);
}
.clinics-filter .filter-bonus {
margin-top: 4px;
}
.clinics-filter .addition-fields.left {
margin: 0 0 0 2px;
}
.clinics-filter .addition-fields span {
font-size: 14px;
}
.clinics-filter .addition-fields-area {
padding-top: 10px;
}
.clinics-other-info {
margin-bottom: 18px;
}
.clinics-other-info .clinics-all-count {
width: 100%;
padding: 0 0 2px 2px;
margin-bottom: 10px;
display: block;
float: none;
}
.clinics-sorter {
padding: 8px 10px 6px;
margin-bottom: 12px;
}
.clinics-sorter > div {
line-height: 15px;
margin: 0 10px 0 0 !important;
}
.clinics-sorter > div:first-of-type {
display: block;
margin: 0 0 4px !important;
}
.btn-map {
width: 100%;
display: block;
float: none;
position: relative;
margin: 0;
box-shadow: 2px 2px 4px 0 #BBB;
-moz-box-shadow: 2px 2px 4px 0 #BBB;
-webkit-box-shadow: 2px 2px 4px 0 #BBB;
}
.clinics-other-info .map-toggle {
margin: 0 0 0 2px;
display: inline-block;
float: none;
}
.clinics-other-info i {
display: none;
}
.map_inp_wrap .map-label {
font-size: 14px;
}
.map_inp_wrap .map-label i {
font-size: 16px;
line-height: 17px;
}
#frame_map_clinics {
margin-bottom: 12px;
}
.clinics-list-switcher {
display: none;
}
.clinics-list-block,
.clinics-list-block:first-of-type,
.clinics-list-block.tile {
width: auto;
height: auto;
padding: 5px 8px 1px;
margin: 0 0 15px;
float: none;
}
.clinics-list-block.tile:hover {
background: #F9F9F9;
border: 1px #DDD solid;
}
.clinics-list-block.tile.best:hover {
background: #F4FBFF;
border: 1px #68C7FD solid;
}
.clinics-list-block.tile.top:hover {
background: #FFFDFA;
border: 1px #F80 solid;
}
.clinics-list-block.best {
padding-top: 35px;
}
.clinics-list-block .clinic-status {
display: none;
}
.clinics-list-block .clinic-num {
border-width: 1px;
font-size: 11px;
padding: 1px 6px 0 5px;
top: -7px;
left: -10px;
}
.clinics-list-block .clinic-info {
display: none;
}
.mobile-attention-clinic-descr {
margin-top: 35px;
}
.clinics-list-block .clinic-data,
.clinics-list-block.tile .clinic-data {
width: 100%;
border: none;
padding: 0;
margin: 0;
}
.clinics-list-block .clinic-data .clinic-descr,
.clinics-list-block.tile .clinic-data .clinic-descr {
text-align: left;
}
.clinics-list-block .clinic-data .clinic-descr > a,
.clinics-list-block.tile .clinic-data .clinic-descr > a {
width: auto;
font-size: 15px;
line-height: 19px;
font-weight: 600;
text-align: left;
display: block !important;
position: static;
}
.clinics-list-block .clinic-data .clinic-descr > div,
.clinics-list-block.tile .clinic-data .clinic-descr > div {
padding: 2px 5px 0 0 !important;
display: inline-block !important;
}
.clinics-list-block .clinic-data .clinic-descr > span,
.clinics-list-block.tile .clinic-data .clinic-descr > span {
font-size: 14px;
line-height: 17px;
padding-top: 6px;
display: block;
}
.clinics-list-block .clinic-data .clinic-contacts,
.clinics-list-block.tile .clinic-data .clinic-contacts {
padding: 8px 0 3px;
margin-bottom: 0;
display: block;
}
.clinics-list-block .clinic-data .clinic-contacts div {
font-size: 14px;
line-height: 17px;
margin-bottom: 6px;
}
.clinics-list-block .clinic-data .clinic-actions,
.clinics-list-block.tile .clinic-data .clinic-actions {
font-size: 14px;
line-height: 18px;
padding-bottom: 8px;
display: block;
}
.clinics-list-block .clinic-data .clinic-actions i {
width: auto;
padding: 0;
}
.clinics-list-block .clinic-data .clinic-statistic {
text-align: left;
}
.clinics-list-block .clinic-data .clinic-statistic > span {
height: 28px;
border-right: none;
font-size: 14px;
padding-left: 29px;
margin: 0;
display: inline-block;
float: none;
}
.clinics-list-block .clinic-data .clinic-statistic > span i {
font-size: 19px;
}
.clinics-list-block .clinic-data .clinic-statistic .clinic-thanks {
width: 100%;
text-align: left;
}
.clinics-list-block .clinic-data .clinic-statistic > span > span {
left: 0;
}
.clinics-list-block .clinic-data .clinic-statistic > span > span > span,
.clinics-list-block .clinic-data .clinic-statistic > span > span a {
white-space: normal;
}
.clinics-list-block .clinic-data .clinic-statistic > .clinic-views i {
color: #ffb553;
top: 0;
left: 0;
}
.clinics-list-block .clinic-data .clinic-statistic > .clinic-votes i {
color: #BBB;
top: -1px;
left: 1px;
}
.clinics-list-block .clinic-data .clinic-statistic .btn-mh {
margin: 10px auto 12px;
/*display: block;*/
float: none;
display: inline-block;
}
.clinics-list-block .clinic-data .clinic-statistic > .clinic-list-btns > .btn_replacement_call_clist {
display: inline-block;
margin: 10px auto 12px !important;
width: auto;
}
.btn_replacement_call_clist {
width: 100%;
margin: 12px 0 0 !important;
float: none !important;
}
.callback_h1 {
font-size: 15px !important;
margin: 3px 0 8px !important;
}
.callback_p1 {
margin: 3px 0 2px !important;
display: block;
}
.callback_p1 a {
border-bottom: 1px #F60 dashed;
}
.clinics-not-found {
font-size: 15px;
line-height: 19px;
margin-top: 20px;
}
.doctors-intro {
font-size: 14px;
line-height: 17px;
margin-bottom: 12px;
}
.doctors_spec_grp_ul {
column-count: 1;
}
.doctors-filter {
padding: 8px 10px 10px;
}
.doctors-filter div span {
font-size: 14px;
padding-bottom: 2px;
}
.doctors-filter div span i {
font-size: 14px;
line-height: 17px;
}
.doctors-filter .filter-doctor,
.doctors-filter .filter-city,
.doctors-filter .filter-metro,
.doctors-filter .filter-spec,
.doctors-filter .filter-spec.short,
.doctors-filter .filter-clinic,
.doctors-filter .filter-diagnoses,
.doctors-filter .filter-diseases,
.doctors-filter .filter-show {
width: 100%;
padding-right: 0;
margin-top: 0;
margin-bottom: 5px;
}
.doctors-filter .filter-doctor input[type=text],
.doctors-filter .filter-city input[type=text],
.doctors-filter .filter-spec select,
.doctors-filter .filter-clinic input[type=text],
.doctors-filter .filter-diagnoses input[type=text],
.doctors-filter .filter-show select {
font-size: 14px;
line-height: 17px;
}
.doctors-filter .addition-fields.left {
margin: 0 0 0 2px;
}
.doctors-filter .addition-fields span {
font-size: 14px;
}
.doctors-filter .addition-fields-area {
padding-top: 10px;
}
.doctors-filter .filter-consult {
width: 100%;
padding: 4px 0;
margin: 0;
}
.doctors-filter .filter-consult input {
width: 19px !important;
height: 19px !important;
}
.doctors-sorter {
padding: 8px 10px;
margin-bottom: 12px;
}
.doctors-sorter > div:first-of-type {
display: block;
margin: 0;
}
.doctors-sorter .sort_button,
.doctors-sorter .sort_button_selected {
line-height: 15px;
margin: 0 5px 0 0 !important;
display: inline-block;
}
.doctors-sorter .doctors_total_count {
padding: 5px 0 0;
float: none;
}
.doctor-block {
margin-left: 0;
margin-bottom: 20px !important;
}
.doctor-block .left {
width: auto;
margin-bottom: 4px;
position: relative;
}
.doctor-block .right {
width: auto;
font-size: 14px;
float: none;
}
.doctor-block .photo {
width: 120px;
height: 160px;
padding: 0;
position: static;
box-shadow: 1px 1px 10px 0 #BBB;
-moz-box-shadow: 1px 1px 10px 0 #BBB;
-webkit-box-shadow: 1px 1px 10px 0 #BBB;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
.doctor-block .photo img {
width: 120px;
height: 160px;
}
.doctor-block .ratingwrap {
width: 120px;
background: rgba(0,0,0,0.3);
padding: 5px;
margin: 0;
position: absolute;
left: 0;
bottom: 0;
}
.doctor-block .doctor-status {
opacity: 0.6;
top: -12px;
right: -7px;
}
.doctor-block .doctor-name {
font-size: 15px;
line-height: 19px;
padding: 2px 0 4px 131px;
}
.doctor-block .doctor-name div {
line-height: 10px;
padding: 10px 0 0 !important;
display: block !important;
}
.doctor-block .doctor-name div.doctor-edit {
display: none !important;
}
.doctor-block .doctor-spec {
color: #888;
font-size: 14px;
line-height: 16px;
padding: 4px 0 4px 131px;
}
.doctor-block .doctor-consultant {
width: 130px;
background: #BBB;
color: #FFF;
font-size: 12px;
padding: 4px 4px 3px;
margin: 5px 0 5px 130px;
position: static;
}
.doctor-block .doctor-consultant-untrusted {
width: 130px;
background: transparent;
color: #888;
font-size: 12px;
padding: 4px 4px 3px;
margin: 5px 0 5px 130px;
position: static;
}
.doctor-block .doctor-info {
line-height: 17px;
padding-bottom: 5px;
}
.doctor-block .doctor-info i {
color: #888;
padding-right: 0;
}
.doctor-block .doctor-action {
padding-top: 2px;
text-align: center;
}
.doctor-block .doctor-action > span {
border: none;
font-size: 14px;
padding: 4px 9px 0 24px;
margin: 4px 0 0;
display: inline-block;
float: none;
}
.doctor-block .doctor-action > .doctor-add-comment i {
font-size: 17px;
top: 6px;
}
.doctor-block .doctor-action > .doctor-thanks {
padding-left: 24px;
padding-right: 0;
margin-right: 0;
}
.doctor-block .doctor-action > .doctor-thanks i {
font-size: 15px;
top: 7px;
left: 0;
}
.doctor-block .doctor-action .btn-mh {
width: 100%;
margin: 12px 0 0;
float: none;
}
.btn_replacement_call_dlist {
width: 100%;
float: none;
padding: 0 10px !important;
margin: 10px 0 0 !important;
}
.doctor-block .doctor-comment {
margin-top: 10px;
}
.doctor-block .doctor-comment form {
margin-bottom: 6px;
}
.doctor-block .doctor-comment label {
width: auto;
margin-top: 10px;
}
.doctor-block .doctor-comment select {
width: calc(100% - 92px);
font-size: 14px;
line-height: 17px;
margin-left: 90px;
}
.doctor-block .doctor-comment textarea {
font-size: 14px;
padding: 7px 10px;
}
.doctor-block .doctor-comment input[type=submit] {
margin: 12px auto 0;
display: block;
float: none;
}
.doctor-block .doctors-divider {
border-top: 1px #DDD solid;
margin-top: 7px;
display: block;
}
.doctor-block .doctor-comments {
margin-top: 10px;
text-align: left;
}
.doctor-block .doctor-action > .doctor-thanks span {
text-align: left;
left: auto;
right: 0;
}
.ymaps-b-cluster-carousel {
width: auto !important;
display: block;
margin: 8px 20px 29px !important;
}
.doctor-balloon {
width: 120px;
}
.doctor-balloon-title a {
font-size: 13px !important;
padding-left: 0 !important;
}
.doctor-balloon-body {
padding-top: 0 !important;
}
.doctor-balloon table img {
display: none;
}
.doctor-balloon table td:first-child {
display: none;
}
.doctor-balloon table td {
font-size: 12px;
padding: 0 !important;
}
.no-doctors-found {
padding-top: 14px;
}
.doctor-card .info {
font-size: 14px !important;
padding: 10px !important;
margin-bottom: 20px !important;
position: relative !important;
}
.doctor-card .info .left {
background: #F9F9F9 !important;
padding: 0 12px 2px 0 !important;
text-align: center !important;
position: relative !important;
float: left !important;
}
.doctor-card .info .left img {
width: 120px !important;
height: 160px !important;
border: none !important;
margin: 0 !important;
box-shadow: 1px 1px 10px 0 #BBB !important;
-moz-box-shadow: 1px 1px 10px 0 #BBB !important;
-webkit-box-shadow: 1px 1px 10px 0 #BBB !important;
}
.doctor-card .info .left .since {
display: none !important;
}
.doctor-card .info .name {
color: #444 !important;
font-size: 15px !important;
line-height: 18px !important;
padding-left: 131px !important;
margin-top: 3px !important;
}
.doctor-card .info .awards {
opacity: 0.6 !important;
}
.doctor-card .doctor-edit {
display: none !important;
}
.doctor-card .info .specialities {
color: #888 !important;
font-size: 14px !important;
line-height: 16px !important;
padding-left: 131px !important;
margin-top: 6px !important;
}
.doctor-card .info > .ratingwrap {
padding-left: 131px !important;
margin-top: 6px !important;
}
.doctor-card .info > .ratingwrap .ratingstars {
margin-bottom: 4px;
}
.doctor-card .info > .ratingwrap span {
color: #F60 !important;
font-weight: 600 !important;
}
.doctor-card .info .left .consultant {
display: none !important;
}
.doctor-card .info .consultant {
width: 130px !important;
background: #BBB !important;
color: #FFF !important;
font-size: 12px !important;
padding: 4px 6px 3px !important;
margin: 8px 0 5px 130px !important;
position: static !important;
}
.doctor-card .info .clinics .clinic-name i {
font-size: 14px !important;
}
.doctor-card .socials {
text-align: center !important;
}
.doctor-card .socials > span {
display: none !important;
}
.doctor-card .info .doctor-action {
width: 100% !important;
position: static !important;
}
.doctor-card .info .doctor-action > span {
border: none !important;
font-size: 14px !important;
padding: 0 9px 4px 24px !important;
margin: 0 !important;
display: inline-block !important;
float: none !important;
}
.doctor-card .info .doctor-action > .doctor-add-comment i {
font-size: 17px !important;
top: -2px !important;
}
.doctor-card .info .doctor-action > .doctor-add-message {
padding-left: 24px !important;
}
.doctor-card .info .doctor-action > .doctor-add-message i {
font-size: 15px !important;
top: -1px !important;
left: 1px !important;
}
.doctor-card .info .doctor-action > .doctor-thanks {
padding-left: 24px !important;
}
.doctor-card .info .doctor-action > .doctor-thanks i {
font-size: 15px !important;
top: -1px !important;
left: -2px !important;
}
.doctor-card .info .doctor-action > .doctor-documents {
padding-left: 24px !important;
}
.doctor-card .info .doctor-action > .doctor-documents i {
font-size: 15px !important;
top: -1px !important;
left: 2px !important;
}
.doctor-card .info .doctor-action > .doctor-question {
padding-left: 24px !important;
}
.doctor-card .info .doctor-action > .doctor-question i {
font-size: 18px !important;
top: -2px !important;
left: -4px !important;
}
.doctor-card .info .doctor-action > .btn-mh {
width: 100% !important;
margin: 10px auto 0 !important;
display: block !important;
float: none !important;
clear: both !important;
}
.doctor-card .info .doctor-action > .doctor-thanks span {
top: 21px !important;
left: 2px !important;
}
.doctor-card .btn_replacement_call {
width: 100%;
margin: 4px 0 0 !important;
float: none;
}
.add-review-form .captcha {
padding-top: 15px;
margin-right: 24px;
margin-bottom: 10px;
float: none;
}
.add-review-form .email {
padding-top: 0;
}
.add-review-form .email > input {
width: 100%;
font-size: 14px;
margin: 6px 0 5px;
}
.doctor-card .reviews .empty {
font-size: 14px;
padding: 10px;
}
.doctor-card .reviews form {
margin-top: 15px;
}
.doctor-card .reviews .title,
.doctor-card .message .title {
font-size: 16px;
}
.doctor-card .reviews .title i {
font-size: 18px;
}
.doctor-card .reviews .block {
font-size: 14px;
padding: 6px 10px;
}
.doctor-card .reviews .block .user {
font-size: 13px;
}
.doctor-card .reviews form > label {
width: auto;
font-size: 14px;
}
.doctor-card .reviews select {
width: calc(100% - 92px);
font-size: 14px;
margin-left: 90px;
}
.doctor-card .reviews textarea,
.doctor-card .message textarea {
font-size: 14px;
padding: 7px 10px;
}
.doctor-card .reviews form > span,
.doctor-card .message form > span {
font-size: 14px;
line-height: 17px;
padding-top: 8px;
}
.doctor-card .reviews form > span i {
font-size: 16px;
}
.doctor-card .reviews input[type=submit],
.doctor-card .message input[type=submit] {
margin: 12px auto 0;
display: block;
float: none;
clear: both;
}
.doctor-card .message .title i {
font-size: 17px;
top: 0;
}
.reviews-intro,
.reviews-stat {
display: none;
}
.reviews-offer {
height: auto;
background: none;
margin: 0 0 10px;
box-shadow: none;
}
.reviews-offer > div {
width: 100%;
height: 54px;
background-size: cover !important;
border: 1px #BBB solid;
margin-bottom: 8px;
float: none;
clear: both;
}
.reviews-offer > div > div > div {
font-size: 14px;
line-height: 17px;
padding: 0 16px;
}
.reviews-offer > div:hover > a {
top: 7px;
}
#add-review-mobile {
width: 100%;
margin-top: 0;
float: none;
clear: both;
}
.reviews-filter {
width: 100%;
margin-top: 0;
}
.reviews-filter > div {
width: 100%;
margin-right: 0;
margin-bottom: 5px;
}
.reviews-filter > div > div {
font-size: 14px;
margin-bottom: 4px;
}
.reviews-filter .btn-mh {
float: left;
}
.reviews-filter .btn-mh#by_date {
width: 22%;
}
.reviews-filter .btn-mh#by_rate {
width: calc(35% - 5px);
margin-left: 5px;
}
.reviews-filter .btn-mh#by_useful {
width: calc(43% - 5px);
margin-left: 5px;
}
.reviews-filter-search, .reviews-filter-city {
width: 100%;
float: none !important;
clear: both;
}
.reviews-filter-city {
max-width: unset;
}
.reviews-filter-search input[type=text] {
font-size: 14px;
}
.reviews-filter-city input[name=city] {
font-size: 14px;
width: 100%;
max-width: unset;
}
.reviews-add .review-add-email {
width: 100%;
margin-right: 0;
float: none;
}
.reviews-wrap {
padding-top: 0;
}
.reviews-block {
padding: 9px 10px 7px !important;
margin-bottom: 12px;
box-shadow: 1px 1px 6px 0 #AAA;
-moz-box-shadow: 1px 1px 6px 0 #AAA;
-webkit-box-shadow: 1px 1px 6px 0 #AAA;
}
.review-clinic-title {
font-size: 16px;
margin-bottom: 8px;
}
.review-clinic-title > div {
font-size: 14px;
margin-left: 0;
display: block;
}
.review-clinic-title > div > span {
margin-left: 0;
margin-right: 6px;
}
.review-author-avatar {
width: 32px !important;
height: 32px !important;
margin-right: 5px !important;
-webkit-border-radius: 32px !important;
-moz-border-radius: 32px !important;
border-radius: 32px !important;
}
.review-author-name {
height: 16px !important;
color: #222 !important;
font-size: 14px !important;
line-height: 15px !important;
}
.review-author .icon-chart-bar {
display: none;
}
.review-body {
font-size: 14px;
line-height: 17px;
margin: 4px 0 8px;
}
.review-controls {
width: 100% !important;
position: static !important;
}
.review-controls a {
font-size: 14px;
font-weight: normal;
margin-right: 4px;
}
.review-controls .review-like {
font-size: 14px;
margin-top: 5px;
}
.review-controls .review-like i {
font-size: 16px;
}
.review-mobile-info {
font-size: 14px;
margin-top: 5px;
display: block;
}
.review-mobile-info i {
color: #888;
font-size: 16px;
margin-right: 2px;
}
.review-mobile-info i::before {
margin-left: 0;
}
.review-mobile-info .icon-camera {
font-size: 14px;
margin-left: 5px;
}
.add-review-mobile {
background: #F5FCFF;
border: 1px #68b3e7 solid;
padding: 6px 8px 10px;
margin: 10px 0 0;
position: relative;
display: none;
}
.add-review-mobile input[type=text],
.add-review-mobile select,
.add-review-mobile textarea {
font-size: 15px;
}
.add-review-mobile .reviews-add textarea {
height: 100px;
padding: 5px 8px;
}
.add-review-mobile .reviews-add label {
font-size: 14px;
line-height: 15px;
margin-top: 6px;
margin-bottom: 0;
}
.add-review-mobile .reviews-add input[type=checkbox] {
width: 16px !important;
height: 16px !important;
margin-top: -1px;
margin-bottom: 2px;
}
.add-review-mobile .reviews-add > div > span {
padding-bottom: 3px;
}
.add-review-mobile .reviews-add > div:not(.clear) {
margin-bottom: 8px;
}
.add-review-mobile .reviews-add .review-add-clinic {
width: 100%;
margin-right: 0;
float: none;
clear: both;
}
.add-review-mobile .reviews-add .review-add-type {
width: 100%;
float: none;
clear: both;
}
.add-review-mobile .reviews-add > .review-add-rating > span {
padding-bottom: 0;
}
.add-review-mobile .reviews-add .review-add-rating > div {
width: 100%;
margin-left: 0;
float: none;
clear: both;
}
.add-review-mobile .sld-mh > div:first-of-type {
top: -21px;
}
.add-review-mobile .sld-mh {
height: 10px;
}
.add-review-mobile .sld-mh > div > span {
height: 10px;
}
.add-review-mobile .sld-mh > span {
font-size: 14px;
top: -21px;
right: 4px;
}
.add-review-mobile .review-add-photos {
margin-left: -2px;
margin-right: -2px;
margin-bottom: 4px !important;
}
.add-review-mobile .review-add-photos > div {
width: 66px;
height: 50px;
background: url(/images/reviews/add_photo.png) center center no-repeat;
margin: 0 2px 4px;
}
.add-review-mobile .review-add-controls {
padding-top: 8px;
margin-left: -5px;
margin-right: -5px;
}
.add-review-mobile .reviews-add p {
display: none;
}
.add-review-mobile .reviews-add button {
width: calc(50% - 10px);
margin: 0 5px;
}
.clinic-page#info {
margin-top: 20px !important;
}
.clinic-page .ya-adaptive-main > div {
width: 100% !important;
}
.clinic-page#adv .data-wrap {
padding: 12px 0 0;
}
.clinic-page#reviews .data-wrap {
padding: 0 0 8px;
}
.clinic-page#reviews .reviews-wrap .reviews-block {
padding-top: 12px !important;
}
.clinic-page#reviews .reviews-wrap .review-author {
margin-right: 0;
}
.clinic-page#reviews .reviews-wrap .review-author-date {
height: auto;
color: #888;
font-size: 12px;
line-height: 21px;
}
/* Отзывы о врачах */
.reviews-doctors.reviews-filter {
width: 100%;
}
.reviews-filter.reviews-doctors .reviews-filter-search {
width: 100%;
}
.review-author.reviews-doctors,
.review-body.reviews-doctors {
padding: 0;
}
.review-doctor-info {
border-bottom: 1px #DDD solid;
padding-bottom: 6px;
margin-bottom: 9px;
}
.review-doctor-info img {
display: none;
}
.review-doctor-name {
font-size: 14px;
line-height: 17px;
padding-bottom: 4px;
}
.review-doctor-specs {
font-size: 14px;
line-height: 17px;
margin-top: 0;
}
.review-doctor-total {
font-size: 14px;
line-height: 17px;
margin-top: 0;
}
.review-doctor-consult {
margin-bottom: 2px;
}
.review-author-name {
height: auto !important;
}
.review-author-date {
line-height: 15px;
margin-top: 4px;
}
.review-doctor-like {
font-size: 14px;
right: 12px;
}
.review-doctor-like i {
font-size: 16px;
}
#results {
width: 100%;
}
/* Страница отзыва */
.review .review-clinic,
.review .review-rating {
width: 100%;
height: auto;
font-size: 14px;
padding: 10px 10px 9px;
margin-left: 0;
margin-bottom: 10px;
float: none;
clear: both;
box-shadow: 1px 1px 6px 0 #AAA;
-moz-box-shadow: 1px 1px 6px 0 #AAA;
-webkit-box-shadow: 1px 1px 6px 0 #AAA;
}
.review .review-rating {
padding: 11px 10px 5px;
}
.review .review-clinic-logo {
display: none;
}
.review .review-clinic-title {
color: #666;
font-size: 16px;
font-weight: bold;
line-height: 21px;
margin-bottom: 4px;
}
.review .review-clinic a {
font-size: 14px;
margin-right: 8px;
}
.review .review-rating > div {
text-align: center;
float: none;
clear: both;
}
.review .review-rating > .review-counter {
display: none;
}
.review-doctor-sliders {
display: none;
}
.review-slider > div {
width: calc(100% - 150px);
}
.review .review-author {
padding: 10px 10px 8px;
margin-top: 10px;
}
.review .review-author-avatar {
display: none;
}
.review .review-author-name {
height: auto !important;
margin-top: 0;
}
.review .review-author-name > a {
margin-bottom: 8px;
display: block;
}
.review .review-author-name > span {
color: #888;
font-size: 14px;
font-weight: normal;
margin-left: 0;
margin-right: 5px;
float: none;
clear: both;
position: relative;
left: -3px;
}
.review .review-author-name > span > span {
font-weight: normal;
margin-left: 0;
}
.review .review-author-date {
font-size: 14px;
line-height: 18px;
}
.review .review-total-comments {
font-size: 14px;
line-height: 18px;
}
.review .review-body {
font-size: 14px;
line-height: 17px;
padding: 0 4px 2px;
margin-top: 8px;
}
.review .review-photos {
padding: 12px 0 5px;
margin-left: -2px;
margin-right: -2px;
}
.review .review-photos img {
height: 80px;
border: 3px #FFF solid;
margin: 0 2px 5px;
}
.review .review-controls .socials {
text-align: center;
top: 0;
float: none;
clear: both;
}
.review .review-controls .review-like {
text-align: center;
margin: 10px 0 8px;
float: none;
clear: both;
}
.review .review-controls button {
margin: 0 auto;
display: block;
float: none;
clear: both;
}
.review .review-comments {
padding: 0;
margin-top: 0;
}
.review .review-comment {
padding: 8px 10px;
margin-top: 8px;
}
.review-comment-author-avatar {
display: none;
}
.review-comment-body {
font-size: 14px;
line-height: 17px;
margin-top: 3px;
}
.review .review-no-comments {
font-size: 15px;
margin: 0 0 20px;
}
.review .review-no-comments i {
font-size: 35px;
margin-bottom: 4px;
}
.record > div {
padding: 0 0 15px;
margin-bottom: 15px;
}
.record > div > .wrap {
padding: 8px 10px 10px;
}
.record > div > .wrap > span {
font-size: 16px;
padding-left: 0;
padding-bottom: 4px;
}
.record .commercial > .wrap p {
font-size: 14px;
line-height: 17px;
padding-left: 0;
padding-bottom: 10px;
margin-bottom: 0;
}
.record .commercial > .wrap form {
margin-top: 8px;
}
.record .commercial > .wrap form > div span {
font-size: 14px;
padding-bottom: 2px;
}
.record .commercial > .wrap form > div span i {
font-size: 14px;
line-height: 17px;
}
.record .commercial > .wrap .filter-clinic,
.record .commercial > .wrap .filter-region,
.record .commercial > .wrap .filter-spec,
.record .commercial > .wrap .filter-type,
.record .commercial > .wrap .filter-services,
.record .commercial > .wrap .filter-diagnoses,
.record .commercial > .wrap .filter-bonus {
width: 100%;
padding-right: 0;
margin-bottom: 5px;
float: none;
}
.record .commercial > .wrap form > div input[type=text],
.record .commercial > .wrap form > div select {
font-size: 14px;
}
.record .commercial > .wrap .clear {
height: 0;
}
.record .commercial > .wrap .filter-bonus {
margin-top: 8px;
}
.record .commercial > .wrap .filter-bonus a {
font-size: 14px;
top: -5px;
}
.record .commercial > .wrap input[type=submit] {
margin: 8px auto 2px;
display: block;
}
.record .free > .wrap {
padding: 8px 10px 0;
}
.record .free > .wrap > span {
line-height: 18px;
padding-left: 0;
padding-bottom: 12px;
}
.record .free > .wrap .record-block {
width: 100%;
height: 120px;
margin: 0 0 15px;
float: none;
}
.record .free > .wrap .record-block > div {
height: 120px;
font-size: 16px;
line-height: 21px;
}
.record .free > .wrap .record-block > div > span {
font-size: 14px;
line-height: 17px;
padding-top: 5px;
}
.record .help {
font-size: 15px;
}
.record .help i {
display: none;
}
/*
#appcontainer {
padding: 8px 10px 10px !important;
margin-bottom: 10px !important;
}
.emias-logo {
width: 104px;
height: 31px;
background: url(/css/design2016/img/emias_mobile.png) no-repeat;
float: none;
}
#policy .emias-logo {
margin-left: 0;
position: relative;
top: 1px;
left: 4px;
}
.emias-oms-serial > span,
.emias-oms-number > span,
.emias-birthday > span {
font-size: 14px;
padding-bottom: 2px;
}
.emias-oms-serial > span i,
.emias-oms-number > span i,
.emias-birthday > span i {
font-size: 14px;
line-height: 17px;
}
.emias-oms-serial > span i,
.emias-oms-number > span i {
padding-right: 2px;
}
.emias-oms-serial > input,
.emias-oms-number > input,
.emias-birthday > input {
font-size: 14px;
}
.emias-intro {
font-size: 14px;
line-height: 17px;
margin: 5px 4px 10px;
}
.emias-oms-serial {
width: 47%;
padding-right: 6px;
}
.emias-oms-number {
width: 53%;
padding-right: 0;
}
.emias-birthday {
width: 100%;
margin-top: 6px;
}
.emias-birthday > input {
width: calc(100% - 136px);
}
.emias-save-in-profile label {
font-size: 14px;
}
.emias-attention {
font-size: 14px;
}
#appcontainer #emias_error {
font-size: 14px !important;
line-height: 17px !important;
font-weight: 600;
padding-top: 0 !important;
}
#appcontainer #emias_error_patient {
font-size: 14px !important;
line-height: 17px;
}
.emias-about {
font-size: 14px;
padding-top: 10px;
margin-top: 10px;
}
.emias-about .h2 {
font-size: 14px;
padding-bottom: 0;
}
.emias-about .h4 {
font-size: 14px;
}
.emias-about p {
font-size: 14px;
}
.emias-about p:last-of-type {
margin-bottom: 0;
}
.emias-about ul {
font-size: 14px;
margin-bottom: 0;
}
.emias-about ul li {
font-size: 14px;
line-height: 17px;
padding-bottom: 4px;
}
.emias-footer .moscow {
margin-bottom: 5px;
float: none;
}
.emias-footer .emias-phone {
line-height: 18px;
text-align: left;
}
#appcontainer #loading {
height: 60px;
background-position: center -60px;
font-size: 12px;
padding-top: 48px;
}
#appcontainer #menu > .emias-menu-line {
font-size: 14px;
padding: 2px 0 0;
}
#appcontainer #menu > .emias-menu-line .emias-restart {
padding: 0 0 6px;
display: block;
}
#appcontainer #menu {
padding-bottom: 15px;
}
#appcontainer #schedule {
padding: 0;
}
#appcontainer #schedule,
#appcontainer #apps,
#appcontainer #refs,
#appcontainer #presc {
font-size: 14px;
line-height: 17px;
}
#appcontainer #refs .wbox {
width: 100% !important;
}
#appcontainer #refs #info {
margin-left: 18px;
}
#appcontainer #schedule .list, #appcontainer #refs .list {
font-size: 15px;
}
#appcontainer #schedule h3 {
font-size: 15px;
line-height: 18px;
margin-top: 15px;
}
#appcontainer #schedule h5 {
font-size: 15px;
font-weight: normal;
line-height: 18px;
margin-top: 0;
}
#appcontainer #apps h3,
#appcontainer #refs h3,
#appcontainer #presc h3,
#appcontainer #confirm .h2 {
font-size: 15px;
line-height: 18px;
margin-top: 15px;
margin-bottom: 10px;
}
#appcontainer #confirm {
font-size: 14px;
}
#appcontainer #confirm > br:last-of-type,
#appcontainer #result > br:last-of-type {
display: none;
}
#appcontainer #confirm > button,
#appcontainer #result > button {
margin-top: 10px;
}
#appcontainer #result {
font-size: 15px;
padding: 10px 0 0;
display: none;
}
#appcontainer #schedule .list, #appcontainer #refs .list {
font-size: 15px;
}
#appcontainer #schedule .list.doc,
#appcontainer #refs .list.doc {
border-bottom: none;
font-size: 14px;
line-height: 17px;
margin-bottom: 5px;
display: block;
}
#appcontainer #schedule > div {
margin-left: 20px;
}
#appcontainer #schedule .wbox,
#appcontainer #refs #info .wbox {
width: 100%;
margin: 5px 0 10px;
}
#appcontainer #schedule .wbox .calendar,
#appcontainer #refs #info .wbox .calendar {
margin-right: 0;
float: none !important;
}
#appcontainer .ui-datepicker {
width: 226px;
}
#appcontainer .ui-datepicker .ui-datepicker-title {
font-size: 15px;
}
#appcontainer .ui-datepicker table {
margin-bottom: 4px;
}
#appcontainer .ui-datepicker th {
font-size: 13px;
padding: 4px 4px 2px;
}
#appcontainer .ui-datepicker td span,
#appcontainer .ui-datepicker td a {
font-size: 12px;
}
#appcontainer #schedule .wbox .daysched,
#appcontainer #refs #info .wbox .daysched {
font-size: 14px;
margin-top: 8px;
margin-left: 0;
}
#appcontainer #schedule .wbox .daysched p,
#appcontainer #refs #info .wbox .daysched p {
margin-bottom: 4px;
}
#appcontainer #schedule > br {
display: none;
}
#appcontainer #schedule .wbox .daysched > br,
#appcontainer #refs #info .wbox .daysched > br {
display: none;
}
#appcontainer #schedule .wbox .daysched > br:first-of-type,
#appcontainer #refs #info .wbox .daysched > br:first-of-type {
display: block;
}
#appcontainer #schedule .wbox .daysched button.createapp,
#appcontainer #refs #info .wbox .daysched button.createapp,
#appcontainer #schedule .wbox .daysched button.shiftapp-2,
#appcontainer #refs #info .wbox .daysched button.shiftapp-2 {
margin: 10px 0 2px;
display: block;
}
#appcontainer #apps .icon-print,
#appcontainer #apps #printAllApps {
display: none;
}
#appcontainer #apps .clinicAppointmentDate {
font-size: 15px;
padding: 5px 6px 8px;
}
#appcontainer #apps .clinicAppointmentQR {
width: 150px;
margin: 0 auto 8px;
display: block;
float: none;
}
#appcontainer #apps .fKey,
#appcontainer #apps .clinicAppointmentItem .fValue {
width: auto;
font-size: 14px !important;
display: block;
}
#appcontainer #apps .fKey {
margin-bottom: 4px;
}
#appcontainer #apps .clinicAppointmentItemAction {
padding-top: 15px;
margin-top: 14px;
}
*/
.questions-intro p,
.questions-intro > div > label * {
font-size: 14px !important;
line-height: 18px !important;
}
.questions-intro > div > a {
display: none;
}
.paid-mode-info a {
display: inline !important;
}
.how-to-get-bonuses .bonuses-method > div:first-of-type {
height: 70px;
display: table;
}
.how-to-get-bonuses .bonuses-method {
width: 100%;
margin-top: 2px;
margin-left: 0;
float: none;
}
.how-to-get-bonuses .bonuses-method > div:first-of-type > i {
display: none;
}
.how-to-get-bonuses .bonuses-method > div:first-of-type > div {
height: 70px;
padding: 0 12px;
}
.how-to-get-bonuses .bonuses-method > div:last-of-type {
font-size: 14px;
padding-top: 4px;
}
.how-to-get-bonuses .bonuses-method.bonuses-method-disabled-anon::after {
padding: 25px 6px 0;
}
.how-to-get-bonuses .bonuses-more {
font-size: 14px;
text-align: center;
margin: 4px 5px 4px 0;
}
.question-button {
margin-top: 12px;
}
#addQuestionForm {
margin-bottom: 0;
}
#addQuestion > .add-question-overlay {
font-size: 13px;
}
#addQuestion select,
#addQuestion input[type=text],
#addQuestion .add-descr textarea,
#questions select,
#questions input[type=text],
#questions div span i,
#addQuestion div span i,
.add-answer div span i,
#addQuestion div span,
.add-answer div span,
.add-answer textarea,
.add-answer input[type=text],
.question .list-images span,
.question .list-docs span,
.answer .list-images span,
.question .list-images span i,
.question .list-docs span i,
.answer .list-images span i,
.question .list-images div,
.question .list-docs div,
.answer .list-images div,
.question .title > span,
.question .theme a {
font-size: 14px;
line-height: 17px;
}
#addQuestion .add-theme #countLettersInput,
.question .edit-theme .countLettersInput ,
#addQuestion .text,
.grid-switcher,
.question > a,
.answer > a,
.question > img,
.answer > img,
.question .nick span,
.answer .nick span,
.answer .thanks,
.questions-selector-descr {
display: none;
}
.answer-likes-area {
top: 5px;
right: 4px;
}
.answer-like,
.answer-dislike,
.answer-like:hover,
.answer-dislike:hover {
width: auto;
background: none;
border: none;
}
.answer-like:hover.-positive {
color: #0B0;
}
.answer-like:hover.-negative {
color: #F22;
}
.question .action-up-mobile {
color: #4d8dbb;
line-height: 14px !important;
padding-top: 4px;
cursor: pointer;
display: inline-block !important;
float: right;
}
.question > .actions,
.answer > .actions {
padding-bottom: 2px;
display: inline-block;
}
.answer > .actions {
padding-left: 4px;
}
.question > .actions span,
.answer > .actions span {
font-size: 13px;
line-height: 14px !important;
margin: 0 4px 0 0;
display: inline-block;
}
.questions-selector {
width: 100% !important;
margin-bottom: 8px !important;
float: none;
}
.questions-selector:last-of-type {
margin-bottom: 14px !important;
}
#addQuestion .add-captcha img,
.add-answer .add-link {
width: 100%;
}
#addQuestion .add-award input {
width: 100%;
margin-bottom: 8px;
}
#addQuestion .add-captcha {
width: 100%;
margin-top: 5px;
}
#addQuestion .add-email {
width: 100%;
margin-top: 0;
}
#questions {
padding: 8px 10px 10px;
}
#questions div span {
font-size: 14px;
padding-bottom: 2px;
}
#questions .filter-type {
width: 100%;
margin-bottom: 5px;
}
#questions .filter-search {
width: 100%;
padding: 0;
}
#questions .filter-sort {
width: 100%;
margin-top: 5px;
}
#questions .new-checkbox {
width: 100%;
padding-left: 2px;
margin-top: 10px;
}
#questions .filter-check {
width: 100%;
margin-top: 12px;
}
#questions .filter-check input {
width: 100%;
}
#addQuestion {
padding: 10px;
}
#addQuestion .title {
font-size: 18px;
margin-bottom: 10px;
}
#addQuestion .icon-cancel {
top: 2px;
right: 2px;
}
#addQuestion .add-theme {
margin-bottom: 10px;
}
#addQuestion .add-descr {
margin-bottom: 6px;
}
#addQuestion .add-whom {
width: 100%;
padding-left: 0;
margin-bottom: 10px;
}
#addQuestion .add-award .award-error {
width: 100%;
height: auto;
font-size: 13px;
line-height: 15px;
padding: 0;
}
#addQuestion .add-captcha input {
width: 100%;
margin: 10px 0 12px;
}
#addQuestion .add-email p {
font-size: 12px;
line-height: 15px;
padding-top: 8px;
margin-bottom: 0;
}
.question,
.answer {
padding: 4px 6px 6px !important;
}
.question.markup {
padding: 4px 6px 6px 3px !important;
}
.question a,
.answer a {
text-decoration: none;
}
.question .date,
.answer .date {
margin-bottom: 5px;
display: block !important;
}
.answer p.medihost-ai-warning {
line-height: 17px;
margin-bottom: 0;
}
.answer .medihost-ai-rates-results {
line-height: 14px;
}
.question .unseen {
top: 8px;
right: 6px;
}
.question .title {
padding-left: 0;
}
.question .nick i,
.answer span > a.icon-user {
font-size: 16px;
}
.question .category {
line-height: 19px;
}
.question .theme {
line-height: 19px;
margin-top: 6px;
}
.question p,
.answer p {
font-size: 14px;
line-height: 18px;
padding-top: 6px;
}
.question .actions .complain a,
.question .actions a,
.answer .actions a {
font-size: 14px;
margin-right: 0;
}
.question .actions i, .answer .actions i {
font-size: 14px;
}
.question .actions .no-underline,
.answer .actions .no-underline {
border: none;
}
.answer .nick {
font-size: 14px;
padding-top: 0;
}
.answer span > a.icon-user-md {
font-size: 17px;
}
.answer .like,
.answer .icon-thumbs-up {
font-size: 16px;
top: 6px;
right: 4px;
}
.question .award-notice {
background: #FF6600;
color: #FFF;
font-size: 12px;
line-height: 12px;
padding: 1px 3px;
cursor: default;
position: absolute;
top: -14px;
left: -1px;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
.question .award-notice .bns-white {
display: inline;
}
.question .edit-question input[type=submit],
.question .edit-question input[type=button] {
width: 116px;
margin: 1px 0 4px 4px;
}
.answer .edit-answer input[type=submit],
.answer .edit-answer input[type=button] {
width: 116px;
margin: 1px 0 4px 4px;
}
.answer .edit-answer input[type=button] {
width: 106px;
}
.add-answer textarea {
margin-bottom: 5px;
}
.reviews .comment .add-answer label {
margin-top: -6px;
margin-bottom: 8px;
}
.reviews .comment .add-answer select {
width: 100%;
max-width: none;
margin-bottom: 12px;
display: inline-block;
}
.question .nick {
margin-right: 0;
}
.add-answer input[type=submit] {
width: 120px;
padding-left: 5px;
padding-right: 5px;
margin-top: 10px;
}
.add-answer .answer-anon.answer-anon-auth {
width: calc(100% - 123px);
margin: 20px 2px 0 0;
}
.kohana {
display: none;
}
.pages {
padding-top: 0;
text-align: center;
}
.pages span:first-of-type {
display: none;
}
.-level-0,
.-level-1,
.-level-2,
.-level-3 {
margin-left: 30px;
}
.articles {
padding-bottom: 10px;
}
.articles .top-articles-slider > div > .date {
font-size: 14px;
top: 10px;
right: 10px;
}
.articles .top-articles-slider > div > .counters {
padding: 4px 10px 2px 0;
top: 10px;
left: 10px;
text-shadow: 1px 1px #000;
}
.articles .top-articles-slider > div > .info {
left: 10px;
bottom: 10px;
}
.articles .top-articles-slider > div .tags {
font-size: 14px;
margin-bottom: 10px;
}
.articles .top-articles-slider > div .tags > a {
margin-right: 10px;
}
.articles .top-articles-slider > div .title {
font-size: 14px;
padding-top: 5px;
margin-right: 10px;
}
.articles .big-articles,
.articles .regular-articles > .regular,
.articles .regular-articles.old > .regular {
width: 100%;
overflow: hidden;
float: none;
}
.articles .big-articles > div {
height: auto;
}
.articles .big-articles > div .tags a {
margin-right: 10px;
}
.articles .regular-articles {
width: 100%;
padding-right: 0;
}
.articles .regular-articles > .regular,
.articles .regular-articles.old > .regular {
height: auto;
}
.articles .big-articles > div img {
width: 100%;
height: auto;
}
.articles .big-articles > div .cover {
width: 100%;
height: 100%;
}
.articles .regular-articles > .regular {
padding: 13px 12px 35px;
}
.articles .regular-articles > .regular img,
.articles .regular-articles > .regular .cover {
display: none;
}
.articles .regular-articles > .regular > div {
padding-right: 0;
padding-left: 0;
margin-left: 0;
}
.articles .regular-articles > .regular > .title {
font-size: 14px;
line-height: 17px;
}
.articles .regular-articles > .regular > .status,
.articles .regular-articles.old > .regular > .status {
width: calc(100% - 13px);
right: 12px;
}
.article > img {
display: none;
}
.article > .top-line {
margin-bottom: 10px;
}
.article > .top-line .tags a {
font-size: 14px;
}
.article > .top-line .date {
font-size: 14px;
}
.article > .top-line .views,
.article > .top-line .remarks {
font-size: 14px;
padding-left: 28px;
margin-left: 5px;
}
.article > .top-line i {
font-size: 17px;
top: 1px;
left: 0;
}
.article > .top-line .remarks i {
font-size: 15px;
left: 4px;
}
.article > .tags {
font-size: 14px;
}
.article > .text {
text-align: left;
}
.article > .text ul,
.article > .text ol {
font-size: 14px !important;
line-height: 17px !important;
margin: 0 0 10px !important;
}
.article > .text p,
.article > .text span {
font-size: 14px !important;
line-height: 17px !important;
margin: 0 0 10px !important;
}
.article > .text h1 {
font-size: 14px !important;
margin: 30px 0 10px !important;
}
.article > .text h2,
.article > .text h3 {
font-size: 14px !important;
margin: 30px 0 10px !important;
}
.article > .text h4,
.article > .text h5,
.article > .text h6 {
font-size: 14px !important;
}
.article > .status {
padding: 8px 10px;
margin-top: 15px;
}
.article > .status .likes {
margin: 1px 0 0;
float: right;
}
.article > .status .likes > span {
display: none;
}
.article .socials {
padding-top: 10px;
text-align: center;
float: none;
clear: both;
}
.article .additional {
font-size: 14px;
padding: 10px 0 0 2px;
}
.article .additional > a {
margin-right: 12px;
}
.article .additional > a > i {
font-size: 16px;
padding-right: 3px;
}
.article .additional > a > i.icon-tags {
padding-right: 4px;
}
.article .diagnosis {
font-size: 14px;
line-height: 17px;
padding-top: 10px;
margin-top: 10px;
}
.article .diagnosis > span {
font-size: 14px;
line-height: 17px;
}
.article .recommended-clinics {
padding-top: 10px;
margin-top: 10px;
}
.article .recommended-clinics h3 {
font-size: 14px;
margin-bottom: 8px;
}
.article .clinics-list-block:first-of-type {
margin-top: 8px !important;
}
.article .clinics-list-block {
margin-bottom: 8px;
}
.article .clinics-list-block .clinic-data {
width: 100%;
border: none;
padding: 0;
margin: 0;
}
.article .clinics-list-block .clinic-data .clinic-descr > a {
width: auto;
font-size: 15px;
line-height: 19px;
font-weight: 600;
text-align: left;
display: inline;
position: static;
}
.article .clinics-list-block .clinic-data .clinic-descr > span {
font-size: 14px;
line-height: 17px;
padding-top: 6px;
display: block;
}
.article .clinics-list-block .clinic-data .clinic-contacts {
padding: 8px 0 3px;
margin-bottom: 0;
display: block;
}
.article .clinics-list-block .clinic-data .clinic-statistic {
padding: 5px 0 2px;
}
.article .clinics-list-block .clinic-data .clinic-statistic > span {
height: 28px;
border-right: none;
font-size: 14px;
padding-left: 29px;
margin: 0;
display: inline-block;
float: none;
}
.article .clinics-list-block .clinic-data .clinic-statistic > span {
height: 28px;
border-right: none;
font-size: 14px;
padding-left: 29px;
margin: 0;
display: inline-block;
float: none;
}
.article .clinics-list-block .clinic-data .clinic-statistic > span {
height: 28px;
border-right: none;
font-size: 14px;
padding-left: 29px;
margin: 0;
display: inline-block;
float: none;
}
.article .clinics-list-block .clinic-data .clinic-statistic > span {
height: 28px;
border-right: none;
font-size: 14px;
padding-left: 29px;
margin: 0;
display: inline-block;
float: none;
}
.article .clinics-list-block .clinic-data .clinic-statistic .btn-mh {
width: 200px;
margin: 10px auto 12px;
display: block;
float: none;
}
.article .clinics-list-block .clinic-data .clinic-statistic .btn-mh {
display: none;
}
.article .yandex-ad {
padding-top: 10px;
margin-top: 12px;
}
.article .comments {
padding-top: 10px;
margin-top: 10px;
}
.article .comments #comments {
font-size: 14px;
margin: 0 0 8px;
}
.article .comments .comment {
font-size: 14px;
padding: 5px 10px;
margin-bottom: 10px;
}
.article .comments .comment .date .plus {
padding-left: 0;
display: block;
float: none;
clear: both;
}
/* Страница регистрации */
.registration {
min-width: 250px !important;
}
.registration .reg-logo {
display: none;
}
.registration sup {
padding-left: 0;
top: 0;
}
.registration .register-form, .registration .enter-form {
padding: 14px 10px 0;
margin-top: 15px;
min-width: 250px;
}
.registration .register-form .reg-fields, .registration .enter-form .reg-fields {
width: 100%;
float: none;
}
.registration .register-form .reg-fields > div:nth-of-type(odd) {
width: 86px;
font-size: 14px;
padding: 10px 5px 0 0;
}
.registration .enter-form .reg-fields > div:nth-of-type(odd) {
max-width: 86px;
width: 30%;
font-size: 14px;
padding: 10px 5px 0 0;
}
.registration .register-form .reg-fields > div:nth-of-type(odd) > span, .registration .enter-form .reg-fields > div:nth-of-type(odd) > span {
display: none;
}
.registration .register-form .reg-fields > div:nth-of-type(even) {
width: calc(100% - 86px);
}
.registration .enter-form .reg-fields > div:nth-of-type(even) {
min-width: 150px;
width: calc(100% - 86px);
}
.registration .register-form .reg-hint, .registration .enter-form .reg-hint {
width: 100%;
color: #888;
font-size: 14px;
line-height: 17px;
padding: 2px 0 0;
}
.registration .register-form .reg-hint.shift, .registration .enter-form .reg-hint.shift {
padding-top: 0;
}
.registration .register-form .clear, .registration .enter-form .clear {
padding-bottom: 10px;
margin-bottom: 12px;
}
.registration .register-form .g-recaptcha,
.registration .register-form .g-recaptcha > div,
.registration .register-form .g-recaptcha > div > div,
.registration .register-form .g-recaptcha iframe {
max-width: 100%;
}
.registration .register-form .g-recaptcha {
margin-bottom: 10px;
}
.registration .register-form .rules, .registration .enter-form .rules {
line-height: 17px;
margin-bottom: 10px;
}
.registration .register-form input[type=text], .registration .enter-form input[type=text] {
font-size: 14px;
}
.registration input[type=submit] {
margin: 0 auto;
display: block;
}
.registration #password-info {
width: 285px;
line-height: 17px;
padding: 10px 12px 9px;
top: auto;
right: 0;
bottom: 19px;
}
.registration #password-info .invalid {
line-height: 17px;
margin-bottom: 4px;
}
.registration #password-info span {
top: auto;
left: auto;
right: 30px;
bottom: -10px;
-moz-transform: rotate(-135deg);
-ms-transform: rotate(-1350deg);
-webkit-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.registration #password-compare {
padding: 10px 12px 9px;
top: 104px;
right: 0;
}
.registration #password-compare span {
top: -11px;
left: auto;
right: 30px;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
div.registration table.enter-extra-links {
display: none;
}
div.registration .enter-extra-links-mob {
display: block;
min-width: 300px;
margin: 20px 0 0 0;
-webkit-padding-start: 20px;
-moz-padding-start: 20px;
}
/* Страница клиники */
#main-bar-mini {
background: none !important;
}
.clinic-header-container {
width: 100%;
padding: 0;
position: static;
}
.clinic-header {
max-height: none;
padding: 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.clinic-header > span > img {
margin: 0 18px 0 0;
}
.clinic-header .title {
font-size: 18px;
line-height: 21px;
padding: 12px 0 0;
}
.clinic-header .clinic-status {
padding: 8px 0;
position: relative;
}
.clinic-header .clinic-status .rating {
padding-top: 0;
position: relative;
left: -14px;
display: block;
}
.clinic-header .clinic-status .rating div{
-moz-transform: scale(0.75);
-ms-transform: scale(0.75);
-webkit-transform: scale(0.75);
-o-transform: scale(0.75);
transform: scale(0.75);
}
.clinic-header .clinic-status .rating span {
font-size: 17px;
top: -3px;
left: -15px;
}
.clinic-header .clinic-status .reviews-count {
font-size: 15px;
margin-left: 0;
margin-right: 8px;
top: -1px;
}
.clinic-header .clinic-status .clinic-likes {
height: auto;
font-size: 15px;
line-height: 15px;
margin-right: 5px;
top: 0;
left: 0;
}
.clinic-header .clinic-status .clinic-likes div {
width: 20px;
height: 20px;
background-size: 20px 20px;
margin: 0 4px 0 0;
position: relative;
top: -3px;
}
.clinic-header .clinic-status .clinic-views {
font-size: 15px;
line-height: 15px;
top: 0;
left: 0;
}
.clinic-header .clinic-status .clinic-views div {
width: 29px;
height: 20px;
background-size: 29px 29px;
background-position: center center;
margin: 0 2px 0 0;
top: -2px;
}
.clinic-header .clinic-menu {
display: none;
}
.clinic-header .clinic-menu-mobile {
display: block;
}
.clinic-header .clinic-menu-mobile .clinic-menu-item {
width: 100%;
margin-bottom: 5px;
}
.clinic-header .clinic-menu-mobile .clinic-menu-item i {
font-size: 17px;
padding-right: 2px;
position: relative;
top: 1px;
}
.clinic-admin-menu-mobile {
display: none;
}
.clinic-admin-menu-mobile .admin-menu {
padding-top: 5px;
}
.clinic-admin-menu-mobile .admin-menu a,
.clinic-admin-menu-mobile .admin-menu div {
font-size: 14px;
margin-bottom: 2px;
display: block;
}
.clinic-admin-menu-mobile .admin-menu div {
}
.clinic-admin-menu-mobile .admin-menu a i,
.clinic-admin-menu-mobile .admin-menu div i {
padding-right: 6px;
}
.clinic-admin-menu-mobile .admin-menu ul {
margin-bottom: 8px;
}
.clinic-admin-menu-mobile .admin-menu li {
line-height: 14px;
}
.clinic-admin-menu-mobile .admin-menu li a {
margin-bottom: 4px;
}
.clinic-page {
padding: 0;
margin: 10px 0 0;
}
.clinic-page ~ .clinic-page {
border-top: 1px #888 solid;
margin-top: 16px;
}
.clinic-page > span {
font-size: 17px;
line-height: 20px;
margin: 10px 0 8px;
}
.clinic-page > span > span {
font-size: 17px;
line-height: 20px;
padding-left: 5px;
}
.clinic-page > b.icon-fast-bw {
color: #888;
position: absolute;
top: 9px;
right: 2px;
display: block;
z-index: 1;
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.clinic-page .empty-block {
font-size: 15px;
line-height: 25px;
padding-top: 10px;
margin-bottom: 10px;
}
.clinic-page .empty-block div {
font-size: 14px;
}
.clinic-page .footer-wrap {
font-size: 14px;
line-height: 17px;
padding: 2px 0 0;
text-align: center;
}
.clinic-page .footer-wrap a {
margin-left: 4px;
margin-right: 4px;
}
.clinic-page#info .data-wrap {
padding: 0;
}
.clinic-page#info .info {
font-size: 14px;
line-height: 17px;
margin-bottom: 12px;
}
.clinic-page#info .info .block {
padding-bottom: 6px;
}
.clinic-page#info .info p,
.clinic-page#info .info i,
.clinic-page#info .info span {
font-size: 14px !important;
line-height: 17px !important;
}
.clinic-page#info .properties {
font-size: 14px;
line-height: 17px;
padding-top: 12px;
}
.clinic-page#info .address {
padding: 0;
}
.clinic-page#info .operations .thanks {
width: 100%;
float: none;
}
.clinic-page#info .operations .favorites {
width: 100%;
border-top: 1px #DDD solid;
padding-top: 12px;
margin-top: 12px;
text-align: left;
float: none;
}
.clinic-page#info .operations .favorites div:nth-child(1),
.clinic-page#info .operations .favorites div:nth-child(2) {
margin-bottom: 6px;
}
.clinic-page#info .operations .favorites br {
display: none;
}
.clinic-page#info .additional-wrap {
font-size: 14px;
line-height: 17px;
}
.clinic-page#info .socials {
padding-top: 12px;
padding-bottom: 10px;
text-align: center;
}
.clinic-page#info .socials > span {
display: none;
}
.clinic-page#info .articles .slider-button {
display: none;
}
.clinic-page#info .articles > div {
padding: 16px 0 5px;
}
.clinic-page#info #clinic-articles li > div {
width: 100%;
height: 80px;
background: #F7F7F7;
padding: 5px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.clinic-page#info #clinic-articles li > div > a > img {
width: 93px;
height: 70px;
}
.clinic-page#info #clinic-articles li > div > div {
margin-left: 101px;
}
.clinic-page#info #clinic-articles li > div > div .clinic-article-title {
font-size: 14px;
line-height: 17px;
padding-top: 0;
}
.clinic-page#info #clinic-articles li > div > div .clinic-article-author,
.clinic-page#info #clinic-articles li > div > div .clinic-article-announce {
display: none;
}
.clinic-page#order .data-wrap {
padding: 0;
}
.clinic-page#order #simple-order {
font-size: 14px;
padding: 10px 10px 0;
margin-bottom: 12px;
}
.clinic-page#order #simple-order > div {
margin-bottom: 0;
}
.clinic-page#order #simple-order > div:last-of-type {
margin-bottom: 0;
}
.clinic-page#order #simple-order > div > div > span > span {
font-size: 14px;
top: -2px;
}
.clinic-page#order #simple-order > div > div > input,
.clinic-page#order #simple-order > div > div > select {
font-size: 14px;
}
.clinic-page#order .order-name,
.clinic-page#order .order-name:first-of-type {
width: 100%;
padding-left: 0;
margin-bottom: 8px;
}
.clinic-page#order .order-phone {
width: 100%;
padding-right: 0;
margin-top: 0;
margin-bottom: 8px;
}
.clinic-page#order .order-email,
.clinic-page#order .order-spec,
.clinic-page#order .order-doctor {
width: 100%;
padding-right: 0;
margin-bottom: 8px;
}
.clinic-page#order .order-time {
margin-top: 0;
margin-bottom: 8px;
}
.clinic-page#order .order-remark {
margin-bottom: 10px;
}
.clinic-page#order .order-bonus input[type=checkbox] {
width: 18px;
height: 18px;
margin-right: 4px;
}
.clinic-page#order .clinic-schedule-filter {
position: static;
}
.clinic-page#order #clinic-schedule-filter {
width: 100%;
}
.btn_replacement_call {
width: 100%;
float: none;
margin-left: 0;
margin-top: 10px;
}
.clinic-page#order .schedule-progress {
border-bottom: none;
padding-bottom: 4px;
}
.clinic-page#order .schedule-progress > span > span:nth-child(2) {
font-size: 10px;
line-height: 13px;
}
.clinic-page#order .schedule-title {
margin-top: 15px;
margin-bottom: 2px;
}
.clinic-page#order .schedule-title .schedule-calendar {
width: calc(100% - 72px);
}
.clinic-page#order .schedule-title .schedule-calendar > input {
width: 100%;
font-size: 14px;
}
.clinic-page#order .schedule-title .schedule-prev,
.clinic-page#order .schedule-title .schedule-next {
border: none;
margin-left: 0;
}
.clinic-page#order .schedule-title .schedule-prev i,
.clinic-page#order .schedule-title .schedule-next i {
display: inline;
}
.clinic-page#order .schedule-title .schedule-prev span,
.clinic-page#order .schedule-title .schedule-next span {
display: none;
}
.clinic-page#order .schedule-title .schedule-name {
width: 100%;
font-size: 16px;
margin-top: 0;
padding-top: 15px;
}
.clinic-page#order .schedule-legend {
margin: 10px 0;
}
.clinic-page#order .schedule-legend > span {
display: block;
}
.clinic-page#order .schedule-groups {
margin-top: 10px;
display: block;
}
.clinic-page#order .schedule-group {
width: 100%;
margin: 0;
float: left;
}
.clinic-page#order .schedule-group {
margin: 0 0 10px;
}
.clinic-page#order .schedule-group > div {
font-size: 14px;
padding: 5px 15px 4px 35px;
margin: 0;
}
.clinic-page#order .schedule-group > div:nth-of-type(1)
/*,.clinic-page#order .schedule-group > div:nth-of-type(2)*/ {
padding: 10px 15px 10px 35px;
}
.clinic-page#order .schedule-group > div > img {
width: 20px;
height: 20px;
top: 10px;
}
.clinic-page#order .schedule-personal td.empty-row {
font-size: 14px;
padding: 30px 0 20px;
}
.clinic-page#order .resource-info img {
display: none;
}
.clinic-page#order .resource-info > div {
height: auto;
margin-bottom: 4px;
display: block;
}
.clinic-page#order .resource-info > div > .name {
font-size: 15px;
}
.clinic-page#order .resource-info > div > .name > a {
font-size: 14px;
margin-left: 0;
display: block;
}
.clinic-page#order .resource-info > div > .info {
display: none;
}
.clinic-page#order .schedule-personal th:first-of-type {
width: 0;
padding-left: 0;
}
.clinic-page#order .schedule-personal th {
width: 14.2857%;
font-size: 13px;
padding: 10px 0 4px;
}
.clinic-page#order .schedule-personal td:first-of-type {
width: 0;
padding-left: 0;
padding-right: 0;
}
.clinic-page#order .schedule-personal td:first-of-type > div {
width: 0;
border-right: none;
font-size: 0;
padding-right: 0;
}
.clinic-page#order .schedule-personal td {
font-size: 13px;
padding: 13px 1px 10px;
}
.clinic-page#order .schedule-personal.collapse-busy-cells td {
padding: 8px 6px 2px;
}
.clinic-page#order .schedule-personal td > div {
width: calc(100% - 2px);
font-size: 12px;
padding: 0 2px;
}
.clinic-page#order .schedule-personal.collapse-busy-cells td > div {
padding-top: 5px;
}
.clinic-page#order .schedule-info,
.clinic-page#order .schedule-order {
width: 100%;
margin-right: 0;
float: none;
}
.clinic-page#order .schedule-info > span,
.clinic-page#order .schedule-order > span {
font-size: 16px;
margin-top: 8px;
display: block;
}
.clinic-page#order .schedule-info > div {
min-height: 0;
padding: 12px 10px 35px;
margin: 6px 0 10px;
}
.clinic-page#order .schedule-order > div.schedule-order-form {
min-height: 0;
padding: 12px 2px 35px;
margin: 6px 0 10px;
}
.clinic-page#order .schedule-info .schedule-info-date,
.clinic-page#order .schedule-info .schedule-info-timer {
font-size: 16px;
padding: 0 2px 4px;
margin-bottom: 10px;
}
.clinic-page#order .schedule-info .schedule-info-date > div,
.clinic-page#order .schedule-info .schedule-info-timer > div {
font-size: 18px;
line-height: 18px;
}
.clinic-page#order .schedule-info .schedule-info-data {
font-size: 14px;
padding: 0 2px 10px;
margin-bottom: 10px;
}
.clinic-page#order .schedule-info .schedule-info-data > span:first-of-type {
padding-bottom: 4px;
}
.clinic-page#order .schedule-info .schedule-info-data img,
.clinic-page#order .schedule-info .schedule-info-data .info {
display: none;
}
.clinic-page#order .schedule-info .schedule-info-data:last-of-type {
margin-bottom: 0;
}
.clinic-page#order .schedule-info > div > span {
font-size: 14px;
}
.clinic-page#order .schedule-info a {
font-size: 14px;
line-height: 14px;
right: 10px;
bottom: 10px;
}
.clinic-page#order .schedule-order > div.schedule-order-form {
font-size: 14px;
padding-bottom: 2px;
}
.clinic-page#order .schedule-order > div > div {
margin-bottom: 0;
}
.clinic-page#order .schedule-order > div > div > div {
padding-left: 0;
margin-bottom: 5px !important;
}
.clinic-page#order .schedule-order > div > div > div > span > span {
font-size: 14px;
top: 0;
}
.clinic-page#order .schedule-order .order-name,
.clinic-page#order .schedule-order .order-phone,
.clinic-page#order .schedule-order .order-email,
.clinic-page#order .schedule-order .order-birthday,
.clinic-page#order .schedule-order .order-policy,
.clinic-page#order .schedule-order .order-address,
.clinic-page#order .schedule-order .order-aim,
.clinic-page#order .schedule-order .order-comment {
width: 100%;
}
.clinic-page#order .schedule-order input[type=text],
.clinic-page#order .schedule-order textarea {
font-size: 14px;
line-height: 17px;
}
.clinic-page#order .schedule-order > label {
padding-top: 46px;
font-size: 14px;
line-height: 17px;
}
.clinic-page#order .schedule-order > label:last-of-type {
margin-bottom: 8px;
}
.clinic-page#order .schedule-order input[type=submit] {
width: 100% !important;
margin: auto !important;
}
.clinic-page#order .schedule-order > label input[type=checkbox] {
width: 20px;
height: 20px;
position: absolute;
top: 41px;
left: 2px;
}
.clinic-page#order .schedule-success,
.clinic-page#order .schedule-error {
min-height: 0;
padding: 12px 15px;
margin-top: 6px;
}
.clinic-page#order .schedule-success .schedule-success-text {
font-size: 15px;
}
.clinic-page#order .schedule-success .schedule-success-link a {
font-size: 14px;
}
.clinic-page#order .schedule-success .schedule-success-link {
margin-top: 8px;
}
.clinic-page#order .schedule-error > div {
font-size: 15px;
}
.clinic-page#order .schedule-error > div > div {
margin: 6px 0;
}
.clinic-page#services .clinic-services-filter,
.clinic-page#doctors .clinic-doctors-filter,
.clinic-page#vacancies .clinic-vacancies-filter {
position: static;
}
.clinic-page#doctors #clinic-doctors-filter-name,
.clinic-page#services #clinic-services-filter-name {
width: 100%;
margin-top: 12px;
margin-left: 0;
}
.clinic-page#doctors #clinic-doctors-filter-spec,
.clinic-page#services #clinic-services-filter-price {
width: 100%;
margin-top: 5px;
margin-left: 0;
}
.clinic-page#doctors .clinic-doctors-list > .clinic-doctor {
width: 100%;
float: none;
}
.clinic-page#order .simple-accept {
max-width: 100%;
}
.clinic-page#doctors .data-wrap {
padding-bottom: 20px;
}
.clinic-page#services .data-intro {
font-size: 14px;
line-height: 17px;
padding: 10px 0 0;
}
.clinic-page#services .data-wrap {
padding: 5px 0 0;
}
.clinic-page#services .folder > div:first-of-type {
font-size: 14px;
line-height: 17px;
padding: 12px 2px 8px;
}
.clinic-page#services .folder > div:first-of-type i {
font-size: 16px;
padding-right: 4px;
top: 1px;
}
.clinic-page#services .folder > div:last-of-type {
padding: 0 0 10px 0;
}
.clinic-page#services .clinic-services-table {
overflow: scroll;
}
.clinic-page#services table {
margin-top: 5px;
}
.clinic-page#services table th {
border-bottom-width: 3px;
font-size: 14px;
line-height: 17px;
padding: 5px 8px;
}
.clinic-page#services table td {
font-size: 12px;
line-height: 15px;
padding: 2px 8px 1px;
}
.clinic-page#actions .data-wrap {
padding: 0;
}
.clinic-page#actions .data-wrap > div img {
display: none;
}
.clinic-page#actions .data-wrap > div > div {
margin-left: 0;
}
.clinic-page#actions .data-wrap > div {
padding: 10px;
margin-bottom: 10px;
}
.clinic-page#actions .data-wrap > div .title {
font-size: 15px;
line-height: 20px;
}
.clinic-page#actions .data-wrap > div .descr {
font-size: 14px;
line-height: 17px;
}
.clinic-page#actions .data-wrap > div > div > div > span:first-of-type {
font-size: 14px;
}
.clinic-page#actions .data-wrap > div .prices {
color: #666;
font-size: 14px;
padding-top: 2px;
}
.clinic-page#actions .data-wrap > div .prices span.price {
font-size: 17px;
}
.clinic-page#actions .data-wrap > div .prices span.old-price {
font-size: 14px;
padding-left: 8px;
}
.clinic-page#actions .data-wrap > div .param {
font-size: 14px;
padding-top: 2px;
}
.clinic-page#consultations .clinic-page-question {
width: 100%;
padding: 8px 12px;
margin: 0 0 15px 0;
}
.clinic-page#consultations .clinic-page-answer {
width: 100%;
min-height: 0;
padding: 8px 12px;
margin: 0;
}
.clinic-page#consultations .clinic-page-avatar {
display: none;
}
.clinic-page#consultations .clinic-page-question > a {
font-size: 14px;
}
.clinic-page#consultations .clinic-page-question > div {
line-height: 17px;
}
.clinic-page#consultations .clinic-page-question:after,
.clinic-page#consultations .clinic-page-answer:after {
display: none;
}
.clinic-page#vacancies #clinic-vacancies-filter-spec {
width: 100%;
margin-top: 2px;
margin-left: 0;
}
.clinic-page#vacancies #clinic-vacancies-filter-amount {
width: 100%;
margin-top: 5px;
margin-left: 0;
}
.clinic-page#vacancies .data-wrap {
padding: 15px 45px 12px;
}
.clinic-page#vacancies .slider-button {
top: 120px;
}
.clinic-page#vacancies #clinic-vacancies li > div {
height: 265px;
}
.clinic-page#vacancies #clinic-vacancies li > div > span {
height: 42px;
font-size: 14px;
}
.clinic-page#vacancies #clinic-vacancies li > div > div:last-of-type {
font-size: 14px;
line-height: 17px;
}
.clinic-page#vacancies #clinic-vacancies li > div > span:last-of-type {
height: 40px;
font-size: 14px;
line-height: 16px;
}
.clinic-page#vacancies #clinic-vacancies li > div > div {
height: auto;
font-size: 14px;
}
.clinic-page#vacancies #clinic-vacancies li > div > div > span:nth-child(odd) {
font-size: 14px;
}
.clinic-page#vacancies #clinic-vacancies li > div > div > span:nth-child(even) {
font-size: 14px;
}
.clinic-page#settings {
padding-top: 0;
}
.clinic-page#settings .settings-breadcrumb {
font-size: 14px;
margin: -6px 0 5px;
}
.clinic-page#settings .data-intro {
font-size: 14px;
line-height: 17px;
padding: 0 0 14px;
}
.clinic-page#settings .data-wrap {
padding: 5px 0 15px;
}
.clinic-page#settings .data-wrap .clinic-settings-settings > div > div > span {
border-bottom: 55px transparent solid;
font-size: 14px;
line-height: 17px;
padding-left: 0;
display: block;
position: static;
}
.clinic-page#settings .data-wrap .clinic-settings-settings .switcher-wrap {
position: absolute;
bottom: 4px;
}
.clinic-page#settings .data-wrap .clinic-settings-settings > div > div {
position: relative;
}
.clinic-page#settings .data-wrap .clinic-settings-settings > div #settings-appointment-simple > div:first-of-type,
.clinic-page#settings .data-wrap .clinic-settings-settings > div #settings-appointment-schedule > div:first-of-type {
font-size: 14px;
line-height: 16px;
}
.clinic-page#settings .data-wrap .clinic-settings-settings > div #settings-appointment-simple,
.clinic-page#settings .data-wrap .clinic-settings-settings > div #settings-appointment-schedule,
.clinic-page#settings .data-wrap .clinic-settings-settings > div #settings-appointment-count {
margin: 0 0 8px;
display: none;
}
.clinic-page#settings .data-wrap .clinic-settings-settings > div > div label {
font-size: 14px;
line-height: 17px;
}
.clinic-page#settings .data-wrap .clinic-settings-settings > div > div input[type=checkbox] {
width: 16px;
height: 16px;
margin-right: 5px;
top: 3px;
}
.clinic-page#settings .data-wrap .clinic-settings-settings > div #settings-appointment-forbidden {
font-size: 14px;
line-height: 17px;
margin-top: 6px;
}
.clinic-page#settings .data-wrap .clinic-settings-settings > div > div textarea {
font-size: 14px;
line-height: 17px;
}
.clinic-page#settings .data-wrap .clinic-settings-settings > div > div.settings-text > span {
border-bottom: none;
display: inline;
}
.clinic-page#settings .data-wrap .clinic-settings-settings > div > div.settings-text {
padding-bottom: 10px;
}
.clinic-page#settings .data-wrap .clinic-settings-settings > div > div {
font-size: 14px;
line-height: 17px;
}
.help .intro {
font-size: 16px;
}
.help form {
padding: 6px 0 10px;
}
.help form input[type=text] {
width: 100%;
font-size: 14px;
}
.help form input[type=submit] {
display: none;
}
.help .help-block {
margin-bottom: 10px;
}
.help .help-block > a > img {
width: 40px;
height: 40px;
}
.help .help-block > a {
font-size: 15px;
}
.help .search {
font-size: 15px;
padding-top: 5px;
margin-bottom: 10px;
}
.help .search-item {
font-size: 14px;
line-height: 17px;
padding: 0 0 10px;
}
.help-material .help-glossary-wrap {
border: none;
padding: 4px 0 0;
float: none;
clear: both;
}
.help-material .help-glossary {
width: 100%;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.help-material .help-glossary.fixed {
position: static;
}
.help-material .help-content {
border: none;
font-size: 14px;
padding: 0;
margin: 14px 2px 0;
}
.help-material .help-content p,
.help-material .help-content ul,
.help-material .help-content li,
.help-material .help-content a,
.help-material .help-content span {
font-size: 14px;
line-height: 17px;
}
.olk-choice {
margin: 0 -6px;
}
.olk-choice a {
width: calc(50% - 12px);
height: 250px;
font-size: 18px;
margin: 10px 6px 0;
}
.olk-list-spec {
width: calc(100% - 20px);
}
.olk-view-info {
padding-bottom: 0;
}
.olk-basic-help p {
font-size: 14px;
}
.olk-basic-info {
padding: 0 0 8px;
}
.olk-basic-help {
padding: 0;
}
.olk-view-control {
padding-bottom: 8px;
}
.inf-mh > div {
margin-bottom: 5px;
}
.olk-attached-files {
display: block !important;
}
.olk-view-info-switcher i {
font-size: 18px;
}
.olk-view-block .olk-view-send > button {
/*width: 100%;*/
/*margin: 5px 0;*/
padding: 7px 6px 5px 8px;
top: 0;
right: 40px;
}
.olk-view-quit, .olk-view-bad, .olk-view-good {
width: 100%;
margin-bottom: 5px;
float: none;
}
.olk-view-block .olk-view-send > div {
margin-top: -1px;
margin-right: 1px;
}
.olk-view-block .olk-view-send > div::before {
margin-right: 0;
}
.olk-view-block .olk-view-send > i {
top: 3px;
left: 2px;
}
.olk-personal-tables {
overflow: scroll;
}
.olk-view-block .olk-view-send > input[type=text] {
width: calc(100% - 40px);
height: 38px;
padding-right: 42px;
}
.olk-view-block .olk-view-send > input[type=text].attachable {
font-size: 14px;
padding: 0 30px 1px 35px;
}
.olk-view-block .olk-view-actions {
margin-top: 8px;
padding-top: 0;
}
.olk-view-control .olk-view-quit,
.olk-view-control .olk-view-good,
.olk-view-control .olk-view-bad {
margin-right: 0;
margin-bottom: 6px;
display: block;
float: none;
clear: both;
}
.olk-view-control .olk-view-good {
margin-bottom: 0;
}
.tab-mh > span {
width: 100%;
border-bottom-color: #FFF;
margin-left: 0;
text-align: center;
}
.tab-mh > span:last-of-type {
border-bottom-color: #888;
}
.tab-mh > span.active:last-of-type {
border-bottom-color: #FFF;
}
.frm-mh {
font-size: 14px;
padding: 10px;
}
.frm-mh > span {
padding: 4px 30px 5px 8px;
top: -6px;
left: -10px;
}
.frm-mh > span input[type=checkbox] {
width: 16px;
height: 16px;
position: absolute;
top: 3px;
right: 7px;
}
.frm-mh > div {
margin-bottom: 4px;
}
.frm-mh > div > div {
padding-top: 4px;
padding-bottom: 4px;
}
.frm-mh > div > div > span {
padding-bottom: 2px;
}
.frm-mh > div > div input[type=text],
.frm-mh > div > div input[type=password],
.frm-mh > div > div select,
.frm-mh > div > div textarea {
font-size: 15px;
padding-top: 6px;
}
.frm-mh > div > span {
font-size: 14px;
line-height: 17px;
padding: 5px 0;
}
.frm-mh > div.multiple > div {
padding-left: 0 !important;
}
.profile-login > div,
.profile-login > .profile-sex {
width: 100% !important;
padding-left: 0 !important;
}
.profile-login > span {
padding: 4px 0 0 !important;
}
.profile-login .profile-sex {
display: none;
}
.profile-name > .profile-photo {
width: 100% !important;
}
.profile-name > div,
.profile-appointment > div,
.profile-contacts > div,
.street-param,
.profile-metro,
.profile-skype > div,
.bonus-param > div {
width: 100% !important;
padding-left: 0 !important;
display: block !important;
}
.profile-address {
width: 25% !important;
padding-left: 5px !important;
}
.profile-addresses > div:nth-child(2) {
padding-left: 0 !important;
}
.profile-brief > div,
.profile-consultant > div:first-of-type,
.profile-consultant > div:last-of-type,
.profile-workplace > div {
width: 100% !important;
padding-left: 0 !important;
}
.profile-info {
margin-top: 4px;
}
.bonus-param {
margin-top: 5px;
}
.profile-password > div {
width: 100% !important;
padding-left: 0 !important;
}
.profile-password > span {
display: none !important;
}
.menu-main .btn-throw-search {
margin: 0;
position: absolute;
display: none;
}
.wrap-throw-search input[type=text] {
font-size: 18px;
}
.ui-datepicker {
width: 226px !important;
z-index: 10000;
}
.ui-datepicker .ui-datepicker-title {
font-size: 15px;
}
.ui-timepicker-div {
font-size: 12px;
}
#ui-datepicker-div select {
font-size: 12px !important;
}
.ui-timepicker-div dl {
margin-bottom: 4px;
}
.ui-datepicker .ui-datepicker-buttonpane button {
height: auto;
font-size: 14px;
/*float: right;*/
margin: 5px !important;
/*cursor: pointer;*/
padding: 4px 12px !important;
/*width: auto;*/
/*overflow: visible;*/
}
.ui-datepicker table {
margin-bottom: 4px !important;
}
.ui-datepicker th {
font-size: 13px !important;
padding: 4px 4px 2px !important;
}
.ui-datepicker td span,
.ui-datepicker td a {
font-size: 12px;
}
#ya-adaptive {
max-height: none !important;
margin-bottom: 10px;
}
#ya-adaptive > div > ins.adsbygoogle {
height: 60px !important;
}
#ya-adaptive-bottom {
height: 190px;
}
#google-bot-block-1 {
display: none !important;
}
#google-bot-block-2 {
width: 50%;
}
#ya-bot-block {
width: 50%;
}
#sidebar {
display: none;
}
.btn-mh-2.zapis-k-vrachu {
font-size: 16px;
margin: 10px 0;
width: 100%;
padding: 8px;
}
.page_div h3 {
font-size: 17px;
}
#btn_search_extended {
float: none !important;
}
.popup-frame {
width: 90%;
max-height: 80%;
padding: 38px 0 0;
}
.clinics-list-block .clinic-data .clinic-statistic > .clinic-list-btns {
text-align: center;
display: block;
float: none;
}
.cookie-notification__body {
font-size: 13px;
line-height: 16px;
}
}
/*
* Далее идут промежуточные и нестандартные адаптации
*/
@media (max-width: 1200px) {
.wrap-throw-search form {
margin: 25px auto 24px;
}
}
/* Главное (верхнее) меню */
@media (max-width: 1100px) {
.menu-main > .wrap-menu-main > ul > li a {
padding-left: 10px;
padding-right: 10px;
}
.lk {
width: calc(100% - 777px);
}
.menu-main.-shift > .lk,
.menu-main.fixed > .lk {
width: calc(100% - 777px - 50px);
}
.record > div > .image {
width: 100px;
height: 100px;
background-size: 100px 100px !important;
}
.record > div > .wrap {
margin-left: 115px;
}
.form_policlinics_commercial {
bottom: 0;
}
}
@media (min-width: 992px) and (max-width: 1024px) {
.menu-main > .wrap-menu-main > ul > li a {
padding-left: 8px;
padding-right: 8px;
}
.menu-main.-shift > .wrap-menu-main,
.menu-main.fixed > .wrap-menu-main {
margin-left: 48px !important;
}
.lk {
width: calc(100% - 745px);
}
.menu-main.-shift > .lk,
.menu-main.fixed > .lk {
width: calc(100% - 745px - 48px);
}
}
@media (max-width: 991px) {
.menu-main > .wrap-menu-main > ul > li a {
padding-left: 6px;
padding-right: 7px;
}
.lk {
width: 47px;
}
.menu-main.fixed > .wrap-menu-main {
margin-left: 47px !important;
}
.menu-main .wrap-search div {
right: 6px;
}
}
@media (max-width: 899px) {
.menu-main > .wrap-menu-main > ul > li > ul {
left: auto;
right: 0;
}
}
@media (max-width: 767px) {
.lk,
.menu-main.-shift > .lk,
.menu-main.fixed > .lk {
width: calc(100% - 68px);
}
.lk > div:last-of-type {
width: calc(100% - 50px);
}
.menu-main > .wrap-menu-main {
position: static;
}
.menu-main .wrap-search {
width: calc(100%);
height: 50px;
background: #2B2B2B;
margin-left: -10px;
z-index: 100;
}
.menu-main .wrap-search input {
height: 40px;
}
.menu-main .wrap-search button {
height: 40px;
border-bottom-width: 3px;
padding-top: 7px;
position: absolute;
top: 5px;
right: 2px;
}
.menu-main .wrap-search button:hover {
border-bottom-width: 3px !important;
}
.menu-main .wrap-search .search-types {
display: none;
}
.menu-main .wrap-menu-main > i.icon-cancel {
top: 0;
right: -18px;
height: 50px;
background: #2B2B2B;
padding: 9px 0 0 0;
z-index: 100;
}
}
/* Админка */
@media (max-width: 1279px) {
#admin_menu {
display: none;
}
.clinic-header-container.admin {
top: 50px;
}
#map.admin_menu_margin {
margin-top: 54px;
}
}
/* Ссылка на старую версию сайта */
@media (max-width: 1549px) {
.old-site {
display: none;
}
}
/* ЛК */
@media (max-width: 359px) {
.lk > div {
padding-top: 3px;
}
.lk > div > div {
font-size: 11px;
}
.lk > div > span {
font-size: 12px;
}
}
/* Иконки входа через социальные сети */
@media (max-width: 359px) {
.authForm .social a {
padding: 0 !important;
}
}
/* Форма поиска */
@media (max-width: 414px) {
.form-search .input-search {
width: 264px;
}
.form-search .btn-medi {
font-size: 14px;
}
}
/* Боковые баннеры */
@media (max-width: 1465px) {
.bl-side-banners {
display: none;
}
}
/* Содержимое главной формы */
@media (max-width: 1099px) {
.ds-1 .form-group-oms {
width: 315px;
left: -435px;
}
.ds-1 .form-group-date {
width: 220px;
left: -100px;
}
.ds-1 .form-group-date input[type=text] {
width: 70px !important;
}
.ds-1 .form-group-save {
left: 142px;
}
.ds-1 .form-group-submit {
width: 120px;
left: 315px;
}
.ds-3 .form-group-spec {
width: 840px;
top: 61px;
left: -405px;
}
.ds-3 .form-group-region {
width: 690px;
top: 117px;
left: -405px;
}
.ds-3 .form-group-submit {
width: 130px;
top: 117px;
left: 305px;
}
.ds-4 .form-group-region {
width: 840px;
top: 61px;
left: -405px;
}
.ds-4 .form-group-city {
left: -365px; width: 600px;
}
.ds-4 .form-group-regionalreccity {
left: -365px; width: 600px;
}
.ds-4 .form-group-submit {
left: 235px;
}
.ds-5 .form-group-name {
width: 840px;
left: -405px;
}
.ds-5 .form-group-phone {
width: 273px;
left: -405px;
}
.ds-5 .form-group-spec {
width: 320px;
left: -74px;
}
.ds-5 .form-group-submit { left: 235px; }
.ds-5 .form-group-lookup_disease { left: -365px; width: 600px; }
.ds-5 .form-group-lookup_disease_quicklinks { left: -365px; width: 770px; max-height: 65px; overflow-y: auto; }
#regionalrec_city_container, #lookup_disease_disease_container { min-width: 580px; }
}
@media (max-width: 991px) {
.ds-1 .form-group-oms {
width: 358px;
left: -395px;
}
.ds-1 .form-group-date {
width: 220px;
left: -17px;
}
.ds-1 .form-group-date input[type=text] {
width: 70px !important;
}
.ds-1 .form-group-save {
top: 119px;
left: 228px;
}
.ds-1 .form-group-submit {
width: 170px;
left: 225px;
}
.ds-3 .form-group-spec {
width: 760px;
left: -365px;
}
.ds-3 .form-group-region {
width: 610px;
left: -365px;
}
.ds-3 .form-group-submit {
width: 130px;
left: 265px;
}
.ds-4 .form-group-region {
width: 760px;
left: -365px;
}
.ds-4 .form-group-city {
width: 610px;
left: -365px;
}
.ds-4 .form-group-submit {
width: 130px;
left: 265px;
}
.ds-5 .form-group-name {
width: 760px;
left: -365px;
}
.ds-5 .form-group-phone {
width: 212px;
left: -365px;
}
.ds-5 .form-group-spec {
width: 320px;
left: -106px;
}
}
@media (max-width: 899px) {
.bl-ds {
height: 251px;
}
.bl-ds .form-message {
margin: 100px 0;
}
.form-main div input[type=text] + span,
.form-main div select + span {
font-size: 13px;
}
.ds-1 .form-group-oms {
width: 670px;
top: 63px;
left: -335px;
}
.ds-1 .form-group-date {
width: 478px;
top: 145px;
left: -335px;
}
.ds-1 .form-group-date input[type=text] {
width: 156px !important;
}
.ds-1 .form-group-save {
top: 187px;
left: 168px;
}
.ds-1 .form-group-submit {
width: 170px;
top: 145px;
left: 165px;
}
.ds-3 .form-group-spec {
width: 640px;
top: 90px;
left: -305px;
}
.ds-3 .form-group-region {
width: 490px;
top: 146px;
left: -305px;
}
.ds-3 .form-group-submit {
width: 130px;
top: 146px;
left: 205px;
}
.ds-4 .form-group-region {
width: 640px;
top: 90px;
left: -305px;
}
.ds-4 .form-group-city {
left: -315px;
width: 520px;
}
.ds-4 .form-group-regionalreccity {
left: -315px; width: 520px;
}
.ds-4 .form-group-submit {
left: 215px;
}
.ds-5 .form-group-name {
width: 378px;
top: 90px;
left: -305px;
}
.ds-5 .form-group-phone {
width: 215px;
top: 90px;
left: 120px;
}
.ds-5 .form-group-spec {
width: 459px;
top: 146px;
left: -305px;
}
.ds-5 .form-group-submit { left: 215px; }
.ds-5 .form-group-lookup_disease { left: -315px; width: 520px; }
.ds-5 .form-group-lookup_disease_quicklinks { left: -315px; width: 662px; max-height: 95px; overflow-y: auto; }
#regionalrec_city_container, #lookup_disease_disease_container { min-width: 500px; }
#regionalrec_city_variants, #lookup_disease_disease_variants { width: 495px; }
}
/* Мобильная версия главной формы */
@media (max-width: 499px) {
.bl-mob-links a.btn {
letter-spacing: 0;
}
}
@media (max-width: 449px) {
.bl-mob-links a.btn {
font-size: 15px;
}
}
@media (max-width: 424px) {
.bl-mob-links a.btn span {
display: none;
}
}
@media (max-width: 369px) {
.bl-mob-links a.btn {
font-size: 14px;
}
}
@media (max-width: 359px) {
.bl-mob-links a.btn {
font-size: 13px;
padding: 6px 0;
}
}
/* Адаптив статистики */
@media (max-width: 1099px) {
.bl-statistic .ico-stat span {
margin-right: 5px;
}
.bl-statistic > div > h3 {
font-size: 30px;
margin-top: 14px;
}
.bl-statistic > div > p {
font-size: 14px;
}
}
@media (max-width: 991px) {
.bl-statistic .ico-stat span {
margin-right: 15px;
}
.bl-statistic > div > h3 {
font-size: 40px;
margin-top: 10px;
}
.bl-statistic > div > p {
font-size: 16px;
}
}
@media (max-width: 767px) {
.bl-statistic .ico-stat span {
margin-right: 12px;
-moz-transform: scale(0.9, 0.9);
-ms-transform: scale(0.9, 0.9);
-webkit-transform: scale(0.9, 0.9);
-o-transform: scale(0.9, 0.9);
transform: scale(0.9, 0.9);
}
.bl-statistic > div > h3 {
font-size: 26px;
margin-top: 18px;
}
.bl-statistic > div > p {
font-size: 15px;
}
}
@media (max-width: 559px) {
.bl-statistic .ico-stat span {
margin-right: 5px;
-moz-transform: scale(0.75, 0.75);
-ms-transform: scale(0.75, 0.75);
-webkit-transform: scale(0.75, 0.75);
-o-transform: scale(0.75, 0.75);
transform: scale(0.75, 0.75);
}
.bl-statistic > div > h3 {
font-size: 24px;
margin-top: 18px;
}
.bl-statistic > div > p {
font-size: 14px;
}
}
@media (max-width: 529px) {
.bl-statistic .ico-stat {
width: 100%;
padding: 0;
}
.bl-statistic .ico-stat span {
margin: 0 4px 0 0;
-moz-transform: scale(0.75, 0.75);
-ms-transform: scale(0.75, 0.75);
-webkit-transform: scale(0.75, 0.75);
-o-transform: scale(0.75, 0.75);
transform: scale(0.75, 0.75);
}
.bl-statistic > div > h3 {
font-size: 24px;
margin-top: 12px;
}
.bl-statistic > div > p {
font-size: 14px;
}
.bl-statistic > div > hr {
display: none;
}
.bl-statistic .ico-stat .clearfix {
height: 0;
}
}
/* Социальные иконки в футере */
@media (max-width: 369px) {
.menu-icons a {
margin-left: 5px;
margin-right: 5px;
}
}
/* Кнопки вверх-вниз */
@media (max-width: 1310px) {
#btn-up {
width: 36px;
height: 36px;
background-size: 36px 36px;
}
#btn-down {
width: 36px;
height: 36px;
background-size: 36px 36px;
}
}
/* Адаптив блоков на главной странице при маленьких разрешениях экрана */
@media (max-width: 500px) {
div.clinic-title > a.blue-link {
font-size: 12px !important;
}
div.clinic-title {
width: inherit !important;
}
}
@media (max-width: 570px) {
.olk-choice {
margin: 0;
}
.olk-choice a {
width: 100%;
height: 220px;
font-size: 18px;
margin: 10px 0 0;
}
}
/*! jQuery UI - v1.9.1 - 2012-11-07
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande%2CLucida%20Sans%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=5c9ccc&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=55&borderColorHeader=4297d7&fcHeader=ffffff&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=06_inset_hard.png&bgImgOpacityContent=100&borderColorContent=a6c9e2&fcContent=222222&iconColorContent=469bdd&bgColorDefault=dfeffc&bgTextureDefault=02_glass.png&bgImgOpacityDefault=85&borderColorDefault=c5dbec&fcDefault=2e6e9e&iconColorDefault=6da8d5&bgColorHover=d0e5f5&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=79b7e7&fcHover=1d5987&iconColorHover=217bc0&bgColorActive=f5f8f9&bgTextureActive=06_inset_hard.png&bgImgOpacityActive=100&borderColorActive=79b7e7&fcActive=e17009&iconColorActive=f9bd01&bgColorHighlight=fbec88&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=fad42e&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright (c) 2012 jQuery Foundation and other contributors Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }
/* Icons
----------------------------------*/
/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
.ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 2px; padding: .5em .5em .5em .7em; zoom: 1; }
.ui-accordion .ui-accordion-icons { padding-left: 2.2em; }
.ui-accordion .ui-accordion-noicons { padding-left: .7em; }
.ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; zoom: 1; }
.ui-autocomplete {
position: absolute;
top: 0; /* #8656 */
cursor: default;
}
/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; }
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; }
button.ui-button-icons-only { width: 3.7em; }
/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4; }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }
/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }
/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%; display: inline; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .5em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }
/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
position: absolute; /*must have*/
z-index: -1; /*must have*/
filter: mask(); /*must have*/
top: -4px; /*must have*/
left: -4px; /*must have*/
width: 200px; /*must have*/
height: 200px; /*must have*/
}.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
.ui-menu { list-style:none; padding: 2px; margin: 0; display:block; outline: none; }
.ui-menu .ui-menu { margin-top: -3px; position: absolute; }
.ui-menu .ui-menu-item { margin: 0; padding: 0; zoom: 1; width: 100%; }
.ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; }
.ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; zoom: 1; font-weight: normal; }
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; }
.ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; }
.ui-menu .ui-state-disabled a { cursor: default; }
/* icon support */
.ui-menu-icons { position: relative; }
.ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; }
/* left-aligned */
.ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; }
/* right-aligned */
.ui-menu .ui-menu-icon { position: static; float: right; }
.ui-progressbar { height:2em; text-align: left; overflow: hidden; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }
.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }.ui-spinner { position:relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; }
.ui-spinner-input { border: none; background: none; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; }
.ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; }
.ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } /* more specificity required here to overide default borders */
.ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } /* vertical centre icon */
.ui-spinner-up { top: 0; }
.ui-spinner-down { bottom: 0; }
/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
/* need to fix icons sprite */
background-position:-65px -16px;
}
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom: 0; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tooltip {
padding: 8px;
position: absolute;
z-index: 9999;
max-width: 300px;
-webkit-box-shadow: 0 0 5px #aaa;
box-shadow: 0 0 5px #aaa;
}
/* Fades and background-images don't work well together in IE6, drop the image */
* html .ui-tooltip {
background-image: none;
}
body .ui-tooltip { border-width: 2px; }
/* Component containers
----------------------------------*/
.ui-widget { font-family: Lucida Grande,Lucida Sans,Arial,sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Lucida Grande,Lucida Sans,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #a6c9e2; background: #fcfdfd url(/images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #4297d7; background: #5c9ccc url(/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }
/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #c5dbec; background: #dfeffc url(/images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #2e6e9e; }
.ui-state-default:hover, .ui-widget-content .ui-state-default:hover, .ui-widget-header .ui-state-default:hover { background: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #2e6e9e; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #79b7e7; background: #d0e5f5 url(/images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1d5987; }
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #1d5987; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #79b7e7; background: #f5f8f9 url(/images/ui-bg_inset-hard_100_f5f8f9_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #e17009; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #e17009; text-decoration: none; }
/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fad42e; background: #fbec88 url(/images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); } /* For IE8 - See #6059 */
/* Icons
----------------------------------*/
/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(/images/ui-icons_469bdd_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(/images/ui-icons_469bdd_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(/images/ui-icons_d8e7f3_256x240.png); }
.ui-state-default .ui-icon { background-image: url(/images/ui-icons_6da8d5_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/images/ui-icons_217bc0_256x240.png); }
.ui-state-active .ui-icon {background-image: url(/images/ui-icons_f9bd01_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(/images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/images/ui-icons_cd0a0a_256x240.png); }
/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -khtml-border-top-left-radius: 5px; border-top-left-radius: 5px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -khtml-border-top-right-radius: 5px; border-top-right-radius: 5px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -khtml-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -khtml-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
/* DateTimePicker */
div.ui-timepicker-div dt.ui_tpicker_time_label, div.ui-timepicker-div dd.ui_tpicker_time { display: none; }
div.ui-timepicker-div dt.ui_tpicker_hour_label, div.ui-timepicker-div dt.ui_tpicker_minute_label { display: inline-block !important; margin-right: 3px !important; }
div.ui-timepicker-div dd.ui_tpicker_hour, div.ui-timepicker-div dd.ui_tpicker_minute { display: inline-block; max-width: 90px !important; margin-right: 5px !important; }
div.ui-timepicker-div select.ui-timepicker-select { padding: 5px 33px 5px 5px !important; }
div.ui-timepicker-div select.ui-timepicker-select::-ms-expand { display: none; }
div.ui-timepicker-div > dl { margin: 0 !important; }
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}
.fancybox-skin {
position: relative;
background: #f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.fancybox-opened {
z-index: 8030;
}
.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
position: relative;
}
.fancybox-inner {
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url('/images/fancybox_sprite.png');
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url('/images/fancybox_loading.gif') center center no-repeat;
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url('/images/blank.gif'); /* helps IE */
-webkit-tap-highlight-color: rgba(0,0,0,0);
z-index: 8040;
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}
.fancybox-prev span {
left: 10px;
background-position: 0 -36px;
}
.fancybox-next span {
right: 10px;
background-position: 0 -72px;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
overflow: hidden !important;
width: auto;
}
.fancybox-lock body {
overflow: hidden !important;
}
.fancybox-lock-test {
overflow-y: hidden !important;
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url('../images/fancybox_overlay.png');
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
}
/* Title helper */
.fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent; /* Fallback for web browsers that doesn't support RGBa */
background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
padding-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .8);
}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url('/images/fancybox_sprite@2x.png');
background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
}
#fancybox-loading div {
background-image: url('/images/fancybox_loading@2x.gif');
background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
}
}
/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS:
1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited).
2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar.
3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars.
5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars.
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/*
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
.mCustomScrollBox{ /* contains plugin's markup */
position: relative;
overflow: hidden;
height: 100%;
max-width: 100%;
outline: none;
direction: ltr;
}
.mCSB_container{ /* contains the original content */
overflow: hidden;
width: auto;
height: auto;
}
/*
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container{ margin-right: 10px; }
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
margin-right: 0;
margin-left: 30px;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */
.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
position: absolute;
width: 16px;
height: auto;
left: auto;
top: 0;
right: 0;
bottom: 0;
}
.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
right: auto;
left: 0;
}
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: auto;
}
.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }
.mCSB_scrollTools .mCSB_draggerRail{
width: 2px;
height: 100%;
margin: 0 auto;
-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
}
.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
cursor: pointer;
width: 100%;
height: 30px; /* minimum dragger height */
z-index: 1;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
position: relative;
width: 4px;
height: 100%;
margin: 0 auto;
-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
text-align: center;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
display: block;
position: absolute;
height: 20px;
width: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer;
}
.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }
/*
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container{
margin-right: 0;
margin-bottom: 30px;
}
.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }
.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal{
width: auto;
height: 16px;
top: auto;
right: 0;
bottom: 0;
left: 0;
}
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 2px;
margin: 7px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
width: 30px; /* minimum dragger width */
height: 100%;
left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 4px;
margin: 6px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
height: 12px; /* auto-expanded scrollbar */
margin: 2px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
height: 8px; /* auto-expanded scrollbar */
margin: 4px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
display: block;
position: absolute;
width: 20px;
height: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }
/*
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS
yx-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper{
position: absolute;
height: auto;
width: auto;
overflow: hidden;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin-right: 30px;
margin-bottom: 30px;
}
.mCSB_container_wrapper > .mCSB_container{
padding-right: 30px;
padding-bottom: 30px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }
/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }
/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }
/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }
/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }
.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
margin-right: 0;
margin-left: 30px;
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; }
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; }
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
margin-right: 0; /* non-visible scrollbar */
margin-left: 0;
}
/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }
/*
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s,
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out;
-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s,
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out;
-o-transition: width .2s ease-out .2s, height .2s ease-out .2s,
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out;
transition: width .2s ease-out .2s, height .2s ease-out .2s,
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out;
}
/*
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
------------------------------------------------------------------------------------------------------------------------
*/
/*
----------------------------------------
6.1 THEMES
----------------------------------------
*/
/* default theme ("light") */
.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }
.mCSB_scrollTools .mCSB_draggerRail{
background-color: #000; background-color: rgba(0,0,0,0.4);
filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)";
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.75);
filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)";
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.85);
filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)";
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.9);
filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)";
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
background-image: url(mCSB_buttons.png); /* css sprites */
background-repeat: no-repeat;
opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)";
}
.mCSB_scrollTools .mCSB_buttonUp{
background-position: 0 0;
/*
sprites locations
light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
*/
}
.mCSB_scrollTools .mCSB_buttonDown{
background-position: 0 -20px;
/*
sprites locations
light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
*/
}
.mCSB_scrollTools .mCSB_buttonLeft{
background-position: 0 -40px;
/*
sprites locations
light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
*/
}
.mCSB_scrollTools .mCSB_buttonRight{
background-position: 0 -56px;
/*
sprites locations
light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
*/
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }
/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }
.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }
.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }
.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }
.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
/* ---------------------------------------- */
/* theme: "light-2", "dark-2" */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
width: 4px;
background-color: #fff; background-color: rgba(255,255,255,0.1);
-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width: 4px;
background-color: #fff; background-color: rgba(255,255,255,0.75);
-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 4px;
margin: 6px auto;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; }
/* theme: "dark-2" */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
background-color: #000; background-color: rgba(0,0,0,0.1);
-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #000; background-color: rgba(0,0,0,0.75);
-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; }
/* ---------------------------------------- */
/* theme: "light-thick", "dark-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
width: 4px;
background-color: #fff; background-color: rgba(255,255,255,0.1);
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width: 6px;
background-color: #fff; background-color: rgba(255,255,255,0.75);
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 4px;
margin: 6px 0;
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 6px;
margin: 5px auto;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; }
/* theme: "dark-thick" */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
background-color: #000; background-color: rgba(0,0,0,0.1);
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #000; background-color: rgba(0,0,0,0.75);
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; }
/* ---------------------------------------- */
/* theme: "light-thin", "dark-thin" */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 2px;
margin: 7px auto;
}
/* theme "dark-thin" */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
/* ---------------------------------------- */
/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }
.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width: 14px;
margin: 0 1px;
}
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
height: 14px;
margin: 1px 0;
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
width: 16px; /* auto-expanded scrollbar */
height: 16px;
margin: -1px 0;
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ }
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
height: 16px; /* auto-expanded scrollbar */
width: 16px;
margin: 0 -1px;
}
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
height: 4px; /* auto-expanded scrollbar */
margin: 6px 0;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }
.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }
.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }
.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; }
/* theme "rounded-dark", "rounded-dots-dark" */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; }
/* theme "rounded-dots", "rounded-dots-dark" */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
background-color: transparent;
background-position: center;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
background-repeat: repeat-y;
opacity: 0.3;
filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)";
}
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
height: 4px;
margin: 6px 0;
background-repeat: repeat-x;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; }
/* theme "rounded-dots-dark" */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }
/* ---------------------------------------- */
/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-repeat: repeat-y;
background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
}
/* theme "3d", "3d-dark" */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }
.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools{
opacity: 1;
filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)";
}
.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: 16px; -moz-border-radius: 16px; border-radius: 16px; }
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
width: 8px;
background-color: #000; background-color: rgba(0,0,0,0.2);
box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 8px;
margin: 4px 0;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 8px;
margin: 4px auto;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
/* theme "3d-dark" */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
background-color: #000; background-color: rgba(0,0,0,0.1);
box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; }
/* ---------------------------------------- */
/* theme: "3d-thick", "3d-thick-dark" */
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools{
opacity: 1;
filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)";
}
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }
.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }
.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
bottom: 1px;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
width: 12px;
margin: 2px;
position: absolute;
height: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
height: 12px;
width: auto;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
background-color: #000; background-color: rgba(0,0,0,0.05);
box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
/* theme: "3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
background-color: #fff; background-color: rgba(0,0,0,0.05);
box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; }
/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
right: 0;
margin: 12px 0;
}
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
bottom: 0;
margin: 0 12px;
}
/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
left: 0;
right: auto;
}
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.2);
filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)";
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.5);
filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)";
}
/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #000; background-color: rgba(0,0,0,0.2);
filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)";
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background-color: #000; background-color: rgba(0,0,0,0.5);
filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)";
}
/* ---------------------------------------- */
/* theme "light-3", "dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
width: 6px;
background-color: #000; background-color: rgba(0,0,0,0.2);
}
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 6px;
margin: 5px 0;
}
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
width: 12px;
}
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
height: 12px;
margin: 2px 0;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
/* theme "dark-3" */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; }
/* ---------------------------------------- */
/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
width: 12px;
background-color: #000; background-color: rgba(0,0,0,0.2);
}
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width: 6px;
margin: 3px 5px;
position: absolute;
height: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
height: 6px;
margin: 5px 3px;
position: absolute;
width: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 12px;
margin: 2px 0;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; }
/* theme "inset-2", "inset-2-dark" */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
background-color: transparent;
border-width: 1px;
border-style: solid;
border-color: #fff;
border-color: rgba(255,255,255,0.2);
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); }
/* theme "inset-3", "inset-3-dark" */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
/* ---------------------------------------- */
.smart-select {
background: none !important;
border: none !important;
position: relative;
}
.smart-select-wrap {
width: 100% !important;
height: 100% !important;
position: absolute;
top: 0;
left: 0;
}
.smart-select-choose {
width: 100% !important;
height: 100% !important;
background: #FFF url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAnCAYAAAAcsCj6AAABfUlEQVRYhe3VzUoCURQH8PMaQr1EbWrvmFFPUBAt1ByjXVEP4C2EJCgfIBKCIMW6F51JpFWQtAsjxCBGk+sHWvQ1CelpNX1AxYAzF4T5w3/9W5x7zgUAgKV0a0hmtbjMeDtIOVrcF5lxZVFpjgAAQCDRdAUZr9gA/SzjupyujUEgWY7Zjn2itTz4k+WiMJByBH+irDmgAzpg32CIcbyo6ris1sWAmdIzIiIWGm8o2w1un7exh19JXT/aB65m6/jU6eL3dHuIm2ct68EQ41hqdfC33OvvpudpGjTm9leuTM5zMNbCAQcTVMy8UmYh+N8ePuhdXDmxeA+DlONatiHu0hjdEXlLjRpXx+x16RsU/h/2Uwe0HvQd3ooFZ3YvhYHzBzcIkxFV8yU127GF4ypOb50iuAnVvBEVZ/cKGEjdWQ8dVXFuv4hT0Ry6wxRBIjTmDlMUUYmwPEwQxSURVrEfZLp3PTMOAACeqDosERaXCGtbDhH6KhGmeDbYKADABzY2vCB6sS0AAAAAAElFTkSuQmCC) no-repeat right center !important;
border: 1px solid #888;
color: #444;
font-size: 16px;
padding: 8px 40px 4px 12px;
margin: 0;
text-align: left;
cursor: pointer;
position: relative !important;
overflow: hidden;
word-break: break-all;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}
.smart-select-choose.active {
border-color: #66afe9 !important;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6) !important;
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102,175,233,0.6) !important;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6) !important;
}
.smart-select-drop {
width: 100%;
display: none;
position: absolute;
top: 38px;
left: 0;
z-index: 1000;
box-shadow: 0 1px 4px 0 #888;
-moz-box-shadow: 0 1px 4px 0 #888;
-webkit-box-shadow: 0 1px 4px 0 #888;
}
.smart-select-search {
width: 100%;
height: 37px !important;
background-color: #c6d8ed;
border: 6px #c6d8ed solid !important;
font-size: 15px !important;
text-align: left;
padding: 3px 8px !important;
position: static !important;
float: none;
border-radius: 0 !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
}
input.smart-select-search:focus {
border-color: #c6d8ed !important;
box-shadow: none !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
}
.smart-select-list {
width: 100%;
max-height: 281px;
background-color: #c6d8ed;
border-top: 1px solid #c0c0c0;
text-align: left;
position: static !important;
overflow-x: hidden;
overflow-y: auto;
}
.smart-select-list > .smart-select-item {
border-bottom: 1px solid #c0c0c0;
padding: 3px 8px;
cursor: pointer;
position: relative;
}
.smart-select-list > .smart-select-item:hover {
background-color: #9BBADD;
}
.smart-select-list > .smart-select-empty {
border-bottom: 1px solid #c0c0c0;
color: #666;
font-style: italic;
padding: 5px 10px;
position: relative;
}
.input-clear-wrap {
position: relative;
display: inline;
}
.input-clear-wrap input[type=text] {
padding-right: 32px !important;
}
.input-clear-wrap div {
width: 24px;
/* background: url(../img/delete.png) no-repeat right center; */
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAKdJREFUSIntkykWAjEQBX9hmVjugEJxFPYzYdgEB0Cy3YF7IaDfi4DQmQkYpnxX5XUSqeUv6QFLSWTMBGAvqeMdGAErZyQAV0mDjAO5I7XlxjgRaSxPRQJwKSGPI+tnpCotNybADjh/Qy491nIDDsp7wm65XegU2JaMvNp5sUiV2PmsaaQCTm/kcWRTJ+KRG/PcSBc4OuXGIvonnwOS+hlyY+gNtPyWO8VVGZjwzDi0AAAAAElFTkSuQmCC) no-repeat right center;
opacity: 0.6;
position: absolute;
top: 0;
right: 0;
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;
}
.input-clear-wrap div:hover {
opacity: 1;
}
input[type=checkbox].switcher {
display: none;
}
.switcher-wrap {
width: 78px;
height: 38px;
margin-bottom: 4px;
position: relative;
cursor: pointer;
}
.switcher-wrap span {
width: 100%;
height: 100%;
background: #FFF0F0;
border: 1px solid #888;
display: block;
position: absolute;
top: 0;
left: 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.switcher-wrap div {
width: 38px;
height: 36px;
background: #68b3e7 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABL0lEQVQ4jb2TsWoCURBFXVEIWAUU8gkpVhCxT7NNwMYthCgYP0UbsRAEv0wQAv6BkrAmXUKKk+YWo76XfSvowMJjZu6ZGWa2VLqlAVWgA6RAD2gDlUtAD8AK+OTcMmAJNEJhzxIBrIEJMACGwBTYKPYOJCGwX+ADSP/J66vojxeqMTPBHgMmiYGDOq27ElYaxduZQ/MizeI0UNUC1qEw6SLgTV2WbaCjSpMiQGln0jatM5VzEAipmfertF2b0JNzGAi8M++xC9iWcxoCPIHPpY2ts6KT2RSERcAW2B8tRcGlKvULAEfSzF3BhtafHbXvh7WAL2AH3PuSEv1OBx1t5BlzJNg38JRXOVGn6GhnOo2xFrBVbJcLM9A6sDBga3uB3WPmgMtAE+jqi8+2eW37A5jQ9s5WDI/SAAAAAElFTkSuQmCC) center center no-repeat;
border: 1px solid transparent;
border-bottom: #4484b3 3px solid;
color: #FFF;
font-size: 16px;
padding: 8px 8px 7px;
margin: 0;
outline: none;
display: inline-block;
position: absolute;
top: 1px;
left: 1px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
transition: all 0.1s ease-in-out 0s;
-webkit-transition: all 0.1s ease-in-out;
-webkit-transition-delay: 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
}
.switcher-wrap input[type=checkbox]:checked + span {
background: #F0FFF0;
}
.switcher-wrap input[type=checkbox]:checked + span + div {
left: 39px;
}