*{font-family:"Myriad Pro", sans-serif;}
body{margin:0;}
body.loading #processBar {display:block;}
h1{clear:both;color:#042b3d;display:inline-block;float:left;font-size:19px;}
h2{clear:both;color:#106389;font-size:16px;}
h2.float{display:inline-block;float:left;}
p{clear:both;}
form{clear:both;}
dt,dd{display:block;afloat:left;}
ul{list-style-type:none;margin:0;padding:0;}
ul.errors{clear:both;color:red;}
.error{clear:both;display:block;background:#F9D5D5;color:#561515;padding:10px;}
input[type="text"],input[type="password"]{border:1px solid #cbcbcb;height:16px;padding:2px 5px;}
input[readonly="readonly"]{background:#F0F0F0;}
textarea{border:1px solid #cbcbcb;font-size:12px;line-height:15px;padding:2px 5px;}
a{color:#489bc5;text-decoration:none;}
select[multiple]{height:auto !important;}
label{cursor:pointer;}

#loginBox{color:#959595;margin:100px auto auto auto;width:500px;text-align:center;}
#loginBox h1{padding:10px;position:relative;text-align:center;width:100%;}
#loginBox h1 span{background:#fff url(/images/logo.png) no-repeat center top;display:block;height:43px;position:absolute;top:0;width:100%;}
#loginBox label{display:inline-block;width:150px;}
#loginBox input[type="text"]{display:inline-block;width:130px;}
#loginBox input[type="password"]{display:inline-block;width:130px;}
#loginBox .loginInputs li{padding:10px 0;}
#loginBox .loginInputs li.pernament{atext-align:center;}
#loginBox .buttonPanel a{float:left;padding:6px 0;}
#loginBox .buttonPanel input[type="submit"]{float:none;margin:0 0 0 50px;text-align:center;}

#HeaderTop{background:#042b3d;height:50px;width:100%;}
#HeaderBottom{background:#195672;height:40px;width:100%;}
#PopupTop{height:90px;width:100%;}
#MainBox{margin:-90px auto 0 auto;position:relative;width:1200px;}
#MenuBox{height:90px;position:relative;width:100%;}
#MenuBox .logo{background:url(/images/male-logo-2.png) no-repeat;color:#66b2d9;display:inline-block;height:46px;padding:0 10px;position:absolute;top:12px;left:8px;width:207px;}
#MenuBox ul{display:inline-block;margin:0 0 0 220px;padding:0;position:relative;z-index:1000;}
#MenuBox ul li{float:left;}
#MenuBox ul li.separator{border-left:1px solid #6cbae2;}
#MenuBox>ul>li{height:50px;}
#MenuBox ul>li.active{background:#195672;}
#MenuBox ul>li a{color:#6cbae2;display:block;padding:15px;text-decoration:none;font-size: 14px}
#MenuBox ul>li.active a{color:#9cc8df;}
#MenuBox ul li a:hover{color:#fff;}
#MenuBox ul li ul{display:none;left:0;position:absolute;margin:0;top:50px;width:700px;}
#MenuBox>ul>li:hover>ul,#MenuBox>ul>li.active>ul{display:block;}
#MenuBox ul li ul li a{padding:10px 15px;}
#MenuBox>ul>li>ul>li.active>a{color:#fff;}
#MenuBox>ul>li>ul li{position:relative;}
#MenuBox .multiMenu>li>a{height:20px;}
#MenuBox .multiMenu li ul{display:none;left:0;position:absolute;top:40px;width:auto;}
#MenuBox .multiMenu li:hover>ul{display:block;}
#MenuBox .multiMenu li ul li{background:#fff;border-left:1px solid #000;border-right:1px solid #000;float:none;width:150px;}
#MenuBox .multiMenu li ul li:first-child{border-top:1px solid #000;}
#MenuBox .multiMenu li ul li:last-child{border-bottom:1px solid #000;}
#MenuBox .multiMenu li ul li:hover{position:relative;}
#MenuBox .multiMenu li ul li a{color:gray;display:inline-block;padding:5px 15px;width:120px;}
#MenuBox .multiMenu li ul li a:hover{color:#000;text-decoration:underline;}
#MenuBox .multiMenu li ul li ul{display:none;position:absolute;}
#MenuBox .multiMenu li ul li:hover ul{left:150px;top:0px;}
#CompanyBox{color:#c0dae4;padding:3px 0;position:absolute;right:10px;}
#UserBox{color:#c0dae4;display:inline-block;float:right;margin-left:20px;}
#UserBox>span{float:left;margin-top:17px;font-size:14px;}
#UserBox ul{background:#042b3d;margin:0;}
#UserBox ul li,#UserBox ul li ul li{display:block;height:auto;padding:0;}
#UserBox ul li ul{width:100%;}
#UserBox ul li ul li a{display:block;padding:10px 10px 10px 20px;}
#UserBox ul li.toggle>a{background:url(/images/more.png) no-repeat left 15px;display:block;padding:17px 10px 15px 20px;font-size:14px;}
#UserBox ul li.toggle ul{display:none;}
#UserBox ul li.toggle:hover ul{display:block;}
#MenuBox .settings{color:#6eb3d3;display:block;position:absolute;right:10px;top:60px;text-decoration:underline;}
#MenuBox .settings:hover{text-decoration:none;}

#ContentBox{padding:10px;position:relative;}
#ContentBox .insertedBy{display:block;float:right;margin-top:10px;text-align:right;width:30%;}
#processBar{display:none;position:absolute;z-index:1000;top:0;left:0;height:100%;width:100%;background:rgba(0, 0, 0, .8) url(/images/ajax-loader-big.gif) 50% 50% no-repeat;}
#ContentBox .dashLine{clear:both;}
#ContentBox .dashLeft{clear:both;float:left;min-height:216px;width:48%;}
#ContentBox .dashRight{float:right;width:48%;}
#ContentBox .graph{clear:both;}
#ContentBox .graph .graphColumn{float:left;}
#ContentBox .graphIn.month .graphColumn{width:8%;}
#ContentBox .graphIn.quarter .graphColumn{width:25%;}
#ContentBox .graphIn.year .graphColumn{width:20%;}
#ContentBox .graph .graphColumnTop,#ContentBox .graph .graphColumnBottom{color:#666;display:block;font-size:14px;padding:10px 0;text-align:center;width:100%;}
#ContentBox .graph .graphColumnMiddle{border-bottom:1px solid #e8e8e8;height:300px;position:relative;}
#ContentBox .graph .graphColumnIn{bottom:0;left:30%;height:100%;position:absolute;width:40%;}
#ContentBox .graph .graphColumnInLight{position:absolute;top:0;width:100%;}
#ContentBox #actions .graphColumnIn{background:#daea8f;}
#ContentBox #actions .graphColumnInLight{background:#ecf4c5;}
#ContentBox #profit .graphColumnIn{background:#daea8f;}
#ContentBox #profit .graphColumnInLight{background:#ecf4c5;}
#ContentBox #turnover .graphColumnIn{background:#509E61;}
#ContentBox .dashRight #topSubscribers .graphColumnIn{background:#b3e4ee;}
#ContentBox .dashRight #topDepthors .graphColumnIn{background:#edc4c4;}
#ContentBox .graphHorizontalColumnWrap{clear:both;border-bottom:1px solid #eee;min-height:50px;}
#ContentBox .graphHorizontalColumnWrap:first-of-type,#ContentBox .graphHorizontalColumnWrap:last-of-type{height:50px;}
#ContentBox .graphHorizontalColumnWrap:last-child{border-bottom:0;}
#ContentBox .graphHorizontalColumnTitle{display:inline-block;float:left;aheight:40px;padding:10px 0 5px 0;}
#ContentBox .graphHorizontalColumnTitle .shipping-address{display:block;color:#a09898;font-size:12px;}
#ContentBox .graphHorizontalColumn{display:inline-block;position:relative;float:right;height:40px;}
#ContentBox .graphHorizontalColumnIn{position:absolute;background:#6cbae2;height:40px;top:5px;z-index:1;}
#ContentBox .graphHorizontalColumnInDark{position:relative;height:100%;}
#ContentBox .graphHorizontalColumnInDarkIn{position:absolute;background:#0d6c9b;height:100%;left:0;top:0;z-index:2;}
#ContentBox .graphBottomAxis{display:inline-block;float:right;margin-top:15px;}
#ContentBox .graphBottomAxis .graphBottomAxisTitle{position:relative;display:inline-block;float:left;font-size:12px;text-align:center;}
#ContentBox .verticalLine{position:absolute;background:#eee;left:0;top:0;width:1px;}

#ContentBox .currencyPannel{float:right;margin-top:10px;position:relative;}
#ContentBox .periodPannel{float:right;margin-top:10px;position:relative;}

#ContentBox .tableMenu{background:#f6f6f6;clear:both;display:block;font-size:14px;height:49px;position:relative;}
#ContentBox .tableMenu li{float:left;position:relative;}
#ContentBox .tableMenu li.right{color:#858585;display:block;float:right;padding:14px 20px 10px 30px;text-decoration:none;}
#ContentBox .tableMenu li a{color:#858585;display:block;float:left;padding:14px 20px 10px 30px;text-decoration:none;}
#ContentBox .tableMenu li a:hover,#ContentBox .tableMenu li.right:hover{color:#000;}
#ContentBox .tableMenu li ul,#ContentBox .tableMenu li ul li{width:100%;}
#ContentBox .tableMenu li ul li a{padding:5px 15%;width:70%;}
#ContentBox .tableMenu li.add{background:url(/images/add-item.png) no-repeat 5px 13px;}
#ContentBox .tableMenu li.more .more{background:url(/images/more.png) no-repeat;display:block;float:right;height:20px;width:20px;}
#ContentBox .tableMenu li.more ul{background:#f6f6f6;clear:both;display:none;position:absolute;top:44px;}
#ContentBox .tableMenu li.more:hover ul{display:block;}
#ContentBox .tableMenu li.more ul li{display:block;}
#ContentBox .tableMenu li.delete{background:url(/images/delete-item2.png) no-repeat 5px 13px;}
#ContentBox .tableMenu li.print{background:url(/images/print2.png) no-repeat 5px 15px;}
#ContentBox .tableMenu li.ok{background:url(/images/partial-ok.png) no-repeat 5px 13px;}

#ContentBox table,#sendInvoiceForm table{border-collapse:collapse;width:100%;}
#ContentBox table tr.checked,#ContentBox table tr.hover,#sendInvoiceForm table tr.hover{background:#edfaff;}
#ContentBox table tr.hover td.rowMenu ul{display:block;}
#ContentBox table tr.activeGroup,#ContentBox table tr.activeGroup td.rowMenu ul,#ContentBox table tr.isInInvoice{background:#f6f6f6;}
#ContentBox table tbody tr.correctiveInvoice td,#ContentBox table tbody tr.correctiveInvoice td a{color:red;}
#ContentBox table th,#ContentBox table td{font-size:14px;padding:2px 10px 2px 2px;}
#ContentBox table th{font-weight:normal;padding-right:10px;text-align:left;}
#ContentBox table:not(.classic) tr th:first-child,#ContentBox table:not(.classic) tr td:first-child{padding-left:0;}
#ContentBox table.filtration tr th:first-child,#ContentBox table.filtration tr td:first-child{padding-left:10px;}
#ContentBox table td.check,#ContentBox table th.check-all{padding-left:5px;width:12px;}
#ContentBox table th a{color:#666666;text-decoration:none;font-weight: bold;}
#ContentBox table td .afterdue{display:block;color:#e53d3d;padding-right:10px;}
#ContentBox table td .payed{color:#7cb83d;padding-right:10px;}
#ContentBox table td .beforedue{display:block;color:#36b6d6;padding-right:10px;}
#ContentBox table td.rowMenu{padding:0;min-width:100px;}
#ContentBox table td.rowMenu.wider{min-width:180px;}
#ContentBox table td.rowMenu.wide{min-width:270px;}
#ContentBox table td.rowMenu .tdWrap{position:relative;}
#ContentBox table td.rowMenu .tdWrapIn{height:19px;padding:10px;}
#ContentBox table td.rowMenu .tdWrapIn .indent{display:block;float:left;height:100%;}
#ContentBox table td span.ok{background:url(/images/ok.png) no-repeat;display:inline-block;height:21px;margin-bottom:-6px;width:21px;}
#ContentBox table td span.partial-ok{background:url(/images/partial-ok.png) no-repeat;display:inline-block;height:21px;margin-bottom:-6px;width:21px;}
#ContentBox table td .set-expedition{background:url(/images/truck.svg) no-repeat;filter:invert(33%) sepia(37%) saturate(3914%) hue-rotate(339deg) brightness(91%) contrast(96%);display:inline-block;height:21px;width:21px;}
#ContentBox table td .set-expedition.active{filter:invert(42%) sepia(93%) saturate(1352%) hue-rotate(87deg) brightness(119%) contrast(119%);}
#ContentBox table td .set-expedition.semi-active{filter:invert(74%) sepia(81%) saturate(1727%) hue-rotate(357deg) brightness(101%) contrast(107%);}
#ContentBox table td.rowMenu ul{background:#edfaff;display:none;aheight:20px;padding:11px 5px;position:absolute;right:0;width:auto;z-index:10;}
#ContentBox table td.rowMenu li{display:inline-block;margin-right:5px;}
#ContentBox table td.rowMenu li:first-child{margin-left:10px;}
#ContentBox table td.rowMenu li a{display:block;height:21px;margin-left:0;width:21px;}
#ContentBox table td.rowMenu li.edit a{background:url(/images/edit.png) no-repeat;}
#ContentBox table td.rowMenu li.plus a{background:url(/images/plus.png) no-repeat 0px 4px;}
#ContentBox table td.rowMenu li.deliveryNote a{background:url(/images/delivery-note.png) no-repeat 3px 3px;}
#ContentBox table td.rowMenu li.deliveryNote2 a{background:url(/images/delivery-note2.png) no-repeat 3px 3px;}
#ContentBox table td.rowMenu li.ticket a{background:url(/images/ticket.png) no-repeat 3px 1px;}
#ContentBox table td.rowMenu li.toInvoice a{background:url(/images/invoice.png) no-repeat;}
#ContentBox table td.rowMenu li.warning a{background:url(/images/warning.png) no-repeat;}
#ContentBox table td.rowMenu li.email a{background:url(/images/email.png) no-repeat;}
#ContentBox table td.rowMenu li.ok a{background:url(/images/partial-ok.png) no-repeat;}
#ContentBox table td.rowMenu li.print a{background:url(/images/print.png) no-repeat;}
#ContentBox table td.rowMenu li.print2 a{background:url(/images/print3.png) no-repeat;}
#ContentBox table td.rowMenu li.delete a{background:url(/images/delete.png) no-repeat;}
#ContentBox table .groupItem{display:none;}
#ContentBox table .groupItem.open{display:table-row;}
#ContentBox table tr.tfoot th{color:#666666;font-size:13px;font-weight:bold;padding:20px 10px 10px 0;}
#ContentBox table tr.tfoot td{color:#666666;font-size:12px;}
#ContentBox table tr.tfoot:last-of-type td{padding-bottom:10px;}

#ContentBox table.groupItems th:first-child{width:15px;}
#ContentBox table.groupItems td.delete{padding-left:5px !important;width:30px;}
#ContentBox table.groupItems td.delete .deleteActionItem{display:inline-block;}
#ContentBox table.groupItems td.add{padding-left:5px !important;}
#ContentBox table.groupItems td.add a{background:url(/images/add-item.png) no-repeat;display:inline-block;height:21px;padding:2px 0 0 35px;}
#ContentBox table.groupItems td.addOverhead{vertical-align:top;}
#ContentBox table.groupItems dt,#ContentBox table.groupItems dd{display:inline;margin:0;}
#ContentBox table.groupItems .titleWrap{position:relative;width:260px;}
#ContentBox table.groupItems .itemTitle,#ContentBox table.groupItems .itemTitleOverhead{padding-right:70px;width:180px;}
#ContentBox table.groupItems a.toStock{position:absolute;right:25px;top:5px;}
#ContentBox table.groupItems .numberUnits,#ContentBox table.groupItems .unit{width:50px;}
#ContentBox table.groupItems .price{padding-right:35px;width:60px;}
#ContentBox table.groupItems .discount{width:60px;}

#ContentBox .searchingPannel{float:right;margin-top:10px;position:relative;right:0;top:0;}
#ContentBox .searchingPannel .toggleFiltration{background:#fff url(/images/more.png) no-repeat 5px 8px;color:#042b3d;display:inline-block;float:right;font-size:14px;height:20px;padding:10px 20px 10px 25px;text-decoration:none;}
#ContentBox .searchingPannel .toggleFiltration.active{background-color:#dcf4ff;}
#ContentBox .searchingPannel .toggleFiltration .unactive{display:none;}
#ContentBox .searchingPannel .search{float:right;height:24px;margin-left:10px;}
/*#ContentBox .searchingPannel .dateBy,#ContentBox .searchingPannel .inside{height:24px;}*/
#ContentBox .searchingPannel .right{float:right;}
#ContentBox .searchingPannel .inside{float:left;margin-right:10px;position:relative;}
#ContentBox .searchingPannel select{float:left;height:30px;margin-right:10px;}
#ContentBox .searchingPannel .searchIcon{background:url(/images/search.png) no-repeat;display:block;height:21px;position:absolute;right:4px;top:4px;width:21px;}
#ContentBox .searchingPannel .dateIcon{background:url(/images/calendar.png) no-repeat;display:block;height:21px;position:absolute;right:4px;top:4px;width:21px;}
#ContentBox .searchingPannel .stock-checkboxes{clear:both;float:left;margin:20px;}

#ContentBox .filtrationBox{background:#fff;top:0;z-index:100;}
#ContentBox .filtrationBox.sticky{position:sticky;}
#ContentBox table.filtration{background:#dcf4ff;clear:both;display:none;position:relative;}
#ContentBox .filtration-div{abackground:#dcf4ff;padding:10px;margin-bottom:20px;}
#ContentBox .filtration-div .filtration{display:table;}
#ContentBox table.filtration th{color:#042b3d;padding:10px;width:120px;}
#ContentBox table.filtration th a.reset{background:url(/images/delete.png) no-repeat;display:block;height:21px;position:absolute;right:4px;top:4px;width:21px;}
#ContentBox table.filtration td{line-height:25px;padding:5px;vertical-align:top;}
#ContentBox table.filtration label{clear:both;color:#0c88bb;cursor:pointer;display:block;float:left;width:auto;}
#ContentBox table.filtration label input[type="checkbox"]{float:left;}
#ContentBox table.filtration label.asLink{amargin-bottom:10px;}
#ContentBox table.filtration label.asLink:hover,#ContentBox table.filtration label.asLink.active{font-weight:bold;}
#ContentBox table.filtration label.asLink input[type="radio"]{display:none;}
#ContentBox table.filtration input[type="text"]{margin-right:10px;width:110px;}
#ContentBox table.filtration input.date{background:#fff url(/images/calendar.png) no-repeat 96px 2px;}
#ContentBox table.filtration select{width:auto;}

#ContentBox .leftMenu{border-right:1px solid #e8e8e8;clear:both;float:left;width:379px;}
#ContentBox .leftMenu ul{padding:0 !important;}
#ContentBox .leftMenu li.red{background:red;}
#ContentBox .leftMenu li.orange{background:orange;}
#ContentBox .leftMenu li.red a,#ContentBox .leftMenu li.orange a{color:#fff;}
#ContentBox .leftMenu ul li a{border-bottom:1px solid #e8e8e8;color:#000;display:block;font-size:11px;padding:10px;}
#ContentBox .leftMenu ul li.active>a{font-weight:bold;}
#ContentBox .leftMenu ul li a:hover{text-decoration:underline;}
#ContentBox .leftMenu ul li ul{display:none;}
#ContentBox .leftMenu ul li.active>ul{display:block;}

#ContentBox table.multiMenu{border-collapse:collapse;width:100%;padding:0 !important;}
#ContentBox table.multiMenu table{table-layout:fixed;width:100%;}
#ContentBox table.multiMenu td{border-bottom:1px solid #e8e8e8;font-size:11px;padding:10px;}
#ContentBox table.multiMenu th{border-bottom:2px solid #e8e8e8;font-weight:bold;padding:10px;}
#ContentBox table.multiMenu table td:nth-child(1),#ContentBox table.multiMenu table th:nth-child(1){width:25%;}
#ContentBox table.multiMenu tr details table tr:last-child td {border-bottom:none;}
#ContentBox table.multiMenu td a{color:#000;display:block;font-size:11px;padding:10px;}
#ContentBox table.multiMenu tr details summary{border-bottom:1px solid #e8e8e8;list-style:none;padding:10px 0;}
#ContentBox table.multiMenu tr.category.active details>summary>a,#ContentBox table.multiMenu tr.subcategory.active>td>a{font-weight:bold;}
#ContentBox table.multiMenu td a:hover{text-decoration:underline;}

#ContentBox .stockTable{clear:none !important;float:right;width:800px;}
#ContentBox table.classic{clear:both;margin:15px 0 20px 0;}
#ContentBox table.classic thead th{font-weight:bold;}
#ContentBox table.classic thead th,#ContentBox table.classic tbody td{border-bottom:1px solid #e8e8e8;color:#666666;font-size:13px}
#ContentBox table.classic tbody tr.incoming td{color:green;font-weight:bold;}
#ContentBox table.classic tbody tr.outgoing td{}
#ContentBox table.classic tbody tr.red{background:red;}
#ContentBox table.classic tbody tr.orange{background:orange;}
#ContentBox table.classic tbody tr.red td,#ContentBox table.classic tbody tr.orange td{color:#fff;}
#ContentBox table.classic tfoot th.total{border:0;color:#000;font-size:13px;font-weight:bold;text-align:right;}
#ContentBox table.classic tfoot th.total.left{text-align:left;}
#ContentBox table.classic td a{color:#489bc5;}
#ContentBox table td.delete{padding:0;}
#ContentBox table td.delete a{background:url(/images/delete-item.png) no-repeat;display:block;height:21px;width:21px;}
#ContentBox .addItem{background:url(/images/add-item.png) no-repeat;display:block;padding-left:30px;}

#ContentBox .pagination{float:right;margin-top:10px;}
#ContentBox .pagination label{color:#cfcfcf;float:right;font-size:14px;}
#ContentBox .pagination label input[type="text"]{width:30px;}
#ContentBox .pagination ul{float:right;margin-left:50px;}
#ContentBox .pagination ul li{display:inline-block;}
#ContentBox .pagination ul li a{color:#b0b0b0;font-size:15px;padding:3px 8px;text-decoration:none;}
#ContentBox .pagination ul li.prev a,#ContentBox .pagination ul li.next a{background:#c9c9c9;background-repeat:no-repeat;display:block-inline;padding:3px 12px;}
#ContentBox .pagination ul li.prev a{background-image:url(/images/prev.png);background-position:1px 1px;}
#ContentBox .pagination ul li.next a{background-image:url(/images/next.png);background-position:1px 1px;}
#ContentBox .pagination ul li.current a{background:#42a7d5;color:#fff;}

#ContentBox table td.right,#ContentBox table th.right{text-align:right;}
#ContentBox table td.center{text-align:center;}
#ContentBox form table label{color:#666;display:block;float:left;font-size:14px;width:90px;}
#ContentBox form table .description{display:block;float:left;margin:2px 0 0 5px;position:relative;}
#contactForm td dd{margin:0 10px 0 0;}
#ContentBox form table .logo{clear:none;float:left;margin:0;position:relative;}
#ContentBox form table .logo .delete{position:absolute;right:5px;top:3px;}
#ContentBox form table input{float:left;}
#ContentBox form table input[type="text"]{width:290px;padding:5px 4px;font-size:12px;outline:none;}
#ContentBox form table textarea{width:290px;}
#ContentBox form table textarea.long{width:810px;}
#ContentBox form table textarea.longEditTextarea{width:845px;}
#ContentBox table #ic{width:50px;}
#ContentBox table #dic{width:70px;}
#ContentBox table #zipCode{width:40px;}
#ContentBox table #city{width:95px;}
#ContentBox table #contactPersonTitul{width:30px;}
#ContentBox table #contactPersonFirstname{width:113px;}
#ContentBox table #reason{width:150px;}
#ContentBox form table .supplyAddress{display:none;}
#ContentBox table .reason{width:210px;}
#ContentBox table #constantSymbol{width:113px;}
#ContentBox table #increase{width:50px;}
#ContentBox table .vat{width:50px !important;}
#ContentBox table dd{position:relative;}
#ContentBox table .vat + .description,#ContentBox table .price + .description,#ContentBox table .discount + .description,#ContentBox table .increase + .description{position:absolute;right:5px;top:3px;}
#ContentBox table input[type="checkbox"]{margin-left:0;}
#ContentBox table input[type="checkbox"]+label{width:200px;}
#ContentBox table select{float:left;width:300px;}
#ContentBox table a{color:#2195ca;}

#invoiceForm td:first-child{awidth:420px;}
#invoiceForm table dd{float:left;}
#invoiceForm label{width:160px !important;}
#invoiceForm select#supplier,#invoiceForm select#subscriber,#invoiceForm select#typePayment,#invoiceForm select#currency,#invoiceForm select#language{width:220px;}
#invoiceForm input.shorter{width:100px !important;}
#invoiceForm table input[type="checkbox"]{margin-left:5px;}
#invoiceForm table input.noteOnInvoice{width:392px !important;}

.popup{background:#fff;display:none;}
.popup h1{margin-top:20px;}
.popup h2{padding:20px 20px 10px 20px;}
.popup p{padding:5px 20px;}
.popup ul{padding:10px 20px;}
.popup a.cancel{background:url(/images/delete.png) no-repeat;display:block;height:21px;position:absolute;right:5px;top:5px;width:21px;}
.popup .searchingPannel{margin-top:20px !important;}
.popup table td{padding-right:10px;}
.popup table td dd{margin:0 20px 0 0;position:relative;}
.popup .mceEditor{padding:10px 20px 10px 0;}
.popup .mceEditor{display:block;float:left;}
.popup label{display:block;float:left;padding:5px 20px;width:50px;}
.popup .tableMenu{padding:0 !important;}
.popup .tableMenu label{padding:0;width:auto;}
.popup input[type="text"]{font-size:12px;height:22px;line-height:15px;width:200px;}
.popup input.numberUnits{width:50px;}
.popup input.price{padding-right:35px;width:60px;}
.popup .amount + .description{padding:0;position:absolute;right:15px;top:-10px;}
.popup table .price + .description{font-size:13px;height:16px;line-height:16px;margin:0;position:absolute;right:-10px;top:2px;}
.popup textarea{height:200px;margin:10px 20px;width:400px;}
.popup .stockTable tbody tr{cursor:pointer;}
.popup .classicButtonPanel{clear:both;}
.popup .buttonPanel:not(.classicButtonPanel){background:grey;margin-top:20px;padding:10px 20px;}
.popup .buttonPanel:not(.classicButtonPanel) input[type="submit"]{border:1px solid #cbcbcb;float:right;font-size:15px;margin:0 0 0 20px;padding:5px 20px;cursor:pointer;color:#72d0ff;line-height:25px;}
.popup .buttonPanel:not(.classicButtonPanel) .cancel{background:#fff;color:#6b6b6b;}
.popup .buttonPanel:not(.classicButtonPanel) .send{background:#044563;color:#4590b6;}
.popup .buttonPanel:not(.classicButtonPanel) .send:hover{color:#fff;}

.product-validation-error{background:#fff;display:none;}
.product-validation-error h1{float:none;margin-bottom:0;padding:10px;width:auto;}
.product-validation-error table{float:none;margin:0 10px 10px 10px;}
.product-validation-error table th,.product-validation-error table td{padding:5px;text-align:left;}
.product-validation-error table td.center{text-align:center;}

#sendInvoicePopup table td{padding:10px 20px;}
#sendInvoicePopup table tr.disabled td{background:grey !important;}

.buttonPanel input[type="submit"],button.history{border:1px solid #cbcbcb;float:right;font-size:15px;margin-right:20px;padding:5px 20px;cursor:pointer;color:#72d0ff;line-height:25px;}
.buttonPanel input[type="submit"]:hover,button.history:hover{color:#fff;}
#ContentBox .buttonPanel .preview{background:#fff;color:#6b6b6b;}
#ContentBox .buttonPanel .cancel{background:#fff;color:#000 !important;}
.buttonPanel .save,button.history{background:#044563;color:#4590b6;}

.ui-autocomplete-loading{background:#fff url(/images/indicator.gif) no-repeat right center;}
.clear{clear:both;}
.displayNone{display:none;}

.tleft {text-align: left !important;}
.tright {text-align: right !important;}

#ui-datepicker-div{z-index:9999 !important;}

#tabs {font-family: "Myriad Pro"; margin-bottom:20px; border:1px solid #195672;}
#tabs .ui-tabs-nav {background:#195672; border:1px solid #195672;}
#tabs .ui-tabs-nav li:not(.ui-state-active) {background:#195672; border:1px solid #195672; border-bottom-width:0;}
#tabs .ui-tabs-nav li a {font-size:14px;}
#tabs .ui-tabs-nav li:not(.ui-state-active) a {color:#9cc8df;}
#tabs .ui-tabs-nav li:not(.ui-state-active) a:hover {color:#fff;}

#tabs-2 label {width:auto !important;}
.clickable,.ajaxable {height:40px; cursor:pointer}
.clickable.active,.ajaxable.active {background: #F6F6F6;}
.hideable {display:none;}
.ajax-hideable > td{border:0 !important;}

#MessagesBox{margin:10px 0;}
#MessagesBox .success{color:#057139;}
#MessagesBox .error{color:red;}