.xdsoft_autocomplete{display:inline;position:relative;word-spacing:normal;text-transform:none;text-indent:0;text-shadow:none;text-align:start}.xdsoft_autocomplete .xdsoft_input{position:relative;z-index:2}.xdsoft_autocomplete .xdsoft_autocomplete_dropdown{position:absolute;border:1px solid #ccc;border-top-color:#d9d9d9;box-shadow:0 2px 4px rgba(0,0,0,.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,.2);cursor:default;display:none;z-index:1001;margin-top:-1px;background-color:#fff;min-width:100%;overflow:auto}.xdsoft_autocomplete .xdsoft_autocomplete_hint{position:absolute;z-index:1;color:#ccc!important;-webkit-text-fill-color:#ccc!important;text-fill-color:#ccc!important;overflow:hidden!important;white-space:pre!important}.xdsoft_autocomplete .xdsoft_autocomplete_hint span{color:transparent;opacity:0}.xdsoft_autocomplete .xdsoft_autocomplete_dropdown>.xdsoft_autocomplete_copyright{color:#ddd;font-size:10px;text-decoration:none;right:5px;position:absolute;margin-top:-15px;z-index:1002}.xdsoft_autocomplete .xdsoft_autocomplete_dropdown>div{background:#fff;white-space:nowrap;cursor:pointer;line-height:1.5em;padding:2px 0 2px 0}.xdsoft_autocomplete .xdsoft_autocomplete_dropdown>div.active{background:#0097cf;color:#fff}

/*
Theme Name: PSD coding admin
Theme URI: www.psdcoding.sk
Description: 
Author: PSD codgin s.r.o. (coding team)
Version: 1.0
Author URI: http://www.psdcoding.co
Tags: PSD coding
*/

body {font: 12px/1.231 sans-serif;}
select, input, textarea, button {font: 99% sans-serif;}
select, input, textarea {padding: 0; margin: 0; color: #444; border: 1px solid #C3C5C7; -moz-border-radius: 2px !important; -webkit-border-radius: 2px !important; border-radius: 2px !important;}
input[type="text"], input[type="password"], textarea {font-size: 100%; padding: 4px;}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus {border: 1px solid #e9dfa8; background: #FBFAE7;}
label {margin: 0 8px 0 0; text-align: right; font-size: 14px; line-height: 26px; cursor: pointer;}
label.disabled, input[disabled="disabled"],
input[type="radio"][disabled="disabled"]+label,
input[type="checkbox"][disabled="disabled"]+label,
label+select[disabled="disabled"] {color: gray;}
input[type="text"], input[type="password"] {height: 16px; margin: 0 4px 4px 0; padding: 4px;}
input[type="checkbox"] {margin: 2px 4px 4px 0;}
input[type="submit"], button[type="submit"], .green_button {display: inline; width: auto; height: auto; margin: 5px 2px; color: #FFF; font-weight: normal; text-shadow: 1px 1px 1px #61A53B; background: #76C546; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #76C546), color-stop(1, #589A34)); background-image: -moz-linear-gradient(top, #76C546, #589A34); border: solid 2px #ECEFF1; -moz-border-radius: 5px !important; -webkit-border-radius: 5px !important; border-radius: 5px !important; text-transform: uppercase; font-family: ptsans, "PT Sans", Arial, sans-serif; font-stretch: normal; padding: 10px 20px; vertical-align: baseline; line-height: 20px; white-space: normal; font-size: 11pt !important; text-decoration: none;}
input[type="submit"]:hover, button[type="submit"]:hover, .green_button:hover {background: #7CCD4D; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #7CCD4D), color-stop(1, #65AA3E)); background-image: -moz-linear-gradient(top, #7CCD4D, #65AA3E); cursor: pointer;}
select {height: 26px; margin: 0 4px 4px 0;}
textarea {width: 200px !important; margin-right: 10px;}
strong, .bold {font-weight: bold;}

a {color: blue; text-decoration: underline;}
a:hover {text-decoration: none;}
.button { padding: 2px; border: 1px solid black; color: black; text-decoration: none; background: white; transition: color 0.4s linear, background 0.4s linear; }
.button:hover,
.button:focus,
.button.active { color: white; background: black; }

h1 { padding-bottom: 10px; border-bottom: 1px solid #EEE; margin-bottom: 10px; font-size: 24px; font-weight: bold; }
h2 {margin-bottom: 15px; font-size: 22px; font-weight: bold;}
h3 {font-size: 20px; font-weight: bold;}
h4 {font-size: 18px; font-weight: bold;}
h5 {font-size: 15px; font-weight: bold;}
h2 a, .faktura_form_wrapper a {font-size: 12px; vertical-align: middle;}
hr {clear: both; color: #EEE; background: #EEE; width: 100%; height: 1px; margin: 0 0 10px; border: 0;}
#content {width: 1160px; margin: 0 auto;}
.cleaner {clear: both;}
.clean {clear: both; width: 100%; height: 1px; margin: -1px 0 20px;}
.center {margin: 0 auto;}
.centr {text-align: center;}

pre {float: none; clear: both;}

.chosen-container { font-size: 16px; }
.chosen-container-single .chosen-single { border: 1px solid black; border-radius: 0; height: 30px; line-height: 30px; text-decoration: none; background: white; }
.chosen-container-active.chosen-with-drop .chosen-single { border: 1px solid black; border-bottom: 0; border-radius: 0; text-decoration: none; background: white; }
.chosen-container-single .chosen-drop,
.chosen-container-multi .chosen-drop { border: 1px solid black; border-top: 0; border-radius: 0; box-shadow: none; }
.chosen-container .chosen-results { padding: 0; margin: 0; }
.chosen-container .chosen-results li { display: list-item; min-height: 30px; padding: 0 5px; box-sizing: border-box; vertical-align: middle; line-height: 30px; cursor: pointer; }
.chosen-container .chosen-results li.highlighted { color: white; background: blue; }
.chosen-container-multi .chosen-choices { height: 30px; border: 1px solid black; border-radius: 0; box-shadow: none; background: white; }
.chosen-container-multi .chosen-choices li.search-choice { display: inline-block; float: left; max-width: 100%; min-height: 26px; padding: 0 5px; border: 1px solid black; border-radius: 0; box-sizing: border-box; margin: 2px 5px 0 0; line-height: 26px; background: transparent; cursor: pointer; }
.chosen-container-multi .chosen-choices li.search-choice:last-of-type { margin-right: 0; }
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close { position: relative !important; display: inline-block !important; width: auto !important; height: auto !important; top: auto !important; right: auto !important; padding: 0 0 0 5px; font: normal normal normal 14px/1 FontAwesome !important; font-size: inherit !important; text-decoration: none !important; text-rendering: auto !important; -webkit-font-smoothing: antialiased !important; background: transparent !important; }
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before { content: "\f00d" !important; }
.chosen-container-multi .chosen-choices li.search-choice:hover .search-choice-close,
.chosen-container-multi .chosen-choices li.search-choice:focus .search-choice-close { color: blue !important; }

table,
thead,
tfoot,
tbody { width: 100%; }
table,
th,
td { border: 1px solid black; border-collapse: collapse; }
#invoices { width: 1260px !important; }
table { margin: 10px 0; }
table#destinations { margin-bottom: 20px; }
thead { font-size: 16px; font-weight: bold; background: #CCC; }
thead a { color: black; transition: color 0.4s linear; }
thead a:hover,
thead a:focus { color: blue; }
tfoot { background: #CCC; }
tbody tr { transition: color 0.4s linear, background 0.4s linear; }
tbody tr:hover,
tbody tr:focus { background: white; }
th,
td { padding: 5px; text-align: center; vertical-align: middle; }
th,
tfoot td { border-left: 0; border-right: 0; }
i.grid-sort { margin-left: 5px; }
.grid-actions a,
.grid-actions span,
.grid-page a { margin: 0 5px; color: black; font-size: 20px; text-decoration: none; transition: color 0.4s linear, background 0.4s linear; }
.grid-page a.first { margin-left: 0; }
.grid-page a.last { margin-right: 0; }
.grid-actions .green { color: green; }
.grid-actions .grey { color: grey; }
.grid-actions a:hover,
.grid-actions a:focus,
.grid-actions .green:hover,
.grid-actions .green:focus { color: blue; text-decoration: none; }
.grid-perPage,
.grid-page { float: right; }
.grid-page i { font-size: 20px; vertical-align: middle; font-weight: bold; }
.grid-perPage label,
.grid-perPage select { width: auto; }
.grid-perPage label { margin-right: 10px; }
.grid-perPage .chosen-container { width: auto !important; }
.grid-perPage .chosen-container-single .chosen-single { height: auto; }
.grid-page input { width: 50px; height: 25px; min-height: 25px; text-align: center; }
.grid-popup-shadow { display: none; position: fixed; z-index: 100; top: 0; left: 0; width: 100%; height: 100%; background: black; opacity: 0.6; }
.grid-popup { display: block; position: fixed; z-index: 101; top: 0; background: white; border: 1px solid black; border-top: 0; padding: 20px; text-align: center; }
.grid-popup h2 { float: none; }
.grid-popup a { margin: 10px 10px 0 10px; }
.grid-js-sort tbody tr:hover { cursor: pointer; background: #666666; }
.grid-js-sort .ui-state-highlight { height: 1.5em; line-height: 1.2em; margin-bottom: 5px; background: #fcefa1; }

table#invoices .grid-actions { width: 165px; min-width: 165px; }

.form-errors { display: block; width: 100%; }
.flash,
form ul.errors,
.form-errors ul {float: left; clear: both; width: 100%; margin: 10px 0 25px; padding: 15px 20px; box-sizing: border-box; background: #FFF9D7; border: 1px solid #E2C822; text-align: center;}
.flash.success {background: #0EF00E; border: 1px solid #00A000;}
.flash.error,
form ul.errors,
.form-errors ul {background: #FDCDCD; border: 1px solid #FF5F5F;}
form ul.errors li {}

.message { margin: 0 0 10px 0; }

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
}
[class^="icon-"]:hover,
[class*=" icon-"]:hover {cursor: pointer;}

#menu {padding: 0 20px; margin-top: 15px;}
#menu li {display: inline; list-style: none; padding: 0 15px; border-right: 1px solid gray;}
#menu li.last {border: none;}
h2.title {float: left;}
h2.title.edit_client {float: none;}
.newlink {float: right; margin: 6.5px 10px 10px 0;}

.popup_hold {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1001; opacity: 0; filter: alpha(opacity=0); overflow: hidden;}
.popup {position: fixed; top: 50%; left: 50%; width: 652px; z-index: 1001;}
.popup .close {position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: transparent url('fancybox.png') -40px 0px; cursor: pointer; z-index: 1103;}
.popup .content {position: relative; width: 652px; background: #FFF; padding: 10px 20px; box-shadow: 0 0 43px 1px #5C5C5C;}
.popup .half-row {width: 214px;}
.popup .half-row.right {float: right;}
.popup .half-row label {width: auto; margin: 0; line-height: 20px; font-size: 12px;}
.popup .spacer {margin-bottom: 5px;}
.popup h3 {margin-top: 5px;}
#clientpopup h3, #edit_clientpopup h3 {color: #787D7D; font-size: 14pt; font-weight: normal; border-bottom: solid 1px #C3C5C7;}
.popup input[type="submit"] {margin: 30px 177px !important;}
#mydatpopup input[type="submit"] {margin: 30px 0 !important;}
.bodyshade {background-color: rgba(119, 119, 119, 0.7); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; opacity: 0; filter: alpha(opacity=0);}
#clientpopup_hold, #edit_clientpopup_hold, #mydatpopup_hold, #print_invoicespopup_hold {position: absolute;}
#clientpopup, #edit_clientpopup, #mydatpopup {position: absolute; top: 30px !important; width: 494px; margin-left: -247px;}

#print_invoicespopup {position: absolute; top: 130px !important; width: 394px; margin-left: -247px;}
#print_invoicespopup .content {width: 400px !important;}
#print_invoicespopup input[type="submit"] {margin: 20px 0px 20px 108px !important;}
#print_invoicespopup form .row {width: 100%; margin-top: 20px !important; padding-left: 111px;}
#print_invoicespopup form .row label {text-align: left; width: 80px;}
#print_invoicespopup form .row input {margin-right: 20px; margin-left: 10px;}
#print_invoicespopup form .row input[type="number"] {text-align: center; height: 20px; width: 70px;}
#print_invoicespopup form .second-row {margin-bottom: 23px;}

#send_invoicepopup {position: absolute; top: 130px !important; width: 394px; margin-left: -247px;}
#send_invoicepopup .content {width: 400px !important;}
#send_invoicepopup input[type="submit"] {
  width: 50%;
  margin-left: auto !important;
  margin-right: auto !important;
}
#send_invoicepopup textarea {width: 100% !important; margin-top: 3%;}
#send_invoicepopup form .row {width: 100%; margin-top: 20px !important; padding-left: 111px;}
#send_invoicepopup form .row label {text-align: left; width: 80px;}
#send_invoicepopup form .row input {margin-right: 20px; margin-left: 10px;}
#send_invoicepopup form .row input[type="number"] {text-align: center; height: 20px; width: 70px;}

#clientpopup .content, #edit_clientpopup .content, #mydatpopup .content {width: 444px;}
#clientpopup .bodyshade, #edit_clientpopup .bodyshade, #mydatpopup .bodyshade {min-height: 890px !important;}
#same_delivery_hold {float: left; clear: both; width: 100%; margin: 15px 0 0;}
label.checkbox {clear: none !important;font-size: 10pt !important;}
.delivery_hold {display: none; float: left; margin-top: 10px;}
.spinner {background: #FFF url('ajax-loader.gif') 50% 50% no-repeat; width: 50px; height: 50px; position: fixed; top: 50%; left: 50%; margin: -25px 0 0 -25px; border-radius: 5px; box-shadow: 0 0 12px 1px #646464;}


.faktura_form_wrapper form {float: left; padding-right: 5px; margin-right: 10px; border-right: 1px solid gray;}
h2.edit_client span {font-style: italic;}
.spacer {float: left; clear: both; width: 100%; height: 1px; margin-bottom: 15px;}
div.row { position: relative; float: left; width: 100%; }
div.half-row {float: left; width: 50%; position: relative;}
div.half-row.double {width: 100%;}
div.half-row.double input.wide {width: 700px;}
h3 {float: left; clear: both; width: 100%; margin: 30px 0 15px; font-size: 20px;}
h3.table {background: #C0C6C6; line-height: 26px; text-indent: 10px; margin: 0 0 20px; font-size: 14px;}
.fieldset { margin-bottom: 20px; }
div.row label, 
div.row div.label, 
div.half-row label, div.half-row div.label {float: left; clear: left; width: 135px;}
div.half-row input[type="text"], div.half-row input[type="password"] {float: left; width: 200px;}
div.half-row input {float: left;}
div.half-row input[type="radio"] {margin-top: 7px;}
#frm-settingsForm-active-0, #frm-orderForm-payment-0, #frm-orderForm-payment-1, #frm-orderForm-payment-2, #frm-orderForm-expres, #frm-usersEdit-active-0 {clear: left; margin-left: 144px;}
div.half-row label[for="frmsettingsForm-active-0"], div.half-row label[for="frmsettingsForm-active-1"],
div.half-row label[for="frmorderForm-payment-0"], div.half-row label[for="frmorderForm-payment-1"], div.half-row label[for="frmorderForm-payment-2"], div.half-row label[for="frmorderForm-expres"],
div.half-row label[for="frmusersEdit-active-0"], div.half-row label[for="frmusersEdit-active-1"] {clear: none; width: auto; margin: 1px 20px 5px 3px;}
div.half-row select {float: left; width: 210px;}
div.row a { display: inline-block; margin: 0 0 4px 144px; }
form .required {font-weight: bold;}
form label.required::after {color: #E32; content: '*'; display: inline; position: relative; left: 1px;}
input[type="submit"] { display: block; margin-left: auto; margin-right: auto; }
#frm-clientForm input[type="submit"], #frm-invoiceForm input[type="submit"] {float: left; margin: 30px 399px;}
#frm-settingsForm input[type="submit"], #frm-usersEdit input[type="submit"] {float: left; margin: 10px 142px 30px;}
div.row div.label,
div.half-row div.label {font-weight: bold;}
div.half-row div.data {float: left; width: 135px; margin: 0 8px 0 0; font-size: 14px; line-height: 20px;}
#client_view div.half-row div.data {width: 335px;}
.datagrid tr.active td {background: lime;}
#due_date-1 {display: none;}
#due_date-1 span {display: none;}
.invoice_info {float: left; width: 380px !important; margin-bottom: 20px;}
#new_client {text-decoration: none; font-size: 10pt; display: block; float: right; cursor: pointer; position: relative; right: 55px; top: 3px;}
#items_table_hold {float: left; clear: left; width: 100%; margin: 0 0 -20px; padding: 26px 0 0;}
p.legend { float: left; width: 100%; clear: both; margin: -20px 0 0 0; font-style: italic; }
#items_table {float: left; width: 100%; border-collapse: collapse; margin: 0 0 20px; border: 0; }
#items_table tr td { border: 0; }
#items_table col {display: block; width: 81px;}
#items_table col.name, #items_table td.name {width: 541px; }
/*#items_table col.price, #items_table td.price {width: 160px;}*/
#items_table col.actions, #items_table td.actions {width: 54px;}
#items_table th {background: #C0C6C6; padding: 6px 0; border: none; text-align: left;}
#items_table th.name {padding: 6px 0 6px 16px;}
#items_table td {padding: 5px 0; vertical-align: top;}
#items_table input {width: 67px; }
#items_table select {width: 77px; height: 26px;}
#items_table td.name input {width: 527px; margin: 0 0 4px 0;}
#items_table td.unit input {display: none;}
#items_table th.price.only_vat {text-indent: -9999px;}
#items_table td.total input {float: right; text-align: right; font-size: 9pt; font-weight: bold;}
#items_table a.drag_item, #items_table a.remove_item {display: block; float: left; background: url("invoice-actions.png") no-repeat; width: 26px; height: 26px; text-indent: -9999px;}
#items_table a.drag_item {margin-right: 2px; cursor: move;}
#items_table a.remove_item {background-position: -27px 0;}
/* #items_table.novatdat th.tax {text-indent: -9999px;}
#items_table.novatdat td.tax {position: relative; overflow: hidden;}
#items_table.novatdat td.tax input {position: relative; top: -50px;} */
#items_table.novatdat th.tax,
#items_table.novatdat td.tax,
#items_table.only_vat th.price,
#items_table.only_vat td.price {display: none;}
#items_table.novatdat col.name,
#items_table.novatdat td.name,
#items_table.only_vat col.name,
#items_table.only_vat td.name {width: 622px;}
#items_table.novatdat.only_vat col.name,
#items_table.novatdat.only_vat td.name {width: 703px;}
#items_table.novatdat td.name input,
#items_table.only_vat td.name input {width: 608px;}
#items_table.novatdat.only_vat td.name input {width: 689px;}
.addItem {display: block; float: left; background: url("add-item.png") no-repeat top left; height: 20px; line-height: 20px; padding-left: 21px; text-indent: 0; color: #3F78C4; font-size: 10pt; cursor: pointer;}
#add_invoice_item {margin: 15px 0;}
.top_hold {float: left; margin-right: 6px;}
.top_hold label {float: left; font-size: 10pt;}
.top_hold input {float: left; clear: left;}
#frm-invoiceForm-note,
#frm-invoiceForm-note {float: left; clear: left; resize: none; width: 600px !important; height: 96px; margin-bottom: 20px;}
#frm-invoiceForm-cid {display: none !important; position: absolute !important; top: -9999px !important; visibility: hidden !important; opacity: 0 !important;}
#invoice_summary {width: 303px; float: right; margin-top: 26px; padding: 10px 10px 5px; border: 1px solid #B6E9FB; -moz-border-radius: 3px !important; -webkit-border-radius: 3px !important; border-radius: 3px !important; background: #EDF7FA; font-size: 10pt;}
#discount_label {float: left; width: 50%;}
#discount_label label {margin-right: 2px;}
#discount_label input {width: 32px; text-align: right;}
#discount {float: right; width: 50%; text-align: right;}
#invoice_summary .label {width: 50%; float: left; padding: 0; margin-bottom: 4px;}
#invoice_summary.novatdat .novatdat {display: none;}
#invoice_summary #invoice_total, #invoice_summary #raw_total, #invoice_summary #vat_total, #invoice_summary #discount {float: left; width: 50%; text-align: right; padding: 0; margin-bottom: 4px;}
#invoice_total, #deposit, #left_to_pay {text-align: right; font-size: 12pt; font-weight: bold;}
#extended_info_handle {width: 207px; margin-top: 7px; display: block; margin-left: 143px;}
#edit_my_data {width: 207px; margin-top: 5px; margin-left: 143px;}
#extended_info, #clientInfo {display: none;}
#clientInfo {padding: 10px; border: 1px solid #C3C5C7; float: left; width: 188px; -moz-border-radius: 3px !important; -webkit-border-radius: 3px !important; border-radius: 3px !important; background: #FFF; position: absolute; font-size: 10pt; top: 0; left: 143px;}
#clientInfo .close {position: absolute; top: 2px; right: 5px; width: 16px; height: 16px; background: url("icon_set_default.png") no-repeat; background-position: -94px -126px; cursor: pointer;}
#edit_client {font-size: 9pt; float: right; color: #3F78C4;}
.faktura_wrapper { min-height: 1099px; padding: 0 30px !important; margin: 30px auto 50px !important; -webkit-box-shadow: 6px 6px 30px 1px #CFCFCF !important; box-shadow: 6px 6px 30px 1px #CFCFCF !important;}
.invoice-detail-footer {border: none !important; padding: 0 0 10px !important; margin: 0 !important; position: absolute; width: 756px; bottom: 10px;}
#frm-payForm-paid {margin-left: 47px;}
#frm-payForm-save {margin-left: 44px;}
.help {cursor: help;}
.ac {text-align: center !important;}
.ar {text-align: right;}
.rel {position: relative;}
.normal {font-weight: normal !important;}
strong, .bold {font-weight: bold;}

div.half-row.order_settings {width: 580px; margin-left: -80px;}
div.half-row.order_settings label {width: 102px;}
div.half-row.order_settings i {color: #868686; font-size: 23px;}
div.half-row.order_settings .time {float: right; margin-right: 46px;}
div.half-row.order_settings .default {float: right; margin: 6px;}

#frm-clientInvoicesGrid-form td.actions,
#frm-invoicesGrid-form td.actions {width: 130px !important;}
#frm-clientInvoicesGrid-form td.actions a,
#frm-invoicesGrid-form td.actions a {display: inline-block;}
#frm-clientInvoicesGrid-form table.datagrid,
#frm-invoicesGrid-form table.datagrid {width: 100%;}
#frm-clientInvoicesGrid-form table.datagrid td.actions,
#frm-invoicesGrid-form table.datagrid td.actions {text-align: left;}
a span.icon-money {font-size: 18px; text-decoration: none; color: green; position: relative; top: -2px;}
a.disabled span.icon-money, a.disabled:hover {color: #A8A8A8; cursor: default !important;}

#order_settings_menu {float: left; width: 250px; margin-bottom: 40px; border-bottom: 1px solid #DFDFDF;}
#order_settings_menu li {width: 100%; position: relative;}
#order_settings_menu li span {display: block; width: 228px; padding: 12px 10px; margin-bottom: -1px; background: #F7F7F7; border: 1px solid #DFDFDF;}
#order_settings_menu li span:hover, #order_settings_menu li span.open {background: #E7E7E7; cursor: pointer;}
#order_settings_menu li span.act {background: #E7E7E7; cursor: pointer; font-weight: bold;}
#order_settings_menu li.inact span {opacity: 0.4;}
#order_settings_menu li span.childless.open {background: #FFF; padding: 17px 10px; margin-bottom: -11px; cursor: default; position: relative; top: -5px; left: 5px; z-index: 10; -webkit-box-shadow: 0 0 22px 0 rgba(0, 0, 0, 0.26); box-shadow: 0 0 22px 0 rgba(0, 0, 0, 0.26);}
#order_settings_menu li ul.below {display: none; position: relative; left: 5px; margin-bottom: -1px; border-bottom: 1px solid #DFDFDF;}
#order_set_dat_cont {float: right; width: 658px; min-height: 164px; padding: 0 20px 30px; border: 1px solid #DFDFDF;}
#order_set_dat_cont div.hold {display: none;}
#order_set_dat_cont span.label {float: left; clear: left; width: 224px; line-height: 20px; font-weight: bold;}
#order_set_dat_cont span.label.value {font-weight: normal;}
#order_set_dat_cont p.sett_dat, #order_set_dat_cont p.value {float: left; width: 60px; line-height: 20px; text-align: right;}
#order_set_dat_cont h3 {width: auto; margin-right: 5px;}
#order_set_dat_cont #setting_desc_val {margin-bottom: 20px;}
#order_set_dat_cont a[class^="icon-"] {float: left; margin: 29px 3px 0; color: #7C7C7C; line-height: 24px; font-size: 16px; text-decoration: none;}
#order_set_dat_cont h4 {margin: 20px 0 10px; font-size: 15px; font-weight: bold;}

h4.settings {float: left; clear: both; margin: 20px 0 10px 40px; font-size: 14px; font-weight: 700;}
hr.settings {margin: 30px 0 0;}
input[type="submit"].settings {margin: 10px 407px 30px !important;}

label[for="frmorderForm-notes"] {float: left; clear: both; margin-top: 20px;}
#frm-orderForm-notes {float: left; clear: both; width: 840px !important; min-height: 220px; margin: 0;}
div.opthold {display: none; float: left; clear: both; width: 100%;}
div.options {float: left; width: 25%; margin-bottom: 20px;}
#frm-orderForm h4, #recapitulation h4 {clear: both; float: left; margin: 15px 0;}
#frm-orderForm h4:hover {cursor: pointer;}
#frm-orderForm h4 span {position: relative; top: 1px; left: 5px;}
#frm-orderForm h4 span.icon-plus-sign {color: green;}
#frm-orderForm h4 span.icon-minus-sign {color: red;}
#frm-orderForm h5 {margin-bottom: 6px;}
#frm-orderForm h5 span {position: relative; top: 1px; left: 4px;}
#frm-orderForm .help_cont {display: none; padding: 0 15px 10px 0;}
.order_opts {display: none;}
#recapitulation .label {float: left; clear: left; width: 130px; margin: 0 10px 6px 0; font-weight: 700;}
#recapitulation .data {float: left; max-width: 710px; margin-bottom: 6px;}
#recapitulation .data.notes {max-width: 850px; margin-bottom: 20px;}

.admin_top {float: left; margin: 10px 0;}
.user_top {float: right; margin: 10px 0;}
.admin_top li,
.user_top li {float: left; border-right: 1px solid gray; padding: 0 10px;}
.admin_top li.first,
.user_top li.first {padding: 0 10px 0 0;}
.admin_top li.last,
.user_top li.last {border: none;}

.projects h3 a {color: #7C7C7C; line-height: 18px; font-size: 16px; text-decoration: none;}

#inv_top_hold {float: left; clear: both; min-width: 1240px; height: 26px; background-color: #FBFBFB; border-top: 1px solid #E4E4E4; padding: 10px 10px; position: relative;}
#dbrd_top_hold {float: left; clear: both; width: 1000px; height: 46px; border-top: 1px solid #E4E4E4; position: relative; z-index: 2; overflow-x:scroll; }
#dbrd_content {float: left; width: 958px; padding: 10px 20px 20px; border: 1px solid #ccc; background: #EEE; position: relative; z-index: 1;}
#switcher select {float: right; margin: 0 6px 0 0;}
#yerswitcher {height: 30px; padding: 0 8px 0 4px;  position: absolute; bottom: 0; left: 30; min-width: 1095px; overflow: hidden;}
#yerswitcher .tab {width: 130px; height: 30px; float: left; margin: 0 -8px 0 -4px; overflow: hidden;position: relative; z-index: 1;}
#yerswitcher .box {display: block; height: 30px; padding: 0 5px; text-decoration: none;}
#yerswitcher .box:hover {text-decoration: underline;}
#yerswitcher .tab-box {height: 33px; background: #FFF; border-radius: 4px; border: 1px solid #ccc; box-shadow: 0 0 2px #FFF inset; -webkit-transform: perspective(100px) rotateX(30deg); -moz-transform: perspective(100px) rotateX(30deg); text-align: center; line-height: 32px; color: black;}
#yerswitcher .tab.active {z-index: 40; position: relative;}
#dbrd_top_hold #yerswitcher .tab.active {padding-bottom: 1px;}
#yerswitcher .tab.active .tab-box {background-color: #eee; @include background-image(linear-gradient(top, #ccc , #ddd 3%, rgba(#eee, 0.5)  )); box-shadow: 0 0 2px 0 #FFF inset;}
#yerswitcher .text {text-decoration: none; position: absolute; top: 10px; left: 50%; margin-left: -14px; color: #000;}
#dbrd_top_hold #yerswitcher .first .text {margin-left: -20px;}
#yerswitcher ::-webkit-scrollbar {
  
  background-color: #eeeeee;
  
}
#yerswitcher ::-webkit-scrollbar-button {
  position: absolute;
  background-color: black;
  
  color: red;
  width: 50px;
}

#snippet-clientInvoicesGrid-grid {float: left; margin-top: 30px;}
.payments_wrapper {margin: 10px 92px 0;}
#snippet-paymentsGrid-grid {float: left;}
.datagrid {margin: 0 0 50px;}
.faktura_form_wrapper a.nomail {color: red;}

#frm-settingsForm .icon-plus-sign,
#frm-settingsForm .icon-remove-sign,
#frm-settingsForm .icon-edit-sign {float: left; width: 18px; height: 21px; font-size: 22px; margin-left: 5px; color: #FE0000; cursor: pointer; overflow: hidden;}
#frm-settingsForm .icon-plus-sign {color: #4CBB17;}
#frm-settingsForm .icon-edit-sign {color: #7C7C7C; }
#frm-settingsForm .acc {float: left; margin-bottom: 10px;}
#frm-settingsForm .image {float: left; margin: 0 0 20px;}
#frm-settingsForm .image .hint {float: left; clear: both; width: 200px; margin-left: 153px; color: gray; font-size: 10px; position: relative;}
#frm-settingsForm .image .hint:before {content: '*'; display: inline; position: absolute; left: -7px; color: gray;}
#frm-settingsForm .image img {float: left; clear: left; margin: 10px 0 0 143px; box-shadow: -4px 4px 22px 2px #BBB;}

#frm-timeframe-submit { display: block; margin: 0 auto; }
p.country { float: left; clear: both; width: 100%; font-size: 16px; margin: 0 0 10px 0; }

.chart-navigation { display: inline-block; margin-bottom: 8px; }
.chart-navigation button { display: inline-block; padding: 8px 16px; border: 1px solid #ccc; border-radius: 8px; margin: 0 8px 8px 0; color: black; font-size: 20px; background: white; }
.chart-navigation button:hover,
.chart-navigation button:focus,
.chart-navigation button.active { outline: none; background: #eee; }
#the-chart { display: block; width: 100%; height: auto; margin-bottom: 16px; }
#chart-summary p { margin: 0 0 8px 0; font-size: 16px; }
#chart-summary p:last-child { margin-bottom: 16px; }
#chart-summary .total { padding-top: 8px; border-top: 1px solid black; }
#chart-summary strong { display: inline-block; min-width: 90px; }

.links {
margin-left: 945px;
padding-top: 4px; 
padding-bottom: 4px;
position: absolute;
z-index: 1000;
top: 7%;
background-color: #EEE;
color: grey;
border: solid 1px #E4E4E4;
width: 54px;
text-align: center;
}
.scroll-button {
  box-sizing: border;
  font-weight: 700;
  height: 22px;
  width: 25px;
  text-decoration: none;
  font-size: 18px;
  text-align: center;
  color: inherit;
}

.scroll-button:hover {
  color: black;
}

#scroll-left {
  right: calc(20% + 25px);
}
#scroll-right {
  right: 20%;
}

#logo {
  width: 180px;
}

#items_generator_table, #items_generator_table th, #items_generator_table td{
  border: none;
}
.project_name input{
  width: 100%;
}
.items_count input, .count input{
  width: 20%;
}