/* PVBLOCK: Таблица позиций заказа */
/* Таблица, у которой для некоторых столбцов задана фиксированная ширина, а другие столбцы занимают */
/* все доступное место. Текст всегда в одноу строку. Если не помещается в клетке, то добавляется троеточие. */
.pv_table_with_cell_ellipsis td{
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* крестик удаления услуги на странице заказа */
.lsa1_inline_deletelink{
    background: url(/static/admin/img/inline-delete.svg) 0 0 no-repeat;
    width: 16px;
    height: 16px;
    border: 0px none;
    display: inline-block;
}
.lsa1_inline_deletelink_td:hover{
    background-color: #f2dede;
}
.lsa_izd_data_row td{
}


#pv_reset_css .lsa_izd_error_row td{
    border-top: none;
    padding: 0px;
}
.lsa_izdel_erorr_block{
    padding: 0px 5px 5px 45px;
    color: red;
    position: relative;
    top: -3px;
}
#pv_reset_css .isot-has-error {
    color: red; /*Это чтобы текст в поле цена тоже становился красным */
}
#pv_reset_css .isot-has-error input {
    border: 1px solid red;
    color: red;
}
#pv_reset_css .isot-has-error input:focus {
    border: 1px solid red;
}
#pv_reset_css .isot-has-error input:hover {
    border: 1px solid red;
}
#pv_reset_css .isot-has-error select {
    border: 1px solid red;
    color: red;
}
#pv_reset_css .isot_error_text_under_field {
    color: red;
    white-space: normal;
}


.lsa1_chorder_select{
    height: 75px;
    white-space: normal;
}
.lsa_chorder_izdelie_width{
    width: 300px;
}
@media(max-width: 1200px){
    .lsa_chorder_izdelie_width{
        width: 240px;
    }
}

#pv_reset_css .lsa1_chorder_item_top_padding{
    padding-top: 20px;
}

/* Опись изделия */
#pv_reset_css .lsa1_opis_radio_param_name{
    vertical-align: top;
    padding-left: 40px;
    width: 240px;
    text-align: right;
    white-space: normal;
    padding-bottom: 15px;
}
.lsa1_opis_radio_param_group{
    padding-left: 20px;
    margin-bottom: 15px;
}
.lsa1_opis_radio_param_group label{
    font-weight: normal;
    font-size: 100%;
    cursor: pointer;
}
.lsa1_opis_radio_param_group input.radiolist{
    position: relative;
    top: 2px;
    margin-right: 3px;
    cursor: pointer;
}
.lsa1_opis_radio_li{
    float: left;
    width: 33%;
    white-space: normal;
    padding-left: 10px;
    position: relative;
    min-height: 40px;
    cursor: pointer;

    /* Это чтоб не было черных точек и отступы были не сливалось */
    list-style: none;
    margin-right: 5px;
    margin-bottom: 5px;
    padding-right: 5px;
}
.lsa1_opis_radio_li:hover{
    background-color: #d0ecff;
}
.lsa1_opis_radio_li_checked{
    background-color: #dcedc8;
}
.lsa1_opis_radio_li_unchecked{
    background-color: #fff59d;
}
.lsa1_opis_radio_group_unchecked{
    background-color: #fff59d;
}
.lsa1_opis_radio_group_checked{
    background-color: #dcedc8;
}

/* Ш-7552 Полуссылка (подчеркнутая чертой, точками, dashed, dotted) */
.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;
    cursor: pointer;
}
/* Заголовоки в таблице позиций заказа */
.lsa1_chorder_item_caption{
    font-weight: bold;
    padding-bottom: 5px;
}
/* ENDPVBLOCK */


/* На странице зказы - увеличиваем высоту фильтра на 100 пикс чем стандартный */
.scrollable-dropdown-menu{
    max-height: 422px;
}

