/* Ссылка "Доступы" на странице планы или в разделе "Клиенты" у сотурднка */
.pv_dostupy_block {
    border: 1px solid #ddefff;
    padding: 13px;
    font-size: 16px;
    display: inline-block;
}


/* Верстка в 2 столбца по центру. Ш-7440 */
.face_vert_centered_block:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em; /* Adjusts for spacing */
}
.face_vert_centered {
    display: inline-block;
    vertical-align: middle;
}


/* Материал дезайн делает ссылки яркими, возвращаем к бутстрап цвету более темному */
a {
    color: #428bca;
}

/* Подсветка посещенных сслок */
.ipsl_link:visited{
    color: darkgreen;
}



/* Отображение шаблона в общем файле шаблонов или с карточки с админки на индивидуальной странице */
.pv_shab_row{
    position: relative;

    /* Это чтобы в моб. версии на ширину экрана было а не на пять, исправил 18.01.2021 */
    /*width: 800px;*/

    min-height: 1em; /* Это чтобы дивы с пустым текстом не схлопывались */
}
.pv_shab_row_selected{
    background-color: #ffde7b; /* Это подсветка при клике на строку */
}
.pv_shab_parent_selected{
    background-color: #f9ffc9; /* Это подсветка при клике на строку */
}
.pv_shab_row_options{
    display: none;
}
.pv_shab_row_selected .pv_shab_row_options{ /* Троеточие у активной строки в рдектировании шаблонов */
    display: block;
    position: absolute;
    left: -2px;
    top: -3px;
    cursor: pointer;
    font-weight: bold;
    color: blue;
    padding: 0px 7px 9px 7px;
    line-height: 18px;
    font-size: 18px;
    border-radius: 8px;
    z-index: 1;
}
.pv_shab_row_selected .pv_shab_row_options:hover{
    background-color: #ffb300;
}
.pv_shab_bullet{
    position: absolute;
    left: -10px;
    width: 15px;
    height: 15px;
    top: 2px;
    font-weight: bold;
}
.pv_shab_bullet:before{
    content: "\0025aa";
}


/* Див, который обрмаляет кавычки в планах и в отчетах, цветом подкрашивает */
.pv_pl_rep_quotes {
    display: inline;
    color: #ce29b8;
}


/* Ш-7552 */
.put2_dotted{
    text-decoration: none;
    border-bottom: 1px dashed #428bca;
    cursor: pointer;
}
.put2_dotted:hover, .put2_dotted:focus{
    text-decoration: none;
    border-bottom: 1px dashed #2a6496;
}
.put2_dotted_red{
    text-decoration: none;
    cursor: pointer;
    border-bottom: 1px dashed #ff6666;
    color: #ff6666;
}
.put2_dotted_red:hover, .put2_dotted_red:focus{
    text-decoration: none;
    border-bottom: 1px dashed red;
    color: red;
}



/* Строки где открыт клиент - подсвеичиваются желтым */
/* На странице клиентов или на странице просмора этапа  */
#pv_body_id_reset_css .pv_yellow_highlighted td{
    background-color: rgba(255, 241, 117, 0.63);
}
#pv_body_id_reset_css .pv_yellow_highlighted_on_hover tr:hover td{
    background-color: rgba(255, 241, 117, 0.63);
}
#pv_body_id_reset_css .pv_table_noborder td{
    border: 0px;
}


/* Текст ошибки в форме установки УРЛ доступов у менеджера */
.isot-has-error {
    color: red;
}
.isot-has-error input {
    border: 1px solid red;
    color: red;
}
.isot-has-error input:focus {
    border: 1px solid red;
}
.isot-has-error input:hover {
    border: 1px solid red;
}
.isot-error-block {
    color: red;
}


/* PVBLOCK: Лендинг-кнопка на главной */
.btn_land_button_yellow,
.btn_land_button_yellow:focus
{
    border-radius: 27px;
    background-color: #FFEB3B;
    border: 1px solid #FFC107;
    padding: 10px 16px;
    font-weight: bold;
    color: #795548;
    margin: 15px 15px 0px 15px;
    transition: all linear 0.1s;
    width: 260px;
    white-space: normal;
    font-size: 17px;
    line-height: 16px;
    display: inline-block;
    text-decoration: none;
    padding-left: 80px;
    text-align: left;
}
.btn_land_button_yellow:hover,
.btn_land_button_yellow:active,
.btn_land_button_yellow:focus:active
{
    background-color: #47a447;
    border: 1px solid #398439;
    color: white;
    text-decoration: none;
}
.btn_land_button_yellow[disabled],
.btn_land_button_yellow[disabled]:hover,
.btn_land_button_yellow[disabled]:active,
.btn_land_button_yellow[disabled]:focus
.btn_land_button_yellow[disabled]:focus:active
{
    border: 1px solid darkblue;
    background-color: #FFF9C4;
    color: #9E9E9E;
    text-decoration: none;
}

