h1{font-family: open_sansregular, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:20px;margin:10px 0;padding:0 0 8px 0;font-weight:normal;border-bottom:3px solid rgb(1, 161, 165);}
.sky-form h1{font-family: open_sansregular, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:20px;margin:10px 0;padding:0 0 8px 0;font-weight:normal;border-bottom:3px solid rgb(1, 161, 165);text-align:left;}
h1 a{color:#000099;text-decoration:none;}
h1 a:hover{text-decoration:underline;}
h1 img{margin-top:-10px;vertical-align:-4px;}
h1 span.paginator{font-size:12px;}
h2{font-family: open_sansregular, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:18px;color:#282828;margin:6px 0 6px 0;padding:0;text-align:left;text-decoration:none;text-transform:none;font-weight:normal;}
h2 a{color:#6666FF;text-decoration:underline;}
h3{color:black;}


.sky-form {
    margin: 0;
    outline: none;
    box-shadow: 0 0 20px rgba(0,0,0,.3);
    font: 12px/1.55 'open_sansregular', Helvetica, Arial, sans-serif;
    /*color: #666;*/
}

.sky-form.no_box_shadow {
    box-shadow: none;
}

.jBox-container div#panel_filter .sky-form fieldset{padding-right:0;}



#block_center td#center_right .sky-form fieldset{padding-right:0px;}
#block_center td#center_right .sky-form fieldset{padding-right:0px;}
#block_center td#center_right .sky-form button{margin:10px 0 0 0;}

div#panel_filter .sky-form {box-shadow:none;}
div#panel_filter .sky-form fieldset{padding-top:0;padding-left:0;}
div#panel_filter .sky-form section {margin-bottom: 10px;}

div#panel_filter .sky-form fieldset{padding-top:0;padding-left:0;padding-right:80px;}
div#panel_filter .sky-form fieldset section.buttons{text-align:left;padding-top:15px;padding-left:0;}
div#panel_filter .sky-form fieldset section.buttons div#panel_buttons{text-align:left;top:-3px;position:relative;}
div#panel_filter .sky-form fieldset section.buttons div#panel_buttons button{float:none;margin-left:0;}
div#panel_filter .sky-form fieldset section.buttons div#panel_buttons input[type='submit']{float:none;margin-left:0;}

div#panel_filter.full .sky-form fieldset{padding-top:0;padding-left:0;padding-right:0;}

div#panel_filter.one_row .sky-form fieldset{padding-top:0;padding-left:0;padding-right:80px;}
div#panel_filter.one_row .sky-form fieldset section.buttons{text-align:left;padding-top:15px;padding-left:0;}
div#panel_filter.one_row .sky-form fieldset section.buttons div#panel_buttons{text-align:left;padding-top:13px;}
div#panel_filter.one_row .sky-form fieldset section.buttons div#panel_buttons button{float:none;}

.sky-form .button.no_right_align{float:none;display:inline;}
.sky-form .button.left{float:none;display:inline;margin-left:0;margin-right:10px;}
.sky-form .button.easy{float:none;display:inline;margin-left:0;margin-right:10px;}
.sky-form .button.easy.left{float:none;display:inline;margin-left:0;margin-right:10px;}
.sky-form select{max-width:100%;}
.sky-form .select2-multiple button{padding:0;margin:0;width:100%;}
label.error{color:red;font-style:italic;text-align:left;display:block;}

/**/
/* focus state */
/**/
.sky-form .input input.error:focus,
.sky-form .select select.error:focus,
.sky-form .textarea textarea.error:focus,
.sky-form .radio input.error:focus + i,
.sky-form .checkbox input.error:focus + i,
.sky-form .toggle input.error:focus + i {
	border-color: red;

}/**/
/* focus state */
/**/
.sky-form .input input.error,
.sky-form .select select.error,
.sky-form .textarea textarea.error,
.sky-form .radio input.error + i,
.sky-form .checkbox input.error + i,
.sky-form .toggle input.error + i {
	border-color: red;
}

.sky-form button{padding:3px 10px;margin:10px 10px 10px 0;cursor:pointer;}
.sky-form .form-horizontal{}
.sky-form .form-horizontal label.title{margin-top:10px;}
.sky-form .form-horizontal label.text_element{margin-top:10px;display:block;}
.sky-form .section-group section {margin-bottom: 5px;}
.sky-form .inline-group section {margin-bottom: 5px;}


div#panel_help_icons{position:absolute;top:10px;right:10px;}
div#panel_help_icons i.fa-edit{color:blue;font-size:30px;opacity:0.3;cursor:pointer;}
div#panel_help_icons i.fa-question-circle{color:green;font-size:30px;opacity:0.3;cursor:pointer;}
div#panel_help_icons i:hover{opacity:1;}
div#panel_help_content{display:none;height:auto;background-color:white;overflow:hidden;position:relative;}
div#panel_help_content.open{margin-bottom:20px;display:block;}
div#panel_help_content_inner{padding:0 20px;margin:10px 2px;}
div#panel_help_content_inner i.fa-info-circle{position:absolute;top:0;right:20px;font-size:150px;opacity:0.1;color:gray;}

/*форматирование логотипа и телефона техподдержки*/
ul.sky-mega-menu li.logo{line-height:1em;}
ul.sky-mega-menu li.logo img{display:block;margin:5px auto;position:relative;right:-10px;}
ul.sky-mega-menu li.logo strong{font-size:8px;}
ul.sky-mega-menu li.logo a{padding:4px 0;}

/* Прокрутка длинного левого меню кабинета: sky-mega-menu-fixed без height/overflow,
   при большом числе пунктов нижние резались — добавляем ограничение и скролл.
   overscroll-behavior:contain — чтобы wheel не передавался в основной контент. */
ul#panel_main_menu.sky-mega-menu-pos-left.sky-mega-menu-fixed{
    max-height:100vh;
    overflow-y:auto;
    overflow-x:hidden;
    overscroll-behavior:contain;
    scrollbar-width:thin;
    scrollbar-color:rgba(0,0,0,.25) transparent;
}
ul#panel_main_menu::-webkit-scrollbar{width:6px;}
ul#panel_main_menu::-webkit-scrollbar-thumb{background:rgba(0,0,0,.25);border-radius:3px;}
ul#panel_main_menu::-webkit-scrollbar-track{background:transparent;}

/* Подменю первого уровня для нижних пунктов выравниваем по нижнему краю пункта —
   это делает JS в t_megamenu.php (ставит bottom:0). CSS overflow на > li > div
   ломает sky-mega-menu transform-анимацию и подменю перестаёт показываться,
   поэтому ограничение по высоте здесь намеренно НЕ задаём. */

/* Шеврон-указатель подменю по умолчанию прибит к top:22px самого подменю;
   когда подменю выровнено по нижнему краю пункта (bottom:0) или просто
   position:fixed — шеврон уходит мимо родительского пункта.
   Переопределяем top через CSS-переменную, значение ставит JS. */
ul#panel_main_menu.sky-mega-menu-pos-left > li > div:before{
    top: var(--chevron-top, 22px);
}

/* Header левого меню (логотип, плашка тех.работ, аккаунт, system-warning) — sticky
   к верху при прокрутке. Сам position:sticky, top, background и z-index навешивает
   JS (isHeaderLi в t_megamenu.php), потому что определить header только CSS-селектором
   невозможно: nav-item тоже бывает aria-haspopup="true" (если у него есть подменю). */