body {font-family:opensans,Verdana,Arial; margin:0px; font-size: 13px; }
table { font-size: inherit; }
img { border:none;}
label {cursor:pointer;}
b,strong,h1,h2,h3,h4,h5,h6 { font-weight: bold; }

.bd {background-color:#fbfdfe; margin:0px;}

.ln {color:#0d235f;text-decoration:underline;}

.titb {background:url(di/titb.gif);}
.tit {width:100%; }
.tit .title { border-bottom: solid 1px #deeefa; background-color: #eff8ff; padding: 14px 20px;  }
.tit .title h3 { margin: 0px; color: #0c67ac; font-size: 14px; font-weight: bold; line-height: 26px; height: 26px;  float: left; }
.tit .title .logo { background: url(di/logo_aptus.png) no-repeat left top transparent; width: 105px; height: 26px; float: left; margin-right: 10px; border-right: solid 1px #a2d2ef; }

.cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
*:first-child+html .cf { zoom: 1; }


.dlg_page_start	{width:100%; height:100%;}
.dps2 { height:100%; width:100%; vertical-align:top; padding:20px; background:#fff; }
.tbe {border-color:#000000;border-style:solid;border-width:1px;margin-bottom:8px;background-color:#ffffff;}
.tte {font-size:12px;text-align:left;font-weight:bold;color:#ffffff;background-color:#e02020;padding:2px;padding-left:4px;}
.tee {font-size:12px;text-align:center;color:#e02020;background-color:#dcd8d0;font-weight:bold;padding:2px;padding-left:10px;padding-right:10px;}

.frm {margin:0px;padding:0px;}

.tbl { border-spacing: 0px;}
.tbl { border: solid 1px #eee; }
.tbl tr 		{ -ie-xp:expression(this.parsed ? 0 : (this.onmouseover=new Function("this.className+=' hover';"),this.onmouseout=new Function("this.className=this.className.replace('hover','');"),this.parsed=1));}
.tbl tr:hover td, .tbl tr.hover td { background-color:#dfe7ed; }
.tbl tr:hover td.tte, .tbl tr.hover td.tte { background-color:#e02020; }
.tbl tr:hover td.tbt, .tbl tr.hover td.tbt { background-color:#FFFFFF; }
.tbl tr:hover td.th, .tbl tr.hover td.th		{background-color: #208acb;}
.tbl span.err { color: red; font-weight: bold; }

.tbl a.ta			{ color: #1D7FB7; padding-left: 18px; background: url(di/anchor_ico.gif) no-repeat; }

.tbt {height:24px;padding:2px 6px 2px 6px;font-size:12px;text-align:left;font-weight:bold;color:#3DC3CA;}
.tbt_small {height:16px;padding:0px 3px 0px 3px;font-size:11px;text-align:left;font-weight:bold;color:#dd4736;}
.fl1, .fl2, .fl1e, .fl2e { padding: 6px 10px; font-size: 12px; color: #607889; }
.fr1, .fr2 { padding: 2px 2px; }
.fl1, .fr1, .fl1e { background-color: #f4f4f4; }
.fl2, .fr2, .fl2e { background-color: #fff; }
.tbl_formopen tr:hover td { background-color:#EAEFF2; }
.tbl_formopen tr.active_row td { background-color:#dfe7ed; }
.tbl_formopen tr:hover td.tbt { background-color:#FFFFFF; }
.ser { font-weight: bold; color: #e02020; }
.fri { border: solid 1px #d8d8d8; padding: 2px 4px; background-color: #fff; font-family: 'Open sans', arial, sans-serif; font-size:12px; }
.fri:focus { border-color: #bbb; }
.sm1 {height:24px;padding:2px 6px 2px 6px;font-size:12px;text-align:center;color:#404b55;background-color:#f4f4f4;font-weight:bold;}
.sm2 {height:24px;padding:2px 6px 2px 6px;font-size:12px;text-align:center;color:#404b55;background-color:#ffffff;font-weight:bold;}
.fri[readonly=readonly] {background-color:#CFCFCF; cursor:help;}
.sr1 {height:24px;padding:2px 6px 2px 6px;font-size:11px;text-align:left;color:#404b55;background-color:#f4f4f4;}
.sr2 {height:24px;padding:2px 6px 2px 6px;font-size:11px;text-align:left;color:#404b55;background-color:#ffffff;}

.tclose {margin-bottom:8px; background:url(di/tclose3.gif);}
.tableonerowopen {background:#f4f4f4; margin-bottom:8px;}
.tbl_hdr {border-bottom:solid #208acb 1px; margin-bottom:8px;}
.tbl_small_hdr {border-bottom:solid #208acb 1px; margin-bottom:4px;}
.tbl_formopen {border:solid #eee 1px; margin-bottom:8px;}
.tbl_title {background:url(di/tbl_title3.gif);}
.tbl_title td {color:#0c5589; font-size:12px; font-weight:bold;}

.message { padding: 10px 15px; background-color: #f4f4f4; margin-bottom: 8px; border: solid 1px #eee; text-align: center; }
.message a { color: #218ACC; }
/* .message.message_notice { background-color: #D9EDF7; color: #31708f; border-color: #bce8f1; }
 .message.message_notice a { color: #31708f; } */
.message.message_success { background-color: #dff0d8; color: #3c763d; border-color: #d6e9c6; }
.message.message_success a { color: #3c763d; }
.message.message_error { background-color: #f2dede; color: #a94442; border-color: #ebccd1; }
.message.message_error a { color: #a94442; }
.message.message_warning { background-color: #fcf8e3; color: #8a6d3b; border-color: #faebcc; }
.message.message_warning  a { color: #8a6d3b; }

.buttons { list-style: none; margin: 10px 0px; padding: 0px; text-align: center; }
.buttons li { margin:0px 4px; display: inline-block; }
.buttons .button { text-transform: uppercase; padding: 6px 14px; background-color: lime; display: block; border-radius: 2px; background-image: linear-gradient(#3DC3CA,#33B3B7); text-decoration: none; color: #fff; border-bottom: solid 1px #2EA6AA; border-top: solid 1px #47CED3; box-shadow: 0px 0px 0px 1px #2EA6AA; }
.buttons .button:hover { background-image: linear-gradient(#47CED3,#33B3B7); box-shadow: 0px 0px 0px 1px #2EA6AA, 0px 2px 0px 0px rgba(0,0,0,0.2); }
.buttons .button.has_icon { padding-left: 30px; position: relative; }
.buttons .button.has_icon:before { content: ' '; display: block;  position: absolute; top:50%; margin-top: -8px; left:6px; height:17px; width: 19px; background: url(di/button_icons.png) no-repeat left top transparent; }
.buttons .button.has_icon.icon_confirm:before { background-position: left 0px;  }
.buttons .button.has_icon.icon_cancel:before { background-position: left -17px;  }
.buttons .button.has_icon.icon_search:before { background-position: left -34px;  }
.buttons .button.has_icon.icon_add:before { background-position: left -51px;  }
.buttons .button.has_icon.icon_forward:before { background-position: left -68px;  }
.buttons .button.has_icon.icon_back:before { background-position: left -85px;  }

.th	{ background: url(di/th_bg.png) repeat-y right top #208acb; padding: 10px; color: #fff; }
.tha { text-align: center; color: #fff; text-decoration: none; }
.tfl {text-align: left; padding: 4px; }
.tfr {text-align: right; padding: 4px; }
.tfra {color:#0d235f;text-decoration:none; display: inline-block; padding: 0px 2px; }

.tl1, .tl2, .tc1, .tc2, .tr1, .tr2 { padding: 1px 4px; color: #404b55; }
.not_avail {font-weight: bold; color: #f00;}
.tl1, .tc1, .tr1 { background-color: #fff; }
.tl2, .tc2, .tr2 { background-color: #f4f4f4; }
.tl1, .tl2 { text-align: left; }
.tc1, .tc2 { text-align: center; }
.tr1, .tr2 { text-align: right; }

.t2l1 {font-size:12px;text-align:left;color:#404b55;background-color:#f4f4f4;padding:1px;padding-left:4px;}
.t2l2 {font-size:12px;text-align:left;color:#404b55;background-color:#ffffff;padding:1px;padding-left:4px;}
.t2c1 {font-size:12px;text-align:center;color:#404b55;background-color:#f4f4f4;padding:1px;}
.t2c2 {font-size:12px;text-align:center;color:#404b55;background-color:#ffffff;padding:1px;}
.t2r1 {font-size:12px;text-align:right;color:#404b55;background-color:#f4f4f4;padding:1px;padding-right:4px;}
.t2r2 {font-size:12px;text-align:right;color:#404b55;background-color:#ffffff;padding:1px;padding-right:4px;}

.grayed { color:#999; }
.green { color:#0ec270; }

.tln {font-size:12px;text-align:left;color:#404b55;padding:1px;padding-left:4px; border:solid;border-width:0px 1px 0px 1px;border-color:#d8d8d8 #d8d8d8 #fff #fff;}
.tcn {font-size:12px;text-align:center;color:#404b55;padding:1px; border:solid;border-width:0px 1px 0px 1px;border-color:#d8d8d8 #d8d8d8 #fff #fff;}
.trn {font-size:12px;text-align:right;color:#404b55;padding:1px;padding-right:4px; border:solid;border-width:0px 1px 0px 1px;border-color:#d8d8d8 #d8d8d8 #fff #fff;}

.tsell {font-size:12px;text-align:left;color:#0d235f;background-color:#C2D9EF;padding:1px;padding-left:4px;}
.tselc {font-size:12px;text-align:center;color:#0d235f;background-color:#C2D9EF;padding:1px;}
.tselr {font-size:12px;text-align:right;color:#0d235f;background-color:#C2D9EF;padding:1px;padding-left:4px;}

.sbtn {font-size:10px;color:#8ac1e3;background:url(di/sbtn2.gif);}
.sbtn a {text-decoration:none;color:#fff;}

.mbd {margin:0px;}
.mbd_td {background:url(di/menu_bg.jpg) no-repeat bottom #0c67ac; vertical-align:top; width:170; height:100%;}
.mme {font-size:11px; font-family: Tahoma, Verdana, Arial; font-weight:bold; padding:0px; }
.mme p {text-indent:-14px; font-size:11px; text-align:left; color:#FFF; padding:3px 0px 3px 14px; margin:0px;}
.mme a {color:#FFF; text-decoration:none;}
.mme a:hover {color:#FFF;}
.mme_b {font-size:11px; font-family: Tahoma, Verdana, Arial; font-weight:bold; padding:0px; background-position:left top; cursor:pointer;}
.mme_b p {text-indent:-14px; font-size:11px; text-align:left; color:#FFF; padding:3px 0px 3px 14px; margin:0px;}
.mme_b a {color:#FFF; text-decoration:none;}
.mme_b a:hover {color:#FFF;}
.msu {font-size:11px; font-family: Tahoma, Verdana, Arial; padding:0px; }
.msu p {font-size:11px; text-align:left; color:#FFF; padding:2px 0px 2px 19px; margin:0px;}
.msu a {color:#FFF; text-decoration:none;}
.msu a:hover {color:#FFF;}
.msu_b {font-size:11px; font-family: Tahoma, Verdana, Arial; padding:0px; background-position:left top; cursor:pointer;}
.msu_b p {font-size:11px; text-align:left; color:#FFF; padding:2px 0px 2px 19px; margin:0px;}
.msu_b a {color:#FFF; text-decoration:none;}
.msu_b a:hover {color:#FFF;}
.tabs_navigation { list-style: none; margin: 0px; padding: 0px; }
.tabs_navigation li { margin: 0px; padding: 0px; float: left; display: block; margin-right: 2px; margin-top: 2px; }
.tabs_navigation li a { display: block; text-decoration: none; background-color: #EFF8FF; color: #6c98b9; padding: 10px 15px; }
.tabs_navigation li a:hover { background-color: #E1EDF7; }
.tabs_navigation li.tabs a { background-color: #3dc3ca; color: #fff; position: relative; outline: none;}
.tabs_navigation li.tabs a:before { border-top: 4px solid #3dc3ca;  border-left: 4px solid transparent; border-right: 4px solid transparent; margin-left: -2px; content: ' '; display: block; position: absolute; left:50%; top:100%; width: 0; height: 0;  }
.tabs_content { padding: 5px; border: solid 1px #3dc3ca; margin-bottom: 6px;  }

.ctl {padding-right:5px; vertical-align:top;}
.ctc {padding-left:5px;padding-right:5px;}
.ctr {padding-left:5px;}

.tree {font-size:12px;  color:#000060;}
.treei {cursor:pointer;}

.wit { box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.2); border-radius:2px; overflow: hidden; border: solid 1px #0C67AC; ;  }
.wit .whead { background-color: #0C67AC; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; }
.wit .whead span { display: inline-block; padding: 10px 15px; color: #fff; font-weight: bold; text-transform: uppercase; }
.wit .whead a { display: block;  }
.wit .whead a:hover { background-color: #208ACB; }
.wit .whead .whead_last { padding-right: 5px;  }
.wii {width:100%; background:#fff;}

body.is_modal .dps2 { padding: 10px; }
body.is_modal .titb .tit .title { padding: 7px 20px; }
body.is_modal .titb .tit .title .logo { display: none; }
body.is_modal .titb .tit .title h3 { line-height: 100%; height:auto;  }

.tlbusy {font-size:12px;text-align:left;color:#0d235f;background-color:#DEDF53;padding:1px;padding-left:4px;}

#dlg_hint {position:absolute;top:0px;left:0px;z-index:100;width:200px;font:11px Tahoma,Verdana,Arial;background-color:#ffffe6;padding:8px;border:1px solid #000000;display:none;}

.bottomframe1 {width:100%; height:10px; background:url(di/bf1.gif); font-size:11px;}

.calendar_b	{background:url(di/cal_1.png) no-repeat top; width:136px;}
.calendar	{font-family: Tahoma, Verdana, Arial; width:136px; position:absolute; top:0px; left:0px;}
.calendar a	{text-decoration:none; color:#fff;}
.calendar1	{height:20px; font-size:11px; padding-left:11px; font-weight:bold; vertical-align:bottom;}
.calendar2	{height:20px; font-size:11px; padding-right:11px; font-weight:bold; vertical-align:bottom; text-align:right;}
.calhd {font-size: 11px; font-family: Tahoma, Verdana, Arial; text-align:center; color:#000080; font-weight:bold;}
.caln1 {font-size: 11px; font-family: Tahoma, Verdana, Arial; text-align:right; color:#0000c0; font-weight:normal; text-decoration:none;}
.caln2 {font-size: 11px; font-family: Tahoma, Verdana, Arial; text-align:right; color:#0000c0; font-weight:normal; text-decoration:none;}
.cals1 {font-size: 11px; font-family: Tahoma, Verdana, Arial; text-align:right; color:#ff0000; font-weight:normal; text-decoration:none;}
.cals2 {font-size: 11px; font-family: Tahoma, Verdana, Arial; text-align:right; color:#ff0000; font-weight:normal; text-decoration:none;}
.call {font-size: 11px; font-family: Tahoma, Verdana, Arial; text-align:center; color:#000080; font-weight:bold;}
.call:hover {color:#0000c0;}

.welcome { font-size: 13px; color: #4d5f71; padding: 10px 10px 10px 180px; background: url(di/icons/welcome.png) no-repeat 30px 10px transparent; margin-bottom: 20px; }
.welcome h3 { color: #013861; font-size: 13px; margin: 0px; }
.welcome .text { margin: 20px 0px; }

.main_div {margin:13px 0px 0px 0px; border:solid #137dbe; border-width:2px 0px 0px 0px; padding:13px 13px 0; font-size:11px; color:#0c5589;}
.main_div h2 {font-size:12px; color:#404b55; margin:0px;}
.main_div a {color:#dd4736; text-decoration:none;}
.main_div a:hover {color:#358dc2;}

.main_boxes {width:100%;}
.main_boxes .main_boxes_l {vertical-align:top; background:url(di/mb10.gif);}
.main_boxes .main_box {width:33%; background-color: #f3faff; border: solid 1px #c2e8ff; vertical-align:top; text-align:left; padding: 10px; }
.main_boxes .main_box .main_box_cnt {position:relative;}
.main_boxes .main_box .header { padding: 10px 0px; }
.main_boxes .main_box .contents { margin-bottom: 10px; color: #0c67ac; font-size: 12px; }
.main_boxes .main_box h2 { margin-top: 10px; background: url(di/main_box_ico.png) no-repeat 10px center transparent; padding: 0px 30px 0px 40px; margin: 0px; font-size: 13px; color: #0c5f9e; }
.main_boxes .main_box .main_more { font-size: 12px; float:right; color:#90cdf4; text-decoration:none; font-weight: bold; padding:0 17px 0 0; background:url(di/more_arrow.png) no-repeat right center;}
.main_boxes .main_boxes_r {vertical-align:top; background:url(di/mb11.gif);}
.main_boxes .main_boxes_sep {vertical-align:top; width: 5px; }
.main_boxes .main_boxes_c2 {width:33%; background:url(di/mb5.gif);}


.mn1a {padding-top:10px; width:100%; color: #0c67ac;  }
.mn1b {padding:10px 0 0 10px; color:#358dc2; float:right;}
.mn1b a {color:#00b89c; font-weight:bold; text-decoration:none;}
.mn1a span {color: #0c67ac; }
.mn1a .mn1ai {color:#dd4736;}
.mn1a a {color:#00b89c; text-decoration:none; font-weight:bold;}
.mn2 {color:#dd4736; padding:2px 0 0;}
.mn3 {color:#0c5589; margin:0px; padding-bottom:10px; border-bottom:solid 1px #c1e1f5;}
.mn3 a {color:#0c5589; text-decoration:none;}
.mn3 a:hover {color:#358dc2;}

.main_td {width:250px; font-size:11px; font-family:Tahoma,Verdana,Arial; color:#909090;}
.main_td a {text-decoration:none;}
.main_td p {font-size:12px; font-family:Tahoma,Verdana,Arial; color:#727272; padding:0px; margin:0px; border:0px;}
.p {font-size:12px; font-family:Tahoma,Verdana,Arial; color:#727272; margin:3px 0px 0px 10px;}
.p a {text-decoration:none;}

.help_box { background: url(di/icons/main_help_menu.png) no-repeat 5px 10px transparent; padding-left: 45px; }
.help_box h3 { color: #ae000c; text-transform: uppercase; margin-bottom: 5px; font-size: 13px; font-weight: bold; }
.help_box a { color: #4d5f71; font-size: 13px; text-decoration: none;  background: url(di/more_arrow.png) no-repeat left center transparent; padding-left: 12px; display: block; }

.page{font-size:11px; font-family:Tahoma,Verdana,Arial; color:#000000; text-decoration: none;}
.vn {font-size:11px; font-family:Tahoma,Verdana,Arial; color:#404040;}
.vv {font-size:11px; font-family:Tahoma,Verdana,Arial; color:#000000; font-weight:bold;}
.fb {border: solid 1px; border-color: rgb(200,200,200); background-color: rgb(245,245,245); padding-left: 5px; padding-right: 5px; padding-top:1px; padding-bottom:1px; text-decoration: none; color: black; font-size: 11px; font-family: Tahoma, Verdana, Arial;}
.tmenu {background-color: rgb(240,240,240); border: solid 1px; border-color: rgb(220,220,220); float: left; list-style: none; margin: 0px; padding: 0px;  }
.tmenu li { float: left; margin: 0px; padding: 2px; }
.tmenu li img { display: block; }
.dlgdiv {}
.fsplain {font-size:12px;font-family:Tahoma,Verdana,Arial;color:#0d235f;padding-right:3px;padding-left:3px; font-weight: bold; cursor: default;}
.p_top	{color:#f6f6f6; font-size:12px; margin:0px; padding:5px 0px;}
.tl {background:url(di/tree_lt.gif) no-repeat; width:8px; height:8px;}
.tc	{background:#f1f6fa; width:100%;}
.tr	{background:url(di/tree_rt.gif) no-repeat; width:8px; height:8px;}
.cc	{background:#f1f6fa; width:100%;}
.bl	{background:url(di/tree_lb.gif) no-repeat; width:8px; height:8px;}
.bc	{background:#f1f6fa; width:100%;}
.br	{background:url(di/tree_rb.gif) no-repeat; width:8px; height:8px;}

.importAnim 	{width: 200px; margin-left: auto; margin-right: auto;}
.importTxt		{font-size: 14px; font-weight: bold; font-family: Tahoma,Verdana,Arial; color:black; padding-top: 10px;}
.importErr		{font-size: 14px; font-weight: bold; font-family: Tahoma,Verdana,Arial; color:red; padding-top: 10px; padding-bottom: 10px;}

/***** WYSiWYG *****/
.clear {clear:both; height:0; font-size:1px; line-height:1px;}
.wysiwyg {width:99%; border:1px solid #000; background:#d4d0c8; margin-bottom: 10px;}
.wysiwyg .toolbox {padding:2px;}
.wysiwyg .toolbox .icon {float:left; padding:4px;}
.wysiwyg .toolbox .iconh {float:left; padding:3px; border:1px solid #000;}
.wysiwyg .toolbox .separ {width:2px; height:23px; float:left; background:url(i/s.gif) no-repeat;}
.wysiwyg .toolbox .select {float:left; margin:2px;}
.wysiwyg .frame {background:#fff; margin:2px; border:1px solid #000;}
.wysiwyg .frame iframe {width:100%; height:350px; border:none;}
.wysiwyg .path {font-size:11px; padding:0 3px 3px;}

a.allegro_link { color: #1D7FB7; padding-left: 18px; background: url(di/anchor_ico.gif) no-repeat; text-decoration: none; }
a.allegro_link:hover { text-decoration: underline; }
.bok_client {border-color: red; border-width: 1px;}
.bok_staff {border-color: green; border-width: 1px;}

.support_chat { border: 2px solid #bbb; height: 300px; overflow: auto; min-height: 300px; margin-bottom: 2px; }
.support_chat .msg_sys,
.support_chat .msg_me,
.support_chat .msg_you { font-size: 14px; padding: 4px; border-bottom: 1px solid #ddd; }
.support_chat .msg_sys { color: #666; background: #f0f0f0; }
.support_chat .msg_me { background: #eeffee; }
.support_chat .msg_you { background: #ffeeee; }
.support_chat .msg_sys span,
.support_chat .msg_me span,
.support_chat .msg_you span { font-size: 12px; font-weight: bold; }

.chat_tabs { clear: both; display: block; padding: 0; margin: 10px 0 0 0; }
.chat_tabs li { display: block; float: left; background: #e8e8e8; padding: 0; margin: 0 4px -1px 4px; border: 1px solid #999; border-radius: 4px 4px 0 0; font-size: 12px; font-weight: bold; position: relative; }
.chat_tabs li.live { background: #dfb; }
.chat_tabs li.unread { background: #fcc; }
.chat_tabs li:hover { background: #def; }
.chat_tabs li.active, #chat_tabs li.active:hover { background: #fff; border-bottom-color: #fff; }
.chat_tabs li a { color: #333; display: inline-block; text-decoration: none; padding: 5px 30px 5px 15px; outline: none; }
.chat_tabs li div { position: absolute; width: 16px; height: 16px; top: 4px; right: 8px; background: transparent url(di/tab-close.png) no-repeat; cursor: pointer; }
.chat_tabs li div:hover { background-position: 0 -16px; }
.chat_panels { clear: both; border: 1px solid #999; border-radius: 4px; padding: 15px; margin: 0 0 10px 0; }
.chat_panels div.chat_panel { display: none; }
.chat_panels div.chat_panel.active { display: block; }
.chat_panels span.chat_panel_msg { display: block; text-align: center; padding: 10px; font-weight: bold; }
.chat_panels .chat_btn { padding: 2px 8px; border: 1px solid #999999; margin: 2px; background-color: #d8d8d8; }
.chat_panels .chat_btn:hover { background-color: #def; border-color: #0c5589; }
.chat_panels .chat_input { background: #fff; color: #2C2C2C; padding: 4px 6px; border: 1px solid #bbb; width: 820px; }

.dpdDeleted { text-decoration: line-through; }
input.blendin {width: 30px; padding: 2px; text-align: center; border: none; background: transparent;}
.refreshBtn { width: 16px; height: 16px; display: block; background: transparent url(di/refresh.png) no-repeat; }
.refreshBtn:hover { background-position: 0 -16px; }

.upload_result { border-bottom: 1px solid #aaa; padding: 2px; }
.upload_result.ico_progress { padding-left: 40px; background: url(../public/i/common/loading.gif) no-repeat scroll 12px 12px; }
.upload_result.ico_success { padding-left: 40px; background: url(../public/i/common/ico_success.png) no-repeat scroll 12px 12px; }
.upload_result.ico_error { padding-left: 40px; background: url(../public/i/common/ico_error.png) no-repeat scroll 12px 12px; }
.upload_info { font-weight: bold; padding: 2px; }
.upload_status { padding: 2px; }

.newsletter_log { border: 0px; padding: 0px; margin: 0px; list-style-position: inside; line-height: 1.3em; list-style-type: square; }

.orderLine {}
.orderLine a { text-decoration: none; color: #404B55; }
.orderLine a:hover { color: #2B8FCE; }
.orderIcon {margin: 2 1 2 1px;}
.customerIcon {vertical-align: middle; margin: 2px 5px 2px 1px;}

.orderLink { text-decoration: none; color: #404B55; }
a.orderLink:hover { color: #2B8FCE; }

.orderTable { background-color: #F4F4F4; font-size: 12px; color: #404B55; width: 100%; border: 1px solid #97B3C4; margin-bottom: 10px; }

.tblOrder {border:solid #97B3C4; border-width:1px 1px 1px 1px;}
.tblOrder tr 		{ -ie-xp:expression(this.parsed ? 0 : (this.onmouseover=new Function("this.className+=' hover';"),this.onmouseout=new Function("this.className=this.className.replace('hover','');"),this.parsed=1));}
.tblOrder .th		{ font-weight:bold; height:auto; border-color: #D8D8D8 #D8D8D8 #FFFFFF #FFFFFF; border-style: solid; border-width: 0 1px; background-image: none; background-color: #fbfbff; font-size:11px; text-align:left; color:#555; padding:2px; padding-left:4px; }

.tblOrder .tdLine	{ font-weight:normal; height:auto; border-color: #D8D8D8 #D8D8D8 #FFFFFF #FFFFFF; border-style: solid; border-width: 0 0 0 0px; background-image: none; background-color: #F4F4F4; font-size:12px; text-align:left; color:#404B55; padding:2px; padding-left:4px; }
.tblOrder .tdLine.tdStatus	{ padding-top: 5px; padding-bottom: 5px; }
.tblOrder .tdLine.tdStatus div.status	{ float: left; }
.tblOrder .tdLine.tdStatus div.urgent	{ float: right; }
.tblOrder .tdLine.tdStatus div.urgent label	{ display: block; padding-right: 10px; }
.tblOrder .tdLine.tdStatus div.urgent input	{ position: relative; top: 2px; }
.tblOrder .tdLine.tdAddInfo	{ padding-top: 5px; padding-bottom: 5px; }
.tblOrder .tdLine.tdButtons { text-align:center; padding-top: 7px; padding-bottom: 0px; }

.tbutton { text-transform: uppercase; padding: 2px 7px; font-size: 11px; display: inline-block; text-decoration: none;  margin:3px; border-radius: 2px; background-image: linear-gradient(#3DC3CA,#33B3B7); text-decoration: none; color: #fff; border-bottom: solid 1px #2EA6AA; border-top: solid 1px #47CED3; box-shadow: 0px 0px 0px 1px #2EA6AA; }
.tbutton:hover { background-image: linear-gradient(#47CED3,#33B3B7); box-shadow: 0px 0px 0px 1px #2EA6AA, 0px 2px 0px 0px rgba(0,0,0,0.2); }
.tbutton.disabled { opacity: 0.6; cursor: default; }

.rlink { color: #2B8FCE; text-decoration: none; }
.rlink:hover { color: #6BB0FF; }

.orderPrev { color:#BFBFBF; font-style: italic; }

.dtext { line-height: 130%; font-size: 12px; color: #404B55; }
.dtext a { color: #0975C1;  }

.divDictionary { padding-top: 5px; margin-top: 10px; border-top: 1px solid #CFCFCF; }
#divDictionariesSelect { padding: 5px 0px; }
.products_search_dict_button		{ float: left; line-height: 20px; }
.products_search_dict_button .fb	{ padding: 3px 6px; margin-right: 3px;}

.categories_table { width: 100%; font-size: 12px; color: #404B55; border: 1px solid #AFAFAF; margin: 5px 0px; }
.categories_table td { line-height: 20px; }
.categories_table td a { background-color: #F5F5F5; border: 1px solid #C8C8C8; color: #000000; font-family: Tahoma,Verdana,Arial; font-size: 11px; padding: 1px 5px; text-decoration: none; }
.imageSelect {
	border: 1px solid #aab0b2;
	padding: 10px;
	width: 200px;
	float: left;
	margin-right: 5px;
	height: 275px;
}
.imagePreview {
	float: left;
	border: 1px solid #aab0b2;
	height: 275px;
	padding: 10px;
	width: 330px;
	overflow: auto;
}
.imagePreview #imagePrev{
	width: 330px;
	height: 255px;
	overflow: auto;	
}

.split {
	font-family: Tahoma,Verdana,Arial; font-size: 13px;
	color: #404B55;
	margin: 0px 10px 0px 10px;
}

#cats_tree td, #cats_tree th {font-size:12px;}
#cats_tree td.r {text-align:right;}
#cats_tree td.c {text-align:center;}

.clear { display: block; height: 0px; line-height: 0px; clear: both;}
.cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clear { zoom: 1; }
*:first-child+html .cf { zoom: 1; }
.main_menu { overflow: hidden; position: absolute; left:0px; top:90px; width: 240px;  bottom:30px;  }
.main_menu ul { margin:0 0 0 4px; padding: 0px; font-size: 13px; list-style: none; }
.main_menu ul li.main_item { display: block; border: solid 1px #2179b9; border-right: none; border-left: none; padding: 10px 0px; position: relative; background-color: #0C67AC; margin-top: -1px;  overflow: hidden; }
.main_menu ul li.main_item .menu_icon  { float: left; margin-left: 8px; margin-right: 8px;}
.main_menu ul li.main_item .item_body { margin: 0px 20px 0px 72px; }
.main_menu ul li.main_item h2 { margin: 0px; padding: 0px; font-size: 15px; font-weight: 400; color: #fff;  }
.main_menu ul li.main_item ul li a { color: #5ac0ce; text-decoration: none; }
.main_menu ul li.main_item .drag { transition: 0.2s all ease; position: absolute; width: 16px; top: 0px; bottom: 0px; left:-16px; background: url(di/icons/menu_drag.png) no-repeat center center transparent; opacity: 0.3; }
.main_menu ul li.main_item .drag:hover { opacity: 1; background-color: #2179b9; cursor: grab;}
.main_menu ul li.main_item .options { transition: 0.2s all ease; position: absolute; right: -30px; top:0px; bottom:0px;   }
.main_menu ul li.main_item .options a { display: block; width: 30px; height: 30px; border-top: solid 1px #2179b9; background: url(di/icons/menu_drag.png) no-repeat center center transparent; opacity: 0.5; cursor: pointer; }
.main_menu ul li.main_item .options a:hover { opacity: 1; background-color: #2179b9;  }
.main_menu ul li.main_item .options a.edit { background-image: url(di/icons/menu_item_edit.png); }
.main_menu ul li.main_item .options a.delete { background-image: url(di/icons/menu_item_delete.png); }
.main_menu ul li.main_item .options a:first-child { border: none; }
.main_menu.editable ul li.main_item ul li a { cursor: default !important; }
.main_menu.editable ul li.main_item .menu_icon  { margin-left: 14px; margin-right: 2px;}

.placeholder { height:60px; border: dotted 2px #5ac0ce; margin: 5px; }
.main_menu.editable ul li.main_item .drag { left:0px; }
.main_menu.editable ul li.main_item .options{ right:0px; }
.main_menu.editable ul li.main_item .scroll{ right:10px !important; }
.main_menu.editable ul li.main_item .menu_icon{ cursor: pointer; transition: 0.4s all ease; }
.main_menu.editable ul li.main_item .menu_icon:hover{ background-color:#2179b9; border-radius: 2px;}

.menu_management { position: fixed; left:0px; bottom:0px; } 
.main_menu .edits { width: 30px; height: 30px; display: block; background: url(di/icons/menu_options.png) no-repeat center center transparent; cursor: pointer; opacity: 0.5; float: left; }
.main_menu .edits:hover { background-color: #2179b9;   }
.main_menu.editable .edits { opacity: 1; }
.main_menu.editable .add { opacity: 1; display: block; }

.main_menu .add { width: 30px; height: 30px; display: none; background: url(di/icons/menu_add.png) no-repeat center center transparent; cursor: pointer; float: left; }
.main_menu .add:hover { background-color: #2179b9;   }

.top_bar { background: url(di/top_panel_bg.png) repeat-y left top #0C67AC; color: #fff; font-size: 11px; text-align: right; line-height: 35px; height: 35px; padding-right: 30px;  }
.top_bar  a { color: #fff; text-decoration: none;  }
.top_bar  a.logout { padding-right: 35px; background: url(di/icons/logout.png) no-repeat right center transparent; display: inline-block; }
.top_bar  .user { padding-left: 25px; background: url(di/icons/user.png) no-repeat left center transparent; margin-right: 10px; display: inline-block; padding-right: 10px; border-right: solid 1px #064575; }

.menu_icon { width: 56px; height: 56px; background: url(di/icons/menu_icons.png) no-repeat left top transparent; }
.menu_icon.icon_0 { background-position: 0px top; }
.menu_icon.icon_1 { background-position: -56px top; }
.menu_icon.icon_2 { background-position: -112px top; }
.menu_icon.icon_3 { background-position: -168px top; }
.menu_icon.icon_4 { background-position: -224px top; }
.menu_icon.icon_5 { background-position: -280px top; }
.menu_icon.icon_6 { background-position: -336px top; }
.menu_icon.icon_7 { background-position: -392px top; }
.menu_icon.icon_8 { background-position: -448px top; }

.full_menu .label { background: url(di/full_menu_label_bg.png) repeat-y left top transparent; display: block; height: 90px; line-height: 90px;  font-size: 18px; font-weight: 500; color: #fff; text-decoration: none; cursor: pointer; position: relative; }
.full_menu .label span { transition: all 0.8s ease-out; position: relative; z-index:2000; display: block; padding: 0px 0px 0px 100px;}
.full_menu .label span:before { transition: left 0.8s ease; z-index:9; content: ' '; display: block; position: absolute; left:24px; top:50%; height:70px; width:70px; margin-top: -35px; background: url(di/full_menu_label_ico.png) no-repeat left top transparent; }

.full_menu .menu_name { position: absolute; top: -40px; z-index:4000; display: none; }
.full_menu .menu_name input { display: block; width: 300px; padding: 4px 10px; font-family: opensans; font-size: 16px; border: none; }

.full_menu .contents { z-index:1000; opacity: 0; visibility: hidden; position:fixed; top:0px; right:0px; bottom:0px; left:0px; background: url(di/full_menu_overlay.png) repeat left top transparent; }
.full_menu.opened .contents .bg {  z-index:-1; position:fixed; top:0px; right:0px; bottom:0px; left:0px; }
.full_menu .items .close { display: block; background: url(di/icons/close_menu.png) no-repeat center center #0c5f9e; width: 23px; height: 23px; position: absolute; left:1000px; top: -30px; border-radius:20px; }
.full_menu .items .close:hover { background-color: #1c6fae; }
.full_menu .items .accept { display: none; background: url(di/icons/accept_menu.png) no-repeat center center #0c5f9e; width: 23px; height: 23px; position: absolute; left:970px; top: -30px; border-radius:20px; }
.full_menu .items .accept:hover { background-color: #1c6fae; }
.full_menu.opened .contents { visibility: visible; opacity: 1; }
.full_menu.opened .label span { padding-left: 120px;   }
.full_menu.opened .label span:before { background-position: left -70px; left: 34px; }

.full_menu { font-size: 13px;  }
.full_menu #menu_options { width: 1040px; margin: 0px auto; padding: 0px 0px; position: relative; }
.full_menu .items { width: 1040px; margin: 0px auto; padding: 0px 0px; position: relative; }
.full_menu .items .menu_box { height:80%;  width: 1040px; margin-top: 12%; }
.full_menu .items .columns {  }
.full_menu .items .columns .column { float: left; width: 240px; margin: 0px 20px 20px 0px; }
.full_menu .items .item { background-color: #fff;  margin-bottom: 20px;  }
.full_menu .items .item .item_body { padding: 10px 20px 20px 20px; border-left: solid 2px #8ccdf3; position: relative;  }
.full_menu .items .item .item_body:before { content: ' '; position: absolute; bottom:-3px; left: -2px; right:0px; height:3px; background-color:#8ccdf3;  background: linear-gradient(to right,#8ccdf3,#03d2b3);}
.full_menu .items .item .item_body .menu_icon { display: block; float: left; }
.full_menu .items .item .item_body h4 { color: #05497c; font-size: 15px; font-weight: bold; line-height: 58px; height: 58px; margin: 0px 0px 10px 0px;}

.full_menu .items .item .item_body ul { list-style: none; margin: 0px; padding: 0px; }
.full_menu .items .item .item_body ul li a { color: #818181; display: block; background: url(di/icons/link_arrow.png) no-repeat 2px center transparent; padding: 2px 4px 2px 24px; text-decoration: none; }
.full_menu .items .item .item_body ul li a:hover { color: #0CD2B7;  }
.full_menu .items .item .item_body ul li label { color: #818181; display: none; padding: 2px 4px 2px 24px; position: relative; }
.full_menu .items .item .item_body ul li label input { position: absolute; top:50%; margin-top: -6px; left:0px; }


.full_menu.editable .menu_name { display: block; }
.full_menu.editable .items .accept { display: block; }
.full_menu.editable .items .item .item_body ul li a { display: none; }
.full_menu.editable .items .item .item_body ul li label { display: block; }

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.icon_picker .picker  { transition: all 0.1s ease; visibility: hidden; opacity: 0; position:fixed; top:0px; right:0px; bottom:0px; left:0px; background: url(di/full_menu_overlay.png) repeat left top transparent;}
.icon_picker .picker_body { width: 480px; margin: 100px auto; background-color: #fff; border: solid 2px #8CCDF3; border-top: none; border-right: none;   }
.icon_picker .picker_body h3 { padding: 15px 20px; margin-top: 0px; font-size: 17px; font-weight: 400; margin-bottom: 10px; color: #777; text-align: center; border-bottom: solid 1px #eee;  }
.icon_picker .picker_body .icons { text-align: center; padding-bottom: 10px; }
.icon_picker .picker_body .icons .icon_box { cursor: pointer; border: solid 1px #eee; display: inline-block; width: 70px; height: 70px; margin: 5px;  vertical-align: top;   }
.icon_picker .picker_body .icons .icon_box .menu_icon { margin-top: 8px; margin-left: 8px; }
.icon_picker .picker_body .icons .icon_box:hover { border-color:#447FAC; box-shadow: 0px 0px 0px 1px #276089; }
.icon_picker.opened .picker { visibility: visible; opacity: 1; }

 .fileSelect {
    border: 1px solid #aab0b2;
    padding: 10px;
    width: 490px;
    float: left;
    margin-right: 5px;
    height: 420px;
}
.filePreview {
    float: left;
    border: 1px solid #aab0b2;
    height: 420px;
    padding: 10px;
    width: 180px;
    overflow: auto;
}
.filePreview #divFilePreview {
    width:auto;
    height: 255px;
    font-size: 13px;
}

.country_select label {display:block; float:left; width:240px;}
.country_select br {line-height:0;}

.admin_hint { position: absolute; z-index:6000;}
.admin_hint:before { position: absolute; z-index:10; display: block; width: 20px; height: 20px; content: ' '; background: url(di/hint_sprite.png) no-repeat left top transparent;}
.admin_hint_body { padding: 20px;  background-color: #09d2b5; color: #fff; font-size: 14px; position: relative; box-shadow:0px 10px 10px -10px #01223A; }
.admin_hint_close { position: absolute; right:0px; top:0px; line-height: 15px; height: 16px; width: 16px; text-align: center; cursor: pointer; }
.admin_hint_close:hover { background-color: #09C4A8; }
.admin_hint.top_left .admin_hint_body { margin-top: 20px; }
.admin_hint.top_left:before { top:0px; left:0px; }
.admin_hint.bottom_left .admin_hint_body { margin-bottom: 20px; }
.admin_hint.bottom_left:before { bottom:0px; left:0px; background-position: left bottom; }

.tbl tr.urgent td {
	background-color: #FFCFCF;
}

.tbl tr.urgent:hover td {
	background-color: #FFAFAF;
}

.order_count_yellow {
    float:right; 
    background: rgba(0, 0, 0, 0) linear-gradient(#fba92a, #ea7703) repeat scroll 0 0; 
    border: 1px solid #af5801; 
    color: #eee; 
    font-weight:bold; 
    min-width:16px; 
    height:16px; 
    border-radius:2px; 
    text-align:center; 
    font-size:11px;
    margin:0px 2px 0px 0px;
}

.order_count_yellow a{
    color: #eee; 
    font-weight:bold;
    text-decoration:none;
}

.order_count_yellow a:hover{
    color: #fff; 
}

.blink {
  animation: blink-animation 1s steps(10, start) infinite;
  -webkit-animation: blink-animation 1s steps(10, start) infinite;
}
@keyframes blink-animation {
  to {
    opacity: 0.8;
  }
}
@-webkit-keyframes blink-animation {
  to {
    opacity: 0.8;
  }
}

#divDPDWeight {
	margin-top: 10px;
}

#divDPDWeight .dpd_weight_message {
	float: left;
	line-height: 25px;
	padding-right: 10px;
}

#divDPDWeight .dpd_weight_select {
	float: left;
	line-height: 25px;
	padding-top: 4px;
}

#divDPDWeight .select_error {
	border: 2px solid red;
}

#divDPDWeight .select_ok {
	border: 2px solid green;
}

#orders .order-result {
	display: flex;
	justify-content: space-between;
	line-height: 16px;
	padding: 10px;
	margin: 10px;
}

#orders .order-result-err {
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
}

#orders .order-result-ok {
	color: #155724;
	background-color: #d4edda;
	border-color: #c3e6cb;
}

#orders .order-result-description {
	width: 80%;
}

#orders .order-result-icon {
	width: 16px;
	height: 16px;
	background-size: 16px 16px;
}

#orders .order-result-icon.result-ok {
	background-image: url(di/icons/ok.svg);
}

#orders .order-result-icon.result-err {
	background-image: url(di/icons/err.svg);
}

input:disabled {
	background-color: #d4d4d4;
}

.product-name-element{
	margin-bottom: 20px;
	text-align: center;
	font-weight: 700;
	padding: 8px 10px;
	background-color: #f4f4f4;
	display: block;
	color: #000;
	text-decoration: unset;
}

.emojionearea{
	width: 97% !important;
  }