/* PVBLOCK: Ссылка "Ответить" в чате с переиской емейл */
/* Ш-7552 Полуссылка (подчеркнутая чертой, точками, dashed, dotted) */
.pcm_email_reply_area a
{
    text-decoration: none;
    border-bottom: 1px dashed #ff6666;
    color: #ff6666;
}
.pcm_email_reply_area:hover a, .pcm_email_reply_area:focus a
{
    text-decoration: none;
    border-bottom: 1px dashed red;
    color: red;
}
.pcm_email_reply_area{
    margin-top: 10px;
    margin-left: 10px;
    cursor: pointer;
    padding: 10px;
    display: inline-block;
    border-radius: 15px;
    transition: all linear 0.1s;
}
.pcm_email_reply_area:hover, .pcm_email_reply_area:focus{
    background-color: #fff59d;
}
.pcm_email_reply_area.pcme_selected,
.pcm_email_reply_area.pcme_selected:hover,
.pcm_email_reply_area.pcme_selected:focus
{
    background-color: #fff306;
}
.pcm_email_reply_area.pcme_selected a,
.pcm_email_reply_area.pcme_selected:hover a,
.pcm_email_reply_area.pcme_selected:focus a
{
    border-bottom: 1px dashed red;
    color: red;
}


/* PVBLOCK: Поле для ввода текста на странице "Переписка" */
.cm_textarea{
    border: 1px solid #94dbfd;
    background-color: #fdffff;
    width: 100%;
    height: 100px;
    padding: 3px;
}
.cm_readonly_textarea{
    border-color: gray;
    background-color: #f1f1f1;
}


/* PVBLOCK: Кнопка "Далее" в разделе "Переписка" */
.pv_na_button{
    padding: 5px;
}


/* PVBLOCK: Таблица "Ждущие клиенты" у дира  */
/* Троеточие если текст не помещается. Ш-7348 */
.pvl_ellipsis{
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
}



/* PVBLOCK: Стиль заголовока на карточке клиенты и в PvaConfig странице  */
.pv_cab_subheader{
    margin-top: 25px;
}


/* Добавив этот класс к элементу, он будет плавно скрываться-раскрываться с ng-show */
/* Взято из https://docs.angularjs.org/api/ng/directive/ngShow */
/* Ш-7512 */
.pv_animate_ng_show.ng-hide {
    opacity: 0;
    transition: all ease-in-out 0.3s;
}
.pv_animate_ng_show.ng-hide-add,
.pv_animate_ng_show.ng-hide-remove {
    transition: all ease-in-out 0.3s;
}


/* Страница "Сообщения под этапом" в админке 2 */
/* Ш-7227. Ширина поля с названием услуги на карточке - делаем во всю шиирну, могут быть длинные названия услуг */
#id_mup_plan {
    width: 100%;
}


/* Убираем иконки действий возде foreign-key полей, на карточках, */
/* в частности на "Сообщения под этапом" в админке 2 */
/* т.к. криво смотрятся всплывающие окна dab */
/* Ш-7326 */
.controls .related-widget-wrapper-link{
    display: none;
}


/* PVBLOCK: Страница "Просмотр этапа" - блок сообщений под */
.pcms_msg_balloon_label{
    position: absolute;
    top: -20px;
    font-size: 13px;
    left: -4px;
    font-weight: bold;
    color: #999;
}
.pcms_msg_balloon_dtm{
    left: 100%;
    position: absolute;
    width: 200px;
    font-size: 13px;
    color: #999;
    padding-left: 20px;
}
.pcms_msg_balloon_my{
    position: relative;
    background-color: #C7EDFC;
    border-radius: 5px;
    padding: 8px;
    margin: 11px;
    margin-top: 25px;
    border: 3px solid transparent;
    margin-right: 200px;
    margin-left: 50px;
}
.pcms_msg_balloon_them{
    position: relative;
    background-color: #f0f4f8;
    border-radius: 5px;
    padding: 8px;
    margin: 11px;
    margin-top: 25px;
    border: 3px solid transparent;
    margin-left: 0px;
    margin-right: 250px;
}
@media (max-width: 950px) {
    .pcms_msg_balloon_my{
        margin-right: 0px;
        margin-left: 50px;
    }
    .pcms_msg_balloon_them{
        margin-left: 0px;
        margin-right: 50px;
    }
    .pcms_msg_balloon_dtm{
        text-align: right;
        right: 0px;
        left: auto;
        top: -20px;
    }
}


