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.
357 lines
16 KiB
357 lines
16 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;}
|
|
|
|
#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;}
|
|
.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;}
|
|
.register {background: url(../img/register-yellow.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;}
|
|
|
|
.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;}
|
|
|
|
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); }
|
|
|
|
.hidden {display:none; }
|
|
|
|
.errorlist { font-size: 8pt; overflow: hidden; }
|
|
.errorlist li { color: red; }
|
|
|
|
.help-text { font-size: 8pt; color: #666666; }
|
|
|
|
form { font-size: small; padding: 0; margin: 0; }
|
|
|
|
input, select, textarea { font-family: Arial,Helvetica,sans-serif; font-size: small; }
|
|
|
|
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=password], select, textarea { border: 1px solid #777; }
|
|
input[type=text], input[type=password], textarea, option { padding-left: 2px; margin-left: 2px; }
|
|
|
|
.long-input input { width: 350px; }
|
|
|
|
.field { margin: 10px 0; }
|
|
.block { margin: 10px 0; }
|
|
|
|
.client-form .col1 { float: left; width: 350px; }
|
|
.client-form .col2 { float: left; width: 290px; }
|
|
.client-form input[type=text], .client-form input[type=password], .client-form textarea, .client-form option {
|
|
padding-left: 2px;
|
|
margin-left: 2px;
|
|
width: 200px;
|
|
}
|
|
|
|
/*.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);padding-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:115px;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 .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; }
|
|
|
|
.has-datepicker { background: url(../img/icon-calendar.gif) no-repeat scroll right center transparent; }
|
|
|
|
.profile-form input#id_ip_reg_date { background: url(../img/icon-calendar.gif) 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 img { vertical-align: middle; margin-right: 6px; }
|
|
.edit-link a, .delete-link a { text-decoration: none; }
|
|
|
|
.doc-panel .edit-link img, .doc-panel .delete-link img, .doc-panel .email-link img,
|
|
.doc-panel .pdf-link img, .doc-panel .excel-link img
|
|
{ vertical-align: middle; margin-right: 6px; }
|
|
|
|
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; }
|
|
|
|
.doc-form { padding-left: 2px; }
|
|
.doc-form input[type=text], input[type=password], textarea, option { padding-left: 2px; margin-left: 0; }
|
|
|
|
.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
|
|
{ margin-left: 10px; }
|
|
|
|
.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.list td.name input[type=text] { width: 284px; }
|
|
.doc-form table.list td.qty input[type=text] { width: 68px; }
|
|
.doc-form table.list td.units input[type=text] { width: 50px; }
|
|
.doc-form table.list td.units_kod input[type=text] { width: 20px; }
|
|
.doc-form table.list td.price input[type=text] { width: 72px; }
|
|
.doc-form table.list td.total_price input[type=text] { width: 84px; }
|
|
.doc-form table.list td.country_code input[type=text] { width: 24px; }
|
|
.doc-form table.list td.country_name input[type=text] { width: 84px; }
|
|
.doc-form table.list td.ntd input[type=text] { width: 84px; }
|
|
|
|
.doc-form table.list.aktsverki td.name input[type=text] { width: 432px; }
|
|
.doc-form table.list.aktsverki td.debit input[type=text] { width: 96px; }
|
|
.doc-form table.list.aktsverki td.credit input[type=text] { width: 96px; }
|
|
|
|
.doc-form table.list.dover td.name input[type=text] { width: 432px; }
|
|
.doc-form table.list.dover td.qty input[type=text] { width: 96px; }
|
|
.doc-form table.list.dover td.units input[type=text] { width: 96px; }
|
|
|
|
.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; }
|
|
|
|
.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; }
|
|
|
|
table.list { width: 100%; border: none; font-size: small; }
|
|
table.list th { background: #f5f5f5; text-align: left; font-size: 11px; }
|
|
table.list tr.even { background: #fff; }
|
|
table.list tr.odd { background: #eee; }
|
|
table.list td { word-break: break-all; padding: 5px 0; }
|
|
|
|
.filters p { margin: 15px 0 0; font-weight: bold; }
|
|
.filters ul li a.selected { border-left: 5px solid #ccc; margin-left: -10px; padding-left: 5px; }
|
|
|
|
.pagination { font-size: small; color: black; margin-top: 5px; padding-top: 1ex; width: 99%; border-top: 1px solid; }
|
|
|
|
/* 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;}
|
|
#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 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; }
|
|
|
|
.preview {width:780px;height:500px;overflow:scroll;float:left;}
|
|
.list-col2 {float: left; width: 180px; margin-left: 16px; padding: 0 10px 10px 10px; border-left: solid 1px #797979;}
|
|
.doc_status1, .doc_statusFalse, .doc_statusfalse {color:red;}
|
|
.doc_status3, .doc_statusTrue, .doc_statustrue {color:green;}
|
|
.doc_status2 {color:blue;}
|
|
|
|
tr.doc-row:hover {cursor:pointer;}
|
|
#clients tr:nth-child(odd) {background: #f5f5f5;}
|
|
|
|
#req-avail-form {display:none;}
|
|
.close-message {display:inline-block;float:right;}
|
|
|