/* Убираем иконки действий возде foreign-key полей, на карточках, */
/* т.к. криво смотрятся всплывающие окна dab */
/* Ш-7326 */
.controls .related-widget-wrapper-link.change-related{
    display: none;
}
.controls .related-widget-wrapper-link.add-related{
    display: none;
}
/* Это надо чтобы глазик у выпадающих списков был на месте */
/* Пример бага */
/* Было http://pvoytko.ru/jx/MTYQlL2PbL */
/* Стало http://pvoytko.ru/jx/mANImVtDzg */
.controls .related-widget-wrapper{
    display: flex;
}


/* Стиль кнопки смены статуса */
.lsa1_status_button{
    text-overflow: ellipsis;
    overflow-x: hidden;
    padding-right: 25px;
    text-align: left;
}
.lsa1_status_button .caret{
    position: absolute;
    right: 8px;
    top: 12px;
    font-size: 28px;
    border-width: 10px;
}
.lsa1_print_pdf_button{
    padding: 5px;
}


/* Ш-7322 С помощью данного стиля внутри контейнера с css классом pv_light_tooltip
 стандартый тултип бутстрапа станет не на чером фоне, а на светлом
 используется в рзадлее Планов  */
.pv_light_tooltip .tooltip.show {
    opacity: 1;
}
.pv_light_tooltip .tooltip.in {
    opacity: 1;
}
.pv_light_tooltip .tooltip-inner p {
    margin-bottom: 10px;
}
.pv_light_tooltip .tooltip-inner p:last-of-type {
    margin-bottom: 0px;
}
.pv_light_tooltip .tooltip-inner {
    max-width: 350px;
    /* If max-width does not work, try using width instead */
    width: 350px;
    background-color: lightgoldenrodyellow;
    font-size: 15px;
    color: black;
    padding: 15px 15px 15px 15px;
    border-radius: 10px;
    border: 1px solid black;
    text-align: left;

    /* Это исправление бага внутри таблицы подсказка- то стиль от ячейке nowrap переносится */
    /* пример http://pvoytko.ru/jx/kkuB4bO4wu */
    white-space: normal;
}



.lsa_viruchka_detail_link{
    color: black;
    text-decoration: none;
}
.lsa_viruchka_detail_link:hover{
    color: red;
    text-decoration: underline;
    background-color: yellow;
}



/* Ш-7552 Полуссылка (подчеркнутая чертой, точками, dashed, dotted) */
/* Ссылка как связаться */
.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;
}


/* Блок сворачивающийся разворачивающийся Ш-7873 */
.pvl_js_expand_click {
    text-decoration: underline;
}
.pvl_js_expand_click:hover {
    background-color: #f5ffbc;
}
.pvl_js_expand_container .pvl_expand_sign{
    border: 1px solid black;
    width: 1.2em;
    height: 1.6em;
    padding: 1px 3px;
    margin-right: 5px;
}
.pvl_js_expand_container.noactive .pvl_expand_sign.minus{
    display: none;
}
.pvl_js_expand_container.noactive .pvl_expand_sign.plus{
    display: inline-block;
}
.pvl_js_expand_container.active .pvl_expand_sign.minus{
    display: inline-block;
}
.pvl_js_expand_container.active .pvl_expand_sign.plus{
    display: none;
}



/* блок панели */
/* в разделе Журнал СМС или в ячейках чистоматов */
.admin_list_pannel{
    border-radius: 30px;
    border: 6px solid #eeeeee;
    padding: 10px;
    margin-top: 10px;
}


/* Ш-126 Этот стиль для того, чтобы бутстрап окно что всплывает */
/* чтобы этот диалог был по центру а не сверху как в обычном бутрстрап 3 */
/* используется в окне установки статуса куод задан в разделе ячеек чистоматов курьером */
.modal {
    text-align: center;
    padding: 0!important;
}

.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}


