body{
font: normal small Arial, Helvetica, sans-serif;
color: #303335;
text-align:justify;
font-size:13px;
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:10px;
background-color:#FAECC9;
}
#border {
min-width: 769px;
border: 5px solid #846646;
background-image: url("../img/bg.jpg");
background-repeat: repeat-y;
max-width: 98%;
background-size: 100% auto;}
#border:after {
content: "";
display: block;
clear: both;}

body.layout-standard {
margin-bottom: 0;
overflow: hidden;}
body.layout-standard > center.layout-root {
display: block;
height: 100vh;}
body.layout-standard #border.layout-shell {
height: calc(100vh - 10px);
display: grid;
grid-template-columns: minmax(0, 1fr);
grid-template-rows: 150px minmax(0, 1fr);
align-content: stretch;}
body.layout-standard #header {
grid-column: 1;
grid-row: 1;}
body.layout-standard #mainarea.layout-main {
grid-column: 1;
grid-row: 2;
float: none;
width: auto;
min-width: 0;
margin-bottom: 0;
display: flex;
flex-direction: column;
min-height: 0;}
body.layout-standard #mainarea .heading {
flex: 0 0 auto;}
body.layout-standard .page-content {
flex: 1 1 auto;
min-height: 0;
display: flex;
flex-direction: column;
overflow: auto;}
body.layout-standard #mainarea > #bottom {
display: none;}
body.layout-standard #mainarea > .copy {
flex: 0 0 auto;
margin-top: 0;
background-image: url(../img/header_d.png);}

body.page-table-el .page-content,
body.page-ch-vneski .page-content {
overflow: hidden;}

body.page-table-el #mainarea .page-content > .table-el-page {
flex: 1 1 auto;
min-height: 0;
display: flex;
flex-direction: column;
padding: 0 0 10px;
background: rgb(255 255 255 / 66%);}
body.page-table-el .page-body {
flex: 1 1 auto;
min-height: 0;
display: flex;
flex-direction: column;}
body.page-table-el .table-el-list {
flex: 1 1 auto;
min-height: 0;
overflow: auto;}
body.page-table-el .table-el-filter {
flex: 0 0 auto;}
body.page-table-el #tableElPeriodForm {
display: inline-flex;
align-items: center;}
body.page-table-el .table-el-autocollapse {
margin-left: 30px;}
body.page-table-el .table-el-autocollapse-control {
display: inline-flex;
align-items: center;
gap: 6px;
font-weight: bold;
cursor: pointer;
user-select: none;}
body.page-table-el .table-el-autocollapse-control input[type="checkbox"] {
margin: 0;}
body.page-table-el .table-el-member-table th,
body.page-table-el .table-el-member-table td {
padding-left: 3px;
padding-right: 3px;}
body.page-table-el .table-el-member-table .table-el-payments-col-no {
width: 1%;
white-space: nowrap;
padding-left: 3px;
padding-right: 3px;}
body.page-table-el .table-el-member-table .table-el-payments-head-date,
body.page-table-el .table-el-member-table .table-el-payments-head-paid {
width: 1%;
white-space: normal;}
body.page-table-el .table-el-member-table .table-el-payments-col-date,
body.page-table-el .table-el-member-table .table-el-payments-col-paid {
width: 1%;
white-space: nowrap;}
body.page-table-el .table-el-member-table .table-el-payments-col-comment {
width: auto;}
body.page-table-el .table-el-member-table .table-el-two-line {
display: inline-block;
white-space: normal;}
body.page-table-el .table-el-member-table .table-el-accrual-col-no,
body.page-table-el .table-el-member-table .table-el-accrual-col-doc,
body.page-table-el .table-el-member-table .table-el-accrual-col-delete {
width: 1%;
white-space: nowrap;}
body.page-table-el .table-el-member-table .table-el-accrual-col-amount {
width: 12%;
white-space: nowrap;}
body.page-table-el .table-el-member-table .table-el-accrual-col-date,
body.page-table-el .table-el-member-table .table-el-accrual-col-meter,
body.page-table-el .table-el-member-table .table-el-accrual-col-used,
body.page-table-el .table-el-member-table .table-el-accrual-col-idlefee,
body.page-table-el .table-el-member-table .table-el-accrual-col-price {
width: 17%;
}

body.page-ch-vneski #mainarea .page-content > .ch-vneski-page {
flex: 1 1 auto;
min-height: 0;
display: flex;
flex-direction: column;
padding: 0 0 10px;}
body.page-ch-vneski .page-body {
flex: 1 1 auto;
min-height: 0;
display: flex;
flex-direction: column;}
body.page-ch-vneski .ch-vneski-list {
flex: 1 1 auto;
min-height: 0;
overflow: auto;}
body.page-ch-vneski .ch-vneski-list #ind {
position: sticky;
top: 0;
z-index: 4;
margin: 0;
padding-top: 8px;
padding-bottom: 8px;
background: rgba(255, 255, 255, 0.92);}

