You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

571 lines
28 KiB

@font-face {
font-family: 'MyriadPro-Light';
src: url('../fonts/MyriadPro-Light.eot');
src: local('☺'), url('../fonts/MyriadPro-Light.woff') format('woff'), url('../fonts/MyriadPro-Light.ttf') format('truetype'), url('../fonts/MyriadPro-Light.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'MyriadProCondensed';
src: url('../fonts/myriadpro-cond.eot');
src: url('../fonts/myriadpro-cond.eot') format('embedded-opentype'),
url('../fonts/myriadpro-cond.woff') format('woff'),
url('../fonts/myriadpro-cond.ttf') format('truetype'),
url('../fonts/myriadpro-cond.svg#MyriadProCondensed') format('svg');
}
@font-face {
font-family: 'MyriadProRegular';
src: url('../fonts/myriadpro-regular.eot');
src: url('../fonts/myriadpro-regular.eot') format('embedded-opentype'),
url('../fonts/myriadpro-regular.woff') format('woff'),
url('../fonts/myriadpro-regular.ttf') format('truetype'),
url('../fonts/myriadpro-regular.svg#MyriadProRegular') format('svg');
}
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.center { text-align: center; }
html {
height:100%;
}
body {
font-family: Arial,Helvetica,sans-serif;
font-size: small;
padding: 0;
border: 0;
height: 100%;
color:#646669;
position:relative;
font-size:14px;
background: url(../img/bg.png);
margin:0;
}
#bg {
z-index:0;
height:100%;
}
#bg-header {background:#fff;position:absolute;top:0;height:150px;width:100%;}
#bg-index {background:url(../img/index-banner.png) no-repeat top center;position:absolute;top:150px;height:551px;width:100%;}
#bg-index-promo {background:#38424c;position:absolute;top:701px;height:200px;width:100%;}
#body {
height:auto;
min-height:100%;
position:relative;
margin: 0;
padding:0;
width: 100%;
}
#w1200 {
z-index:1;
position:relative;
margin: 0 auto;
padding:0 0 100px 0;
width: 1200px;
}
.w1200 {width:1200px;margin:0 auto;}
.content-white {width:1200px;background:#fff;box-shadow: 0 0 5px #ddd;padding:15px 15px 0 15px;box-sizing:border-box;margin-bottom:70px;}
#header {height:100px;width:100%;position:relative;}
#logo {font-family:"MyriadProRegular";display:block;overflow:hidden;margin-top:18px;}
#logo .logo-bigfont {font-size:30px;line-height:30px;margin-top:12px;text-transform:uppercase;}
.logo-text {margin-left:10px; font-size:18px;color:#3e454c;line-height:18px;}
.auth_block {margin-top:30px;}
.login, .register {display:block;padding-left:34px;margin: 0 3px;height:36px;text-decoration:none;font-family:Arial,Helvetica,sans-serif;color:#36393f; line-height:36px;}
.login {background: url(../img/login-yellow.png) no-repeat left center;}
.login_active {background: url(../img/login-black.png) no-repeat left center;}
.register {background: url(../img/register-yellow.png) no-repeat left center;}
.register_active {background: url(../img/register-black.png) no-repeat left center;}
.index-banner-text {height:551px;width:800px;color:#fff;font-size:24px;font-family:"MyriadProRegular";position:relative;overflow:hidden;}
.index-banner-text h1 {font-size:48px;}
.index-banner-btn {width:800px;display:table;}
.index-register, .index-banner-btn p {display:table-cell;vertical-align:middle;padding:10px;}
.index-banner-btn p {width:440px;font-size:16px;background:#272b31;}
.index-register {font-size:22px;text-decoration:none;text-transform:uppercase;color:#4e5661;background:#fed13e;text-align:center;}
.index-promo {height:200px;width:100%;position:relative;display:table-cell;vertical-align:middle;}
.index-promo .round {height:116px;width:116px;position:relative;border-radius:59px;float:left;margin-right:10px;}
.index-promo .round1 {background:#fed13e url(../img/index-promo-1.png) no-repeat center center;}
.index-promo .round2 {background:#fed13e url(../img/index-promo-2.png) no-repeat center center;}
.index-promo .round3 {background:#fed13e url(../img/index-promo-3.png) no-repeat center center;}
.index-promo-text {float:left;overflow:hidden;width:390px;font-family:"MyriadPro-Light"}
.index-promo-text h2 {text-transform:uppercase;color:#fed13e;font-size:33px;margin:5px 0;}
.index-promo-text .text {width:250px;}
.index-promo-text .text p {color:#fff;margin:5px 0;font-size:18px;}
#reasons {position:relative;margin-bottom:260px;}
.extended-block {width:1200px;height:110px;overflow:visible;cursor:pointer;padding-right:650px;box-sizing:border-box;}
.extended-block .order {font-family:"MyriadProCondensed";font-size:110px;line-height:110px;font-weight:normal;color:#e0e0e0;}
.extended-block.active .order {color:#ffd64f;}
.extended-block-text .text {width:450px;height:110px;overflow:hidden;}
.extended-block-text h3 {font-size:18px;line-height:18px;color:#498dd0;margin:8px 0;}
.extended-block-text p {font-size:14px;line-height:14px;margin:4px 0;}
.extended-block-more {font-size:13px;line-height:13px;margin:0;background:url(../img/darker-bg.png);position:absolute;left:600px;top:0;width:423px;height:100%;box-sizing:border-box;padding:20px;}
.extended-block-more .text {padding:20px;overflow:hidden;height:100%;position:relative;background:#fff;box-sizing:border-box;}
.extended-block-more .text p {margin:0;}
.extended-triangle {background: url(../img/triangle.png) no-repeat center center;width:26px;height:29px;position:relative;left:574px;top:40px;}
#index-yellow-banner {background:#fed13e;height:190px;width:100%;position:absolute;bottom:100px;z-index:5;}
#index-yellow-banner .w1200{height:100%;}
#index-yellow-banner .lamp {background:url(../img/lamp.png) no-repeat center center;height:190px;width:160px;}
#index-yellow-banner .text {width:640px;}
#index-yellow-banner .text a {font-size:30px;margin:0;font-family:"MyriadProRegular";display:inline-block;margin:25px 0 18px 0;}
#index-yellow-banner .text p {margin:0;font-size:15px;font-family:"MyriadProRegular";}
#index-yellow-banner .btn {width:400px;height:75px;margin-top:57px;}
#index-yellow-banner .btn a {width:400px;height:75px;background:#313942;display:table-cell;vertical-align:middle;text-align:center;text-transform:uppercase;text-decoration:none;color:#fff;font-size:22px;}
.login-page {margin:64px auto;width:514px;padding:20px;background:#fff;box-shadow: 0 0 5px #ddd;}
.register-arrow {width:300px;height:100px;background:url(../img/black_arrow.png) no-repeat center center;position:absolute;left:50%;top:340px;margin-left:300px;color:#fff;padding: 20px 0 0 0;font-style:italic;text-align:center;font-size:16px;}
.register-arrow p {margin:5px;}
.auth-form .field input[type="text"], .auth-form .field input[type="email"], .auth-form .field input[type="password"]{width:300px;vertical-align:bottom;height:50px;margin-top:32px;font-size: 46px;line-height:46px;}
.auth-form .field input[type="checkbox"] {height:20px;width:20px;vertical-align:middle;height:50px;}
.auth-form .field#captcha input[type="text"] {width:130px;height:50px;}
.auth-form .field label {display:inline-block;width:190px;text-align:right;line-height:50px;padding-right:5px;vertical-align:middle;}
.auth-form .field#profile_type label {width:200px;vertical-align:middle;height:50px;}
.auth-form #profile_type.field ul {float:right;margin-top:15px;}
.auth-form #profile_type.field ul li label {width:300px;font-size:13px;line-height:20px;vertical-align:bottom;height:30px;text-align:left;}
.auth-form .field img {vertical-align:middle;}
.auth-form .buttons {text-align:center;margin-top:45px;}
.auth-form .buttons input[type="submit"]{background:#fed13e;border:none;font-size:22px;padding:15px 40px;color:#4e5661;font-family:"Arial Narrow", Arial, sans-serif;font-weight:bold;text-transform:uppercase;}
.auth-form .captcha_refresh {display:inline-block;margin: 0 10px;width:24px;}
.register-form {margin:0 46px 64px 0;width:514px;padding:20px;background:#fff;box-shadow: 0 0 5px #ddd;float:left;}
.register_desc h2 {margin:0;}
#why_register {margin-bottom:260px;position:relative;}
#prices-block {overflow:hidden;width:100%;height:146px;margin-top:20px;}
.price-block {float:left;width:144px;height:116px;margin-right:8px;}
#prices-block .price-block:last-child {margin-right:0;}
.price-block .price-header {
height: 34px;
width:144px;
border-radius: 15px 15px 0 0;
background: #313942; /* Old browsers */
background: -moz-linear-gradient(left, #313942 0%, #7f848a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#313942), color-stop(100%,#7f848a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #313942 0%,#7f848a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #313942 0%,#7f848a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #313942 0%,#7f848a 100%); /* IE10+ */
background: linear-gradient(to right, #313942 0%,#7f848a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#313942', endColorstr='#7f848a',GradientType=1 ); /* IE6-9 */
font-weight: bold;
font-size: 20px;
line-height: 34px;
color: #fff;
text-align:center;
}
.price-block .price-content {
position:relative;
border-radius: 0 0 15px 15px;
border: 1px solid #cfcfcf;
border-top:none;
height: 82px;
width:142px;
text-align:center;
font-size:44px;
font-family:"MyriadPro-Light";
line-height:93px;
color:#313942;
background: #fbfbfb; /* Old browsers */
background: -moz-linear-gradient(top, #fbfbfb 0%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fbfbfb 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fbfbfb 0%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fbfbfb 0%,#ededed 100%); /* IE10+ */
background: linear-gradient(to bottom, #fbfbfb 0%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}
.price-block .price-triangle{
position:absolute;
top:0;
right:0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 54px 54px 0;
border-color: transparent #fed13e transparent transparent;
}
.price-block .price-discount {
position:absolute;
top:0;
right:0;
width:54px;
height:54px;
padding:5px 5px 0 0;
}
.price-block .price-discount span{
font-size:18px;
font-family:'MyriadProRegular';
font-weight:bold;
display:block;
height:18px;
line-height:18px;
width:54px;
padding:0;
margin:0;
text-align:right;
}
.desc-block {width:600px;height:30px;overflow:visible;cursor:pointer;box-sizing:border-box;}
.desc-block-text a {font-size:15px;line-height:15px;}
.desc-block-more {font-size:14px;line-height:14px;margin:0;background:#272b31;position:absolute;left:320px;top:0;width:275px;height:100%;box-sizing:border-box;padding:20px;color:#fff;font-style:italic;}
.desc-triangle {background: url(../img/triangle2.png) no-repeat center center;width:11px;height:25px;position:relative;left:309px;top:-12px;}
.db {display:block;}
a { color: #498dd0; cursor: pointer; text-decoration: underline; }
a img { outline: none; border: 0; }
h1, h2, h3 { line-height: normal; }
h1 {font-family:"Arial Narrow", Arial, sans-serif;font-size:30px;font-weight:normal;font-stretch:condensed;}
h2 {font-weight: normal;font-size:24px;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
border-radius:none!important;
}
.ui-widget-content {
background:#fff;
}
.ui-dialog .ui-dialog-buttonpane {
background:none!important;
border:0;
}
.ui-dialog .ui-dialog-content {font-size:14px;}
.ui-widget-header {background:#fff;border:none;color:#646669;text-transform:uppercase;font-size:18px;font-weight:normal;font-family:"Arial Narrow", Arial, sans-serif;}
.ui-state-default .ui-icon {background:url(../img/close.png) no-repeat center center;}
.ui-icon {width:22px;height:22px;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background:none;border:none;}
.client-edit-form_dlg .ui-dialog-buttonpane {
background:none!important;
border:0;
position:absolute;
bottom:0;
right:100px;
padding:15px 0;
}
ul.messagelist { padding: 0 0 5px 0; margin: 0; }
ul.messagelist li {
font-size: 12px;
display: block;
padding: 4px 5px 4px 25px;
margin: 0 0 3px 0;
border-bottom: 1px solid #ddd;
color: #666;
background: #ffc url(../img/icon-success.gif) 5px .3em no-repeat;
}
ul.messagelist li.warning { background-image: url(../img/icon-alert.gif); }
ul.messagelist li.error { background-image: url(../img/icon-error.gif); }
.ui-dialog .save_btn {display:inline;font-family:"Arial Narrow", Arial, sans-serif;font-size:22px;text-transform:uppercase;font-weight:bold;border:none;width:215px;height:72px;background:#fed13e;border-radius:0;}
.ui-dialog .save_btn span {width:215px;display:table-cell;vertical-align:middle;text-align:right;text-transform:uppercase;text-decoration:none;font-size:22px;color:#4e5661;}
.ui-dialog .cancel_btn {display:inline;font-family:"Arial Narrow", Arial, sans-serif;font-weight:bold;border:none;width:120px;height:72px;background:none;border-radius:0;}
.ui-dialog .cancel_btn span {width:215px;display:table-cell;vertical-align:middle;text-align:center;text-decoration:underline;font-size:14px;color:#498dd0;font-weight:normal;}
.client-edit-form_dlg .save_btn span {background:url(../img/save.png) no-repeat 20px top;}
.yellow-btn {color:#4e5661;background:#fed13e;}
.btn {display:inline-block;font-family:"Arial Narrow", Arial, sans-serif;font-size:22px;text-transform:uppercase;font-weight:bold;border:none;height:72px;background:#fed13e;border-radius:0;}
.btn a {height:75px;display:table-cell;vertical-align:middle;text-align:center;text-transform:uppercase;text-decoration:none;color:#fff;font-size:22px;}
.docs-btn {margin-bottom:15px;}
.docs-btn a {padding: 0 40px;font-weight:normal;}
.yellow-btn a {color:#4e5661;}
.hidden {display:none; }
.errorlist { font-size: 8pt; overflow: hidden; }
.errorlist li { color: red; }
.help-text { font-size: 8pt; color: #666666; display:block;padding:10px;}
form { font-size: small; padding: 0; margin: 0; }
form label {font-style:italic;font-size:16px;}
.label {width:120px;text-align:right;font-size:14px;color:#646669;line-height:30px;}
.form-field: {width:210px;}
input, select, textarea { font-family: Arial,Helvetica,sans-serif;background:#f8f8f8;}
fieldset {
padding: 0 0 10px;
border-style: none none solid;
border-width: 0 0 1px;
border-color: #777;
}
textarea { width: 99%; }
input[type=text], input[type=number], input[type=email], input[type=password], select, textarea { border: 2px inset #d8d8d8; }
input[type=text], input[type=number], input[type=email], input[type=password], textarea, option { padding-left: 2px; margin-left: 2px; }
.long-input input { width: 350px; }
.block {margin: 10px 0;overflow:hidden;}
.bt {border-top:#313942 1px solid; padding-top:15px;}
.client-form .col1 { float: left; width: 350px; }
.client-form .col2 { float: left; width: 370px; }
.client-form .field {margin-top: 5px;}
.client-form input[type=text], .client-form input[type=password], .client-form input[type=email] {
height:28px;
}
.client-form input[type=text], .client-form input[type=password], .client-form input[type=email], .client-form textarea, .client-form option {
padding-left: 2px;
padding-right: 2px;
margin-left: 2px;
width: 200px;
font-size: 20px;
line-height:20px;
}
.client-form .bank-header {color:#646669;font-weight:bold;text-align:center;margin:15px 0;}
/*.client-form .buttons { padding: 10px 0 6px 33px; }*/
.profile-table {width:100%;overflow:hidden;border-collapse: separate; display:table;border-spacing:15px;background:url(../img/darker-bg.png);margin-bottom:85px;}
.profile-row {display:table-row;}
.profile-col1 {width: 785px;margin-right:15px;}
.profile-col2 {width: 370px;}
.profile-col1, .profile-col2 {float: none;background:#fff; box-shadow: 0 0 5px #ddd;padding:0px;display:table-cell;}
#profile {position:relative;margin-bottom:85px;}
#profile div {line-height: 20px;}
.reqs_btns {position:absolute; bottom:215px;text-align:center;width:785px;}
.reqs_btns input {display:inline;font-family:"Arial Narrow", Arial, sans-serif;font-size:22px;text-transform:uppercase;font-weight:bold;padding:25px 15px 25px 70px;border:none;}
.reqs_btns .btn {color:#4e5661;}
.reqs_btns .yellow-btn {color:#4e5661;}
.reqs_btns .black-btn {color:#fff; margin-left:15px;}
.reqs_btns .black-btn.envelope {background:#38424c url(../img/envelope.png) no-repeat 15px center;}
.reqs_btns .yellow-btn.printer {background:#fed13e url(../img/printer.png) no-repeat 15px center;}
.info-bar { background-color: #f7f7f7; font-size: 11px; padding:10px 15px; font-size:16px;}
#profile, .profile-filters-form {padding:15px;}
#edit_profile {display: inline-block; float:right;padding-left: 15px;background:url(../img/pencil.png) no-repeat;font-size:13px;}
ul { clear: both; list-style: none; margin: 0; padding: 0; }
.nav {display:block;margin:20px;}
.has-datepicker { background: url(../img/icon-calendar.png) no-repeat scroll right 5px center #f8f8f8; }
.profile-form input#id_ip_reg_date { background: url(../img/icon-calendar.png) no-repeat scroll right center transparent; }
#id_phone_code, #id_fax_code { width: 60px; }
#accounts .account-delete a { text-decoration: none; }
#accounts .account-delete img { vertical-align: middle; }
#accounts .account-add img { vertical-align: middle; margin-right: 6px; }
#accounts .main { color: green; font-size: 11px; text-align: center; padding-left: 10px; vertical-align: top; }
.add-link, .add-row {background:url(../img/icon-add.png) no-repeat left;padding:5px 0 5px 26px;line-height:22px;display:inline-block;}
.add-link {margin-left:10px;}
.add-row {margin-top:4px;}
.edit-link a, .delete-link a { text-decoration: none; }
.doc-panel {background:#fff;}
.doc-panel a.doc {display:block;margin: 13px 0 13px 20px;height:40px;padding-left:43px;line-height:40px;:}
.doc-panel a.pdf-link {background:url(../img/sign-pdf.png)left center no-repeat;}
.doc-panel a.excel-link {background:url(../img/sign-xls.png)left center no-repeat;}
.doc-panel a.copy-link {background:url(../img/sign-copy.png)left center no-repeat;}
.doc-panel a.invoice-add-doc {background:url(../img/sign-add.png)left center no-repeat;}
.doc-panel a.email-link {background:url(../img/sign-email.png)left center no-repeat;}
.doc-panel a.edit-link {background:url(../img/sign-edit.png)left center no-repeat;}
.doc-panel a.delete-link {background:url(../img/icon-delete.png)7px center no-repeat;}
.doc-panel .doc-panel-header {background:#f7f7f7;padding:5px 18px;font-size:16px;}
.doc-panel .doc-panel-header:first-child {border-bottom:1px solid #dedede;}
.preview-col2 .doc-panel {box-sizing:border-box;}
a.delete { vertical-align: top; }
.profile-filters-form div { margin: 7px 0; padding: 0; clear: both; }
.profile-filters-form input[type=checkbox] { margin: 0; padding: 0; }
.profile-filters-form .level-2 { margin-left: 15px; }
.profile-filters-form .accounts ul { margin-left: 11px; }
.profile-filters-form .accounts ul li { margin: 4px 0; }
.profile-filters-form .accounts ul li span.name { margin-left: 25px; }
.div-doc-form {background:#fff;padding:15px;box-shadow: 0 0 5px #ddd;}
.doc-form input[type=text], .doc-form input[type=email], .doc-form input[type=number], .doc-form input[type=password], .doc-form textarea, .doc-form option {padding-left:2px;margin-left:0;height:36px;font-size:25px;}
#id_client_text {width:406px;}
#id_client-wrapper {display:inline;}
.doc-form #doc_date,
.doc-form #doc_mesto, .doc-form #end_date,
.doc-form #doc_expire_date, .doc-form #dover_doc_date, .doc-form #dover_passport_num, .doc-form #plat_doc_date
{ margin-left: 10px; }
.doc-form #client .hilight {font-size:25px;}
.doc-form #saldo_debit input { margin-left: 12px; }
.doc-form #saldo_credit input { margin-left: 5px; }
.doc-form #saldo_debit .errorlist, .doc-form #saldo_credit .errorlist { margin-left: 83px; }
.doc-form #dover_name input { margin-left: 49px; }
.doc-form #dover_passport_ser input#id_dover_passport_ser { margin-left: 5px; }
.doc-form #dover_passport_org input { margin-left: 85px; }
.doc-form #dover_passport_date input { margin-left: 74px; }
.doc-form #dover_name .help-text,
.doc-form #dover_name .errorlist, .doc-form #dover_passport_ser .errorlist,
.doc-form #dover_passport_org .errorlist, .doc-form #dover_passport_date .errorlist
{ margin-left: 169px; }
.doc-form select#id_bank_account { width: 370px; }
.doc-form select#id_client { width: 370px; }
.doc-form input#id_doc_mesto { width: 340px; }
.doc-form #platej_type, .doc-form #doc_total, .doc-form #payment_type { margin-right: 10px; }
.doc-form #platej_type select { width: 200px; }
.doc-form #tax_status select, .doc-form #tax_base select, .doc-form #tax_type select { width: 430px; }
.doc-form #tax_num, .doc-form #tax_date { width: 124px; }
.doc-form #tax_date { margin-left: 10px; }
.doc-form #tax_num input, .doc-form #tax_date input { width: 120px; }
.doc-form #tax_bk input, .doc-form #tax_okato input, .doc-form #tax_period input { width: 254px; }
.doc-form #doc_info { width: 436px; }
.doc-form #nds_type { padding-top: 16px; }
.doc-form #nds_type ul li { float: left; }
.doc-form table.doc-list {border-collapse:collapse;position:relative;}
.doc-form table.doc-list td {border:4px solid #fff;}
.doc-form table.doc-list .itogo-td {background:#313942;height:30px;font-size:20px;color:#fff;padding:5px 10px;border-bottom:2px solid #313942;border-top:2px solid #313942;}
.doc-form table.doc-list .itogo-td1 {border-right:2px solid #313942;}
.doc-form table.doc-list .itogo-td2 {border-left:2px solid #313942;}
.doc-form table.doc-list .add-row {position:absolute;bottom:5px;}
.doc-form table.doc-list th {font-weight:normal;text-align:left;font-size:14px;}
.doc-form table.doc-list td.name { width: 590px; }
.doc-form table.doc-list td.name input[type=text] { width: 584px; }
.doc-form table.factura-doc-list td.name { width: 260px; }
.doc-form table.factura-doc-list td.name input[type=text] { width: 250px; }
.doc-form table.doc-list td.qty { width: 140px; }
.doc-form table.doc-list td.qty input { width: 135px; }
.doc-form table.doc-list td.units { width: 90px; }
.doc-form table.doc-list td.units input { width: 86px; }
.doc-form table.doc-list td.units_kod input { width: 80px; }
.doc-form table.doc-list td.price { width: 128px;}
.doc-form table.doc-list td.price input { width: 132px; }
.doc-form table.doc-list td.total_price { width: 128px; }
.doc-form table.doc-list td.total_price input { width: 132px; }
.doc-form table.doc-list td.country_code input { width: 48px; }
.doc-form table.doc-list td.country_name input { width: 84px; }
.doc-form table.doc-list td.ntd input { width: 84px; }
.doc-form table.doc-list td.DELETE {width: 48px;}
.doc-form table.doc-list.aktsverki td.name input[type=text] { width: 432px; }
.doc-form table.doc-list.aktsverki td.debit input[type=text] { width: 96px; }
.doc-form table.doc-list.aktsverki td.credit input[type=text] { width: 96px; }
.doc-form table.doc-list.dover td.name input[type=text] { width: 432px; }
.doc-form table.doc-list.dover td.qty input[type=text] { width: 96px; }
.doc-form table.doc-list.dover td.units input[type=text] { width: 96px; }
.doc-form .buttons input[name=submit] {padding:10px 40px 10px 75px;background:url(../img/save.png) no-repeat left 30px center #fed13e;color:#4e5661;font-weight:normal;font-family:"Arial Narrow", Arial, sans-serif;}
.doc-email-form input#id_to { width: 99% }
.doc-email-form textarea { width: 99%; margin-left: 2px; }
.doc-email-form #doc_format ul li { display: inline; }
.delete-row {display:inline-block;width:21px;height:21px;background:url(../img/close.png) no-repeat center center;}
.filters #id_client, .filters #id_invoice { width: 99%; }
#dialogs { display: none; }
.required { color: red; }
.ajax-form .buttons { padding: 10px 0 6px; text-align: center; }
.button-as-link {
margin: 0;
padding: 0;
color: #0000ff;
background: none;
border: none;
text-decoration: underline;
cursor: pointer;
}
.close-form {
margin-left: 30px;
text-decoration: underline;
color: #0000ff;
background-color: transparent;
border: none;
cursor: pointer;
}
.errors-layout ul { list-style: none; margin-bottom: 10px; padding: 5px 10px; border: 1px solid red; }
.docs-content-wrapper {border:#dedede 1px solid;border-bottom:none;overflow: hidden;position:relative;}
.docs-content-wrapper table.list {border:none;}
table.list {border-collapse: collapse;border:#dedede 1px solid;border-bottom:none;width: 100%;}
.docs-content-wrapper table.list tr.doc-row {height:50px;}
table.list tr:nth-child(even) {background: #f7f7f7;}
table.list tr th {text-align: left;font-size:12px;color:#646669;padding:7px 10px 7px 10px;border-right:#dedede 1px solid;border-bottom:#dedede 1px solid;border-top:none;background: #f7f7f7;}
table.list tr th:last-child {border-right:none;}
table.list tr th a {font-size:12px;color:#646669;text-decoration:none;}
table.list tr td a {color:#313942;text-decoration:none;}
table.list tr td {font-size:14px;color:#313942;padding:7px;word-break: break-all;}
.filters-header {background: #f7f7f7;overflow:hidden;margin:0;}
.filters-header span {color: #646669;padding: 7px 0 7px 20px;font-size:12px;font-weight:bold;display:block;width:100%;box-sizing:border-box;border-bottom:#dedede 1px solid;}
.filters p { margin: 15px 0 0; font-weight: bold; }
.filters ul { padding: 10px 0 10px 20px;}
.filters ul li a.selected { color:#646669;text-decoration:none;}
.filters select {font-size:13px;margin-left:20px;}
#filters_form {padding:10px 25px;}
.pagination {margin-top: 5px; padding-top: 1ex; width: 99%; color:#646669;font-size:13px;}
.pagination select {font-size:13px;}
.doc-pagination {position:absolute;bottom:0;width:775px;padding:10px;}
/* blockUI */
div.blockOverlay { background: url('../img/ajax-loader.gif') no-repeat center center; z-index: 99999; }
div.blockMsg { width: 100%; height: 100%; top: 0; left: 0; text-align: center; }
.w100 {width:100px;min-height:5px;}
.w200 {width:200px;min-height:5px;}
.header {font-weight:bold;}
#footer {background:#38424c;height:100px;position: absolute; bottom: 0px; width:100%;}
#footer-content {width:1200px;margin:0 auto;}
#footer-content a {margin-right: 150px;}
.footer-text {position:relative;padding:25px 0 10px 0;color:#fff;}
#menu {width: 100%;height:50px;position:relative;overflow:visible;}
#menu ul li {display:table-cell;height:50px;background:#313942;font-family:"Arial Narrow", Arial, sans-serif;font-size:16px;vertical-align:middle;border-right:solid 1px #272b31;border-left: solid 1px #434a52}
#menu ul li.yellow {background:#fed13e;}
#menu ul li.yellow a, #menu ul li.yellow span {color:#313942;}
#menu ul li.yellow.selected {background:url('../img/menu-selected2.png') #fed13e no-repeat bottom center;}
#menu ul li.yellow.selected a {color:#313942;}
#menu ul li a, #menu ul li span {text-decoration:none;padding:0 25px;}
#menu ul li a {color:#fff;}
#menu ul li span{color:#fed13e;}
#menu ul li.selected{background:url('../img/menu-selected.png') #313942 no-repeat bottom center; }
#menu ul li.selected a{color:#fed13e;}
#menu .other_docs_menu {position:absolute;top:50px;z-index:50;border:1px #51575f solid;}
#menu .other_docs_menu li {display:block;padding:0;background:#454c54;border-top:1px solid #363b43;}
#menu .other_docs_menu li:first-child {border-top:none;}
#menu .other_docs_menu li a {line-height:50px;padding-left:10px;display:inline-block;width:100%;}
.preview-wrapper {width:1200px;background:url(../img/darker-bg.png);margin-bottom:70px;}
.preview {width:785px;height:500px;overflow:scroll;float:left;margin:15px 0 15px 15px;}
.list-col1 {float: left; width: 785px;padding-bottom:50px;}
.list-col2 {float:left;width:382px;padding: 0; border-left:#dedede 1px solid;}
.th_w300 {width:300px;}
.preview-col2 {float:left;width:370px;height:500px;padding:0; border-left:none;margin:15px;overflow:auto;background:#fff;}
table.list tr td a.doc_status1, table.list tr td a.doc_statusFalse, table.list tr td a.doc_statusfalse {color:#c43f04;}
table.list tr td a.doc_status3, table.list tr td a.doc_statusTrue, table.list tr td a.doc_statustrue {color:#19a12f;}
table.list tr td a.doc_status2 {color:blue;}
tr.doc-row:hover {cursor:pointer;}
.white_bg {background:#fff!important;}
#req-avail-form {display:none;}
.close-message {display:inline-block;float:right;}