html { position: relative; min-height: 100%; }


body { margin: 0; margin-bottom: 40px; padding: 0; background: #DDD; }


::-webkit-input-placeholder { font-style: italic; font-size: 14px; font-weight: 400;}
:-moz-placeholder { font-style: italic; font-size: 14px; font-weight: 400; }
::-moz-placeholder { font-style: italic; font-size: 14px; font-weight: 400; }
:-ms-input-placeholder { font-style: italic; font-size: 14px; font-weight: 400; }
::-ms-input-placeholder { font-style: italic; font-size: 14px; font-weight: 400; }


header { margin-bottom: 70px; }
header .lang-selector img { width: 30px; border: 1px solid #ffdd00; border-radius: 2px; }


footer { position: absolute; bottom: 0px; width: 100%; height: 40px; background-color: #222222; padding: 0; }
footer p { margin: 0; padding: 0; margin-block-end: 0; text-align: center; line-height: 40px; }
footer a, footer a:hover, footer a:active, footer a:focus { color: #777; font-size: 12px; text-decoration: none; outline: 0; }
footer a:hover { color: #999; }


table tr.clickable-row { cursor: pointer; }
table tr:nth-of-type(odd) { background-color:#FFF; }
table tr:nth-of-type(even) { background-color:#FAFAFA; }
table th { border: 1px solid #FFF; background: #337AB7; color: #FFF; white-space: nowrap; cursor: default; }


input.static-copy { width: 100%; border: 0; padding: 0; color: #aaa; background: inherit; font-size: 0.7em; font-style: italic; font-weight: bold; text-align: right; }


.main-content, .tab-content { padding: 20px 30px; background: #FFFFFF; margin-bottom: 20px; border: 1px solid #DDD; border-radius: 5px; }
.tab-content { border-top: 0; }
.xmain-content h1, .tab-content h1 { color: #FFF; margin: 0; margin-bottom: 20px; padding: 13px; font-size: 1.0em; text-transform: uppercase; font-weight: 700; background-color: #969696; border-radius: 5px; }
.xmain-content h1 span, .tab-content h1 span { font-size: large; }


.form .form-action a.btn, .form-action button.btn { width: 150px; }
.form span.help-block { margin-left: 10px; font-size: 0.8em; font-weight: 600; }
.form .field-area { background: #F0F0F0; padding: 15px; border-radius: 5px; }
//.form label { font-size: 0.9em; margin-bottom: 2px; }
.form hr { border-top: 1px solid #DDD; }
.form .input-group-addon { background-color: #fff; }
.form .alert-info.helper { font-size: 0.9em; line-height: 1.25; padding: 8px; margin: 5px 0px 0px 0px; } 
.form .feedback ul { margin: 0px; padding-left: 15px; list-style-position: outside; }
.form .feedback ul li { font-size: 0.9em; }


/**/


.noroute ul { margin: 25px 0px; list-style-position: inside; }  
.noroute p { margin: 25px 0px; }

.forbidden ul { margin: 25px 0px; list-style-position: inside; }  
.forbidden p { margin: 25px 0px; }

.fatal .panel { margin-top: 45px; box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15); }
.fatal .excl { display: table-cell; width: 95px; color: #aa0000; text-align: left; vertical-align:top; font-size: 70px; }
.fatal .text { display: table-cell; padding-top: 5px; vertical-align:top; }
.fatal .sect { margin-bottom: 15px; }
.fatal .sect .last { margin-bottom: 0; }
.fatal .sect h3 { margin-bottom: 2px; text-transform: uppercase; font-size: 12px; font-weight: 700; }
.fatal .sect .details { padding: 10px; background: #fefef6; border: 1px solid #cccccc; font-family: Courier; font-size: 8pt; overflow: auto; }


/**/


p.explain, .explain p, .explain ul { font-size: 0.9em; line-height: 1.25; }


/**/


.system-maintenance {}
.system-maintenance .panel { margin-top: 150px; }


/**/


.auth .panel { margin-top: 40px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); }
.auth .panel-body { position: relative; padding: 30px 50px; background: #fafafa; }
.auth .panel-body .links { position: absolute; right: 10px; bottom: 10px; }
.auth .panel-body .links a { font-size: 12px; color: inherit; text-decoration: underline; }

.auth.login #auth_pass { width: 80%; }

.auth.tfa .attempts { font-weight: 600; font-size: 0.9em; margin-bottom: 5px; color: #A94442; text-align: center; }
.auth.tfa p.force { background: #FFF; padding: 30px; border: 1px solid #DDD; border-radius: 4px; }


/**/


.store-attribute-crud-dat [id^=wrapper] { display:none; }
.store-attribute-crud-dat .opt-mods { display:none; margin-top: 10px; }
.store-attribute-crud-dat .opt-adds { display:none; margin-top: 10px; }


/**/


.product-crud-lst tr.inactive { color: #999; }

.product-crud-dat #fileUpload { position: absolute; left: 0; top: 0; opacity:0; width:1px; height: 1px; }
.product-crud-dat img { margin-bottom: 10px; }

.product-crud-dat .store-visibility .btn { background-color: #fff; color: #333; border-color: #ccc; }
.product-crud-dat .store-visibility .btn.active { background-color: #337ab7; color: #fff; border-color: #2e6da4; }
.product-crud-dat .store-visibility .btn:hover:not(.active) { background-color: #f5f5f5; }


/**/


.products-browse .products-list { margin-top: 20px; }
.products-browse .product-box { }
.products-browse .product-box .image img { max-height: 200px; }
.products-browse .product-box .name { margin-bottom: 10px; }
.products-browse .product-box .name h4 { margin-bottom: 0px; }
.products-browse .product-box .name small { font-style: italic; }
.products-browse .product-box .description { margin-bottom: 15px; }
.products-browse .product-box .dimensions { margin-bottom: 15px; }
.products-browse .product-box .unit { margin-bottom: 15px; }
.products-browse .product-box .cart input { width: 50px; }
.products-browse .product-box-inactive { opacity: 0.3}


/**/


.order-items .order-data.well span { font-weight: 600; display: block; }
.order-items tr.rejected { background-color: #ff0000 !important; color: #fff !important; }
.order-items .order-update-button-holder { margin-bottom: 20px; }


/**/


.store-attrib-check ul { margin: 20px 0px 20px; }
.store-attrib-check .buttons { margin-top: 50px; }


/**/


.feedbacks-crud-lst {}
.feedbacks-crud-lst tr.unacknowledged { font-weight: 800; }


/**/


.news-crud-dat-view {}
.news-crud-dat-view .images img { height: 100px; }


/**/


.news-display { }
.news-display .alert { padding: 5px 50px; }


/**/


.messages-edit table tr.draft { font-weight: 600; }


/**/


.messages-inbox table tr.unread { font-weight: 600; }
.messages-inbox table td.beerkezett { width: 120px; }