body.page-cash .page-content {
overflow: hidden;}
body.page-cash #mainarea .page-content > .cash-page {
flex: 1 1 auto;
min-height: 0;
display: grid;
grid-template-columns: minmax(0, 1fr);
grid-template-rows: auto minmax(0, 1fr) auto;
gap: 8px;
padding: 10px;
background: rgba(255, 255, 255, 0.44);
box-sizing: border-box;}
body.page-cash .cash-top-panel {
display: flex;
flex-direction: column;
gap: 6px;
padding: 8px;
border: 1px solid #d8cfcf;
background: rgba(255, 255, 255, 0.66);}
body.page-cash .cash-filter-form {
display: block;}
body.page-cash .cash-filters-desktop {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: nowrap;
justify-content: center;}
body.page-cash .cash-filters-mobile {
display: none;}
body.page-cash .cash-filters-mobile[hidden] {
display: none !important;}
body.page-cash .cash-filter-field {
display: inline-flex;
align-items: center;
gap: 6px;
font-weight: bold;
font-size: 12px;
flex: 0 0 auto;}
body.page-cash .cash-filter-field input,
body.page-cash .cash-filter-field select {
height: 28px;
    border: 1px solid #bdbdbd;
padding: 0 6px;
background: #fff;
font-size: 12px;}
body.page-cash .cash-filters-table {
margin: 0 auto;
border-collapse: collapse;
table-layout: fixed;}
body.page-cash .cash-filters-table td {
padding: 4px 5px;
text-align: center;
vertical-align: middle;}
body.page-cash .cash-filters-table .cash-filter-label {
font-size: 12px;
font-weight: bold;
white-space: nowrap;}
body.page-cash .cash-filters-table .cash-filter-date {
width: 160px;
min-width: 160px;
max-width: 160px;}
body.page-cash .cash-filters-table .cash-filter-date input[type="date"] {
width: 150px;
min-width: 150px;
max-width: 150px;
box-sizing: border-box;}
body.page-cash .cash-filters-table .cash-filter-select select {
min-width: 150px;
height: 28px;
    border: 1px solid #bdbdbd;
padding: 0 6px;
background: #fff;
font-size: 12px;}
body.page-cash .cash-message {
margin: 0;
font-weight: bold;
color: #1f5f0b;
min-height: 18px;
opacity: 0;
transition: opacity 0.15s ease;}
body.page-cash .cash-message.is-visible {
opacity: 1;}
body.page-cash .cash-message.is-error {
color: #8a3500;}
body.page-cash .cash-list-panel {
min-height: 0;
overflow: auto;
border: 1px solid #d8cfcf;
background: rgba(255, 255, 255, 0.66);}
body.page-cash .cash-table {
margin: 0;}
body.page-cash .cash-table th,
body.page-cash .cash-table td {
text-align: center;}
body.page-cash .cash-table td:nth-child(5) {
text-align: left;}
body.page-cash .cash-bottom-panel {
display: flex;
flex-direction: column;
gap: 8px;
padding: 8px;
border: 1px solid #d8cfcf;
background: rgba(255, 255, 255, 0.7);}
body.page-cash .cash-totals {
display: flex;
flex-wrap: wrap;
gap: 14px;}
body.page-cash .cash-total-item {
display: inline-flex;
align-items: baseline;
gap: 6px;
font-size: 13px;}
body.page-cash .cash-total-item strong {
font-size: 15px;
color: #4f3317;}
body.page-cash .cash-manual-grid {
display: block;}
body.page-cash .cash-manual-grid.is-collapsed {
display: none;}
body.page-cash .cash-manual-form {
margin: 0;
padding: 0;
border: 1px solid #d8cfcf;
background: rgba(255, 255, 255, 0.6);}
body.page-cash .cash-manual-layout {
width: 100%;}
body.page-cash .cash-manual-layout[hidden] {
display: none !important;}
body.page-cash .cash-manual-mobile .cash-manual-form + .cash-manual-form {
margin-top: 12px;}
body.page-cash .cash-tablet-row,
body.page-cash .cash-desktop-row {
display: flex;
align-items: stretch;
gap: 12px;}
body.page-cash .cash-tablet-row .cash-manual-form,
body.page-cash .cash-desktop-row .cash-manual-form {
flex: 1 1 0;
min-width: 0;}
body.page-cash .cash-form-table {
width: 100%;
border-collapse: collapse;
table-layout: fixed;}
body.page-cash .cash-form-table .cash-col-date {
width: 160px;
min-width: 160px;
max-width: 160px;}
body.page-cash .cash-form-table th {
padding: 6px 8px;
font-size: 14px;
font-weight: bold;
text-align: left;
color: #5a3d1f;
border: 1px solid #d8cfcf;
background: rgb(235 223 223 / 25%);}
body.page-cash .cash-form-table td {
padding: 6px;
border: 1px solid #d8cfcf;
vertical-align: top;}
body.page-cash .cash-cell-label {
font-size: 12px;
font-weight: bold;
color: #3b2b1a;
white-space: nowrap;}
body.page-cash .cash-cell-label--block {
display: block;
white-space: normal;}
body.page-cash .cash-cell-input {
min-width: 0;}
body.page-cash .cash-input,
body.page-cash .cash-textarea {
border: 1px solid #bdbdbd;
padding: 4px 6px;
font-size: 12px;
background: #fff;
box-sizing: border-box;}
body.page-cash .cash-input {
height: 28px;}
body.page-cash .cash-form-table .cash-input--date,
body.page-cash .cash-form-table input[type="date"].cash-input {
width: 140px;
max-width: 100%;}
body.page-cash .cash-input,
body.page-cash .cash-textarea {
width: 100%;
min-width: 0;}
body.page-cash .cash-comment-cell {
display: flex;
flex-direction: column;
height: 100%;
gap: 6px;}
body.page-cash .cash-comment-cell .cash-textarea {
flex: 1 1 auto;
min-height: 110px;
height: 110px;
resize: vertical;}
body.page-cash .cash-manual-submit {
height: 30px;
border: 1px solid #846646;
background: #846646;
color: #fff;
font-size: 12px;
font-weight: bold;
cursor: pointer;
white-space: nowrap;
padding: 0 10px;}
body.page-cash .cash-manual-submit:hover {
background: #72553a;}
body.page-cash .cash-submit {
width: auto;
max-width: 100%;
padding-left: 10px;
padding-right: 10px;}
body.page-cash .cash-comment-cell .cash-submit {
align-self: center;}
body.page-cash .cash-form-table--stacked .cash-cell-label {
vertical-align: middle;}
body.page-cash .cash-form-table--desktop td {
vertical-align: middle;}
body.page-cash .cash-form-table--desktop .cash-col-label {
width: 10%;}
body.page-cash .cash-form-table--desktop .cash-col-date {
width: 160px;
min-width: 160px;
max-width: 160px;}
body.page-cash .cash-form-table--desktop .cash-col-amount {
width: 13%;}
body.page-cash .cash-form-table--desktop .cash-col-purpose {
width: 33%;}
body.page-cash .cash-form-table--desktop .cash-col-submit {
width: 17%;}
body.page-cash .cash-form-table--desktop .cash-cell-input--purpose .cash-textarea {
height: 30px;
min-height: 30px;
resize: none;}
body.page-cash .cash-form-table--desktop .cash-cell-submit {
text-align: center;}
body.page-cash .cash-form-table--desktop .cash-cell-submit .cash-submit {
height: 30px;}
body.page-cash .cash-print-block {
padding: 8px;
border: 1px solid #d8cfcf;
background: rgba(255, 255, 255, 0.6);}
body.page-cash .cash-print-form {
display: flex;
align-items: center;
gap: 12px;
flex-wrap: wrap;}
body.page-cash .cash-forms-toggle {
display: none;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 3px;
height: 28px;
min-width: 34px;
padding: 0 7px;
border: 1px solid #846646;
background: #8a6840;
cursor: pointer;}
body.page-cash .cash-forms-toggle span {
display: block;
width: 14px;
height: 2px;
background: #f8ecd6;}
body.page-cash .cash-forms-toggle.is-active {
background: #6f512f;}
body.page-cash .cash-checkbox {
display: inline-flex;
align-items: center;
gap: 4px;
font-size: 12px;
font-weight: bold;
color: #3b2b1a;}
body.page-cash .cash-print-icons {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
width: 100%;}
body.page-cash .cash-amount-income {
color: #1f5f0b;
font-weight: bold;}
body.page-cash .cash-amount-expense {
color: #8a3500;
font-weight: bold;}

/* Members page */
body.page-members .page-content {
overflow: hidden;
display: flex;
flex-direction: column;
min-height: 0;
}
body.page-members #main {
flex: 1 1 auto;
min-height: 0;
display: flex;
flex-direction: column;
box-sizing: border-box;
}
.members-page#content.always-open {
display: flex;
flex: 1 1 auto;
min-height: 0;
height: auto;
overflow: hidden;
}
.members-page .members-toolbar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
flex-wrap: wrap;}
.members-page {
display: flex;
flex-direction: column;
min-height: 0;
height: 100%;
}
.members-page .members-toolbar-wrap {
flex: 0 0 auto;
position: sticky;
top: 0;
z-index: 3;
background: rgba(255, 255, 255, 0.92);
padding-bottom: 6px;
}
.members-page .members-toolbar-divider {
margin: 8px 0 0;
}
.members-page .members-toolbar-search {
flex: 1 1 260px;
max-width: 420px;}
.members-page .members-search-input {
width: 100%;
height: 30px;
border: 1px solid #b99b75;
padding: 0 8px;
box-sizing: border-box;
font-size: 13px;
background: #fff;}
.members-page .members-toolbar-actions {
margin-left: auto;
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;}
.members-page .members-doc-form {
display: inline-flex;
align-items: center;
gap: 8px;
margin: 0;}
.members-page .members-add-button {
display: inline-flex;
align-items: center;
justify-content: center;
height: 30px;
padding: 0 12px;
border: 1px solid #b99b75;
background: #f3eee6;
color: #2f6c11;
font-weight: bold;
text-decoration: none;
box-sizing: border-box;}
.members-page .members-add-button:hover {
background: #ede4d7;}
.members-page .members-message {
margin: 8px 0;
font-weight: bold;}
.members-page .members-list-scroll {
flex: 1 1 auto;
min-height: 0;
overflow: auto;
}
.members-page .members-table {
width: 100%;
border-collapse: collapse;
font-size: 13px;
line-height: 1.3;
}
.members-page .members-table th,
.members-page .members-table td {
padding: 6px 8px;
border: 1px solid #d4c8b8;
vertical-align: middle;
text-align: left;
}
.members-page .members-table th {
background: #efe6d8;
font-weight: bold;
}
.members-page .members-table-member-cell {
text-align: center;
width: 90px;
}
.members-page .members-table-actions {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
.members-page .members-item-link {
color: #585858;
text-decoration: none;}
.members-page .members-item-link:hover {
text-decoration: underline;}
.members-page .members-item-edit {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 2px 10px;
border: 1px solid #bdbdbd;
background: #ffffff;
color: #222222;
text-decoration: none;
line-height: 1.2;
white-space: nowrap;
font-weight: normal;
}
.members-page .members-item-edit:hover {
background: #f3f3f3;
border-color: #a8a8a8;
color: #111111;
text-decoration: none;
}
.members-page .members-item-edit:active {
background: #e8e8e8;
border-color: #999999;
color: #111111;
text-decoration: none;
}
.members-page .members-item-edit:focus-visible {
outline: 2px solid #93acd1;
outline-offset: 1px;
text-decoration: none;
}
.members-page .members-item-delete {
color: red;
padding: 2px 10px;
text-decoration: none;}
.members-page .members-item-delete:hover {
text-decoration: none;}
.members-page [data-members-item][hidden] {
display: none !important;}

.update-user-page {
display: flex;
flex-direction: column;
gap: 10px;
}

.update-user-notice {
margin: 0;
font-weight: bold;
}

.update-user-notice.is-success {
color: #2f6c11;
}

.update-user-notice.is-error {
color: #a1181c;
}

.update-user-layout {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
gap: 12px;
}

.update-user-block {
background: rgba(255, 255, 255, 0.86);
border: 1px solid rgba(185, 155, 117, 0.5);
padding: 10px;
box-sizing: border-box;
min-width: 0;
}

.update-user-block--flags,
.update-user-block--inputs {
flex: 0 0 360px;
width: 360px;
min-width: 360px;
max-width: 360px;
}

.update-user-block--media {
flex: 1 1 auto;
min-width: 0;
}

.update-user-block-title {
margin: 0 0 8px;
font-size: 16px;
}

.update-user-table {
width: 100%;
min-width: 0;
border-collapse: collapse;
}

.update-user-table td,
.update-user-table th {
padding: 6px 8px;
vertical-align: middle;
}

.update-user-table input[type="text"],
.update-user-table input[type="tel"],
.update-user-table input[type="email"],
.update-user-table input[type="date"],
.update-user-table textarea {
width: 100%;
box-sizing: border-box;
}

.update-user-table textarea {
resize: vertical;
min-height: 90px;
}

.update-user-actions-cell {
text-align: center;
}

.update-user-flag-label {
display: inline-flex;
align-items: center;
gap: 8px;
font-weight: bold;
}

.update-user-small-note {
margin: 8px 0 0;
font-size: 12px;
color: #4f4f4f;
}

.update-user-meter-tools {
margin: 10px 0;
text-align: center;
}

.update-user-media {
display: flex;
flex-direction: column;
gap: 10px;
}

.update-user-media-create {
display: flex;
gap: 8px;
flex-wrap: wrap;
}

.update-user-media-create input[type="text"] {
flex: 1 1 220px;
min-width: 0;
box-sizing: border-box;
}

.update-user-media-columns {
display: grid;
grid-template-columns: 1fr;
gap: 10px;
min-height: 0;
}

.update-user-media-folders,
.update-user-media-files {
border: 1px solid rgba(185, 155, 117, 0.45);
padding: 8px;
background: rgba(255, 255, 255, 0.76);
min-height: 0;
}

.update-user-media-title {
margin: 0 0 8px;
font-size: 14px;
}

.update-user-media-empty {
margin: 0;
color: #5f5f5f;
font-size: 13px;
}

.update-user-media-folder-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 6px;
}

.update-user-media-folder-item {
display: flex;
align-items: center;
gap: 8px;
}

.update-user-media-folder-open {
flex: 1 1 auto;
min-width: 0;
text-align: left;
}

.update-user-media-folder-item.is-active .update-user-media-folder-open {
font-weight: bold;
}

.update-user-media-upload {
display: flex;
gap: 8px;
flex-wrap: wrap;
align-items: center;
margin-bottom: 8px;
border: 1px dashed rgba(132, 102, 70, 0.45);
padding: 8px;
background: rgba(255, 255, 255, 0.8);
transition: background-color .2s ease, border-color .2s ease;
}

.update-user-media-upload.is-dragover {
border-color: #846646;
background: rgba(248, 236, 214, 0.85);
}

.update-user-media-upload input[type="file"] {
flex: 1 1 220px;
min-width: 0;
}

.update-user-media-file-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
gap: 8px;
}

.update-user-media-file-item {
border: 1px solid rgba(185, 155, 117, 0.35);
padding: 6px;
background: #fff;
min-width: 0;
}

.update-user-media-thumb {
display: block;
width: 100%;
height: 110px;
padding: 0;
border: 0;
background: transparent;
cursor: pointer;
}

.update-user-media-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
}

.update-user-media-file-link {
display: block;
word-break: break-word;
}

.update-user-media-file-name {
margin-top: 4px;
font-size: 12px;
word-break: break-word;
}

.update-user-media-file-actions {
margin-top: 4px;
display: flex;
align-items: center;
gap: 8px;
}

.file-act {
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 1;
text-decoration: none;
padding: 0;
border: 0;
background: transparent;
cursor: pointer;
}

.file-dl {
font-size: 14px;
color: #1f1f1f;
}

.file-del {
font-size: 12px;
color: #c62828;
}

.update-user-media-popup[hidden] {
display: none !important;
}

.update-user-media-popup {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
}

.update-user-media-popup-backdrop {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.72);
}

.update-user-media-popup-content {
position: relative;
z-index: 2;
width: min(92vw, 980px);
max-height: 90vh;
display: flex;
flex-direction: column;
background: #f5f5f5;
border: 1px solid #222;
}

.update-user-media-popup-toolbar {
display: flex;
justify-content: flex-end;
gap: 8px;
padding: 8px;
}

.update-user-media-popup-stage {
padding: 10px;
display: flex;
justify-content: center;
align-items: center;
overflow: auto;
min-height: 0;
}

.update-user-media-popup-stage img {
max-width: 100%;
max-height: calc(90vh - 80px);
transform-origin: center center;
}

@media (min-width: 900px) {
.update-user-media-columns {
grid-template-columns: minmax(220px, 280px) 1fr;
}
}

@media (max-width: 1240px) {
.update-user-block--flags,
.update-user-block--inputs {
flex: 1 1 360px;
width: auto;
min-width: 320px;
max-width: none;
}

.update-user-block--media {
flex: 1 1 100%;
}
}

@media (max-width: 899px) {
.update-user-table td,
.update-user-table th {
display: block;
width: 100%;
box-sizing: border-box;
}

.update-user-table tr {
display: block;
padding-bottom: 6px;
border-bottom: 1px solid rgb(185 155 117 / 0%);
margin-bottom: 6px;
}

.update-user-table tr:last-child {
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0;
}
}

#header
{height: 150px;
background-image:url("../img/header_l.png"), url("../img/header_l.png");
background-repeat:repeat-x, repeat-x;
background-position:left top, right top;}

#car
{height: 150px;
width: 100%;
background-image:url("../img/header.png"); 
background-repeat:no-repeat; 
background-position:center;
/* background-size: 100% auto; */
float:left;}

.name
{font-size:32px;
color:#3C3C3C;
font-family:"trebuchet ms";
text-transform:uppercase;
padding-top:55px;
padding-left:15px;}
.tag
{padding-left:17px;
font-size:11px;
text-transform:uppercase;
color:#ffffff;
background-color:#9E191E;
height:20px;
line-height:20px;
width:23	0px;
font-weight:bold;}
.sap2
{color:#2C1E13;
width:6px;
text-align:center;
float:left;}
.toplinks
{color:#9E1C1C;
text-transform:uppercase;
font-family:"trebuchet ms";
width:105px;
float:left;
font-weight:bold;
font-size:12px;
text-align:center;}
.toplinks a
{color:#FFEDD8;
text-decoration:none;}
.toplinks a:hover
{color:#ffffff;
text-decoration:none;}
#mainarea
{width:610px;
width: 100%;
margin-bottom:10px;
background-image:url("../img/heading-bg.gif"); background-repeat:repeat-x;
float:none;}
.quick-bg
{width:159px;
width: 20%;
background-color: rgba(132, 102, 70, 0.05);
text-align:left;
float:left;
display:none;}
.heading
{height:51px;
font-size:15px;
color:#560001;
text-align:left;
line-height:51px;
/*background-image:url("../img/rc.gif"); background-repeat:no-repeat;*/ background-position:left;}
.heading2
{font-size:15px;
font-weight:bold;
font-family:"trebuchet ms";
color:#A1181C;}
#main
{padding-top:10px;
text-align:left;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
background: rgba(255, 255, 255, 0.44);}
a{color:#DE5202;
font-weight:bold;
text-decoration:none;}
a:hover{color:#DE5202;
text-decoration:none;}
.quick-links
{height:35px;
line-height:35px;
color:#281A0E;
font-weight:bold;
padding-left:15px;}
.quick-links a
{color:#36291A;
font-weight:normal;
text-decoration:none;}
.quick-links a:hover
{color:#364C1B;
text-decoration:none;}
.lang-switch-wrap {
height:auto;
line-height:normal;
padding-top:8px;
padding-bottom:8px;}
.lang-title {
display:block;
margin-bottom:6px;
font-weight:bold;
color:#36291A;}
.lang-switch {
display:flex;
gap:4px;
flex-wrap:wrap;}
.lang-switch button {
border:1px solid #846646;
background:#f5e9d3;
color:#36291A;
font-size:11px;
font-weight:bold;
padding:2px 6px;
cursor:pointer;}
.lang-switch button:hover {
background:#ead8b7;}
.lang-switch button.active {
background:#846646;
color:#FFEDD8;}
#bottom
{height:40px;
line-height:40px;
/*background-color:#B6B6B6;*/
width:769px;
float:left;}
.copy
{clear:left;
height:18px;
line-height:18px;
color: #959593;}
#rc-bg
{width:144px;
width: 100%;
height:51px;
background-image: url("../img/heading-bg.gif");
line-height:51px;
background-color:#ffffff;
font-size:15px;
color:#FFEDD8;
text-align:left;
text-transform:uppercase;
font-family:"trebuchet ms";
font-weight:bold;
padding-left:15px;}
#spacer
{height:40px;
line-height:40px;}
.products
{width:168px;
border:2px dotted #BCBCBC;
margin-left:10px;
height:140px;
float:left;}
.opened
{color:green;}
.closed
{color:blue;}
input, textarea {outline:none;}
input:active, textarea:active {outline:none;}
:focus {outline:none;}
textarea {resize:none;}
textarea {resize:vertical;}
textarea {resize:horizontal;}
#shest { -moz-appearance: textfield;}
#shest::-webkit-inner-spin-button { display: none;}

.tabstyle3 {
      border: 1px solid #846646;
      border-collapse: collapse;
	  width: 100%;
}

.tabstyle3 thead, th {

      border: 1px solid #D8CFCF;
      border-collapse: collapse;
	  font-size: 12px;
}

.tabstyle3 td, tr {

      border: 1px solid #D8CFCF;
      border-collapse: collapse;
	  font-size: 12px;
	padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
}
#dva {
  width: 5em;
}

.box-title {
	border: 1px solid #D8CFCF;
	background: rgba(255, 255, 255, 0.44);
	font-weight: normal;
	color: #212121;
	padding-left: 0.8em;
	position: relative;
	margin: 2px 0 0 0;
	padding-bottom: 0.3em;
	padding-top: 0.3em;
	min-height: 0;
}
.box-content {
	display: block;
	padding: 1em 2.2em;
	border-top: 0;
	border: 1px solid #D8CFCF;
	background: rgba(255, 255, 255, 0.44);
	font-weight: normal;
	color: #212121;
}

#h3 {cursor:pointer;
	border: 1px solid #D8CFCF;
    background: rgba(255, 255, 255, 0.44) url("../img/rc.png") no-repeat;
    font-weight: normal;
    color: #212121;
	padding-left: 2.2em;
	cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding-bottom: 0.3em;
    padding-top: 0.3em;
    min-height: 0;
    support: IE7 font-size: 100%;
}
#content {
	display: none;
	padding: 1em 2.2em;
    border-top: 0;
	border: 1px solid #D8CFCF;
    background: rgba(255, 255, 255, 0.44);
    font-weight: normal;
    color: #212121;
}
#content.always-open {
	display: block;
}

#payt4 {display: none;}
[for="payt4"] {
  display: inline-block;
  padding: 7px;
  border-radius: 100px;
  background: rgba(0, 0, 0, .1);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .4) inset, 0 1px 1px 0 rgba(255, 255, 255, .1);
  text-shadow: 0 1px rgba(0, 0, 0, .5);
  cursor: pointer;
}
[for="payt4"]:before, [for="payt4"]:after {
  display: inline-block;
  padding: 5px 20px;
}
[for="payt4"]:before {
  content: "ТАК";
  border-radius: 100px 0 0 100px;
  background: rgba(0, 0, 0, .3) linear-gradient(rgba(0,0,0,.3), rgba(0,0,0,0));
  color: rgba(0,0,0,.4);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .5) inset, 0 1px 0 rgba(255, 255, 255, .4);
}
[for="payt4"]:after {
  content: "НІ";
  border-radius: 0 100px 100px 0;
  background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.3));
  box-shadow: inset 0 1px 1px 0 rgba(255,255,255,.2), 0 1px 2px 0 rgba(0,0,0,.5);
}
#payt4:checked ~ [for="payt4"]:after {
  background: rgba(0, 0, 0, .3) linear-gradient(rgba(0,0,0,.3), rgba(0,0,0,0));
  box-shadow: 0 1px 1px rgba(0, 0, 0, .5) inset, 0 1px 0 rgba(255, 255, 255, .4);
  color: rgba(0,0,0,.4);
}
#payt4:checked ~ [for="payt4"]:before {
  box-shadow: inset 0 1px 1px 0 rgba(255,255,255,.2), 0 1px 2px 0 rgba(0,0,0,.5);
  background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.3));
  color: inherit;
}

