@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;}