/* Ш-7552 Полуссылка (подчеркнутая чертой, точками, dashed, dotted) */
/* Это для открытия чата в таблице клиентов у progaem.ru */
.evge_half_link_blue{
    color: #3498db;
    border-bottom: 1px dashed #3498db;
    font-size: 21px;
    text-decoration: none;
    cursor: pointer;
}
.evge_half_link_blue:hover, .evge_half_link_blue:focus, .evge_half_link_blue:focus:hover{
    text-decoration: none;
    color: #0961c6;
    border-bottom: 1px dashed #0961c6;
}
.evge_half_link_red{
    border-bottom: 1px dashed #ff6666;
    color: #ff6666;
    font-size: 21px;
    text-decoration: none;
    cursor: pointer;
}
.evge_half_link_red:hover, .evge_half_link_red:focus, .evge_half_link_red:focus:hover{
    text-decoration: none;
    color: red;
    border-bottom: 1px dashed red;
}
.evge_half_link_green{
    text-decoration: none;
    color: #27962a;
    border-bottom: 1px dashed #27962a;
    font-size: 21px;
    cursor: pointer;
}
.evge_half_link_green:hover, .evge_half_link_green:focus, .evge_half_link_green:focus:hover{
    text-decoration: none;
    color: #2b542c;
    border-bottom: 1px dashed #2b542c;
}
.evge_half_link_gray{
    text-decoration: none;
    color: darkgray;
    border-bottom: 1px dashed darkgray;
    font-size: 21px;
    cursor: pointer;
}
.evge_half_link_gray:hover, .evge_half_link_gray:focus, .evge_half_link_gray:focus:hover{
    text-decoration: none;
    color: grey;
    border-bottom: 1px dashed grey;
}

/* В таблице "клиентам прогаем" кнопки действий */
.pt_button_action{
    position: relative;
    padding: 5px;
    margin: 2px !important;
    margin-right: 15px !important;;
    display: inline-block;
    width: 150px;
}

/* В шаблоне рактируем то всплывает эта подсказка */
.pv_shab_edit_status{
    position: fixed;
    width: 200px;
    background-color: #c2fbff;
    padding: 5px;
    font-size: 14px;
    border: 3px solid #00cd9e;
    border-radius: 10px;
    transition: opacity 0.5s linear, top 0.5s linear;
    opacity: 0;
    z-index: 9999; /* Это что было выше чем всплывающее меню которое при этом видно на экране*/
    right: 10px;
    /* top: 10px; */ /* Рассчитываетя и устанавливается динамичеки при поазе */
}



/* Ш-8019 Стрелка вниз в главном меню - НАЧАЛО */
.md_arrow_bottom{
    border-right: 3px solid #349fde;
    border-bottom: 3px solid #349fde;
    border-color: #0d6efd;

    transform: rotate(45deg);
    display: inline-block;
    position: relative;
    border-radius: 2px;

    /* это сделано чтоб и на больших и маленьких текстах быол по центру */
    /* пример http://pvoytko.ru/jx/iJpP91mVez */
    top: -0.15em;
    width: 0.5em;
    height: 0.5em;

    /* Плавность анимации при скрытии-открытии */
    transition: transform 0.3s linear;
}
/* модификатор повернуть стрелку вправо,  */
.md_arrow_right{
    transform: rotate(-45deg);
}
/* прописываем чтобы в классе полу-ссылки */
/* evge_half_link_blue_bg она меняла цвет как она при наведении */
/* и была такого же цвета изначально (border-color) */
.evge_half_link_blue_bg .md_arrow_bottom{
    border-color: #3498db;
}
.evge_half_link_blue_bg:hover .md_arrow_bottom{
    border-color: #0961c6;
}
/* Ш-8019 Стрелка вниз в главном меню - КОНЕЦ */



/* Ш-8044 Подсветка области при наведении - НАЧАЛО */
.sili_header_right_block_click {
  cursor: pointer;
  user-select: none;
  padding: 10px;
}
.sili_header_right_block_click:hover {
  background-color: #d0ecff;
  border-radius: 15px;
}
/* Ш-8044 Подсветка области при наведении - КОНЕЦ */


/* Ш-7873 Панель фильтров скрыта на мобильном изнчально */
.pi_filter_pannel_hide_content{
    display: none;
}