#payt5 {display: none;}
[for="payt5"] {
  display: inline-block;
  padding: 7px;
  border-radius: 100px;
  background: rgba(0, 0, 0, .1);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .4) inset, 0 1px 1px 0 rgba(255, 255, 255, .1);
  text-shadow: 0 1px rgba(0, 0, 0, .5);
  cursor: pointer;
}
[for="payt5"]:before, [for="payt5"]:after {
  display: inline-block;
  padding: 5px 20px;
}
[for="payt5"]:before {
  content: "ТАК";
  border-radius: 100px 0 0 100px;
  background: rgba(0, 0, 0, .3) linear-gradient(rgba(0,0,0,.3), rgba(0,0,0,0));
  color: rgba(0,0,0,.4);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .5) inset, 0 1px 0 rgba(255, 255, 255, .4);
}
[for="payt5"]:after {
  content: "НІ";
  border-radius: 0 100px 100px 0;
  background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.3));
  box-shadow: inset 0 1px 1px 0 rgba(255,255,255,.2), 0 1px 2px 0 rgba(0,0,0,.5);
}
#payt5:checked ~ [for="payt5"]:after {
  background: rgba(0, 0, 0, .3) linear-gradient(rgba(0,0,0,.3), rgba(0,0,0,0));
  box-shadow: 0 1px 1px rgba(0, 0, 0, .5) inset, 0 1px 0 rgba(255, 255, 255, .4);
  color: rgba(0,0,0,.4);
}
#payt5:checked ~ [for="payt5"]:before {
  box-shadow: inset 0 1px 1px 0 rgba(255,255,255,.2), 0 1px 2px 0 rgba(0,0,0,.5);
  background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.3));
  color: inherit;
}