/* Ш-126 Переопределяем стили бутсрап диалога на получше - кнопка закрытия получше и заголовок покрупнее */
.lsa1_bootstrap_modal_big_fonts_and_close .close{
    padding: 10px;
    font-size: 40px;
    margin-top: -10px;
    line-height: 25px;
    margin-left: 10px;
    background: #d8e7ff;
    border: 1px solid #6081c1;
    border-radius: 30px;
}
.lsa1_bootstrap_modal_big_fonts_and_close .close:hover{
    background-color: #99e7ff;
    border-radius: 50px;
}

.lsa1_bootstrap_modal_big_fonts_and_close .h4{
    font-size: 20px;
}


/* Убираем иконки действий возде foreign-key полей, на карточках, */
/* т.к. криво смотрятся всплывающие окна dab */
/* Ш-7326 */
/* это для джанго */
.related-widget-wrapper .related-widget-wrapper-link.change-related{
    display: none;
}
.related-widget-wrapper .related-widget-wrapper-link.add-related{
    display: none;
}
.related-widget-wrapper .related-widget-wrapper-link.delete-related{
    display: none;
}
/* а это для djangocms аналог http://pvoytko.ru/jx/l5Cv4fONIL */
.add-another{
    display: none;
}


/* Ш-7227. Ширина поля с названием пункта приёма на карточке чистомата - делаем в ширину, экрана, */
/* без этого поле больше, а с этим правилом ровно в ширину экрана всегда */
/* И на карточке заказа пункт приема */
.related-widget-wrapper select {
    width: 100%;
}


/* Ячейки чистоматов - всплывающее меню */
.cell_popup_menu_item{
    background-color: aliceblue;
    display: block;
    border-radius: 30px;
    margin: 10px 10px 0px 10px;
    padding: 10px 20px;
    border: 1px solid #d7d7ff;
}
/* Ячейки чистоматов */
.cell_popup_menu_item:hover{
    background-color: #b7ebff;
}
.cell_popup_menu_item b{
    color: red;
}




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

/* Это чтоб переопределить бустраповский none из dropdown-menu */
/* сначала пробовал через стиль инлайн display: block но он имеет приоритет перед css классами */
/* в итоге плавной анимации не было а всегда был виден, а мне надо плавную анимацию, */
/* поэтому доп. класс для отмены бустрап */
.lsa_dropdown_menu_bs_hide_cancel{
    display: block;
}


/* Чтоб на карточке закзаа норм выранвивалось на разных ширинах */
@media(min-width: 1200px){
    .md_text_fix_lable_right{
        text-align: right !important;
    }
}
@media(max-width: 1199px){
    .md_text_fix_lable_right{
        text-align: left !important;
    }
}



/* Ш-7360 навигация на карточке заказа - меню и стрелка вверх */
.lsa_go_to_top_panel{
    position: fixed;
    right: 35px;

    /* Тут было 30 я сделал 100 чтоб не было такого перекрытия */
    /* http://pvoytko.ru/jx/NRnQGV6PMF на странице создания заказа */
    /* Было 100 сделал 120 иначе вот закрваем кнопку http://pvoytko.ru/jx/p7RR65iICq */
    bottom: 130px;
    z-index: 999;
}
.lsa_go_to_top_but{
    box-shadow: 2px 3px 4px rgb(0 0 0 / 15%);
    background-color: rgb(197, 234, 255);
    border: 2px solid #b6d4ff;
    border-radius: 10px;
    cursor: pointer;
    padding: 10px;
    text-align: center;
    margin-top: 5px;
}
.lsa_go_to_top_panel a{
    font-size: 17px;
}
.lsa_go_to_top_but:hover{
    background-color: #b0dffa;
}



