@charset "UTF-8";

/*
    ================================================================================================
    ОБЩИЕ СТИЛИ

    оранжевый   : #f60,
    бордовый    : #d14836,
    Цвета       : http://www.colorcombos.com/
                  http://www.artlebedev.ru/tools/colors/
                  http://www.stm.dp.ua/web-design/color-html.php
    ================================================================================================
*/

@font-face
{
    font-family: "FontAwesome";
    src: url('/sys/font/fontawesome-webfont.eot?v=3.2.1');
    src: url('/sys/font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'),
         url('/sys/font/fontawesome-webfont.woff?v=3.2.1') format('woff'),
         url('/sys/font/fontawesome-webfont.ttf?v=3.2.1') format('truetype');
    font-weight: normal;
    font-style: normal;
}


.mbody { display: block; margin: 5px 5px 0px 20px; min-width: 1020px; }
a, body, button, div, footer, form, h1, h2, h3, h4, h5, header, html, iframe, img, input, label, li, option, select, span, td, textarea, ul { border: 0; box-sizing: border-box; -moz-box-sizing: border-box; color: #333; font: normal 12px "Verdana" "sans-serif"; outline: none; z-index: auto; position: relative; }
a, body, form, img, input, label, option, select, span, textarea, ul { display: inline-block; } a, body, button, div, form, h1, h2, h3, h4, h5, img, label, li, p, span, td, ul { vertical-align: baseline; } div, span { /* background: inherit; */ color: inherit; } li { display: list-item; list-style-position: inside; list-style-type: disc; } [contenteditable] span { display: inline; }
body, div, html, label, li, ol, p, span, ul { color: inherit; margin: 0; padding: 0; } /* используем для группировки объектов - не должны менять представление, если внутри нет объектов, не должны занимать места */
blockquote { background: #f5f5f5 url("http://www.ret.ru/sys/img/quote-16x16.png") 10px 8px no-repeat; border: 1px solid #ddd; font-style: italic; margin: 0; padding: 5px 5px 5px 35px; }
a, button, /* img, */ select, [class^="btn"], .link { cursor: pointer; } hr { margin: 5px 0px; } label { margin-right: 5px; margin-top: 5px; } label[title]::after { content: " \f05a"; font: 13px "FontAwesome"; opacity:0.5; }
h1, h2, h3, h4, h5, h6, ol, p, ul { display: block; } h1, h2, h3, h4, h5, h6 { font-weight: bold; margin: 5px 5px 5px 0; } h1 { color: black; font-size: 20px; } h2 { color: black; font-size: 18px; } h3 { color: #f58220; font-size: 15px; } h5 { color: black /*#ff6600*/; font-size: 13px; }

input, textarea, select, [contenteditable] { border: 1px solid #cccccc; margin: 2px 5px 2px 0px; vertical-align: baseline; } input, select { padding: 2px 0 2px 4px; } select option { display: block; } input[type="file"], input[type="checkbox"], input[type="radio"] { border: none; padding: 0; width: auto; }
[class^="aid-inp"] input { padding-right: 12px; } .aid-captcha input { width: 60px; }

/* синяя подсветка при фокусе или наведении */ input:focus, button:focus, .li_hs:hover, select:focus, textarea:focus, .tlb_wysiwyg [data-cmd]:hover, .tlb_wysiwyg [data-cmd1]:hover { border: 1px solid #56b4ef; box-shadow: 0 0px 8px rgba(82,168,236,.6); -webkit-box-shadow: 0 0px 8px rgba(82,168,236,.6); }

a { background: transparent; border: none; border-radius: 0; color: #08c; margin: 0; padding: 0; text-decoration: none; }

button, .btn, nav a { border: 1px solid transparent; border-radius: 3px; margin: 2px 5px 2px 0px; padding: 4px 8px 4px 8px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .v_int { margin-top: 5px; }

.primary, nav a, nav .btn { background: #006dcc; background: -moz-linear-gradient(top, #008dfd, #0370ea); background: -webkit-linear-gradient(top, #008dfd, #0370ea); background: linear-gradient(to bottom, #008dfd, #0370ea); border-color: #0370ea #0370ea #0044cc; } .primary:hover, nav a:hover, nav .btn:hover { background: #0370ea; color: white; }
.danger { background: #da4f49; background: -moz-linear-gradient(top, #ee5f5b, #bd362f);  background: -webkit-linear-gradient(top, #ee5f5b, #bd362f);  background: linear-gradient(to bottom, #ee5f5b, #bd362f); border-color: #bd362f #bd362f #802420; } .danger:hover { background: #bd362f; color: white; }
.info { background: #49afcd; background: -moz-linear-gradient(top, #5bc0de, #2f96b4); background: -webkit-linear-gradient(top, #5bc0de, #2f96b4); background: linear-gradient(to bottom, #5bc0de, #2f96b4); border-color: #2f96b4 #2f96b4 #1f6377; } .info:hover { background: #2f96b4; color: white; }
button, .btn, .norm { background: #f5f5f5; background: -moz-linear-gradient(top, #ffffff, #e6e6e6); background: -webkit-linear-gradient(top, #ffffff, #e6e6e6);  background: linear-gradient(to bottom, #ffffff, #e6e6e6); border-color: #e6e6e6 #e6e6e6 #bfbfbf; color: #333333; } button:hover, .btn:hover, .norm:hover { background: #e6e6e6; color: #333333; }
.success { background: #5bb75b; background: -moz-linear-gradient(top, #62c462, #51a351); background: -webkit-linear-gradient(top, #62c462, #51a351);  background: linear-gradient(to bottom, #62c462, #51a351);  border-color: #51a351 #51a351 #387038; } .success:hover { background: #51a351; color: white; }
.warning { background: #faa732; background: -moz-linear-gradient(top, #fbb450, #f89406); background: -webkit-linear-gradient(top, #fbb450, #f89406); background: linear-gradient(to bottom, #fbb450, #f89406); border-color: #f89406 #f89406 #ad6704; } .warning:hover { background: #f89406; color: white; }

button, .danger, .info, .norm, .primary, .success, .warning { border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); }

[class^="btni-"], .link { background: transparent; border: none; border-radius: 0; color: #08c; margin: 0; padding: 0; text-decoration: none; } a:hover, [class^="btni-"]:hover, .link:hover { color: #ff4000; text-decoration: none; } nav a, nav .btn, nav a:hover, .danger, .primary, .success, .warning { color: white; }

[class^="btni-"]:before, [class^="iconf"]::before { font-family: "FontAwesome"; } [class^="btni-"] { background: white; } .btni-close:before { content: '\f00d'; font-size: 20px; } .btni-close { float: right; margin-top: 3px; } .btni-del::before, .btni-inpclr:before { background: white; content: "\f00d"; } .btni-inpclr { position: absolute; right: 9px; top: 3px; }

nav a, nav .btn { border-radius: 0; font-size: 13px; font-weight: bold; margin: 2px 0; padding: 5px 8px; }

[class^="badge"]:not(:empty), [class^="label"] { border-radius: 9px; color: white; font-size: 14px; margin: 5px 0 0 0; padding: 1px 9px 2px 9px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .badge-dunger, .label-dunger { background-color: #d9534f; } .badge-info, .label-info { background-color: #3a87ad; } .badge-success, .label-success { background-color: #468847; }
.badge-warning, .label-warning { background-color: #f89406; }

[class^="alert"] { border: 1px solid; border-radius: 4px; margin: 2px 0; padding: 8px 10px 8px 14px; text-shadow: 0 1px 0 rgba(255,255,255,0.5); } [class^="alert"]:empty { margin: 0; padding: 0; }
.alert-danger { background-color: #f2dede; border-color: #eed3d7; color: #b94a48; } .alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #3a87ad; } .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #468847; } .alert-warning { background-color: #fcf8e3; border-color: #fbeed5; color: #c09853; }

.dialog, .aid_pform, .hpupw, #img1_f, .pupw, .menu_v ul { background: white; border: 1px solid #999; border-radius: 5px; box-shadow: 0 5px 15px rgba(0,0,0,0.5); overflow: auto; } .dialog { min-width: 395px; } .modal-bg>.dialog { left: 20%; top: 20%; }
.hpupw, .pupw { display: none; left: -15px; max-width: 400px; min-width: 180px; position: absolute; top: 97%; z-index: 10; } *:hover>.hpupw { display: block; } .hpupw { display: none; padding: 5px; }
.body { overflow: auto; padding: 10px 5px 10px 15px; } .pupw .body { max-height: 400px; } .aid-imgs .body { max-height: 100px; max-width: 500px; min-height: 0; padding: 0; } footer { background: #f5f5f5; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 15px; } header { border-bottom: 1px solid #eee; padding: 5px 15px; }
.panel { background: white; border: 1px solid #ddd; border-radius: 5px; overflow: auto; }

.iconf_go::before { content: "\f101"; } .iconf_uarrow { display: none; } .iconf_uarrow::before { content: "\f01b"; font: 40px "FontAwesome"; left: 5px; opacity:0.5; position: fixed; top: 50%; }
.iconf_fvts::before { color: red; content: "\f004"; } .iconf_fvts_n::before { color: red; content: "\f08a"; } .iconf_phone::before { content: "\f098"; } .iconf_plus::before { content: "\f055"; } .iconf_plus1::before { content: "\f067"; }

.iconf_bold::before { content: "\f032"; font: 14px "FontAwesome"; } .iconf_caret_d::after { content: "\f0d7"; font-family: "FontAwesome"; margin-left: 7px; } .iconf_font:before { content: "\f031"; font: 14px "FontAwesome"; } .iconf_fontsz::before { content: "\f034"; font: 14px "FontAwesome"; }
.iconf_img:before { color: green; content: "\f03e"; font: 14px "FontAwesome"; } .iconf_italic::before { content: "\f033"; font: 14px "FontAwesome"; } .iconf_justifyleft::before { content: "\f036"; font: 14px "FontAwesome"; } .iconf_justifycenter::before { content: "\f037"; font: 14px "FontAwesome"; } .iconf_justifyright:before { content: "\f038"; font: 14px "FontAwesome"; }
.iconf_indent:before { content: "\f03c"; font: 14px "FontAwesome"; } .iconf_link:before { color: #08c; content: "\f0c1"; font: 14px "FontAwesome"; } .iconf_ol:before { content: "\f0cb"; font: 14px "FontAwesome"; } .iconf_outdent:before { content: "\f03b"; font: 14px "FontAwesome"; } .iconf_pencil:before { content: "\f040"; font: 14px "FontAwesome"; }
.iconf_rmformat:before { content: "\f12d"; font: 14px "FontAwesome"; } .iconf_search:before { content: "\f002"; } .iconf_ul:before { content: "\f0ca"; font: 14px "FontAwesome"; } .iconf_underline::before { content: "\f0cd"; font: 14px "FontAwesome"; } .iconf_undo::before { content: "\f0e2"; font: 14px "FontAwesome"; }

[class^="span"], input, select, .aid-imgs { margin-right: 5px; } .span1 { width: 95px; } .span2, input, select { width: 195px; }.span3 { width: 295px; } .span4 { width: 395px; } .span5 { width: 495px; } .span6 { width: 595px; } .span7 { width: 695px; } .span8 { width: 795px; } .span9 { width: 895px; } .span10 { width: 995px; }
.offset1 { margin-left: 100px; } .offset2 { margin-left: 200px; } .offset3 { margin-left: 300px; }

.aid-inp-date .pupw { max-width: 500px; overflow: visible; } [aid-inp-date12] .hpupw { width: 220px; padding: 10px; } [aid-inp-date12] button, [aid-inp-date12] .btn, .inp_date_b { border-radius:0px; margin:0; padding:2px 5px; min-width:28px; } .aid-login .dialog { vertical-align: top; width: 195px; }