#payt6 {display: none;}
[for="payt6"] {
  display: inline-block;
  padding: 7px;
  border-radius: 100px;
  background: rgba(0, 0, 0, .1);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .4) inset, 0 1px 1px 0 rgba(255, 255, 255, .1);
  text-shadow: 0 1px rgba(0, 0, 0, .5);
  cursor: pointer;
}
[for="payt6"]:before, [for="payt6"]:after {
  display: inline-block;
  padding: 5px 20px;
}
[for="payt6"]:before {
  content: "ТАК";
  border-radius: 100px 0 0 100px;
  background: rgba(0, 0, 0, .3) linear-gradient(rgba(0,0,0,.3), rgba(0,0,0,0));
  color: rgba(0,0,0,.4);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .5) inset, 0 1px 0 rgba(255, 255, 255, .4);
}
[for="payt6"]:after {
  content: "НІ";
  border-radius: 0 100px 100px 0;
  background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.3));
  box-shadow: inset 0 1px 1px 0 rgba(255,255,255,.2), 0 1px 2px 0 rgba(0,0,0,.5);
}
#payt6:checked ~ [for="payt6"]:after {
  background: rgba(0, 0, 0, .3) linear-gradient(rgba(0,0,0,.3), rgba(0,0,0,0));
  box-shadow: 0 1px 1px rgba(0, 0, 0, .5) inset, 0 1px 0 rgba(255, 255, 255, .4);
  color: rgba(0,0,0,.4);
}
#payt6:checked ~ [for="payt6"]:before {
  box-shadow: inset 0 1px 1px 0 rgba(255,255,255,.2), 0 1px 2px 0 rgba(0,0,0,.5);
  background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.3));
  color: inherit;
}

