@charset "UTF-8";

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,800italic,700italic,700,600italic,600,400italic,300italic,300&subset=latin,latin-ext);

/* Global ------------------------------------------------------------------------------------------------------------------------------------ */
* { font-size: 14px; font-family: 'Open Sans', sans-serif; box-sizing: border-box; outline: none; 
/*-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; -ms-user-select: none; */
}
body { background-color: #fff; color: #000; font-size: 12px; margin: 0; }
a:link { text-decoration: none; outline: none; }
a:visited { text-decoration: none; }
a:hover { -moz-outline-style: none; color: inherit; text-decoration: underline; }
a:active { color: inherit; text-decoration: none; }
img { cursor: pointer;  }
.clearfix { clear: both; }
.page-404 { text-align: center; font-size: 16px; }
.page-404 h1 { font-size: 100px; }
::-webkit-input-placeholder { color: #aaa; font-style: italic; text-shadow: 1px 2px #000; }
::-moz-placeholder { color: #aaa; font-style: italic; }
:-ms-input-placeholder { color: #aaa; font-style: italic; }
:-moz-placeholder { color: #aaa; font-style: italic; }
:root { --main-color: #52523f; --main-color-dark: #52523f; }
select option { background: rgba(0,0,0,0.5); color: #fff; font-size: 0.9vw; }
#modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgb(0,0,0); background: rgba(0,0,0,0.4); z-index: 999; }
.table { display: table; width: 100%; border: 0px; }
.row { display: table-row; width: 100%; border: 0px; }
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12 { display: table-cell; margin: 0; padding: 0; height: auto; }
.col-12 { width: 100%; }
.col-11 { width: 91.66666666666667%; }
.col-10 { width: 83.33333333333333%; }
.col-9 { width: 75%; }
.col-8 { width: 66.66666666666666%; }
.col-7 { width: 58.33333333333333%; }
.col-6 { width: 50%; }
.col-5 { width: 41.66666666666667%; }
.col-4 { width: 33.33333333333333%; }
.col-3 { width: 25%; }
.col-2 { width: 16.66666666666667%; }
.col-1 { width: 8.333333333333333%; }
input, select { width: 100%; font-size: 1.3vw; padding: 0.8vw 1vw; margin: 0; border: 0px; background: var(--main-color); color: #fff; letter-spacing: 2px; box-shadow: 10px 10px 20px rgba(0,0,0,0.8); }
select { background: var(--main-color-dark); }
input input:hover, select:hover { background: var(--main-color-dark); }
input:focus { background: var(--main-color-dark); }
button { display: inline-block; font-size: 1.3vw; padding: 0.7vw 2vw; border: 0; background: var(--main-color); color: #fff; box-shadow: 10px 10px 20px rgba(0,0,0,0.8); margin: 0 1vw 1vw 0; border-radius: 4px; cursor: pointer; -webkit-transition: all ease 0.2s; -moz-transition: all ease 0.2s; -o-transition: all ease 0.2s; -ms-transition: all ease 0.2s; transition: all ease 0.2s; }
button:hover { background: var(--main-color-dark); }
button:active { transform: scale(0.9); }
/* ------------------------------------------------------------------------------------------------------------------------------------------- */

/* Login ------------------------------------------------------------------------------------------------------------------------------------- */
.login-page { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('../images/login.jpg') no-repeat; background-size: cover; }
.login-box { margin: 4% 0 0 9vw; display: table; width: 35%; }
.login-box .title { font-size: 4vw; color: #fff; margin: 0 0 2vw 0; letter-spacing: -2px; }
.login-input { font-size: 2vw; padding: 1.5vw 2vw; background: rgba(0,0,0,0.1); color: #fff; border: none; margin: 0 0 0.5vw 0; display: block; width: 100%; box-shadow: none; box-shadow: 5px 5px 10px rgba(0,0,0,0.3); }
.login-input:focus { background: rgba(0,0,0,0.3); }
.login-page button { float: right; font-size: 2vw; margin: 0; padding: 1vw 1.5vw; background: rgba(0,0,0,0.3); color: #fff; border: none; cursor: pointer; }
.login-page button:active { transform: scale(0.9); -webkit-transition: all ease 0.2s; -moz-transition: all ease 0.2s; -o-transition: all ease 0.2s; -ms-transition: all ease 0.2s; transition: all ease 0.2s; }
/* ------------------------------------------------------------------------------------------------------------------------------------------- */

/* Menu -------------------------------------------------------------------------------------------------------------------------------------- */
.toggle { z-index: 999; left: 1vw; cursor: pointer; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.toggle:before { font-size: 1.5vw; font-family: 'FontAwesome'; content: "\f0aa"; color: #fff; opacity: 0.4; }
.toggle:hover:before { opacity: 1; }
.toggle-down {  }
.toggle-down:before { content: "\f0ab"; }
.menu-box { z-index: 99; width: 100%; height: 7.5vw; position: absolute; text-align: center; background: rgba(255,255,255,0.3); box-shadow: 0px 10px 20px rgba(0,0,0,0.3); -webkit-transition: all ease 0.6s; -moz-transition: all ease 0.6s; -o-transition: all ease 0.6s; -ms-transition: all ease 0.6s; transition: all ease 0.6s; }
.small-menu-box { height: 2vw; line-height: 2vw; }
ul.menu { height: 6vw; line-height: 6vw; margin: 0; padding: 0; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 0; margin: 0; -webkit-transition: all ease 0.6s; -moz-transition: all ease 0.6s; -o-transition: all ease 0.6s; -ms-transition: all ease 0.6s; transition: all ease 0.6s; }
ul.menu li { font-size: 1.9vw; padding: 0 2vw; margin: 0 0.5vw 0 0.5vw; color: #fff; text-transform: uppercase; list-style-type: none; display: inline-block; cursor: pointer; border-radius: 10px; }
ul.menu li:hover, .active-menu { background: var(--main-color); box-shadow: 0px 0px 15px rgba(0,0,0,0.6); }
ul.submenu { z-index: 3; display: none; position: absolute; padding: 2.5vw 0 1.5vw; margin: -0.5vw 0 0 -2vw; text-align: left;  background: var(--main-color-dark); border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; box-shadow: 0px 15px 15px 5px rgba(0,0,0,0.6); }
ul.submenu li { height: auto; line-height: 2.5vw; margin: 0; padding: 0.3vw 5.5vw 0.3vw 2vw; display: block; font-size: 1.3vw; box-shadow: none; letter-spacing: 1px; }
ul.submenu li:hover { box-shadow: none; transform: none; background: rgba(255,255,255,0.9); color: #333; border-radius: 0px; }
.menu-box ul li:hover ul.submenu { display: block; }
ul.submenu li:before { font-family: 'FontAwesome'; content: "\f061  "; }
/* ------------------------------------------------------------------------------------------------------------------------------------------- */

/* Content ----------------------------------------------------------------------------------------------------------------------------------- */
.main-page, .main-page-box { position: fixed; top: 0; left: 0; width: 100%; height: 100%; margin: 0; }
.main-page { background: url('../images/login.jpg') no-repeat; background-size: cover; background-position: center 28%; }
.main-page-box { background: rgba(0,0,0,0.5); margin: 0; padding: 0; }
.container { position: absolute; width: 100%; height: 100%; padding-top: 7.5vw; -webkit-transition: all ease 1.2s; -moz-transition: all ease 1.2s; -o-transition: all ease 1.2s; -ms-transition: all ease 1.2s; transition: all ease 1.2s; }
.content-box { width: 68%; height: 85%; position: relative; top: 1vw; border-radius: 6px; color: #fff; text-align: left; display: inline-block; vertical-align: top; }
.products-head-table { box-shadow: 10px 10px 20px rgba(0,0,0,0.8); }
.row div { display: table-cell; }
.products-container .row:hover { background: var(--main-color); cursor: pointer; }
.radius-left { border-top-left-radius: 10px; }
.radius-right { border-top-right-radius: 10px; }
.radius-bottom-left { border-bottom-left-radius: 10px; }
.radius-bottom-right { border-bottom-right-radius: 10px; }
.products-head-table .row div:nth-child(1) { width: 21%; padding-left: 1.5vw; }
.products-head-table .row div:nth-child(2) { width: 42%; }
.products-head-table .row div:nth-child(3) { width: 22%; text-align: right; padding-right: 2.6vw; }
.products-head-table .row div:nth-child(4) { width: 15%; text-align: right; padding-right: 3.2vw; }
.head { display: table-cell; padding: 1vw 1vw; font-size: 1.5vw; background: rgba(0,0,0,0.7); cursor: pointer; color: #fff; }
.products-container { position: relative; width: 100%; height: 100%; overflow: auto; background: rgba(0,0,0,0.5); box-shadow: 10px 10px 20px rgba(0,0,0,0.8); }
.product-row div, .content-row div { color: #fff; padding: 0.7vw 2vw; font-size: 1.1vw; border-radius: 0px; }
.product-row div:nth-child(1) { width: 20%; padding-left: 2vw; }
.product-row div:nth-child(2) { width: 48%; padding-left: 2vw; }
.product-row div:nth-child(3) { width: 17%; text-align: right; }
.product-row div:nth-child(4) { width: 15%; text-align: right; padding-right: 1vw; }
.filter-box { width: 25%; display: inline-block; vertical-align: top; margin: 1vw 2vw 0 2vw; }
.title-box { font-size: 1.6vw; background: rgba(0,0,0,0.5); color: #fff; padding: 1vw; border-top-left-radius: 10px; border-top-right-radius: 10px; box-shadow: 10px 10px 20px rgba(0,0,0,0.8); }
.fast-search-box { position: relative; }
.filter-reset-button { color: #fff; font-size: 1.3vw; position: absolute; right: 1vw; margin: -11% 0 0; cursor: pointer; }
#reset-fastsearch { margin: -15% 0 0; }
.filter-reset-button:before { font-family: 'FontAwesome'; content: "\f00d"; }
.new_product, #filter-back { display: none; }
.edit_product { display: block; width: 50%; margin: auto; position: relative; top: 50%; transform: translateY(-50%); padding: 2vw; border-radius: 20px; background: rgba(0,0,0,0.9); border: 4px solid var(--main-color-dark); box-shadow: 0px 0px 40px rgba(250,250,250,0.3); }
#filter-back:before { font-family: 'FontAwesome'; content: "\f060  "; }
.add-button { margin: 20px 0 0; }
.add-button:before { font-family: 'FontAwesome'; content: "\f067  "; }
#filter-name, #filter-category, #filter-supplier { margin: 0 0 20px; }
.edit-title { background: #666; color: #fff; font-size: 1.3vw; padding: 0.8vw; }
.edit-buttons { margin-top: 25px; }
.content-container { position: relative; width: 100%; height: 100%; overflow: auto; background: rgba(0,0,0,0.5); box-shadow: 10px 10px 20px rgba(0,0,0,0.8); padding-top: 0.5vw; }
.content-container .row:hover { background: var(--main-color); cursor: pointer; }
.padl1 { padding-left: 1.5vw; }
.mtop20 { margin-top: 20px; }
.users-box .row div:nth-child(1) { width: 40%; }
.users-box .row div:nth-child(2) { width: 20%; }
.users-box .row div:nth-child(3) { width: 20%; }
.bevetelezes-box { max-width: 98%; height: 97%; position: relative; top: 1vw; padding: 0 1vw; margin: auto; background: rgba(0,0,0,0.3); text-align: left; border-top-left-radius: 10px; border-top-right-radius: 10px;  }
.product-fields-box { padding-top: 1vw; }
.bevetelezes-box #product { width: 100%; box-shadow: none; }
.bevetelezes-box #bevetel-qty { width: 100%; text-align: right; box-shadow: none; }
.bevetelezes-box #bevetel-purchase_price { width: 100%; text-align: right; box-shadow: none; }
.bevetelezes-box #bevetel-price { width: 100%; text-align: right; box-shadow: none; padding-right: 1vw; }
.bevetelezes-box #bevetel-sum { width: 100%; text-align: right; box-shadow: none; padding-right: 1vw; }
.autocomplete-section { float: left; width: 47%; position: relative; }
.autocomplete-eladas-section { width: 59%; }
.autocomplete-stat-section { width: 100%; }
.bevet-input-section2, .bevet-input-section3, .bevet-input-section4, .bevet-input-section5 { float: left; width: 12%; vertical-align: top; border-left: 1px solid #333; }
.bevet-input-section6 { float: left; width: 5%; vertical-align: top; text-align: center; background: var(--main-color-dark); border-left: 1px solid #333;  }
.autocomplete-box { display: none; z-index: 999; position: absolute; width: 100%; height: 300px; opacity: 1; }
.autocomplete-container { max-height: 25vw; overflow: auto;  position: relative; padding: 0 1vw 1vw; width: 100%; background: var(--main-color-dark); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; box-shadow: 20px 20px 20px rgba(0,0,0,0.8); -webkit-transition: all ease 0.2s; -moz-transition: all ease 0.2s; -o-transition: all ease 0.2s; -ms-transition: all ease 0.2s; transition: all ease 0.2s; }
.autocomplete-row { padding: 0.3vw 0; cursor: pointer; }
.autocomplete-row-selected { background: rgba(0,0,0,0.4); }
.autocomplete-row div { font-size: 1vw; color: #fff; }
.ac-category { display: inline-block; width: 20%; padding-left: 0.5vw; }
.ac-name { display: inline-block; width: 40%; }
/*.ac-name-eladas { width: 55%; }*/
.ac-qty { display: inline-block; width: 15%; }
.ac-purchase-price { display: inline-block; width: 15%; }
.ac-price { display: inline-block; width: 15%; }
.autocomplete-head { background: rgba(0,0,0,0.6); padding: 0.4vw 0 0.4vw 0; position: relative; }
.autocomplete-head div { display: inline-block; color: #fff; font-size: 0.8vw; }
.autocomplete-head div:nth-child(1) { width: 20%; padding-left: 0.6vw; }
.autocomplete-head div:nth-child(2) { width: 40%; }
.autocomplete-head div:nth-child(3) { width: 15%; }
.autocomplete-head div:nth-child(4) { width: 15%; }
/*.autocomplete-eladas-head div:nth-child(2) { width: 55%; }*/
.bevet-autocomplete-head-table .row .head { font-size: 1.2vw; padding-left: 0; padding-right: 0; }
.bevet-autocomplete-head-table .row .head:nth-child(1) { width: 46%; padding-left: 1vw; }
.bevet-autocomplete-head-table .row .head:nth-child(2) { width: 12%; text-align: right; padding-right: 1vw; }
.bevet-autocomplete-head-table .row .head:nth-child(3) { width: 12%; text-align: right; padding-right: 1vw; }
.bevet-autocomplete-head-table .row .head:nth-child(4) { width: 12%; text-align: right; padding-right: 1vw; }
.bevet-autocomplete-head-table .row .head:nth-child(5) { width: 12%; text-align: right; padding-right: 1vw; }
.bevet-autocomplete-head-table .row .head:nth-child(6) { width: 5%; text-align: right; }

.eladas-autocomplete-head-table .row .head:nth-child(1) { width: 100%; padding-right: 5%; text-align: right; }

.bevet-products-container { width: 100%; max-height: 40%; background: rgba(0,0,0,0.5); padding: 0.5vw 0; }
.bevet-products-table .row { width: 100%; color: #fff; cursor: pointer; }
.bevet-products-table .row div:nth-child(1) { width: 48%; padding: 0.5vw 0 0.5vw 1vw; font-size: 1vw; }
.bevet-products-table .row div:nth-child(2) { width: 12%; text-align: right; padding: 0.5vw 1vw 0.5vw 0; font-size: 1vw; }
.bevet-products-table .row div:nth-child(3) { width: 12%; text-align: right; padding: 0.5vw 1vw 0.5vw 0; font-size: 1vw; }
.bevet-products-table .row div:nth-child(4) { width: 12%; text-align: right; padding: 0.5vw 0.5vw 0.5vw 0; font-size: 1vw; }
.bevet-products-table .row div:nth-child(5) { width: 12%; text-align: right; padding: 0.5vw 0.5vw 0.5vw 0; font-size: 1vw; }
.bevet-products-table .row div:nth-child(6) { max-width: 3%; text-align: right; }
.bevet-products-table .row:hover { background: rgba(255,255,255,0.1); }
.submit-bevet, .submit-eladas { display: inline-block; font-size: 2vw; margin: 0.35vw 0; background: rgba(255,255,255,0.1); padding: 0 0.5vw; border-radius: 5px; color: #ddd; cursor: pointer; -webkit-transition: all ease 0.2s; -moz-transition: all ease 0.2s; -o-transition: all ease 0.2s; -ms-transition: all ease 0.2s; transition: all ease 0.2s; }
.submit-bevet:before, .submit-eladas:before { font-family: 'FontAwesome'; content: "\f217"; }
.submit-bevet:hover, .submit-eladas:hover { background: rgba(255,255,255,1); border-radius: 8px; color: var(--main-color-dark); }
.submit-bevet:active, .submit-eladas:active { transform: scale(0.9); background: #ccc; }
.remove-item { display: inline-block; padding: 0; width: auto; -webkit-transform-origin: center center; color: var(--main-color-dark); cursor: pointer; -webkit-transition: all ease 0.2s; -moz-transition: all ease 0.2s; -o-transition: all ease 0.2s; -ms-transition: all ease 0.2s; transition: all ease 0.2s; }
.remove-item:before { font-family: 'FontAwesome'; content: "\f00d"; font-size: 1.6vw; }
.remove-item:active { transform: rotate(180deg); }
.bevet-options { margin: 20px 0; }
.bevet-options-col { display: inline-block; width: 49.4%; }
.bevet-options-col:nth-child(2) { margin-left: 0.8%; }
#bevetelez { float: right; margin: 20px 0; text-transform: uppercase; }
.bevetel-filter-box { width: 100%; padding: 1.2vw 1.2vw 0; position: relative; }
.bfb-head { background: rgba(0,0,0,0.5); color: #fff; font-size: 1.2vw; padding: 1vw 1vw; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.tm-select-product, .tm-select-category { all: inherit; display: inline-block; margin-right: 15px; cursor: pointer; padding: 0 1vw; border-radius: 10px; }
.tm-selected { background: var(--main-color-dark); }
.tm-category { display: none; }
.bf-block { width: 25%; margin-right: 0.5vw; display: inline-block; vertical-align: top; }
.stat-block { width: 14%; margin-right: 0.5vw; display: inline-block; vertical-align: top; }
.stat-block2 { width: 68%; margin-right: 0.5vw; display: inline-block; vertical-align: top; }
#bevet-year { width: 33%; }
#bevet-month { width: 65.8%; }
.bevet-list-box { display: inline-block; vertical-align: top; margin: 1.2vw 0.5vw 0 1.2vw; width: 30%; height: 75%; }
.bevet-products-box { display: inline-block; vertical-align: top; margin-top: 1.2vw; width: 67%; height: 75%; }
.bevet-list-box div div .head, .bevet-products-box div div .head { font-size: 1vw; padding-left: 0; }
.bevet-list-box div div .head:nth-child(1) { width: 20%; padding-left: 1vw; }
.bevet-list-box div div .head:nth-child(2) { width: 30%; }
.bevet-list-box div div .head:nth-child(3) { width: 30%; text-align: right; padding-right: 3vw; }
.bevet-products-box div div .head:nth-child(1) { width: 40%; padding-left: 1vw;}
.bevet-products-box div div .head:nth-child(2) { width: 20%; text-align: right; }
.bevet-products-box div div .head:nth-child(3) { width: 20%; text-align: right; }
.bevet-products-box div div .head:nth-child(4) { width: 20%; text-align: right; padding-right: 2vw; }
.bl-container, .bp-container { width: 100%; max-height: 90%; background: rgba(0,0,0,0.5); padding: 0.5vw 0; }
.bevet-list-table .row:hover, .list-row-selected { background: var(--main-color-dark); color: #fff; cursor: pointer; }
.bevet-list-table .row div { color: #fff; font-size: 1vw; padding: 0.5vw 0 0.5vw 0.5vw; }
.bevet-list-table .row div:nth-child(1) { width: 20%; padding-left: 1vw; }
.bevet-list-table .row div:nth-child(2) { width: 30%; }
.bevet-list-table .row div:nth-child(3) { width: 30%; text-align: right; padding-right: 1vw; }
.bk-products-table .row:hover { background: rgba(255,255,255,0.1); }
.bk-products-table .row div { color: #fff; font-size: 1vw; padding: 0.5vw 0 0.5vw 0.5vw; }
.bk-products-table .row div:nth-child(1) { width: 40%; padding-left: 1vw; }
.bk-products-table .row div:nth-child(2) { width: 20%; text-align: right; }
.bk-products-table .row div:nth-child(3) { width: 20%; text-align: right; }
.bk-products-table .row div:nth-child(4) { width: 20%; text-align: right; padding-right: 1vw; }

.eladas-box { max-width: 98%; height: 97%; position: relative; top: 1vw; padding: 0 1vw; margin: auto; background: rgba(0,0,0,0.3); text-align: left; border-top-left-radius: 10px; border-top-right-radius: 10px;  }
.eladas-autocomplete-head-table .row .head { font-size: 1.2vw; padding-left: 0; padding-right: 0; }
.eladas-autocomplete-head-table .row .head:nth-child(1) { width: 58%; padding-left: 1vw; }
.eladas-autocomplete-head-table .row .head:nth-child(2) { width: 12%; text-align: right; padding-right: 1vw; }
.eladas-autocomplete-head-table .row .head:nth-child(3) { width: 12%; text-align: right; padding-right: 1vw; }
.eladas-autocomplete-head-table .row .head:nth-child(4) { width: 12%; text-align: right; padding-right: 1vw; }
.eladas-autocomplete-head-table .row .head:nth-child(5) { width: 5%; text-align: right; }
.autocomplete-eladas-section input { box-shadow: none; }
.eladas-input-section2, .eladas-input-section3, .eladas-input-section4, .eladas-input-section5 { float: left; width: 12%; vertical-align: top; border-left: 1px solid #333; }
.eladas-input-section6 { float: left; width: 5%; vertical-align: top; text-align: center; background: var(--main-color-dark); border-left: 1px solid #333;  }
#eladas-qty, #eladas-price, #eladas-sum { text-align: right; }


.eladas-products-table .row { width: 100%; color: #fff; cursor: pointer; }
.eladas-products-table .row div:nth-child(1) { width: 60%; padding: 0.5vw 0 0.5vw 1vw; font-size: 1vw; }
.eladas-products-table .row div:nth-child(2) { width: 12%; text-align: right; padding: 0.5vw 1vw 0.5vw 0; font-size: 1vw; }
.eladas-products-table .row div:nth-child(3) { width: 12%; text-align: right; padding: 0.5vw 1vw 0.5vw 0; font-size: 1vw; }
.eladas-products-table .row div:nth-child(4) { width: 12%; text-align: right; padding: 0.5vw 0.5vw 0.5vw 0; font-size: 1vw; }
.eladas-products-table .row div:nth-child(5) { max-width: 3%; text-align: right; }
.eladas-products-table .row:hover { background: rgba(255,255,255,0.1); }

.eladas-buttons { text-align: center; margin: 30px 0 0; }
.eladas-buttons button { width: 220px; height: 70px; margin: 0 30px; font-size: 1.5vw; text-align: center; font-weight: 400; color: #111; border-radius: 200px; }
.eladas-buttons button:hover { color: #fff;  }
#eladas1 { background: linear-gradient(#69a137, #2f4818); }
#eladas2 { background: linear-gradient(#9c5f00, #f29400); }

.favorite-btn { color: yellow; font-size: 0.8vw; position: absolute; top: 5px; right: 5px; opacity: 0.4; cursor: pointer; }
.favorite-btn:hover, .favorite-btn-active { opacity: 1; }
.favorite-btn:active { transform: scale(1.5); }
.favorite-btn:before { font-family: 'FontAwesome'; content: "\f005"; }
.favorite-box { display: none; position: absolute; top: 20px; right: 20px; background: rgba(255,255,255,0.9); width: 20%; height: 300px; border-radius: 10px; padding: 10px; overflow: auto; }
.favorite-item { padding: 6px 0 6px 10px; cursor: pointer; }
.favorite-item:hover { background: var(--main-color); color: #fff; } 
.bigText:nth-child(1) { padding: 0 2vw 0 1vw; }
.bigText, #bigtext { font-size: 4vw; }
#submit-cash-pay2 { opacity: 0; }
/* ------------------------------------------------------------------------------------------------------------------------------------------- */

/* Footer ------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------------------- */

/* Options ----------------------------------------------------------------------------------------------------------------------------------- */
.fullwidth { width: 100%; display: block; }
.center-big-text { font-size: 1.2vw; position: relative; top: 0%; text-align: center; color: #fff; padding: 20px 0; background: rgba(0,0,0,0.5); }
.vertical-center { position: relative; top: 35%; transform: translateY(-35%); background: rgba(0,0,0,0.5); padding: 40px 0; }
.cash-register { font-size: 2vw; position: relative; text-align: center; color: #fff; padding: 10px 0; margin: 0px 0; text-transform: uppercase; }
.cash-register div { display: inline-block; font-size: inherit; }
.cash-register div:nth-child(1) { text-align: right; width: 30%; color: #eee; }
.cash-register div:nth-child(2) { text-align: left; width: 30%; font-weight: 800; }
#cash-register-date, #cash-register-date-from { width: 15vw; font-size: 2.3vw; margin: auto 15px 30px; display: inline-block; }
.vertical-center { text-align: center; }
@media screen and (min-width: 1024px) { .hidden { display: none; } }
.table-row { display: table-row; }
/* ------------------------------------------------------------------------------------------------------------------------------------------- */

#termekmozgas { margin-top: -45px; }