/* На странице просмотра стакана под плашками загрузки */
/* Ш-7813 синий фон под блоком с надписью Loading */
.sili_loading_pattern {
    border-radius: 20px;
    border: 2px solid #e8e8e8;
    background-color: #d2f5ff;
}
/* Ш-7813 если надо скрыть на момент загрзки страницы */
.sili_loading_display_none{
    display: none;
}
/* Ш-7813 скрыть с плавным показом  */
.sili_loading_opacity_and_display_none{
    display: none;
    transition: opacity 0.5s linear;
    opacity: 0;
}


/* Ш-7381 Сетка для поля формы */
/* Добавляя этот класс к label элементу а так же у родительсвого div */
/* должен быть control-label для правильных отступов */
/* добиваемся того что метки становится текст крупнее приимер */
/* http://pvoytko.ru/jx/qDTvdwaJB4 */
.lsa1_big_field_label{
    margin-top: -3px;
    font-size: 17px !important;
    font-weight: normal;
}



/* Ш-7201 Настройка вида md-button кнопок на проект */
.pvl_mdb_button{
    font-size: 20px !important;;
    line-height: 20px !important;;
}
.pvl_mdb_icon{
    font-size: 30px !important;;
    margin-left: 13px !important;
}
.pvl_mdb_bs3_disabled:disabled, .pvl_mdb_bs3_disabled:disabled:hover{
    background-color: #d4d4d4;
}




/* Ш-8030 - alert сообщения - НАЧАЛО */
.lsa_alert_msg{
    max-width: 470px;
    margin: 0px 0px 0px 0px;
    font-size: 18px;
    line-height: 22px;
    border-radius: 10px;
}
.lsa_alert_big_msg{
    max-width: 470px;
    margin: 26px 0px 20px 0px;
    font-size: 21px;
    line-height: 26px;
    border-radius: 20px;
    padding: 26px;
}
/* Ш-8030 - alert сообщения - КОНЕЦ */



/* Чтобы не слишком большие блоки */
.lsa_max_width_500{
    max-width: 500px;
}

/* Крупный текст нового дизайна на карточке заказа */
.lsa_big_text_600{

    /* Было 17 сделал 18 лучше смоьрится */
    /* на странице СМС Договор строки к оплате */
    font-size: 18px;
    max-width: 600px;
    margin: 15px 0px;
}
/* Тут ограничение по ширине меньше - для карточки заказа ссылки на СМс догвор */
.lsa_big_text_900{

    /* Было 17 сделал 18 лучше смоьрится */
    /* на странице СМС Договор строки к оплате */
    font-size: 18px;
    max-width: 900px;
    margin: 15px 0px;
}


/* Ш-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;
}


.bs5_row_mlr_0{
    margin-left: 0px;
    margin-right: 0px;
}
.bs5_col_plr_0{ 
    padding-left: 0px;
    padding-right: 0px;
}


/* Ш-8021 Таблица на div'ах - НАЧАЛО */

/* Строка в таблице и модификатор - цвет или заголовок */
.l3om_row{

    /* line-height задается у строки */
    /* и у столбца, чтобы по центру по вертикали был текст в строке*/
    /* и не слишком низкие строки, можно потом высоту вынести в отельный класс */
    /* чтоб в разных проектах разную задавать */
    line-height: 38px;

    display: flex;

    /* Это чтоб курсор был стрелка а не I над таблицей */
    cursor: default;

    /* Это для позиционирования фона */
    position: relative;

    max-width: 700px;
    margin: 0px 0px;
}