#payt7 {display: none;}
[for="payt7"] {
  display: inline-block;
  padding: 7px;
  border-radius: 100px;
  background: rgba(0, 0, 0, .1);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .4) inset, 0 1px 1px 0 rgba(255, 255, 255, .1);
  text-shadow: 0 1px rgba(0, 0, 0, .5);
  cursor: pointer;
}
[for="payt7"]:before, [for="payt7"]:after {
  display: inline-block;
  padding: 5px 20px;
}
[for="payt7"]:before {
  content: "ТАК";
  border-radius: 100px 0 0 100px;
  background: rgba(0, 0, 0, .3) linear-gradient(rgba(0,0,0,.3), rgba(0,0,0,0));
  color: rgba(0,0,0,.4);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .5) inset, 0 1px 0 rgba(255, 255, 255, .4);
}
[for="payt7"]:after {
  content: "НІ";
  border-radius: 0 100px 100px 0;
  background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.3));
  box-shadow: inset 0 1px 1px 0 rgba(255,255,255,.2), 0 1px 2px 0 rgba(0,0,0,.5);
}
#payt7:checked ~ [for="payt7"]:after {
  background: rgba(0, 0, 0, .3) linear-gradient(rgba(0,0,0,.3), rgba(0,0,0,0));
  box-shadow: 0 1px 1px rgba(0, 0, 0, .5) inset, 0 1px 0 rgba(255, 255, 255, .4);
  color: rgba(0,0,0,.4);
}
#payt7:checked ~ [for="payt7"]:before {
  box-shadow: inset 0 1px 1px 0 rgba(255,255,255,.2), 0 1px 2px 0 rgba(0,0,0,.5);
  background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.3));
  color: inherit;
}

#ind {
    cursor: pointer;
    border: 1px solid #D8CFCF;
	background: rgba(255, 255, 255, 0.44);
    color: #6D3416;
    padding-left: 2.2em;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding-bottom: 0.3em;
    padding-top: 0.3em;
    min-height: 0;
	}

