html, body {margin:0;padding:0;font-family: Arial;}
a {color: #ff7e24; text-decoration: underline;}
a:hover {opacity:0.8;}
.auto {margin:auto;}
.text-right {text-align: right;}
.container {margin:auto;max-width:1400px;padding:0 24px;}
.top-fixed {width:100%;position:fixed;background:rgba(155,155,155,0.8);}
.top-menu {display:flex;justify-content: space-between;}
.top-menu a {color:white;text-decoration:none;padding: 7px 14px;}
.top-menu a:hover {background-color:rgba(155,155,155,1);}
#main-wrap {padding-top:48px;}
.btn {padding: 7px 14px;border:1px #DDD solid;background-color:white;color:#333;border-radius: 2px;cursor:pointer;transition: 0.3s;text-decoration: none;}
.btn:hover {opacity:0.8;background-color:#ff7e24;color:white;text-decoration: none;}
.btn-primary, .btn:active {background-color:#ff7e24;color:white;border:1px #ff7e24 solid;}
.btn-add {border:0;padding:10px 20px;font-size:32px;background-color:#EEE;cursor:pointer;}
.hidden {display:none;}
.kasses-flex {display:flex;flex-flow:row wrap;}
.kassa {margin:14px;flex: 0 0 30%;}
.money-table {font-size:11px;}
.money-table th {font-weight:bold;background-color:#EEE;padding:3px;}
.money-table td {padding:3px;}
.table {width:100%;}
.table td, .table th {padding:3px;border:1px #EEE solid;}
.inputs-margins input, .inputs-margins select {margin-right:14px;}
.red, .red * {color:red;}
#site-overlay {display:none;}
.row {display:flex;justify-content: space-between;}
.col-md-6 {flex: 0 0 49%;}
.col-md-4 {flex: 0 0 19%;}
.col-md-8 {flex: 0 0 79%;}
.fx {display:flex;}
.fx-between {justify-content: space-between;}
.pointer {cursor:pointer;}
.warning {color:red;background-color: #ffdede;}
.cr-costume input[type=checkbox].warning + label:before {background-color:pink;}
/*
#field-items {display: flex;flex-flow: row wrap;}
.field-item, .field_variants_item {cursor:move;padding:10px;border:1px #DDD dashed;margin:10px 0;}
.div-item-simple {padding:10px;border:1px #DDD dashed;margin:10px 0;}
.del-calc-variant, .del_field_from_calc, .delete-field-variant, .delete-calc {color:red;cursor:pointer;}
.field-variants {flex:0 0 300px;}
.field_variants_item {display:flex;}
.variant-name {flex: 0 0 50%;}
.calc-form-table td {padding:10px;border:1px #EEE solid;}
.calc-form-table select {padding:10px;width:400px;}
.calc-form-table input[type=number] {padding:10px;width:60px;text-align: center;}
.table td {padding:10px;border:1px #EEE solid;}
.redact {cursor:text;color:gray;border-bottom:1px gray dashed;}
.description-calculate {display:none;}
.view-description-calculate {cursor:pointer;color:gray;border-bottom:1px gray dashed;}
.auto {margin:auto;}
.change_field_value_item[data-field_name="a"][value="0"] {color:white;}
.change_field_value_item[data-field_name="x"][value="1"] {color:white;}
.change_field_value_item[data-field_name="fix"][value="0"] {color:white;}

.calc-form  table {width:100%;}
.calc-form  table td {padding:2px;border:1px #EEE solid;}
.calc-form input[type=text],.calc-form input[type=number], .calc-form select {width:100%;}
.manual-input {background: #e6ffdb;}
.disable {opacity:0.5;}
.order-table {font-size:12px;}
.order-table thead {background:#DDD;}
.order-table th, .order-table td {padding:2px;border:1px black solid;}
.order-blank-fx > table:nth-child(2) {flex:1 0 200px;}
.print-modal {color:#CCC;margin-left:24px;}
.order-table-1 tr td:nth-child(3),.order-table-1 tr td:nth-child(4),.order-table-1 tr td:nth-child(6),.order-table-1 tr td:nth-child(7),
.order-table-2 tr td:nth-child(2),.order-table-2 tr td:nth-child(3),.order-table-2 tr td:nth-child(4) {text-align: center;}
.statuses {display:flex;justify-content: flex-start;margin:1em 0;}
.statuses > div {padding:7px 14px;text-align: center;border:1px #DDD solid;margin-right:14px;cursor:pointer;}
.statuses > div.active {background:#ff7e24; color:white;}*/
.tabs {display:flex;justify-content: flex-start;}
.tabs .tab {border:1px gray solid; border-bottom:none; padding:14px 28px;font-weight:normal;color:gray;margin-right:8px;border-radius:4px 4px 0 0;background:#dcdcdc;box-shadow: inset 0 -1px 0 0 grey;cursor:pointer;}
.tabs .tab.active {font-weight:bold;color:black;background:white;box-shadow: none;}
.tabs-content {border:1px gray solid;padding:14px;border-radius:0 0 4px 4px;margin-top: -1px;background:white;}
/*
.log_table {width:100%;}
.log_table td {padding:4px;border:1px #DDD solid;}
*/
#output, .order-print {display:none;}

.statuses-btns-div {display:flex;justify-content: space-around;background:#999;}
.statuses-btns-div > a {background:#999;cursor:pointer;color:white; padding:1em;text-decoration: none;}
.statuses-btns-div > a:hover, .statuses-btns-div > a.active {background:#000;}
.fill-form input[type='text'],.fill-form textarea,.fill-form select {width: 100%;}

.table4 {width: 100%;}
.table4 td {border: 0px gray solid; padding: 4px; font-size: 12px;}
.table4 tr:nth-child(1) {background-color: #CCC;}
.table4 tr:nth-child(odd) {background-color: #EEE;}
.barcode-main {color:#BBB;font-size: 24px;}
#audit-statuses-wrap {flex:0 0 200px;display:flex;flex-direction: column;}
#audit-statuses-wrap > a {padding:10px;background:#eee;color:black;border-bottom:1px white solid;text-decoration: none;}
#audit-statuses-wrap > a.active {background: black;color:white;}
.audit-table tr[data-audit="1"] {text-decoration: line-through;}
#music {position:absolute;margin-left:-9999px;width:1px;height:1px;opacity:0;}
#audit-action-wrap {padding-left:20px;}


th.header {
    background-image: url(/img/tablesorter/small.gif);
    cursor: pointer;
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 20px;
    border-right: 1px solid #dad9c7;
    margin-left: -1px;
}

th.headerSortDown {
    background-image: url(/img/tablesorter/small_desc.gif);
    background-color: #3399FF;
}

th.headerSortUp {
    background-image: url(/img/tablesorter/small_asc.gif);
    background-color: #3399FF;
}
#devins-block {position:fixed;  right:0; top:110px; max-width:200px;background: white;font-size:12px;}
#devins-block > div {margin-bottom:10px;cursor:pointer;padding:5px;}
#devins-block > div:hover {background:rgba(128,255,255,0.8);}
.rekomend-info {font-size:12px; color:green;}
.dashed {text-decoration:none; border-bottom:1px gray dashed; cursor:pointer;}
.params-fx {display:flex;flex-wrap:wrap;}
.params-fx .item {margin:2px;padding:4px;border:1px gray solid;cursor:pointer;}
.params-fx .item:hover {background:#eee;}
.params-fx .item.activen {background:#ff6969;}
.bold-tr {font-weight:bold;}