/* фоновая подсветка строки - везде не видна а видна только при наведении или где заявки есть */
.l3om_bg_on_hover{

    display: block;
    opacity: 0;
    transition: opacity 0.3s linear;

    position: absolute;
    top: 0px;
    bottom: 2px;
    left: 0px;
    right: 0px;
    border-radius: 20px;

    /* Это что бтекст был над подсветкой фонова строки */
    z-index: 0;
}
.l3om_row_m_hover:hover .l3om_bg_on_hover_dblue{
    opacity: 1;
    background: linear-gradient(270.21deg, #6f82be 0.18%, #898ccc 143.45%);
}
.l3om_row_m_hover:hover .l3om_bg_on_hover_yellow{
    opacity: 1;
    background: linear-gradient(270.21deg, #f9ff71 0.18%, #f9dc49 143.45%);
}

.l3om_col_common{

    /* line-height задается у строки */
    /* и у столбца, чтобы по центру по вертикали был текст в строке*/
    /* и не слишком низкие строки, можно потом высоту вынести в отельный класс */
    /* чтоб в разных проектах разную задавать */
    line-height: 38px;

    /* первый столбец убираем оступ слева */
    /* последний столбец убираем оступ справа */
    /* padding-right: 10px; */

    /* Это для троеточие и подсказки */
    /* UPD 06.09.2023 overflox-x hiddend закоменчено т.к. из-за этого подсказка */
    /*     и не всплывала например на lsa1_b заказ 90079 на карточке админки  */
    /*     при наведении на позиции просмотр http://pvoytko.ru/jx/mBM1Ak105B */
    /* overflow-x: hidden; */
    text-overflow: ellipsis;
    white-space: nowrap;

    /* Это чтоб текст был над подсветкой фонва строки */
    position: relative;
    z-index: 2;

    /* Это чтоб не сливалось подсветка и текст на мобильном */
    /* пример бага http://pvoytko.ru/jx/YeMOlHPKdK */
    padding-left: 10px;
}

/* Кнопка редактирования в таблице учета займов */
.mduz_edit_handle{
    border-radius: 20px;
    position: relative;
    top: -1px;
    color: #8a8a8a;
    cursor: pointer;
    width: 60px;
    white-space: nowrap;
    text-align: center;
}

.mduz_edit_handle:hover{
    background-color: #ffbf00;
    color: red;
}

/* Ш-8021 Таблица на div'ах - КОНЕЦ */




/* Ш-7552 Полуссылка (подчеркнутая чертой, точками, dashed, dotted) */
.evge_half_link_blue_bg{
    color: #3498db;
    border-bottom: 1px dashed #3498db;
    font-size: 21px;
    text-decoration: none;
    cursor: pointer;
}
.evge_half_link_blue_bg:hover, .evge_half_link_blue_bg:focus, .evge_half_link_blue_bg:focus:hover{
    text-decoration: none;
    color: #0961c6;
    border-bottom: 1px dashed #0961c6;
}
.evge_half_link_ltgrey{
    color: #b6b6b6;
    border-bottom: 1px dashed #b6b6b6;
    font-size: 21px;
    text-decoration: none;
    cursor: pointer;
}
.evge_half_link_ltgrey:hover, .evge_half_link_ltgrey:focus, .evge_half_link_ltgrey:focus:hover{
    text-decoration: none;
    color: #0961c6;
    border-bottom: 1px dashed #0961c6;
}
.evge_half_link_grey{
    color: #777777;
    border-bottom: 1px dashed #777777;
    font-size: 21px;
    text-decoration: none;
    cursor: pointer;
}
.evge_half_link_grey:hover, .evge_half_link_grey:focus, .evge_half_link_grey:focus:hover{
    text-decoration: none;
    color: #0961c6;
    border-bottom: 1px dashed #0961c6;
}
.evge_half_link_blue_nm{
    color: #3498db;
    border-bottom: 1px dashed #3498db;
    text-decoration: none;
    cursor: pointer;
}
.evge_half_link_blue_nm:hover, .evge_half_link_blue_nm:focus, .evge_half_link_blue_nm: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;
}



/* Ш-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 Стрелка вниз в главном меню - КОНЕЦ */


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


/* Ш-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 Подсветка области при наведении - КОНЕЦ */


/* Это на карточке заказа крупнее метки делаем иначе в новой джанге */
/* (lsa1_nn) они очень мелкие, тут http://pvoytko.ru/jx/jRAA5Ix45m*/
/* И более компактно делаем убираем отступ снизу */
.controls label{
    font-size: 15px;
    color: #666;
    margin-bottom: 0px
}

/* Без этого в разделе "Опись изделий" уж очень мелкий текст почему-то */
/* в полях ввода */
.form-row input{
    font-size: 16px;
}
.form-row textarea{
    font-size: 16px;
}



/* Ш-7451 копировать в буфер - в экспорте товаров используется */
.wo_referral_link{
    color: #428bca;
    text-decoration: none;
    cursor: pointer;
    font-size: 16px;
    line-height: 40px;
}
.wo_referral_link span{
    border-bottom: 1px dashed #428bca;
}
.wo_referral_link:hover{
    color: #2a6496;
    text-decoration: none;
}
.wo_referral_link:hover span{
    border-bottom: 1px dashed #2a6496;
}
.wo_referral_text {
    color: lightgray;
    margin: 0px;
    padding: 0px 0px;
    font-size: 14px;
}


/* Большая зеленая кнопка на странице получения кода доступа */
.sms_code_access_btn{
    padding: 15px;
}


/* На странице создания заказа */
/* При ошибке в полях размера */
/* Отступы для блока*/
.lsa_size_fields_label{
    width: 150px;
    margin-right: 10px;
    text-align: right;
    margin-top: 5px;
}
.lsa_size_fields_error{
    margin-left: 20px;
    max-width: 220px;
    text-align: right;
    margin-bottom: 10px;
}


/* Жёлты цвет заголовков на карточке заказа */
legend{
    background-color: #ffff89;
}



/* Ш-7226 Для директивы элемента с тултипом при наведении pv-tooltip-directive2 */
/* hover надо чтобы на evge_half_link_green норм отображалось тоже толстое */
.pvl_border_bottom_dotted_tooltip, .pvl_border_bottom_dotted_tooltip:hover{
    border-bottom: 3px dotted #bcbcbc;
}


/* Ш-91 Троеточие если не помещается в колонку pvl_ellipsis, pvl_elipsis */
/* (оба написания для поиска) */
.pvl_ellipsis{
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
}


/* Ш-380 Пример 7 - подсветка цветом поля на карточке модели НАЧАЛО */

/* Подсветка поля отмены на карточке заказа*/
/* чтоб не склеивалось пример http://pvoytko.ru/jx/LwKMX3bZBI */
/* ещё пример http://pvoytko.ru/jx/N7hmN0CNkm */
.lsa1_model_field_background{
    margin-left: 5px;
    margin-right: 20px;
}
.lsa1_model_field_background .form-group{
    background-color: white;
    border-radius: 20px;
}
.lsa1_model_field_background .form-group{
    padding-top: 5px;
    padding-bottom: 8px;
}
.lsa1_model_field_background .control-label{
    left: -10px;
}
.lsa1_model_field_background .controls{
    left: -10px;
}
.lsa1_model_field_background_m_red .form-group{
    background-color: #ffd3d3;
}
.lsa1_model_field_background_m_yellow .form-group{
    background-color: #fdffab;
}
.lsa1_model_field_background_m_light_yellow .form-group{
    background-color: #fff7e6;
}
.lsa1_model_field_background_m_green .form-group{
    background-color: #c4ffd3;
}
.lsa1_model_field_background_m_light_green .form-group{
    background-color: #deffdc;
}

/* Ш-380 Пример 7 - подсветка цветом поля на карточке модели КОНЕЦ */



/* На странице Мои заявки надпись сделано -не сделано основной класс */
/* и два модоифкатора*/
.md_imz_done_status{
    margin-left: 30px;
    margin-top: 15px;
    padding: 5px 10px;
    border-radius: 10px;
}
.md_imz_done_status_red{
    color: red;
    background-color: #ffeaea;
}
.md_imz_done_status_green{
    color: green;
    background-color: #d7ffd6;
}
.md_imz_done_status_grey{
    color: #8b8b8b;
    background-color: #e7e7e7;
}
.md_imz_done_status_yellow{
    color: #736d00;
    background-color: #fffcdb;
}


.lsa1_step_pannel{
    border-radius: 23px;
    border: 2px solid transparent;
    padding: 15px 15px 0px 15px;
    margin-top: 10px;
}

.lsa1_step_pannel_m_active{
    background-color: #f5feff;
    border-color: #c6c6ff;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

/* модификатор повернуть стрелку вправо,  */
.lsa1_step_pannel_m_active .md_arrow_right{
    transform: rotate(45deg);
}


/* На мобильном отсуп делаем не 15 а 5 точек */
@media(max-width: 600px){
    .pvl_container_fluid_m_mobile_fix{
        padding: 0px 5px
    }
}



/* цветад ля ссылок на странице СМС договор */
.lsa1_file_link_pdf{
    color: maroon;
}
.lsa1_file_link_excel{
    color: green;
}
.lsa1_file_link_word{
    color: #6e6ec7;
}


/* Звезды на странице оценки у админа, и на странице СМС-Договор */
.lsa1_star5{
    color: #ddd8a6;
}
.lsa1_star5_nohover{
    color: #ddd8a6;
}
.lsa1_star5:hover{
    opacity: 0.7;
}
.lsa1_star5_m_green{
    color: #4caf50;
}
.lsa1_star5_m_yellow{
    color: #ffc107;
}
.lsa1_star5_m_lgreen{
    color: #cddc39;
}
.lsa1_star5_m_red{
    color: #e91e63;
}
.lsa1_star5_m_orange{
    color: #ff5722;
}

{# Это внешний контейнер заадем размер звезд #}
{# на моибльном чуть меньше и осттупы между ними #}
.lsa1_star_cont{
    font-size: 50px;
    letter-spacing: 10px;
}
@media(max-width: 600px){
    .lsa1_star_cont{
        font-size: 40px;
        letter-spacing: 5px;
    }
}


/* Подсветка текущего сервера на странице супер босса */
.pvkc_purple_bg_no{
    border-radius: 15px !important;
    border: 5px solid transparent;
}
.pvkc_purple_bg_yes{
    border-radius: 15px;
    border: 5px solid #ff8dff;
    background-color: #ffd8ff;
}






/* Ш-7893 пример 4 Меню главное на всех страницах */
/* на узком делаем в 2 строки анче не влазит */
.md_menu_container{
    display: flex;
    justify-content: space-between;
    max-width: 600px;
    margin: 0px auto;
    letter-spacing: -0.5px;

    /* Это чтоб не прилипало к боку http://pvoytko.ru/jx/aLi4anTqhl */
    padding: 0px 10px;
}
@media (max-width: 550px){
    .md_menu_container{
        flex-wrap: wrap;
        justify-content: center;
    }
}
/* Фон пункта меню */
.md_top_menu_item_bg{
    background-color: #ffffff63;
    padding: 15px;
    border-radius: 20px;
    cursor: pointer;
    white-space: nowrap;
    border: 2px solid #b9b9b9;

    /* иначе при клике курсор показывается у стрелки */
    user-select: none;
    transition: background 0.3s linear;

    text-align: left;

    /* Это чтоб не сливалось так http://pvoytko.ru/jx/uNc3jWl66W */
    margin: 5px;
}
@media (max-width: 550px){
    .md_top_menu_item_bg{
        min-width: 170px;
        width: 170px;
        justify-content: center;
    }
}
.md_top_menu_item_green{
    /*background-color: #b2ff9f63;*/
    border: 2px solid #5aee35;
}

/* при наведении на пункт меню - подсвчечиваем полу-ссылки в нём и стрелку */
.md_top_menu_item_bg .evge_half_link_blue_bg{
    color: #0d6efd;
    border-bottom: 1px dashed #0d6efd;
}
.md_top_menu_item_bg:hover .evge_half_link_blue_bg{
    color: #0961c6;
    border-bottom: 1px dashed #0961c6;
}
.md_top_menu_item_bg:hover .md_arrow_bottom{
    border-color: #0961c6;
}

/* Активный пункт - белый фон и видимое подменю делаем а иначе оно скрыто */
.md_top_menu_item_active{
    background-color: #90cdf1 !important;
    border-radius: 10px;
}
.md_top_menu_item_clickable_zone{
    cursor: pointer;
    border-radius: 10px;
}
/* Иконки скрываем от 450 и менее т.к. нехватает места */
/* пример http://pvoytko.ru/jx/CsxtoUQYbl */
.md_mm_icon_less_501{
    margin-right: 5px;
}
.md_arrow_bottom{
    margin-left: 5px;
}
@media (max-width: 550px){
    .md_mm_icon_less_501{
        margin-right: 0px;
        /*display: block;*/
        /*text-align: center;*/
    }
    .md_arrow_bottom{
        margin-left: 2px;
    }
}


.md_main_submenu{
    position: absolute;
    flex-direction: column;
    top: 100%;
    left: 0%;
    background-color: white;
    border-radius: 10px;
    margin-top: 3px;
    box-shadow: 5px 8px 7px rgb(0 0 0 / 45%);
    padding: 10px 0px;

    /* Так реализуется плавность открытия подменю */
    opacity: 0;
    transition: opacity 0.3s linear;
    display: none;

    /* без этого меню назежает например на стр профиля http://pvoytko.ru/jx/oIZ24AHHSc */
    /* UPD при значении 1 наезает под слайдеры почему-то а при 2 нет http://pvoytko.ru/jx/C2f2YSrX4H */
    /* UPD при значении 2 наезает на форме подачи зяавки http://pvoytko.ru/jx/7N9IAOSlMi а при 3 нет */
    z-index: 3;
}
.md_top_menu_item_active .md_main_submenu{
    display: flex;
    opacity: 0;
}

/* Подпункты - обычные и неактивные */
.md_top_submenu_item_base{
    margin: 0px 0px;
    font-size: 20px;
    padding: 14px 14px;
    border-radius: 10px;
    border: none;
}
.md_top_submenu_item_disabled{
    color: #9c9c9c;
}
.md_top_submenu_item_disabled:hover{
    color: #4c4c4c;
}
.md_top_submenu_item_normal{
    color: #0d6efd;
}
.md_top_submenu_item_normal:hover{
    background-color: #cef7ff;
    color: #0961c6;
}


/* Отработанный заказ */
.lsa1_chorder_list_otrab_row{
    background-color: #e7e7e7 !important;
    background-image: -webkit-linear-gradient(#f5f5f5, #e5e5e5) !important;
    opacity: 0.4;
}
.lsa1_chorder_list_active_row{
    background-color: #e7e7e7 !important;
    background-image: -webkit-linear-gradient(#d5ffd3, #f5fff4) !important;
}


/* В журнале СМС подсветка цветом */
.lsa1_sms_status_is_bad{
    color: white;
    background-color: #ff8b8b;
    border-radius: 9px;
}
.lsa1_sms_status_is_good{
    color: green;
}
.lsa1_sms_status_is_middle{
    color: white;
    background-color: #c1cc73;
    border-radius: 9px;
}


.lsa1_send_message_type_selected_sms{
    color: #78c785 !important;;
}
.lsa1_send_message_type_selected_tg{
    color: #2d92ee !important;
}


/* Фон блока под договором на странице СМС-Договор*/
.lsa1_view_order_link_block{
    background-color: lightgoldenrodyellow;
    transition: 0.15s linear all;
    border-radius: 15px;
    padding: 30px;
}
/* На мобильном меньше отступы делеам */
@media(max-width: 600px){
    .lsa1_view_order_link_block{
        padding: 15px 5px;
    }
}