/* Top bar + auth + language dropdown */
.topbar {
display:flex;
align-items:center;
justify-content:space-between;
min-height:46px;
padding:6px 12px;
background:#735432;
color:#f8ecd6;
border-bottom:1px solid #846646;
box-sizing:border-box;}
.topbar-left {
display:flex;
align-items:center;
gap:12px;}
.topbar-menu-toggle {
display:none;
width:36px;
height:32px;
padding:0;
border:1px solid #d7bb93;
background:#8a6840;
cursor:pointer;
align-items:center;
justify-content:center;
flex-direction:column;
gap:4px;}
.topbar-menu-toggle span {
display:block;
width:18px;
height:2px;
background:#f8ecd6;}
.topbar-menu-text {
display:none;
font-size:13px;
font-weight:bold;
letter-spacing:0.03em;
text-transform:uppercase;
color:#f8ecd6;}
.topbar-lang {
position:relative;}
.topbar-lang-toggle {
height:32px;
border:1px solid #d7bb93;
background:#8a6840;
color:#f8ecd6;
font-size:12px;
font-weight:bold;
padding:0 10px;
cursor:pointer;
text-transform:uppercase;}
.topbar-lang-menu {
display:none;
position:absolute;
top:36px;
left:0;
min-width:86px;
background:#f8ecd6;
border:1px solid #846646;
box-shadow:0 8px 18px rgba(0, 0, 0, 0.2);
z-index:20;
padding:4px;}
.topbar-lang.is-open .topbar-lang-menu {
display:block;}
.topbar-lang-menu button {
display:block;
width:100%;
margin:0;
padding:6px 8px;
text-align:left;
border:0;
background:transparent;
color:#3a2a19;
font-size:12px;
font-weight:bold;
cursor:pointer;
text-transform:uppercase;}
.topbar-lang-menu button:hover,
.topbar-lang-menu button.active {
background:#e8d3ae;}
.topbar-auth {
display:flex;
align-items:center;
gap:10px;
font-size:12px;}
.topbar-auth-label {
color:#f8ecd6;
font-weight:bold;}
.topbar-auth-form {
margin:0;}
.topbar-auth-link {
display:inline-flex;
align-items:center;
height:32px;
padding:0 10px;
border:1px solid #d7bb93;
background:#8a6840;
color:#f8ecd6;
font-size:12px;
font-weight:bold;
text-decoration:none;
cursor:pointer;
text-transform:uppercase;}
.topbar-auth-link:hover {
background:#9a7547;
color:#ffffff;}
.header-balance {
padding-left:10px;
padding-top:50px;
font-size:20px;
color:#2E883B;
text-align:left;
text-decoration:none;
margin:0;}
.toplinks-home {
padding-left:30px;}

/* Login page */
.page-login #main {
background:transparent;
padding:0;}
.login-main {
min-height:calc(100vh - 300px);
display:flex;
align-items:center;
justify-content:center;
padding:20px 12px;
box-sizing:border-box;}
.login-panel-wrap {
width:100%;
display:flex;
justify-content:center;}
.login-panel {
width:min(380px, 100%);
background:rgba(255, 255, 255, 0.9);
border:1px solid #b99b75;
box-shadow:0 10px 24px rgba(0, 0, 0, 0.15);
padding:18px;
box-sizing:border-box;}
.login-title {
margin:0 0 14px;
font-size:22px;
color:#6f512f;
text-align:center;}
.login-error {
margin: 0 0 12px;
padding: 8px 10px;
border: 1px solid #c98a7b;
background: #fff0ec;
color: #8a3500;
font-weight: bold;
font-size: 12px;
line-height: 1.3;
}
.login-success {
margin: 0 0 12px;
padding: 8px 10px;
border: 1px solid #88b77a;
background: #eef9e8;
color: #2d651e;
font-weight: bold;
font-size: 12px;
line-height: 1.3;
}
.login-label {
display:block;
margin:10px 0 6px;
font-weight:bold;
color:#3d2d1b;}
.login-input {
width:100%;
height:38px;
border:1px solid #b99b75;
padding:0 10px;
box-sizing:border-box;
font-size:14px;
color:#2c2c2c;
background:#fff;}
.login-submit {
margin-top:14px;
width:100%;
height:38px;
border:1px solid #846646;
background:#846646;
color:#fff;
font-size:14px;
font-weight:bold;
cursor:pointer;
text-transform:uppercase;}
.login-google-link {
display:flex;
align-items:center;
justify-content:center;
gap:8px;
text-decoration:none;
box-sizing:border-box;
text-transform:none;
}
.login-google-link img {
display:block;
height:20px;
width:auto;
flex:0 0 auto;
}
.login-forgot-wrap {
margin-top: 8px;
text-align: right;
}
.login-forgot-link {
font-size: 12px;
color: #5a3d1f;
text-decoration: underline;
}
.login-forgot-link:hover {
color: #3f2916;
}
.login-submit:hover {
background:#72553a;}

/* Responsive */
@media (max-width: 992px) {
#border {
min-width:0;
max-width:100%;
border-width:3px;}
#header {
display:none;}
#mainarea,
.quick-bg {
float:none;
width:100%;}
.quick-bg {
display:none;
background:rgba(132, 102, 70, 0.16);
border-top:1px solid rgba(132, 102, 70, 0.35);
padding:6px 0;}
.quick-links {
height:auto;
line-height:1.4;
padding:8px 15px;}
#bottom {
width:100%;
height:12px;
line-height:12px;}
body.page-table-el {
overflow:auto;}
body.page-ch-vneski {
margin-bottom:0;
overflow:hidden;}
body.page-table-el > center {
height:auto;}
body.page-ch-vneski > center {
display:block;
height:100vh;}
body.page-table-el #border {
display:block;
height:auto;}
body.page-ch-vneski #border {
display:grid;
height:calc(100vh - 6px);
grid-template-columns:minmax(0, 1fr);
grid-template-rows:minmax(0, 1fr);}
body.page-table-el #header,
body.page-table-el .quick-bg,
body.page-table-el #mainarea {
grid-column:auto;
grid-row:auto;}
body.page-ch-vneski #header,
body.page-ch-vneski .quick-bg {
display:none;}
body.page-ch-vneski #mainarea {
display:flex;
flex-direction:column;
min-height:0;
grid-column:1;
grid-row:1;}
body.layout-standard {
margin-bottom:0;
overflow:hidden;}
body.layout-standard > center.layout-root {
display:block;
height:100vh;}
body.layout-standard #border.layout-shell {
display:grid;
height:calc(100vh - 6px);
grid-template-columns:minmax(0, 1fr);
grid-template-rows:minmax(0, 1fr);}
body.layout-standard #header,
body.layout-standard .quick-bg {
display:none;}
body.layout-standard #mainarea.layout-main {
display:flex;
flex-direction:column;
min-height:0;
grid-column:1;
grid-row:1;}
body.layout-standard .page-content {
overflow:auto;}
body.page-table-el .page-content,
body.page-ch-vneski .page-content {
overflow:hidden;}
body.page-cash .page-content {
overflow: hidden;}
body.page-cash .cash-manual-grid.is-collapsed {
display: none;}
body.page-cash .cash-manual-mobile .cash-manual-form,
body.page-cash .cash-tablet-row .cash-manual-form {
padding: 0;}
body.page-cash .cash-form-table--stacked .cash-textarea {
min-height: 90px;
height: 90px;}
body.page-cash .cash-manual-submit {
width: auto;
max-width: 100%;}
body.page-cash .cash-print-form {
justify-content: flex-start;
gap: 8px;}
body.page-cash .cash-forms-toggle {
display: inline-flex;}
.login-main {
min-height:calc(100vh - 210px);}
}

@media (max-width: 600px) {
body.page-cash .cash-filters-desktop {
display: none;}
body.page-cash .cash-filters-mobile {
display: block;}
}

