body { font-family: Arial; font-size:0.875rem; }
.page-bg { background-color: #FFFDF9; }
.page-block { background: white; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); padding: 5px; }
input, select { font-family:'Microsoft Sans Serif',Arial; }
input, select, textarea, button { outline: none; }
select { background-color: #fff; }
input:not([type=file]), select, textarea { border:1px solid #7F9DB9; padding:3px; }
input[type=text],input[type=number],input[type=url],input[type=email], select { height: 1.5rem; box-sizing:border-box; padding-top:0; padding-bottom:0; }
.ico { vertical-align:middle; border:0; }

div.divtopmenu { position:relative;z-index:500; }
.topmenu { border-collapse: collapse; border:0; }
.topmenu td { padding:0; width:150px; max-width:150px; height:30px; text-align:center; border:1px solid #86A5D5; box-sizing:border-box; }
.topmenu td a { display:block; text-decoration:none; height:30px; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color: #003688; }
.topmenu td a:hover { text-decoration:underline; }
.topmenu a:visited { color:#003688; }
.submenu1 { position:absolute; display:none; margin-left:-1px; border-collapse: collapse; }
.submenu2 { position:absolute; display:none; margin-top:-31px; margin-left:149px; border-collapse: collapse; width:151px; box-sizing: border-box; }
.submenu2 td { text-align:left; padding-left:5px; }
.submenu1 img, submenu2 img { vertical-align:middle; border:0; position:absolute; left:10px; }
a.parentmenu:after  { content:"›"; position:absolute; right:5px; line-height:30px; font-size:110%; }

#mainmenu, #mainmenu table.topmenu td { background-color:#1870b7; }
#mainmenu table.topmenu td:hover { background-color:#248ce1; }
#mainmenu table.topmenu td a { color:#fff; text-shadow:1px 1px 1px #02407a; }
#mainmenu table.topmenu td a:hover { text-decoration:none; }
#mainmenu td { border: 0; }
#mainmenu .submenu1 { margin-left:0; }
#mainmenu .submenu2 { margin-top:-30px; margin-left:150px; }

table#head td, table.spritem td, table.sprgroup td { padding:3px; line-height:24px; }
table#head table.mceLayout td, table.flexform table.mceLayout td { padding:inherit; }
table#head td:nth-child(odd), table.spritem td:nth-child(odd), table.sprgroup td:nth-child(odd) { background-color: #d4e1fc; color: #18285B; }
table#head tr:nth-child(odd), table.spritem tr:nth-child(odd), table.sprgroup tr:nth-child(odd) { background-color: #DEE8FCCC; }

div.itemcontext { float:right; }
div.itemcontext .topmenu td { background-color: #FFFDF9 !important; }
div.itemcontext > table > tbody > tr > td { padding: 0 3px; border: 0; width: auto; height: 24px; }
div.itemcontext > table > tbody > tr > td > a { height: 24px; line-height:24px }
div.itemcontext .submenu1 { width:150px; margin-left: -103px !important; }

.width-one { width:150px; box-sizing:border-box; }
form.finitem #head select.width-one, form.docitem #head select.width-one { width:100%; border-color:#9CB8E2; }
form.finitem .smallbutton, form.docitem .smallbutton { float:right }
.width100 { width:100%; box-sizing:border-box; }

.multicols { display:flex; flex-direction:row; gap:2px; flex-wrap:wrap; }
.multicol { min-width:150px; display:flex; border:1px solid #7F9DB9; background-color:#fff; box-sizing:border-box; align-items: center; }
.multicols.accent .multicol { background-color:#fffdf9 }
.multicol label { flex-grow:1; padding-left:3px; }
.multicol input { border:0; border-left:1px solid #9CB8E2; }

.sel_item  { background-color:#D4E1FC;}
.sel_group { background-color:#F3E4A0;}
.subgroups { border-collapse:collapse;}
.subgroups td  { border:1px solid #f0dc82;}
.groups { padding:5px; border:1px solid #9CB8E2; }
.leftcol { float: left; width: 235px; }
.rightcol { margin-left: 240px; }
.cattoggle { background-color:#F3E4A0; padding:10px; margin: 5px 0; position: relative; }
.cattoggle a { display:block; text-decoration:none; color:#1870B7; }
.cattoggle a:after  { content:""; position:absolute; right:7px; background: url(img/ico/sprite.png) -576px; width:18px; height:18px; top:0; bottom:0; margin:auto; }
.pda-yes, .pda-yes-inline {display:none;}

#list, .scroll { position:relative;overflow-y:auto; }
.gap { margin-bottom:3px; }
.gap2 { margin-bottom:6px !important; }
.panel { padding:1px; border:1px solid #9CB8E2; box-sizing:border-box; margin-bottom:3px; }
.panel label { white-space:nowrap; }
.panel img, .panel i { margin:3px; }
.panel_top { background-color: #f6f5f3; margin: -6px -6px 5px; padding: 5px; }
.panel_button { white-space:nowrap; }
.panel_filter, .panel_filter input.smallbutton { white-space:nowrap; padding:2px 3px }
.panel_filter input, .panel_filter select, .panel_filter span { vertical-align:middle; }
.panel_button a, .panel_top a { display:inline-block; border-right: 1px dotted #9cb8e2; padding: 0 6px 0 6px; text-decoration: none; vertical-align: middle; height:26px; line-height:26px; color: #003688; }
.panel_button a:last-child, .panel_top a:last-child { border-right: 0; }
.panel_button a:hover, .panel_top a:hover { background-color:#248ce1; color:#fff; text-shadow:1px 1px 1px #02407a; }
.toggle_table { display:table }
.sticky_top { position:sticky; top:0; z-index:1 }

.margin { margin:7px 0; }
.tips { background-color:#fcefb8; padding:5px; border-radius:5px; border:1px solid #F3E4A0; }

#tr_filters { background-color:#fffdf9 }
#tr_filters td { padding:3px }
#tr_filters select, #tr_filters input:not(.oneday) { width:100%; }
.doclist #items td:nth-last-child(1), .doclist #items td:nth-last-child(2),
.finlist #items td:nth-last-child(1), .finlist #items td:nth-last-child(2) { white-space: nowrap; }

table.border { border-collapse: collapse; border:0; width:100%; }
table.border td, table.border th, table.border td { margin:0; padding:5px; border:1px solid #548BD8; }
.head { color:#003688; font-weight:bold; }
#name_contr { border-bottom:1px dotted #548bd8; cursor:pointer; display:inline-block; }
.require { border-bottom:1px dotted red !important; display:inline-block; cursor: unset !important; }
tr.debt td:nth-child(9) { color:red }
.tablesorter-header { cursor:pointer; background-repeat:no-repeat; background-position:0% 10%; }
table.auto { width:auto; }
thead .tablesorter-headerDesc { background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7); }
thead .tablesorter-headerAsc  { background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7); }
thead { background-color: white; }
tbody.editing1 tr[data-id] td:nth-child(1), tbody.editing2 tr[data-id] td:nth-child(2) { color:blue; cursor:pointer; text-decoration:underline #548bd8; }
tbody.editing1 tr[data-id] td:nth-child(1):hover, tbody.editing2 tr[data-id] td:nth-child(2):hover { background-color:#248ce1; color:#fff; text-shadow:1px 1px 1px #02407a; text-decoration:none; }

.panel, .topmenu td { background-color: #FFFDF9; }
#search_contr { border:0; border-bottom: 1px solid silver; }

input:not(.spin)[type="number"] { -moz-appearance:textfield; }
input:not(.spin)::-webkit-outer-spin-button, input:not(.spin)::-webkit-inner-spin-button { -webkit-appearance: none; }
input.oneday { width:23px; }
.num {text-align:right; white-space:nowrap; }
.th_num { max-width:50px; word-wrap: break-word; }
.th_bignum { max-width:90px; word-wrap: break-word; }
input[readonly] { background-color:#F6F5F3; border:none; }
input.numeric {width:45px; text-align:right}
input.numeric[id^="price"] {width:55px}
input.bignumeric {width:60px; text-align:right}
.button, .button2, .button3 { height:1.8rem; box-sizing:border-box; padding:0 6px !important }
input.button, button.button {-webkit-appearance:none;background-color:#1870b7;border:1px solid #248ce1;color:#fff;box-shadow:0 0 0 1px #9cb8e2 inset;text-shadow:1px 1px 1px #02407a;cursor:pointer;}
input.button:hover, button.button:hover {background-color:#248ce1;}
input.button2, button.button2 {-webkit-appearance:none;background-color:#DFE9FF;border:1px solid #7b9cce;color:#213C96;border-radius:3px;box-shadow:inset 0 0 1px 1px #f6f6f6;font-weight:bold;text-shadow:0 1px 0 #fff;cursor:pointer;}
input.button2:hover, button.button2:hover{background-color:#DFECFF;box-shadow:inset 0 0 1px 1px #F0EEEA;color:#172196;border:1px solid #7293CE;}
input.button3, button.button3 {-webkit-appearance:none;background-color:#fff;border:1px solid #7b9cce;color:#355793;font-weight:bold;cursor:pointer;}
input.button3:hover, button.button3:hover{box-shadow: 0 0 1px #1870B7 inset;}
input[type="button"]:disabled {background-color:#ddd}
a.button {background-color:#fff;border:1px solid #7b9cce;color:#355793;font-weight:bold;padding:4px 6px;text-decoration:none;display:inline-block;line-height:1.8rem;}
a.button:hover {box-shadow: 0 0 1px #1870B7 inset;}
a.print-button { position: fixed; right: 20px; top: 20px; padding: 8px 20px; text-decoration: none; background-color: #CD6661; border-radius: 4px; color: #fff; box-shadow: 1px 2px 3px rgba(85, 85, 85, 0.7); text-align: center; }
.narrow {height:1.5rem !important}
input.smallbutton {-webkit-appearance:none;background-color:#DFE9FF; color:#213C96; font-weight:bold; border:1px solid #9CB8E2; min-width:1.5rem; }

.bottomfix {height:2rem;}
.bottomfix div {position:fixed; bottom:0; padding:5px 10px; background-color:#F6F5F3; width:100%; box-sizing:border-box; margin-left:-6px; }

#basket { position:fixed; left:0; bottom:0; border-right:1px solid #115387; border-top:1px solid #115387; padding:1px 5px; text-align:left; background-color:#fff; border-top-right-radius:10px; transform: translateZ(0);}
#items_body tr.doc_added input[id^="quant"] { background-color: #d2f8af; border: inherit; }

.spoiler { text-decoration:none; border-bottom:1px dotted blue; }
.spoiler_div { margin:10px 0px; padding:5px; border:1px dotted #9CB8E2; display:none; border-radius:5px; }
.click { cursor:pointer; }

#dhtmltooltip { position: absolute; left: -300px; visibility: hidden; text-align:center; z-index: 100; }
#dhtmltooltip img { max-width:400px; max-height:400px;}

.alert { position: relative; padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem; }
.alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; }
.alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; }
.alert-warning { color: #735600; background-color: #fcdb76; border-color: orange; }

.block      { display:table; margin:auto; max-width:400px; box-sizing:border-box; }
.block_head { border-radius:5px 5px 0px 0px; background-color:#1870b7; padding:10px; text-align:center; box-shadow:2px 2px 2px silver; color: #fff; text-shadow: 1px 1px 1px #02407a; }
.block_content { border:1px solid #1870b7; border-radius:0px 0px 5px 5px; padding:10px; box-shadow:2px 2px 2px #dbdada; }
.block select, .block input { width:100%;box-sizing:border-box; }
.block_content .links a { font-size:95%; color: #03447a; }

fieldset { border-radius:5px; padding:5px; border:1px solid #9CB8E2; }
fieldset.accent { padding:7px; border:1px solid #9CB8E2; box-shadow: 0 2px 4px #A6A8AB; border-radius:0; margin-bottom:10px; }
fieldset.accent legend span { color: white; padding:2px 10px; min-width:110px; display:inline-block; border-radius:9px 0; background-color:#248ce1; }

.load {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    position: relative;
    border: 3px dotted #1870b7;
    box-sizing: border-box;
    border-top-color: transparent;
    border-radius: 100%;
    vertical-align:middle;
    -webkit-animation: spin 1.2s infinite linear;
    -moz-animation: spin 1.2s infinite linear;
    animation: spin 1.2s infinite linear;
}
@-webkit-keyframes spin { to { -webkit-transform: rotate(360deg); }}
@-moz-keyframes spin    { to { -moz-transform: rotate(360deg);    }}
@keyframes spin         { to { transform: rotate(360deg);         }}

#locker { display:flex; align-items:center; justify-content:center; position: absolute; top: 0; bottom: 0; right: 0; left: 0; }
#locker div.overlay { background-color:gray; opacity:0.2; position: absolute; top: 0; bottom: 0; right: 0; left: 0; }
#locker_text { position: absolute; color: #9CB8E2; margin-top: 70px; text-align:center; }
#locker i.load { width: 48px; height: 48px; border: 5px dotted #9CB8E2; border-top-color: transparent; animation: spin 1.5s infinite linear; }

i.help { border:1px solid #7fabe8; border-radius:1rem; color:#3455c1; cursor:pointer; display:inline-block; font-family:Arial; font-size:0.625rem; font-style:normal; height:0.75rem; text-align:center; width:0.75rem; line-height:0.8125rem; }
i.help:hover { background-color:#dfe9ff; box-shadow:1px 1px 1px silver; }
table#head i.help, table.spritem i.help, table.sprgroup i.help { float:right; margin-top:4px; }

i.si { width:18px; height:18px; display:inline-block; background-image:url(img/ico/sprite.png); vertical-align:middle; }
table.topmenu td i.si { margin-right:3px; }
.si_articles { background-position:  0 0; }
.si_config { background-position:  -18px 0; }
.si_fin { background-position:  -36px 0; }
.si_folder { background-position:  -54px 0; }
.si_groups { background-position:  -72px 0; }
.si_group_delete { background-position:  -90px 0; }
.si_group_edit { background-position:  -108px 0; }
.si_group_new { background-position:  -126px 0; }
.si_group_repl { background-position:  -144px 0; }
.si_help { background-position:  -162px 0; }
.si_home { background-position:  -180px 0; }
.si_item_delete { background-position:  -198px 0; }
.si_item_edit { background-position:  -216px 0; }
.si_item_new { background-position:  -234px 0; }
.si_item_print { background-position:  -252px 0; }
.si_item_repl { background-position:  -270px 0; }
.si_item_view { background-position:  -288px 0; }
.si_store { background-position:  -306px 0; }
.si_store_minus { background-position:  -324px 0; }
.si_store_plus { background-position:  -342px 0; }
.si_logo { background-position:  -360px 0; }
.si_mail { background-position:  -378px 0; }
.si_item_choice { background-position:  -396px 0; }
.si_trade { background-position:  -414px 0; }
.si_phone { background-position:  -432px 0; }
.si_site { background-position:  -450px 0; }
.si_noms { background-position:  -468px 0; }
.si_contrs { background-position:  -486px 0; }
.si_star { background-position:  -504px 0; }
.si_excel { background-position:  -522px 0; }
.si_actions { background-position:  -540px 0; }
.si_fr { background-position:  -558px 0; }
.si_rarrow { background-position:  -576px 0; }
.si_refresh { background-position:  -594px 0; }
.si_lock { background-position:  -612px 0; }
.si_exit { background-position:  -630px 0; }
.si_out { background-position:  -648px 0; }
.si_addons { background-position:  -666px 0; }
.si_arrow { background-position:  -684px 0; }
.si_tasks { background-position:  -702px 0; }

table.flexpanel tr {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
table.flexpanel td {
display: block;
word-wrap:break-word;
white-space: normal !important;
}
table.flexpanel table.submenu1 { margin-top:-1px; }
table.flexpanel table.submenu1 tr { display:table-row; }
table.flexpanel table.submenu1 td { display:table-cell; }

#popup { padding:0px; display:none; overflow-y:hidden; }
#popup_frame { border:none; height:99%; width:100%; }

.ui-widget { font-size: inherit; }
.ui-dialog-titlebar { padding:1px 5px !important; font-weight: normal !important; font-size:0.9375rem; background: #1870b7 none repeat scroll 0 0 !important; line-height: normal !important; }
.ui-dialog-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: calc(100% - 30px); }
.ui-widget-content.danger { border: 1px solid #ef4141 }
div.danger .ui-dialog-titlebar { background-color: #ef4141 !important; border: 1px solid #ef4141 }
.ui-widget-content.warning { border: 1px solid #ff6c00 }
div.warning .ui-dialog-titlebar { background-color: #ff6c00 !important; border: 1px solid #ff6c00 }
.ui-widget-content a.link { color: #355793; }

@media print { .noprint { display: none; } }
@media screen and (max-width: 1120px) {
.rightcol .panel_button a { font-size:0; }
.rightcol table.topmenu td a { font-size:0; }
.rightcol table.flexpanel table.topmenu td { width:40px }
.rightcol table.submenu1 td a { font-size:inherit; }
}
@media screen and (max-width: 768px) {
body { font-size:1rem; line-height:1.8; }

.panel_button, .panel_filter { line-height:initial; }
.panel_filter input[type=text], .panel_filter input[type=button], .panel_filter select { height: 1.5rem; margin-top:inherit; margin-bottom:inherit; padding:inherit; }

.page-block { padding: inherit; }
input[type=text],input[type=number],input[type=url],input[type=email], select { height: 1.7rem; }
.dTreeNode { margin-top:5px; font-size:110%; }
.dtree a.node, .dtree a.nodeSel { padding:5px !important; }
.panel a { border-right: 1px solid #9cb8e2 !important; padding: 0 10px; font-size:0; }
.panel a:last-child { border-right: 0 !important; }
.panel_filter { white-space: normal; }
.toggle_table { display:block; }

input, textarea, select { margin-top:3px; margin-bottom:3px; max-width:100%; box-sizing:border-box; padding:5px; background-color:#fff; }

input.button, a.button { padding: 7px; }
input.smallbutton { min-width:1.7rem; }
input.oneday { width:26px; }
input.numeric { width:60px; }
input#search { max-width: calc(100% - 180px) }
.ui-autocomplete-loading { background: white url("img/load.gif") right center no-repeat; }

.leftcol { float: none; width: auto; margin-bottom: 5px; }
.rightcol { margin-left: 0; }
.pda-no  { display:none !important; }
.pda-yes { display:block !important; }
.pda-yes-inline { display:inline-block !important; }
table.topmenu td a { font-size:0; }
#mainmenu td { border-right: 1px solid #86A5D5; }
table.flexpanel table.topmenu td { width:40px }
table.submenu1 td a { font-size:inherit; }
table#head i.help, table.spritem i.help, table.sprgroup i.help { margin-top:8px; }

 table#head, table.flexform {
 table-layout:fixed;width:100%;box-sizing:border-box;
 }
 table.flexform tr {
 display: block;
 margin-bottom:7px;
 }
 table.flexform td,table.flexform th {
 display: block;
 word-wrap:break-word;
 white-space: normal !important;
 width:100%;
 box-sizing:border-box;
 }

 table#head table.mceLayout, table.flexform table.mceLayout { display:inherit; }
 table.flexform table.mceLayout tr { margin-bottom: inherit; border:inherit; display:inherit; }
 table.flexform table.mceLayout td { display: table-cell; }

 table.bordered tr {  border: 1px solid #8ABCEE; }
 table.bordered td {  border: 1px solid #E3F1FC; }

}