@media (max-width: 1024px) {
body.page-cash .cash-forms-toggle {
display: inline-flex;}
}

@media (max-width: 380px) {
body.page-cash .cash-form-table td {
padding: 4px;}
body.page-cash .cash-input,
body.page-cash .cash-textarea {
padding: 3px 4px;
font-size: 11px;}
}

/* Menu area controls */
.heading {
height:auto;
min-height:51px;
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
padding:8px 12px;
line-height:1.2;
box-sizing:border-box;
}
.heading-nav {
display:flex;
align-items:center;
flex-wrap:wrap;
column-gap:0;
row-gap:6px;
min-width:0;
flex:1 1 auto;
}
.heading-menu-toggle {
display:none;
align-items:center;
justify-content:center;
grid-template-columns:14px auto;
grid-template-rows:2px 2px 2px;
column-gap:6px;
row-gap:3px;
min-height:30px;
padding:5px 8px;
border:1px solid #c9ad87;
background:#8a6840;
color:#f8ecd6;
cursor:pointer;
}
.heading-menu-toggle span {
display:block;
width:14px;
height:2px;
background:#f8ecd6;
}
.heading-menu-toggle span:nth-child(-n + 3) {
grid-column:1;
}
.heading-menu-toggle .heading-menu-text {
grid-column:2;
grid-row:1 / span 3;
width:auto;
height:auto;
background:none;
font-size:11px;
font-weight:bold;
text-transform:uppercase;
line-height:1;
white-space:nowrap;
}
.topnav-link {
display:inline-block;
}
.topnav-link.is-active {
display:inline-flex;
align-items:center;
height:28px;
padding:0 10px;
border:1px solid #d7bb93;
background:#8a6840;
color:#f8ecd6;
font-size:11px;
font-weight:bold;
text-transform:uppercase;
text-decoration:none;
box-sizing:border-box;
}
.topnav-link.is-active:hover {
background:#9a7547;
color:#ffffff;
}
.heading .toplinks,
.heading .sap2 {
float:none;
width:auto;
}
.heading .toplinks {
display:inline-flex;
align-items:center;
justify-content:center;
padding:0 2px;
position:relative;
}
.topnav-item.has-submenu {
padding-right:4px;
}
.topnav-submenu-toggle {
display:none;
margin-left:4px;
height:22px;
min-width:22px;
border:1px solid #c9ad87;
background:#8a6840;
color:#f8ecd6;
font-size:12px;
line-height:1;
cursor:pointer;
padding:0 6px;
}
.topnav-submenu {
display:none;
list-style:none;
margin:0;
padding:6px 0;
position:absolute;
top:100%;
left:0;
min-width:220px;
background:#f8ecd6;
border:1px solid #846646;
box-shadow:0 8px 18px rgba(0, 0, 0, 0.2);
z-index:30;
}
.topnav-submenu li {
margin:0;
padding:0;
}
.topnav-submenu a {
display:block;
padding:6px 10px;
color:#3b2b1a;
text-decoration:none;
font-size:12px;
white-space:nowrap;
}
.topnav-submenu a:hover {
background:#e8d3ae;
}
.topnav-item.has-submenu:hover > .topnav-submenu,
.topnav-item.has-submenu:focus-within > .topnav-submenu {
display:block;
}
.heading-tools {
margin-left:auto;
display:flex;
align-items:center;
gap:8px;
flex-wrap:nowrap;
}
.topbar-lang-inline .topbar-lang-toggle,
.topbar-auth-inline .topbar-auth-link {
height:28px;
font-size:11px;
}
.topbar-auth-inline {
gap:6px;
}
.topbar-auth-inline .topbar-auth-label {
white-space:nowrap;
font-size:11px;
}

/* Settings page */
.settings-page {
padding:10px;
}
.settings-layout {
display:grid;
grid-template-columns:minmax(210px, 260px) minmax(0, 1fr);
gap:14px;
}
.settings-sidebar {
display:flex;
flex-direction:column;
gap:8px;
}
.settings-nav-link {
display:block;
padding:8px 10px;
background:rgba(255, 255, 255, 0.56);
border:1px solid #d9c7ab;
color:#3b2b1a;
text-decoration:none;
font-weight:bold;
}
.settings-nav-link.active,
.settings-nav-link:hover {
background:#f3e3c8;
border-color:#b79264;
}
.settings-content {
background:rgba(255, 255, 255, 0.62);
border:1px solid #d9c7ab;
padding:12px;
box-sizing:border-box;
}
.settings-title {
margin:0 0 10px;
font-size:18px;
color:#5a3d1f;
}
.settings-message {
margin:0 0 10px;
color:#1f5f0b;
font-weight:bold;
}
.settings-warning {
margin:0 0 10px;
color:#8a3500;
font-weight:bold;
}
.settings-warning-critical {
color:#b10000;
font-weight:700;
}
.settings-note {
margin:8px 0;
}
.settings-actions {
margin:8px 0 12px;
}
.settings-hint {
margin:6px 0 0;
font-size:12px;
color:#5a3d1f;
}
.settings-actions > button {
height:28px;
border:1px solid #846646;
background:#846646;
color:#fff;
font-size:12px;
font-weight:bold;
cursor:pointer;
padding:0 10px;
}
.settings-actions > button:hover {
background:#72553a;
}
.settings-actions > button:disabled,
.settings-inline-form button:disabled {
cursor:default;
opacity:0.75;
}
.settings-table-wrap {
overflow:auto;
}
.settings-table {
width:100%;
border-collapse:collapse;
font-size:13px;
}
.settings-table th,
.settings-table td {
border:1px solid #d8cfcf;
padding:6px;
vertical-align:top;
}
.settings-general-language-cell {
width: 38%;
text-align: center;
vertical-align: middle;
}
.settings-general-kilkist-cell {
text-align: center;
vertical-align: middle;
}
.settings-table th {
background:#f4e4c8;
text-align:left;
color:#3b2b1a;
}
.settings-inline-form {
display:flex;
align-items:center;
gap:10px;
flex-wrap:wrap;
}
.settings-inline-form button {
height:28px;
border:1px solid #846646;
background:#846646;
color:#fff;
font-size:12px;
font-weight:bold;
cursor:pointer;
padding:0 10px;
}
.settings-inline-form button:hover {
background:#72553a;
}
.settings-checkbox {
display:inline-flex;
align-items:center;
gap:4px;
font-size:12px;
}
.settings-select-label {
display:inline-flex;
align-items:center;
gap:6px;
font-size:12px;
}
.settings-select-label select {
height:28px;
border:1px solid #b99b75;
padding:0 6px;
background:#fff;
}
.settings-row-status {
display:inline-block;
margin-top:6px;
font-size:12px;
font-weight:bold;
}
.settings-row-status.is-saving {
color:#735432;
}
.settings-row-status.is-ok {
color:#1f5f0b;
}
.settings-row-status.is-error {
color:#8a3500;
}
.settings-actions-col {
display:flex;
flex-direction:column;
gap:4px;
min-width:78px;
}
.settings-db-fix-block {
padding-top: 8px;
border-top: 1px solid #d8cfcf;
}
.settings-db-fix-title {
margin-bottom: 6px;
font-size: 16px;
}
.settings-db-fix-confirm-form {
margin-top: 8px;
}
.settings-db-fix-result {
margin-top: 10px;
}
.settings-db-fix-result-title {
margin: 0 0 6px;
font-size: 14px;
}
.settings-db-fix-diagnostics {
margin: 0 0 8px;
padding: 6px 8px;
background: #f8f3ea;
border: 1px solid #ddd0bd;
}
.settings-db-fix-diagnostics .settings-hint {
margin: 2px 0;
}
.settings-db-fix-errors {
margin: 6px 0;
}
.settings-db-fix-table td {
vertical-align: top;
}
.settings-db-fix-examples {
display: flex;
flex-direction: column;
gap: 4px;
}
.settings-db-fix-example-item {
padding: 4px 6px;
border: 1px solid #e3d9cb;
background: #faf7f2;
font-size: 12px;
line-height: 1.35;
}
.settings-db-fix-example-empty {
font-size: 12px;
color: #666;
}

@media (max-width: 992px) {
.heading {
min-height:44px;
align-items:center;
justify-content:space-between;
flex-wrap:wrap;
padding:8px 10px;
}
.heading-menu-toggle {
display:inline-grid;
order:1;
}
.heading-nav {
display:none;
order:3;
width:100%;
flex-direction:column;
align-items:stretch;
padding-top:8px;
}
.heading.is-nav-open .heading-nav {
display:flex;
background-image: url(../img/menu.png);
}
.heading .sap2 {
display:none;
}
.heading .toplinks {
justify-content:flex-start;
width:100%;
padding:0;
}
.heading .topnav-item {
width:100%;
justify-content:space-between;
padding:0;
}
.heading .topnav-link {
padding:5px 5px;
}
.heading-tools {
order:2;
margin-left:auto;
justify-content:flex-end;
width:auto;
max-width:100%;
}
.topnav-submenu-toggle {
display:inline-flex;
align-items:center;
justify-content:center;
}
.topnav-item.has-submenu:hover > .topnav-submenu,
.topnav-item.has-submenu:focus-within > .topnav-submenu {
display:none;
}
.topnav-submenu {
position:static;
min-width:0;
width:100%;
box-shadow:none;
border:1px solid #d9c7ab;
margin-top:6px;
}
.topnav-item.is-open > .topnav-submenu {
display:block;
}
.topbar-auth-inline .topbar-auth-label {
max-width:140px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.settings-layout {
grid-template-columns:1fr;
}
}

/* Unified neutral buttons */
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
a.btn,
.members-page .members-add-button,
.lang-switch button,
.cash-forms-toggle,
.settings-actions > button,
.settings-inline-form button,
body.page-cash .cash-manual-submit,
.login-submit {
background: #ffffff;
border: 1px solid #bdbdbd;
color: #222222;
box-shadow: none;
}

button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
a.btn:hover,
.members-page .members-add-button:hover,
.lang-switch button:hover,
.cash-forms-toggle:hover,
.settings-actions > button:hover,
.settings-inline-form button:hover,
body.page-cash .cash-manual-submit:hover,
.login-submit:hover {
background: #f3f3f3;
border-color: #a8a8a8;
color: #111111;
}

button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active,
a.btn:active,
.members-page .members-add-button:active,
.lang-switch button:active,
.lang-switch button.active,
.cash-forms-toggle:active,
.cash-forms-toggle.is-active,
.settings-actions > button:active,
.settings-inline-form button:active,
body.page-cash .cash-manual-submit:active,
.login-submit:active {
background: #e8e8e8;
border-color: #999999;
color: #111111;
}

button:focus-visible,
input[type="submit"]:focus-visible,
input[type="button"]:focus-visible,
input[type="reset"]:focus-visible,
a.btn:focus-visible,
.members-page .members-add-button:focus-visible,
.lang-switch button:focus-visible,
.cash-forms-toggle:focus-visible,
.settings-actions > button:focus-visible,
.settings-inline-form button:focus-visible,
body.page-cash .cash-manual-submit:focus-visible,
.login-submit:focus-visible {
outline: 2px solid #93acd1;
outline-offset: 1px;
}

button:disabled,
input[type="submit"]:disabled,
input[type="button"]:disabled,
input[type="reset"]:disabled,
.members-page .members-add-button[aria-disabled="true"],
.lang-switch button:disabled,
.cash-forms-toggle:disabled,
.settings-actions > button:disabled,
.settings-inline-form button:disabled,
body.page-cash .cash-manual-submit:disabled,
.login-submit:disabled {
cursor: default;
opacity: 0.7;
}

.heading-menu-toggle span,
.cash-forms-toggle span {
background: #4f4f4f;
}

/* Header scoped controls (isolated from global button styles) */
.site-header .heading-menu-toggle,
.site-header .topbar-lang-toggle,
.site-header .topbar-auth-link,
.site-header .topbar-lang-menu button,
.site-header .topnav-submenu-toggle {
background: #544432;
border: 1px solid #d7bb93;
color: #ffedd8;
box-shadow: none;
}

.site-header .heading-menu-toggle .heading-menu-text {
color: #ffedd8;
}

.site-header .heading-menu-toggle span {
background: #262525;
}

.site-header .heading-menu-toggle:hover,
.site-header .topbar-lang-toggle:hover,
.site-header .topbar-auth-link:hover,
.site-header .topbar-lang-menu button:hover,
.site-header .topnav-submenu-toggle:hover {
background: #f3e3c8;
border-color: #d7bb93;
color: #111111;
}

.site-header .heading-menu-toggle:active,
.site-header .topbar-lang-toggle:active,
.site-header .topbar-auth-link:active,
.site-header .topbar-lang-menu button:active,
.site-header .topbar-lang-menu button.active,
.site-header .topnav-submenu-toggle:active {
background: #f3e3c8;
border-color: #999999;
color: #111111;
}

.site-header .heading-menu-toggle:focus-visible,
.site-header .topbar-lang-toggle:focus-visible,
.site-header .topbar-auth-link:focus-visible,
.site-header .topbar-lang-menu button:focus-visible,
.site-header .topnav-submenu-toggle:focus-visible {
outline: 2px solid #93acd1;
outline-offset: 1px;
}

.site-header .topbar-lang-menu {
background: #ffffff;
border: 1px solid #bdbdbd;
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.2);
}

.site-header .topbar-lang-menu button {
text-align: left;
}

.site-header .topbar-auth-inline .topbar-auth-link,
.site-header .topbar-lang-inline .topbar-lang-toggle {
height: 28px;
font-size: 11px;
}

@media (max-width: 992px) {
.site-header .heading-nav {
color: #ffedd8;
background: #f8f4ea;
border: 1px solid #d9c7ab;
padding: 8px;
box-sizing: border-box;
}

.site-header .toplinks a,
.site-header .topnav-link {
color: #ffedd8;
}

.site-header .toplinks a:hover,
.site-header .topnav-link:hover {
color: #111111;
}

.site-header .topnav-submenu {
background: #ffffff;
border: 1px solid #c9b59b;
}

.site-header .topnav-submenu a {
color: #2f2417;
}

.site-header .topnav-submenu a:hover {
background: #efe6d6;
color: #111111;
}
}