﻿body {
    margin:0px;
    padding:0px;
    /*background-color:#F9F9F9 !important;
    background-image: url('Images/table-bg.jpg?ve=6');*/
    background-color:white;
    height: 100%;
    background-position: center top;
    background-repeat: repeat;
}

.clearfix:before,
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}
.clearfix:after {
    clear: both;
}
.clearfix, .tclearfix {
    zoom: 1; /* IE < 8 */
}

.tclearfix:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

a.undl{
    text-decoration:underline;
    cursor:pointer;
}

.alignr{
    text-align:right;
}

body.no-bg{
    background-image:none;
}

.algnr {
    text-align: right;
}

.algnc{
    text-align:center;
}

.vlagnb{
    vertical-align:bottom;
}

.vlagnt {
    vertical-align: top;
}

.vlagnm, .valgnm, .dtlb-col.valgnm {
    vertical-align: middle;
}
.valgnmimpr{
    vertical-align:middle !important;
}
.w50per{
    width:50%;
}

.w100{
    width:100%;
}

.mw180{
    max-width:180px;
}
.h100{
    height:100%;
}
.pointer{
    cursor:pointer;
}


.txtoverelips {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.right{
    float:right;
}
.ibloc{
    display:inline-block;
}
.relative{
    position:relative;
}
.borderbox{
    box-sizing:border-box;
}

.noshadow {
    box-shadow:none !important;
}

.noborder {
    border-top:none !important;
    border-left:none !important;
    border-right:none !important;
    border-bottom:none !important;
}

.marb20 {
    margin-bottom: 20px;
}

.marb10{
   margin-bottom:10px;
}

.marb25{
    margin-bottom:25px;
}
.mart5{
    margin-top:5px;
}

.f8em{
    font-size:0.8em;
}

.no-bg{
    background-image:none;
}

.no-bg.impr {
    background-image: none !important;
}

.no-bc, .no-bc.impr{
    background-color:inherit;
}


 .pos-viewport input[type=text],
 .pos-viewport input[type="email"],
.pos-viewport input[type="url"],
.pos-viewport input[type="tel"],
 .pos-viewport input[type="number"],
 .pos-viewport input[type="password"]{
    border-radius: 1px;
    border: 1px solid #D9D9D9;
    border-top: 1px solid #C0C0C0;
    padding: 5px 8px;
    height: 23px;
    font-size: 16px;
    background-color:white;
}
.pos-viewport input[type=text]:disabled,
.pos-viewport input[type="email"]:disabled,
.pos-viewport input[type="url"]:disabled,
.pos-viewport input[type="tel"]:disabled,
.pos-viewport input[type="number"]:disabled,
.pos-viewport input[type="password"]:disabled {
    cursor: default;
    background-color: #fafafa;
    color: #595959;
}


#zone {    
    /*height:800px;*/
}

#zone-innertube {
    min-height:400px;
}
.block{
    display:block;
}
.mart5{
    margin-top:5px;
}
.mart10{
    margin-top:10px;
}
.mart20 {
    margin-top: 20px;
}
.mauto{
    margin: 0 auto;
}
.bold{
    font-weight:bold;
}
.nowrap{
    white-space:nowrap;
}
.hideimpr{
    display:none !important;
}

.will-change {
    /*will-change: transform;*/
}

@-webkit-keyframes running-progress {
  0% { margin-left: 0px; margin-right: 100%; }
  50% { margin-left: 25%; margin-right: 0%; }
  100% { margin-left: 100%; margin-right: 0; }
}
@keyframes running-progress {
  0% { margin-left: 0px; margin-right: 100%; }
  50% { margin-left: 25%; margin-right: 0%; }
  100% { margin-left: 100%; margin-right: 0; }
}

.detail-action-img, .detail-side-btn, .detail-record-place, .detail-place-btn-icon > a, .places-total-price, .detail-header-help, 
    .detail-back-btn  > .back-btn, .detail-big-goods-preparetime > .icon, .detail-big-goods-photos, a.show-cart > span.icon, a.cart-confirm-btn > span,
    .detail-record-btn-buy > span.icon, .detail-record-btn-remove > span.icon, .pos-empty-cart-box > .icon, .table-paper-small-icon,
    .header-login-btn, .detail-paper-btn > span.icon, .detail-rec-quicknotes  a.note.selected span.icon, .detail-rec-qn-arr,
    .ezp-msg-box > .icon, .ezop-message-page > .icon, .own-acc-icon, .own-acc-show-pay > .icon, .own-acount-refresh > .icon, .payment-pnl > .inner-panel > .icon, .pos-det-rec-zoom,
    .confirm-sel > .icon, .var-vals a.note.selected span.icon, .own-acc-u-pnl > .inner-panel  .icon, .open-hour-row .day-remove,
    .day-picker > .ddl .ar, .day-picker .list .item.sel .chkbox, .show-hours-btn, .edit-val-btn, .person-header .info .more  div > .ico,
.person-header .fr-img .edit-first-img, .pos-det-goods-btn, .pos-det-rec-img, .front-tabs-header > .front-tab .ico, .day-mnu-mewslet > .inner-panel  .icon,
.about-us-edit-dialog .header .close, .rec-item-prew-p.overlay .overlay-pnl .overlay-more .ico, .detail-goods-var > .header .close,
.gds-cart-total .join-gds  .del .ico, .next-category.btn-gsug-navig > .icon, .det-icns, .sel-prop-btn.selected .icon, .var-sel-dlg-btn.selected .icon
 {
    background-image: url('Images/detail-icons.png?ver=41');
    background-repeat: no-repeat;
}


.zone-pos-workspace {
    background-attachment: fixed;
}

.pos-detail-header, .pos-detail-items-header, div.pos-detail-header-top{
    background-color: #40BA31;
    border-bottom-color: #94DB8B;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.pos-detail-header{
    min-height:50px;
    height:50px;
    /*overflow: hidden;*/
}

.app-top-header, .pos-loginbox-wrapper-mr{
    max-width:850px;
    margin:0 auto;
}
.pos-loginbox-wrapper-mr {
    position:relative;
}
@media(min-width: 851px){
    .app-top-header{
    
    border-radius: 0 0 0.4em 0.4em;
}
}

.pos-detail-bottom-text{
    min-height:50px;
    background-color: #FAAB44;
    border-bottom: 1px solid #FD9E37;
}

.detail-table-actions {
    margin: 0px auto 0px auto;
    padding: 20px 0 10px 0;
    text-align: center;
    background-image:url('Images/small_bg.jpg');
    background-position: center top;
    /*background-repeat: repeat-x;*/
}
@media (min-width:360px) {
    .detail-table-actions {
        background-size:cover;
    }
}
@media (min-width:360px) {
    .detail-table-actions {
        background-image:url('Images/wide_bg.jpg');
    }
}

@media (min-width:750px) {
    .detail-table-actions {
        background-image:url('Images/big_bg.jpg');
    }
}

.detail-action-btn, .table-paper-small-btn {
    text-align: center;
    display: inline-block;
    vertical-align: top;
    width: 148px;
    cursor: pointer;
    height: 150px;
    overflow: hidden;
    text-decoration: none;
}

.detail-action-btn.foreign, .table-paper-small-btn.foreign {
    height: 170px;
}

.detail-table-actions.paycart .detail-action-btn {
    height: 160px;
}

.detail-table-actions.paycart .detail-action-btn.foreign {
    height: 190px;
}



.detail-action-img, .table-paper-small-icon {
    display: inline-block;
    border-radius: 25px;
    border-width: 2px;
    width: 83px;
    height: 83px;
    margin: 2px 4px 9px 4px;
    box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.6);
    position: relative;
    border-style: solid;
    border-color: aliceblue !important;
}

.table-paper-small-icon {
    border: 2px solid #ED453E;
    background-position: -771px -198px;
}

.table-paper-small-icon:active, .detail-action-btn.called > .detail-action-img, .cart-dlg-actions .detail-action-btn.selected .detail-action-img {
    box-shadow: none;
    top: 2px;
}

.detail-action-img.ZAV-CASNIK-AKC{
    background-color:#6AA9DE;
    border-color:#4396DC;
    background-position: -113px -55px;
}

.detail-action-img.CUST-RATING-AKC{
    background-color:#FF7070;
      background-position: -718px -267px;
}


.detail-action-img.TIP-AKC {
    background-color: #53caec;
    background-position: -734px -361px;
}

.detail-action-btn.CUST-RATING-AKC .r-text{
    display:none;
}

.detail-action-btn.rating.CUST-RATING-AKC .r-text{
    display:block;
}

.detail-action-btn.CUST-RATING-AKC .o-text{
    display:block;
}

.detail-action-btn.rating.CUST-RATING-AKC .o-text{
    display:none;
}

.detail-action-btn .detail-action-img.CUST-RATING-AKC .total-price{
    display:none;
}

.detail-action-btn.rating .detail-action-img.CUST-RATING-AKC .total-price{
    display:block;
}
.detail-action-btn .rating-usr-star {
    display:none;
    position: absolute;
  bottom: -11px;
  left: -10px;
  padding: 13px 18px;
  text-align: center;
}

.detail-action-btn .rating-usr-star .price {
    text-shadow: 1px 1px 2px #000;
    color: white;
    font-weight: bold;
    font-size: 26px;
}
.detail-action-btn.rating .detail-action-img.CUST-RATING-AKC .rating-usr-star {
    display: block;
    background-image: url('Images/star-on.png');
    background-image: linear-gradient(transparent, transparent), url('Images/star-on.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.sm-det-goods-rat .ico-vr, .bg-det-goods-rat .ico-vr, .var-det-goods-rat .ico-vr{
    display: inline-block;
  vertical-align: middle;
  
  border-radius: 3px;
    padding-left: 3px;
    height: 18px;
  width: 19px;
}
.sm-det-goods-rat .ico, .bg-det-goods-rat .ico, .var-det-goods-rat .ico{
    display: inline-block;
    background-image: url('Images/smile4.png');
    background-image: linear-gradient(transparent, transparent), url('Images/smile4.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 100%;
  height: 100%;
  vertical-align: top;
}

.sm-det-goods-rat .val, .bg-det-goods-rat .val, .var-det-goods-rat .val {
    padding: 0 3px;
    white-space: nowrap;
    color: #333;
    display: inline-block;
    vertical-align: top;
    font-size:12px;
}

.sm-det-goods-rat, .bg-det-goods-rat , .var-det-goods-rat {
    /*display: inline-block;
    position: absolute;*/
    bottom: -1px;
    right: 0;
    padding: 1px 10px;
    text-align: center;
    z-index: 1;
      vertical-align: text-bottom;
}

.sm-det-goods-rat .val-vr, .bg-det-goods-rat .val-vr, .var-det-goods-rat .val-vr {
    margin: 0 0 0 4px;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    position: relative;
    background: #FFF;
    border: #BBB solid 1px;
    border-radius: 3px;
    min-height: 16px;
    min-width: 15px;
    text-align: center;
    line-height: 1em;
}

.sm-det-goods-rat .val-vr i, .sm-det-goods-rat .val-vr u, .bg-det-goods-rat .val-vr u,
.var-det-goods-rat .val-vr u, .bg-det-goods-rat .val-vr i, .var-det-goods-rat .val-vr i {
    position: absolute;
    zoom: 1;
    line-height: 0;
    width: 0;
    height: 0;
    left: 0;
    top: 50%;
    margin: -4px 0 0 -4px;
    border: 4px rgba(0, 0, 0, 0) solid;
    border-right-color: #AAA;
    border-left: 0;
}
.sm-det-goods-rat .val-vr u, .bg-det-goods-rat .val-vr u, .var-det-goods-rat .val-vr u {
    margin-left: -3px;
    border-right-color: #FFF;
}


.detail-action-img.ZAPLATIT-AKC, .detail-action-img.OBJEDNAJ-AKC.ord-ZAPLATIT-AKC, .payment-pnl.ZAPLATIT-AKC, .detail-action-img.ZAPLATIT-P-AKC{
    background-color:#F0D128;
    border-color:#FFA549;
    background-position: -1px -55px;
}

.detail-action-img.ZAPLATIT-P-AKC {
    background-position: -547px -161px;
}

.detail-action-img.AKC-ORDERING{
    background-color:#40BA31;
    border-color:#238945;
    background-position: -626px -55px;
}

.detail-action-img.AKC-ORDERING-C{
    background-color:#40BA31;
    border-color:#238945;
    background-position: -534px -266px;
}

.detail-action-img.ZAPLATIT-TERM-AKC, .detail-action-img.OBJEDNAJ-AKC.ord-ZAPLATIT-TERM-AKC, .payment-pnl.ZAPLATIT-TERM-AKC{
    background-color:#3DC8A8;
    border-color:#24806B;
    background-position: -229px -361px;
}

.detail-action-img.ZAP-ONLINE-AKC, .detail-action-img.OBJEDNAJ-AKC.ord-ZAP-ONLINE-AKC, .payment-pnl.ZAP-ONLINE-AKC{
    background-color:#3DC8A8;
    border-color:#24806B;
    background-position: -2px -361px;
}

.detail-action-img.ZAPLATIT-VL-UC-AKC, .detail-action-img.OBJEDNAJ-AKC.ord-ZAPLATIT-VL-UC-AKC, .payment-pnl.ZAPLATIT-VL-UC-AKC{
    background-color:#EE82EE;
    border-color:#e22de2;
    background-position: -115px -165px;
}

.detail-action-img.OBJEDNAJ-AKC{
    background-color:#40BA31;
    border-color:#238945;
    background-position: -347px -55px;
}

.detail-action-btn.OBJEDNAJ-AKC.disabled .detail-action-img.OBJEDNAJ-AKC, .detail-action-btn.disabled .detail-action-img {
    background-color: #9F9F9F;
    border-color: #626262;
}
.detail-action-btn.OBJEDNAJ-AKC.disabled:not(.fxico) .detail-action-img.OBJEDNAJ-AKC, .detail-action-btn.disabled:not(.fxico) .detail-action-img{
    background-position: -625px -266px;
}

.detail-action-btn.called .detail-action-img.ZAV-CASNIK-AKC{
    background-position: -113px -267px;
}

.detail-action-btn.called .detail-action-img.ZAPLATIT-AKC{
    background-position: -1px -267px;
}

.detail-action-btn.called .detail-action-img.ZAPLATIT-P-AKC{
    background-position: -547px -264px;
}

.detail-action-img.OBJEDNAJ-AKC.ord-ZAPLATIT-TERM-AKC {
    background-position: -469px -359px;
}

.detail-action-img.OBJEDNAJ-AKC.ord-ZAP-ONLINE-AKC {
    background-position: -589px -359px;
}

.detail-action-img.OBJEDNAJ-AKC.ord-ZAPLATIT-VL-UC-AKC {
    background-position: -229px -162px;
}

.detail-action-img.OBJEDNAJ-AKC.ord-ZAPLATIT-AKC {
    background-position: -474px -159px;
}

/*.detail-action-btn.called .detail-action-img.AKC-ORDERING{
    background-position: -621px -259px;
}

.detail-action-btn.called .detail-action-img.AKC-ORDERING-C{
    background-position: -621px -153px;
}*/

.detail-action-btn.called .detail-action-img.ZAPLATIT-TERM-AKC{
    background-position: -348px -361px;
}
.detail-action-btn.called .detail-action-img.ZAP-ONLINE-AKC{
    background-position: -113px -361px;
}

.detail-action-btn.called .detail-action-img.ZAPLATIT-VL-UC-AKC{
    background-position: -1px -165px;
}

.detail-action-btn.called .detail-action-img.TIP-AKC {
    background-image:none;
}

.detail-action-btn .detail-action-img.TIP-AKC .tip-price {
    display: none;
}

.detail-action-btn.called .detail-action-img.TIP-AKC .tip-price {
    display:inherit;
}


.payment-pnl > .inner-panel > .icon, .own-acc-u-pnl > .inner-panel  .icon, .day-mnu-mewslet > .inner-panel  .icon{
    display:inline-block;
    width:56px;
    height:50px;
}

.own-acc-u-pnl > .inner-panel  .icon, .day-mnu-mewslet > .inner-panel  .icon{
    float: left;
width: 40px;
background-position: -488px -100px;
}

.dash-adv-ico{
    width:31px;
    height:31px;
    display:inline-block;
}

.dash-adv-ico.program-icon {
    background-image: url('Images/restauracia.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 2px;
}

.day-mnu-mewslet > .inner-panel .icon {
    background-position: -1069px -155px;
}
.day-mnu-mewslet.no-bg > .inner-panel .icon, .dash-adv-ico.daymenu-nws-ico {
    background-position: -1074px -204px;
}

.payment-pnl.ZAPLATIT-VL-UC-AKC > .inner-panel > .icon {
    background-position: -121px -180px;
}

.payment-pnl.ZAPLATIT-TERM-AKC > .inner-panel > .icon {
    background-position: -238px -74px;
}

.payment-pnl.ZAP-ONLINE-AKC > .inner-panel > .icon {
    background-position: -238px -74px;
}

.payment-pnl.ZAPLATIT-AKC > .inner-panel > .icon {
    background-position: -11px -69px;
}

.table-paper-small-icon  .total-price, .table-btn-price  .total-price{
    text-shadow: 1px 1px 2px #000;
    color: white;
    position: relative;
    top: 31px;
    display:inline-block;
    font-weight: bold;
}

.table-paper-small-icon .price {
    font-size: 15pt;   
}


.table-paper-small-icon .total-price.one, .table-btn-price .total-price.one, .table-btn-price .total-price.pr-one {
    top: 12px;
}
.detail-action-btn.CUST-RATING-AKC .table-btn-price .total-price.one {
    top: 18px;
}

.table-paper-small-icon .total-price.one .price, .table-btn-price .total-price.one .price, .table-btn-price .total-price.pr-one .price {
    font-size: 35pt;
}

.table-paper-small-icon .total-price.double, .table-btn-price .total-price.double, .table-btn-price .total-price.pr-double {
    top: 20px;
}

.table-paper-small-icon .total-price.double .price, .table-btn-price .total-price.double .price, .table-btn-price .total-price.pr-double .price {
    font-size: 30pt;
}


.table-paper-small-icon .total-price.triple, .table-btn-price .total-price.triple, .table-btn-price .total-price.pr-triple {
    top: 25px;
}

.table-paper-small-icon .total-price.triple .price, .table-btn-price .total-price.triple .price, .table-btn-price .total-price.pr-triple .price {
    font-size: 23pt;
}

.table-paper-small-icon .total-price.quatro, .table-btn-price .total-price.quatro, .table-btn-price .total-price.pr-quatro {
    top: 28px;
}

.table-paper-small-icon .total-price.quatro .price, .table-btn-price .total-price.quatro .price, .table-btn-price .total-price.pr-quatro .price {
    font-size: 19pt;
}

.table-paper-small-icon .total-price.bigger, .table-btn-price .total-price.bigger, .table-btn-price .total-price.pr-bigger {
    top: 31px;
}

.table-paper-small-icon .total-price.bigger .price, .table-btn-price .total-price.bigger .price, .table-btn-price .total-price.pr-bigger .price {
    font-size: 15pt;
}

.table-paper-small-icon .decimals, .table-btn-price .decimals {
    font-size: 11pt;  
}

.detail-action-text, 
    .table-paper-small-text {
    font-size:13pt;
    font-weight:bold;
    text-shadow: 1px 1px 2px #000;
}

.spec-btm-text {
     font-size:13pt;
    font-weight:bold;
}
.detail-action-text.foreign {
    font-size: 9pt;
}

.pos-detail-header-name {
    width: 100%;
    float: left;
    height: 100%;
    overflow: hidden;
    display: block;
    text-decoration: none;
}

.pos-detail-header-name > div {
    margin: 0px 55px 0px 78px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    height: 100%;
    vertical-align: top;
}

.pos-detail-header-name .table{
    display: table;
    width:100%;
    height: 100%;
}

.pos-detail-header-name-in{
    margin: 0;
    padding: 0;
    font-size: 16pt;
    display: table-cell;
    vertical-align: middle;
}
.pos-detail-header-name-in span, .pos-detail-header-name-in  h1{
    font-size: 16pt;
    margin: 0;
    padding: 0;
}

.pos-detail-header-name-in .title-addr-wr{
    font-size: 0.45em;
    margin-top: 0.1em;
}

@media (max-width:550px) {

    .pos-detail-header-name h1.small, .pos-detail-header-name-in {
        font-size: 14pt;
    }

    .pos-detail-header-name h1.medium, .pos-detail-header-name-in {
        font-size: 13pt;
    }

    .pos-detail-header-name h1.large, .pos-detail-header-name-in {
        font-size: 12pt;
    }

    .pos-detail-header-name-in .title-addr-wr{
        display:none;
    }
}


.detail-side-btn {
    display: inline-block;
    height: 50px;
    width: 50px;
    background-position: -857px -434px;
    margin-left: -100%;
    float: left;
    background-image: none;
}

.header-login-btn{
    display:block;
    height:100%;
    background-position: -854px -261px;

}

.detail-header-help {
    display: inline-block;
    height: 50px;
    width: 50px;
    background-position: -484px -274px;
    float: left;
    margin-left: -50px;
}

.detail-header-help > a{
    display:block;
    width:100%;
    height:100%;
}

div.pos-detail-items-header {
    border-top: 2px solid #94DB8B;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    max-width: 780px;
    margin: 2px auto;
}
@media(max-width:800px) {
    div.pos-detail-items-header {
        margin:2px 3px;
    }
}

.det-table-mnu-pnl .day-mnu-mewslet-tlbwr {
    max-width: 780px;
    margin: 0 auto;
}

.det-table-mnu-pnl .pos-menu-imtms-inr {
    max-width: 450px;
    margin-bottom: 35px;
}


.pos-detail-header-title {
    margin: 3px 15px;
    display: inline-block;
    font-size: 13px;
}

.pos-detail-items-header.cart-items{
    background-color: #FAAB44;
    border-top: 2px solid #FD9E37;
    border-bottom: 1px solid #FAAB44;
}


.pos-detail-header-price {
    display: inline-block;
    margin-right: 10px;
    float: right;
    color:white;
    margin-top: 10px;
}
.pos-detail-header-price > .price {
     margin-top: 13px;
     display: inline-block;
     float:left;
}
.places-total-price {
    display: inline-block;
    background-position: -145px 10px;
    height: 45px;
    width: 45px;
    float: left;
    margin-right: 5px;
}
.paper-detail-separator{
    height:5px;
    background-color:#D38E8E;
}
.pos-detail-paper {
    margin-bottom:30px;
}

.detail-record {
    border-bottom: 1px solid #E4E4E4;
    margin:2px 0px;
    position: relative;
   
}

.detail-record.var-det {
    margin:0;
}

.detail-record-bg{
    display:block;
    position: relative;
}
.detail-record-bg.bg-img {
    height: 135px;
    overflow:hidden;
}

.detail-rec-d-i {
    background-position: left center;
    background-size: cover;
    position: relative;
    background-repeat: no-repeat;
    background-color: white;
}
.detail-rec-d-i.bigger {
    /*background-size: contain;*/
    background-position: center;
}

.detail-rec-d-i.bigger .detail-record-bg.bg-img {
    height:270px;
}

.var-det-rec-img .detail-rec-d-i.bigger .detail-record-bg.bg-img {
    width: 100%;
    box-sizing: border-box;
    padding-top: 62.5%;
    height:inherit;
}

.detail-record-bg .small-desc .msdc{
    display:none;
}
.detail-record-bg .small-desc .und{
    text-decoration:underline;
    cursor:pointer;
}

.full-desc .detail-record-bg .small-desc .msdc{
    display:inline;
}
.full-desc .detail-record-bg .small-desc .mo{
    display:none;
}

@media (min-width:550px) and (max-width:699px){
 .detail-record-bg.bg-img {
    height: 185px;
}
}

@media (min-width:700px) {
    .h.detail-record {
        max-width: 350px;
        width: 100%;
        float: left;
    }
    .detail-record.var-det{
        float:none;
        display:inline-block;
    }
    .h.detail-record .detail-record-bg {
        height:135px;
    }
    div.detail-record-admin-panel {
        border-right-width: 1px;
    }
    .detail-rec-quicknotes {
        position: absolute;
        bottom: 0px;
    }
    .h.detail-record .no-bg .pos-det-goods-btn {
        position: absolute;
        bottom: 0px;
        right: 0px;
    }
    .h.detail-record .pos-det-cust-acts{
        position:absolute;
    }
    .h.detail-record div.pos-det-rec-img {
        /*position: absolute;*/
    }
}

.detail-record-bg.bg-img .pos-det-cust-acts {
    position: absolute;
}

.detail-record-admin-panel {
    background-color: #EBEBEB;
    border-width:0px 0px 1px 0px;
    border-style: solid;
    border-color: #C9C9C9;
}

.detail-place-btn-icon, .detail-big-record-totalprice, .detail-big-record-name, .detail-big-goods-preparetime {
    background-image: url('Images/black-bg.png?ver=1');
    font-size:11pt;
    font-weight:bold;
    padding: 10px 5px;
}
.detail-record-name, .detail-record-totalprice, .detail-record-quantity, .goods-item-v > span, .cart-itemprice{
    font-size:11pt;
    font-weight:bold;
    text-shadow: 0 0 4px rgba(255, 255, 255, 1);
}

.detail-record-name, .detail-record-totalprice, .detail-record-quantity, .goods-item-v > span{
    background-color: rgba(255, 255, 255, 0.82);    
    padding: 10px 5px;
    color: #393939;
}

.detail-record-name .desc {
    font-size: 8pt;
    position:relative;
    cursor: help;
}

.detail-record-name .desc-p{
    margin-left:8px;
}

.detail-record-name .small-desc {
    font-size: 8pt;
    margin: 4px 4px;
    white-space: pre-line;
}

.detail-record-name.buybtn{
    padding: 4px 5px;
}

.detail-record-name, .detail-big-record-name {
    width: 65%;
    display: inline-block;
    float:left;
    margin:0px;
}

.detail-record-name.places, .detail-big-record-name.places {
    width: 60%;
}


@media (min-width:350px) {
    .detail-record-name, .detail-big-record-name {
        width: 73%;
    }

    .detail-record-name.places, .detail-big-record-name.places {
        width: 65%;
    }
}

@media (min-width:480px) and (max-width:700px) {
    .detail-record-name, .detail-big-record-name {
        width: 82%;
    }
    .detail-record-name.places, .detail-big-record-name.places {
        width: 75%;
    }
}

.var-record-name-pnl .detail-record-name, .var-record-name-pnl .detail-record-totalprice {
    text-shadow: none;
    background-color:inherit;
    display:block;
    width:initial;
}
.var-record-name-pnl .detail-record-name {
    width: 100%;
    box-sizing: border-box;
}
.var-record-name-pnl .detail-record-totalprice {
    float: right;
    padding: 0 0.2em 0.5em 1.5em;
    font-size: 1.3em;
}

.detail-record-name .detail-quantity {
    font-size: 150%;
}

.detail-record-totalprice, .detail-big-record-totalprice, .detail-big-goods-preparetime {
    display: inline-block;
    
}
.detail-record-bg.bg-img .detail-record-totalprice, .detail-big-record-totalprice {
    float:right;
    margin-right:1px;
}
.detail-record-bg.no-bg .detail-record-totalprice {
    float:right;
}

.detail-record-totalprice{
    position:relative;
}

.detail-record-quantity {
    float:right;
    clear:right;
}
.detail-record-place {
    font-size: 10pt;
    float: right;
    width: 38px;
    height: 38px;
    background-color: #6AA9DE;
    background-position: -50px 12px;
    font-weight: bold;
    position: relative;
    border-radius: 8px 0px;
    margin-left:1px;
}

.detail-place-name {
    position: absolute;
    right: 5px;
    top: 2px;
}

.detail-place-btn {
    font-size: 10pt;
    float: left;
    min-width: 50px;
    height: 50px;
    background-color: #6AA9DE;
    font-weight: bold;
    position: relative;
    text-align: center;
    margin-right: 5px;
    margin-bottom: 5px;
    border-radius: 8px 0px;
    box-shadow: 0 2px 2px -1px #000;
    cursor: pointer;
}
.detail-place-btn.selected {
    top: 3px;
}

.detail-place-btn:active, .detail-place-btn:focus {
    box-shadow: 0 1px 1px -1px #000;
    top: 3px;
}

.detail-place-btn > .price {
    display: inline-block;
    padding-top: 28px;
    font-size: 11pt;
    text-shadow: 1px 1px 2px #000;
}

.detail-place-btn-icon, .detail-place-btn-icon > a {
    float: left;
    width: 50px;
    height: 50px;
    position: relative;
    display:block;
    padding:0px;
}
.detail-place-btn-icon {
    margin-right: 5px;
    margin-bottom: 5px;
    border-radius: 8px 0px;
}
.detail-place-btn-icon > a {
    background-position: -142px 10px;
}
.detail-place-btn-icon:active {
    top: 2px;
}

.detail-place-panel {
    margin-top:5px;
    position:relative;
}

.upper-floating-panel
{
    width:100%;
    position:fixed;
    z-index:9999;
    top:0;
    left:0;
}

#zone-message
{
    position: fixed;
    width: 100%;
    z-index: 1006;
    top: 0;
}

/* Informacny modul, ktory sa zobrazuje v strede strany ma tri texty: Title, Message a detail. */
.ezop-message-page-empty{}
.ezop-message-page-empty-title{height:0px;visibility:collapse;}
.ezop-message-page-empty-message{height:0px;visibility:collapse;background-image:none;}
.ezop-message-page-empty-detail{height:0px;visibility:collapse;}


/* Informacny modul, ktory sa zobrazuje pri ostatnych moduloch na vrchu stranky a ma len jeden text. */
.ezop-message-box-info, .ezop-message-box-information, .ezop-message-page-info{
    /*background-image: url('Images/msg_info_24.png'), url('Images/cross.png'); 
    background-position:left center, center center; background-repeat: no-repeat;
    border-top: solid 2px Navy;*/
    border-bottom: solid 1px Navy; 
   background-color:rgb(85,149,210);

}
.ezop-message-box-warning, .ezop-message-page-warning{
    /*background-image: url('Images/msg_warning_24.png'), url('Images/cross.png'); 
    background-position:left center, center center; background-repeat: no-repeat;
    border-top: solid 2px Orange;*/
    border-bottom: solid 1px Orange;  
    background-color:rgb(255,196,102);

}
.ezop-message-box-error, .ezop-message-page-error
{
    /*background-image: url('Images/msg_error_24.png'), url('Images/cross.png'); 
    background-position:left center, center center; 
    background-repeat: no-repeat;
    border-top: solid 2px Red;*/ 
    border-bottom: solid 1px Red; 
    background-color:rgb(255,124,124);}
.ezop-message-box-empty{}


.ezp-msg-box, .ezop-message-page{
    min-height:51px;
    position:relative;
    color:White; 
    margin:0px 0px 2px 0px;
    display:block;    
}

.ezop-msg-box-wr .ezp-msg-box {
    max-width: 680px;
    margin: 0 auto 3px auto;
}

.ezop-msg-box-wr {
    background-color: rgba(0, 0, 0, 0.40);
}
.ezop-msg-box-wr.no-bg {
    background-color: inherit;
}

    .ezp-msg-box a, .ezop-message-page a {
        color: white;
    }

    .ezp-msg-box > .icon, .ezop-message-page > .icon {
        width: 50px;
        height: 100%;
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
        max-height: 100px;
    }

.ezp-msg-box > .close, .ezop-message-page > .close, .custtop-msg-par .custtop-msg-close {
    width: 50px;
    height: 100%;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    text-align: center;
}


.ezp-msg-box > .close, .ezop-message-page > .close, .custtop-msg-par .custtop-msg-close .ico{
    background-image: url('Images/cross.png'); background-position:center center; 
    background-repeat: no-repeat;
}

.custtop-msg-par .custtop-msg-close .ico{
    display:inline-block;
    height:100%;
    width:100%;
    width:1em;
    background-size:contain;
}


.ezp-msg-box > .texts, .ezop-message-page > .texts {
    margin-left: 49px;
    padding-top: 11px;
    padding-bottom: 5px;
}

.ezp-msg-box> .texts > .top, .ezop-message-page > .texts > .top{
    font-weight:bold;
    white-space: pre-line;
}

.ezp-msg-box > .texts > .bottom, .ezop-message-page > .texts > .bottom{
    font-size:9pt;
    margin-top: 3px;
}

.ezp-msg-box.ezop-message-box-info, .ezop-message-page.ezop-message-box-info{
    /*background-color:#A2F379;
    border-bottom: 1px solid #93DF6D;*/
}

.ezp-msg-box.ezop-message-box-info > .icon, .ezp-msg-box.ezop-message-box-information > .icon,
    .ezop-message-page.ezop-message-page-info > .icon{
    background-position: -933px 0px;
}

.ezp-msg-box.ezop-message-box-warning, .ezop-message-page.ezop-message-page-warning{
    /*background-color:#F54D44;
    border-bottom: 1px solid #EE564E;*/
}

.ezp-msg-box.ezop-message-box-warning > .icon, .ezp-msg-box.ezop-message-box-error > .icon,
    .ezop-message-page.ezop-message-page-warning > .icon, .ezop-message-page.ezop-message-page-error > .icon{
    background-position: -1005px 0px;
}


.fb-iframe .message-items{
    z-index: 9999;
    position: absolute;
    max-width: 450px;
    
}

.fb-iframe #zone-message.fill #message-modal {
    content: '';
    z-index: 1005;
    top: 0px;
    left: 0px;
    position: fixed;
    background-color: #fff;
    opacity: 0.4;
    width: 100%;
    height: 100%;
}

.fb-iframe #zone-message .ezp-msg-box{
    padding-top: 15px;
    padding-bottom: 30px;
    padding-right: 45px;
}


.fb-iframe #zone-message{
    position: static;
}

.fb-iframe #zone-message .ezp-msg-box > .close {
    background-position: center 13px;
}



.fb-iframe #pos-ajax-messages .pos-message-items{
    z-index: 9999;
    position: absolute;
    max-width: 450px;
    
}

.fb-iframe #pos-ajax-messages.fill #pos-message-modal {
    content: '';
    z-index: 1005;
    top: 0px;
    left: 0px;
    position: fixed;
    background-color: #fff;
    opacity: 0.4;
    width: 100%;
    height: 100%;
}

.fb-iframe #pos-ajax-messages .ezp-msg-box{
    padding-top: 15px;
    padding-bottom: 30px;
    padding-right: 45px;
}


.fb-iframe .upper-floating-panel {
    position: static;
}

.fb-iframe #pos-ajax-messages .ezp-msg-box > .close {
    background-position: center 13px;
}




.offline-dialog
{
    border:1px solid #CCC;
    background-color:white;
    z-index:5000;
    border-radius: 6px;
}
.offline-dialog .ui-dialog-titlebar
{
    display:none;
}
#offlineDialog, #disableAppMsg, .offlineDialog.ui-dialog-content.ui-widget-content
{
    font-size: 15pt;
    font-weight: bold;
    padding: 10px 5px 5px 45px !important;
    background-image: url('Images/msg_warning_24.png'); background-position:5px 5px; background-repeat: no-repeat;
}

#offlineDialog, #disableAppMsg {
    z-index: 9999999;
    position: fixed;
    top: 50%;
    left: 50%;
    background-color: white;
    border: 1px solid #bbb;
    border-radius: 5px;
    width: 250px;
    min-height: 67px;
    margin-left: -150px;
    margin-top: -80px;
}

#bodyDisableApp {
    z-index: 1005;
    top: 0px;
    left: 0px;
    position: fixed;
    background-color: #000;
    opacity: 0.5;
    width: 100%;
    height: 100%;
}

.offlineDialog.ui-dialog-content.ui-widget-content a, #disableAppMsg a
{
    cursor: pointer;
    text-decoration: underline;
    color: #8B8BFF;
}
.ui-widget-overlay {
    z-index: 1005;
    top: 0px;
    left: 0px;
    position: fixed;
    background-color: #000;
    opacity: 0.6;
    background-image: none;
}

.detail-big-record-bg {
    height: 300px;
    background-position: center center;
    background-size: cover;
    overflow: hidden;
    border-bottom:1px solid #CCC;
    position:relative;
}

.detail-back-btn {
float:left;
cursor:pointer;
}

.detail-back-btn  > .back-btn {
   width: 50px;
height: 50px;
display: inline-block;
vertical-align: top;
background-position: -246px 12px;
}

.detail-back-btn > .title {
    display: inline-block;
    vertical-align: top;
    color: #FFF;
    font-weight: bold;
    margin-top: 16px;
    font-size: 12pt;
}
.pos-detail-row-item {
    border-left-style: solid;
    border-left-width: 5px;
    border-left-color: #B24242;
    padding: 8px 12px;
    margin-top: 6px;
    background-color: #F2F2F2;
}

.goods-galery-picture
{
    display: inline-block;
    margin:5px;
    vertical-align: middle;
}

.galery-picture-menu
{
    position:absolute;
    width:45px;
    height:50px;
    background-color:#E1FAE6;
    opacity:0.9;
    background-position:10px -50px;
}
.galery-img-add
{
   border:1px solid #CCC;
   background-color:#F5F5F5;
   background-position: -130px 21px;
   border-radius: 6px;
}

.loader-text {
font-size: 14px;
font-weight: bold;
}

.ui-body-d, .ui-overlay-d {
border: 1px solid #BBB /*{d-body-border}*/;
color: #333 /*{d-body-color}*/;
text-shadow: 0 /*{d-body-shadow-x}*/ 1px /*{d-body-shadow-y}*/ 0 /*{d-body-shadow-radius}*/ #FFF /*{d-body-shadow-color}*/;
background:rgba(255, 255, 255, 1);
}
.icon-loading {
    filter: Alpha(Opacity=75);
    opacity: .75;
    background: url(../POSTheme/images/ajax-loader.gif);
    background-size: 46px 46px;
    background-color: #000;
    display: block;
    width: 44px;
    height: 44px;
    padding: 1px;
    border-radius: 36px;
    margin: 0px auto 8px auto;
}
.call-rec-load-progres {
    background: url(../POSTheme/images/ajax-loader.gif);
    background-repeat: no-repeat;
    background-size: 46px 46px;
    opacity: 0.15;
    height: 46px;
    width: 46px;
    margin: 0px auto 8px auto;
}
.paper-contact-detail-loader {
    display: inline-block;
    padding: 10px;
    border-radius: 8px;
}

.goods-description-body {
    font-size: 11pt;
padding: 5px;
white-space: pre-line;
}

.pos-goods-detail-items-header{
    background-color: #B24242;
    height:30px;
    background-image: url('../POSFrontEndTheme/Images/header-paper-part.png');
    background-repeat:repeat-x;
    background-position:bottom;
}
.pos-goods-detail-items-header > .pos-detail-header-title {
    margin-top: 6px;
    font-size: 12pt;
}

.detail-big-goods-preparetime {
    padding: 0px;
    position: absolute;
    bottom: 0;
    right: 0;
    margin-right: 1px;
}
.detail-big-record-bg.no-bg .detail-big-goods-preparetime {
}


.detail-big-goods-preparetime > .value {
    padding: 10px 5px;
    display:inline-block;
    vertical-align:top;

}
.detail-big-goods-preparetime > .icon {
    display: inline-block;
    height: 38px;
    width: 38px;
    background-position: -293px 5px;
    vertical-align:top;
}
.pos-detail-vals-table {
    margin: 4px 2px;
    
}

.pos-detail-vals-table .title {
    font-weight:bold;
}

.pos-detail-header.quantity {
    background-color: #DA2121;
}

.pos-detail-header.quantity .title {
    display: inline-block;
    vertical-align: top;
    color: #FFF;
    font-weight: bold;
    margin-top: 12px;
    font-size: 16pt;
    margin-left: 10px;
}
.detail-big-goods-edit-p-b{
    position: absolute;
    bottom: 0px;
}
.detail-big-goods-photos{
    display: block;
    width: 50px;
    height: 50px;
    float:left;
    cursor:pointer;
}
.detail-big-goods-photos.abs{
    position: absolute;
    bottom: 0px;
}
.detail-big-goods-upload-photo{
    
    background-position: -343px 12px;
}

.detail-big-goods-add-photo {
    
    background-position: -392px 8px;
}

.detail-big-goods-remove-photo {
    
    background-position: -436px 12px;
}

div.rooms-table-info-div.ui-dialog{
    background-color:white;
}

.pos-document-upload {
    border: 1px solid #CCC;
    padding: 5px;
    background-color: #F0F0F0;
}

.pos-doc-loading
{
    background:url('Images/ajax-loader.gif');
    background-position:center center;
    height: 11px;
    background-repeat: no-repeat;
}

.pos-detail-max-w, .goods-view, .customer-shoping-cart{
    max-width:720px;
    margin:0px auto;
}
.customer-shoping-cart{
    margin-bottom:30px;
}

.customer-table-cart {
    margin-top: 15px;
    max-width: 480px;
}
.detail-record-btn-buy, .detail-paper-btn {
    display: inline-block;
}
.detail-record-btn-buy .goods-adding-load, .detail-record-btn-remove .goods-adding-load{
    display:none;
    position:absolute;
    z-index:5;
    right:0;
    bottom:0;
}

.detail-record-btn-buy.loading .goods-adding-load, .detail-record-btn-remove.loading .goods-adding-load {
    display:block;
}

.detail-record-btn-buy, .detail-record-btn-remove, .detail-paper-btn {
    min-width: 40px;
    margin: 0px;
    border-radius: 4px;
    color: #FFF;
    font-weight: bold;
    border: 1px solid #A3C926;
    background: #aacd28;
    cursor: pointer;
    text-decoration: none;
    float: left;
    margin-right: 5px;
    position: relative;
    display: inline-block;
}

.detail-record-btn-remove.hide{
    display:none;
}

     .detail-paper-btn.no {
        background: #ff5e5e;
        box-shadow: none;
        border: 1px solid #ff5d5d;
    }

.cart-quantity, .cart-quantity-val {
    font-weight: bold;
    
    border: none;
    border-radius: 2px;
    font-size: 18px;
    line-height: 22px;
    min-width: 18px;
    padding: 0 2px;
    text-align: center;
    position: absolute;
    top: -3px;
    left: -3px;
    z-index: 1;
    cursor: pointer;
    text-decoration: none;
    
}
.cart-quantity-val {
    color: #40BA31;
 }

.cart-quantity{
    background-color: #40BA31;
    color: #FFF;
}

.detail-record-btn-buy.c .cart-quantity
{
    left: -15px;
    top: 6px;
}

.detail-record-btn-buy > span.icon, .detail-paper-btn > span.icon {
    background-position: -587px -1px;
    display: inline-block;
    padding: 8px 10px;
    width: 20px;
}

.detail-record-btn-buy.c.atcart > span.txt, .det-recs-btn-b-pnl .cart-text-q-pnl {
    display: none;
}

.det-recs-btn-b-pnl.atcart .cart-text-q-pnl {
    display:initial;
    font-weight:bold;
}

.detail-record-btn-buy > span.txt {
    display: block;
    position: absolute;
    font-size: 8px;
    width: 100%;
    text-align: center;
    bottom: 1px;
}

.detail-record-btn-buy, .detail-record-btn-remove {
    background-color: white;
    border-color: #40BA31;
    color: #40BA31;
    box-shadow: none;
    text-align: center;
    vertical-align: middle;
}


.detail-record-btn-buy > span.icon, .detail-record-btn-remove > span.icon {
    text-align: center;
    font-weight: normal;
    padding: 0em 0.375em;
    vertical-align: middle;
    background-image: none;
    position: relative;
}
.detail-record-btn-buy > span.icon:after, .detail-record-btn-remove > span.icon:after {
    content: '+';
    font-size: 2em;
    vertical-align: bottom;
}

.detail-record-btn-remove > span.icon:after {
    content: '−';
}

.detail-paper-btn.no > span.icon{
    background-position: -686px 1px;
}


.detail-record-btn-remove.any {
}

.detail-record-btn-remove.disabled {
    background-color:#d6d6d6;
    border:1px solid #cccccc;
}

.detail-record-btn-remove.any > span.icon {
}

.detail-record-btn-remove.disabled > span.icon {
    background-image:none;
    visibility:hidden;
}
.detail-record-btn-remove.disabled {
    background-color: transparent !important;
    background-image: none;
    border-color: transparent  !important;
    box-shadow: none;
}

.detail-record-btn-buy.disabled > span.icon {
    background-image:none;
    visibility:hidden;
}
.detail-record-btn-buy.disabled {
    background-color: transparent;
    background-image: none;
    border-color: transparent;
    box-shadow: none;
}

.detail-record-btn-buy > cart-quantity {
    display: inline-block;
    width: 20px;
}

.pos-detail-shoppingcart.empty, .pos-detail-shoppingcart-hdn.empty{
    display:none;
}

.pos-small-cart-pnl .pos-detail-shoppingcart-hdn, .pos-small-cart-pnl.empty .pos-detail-shoppingcart-flpl, 
.pos-small-cart-pnl.iscart .cust-del-stwr,
.pos-small-cart-pnl.empty.iscart.hasorders .pos-detail-shoppingcart-hdn,
.pos-small-cart-pnl.emptydelt .cart-delinf-pnl,
.pos-small-cart-pnl .cart-delinf-pnl-dh
{
    display: none;
}

.pos-small-cart-pnl.empty .pos-detail-shoppingcart-hdn, .pos-small-cart-pnl.iscart.empty .cust-del-stwr, .pos-small-cart-pnl.hasdelt .cart-delinf-pnl  {
    display: inherit;
}

.pos-small-cart-pnl.hasdelt .cart-delinf-pnl {
    font-size: 0!important;
    white-space:nowrap;
}

.pos-small-cart-pnl.hasdelt .cart-delinf-pnl span {
    font-size:9pt;
    white-space:break-spaces;
}

.pos-small-cart-pnl.hasdelt .cart-delinf-pnl span.def.hasdeltdef:before {
    content:'*';
    padding-left: 0.4em;
}

@media (max-width: 1199px) {
    .pos-small-cart-pnl .cart-delinf-pnl {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

div.pos-detail-shoppingcart-hdn.hdn-pnl {
    display: none !important;
}

.pos-detail-shoppingcart-hdn.floating{
    height: 50px;
    display:block;
}

.pos-detail-shoppingcart, .pos-detail-shoppingcart-hdn, .pos-detail-shoppingcart-msg, .pos-detail-close-header {
    
    background-color: #40BA31;
    padding: 0px 0px;
    color: white;    
}

div.app-top-header, .pos-detail-shoppingcart, .pos-detail-shoppingcart-hdn, .pos-detail-shoppingcart-msg, .pos-detail-close-header {
    border-bottom-width: 3px;
    border-bottom-color: #2A961C;
    border-bottom-style: solid;
    box-shadow: 0px 5px 10px 0px rgba(29, 87, 22, 0.6);
    position: relative;
}

.pos-detail-shoppingcart, .pos-detail-shoppingcart-hdn, .pos-detail-close-header {
    height: 50px;
}
.own-acc-u-pnl, .day-mnu-mewslet{
    position:relative;
}

.pos-detail-shoppingcart-hdn .middle-panel > span, .own-acc-u-pnl .middle-panel > span, .day-mnu-mewslet .middle-panel > span {
    font-weight: bold;
    margin-top: 7px;
    font-size: 11pt;
    display: inline-block;
    padding: 9px 0px 0px 0px;
}

.own-acc-u-pnl .middle-panel > span, .day-mnu-mewslet .middle-panel > span{
    margin:0;
    font-size: 10pt;
}

.day-mnu-mewslet .middle-panel > span{
    font-size:9pt;
}
.day-mnu-mewslet.no-bg .middle-panel > span{
    font-size:8pt;
}
.pos-detail-shoppingcart-hdn .middle-panel > span.top{
    margin-top:0px;
}

.pos-detail-shoppingcart-hdn .middle-panel > span.bottom {
    font-size: 9pt;
    margin-top: 0px;
    padding-top: 4px;
    display:block;
}

.pos-detail-shoppingcart .middle-panel, .pos-detail-shoppingcart-hdn .middle-panel,
.pos-detail-shoppingcart-msg .middle-panel, .own-acc-u-pnl .middle-panel, .day-mnu-mewslet .middle-panel, .pos-detail-close-header .middle-panel {
    display: inline-block;
    vertical-align: top;
    margin-left: 15px;
}

.pos-detail-shoppingcart.flat {
    border-width: 0;
    box-shadow: none;
    margin: 0;
    border-radius: 0;
}


.middle-panel-wr{
    position:relative;
}

.middle-panel-wr.left-ico .middle-panel{
    margin-left:55px;
}

.middle-panel-wr.left-ico .leftico{
    position:absolute;
    top:0;
    left:0;
}

.middle-panel-wr .middle-panel{
    display:block;
}

.own-acc-u-pnl .middle-panel, .day-mnu-mewslet .middle-panel {
    float: left;
    width: 55%;
    width: calc(100% - 140px);
    margin-left: 0;
    font-size: 10pt;
}
.day-mnu-mewslet .middle-panel {
    width: 60%;
    width: calc(100% - 135px);
}

.middle-panel .undl{
    text-decoration:underline;
    cursor:pointer;
}

.pos-detail-shoppingcart .middle-panel > .top, .pos-detail-shoppingcart-msg .middle-panel > .top,
.pos-detail-close-header .middle-panel > .top {
    font-weight: bold;
    padding-top: 7px;
    padding-bottom: 3px;
    font-size: 10.5pt;
}
.pos-detail-shoppingcart .middle-panel > .top.mgtb,
.pos-detail-close-header .middle-panel > .top.mgtb{
    padding-top: 15px;
}

@media(max-width:1199px) {
    .pos-small-cart-pnl.hasdelt
    .pos-detail-shoppingcart .middle-panel > .top.mgtb {
        padding-top: 6px;
    }
}

.pos-detail-shoppingcart-msg .middle-panel > .top{
    margin:0px 0px 0px 0px;
}
.pos-detail-shoppingcart-msg .middle-panel{
    padding:7px 0px;
}
.pos-detail-shoppingcart .middle-panel > .top > .cart-items-count,
.pos-detail-close-header .middle-panel > .top > .cart-items-count {
    font-size: 13pt;
}
.pos-detail-shoppingcart .middle-panel > .bottom, .pos-detail-shoppingcart-msg .middle-panel > .bottom
.pos-detail-close-header .middle-panel > .bottom {
    font-size: 9pt;
}

.pos-detail-shoppingcart.floating, .pos-small-cart-pnl.floating {
    position: fixed;
    bottom: 0px;
    left: 0;
    width: 100%;
    z-index: 24;
    transition: top 0.75s;
}


    .pos-small-cart-pnl.floating.hasorders.opened {
        top: 0;
        overflow: scroll;
        max-height: initial !important;
    }

    .pos-small-cart-pnl.floating.hasorders.empty {
        max-height: 90px;
    }

.pos-small-cart-pnl.floating.hasorders.opened .pos-small-cart-pnl-inr {
    position:absolute;
    width:100%;
    bottom:0px;
}


.cust-del-stwr-inr.single .cust-del-stwr-handle-op, .cust-del-stwr .cust-del-stwr-handle-cl, .pos-small-cart-pnl.opened .cust-del-stwr .cust-del-stwr-handle-op {
    display: none;
}

.pos-small-cart-pnl.opened .cust-del-stwr .cust-del-stwr-handle-cl {
    display:block;
}


.cust-del-stwr-handle-wr {
    max-width: 800px;
    margin: 0px auto;
}

.cust-del-stwr .cust-del-stwr-handle {
    height: 0.3em;
    background: white;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px 1px 0 0;
    position: relative;
    box-shadow: 0px -1px 2px #bcbcbc;
}
    .cust-del-stwr .cust-del-stwr-handle:after {
        content: '';
        display: block;
        content: '';
        display: block;
        right: 0;
        position: absolute;
        bottom: 0;
        left: 0;
        top: 0;
        background-color: white;
    }

    .cust-del-stwr .cust-del-stwr-handle .handle-itm {
        height: 25px;
        width: 55px;
        background: white;
        border-style: solid;
        border-color: #CCCCCC;
        border-width: 1px 0 0 1px;
        display: inline-block;
        right: 0;
        position: absolute;
        bottom: 0;
        border-radius: 0.5em 0.2em 0 0;
        box-shadow: 0px -1px 2px #bcbcbc;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 1.2em;
    }

.cust-del-stwr .cust-del-stwr-handle .handle-itm.cl {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%234e4e4e%22%20d%3D%22M0%207.33l2.829-2.83%209.175%209.339%209.167-9.339%202.829%202.83-11.996%2012.17z%22%2F%3E%3C%2Fsvg%3E");
}
.cust-del-stwr .cust-del-stwr-handle .handle-itm.op {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%234e4e4e%22%20d%3D%22M0%2016.67l2.829%202.83%209.175-9.339%209.167%209.339%202.829-2.83-11.996-12.17z%22%2F%3E%3C%2Fsvg%3E");
}


.pos-detail-shoppingcart > .inner-panel,
.pos-detail-close-header > .inner-panel,
.pos-detail-shoppingcart-hdn > .inner-panel,
.pos-detail-shoppingcart-msg > .inner-panel, .pos-detail-bottom-text > .inner-panel,
.own-acc-u-pnl > .inner-panel, .pos-detail-header .inner-panel,
.day-mnu-mewslet > .inner-panel, .pos-detail-header .inner-panel, .lyoness-info-pnl .inner-panel {
    max-width: 720px;
    margin: 0px auto;
}

.detail-goods-var .pos-detail-shoppingcart-msg.var-detail-setct-msg {
    background-color: #FAAB44;
    border-bottom: 1px solid #FD9E37;
    min-height: 3.75em;
    margin: 1.1em 0.25em 0;
    box-shadow: none;
    border-radius: 0.33em;
}

.pos-detail-shoppingcart > .inner-panel, .pos-detail-close-header > .inner-panel {
    cursor: pointer;
    text-decoration: none;
}

.pos-detail-shoppingcart > .inner-panel > .floatr, 
.pos-detail-close-header > .inner-panel > .floatr, 
.pos-det-header .inner-panel > .floatr{
    float:right;
    margin: 0px 8px;
}

a.cart-confirm-btn{
    display: inline-block;
}

a.cart-confirm-btn > span {
    background-position: -483px 0px;
    display: block;
    width: 30px;
    padding: 5px 10px;
}
.cart-confirm-btn {
    margin: 0px;
    border-radius: 4px;
    color: #FFF;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    text-decoration: none;
    background-color: #A9CD28;
    border: 1px solid #93B12F;
}

.cart-confirm-btn:active {
    position: relative;
    bottom: -1px;
}


.shopping-cart-total {
    font-size: 15pt;
    margin-top: 13px!important;
    vertical-align:top;
    font-weight:bold;
}

.shopping-cart-total-ceil, .shopping-cart-total-decimals, .price-total-ceil, .price-total-decimals {
    font-size: 15pt;
    font-weight: bold;
}
span.shopping-cart-total-ceil, .price-total-ceil{
    font-size: 20pt;
}
div.shopping-cart-total-pnl{
    margin-top: 10px;
}
.shopping-cart-total-img-p {
    background-image: url('Images/cart-total-ico.png?ver=17');
    background-repeat: no-repeat;
    padding-left: 43px;
    background-position: left 8px;
    padding-bottom: 10px;
}

.shopping-cart-total-img-p.empty{
    background-image: url('Images/cart-empty-ico.png?ver=1');
}
.shopping-cart-total-img-p > .shopping-cart-total.icon{
    display:inline-block;
}
.show-cart {
    cursor: pointer;
    display: inline-block;
    border-right: 1px solid white;
}

a.show-cart > span.icon {
    background-position: -636px 4px;
    display: inline-block;
    width: 50px;
    height: 50px;
}
a.show-cart.back-btn > span.icon {
    background-position: -246px 12px;
}

.pos-detail-shoppingcart-hdn a.show-cart > span.icon{
    background-position: -770px -124px;
}

.pos-empty-cart-box {
    border: 1px solid #84DBA3;
    border-radius: 6px;
    background-color: #B4E9C7;
    text-align: center;
    width: 220px;
    margin: 0px auto;
    margin-bottom: 16px;
    
    text-decoration: none;
}
a.pos-empty-cart-box {
    cursor: pointer;
}


.pos-empty-cart-box > .icon {
    width: 130px;
    height: 130px;
    display: inline-block;
    background-position: -775px 20px;
}

.pos-empty-cart-box > .text {
    padding: 10px 6px;
    font-weight: bold;
    font-size: 1.15em;
    color: white;
    
}
.ui-loader {
    display: none;
    z-index: 9999999;
    position: fixed;
    top: 50%;
    left: 50%;
    border-radius: .6em;
}
.ui-loader-verbose {
    width: 160px;
    filter: Alpha(Opacity=88);
    opacity: .88;
    box-shadow: 0 1px 1px -1px #FFF;
    height: auto;
    margin-left: -90px;
    margin-top: -43px;
    padding: 10px;
    text-align: center;
}

div.ezp-message-tt {
    position: absolute;
    z-index: 50;
    font-size: 9pt;
    min-width:120px;
}

.detail-record-name .desc div.ezp-message-tt{
    left:0;
}

div.ezp-message-tt.right {
    right:5px;
}

div.ezp-message-tt-arr {
    border-width: 0px 10px 10px 10px;
    border-style: solid;
    border-color: transparent transparent #4B4242 transparent;
    width: 0px;
    margin: 0 10px;
}

div.ezp-message-tt.right div.ezp-message-tt-arr{
    float:right;
}

div.ezp-message-tt-text {
    background-color: #4B4242;
    color: #FFF;
    padding: 8px;
    max-width: 200px;
    cursor: pointer;
    clear: both;
}

a.external-provider-btn, a.internal-provider-btn {
    padding: 5px;
    width: 140px;
    border-radius: 6px !important;
    text-decoration: none !important;
    text-align:left;
}

a.external-provider-btn > img, a.internal-provider-btn > img{
    width:32px !important;
}

a.external-provider-btn > span.txt, a.internal-provider-btn > span.txt {
    font-size: 13px !important;
    vertical-align: middle;
    margin-left:16px;
}

.fb-ico, .gplus-ico, .inst-ico{
    display:inline-block;
    font-size:0px;
}
a.external-provider-btn > span.img, a.internal-provider-btn > span.img, .fb-ico, .gplus-ico, .inst-ico {
    width: 32px;
    height: 32px;
    background-image: url('Images/signin-icons-32.png?ver=3');
    background-repeat: no-repeat;
}
a.fb.external-provider-btn > span.img, .fb-ico {
    background-position:-32px 0px;
}
a.ggl.external-provider-btn > span.img {
    background-position:0px 0px;
}
a.f4.external-provider-btn > span.img {
    background-position:-64px 0px;
}
a.zav-obs.internal-provider-btn > span.img {
    background-position:-96px 0px;
}
.gplus-ico {
    background-position:-128px 0px;
}
.inst-ico {
    background-position: -160px 0px;
}

.external-provider-body, .internal-provider-body {
    margin: 8px auto;
    text-align: center;
}

@media (max-width:550px), (max-height:550px)  {
    .pos-login-provs-wr .external-provider-body .txt,
    .pos-login-provs-wr .internal-provider-body .txt {
        display: none !important;
    }

    .pos-login-provs-wr .external-provider-btn,
    .pos-login-provs-wr .internal-provider-btn {
        width: 44px;
        box-sizing: border-box;
    }

    .pos-login-provs-wr .external-provider-body,
    .pos-login-provs-wr .internal-provider-body {
        display: inline-block;
        margin: 0 0.5em
    }

    .pos-login-provs-wr {
        text-align: center;
        padding: 0.4em 0;
    }
}

.pos-login-provs-wr.sm-btns {
    text-align: center;
    padding: 0.4em 0;
}

.pos-login-provs-wr.sm-btns  .external-provider-body .txt,
    .pos-login-provs-wr.sm-btns  .internal-provider-body .txt {
        display: none !important;
    }

    .pos-login-provs-wr.sm-btns  .external-provider-btn,
    .pos-login-provs-wr.sm-btns  .internal-provider-btn {
        width: 44px;
        box-sizing: border-box;
    }

    .pos-login-provs-wr.sm-btns  .external-provider-body,
    .pos-login-provs-wr.sm-btns  .internal-provider-body {
        display: inline-block;
        margin: 0 0.5em
    }

.pos-login-title {
    margin: 10px;
    font-size: 12pt;
    color: #40BA31;
    font-weight: bold;
}

.pos-fron-internal-login{
    margin:10px;
    padding:5px;
    font-size:13pt;
}

.pos-fron-internal-login span, .pos-fron-internal-login label{
    font-size:10pt;
}

.pos-fron-internal-login input{
    padding:5px;
    font-size:14pt;
}

a.ezp-colorized-submit, .ezp-colorized-submit-nb {
    display:inline-block;
}
.ezp-colorized-submit, a.ezp-colorized-submit, .ezp-colorized-submit-nb, .abu-btn.save-btn {
    margin: 9px 9px 9px 0;
    border-radius: 4px;
    line-height: 21px;
    padding: 4px 10px;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    text-decoration: none;
    position: relative;    
    border: 1px solid #A3C926;
    background-color: #aacd28;
    transition: all ease-in 0.2s;
}
.ezp-colorized-submit:hover {
    
}
a.ezp-colorized-submit:hover{
    color:white;
}
.ezp-colorized-submit:active {
}

.ezp-colorized-submit.gray, .ezp-colorized-submit-nb.gray, .ezp-colorized-submit[disabled="disabled"],
.pos-full-layout .ezp-colorized-submit.gray, .pos-full-layout .ezp-colorized-submit-nb.gray, .pos-full-layout .ezp-colorized-submit[disabled="disabled"]{
    background: #bebebe;
    border: 1px solid #BBBBBB;
}

.pos-login-register-body {
    margin: 15px 10px 10px 10px;
    border-top: 1px solid #CCC;
}
a.pos-header-login{
    font-size:12px;
    padding:4px;
    margin-left:6px;
}

.pos-detail-texts{
    display:inline-block;
    margin-left: 15px;
    margin-top: 13px;
    vertical-align: top;
    margin-bottom: 4px;
}

.pos-detail-texts.foreign {
margin-top:6px;
}

.pos-detail-texts > span {
    font-size: 13pt;
    font-weight: bold;
    text-shadow: 1px 1px 2px #000;
}

.pos-detail-texts > span.froreign-t{
    font-size:9pt;
}

.detail-paper-q-pnl {
    display: inline-block;
    vertical-align: top;
    margin: 5px 0 5px 15px;
}

.detail-paper-btn.yes{
    margin-left:7px;
}

.detail-paper-btn > span.icon{
    font-size:11pt;
}
.detail-paper-btn.yes > span.icon {
    background-position: -487px -43px;
}


.detail-rec-quicknotes {
    display: none;
    /*background-color: blue;*/
    width: 100%;
    
}

.detail-rec-quicknotes > div, .var-vals > div, .var-half-vals > div{
    padding: 3px 3px 3px 3px;
}

.detail-rec-quicknotes.any, .var-vals.any{
    display:block;
}

.detail-rec-quicknotes  a.note, .var-vals  a.note, .sel-prop-btn, .var-sel-dlg-btn, .btn-flat-wh{
    display: inline-block;
    padding: 9px 9px 9px 11px;
    border-radius: 4px;
    font-size: 10pt;
    cursor:pointer;
    position:relative;
    margin-bottom:3px;
    vertical-align:top;
    font-weight:bold;
    margin-right: 5px;
    border-style:solid;
    border-width:1px;
    transition: all ease-in 0.2s;
}

.var-sel-dlg-btn{
    border-color: #40BA31;
    color: #40BA31;
    
}
.var-sel-dlg-btn.selected{
    background-color: #40BA31;
    color: white;
}

.detail-rec-quicknotes a.note, .sel-prop-btn {
    color: #FFF;
    background-color: #79BBFF;
    border: 1px solid #79BBFF;
}

.detail-rec-quicknotes  a.note.loading{

}

.detail-rec-quicknotes  a.note.selected, .sel-prop-btn.selected {
    background-color: #8EBD1F;
    border: 1px solid #A2C326;
    
}

.var-half-btn .txt{
    border-right:1px solid white;
    padding-right:0.95em;
    margin-right:0.95em;
}


.detail-rec-quicknotes a.note.selected span.icon, .var-vals a.note.selected span.icon, .sel-prop-btn.selected .icon, .var-sel-dlg-btn.selected .icon {
    background-position: -877px -304px;
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: -1px;
    left: 1px;
    display:none;
}
.detail-rec-qn-arr {
    display: inline-block;
    background-position: -549px -44px;
    vertical-align: top;
    width: 25px;
    height: 29px;
}


.action-adding-load {
    display: none;
    position: absolute;
    right: 3px;
    bottom: 2px;
}

.detail-action-btn.loading .action-adding-load{
    display:block;
}

.pos-t-table-name {
    float: right;
    margin-right: 10px;
    color: #F7F7F7;
    margin-top: 5px;
    font-size: 11px;
    position: absolute;
    right: 1px;
}


.pos-detail-row
{
    margin:15px 4px 0px 4px;
}

.own-account-pnl {
    /*border-bottom: 1px solid #CCC;
    padding-bottom: 15px;*/
}
.pos-detail-row-title
{
    border-bottom: 1px solid #CCC;
    display: block;
    font-weight: bold;
    font-size: 110%;
    color: #29698F;
    padding-bottom: 3px;
}

.account-payments{
    border-collapse: collapse;
    border: 1px solid #EEE;
    width:100%;
}

.account-payments tr{

}

.account-payments tr.even{

}

.account-payments tr.odd{

}

.account-payments tr > td{
    border-bottom: 1px solid #EEE;
    padding:3px 8px;
}

@media (max-width:350px){
.account-payments tr > td{
    padding:3px 2px;
}
}

.account-payments .payment-ballance, .account-payments .payment-value{
    text-align:right;
}

.account-payments .payment-ballance {
    width: 75px;
    padding-right: 20px;
}

.account-payments .payment-ballance.wr{
    color:red;
}


.account-payments .payment-day, .account-payments .payment-validdays, .account-payments .payment-expire{
    font-size:11px;
}


.account-payments .payment-value.movement.income{
    color:green;
}

.account-payments .payment-value.movement.outcome{
   color:red;
}

.account-payments .title-bar > th {
    font-size: 10px;
     padding: 8px 9px;
     font-weight:bold;
    background: #EEE;
}

.pers-ow-ac-tot-val{
    font-size:11px;
}
.pos-detail-subtitle {
    margin: 8px 0px;
    font-size: 11px;
    /*color: #838383;*/
}

.pos-detail-subtitle.bottom {
    text-align: right;
    font-size:10px;
}

.account-payments a.payment-link {
    font-size: 12pt;
    color: #A2A2A2;
    border-left: 1px solid #CCC;
    padding-left: 4px;
    text-decoration: none;
}

.account-payments .payment-text-link{
    text-decoration:underline;
    margin-left:10px;
    font-size: 11px;
}

a.own-acc-show-pay {
    margin: 0px 0 0 10px;
    padding: 0px 4px;
    float: right;
    font-size: 15px;
}

a.own-acc-show-pay > span.txt {
    display: inline-block;
    vertical-align: middle;
    padding: 4px 7px 4px 0px;
    display:none;
}

a.ezp-colorized-submit > .goods-adding-load, .own-acount-refresh > .goods-adding-load{
    position:absolute;
    bottom:0;
    right:0;
    display:none;
}

a.ezp-colorized-submit.loading > .goods-adding-load, .own-acount-refresh.loading > .goods-adding-load{
    display:block;
}

.own-acc-val-title {
    margin-left: 13px;
    font-size: 20pt;
    font-weight: bold;
}
.own-acc-val-title-decimals{
    vertical-align: text-bottom;
}

.own-acc-val-pnl{
    display: inline-block;
    vertical-align:top;
    color: #FFF;
}

    .own-acc-val-pnl > .title {
        border-right: 1px solid #FFF;
        padding-right: 13px;
    }

.own-acc-val-pnl > span {
    display: inline-block;
    vertical-align: middle;
    white-space: pre-line;
}

.own-acc-icon {
    display: inline-block;
    vertical-align: top;
    margin:0px 0px 4px 4px;
    width: 30px;
    height: 30px;
    background-position: -495px -108px;
}

.own-acc-show-pay > .icon {
    width: 26px;
    display: inline-block;
    height: 25px;
    background-position: -983px -119px;
    vertical-align: middle;
}
.own-acc-show-pay.hide > .icon{
    background-position: -983px -156px;
}

.own-acount-refresh {
    cursor: pointer;
    position: relative;
    color: #005C9C;
}

.own-acount-refresh > .loading{
   display:none;
}

.own-acount-refresh > .icon {
    display: inline-block;
    background-position: -976px -189px;
    width: 32px;
    height: 32px;
}
.pos-detail-table-pnl{
   /*display:inline-block;*/
   max-width:420px;
   
}

.own-acc-title-pnl {
    background-color: #EE82EE;
    border-color: #E22DE2;
        border-radius: 0.6em;
    border-width: 0 0 3px 0;
    padding: 9px 4px 4px 0px;
    border-style: solid;
    max-width: 560px;
}

.lpoint-acc-info .own-acc-title-pnl{
    background-color: #4B9DFF;
    border-color: #006AEA;
}
.account-payments .payment-ed-link{
    width:25px;
}
.pos-det-goods-btn, .pos-det-rec-zoom, .pos-det-rec-img{
    float: right;
    width: 32px;
    height: 32px;
    border: 1px solid rgba(197, 197, 197, 0.5);
    margin: 4px;
    border-radius: 3px;
    background-color: rgba(189, 189, 189, 0.4);
    cursor: pointer;
}

.pos-det-rec-zoom {
    clear: right;
    background-position: -925px -226px;
    position: absolute;
    bottom: 0px;
    right: 0px;
}
.pos-det-rec-img {
    background-position: -1021px -161px;
    bottom: 0px;
    left: 0px;
    float: left;
    clear: both;
}
.detail-record-bg.bg-img .pos-det-rec-img{
    position: relative;
    display: inline-block;
}


.pos-det-goods-btn{
    background-position: -1021px -119px;
    display:block;
}

.pos-det-goods-btn.share{
    background-position: -1021px -296px;
}

.pos-det-goods-btn.print{
    background-position: -1073px -119px;
}
.pos-det-goods-btn.no-mg{
    margin:0 4px;
}
.bg-img .pos-det-goods-btn{
    position: absolute;
    bottom: 0px;
    right: 40px;
}

.var-det .pos-det-goods-btn {
    right: 10px;
}

#pos-spec-goods-info .external-provider-body {
    
    margin: 0px;
}

#pos-spec-goods-info .goods-pnl-select {
    text-align: center;
    margin: 1.7em 0.1em 0.2em 0.1em;
}

.goods-item-v {
    display: inline-block;
    border: 1px solid #000;
    margin: 9px 10px;
    border-radius: 4px;
    box-shadow: 4px 4px 1px 0px rgba(0, 0, 0, 0.6);
    width: 116px;
    height: 116px;
    position: relative;
    vertical-align:top;
    overflow:hidden;
    background-size: cover;
    cursor:pointer;
    background-repeat:no-repeat;
    background-color:white;
    background-position: center;
}

.goods-item-v > .name{
    display:block;
    text-align:left;
}

.goods-item-v > .price {
    position: absolute;
    bottom: 0px;
    right: 0px;
    font-size: 11px;
    z-index: 5;
    padding: 5px;
}

.no-float{
    float:none !important;
}

.variant-simple-select-qbox {
    padding: 0.45em 0.65em;
    border-radius: 0.35em;
    background-color: #f6f6f6;
    display: inline-block;
}


.variant-simple-select-qbox .detail-record-btn-remove{
    margin-right:3em;
}

.variant-simple-select-qbox .detail-record-btn-buy{
    margin-right:0;
}
.variant-simple-select-qbox .detail-record-btn-buy.c .cart-quantity-val{
    left: -1.7em;
    top: 0.15em;
}

.variant-simple-select-qbox .cart-quantity-val{
    background-color:inherit;
}

.var-con-pnl {
    box-sizing: border-box;
    position: absolute;
    left: 0;
    right: 0.375em;
    bottom: 0;
    padding: 2.5em 0.63em 1.3em;
    background-color: white;
    z-index: 1;
}

.detail-goods-var .scrollable:not(.end)  .var-con-pnl {
    background: linear-gradient(rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 43%) 35%, rgb(231 231 231 / 83%) 100%);
}
.detail-goods-var .scrollable:not(.end) .variant-simple-select-qbox, .detail-goods-var .scrollable:not(.end) .detail-record-btn-conf-pnl { 
    box-shadow: rgb(0 0 0 / 6%) 0px 0px 0.75rem 0px, rgb(0 0 0 / 12%) 0px 0.75rem 0.75rem 0px;

}

.var-con-pnl.fix{
    /*position: fixed;
    bottom: -2px;*/
}

.var-con-pnl > .inner{
    max-width:720px;
    margin:0px auto;
    /*text-align:center;*/
}

.var-con-pnl > .inner .detail-record-btn-buy-pnl{
    width: 11em;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    float: left;
}

.var-con-pnl > .inner .detail-record-btn-conf-pnl, .var-item-gds-close-wr {
    box-sizing: border-box;
    margin-left: 12em;
    border-radius: 0.35em;
    background-color: white;
}

@media(max-width:480px){
    .var-item-gds-close-wr {
        margin-left: 0;
    }
}


.var-con-pnl .detail-record-btn-conf-pnl .confirm-sel-price {
    width: 100%;
    vertical-align: middle;
    box-sizing: border-box;
    display: block;
    padding: 0.975em 1.1em;
    border-radius: 0.35em;
}

.confirm-sel-price{
    color:white;
    background-color:#40BA31;
    display:block;
    transition: all 0.1s linear;
    cursor:pointer;
}
.cancel-sel-price {
    width: 100%;
    vertical-align: middle;
    box-sizing: border-box;
    display: block;
    padding: 1.1em 1.1em;
    border-radius: 0.35em;
    transition: all 0.1s linear;
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
    border-color: #FF7A7A;
    color: #FF7A7A;
    background-color: white;
}

.confirm-sel-price:hover{
    opacity:0.8;
}

.confirm-sel-price-in {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.confirm-sel-price-t, .confirm-sel-price-p, .confirm-sel-price-p .price-total-ceil, .confirm-sel-price-p .price-total-decimals{
    font-size: 1.1em;
    font-weight: bold;
}

.cancel-btn .confirm-sel-price-t, .cancel-btn  .confirm-sel-price-p {
    font-size: 0.8em;
}

.confirm-sel-price-t{
    text-align:left;
}

@media(max-width:425px) {
    .confirm-sel-price-t {
        font-size:0.8em;
    }
}

.confirm-sel-price-p{
    text-align:right;
}

.confirm-sel, .btn-gsug-navig{
    width:47%;
    display:inline-block;
    height:40px;
    vertical-align:top;
}

.confirm-sel, .btn-gsug-navig, .btn-confirm-sim {
    background-color: #A9CD28;
    border: 1px solid #93B12F;
    -moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.6);
    box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.6);
    text-align: left;
    cursor: pointer;
    border-radius: 5px;
    text-decoration: none;
    white-space: nowrap;
    font-size: 15px;
    transition: all ease-in 0.2s;
}
.pos-full-layout .confirm-sel:hover, .pos-full-layout .btn-gsug-navig:hover, .pos-full-layout .btn-confirm-sim:hover,
.pos-full-layout .ezp-colorized-submit:hover, .pos-full-layout a.ezp-colorized-submit:hover, .pos-full-layout .ezp-colorized-submit-nb:hover, .pos-full-layout .abu-btn.save-btn:hover{
    opacity: 0.8;
}

.pos-full-layout .confirm-sel, .pos-full-layout .btn-gsug-navig, .pos-full-layout .btn-confirm-sim,
.pos-full-layout .ezp-colorized-submit, .pos-full-layout a.ezp-colorized-submit, .pos-full-layout .ezp-colorized-submit-nb, .pos-full-layout .abu-btn.save-btn{
    border-color: #40BA31; 
    background-color: #40BA31;
    box-shadow: none;
}

.btn-confirm-sim {
    box-sizing: border-box;
    text-align: center;
    padding: 11px 15px;
    line-height: 16px;
}

.confirm-sel.red-confirm {
    background-color: #FF7A7A;
    border-color: #FF4646;
}
.confirm-sel[disabled="disabled"], .btn-confirm-sim[disabled="disabled"]  {
    background-color:#bfbfbf;
}

.confirm-sel > .icon, .btn-gsug-navig > .icon{
    width: 54px;
    height: 40px;
    background-position: -770px -128px;
    float: none;
    display: table-cell;
    vertical-align: middle;
}

.btn-confirm-sim > .txt{
    color: white;
    font-weight: bold; 
}

.confirm-sel > .txt, .btn-gsug-navig > .txt {
    color: white;
    font-weight: bold;
    padding: 0 15px 0 0;
    margin: 0;
    display: table-cell;
    vertical-align: middle;
    white-space: normal;
}

.no-img.confirm-sel > .txt{
    height:40px;
    padding: 0 15px;
}

.btn-gsug-navig {
    /*float: right;*/
  width: initial;
  margin-left: 25px;
}
.confirm-sel-pay{
    width:100%;
}
.btn-force-cart{
    margin-top:20px;
    background-color: rgba(169, 205, 40, 0.61);
}
.confirm-cart-txt {
    display: inline-block;
    vertical-align: bottom;
    color: gray;
    font-size: 11px;
    padding: 15px 10px 4px 10px;
}
.gds-sug-navig-btns {
    margin: 0px 13px 4px;
}
.joined-wnd .gds-sugg-tlb{
    min-height:13.3em;
}

.gds-sug-navig-btns .next-category{
    margin-top:20px;
}

.gds-sug-navig-btns .btn-gsug-navig:last-child{
     margin-left: 0;
}

.next-category.btn-gsug-navig > .icon {
    background-position: -1073px -288px;
}

.var-vals, .var-half-vals {
    display: block;
    margin: 0 15px 0 5px;
}

.selected-wnd .g-desc-p{
  padding: 4px 3px;
}

.prop-pnl .error-text{
    display:none;
    color:red;
    margin: 2px 7px;
}

.prop-pnl, .var-half-wr {
    margin: 4px 5px 7px 5px;
}
.prop-pnl{
    /*border-bottom: 1px solid #CCC;*/
}
.props-g-pnl > .prop-pnl:last-child:last-child{
    border-bottom:none;
}

.var-con-pnl .cart-quantity, .var-con-pnl .cart-quantity-val {
    font-size: 20px;
    line-height: 26px;
}
.prop-pnl .title, .var-half-wr .title{
    color: #696969;
    margin-left: 3px;
    margin-bottom: 3px;
}

.prop-pnl .title .required {
    color: #F00;
    margin-left: 5px;
    font-size: 12pt;
}


.own-acc-buy-c-pnl{
margin: 6px 10px;
}

.own-acc-buy-c-pnl > .title-buy {
    margin-right: 105px;
    font-size: 10pt;
    font-weight: bold;
}
@media (min-width:400px) {
    .own-acc-buy-c-pnl > .title-buy {
        font-size: 12pt;
    }
}

a.ownn-acc-buy-c{
    float: right;
    padding: 3px 7px;
    line-height: initial;
    margin: 0;
    font-size: 10pt;
}

.ownn-acc-buy-c > span{
    display:block;
    text-align:center;
}


.ownn-acc-buy-c > .sb-title{
    font-size: 8pt;
}


.own-acc-u-pnl, .day-mnu-mewslet {
    background-color: #EE82EE;
    border-bottom: 3px solid #E22DE2;
    box-shadow: 0px 5px 10px 0px rgba(29, 87, 22, 0.6);
}
.day-mnu-mewslet {
    border-radius: 0.6em;
    margin: 0.4em 0.35em 1.3em 0.35em;
}

.day-mnu-mewslet.no-bg {
    background-color: transparent;
    border-bottom: none;
    box-shadow: none;
    margin-left: 15px;
    margin-right: 15px;
}
.own-acc-u-pnl a.ownn-acc-buy-c, .day-mnu-mewslet a.ownn-acc-buy-c{
    margin-top:4px;
    margin-right:4px;
}
.day-mnu-mewslet a.ownn-acc-buy-c{
    margin-top:8px;
}

.company-map{
    width:100%;
    max-width:600px;
    padding: 14px 0;
    border: 0;
}
.map-not-avaible{
    max-width:250px;
}

div.pos-company-info {
    margin: 0px auto 10px auto;
    padding: 0px;
    max-width: 800px;
    padding-top: 13px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    border-width: 0 1px 1px 1px;
    border-color: #F2F2F2;
    border-style: solid;
    border-radius: 0px 0px 4px 4px;
    background-color: #FFF;
}

div.pos-company-info .section, div.pos-body-info .section{
    margin:12px 0;
    padding:13px 0;
    border-bottom: 1px solid #DADADA;
    box-sizing: border-box;
}


.ps-wr.double {
    box-sizing:border-box;
}

@media(min-width:650px) {
    .ps-wr.double:after {
        content: '';
        display: block;
        box-sizing: border-box;
        margin: 12px 8px;
        padding: 13px 0;
    }

    .ps-wr.double.edit:after {
        border-bottom: 1px solid #DADADA;
    }

    .ps-wr.double > .ps {
        display: inline-block;
        width: 50%;
        vertical-align: top;
        float:left;
    }

    .ps-wr.double > .ps.fr {
        float:right;
    }


    div.ps-wr.double .section, div.ps-wr.double .ps:first-child .section {
        margin: 0;
        padding: 6px 0;
        border-bottom: none;
    }
}

.company-info-tab .ps-wr:first-child{
    margin-top:1.9em;
}

div.pos-company-info .ps:first-child .section,
div.pos-company-info .ps-st:first-child .section,
div.pos-body-info .ps:first-child .section,
div.pos-body-info .ps-st:first-child .section{
    margin-top:0;
    padding-top:0;
}

div.pos-company-info .ps:last-child .section,
div.pos-company-info .ps-st:last-child .section,
div.pos-body-info .ps:last-child .section,
div.pos-body-info .ps-st:last-child .section{
    border-bottom: none;
}

div.pos-company-info .section .right, div.pos-body-info .section .right {
    vertical-align: top;
    word-wrap: break-word;
}

div.pos-company-info .section .left, div.pos-body-info .section .left {
    overflow: hidden;
    word-wrap: break-word;
    color: #999;
    font-size: 16px;
    font-weight: 300;
}

div.pos-company-info .section .title, .d-mnu-title, div.pos-body-info .section .title, .d-mnu-title{
    color: #404040;
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 8px;
}

div.pos-company-info .section .title.bg, .d-mnu-title, div.pos-body-info .section .title.bg, .d-mnu-title {
    background-color: #F2F2F2;
    padding: 6px;
}

div.pos-company-info .section .texts, div.pos-body-info .section .texts{
    margin-top:10px;
}


div.pos-company-info .section .props, div.pos-body-info .section .props {

}

div.pos-company-info .section .props .value, div.pos-body-info .section .props .value{

}

div.pos-company-info .section .props .name, div.pos-body-info .section .props .name {
    padding: 4px 20px 4px 0;
    font-size: 12px;
}

.ezop-login-forgotpassword{ text-decoration:underline; cursor:pointer; }


.dial-modal-d {
    z-index: 1005;
    top: 0px;
    left: 0px;
    position: fixed;
    background-color: white;
    opacity: 0.5;
    width: 100%;
    height: 100%;
}

.edit-val-btn {
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 1;
    display: block;
    width: 45px;
    padding: 30px 0 2px 0;
    font-size: 0px;
    text-align: center;
    background-position: -541px -91px;
    color: #393939;
}

.pos-company-info div.edit.ps:hover, .pos-body-info div.edit.ps:hover{
    background-color: rgba(228, 255, 228, 0.4);
}

.pos-company-info div.edit.ps:hover .edit-val-btn, .pos-body-info div.edit.ps:hover .edit-val-btn {
    font-size:10px;
    border-radius: 4px;
    border: 1px solid #CCC;
    font-weight:bold;
}

.about-us-edit-dialog {
    z-index: 2000;
    position: absolute;
    /*top: 50%;
    left: 50%;*/
    background-color: white;
    border: 1px solid #bbb;
    border-radius: 2px;
    min-width: 250px;
    min-height: 67px;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.4);
    margin: 0 7px;
    border-radius: 0.75em;
}

.about-us-edit-dialog.open{

}

.about-us-edit-dialog .header, .detail-goods-var > .header {
    padding: 10px 4px;
    background-color: #40BA31;
    border-bottom: 1px solid #94DB8B;
    position: relative;
    border-radius: 0.75em 0.75em 0 0;
}

.about-us-edit-dialog .header .close, .detail-goods-var > .header .close {
    display: block;
    width: 50px;
    content: ' ';
    top: 0;
    right: 0;
    position: absolute;
    bottom: 0;
    cursor: pointer;
    overflow: hidden;
    background-position: -683px 4px;
    z-index: 2;
}


.about-us-edit-dialog .header .title, .detail-goods-var > .header .title {
    text-align:center;
    color:white;
    font-weight:bold;
    font-size: 18px;
}
.about-us-edit-dialog .header .title.close-title, .detail-goods-var > .header .title.close-title {
    padding-right: 40px;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.about-us-edit-dialog .header .desc {

}


.about-us-edit-dialog .body{
    padding: 8px 15px;
}

.about-us-edit-dialog .body-wr{
    padding: 8px 0px;
}

.about-us-edit-dialog .delivery-body{
    padding: 0px 15px;
}

.about-us-edit-dialog .footer {
    margin: 8px 0px;
    padding: 0px 16px;
    border-top: 1px solid #E2E2E2;
    position: relative;
}

.about-us-edit-dialog .abu-btn, .about-us-edit-dialog .dialog-btn, .about-us-edit-dialog .abu-btn.paging-btn, .dialog-btn, .dialog-btn.paging-btn{
    font-size: 10pt;
    padding: 7px 10px;
    display: inline-block;
    cursor:pointer;
}

.about-us-edit-dialog .abu-btn.save-btn {
}



.about-us-edit-dialog .abu-btn.cancel-btn, .about-us-edit-dialog .abu-btn.remove-btn, .about-us-edit-dialog .dialog-btn,.dialog-btn,
.about-us-edit-dialog .abu-btn.paging-btn {
    margin: 9px 9px 9px 0;
    border-radius: 4px;
    line-height: 21px;
    font-weight: bold;
    text-decoration: none;
    position: relative;
    display: inline-block;
    border: 1px solid #CCC;
        text-align: center;
    min-width: 20px;
}
.about-us-edit-dialog .abu-btn.paging-btn.disabled {
    background-color: #E4E4E4;
    color: #808080;
}

.dialog-btn.dlg-ico-btn {
    padding: 0;
    height: 37px;
    box-sizing: border-box;
}

.dialog-btn.dlg-ico-btn .ico {
    display: inline-block;
    width: 40px;
    height: 100%;
    max-height: 40px;
}

.about-us-edit-dialog .dialog-btn, .dialog-btn {
    margin: 2px 5px 2px 0;
}

.dialog-btn .inr-mid {
    display: table-cell;
    vertical-align: middle;
}

.dialog-btn.dbl .inr-mid {
    height: 3.2em;
    min-width: 3em;
}

.about-us-edit-dialog .abu-btn.remove-btn {
    margin-left: 40px;
}
.about-us-edit-dialog .abu-btn.remove-btn.flt {
    float:right;
    margin-left:9px;
}

.about-us-edit-dialog .loader {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -21px;
    z-index: 99;
    width: 42px;
    height: 42px;
    opacity: .25;
    background: url(../POSTheme/images/ajax-loader.gif);
    background-size: 40px 40px;
    background-repeat: no-repeat;
    display: none;
}

.open-hour-row {
    margin: 4px 0;
    position: relative;
    padding-right: 28px;
    border-bottom: 1px solid #F2F2F2;
    padding-bottom: 2px;
}

.open-hour-row .day-remove {
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 3px;
    background-position: -940px -262px;
    cursor:pointer;
}

.day-picker{
    display:inline-block;
    position:relative;
}
.day-picker .list, .day-picker > .ddl{
    border: 1px solid #D9D9D9;
    background-color: #FFF;
    border-radius: 2px;
    cursor:pointer;
}
.day-picker > .ddl {
    padding: 6px 8px;
    min-width: 90px;
}

.day-picker.v > .ddl {
    box-shadow: inset 0 2px 0 #DDD;
    background-color:#E5E5E5;
}
.about-us-edit-dialog input[type=text],
.about-us-edit-dialog input[type="email"],
.about-us-edit-dialog input[type="url"],
.about-us-edit-dialog input[type="tel"],
.about-us-edit-dialog input[type="number"],
.cart-contact-item-pnl .paper-contact-input{
    border-radius: 1px;
    border: 1px solid #D9D9D9;
    border-top: 1px solid #C0C0C0;
    font-size: 13px;
    height: 24px;
    padding: 5px 8px;
}

.about-us-edit-dialog input[type=text].borderbox,
.about-us-edit-dialog input[type="email"].borderbox,
.about-us-edit-dialog input[type="url"].borderbox,
.about-us-edit-dialog input[type="tel"].borderbox,
.about-us-edit-dialog input[type="number"].borderbox {
    height:36px;
}

select {
    border: 1px solid #C0C0C0;
    border-radius: 2px;
    margin: 0px;
    padding: 9px 2px 9px 16px;
}

.about-us-edit-dialog .body .props tr > td:first-child{
    padding-right:15px;
}

.day-values  input[type=text] {
    width: 35px;
}
.day-picker > .ddl .text{
    display:inline-block;
    padding-right: 13px;
    font-size:12px;
    font-weight:bold;
}

.day-picker > .ddl .ar{
    display:inline-block;
    position:absolute;
    width:15px;
    height:10px;
    right:6px;
    top: 50%;
    margin-top:-5px;
    background-position: -940px -306px;
}

.day-picker .list {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 120px;
    z-index:99;    
}

.day-picker.v .list {
    display:block;
}

.day-picker .list .item{
    padding:8px 8px 8px 36px;
    position:relative;
}

.day-picker .list .item:hover{
    background-color:#f5f5f5;
}

.day-picker .list .name{   
    font-size:13px; 
}

.day-picker .list .chkbox{
    position:absolute;
    display:inline-block;
    position:absolute;
    width:22px;
    height:22px;
    left:4px;
    top: 50%;
    margin-top:-11px;
}

.day-picker .list .item.sel .chkbox{
    background-position: -937px -279px;
}

.time-picker, .day-picker{
    margin-bottom:3px;
    vertical-align:middle;
}
.time-picker{
    display:inline-block;
    margin-left: 8px;
}
.date-pic-add, .show-map, .show-gps {
    cursor:pointer;
color: #40BA31;
}

.show-gps{

}

.about-us-edit-dialog .body .subtitle {
    color: #838383;
    margin: 6px 0px;
}

.about-us-edit-dialog .body .text.ib,
.map-frame{
    display:inline-block;
    vertical-align: top;
}

@media (min-width:550px){
    .threader-dialog-information{
        max-width:50%;
    }
}
.current-delivery-time {
    display: inline-block;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.2em;
    margin-right: 0.8em;
    vertical-align:middle;
}

.current-delivery-time .st {
    font-size: 0.6em;
    margin-left: 0.2em;
    position: relative;
    top: -0.6em;
}

.current-delivery-text {
    margin-top: 0.36363636363em;
}
.current-delivery-city {
    font-weight: bold;
    padding: 0 0.8em;
    font-size: 1.1em;
    display:inline-block;
}

.curren-open{

}

.curren-close{

}

.curren-close .msg, .curren-open .msg, .cat-gds-close, .current-delivery-time{
    color: #FFF;
    padding: 0.36363636363em 0.72727272727em;
    border-radius: 0.36363636363em;
}

.curren-close .msg, .curren-open .msg {
    display: inline-block;
}
.curren-close .msg, .cat-gds-close{
    background-color: #FF4F4F;
}

.curren-open .msg, .current-delivery-time{
    background-color:#53C753
}

.open-hours-current{
    font-size: 11px;
}

.opening-status .status-info .status-info-part{
    margin-bottom: 9px;
}

.opening-status .status-info .status-info-part:last-child{
    margin-bottom: 0;
}

.open-hours-open-from{

}
.opening-hours-t{
    font-size: 13px;
    margin-top: 10px;
}
.show-hours-btn {
    display: inline-block;
    margin: 0 0 0 15px !important;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    background-position: -596px -41px;
}

.opening-status, .opening-hr{
    vertical-align:top;
    display:inline-block;
}


.opening-specials {
    margin-top:10px;
    /*display: inline-block;
    margin-left: 40px;*/
}



.opening-specials-title{

}

.opening-specials-itms{

}

.opening-specials-itms-i {
    padding: 4px 0;
}

.opening-specials-itms-dt {
    font-weight: bold;
    display: inline-block;
    vertical-align: top;
}

.opening-specials-itms-msg {
    margin-left: 15px;
    display: inline-block;
}

.pos-company-info div.ps, .pos-body-info div.ps{
    position:relative;
    padding: 0 16px;
    box-sizing: border-box;
}

.pos-company-info div.ps-st, .pos-body-info div.ps-st{
    padding: 0 8px;
}

.pos-company-info div.ps.no-p, .pos-body-info div.ps.no-p {
    padding:0;
}

.person-header .fr-img {
    display: inline-block;
    width: 130px;
    height: 130px;
    vertical-align: top;
    border: 1px solid #F0F0F0;
    float: left;
    position: absolute;
    border-radius: 2px;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}

.person-header .fr-img  .edit-first-img {
    width: 40px;
    height: 40px;
    background-position: -347px 9px;
    cursor:pointer;
        display: inline-block;
    vertical-align: middle;
}

.person-header .fr-img .editpnl {
    position: absolute;
    bottom: 0;
    left: 0;
}

.person-header .fr-img.empty-logo:before, .person-header .fr-img.empty-logo:after {
    position: absolute;
    left: 65px;
    content: ' ';
    height: 130px;
    width: 2px;
    background-color: #ececec;
}
.person-header .fr-img.empty-logo:before {
  transform: rotate(45deg);
}
.person-header .fr-img.empty-logo:after {
  transform: rotate(-45deg);
}

.person-header .fr-img .edit-text {
    text-decoration:underline;
    cursor:pointer;
    color:#005c9c;
    font-size:110%;
    display: inline-block;
    vertical-align: middle;
}

.person-header .info {
    margin-left: 150px;
}
.person-header .info .name {
    color: #404040;
    font-size: 22px;
    font-weight: bold;
}

.person-header .in{
    padding: 0 10px 0 75px;
}

.person-header .info .more, .person-header .info .more a, .person-header .sub-info .more{
    color: #999;
}

.person-header .info.top-info .more{
    margin-top: 10px;
    color: #999;
}


.about-us-hval{
    line-height: 1.3em;
}

.person-header{
    min-height:140px;
}

.pos-full-layout .person-header{
    margin-bottom: 2.2em;
}


@media (max-width:390px) {
    .person-header .in {
        padding: 0 10px 0 75px;
    }
}

.pos-about-us-wrcenter {
    margin: 0 auto;
    padding: 8px 0;
    text-align: center;
}
@media(min-width:640px){
    .heder-info-nore-t {
        display: table;
        width:100%;
    }
    .heder-info-nore-r{
        display:table-row
    }
    .heder-info-nore-d{
        display:table-cell;
        vertical-align:top;
    }

    .heder-info-nore-d.pos-about-us-wrcenter {
        width: 1px;
        margin: 0;
        padding: 20px 10px 0 10px;
    }
}




@media (max-width:510px) {
    .person-header .in {
        padding: 0 15px 0 15px;
    }
    .person-header .info {
        margin-left: 98px;
    }

    .person-header .info.minhinfo {
        min-height: 85px;
    }
    
        

    .person-header .info.wide {
        margin-left: 0;
    }

    .person-header .fr-img {
        width: 78px;
        height: 78px;
    }

    .person-header .fr-img.empty-logo:before, .person-header .fr-img.empty-logo:after {
        left: 39px;
        height: 78px;
    }
    .person-header .fr-img .edit-text {
        display:none;
    }
    .person-header {
        min-height: 90px;
    }

    
}


.person-header .info .more .pub-p > div, .person-header .info .more .openh, .header-delivery  .icoboxwr{
    padding: 4px 0px 4px 25px;
    position:relative;
    display: block;
}

.person-header .info .more .delivery-city .ico, .shopping-cart-delinf-pnl .ico, .header-delivery .delivery-city .ico{
    background-position: -578px -232px;
}

.person-header .info .more .take-away .ico, .header-delivery .take-away .ico{
    background-position: -988px -353px;
}



.delivery-city  .delivery-more-btn, .take-away .delivery-more-btn{
    margin-left:1.5em;
}

/*
.person-header .info .more .delivery-city .show-all-btn {
    display: none;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 30px;
    top: 0;
    margin-top: 0;
    cursor: pointer;
    text-align:center;
}


.person-header .info .more .delivery-city .show-all-btn .arr {
    position: absolute;
    bottom: 0;
    display: block;
    margin: 0;
    right: 0;
        width: 18px;
    background-position: -1080px -253px;
    height: 15px;
}*/


@media(max-width:720px) {
    

    .person-header .info .more .delivery-city .value.maxh {
        max-height: 1.3em;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-right: 2.6em;
    }

    .delivery-city .delivery-more-btn, .take-away .delivery-more-btn {
        position: absolute;
        bottom: 0;
        right: 0.4em;
        white-space: nowrap;
    }


    /*.person-header .info .more .delivery-city.closed .value {
        max-height: 1.3em;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .person-header .info .more .delivery-city.closed .show-all-btn {
        display: block;
    }*/
}


.person-header .info .more  div .ico, .header-delivery .icoboxwr .ico{
    display:inline-block;
    width:20px;
    height:20px;
    vertical-align:middle;
    position:absolute;
    left:0px;
    top:50%;
    margin-top:-10px;
}

.person-header .info .more div.phone > .ico, .header-delivery .phone .ico{
    background-position: -578px -193px;
}
.person-header .info .more div.email > .ico{
    background-position: -578px -150px;
}
.person-header .info .more  div.web > .ico{
    background-position: -578px -171px;
}

.person-header .info .more  div.openh > .ico, .header-delivery .openh .ico{
    background-position: -578px -130px;
}

.person-header .info .more  div.address > .ico{
    background-position: -578px -213px;
}


.pos-company-info .section .left .opening-status{
    padding-right: 20px;
}

.thumbnail {
    text-align:center;
}

.thumbnail .msg {
    display: block;
    text-align: left;
    color: #FF5C5C;
    margin: 11px 0px;
}

.show-on-map {
    cursor: pointer;
    display: inline-block;
    width: 25px;
    height: 25px;
    background-image: url('Images/maps-icon.png');
    background-position: center center;
    background-repeat: no-repeat;
    font-size: 0px;
    vertical-align: middle;
    margin-top: 0 !important;
}

.uploadmsg{
    margin-top:10px;
}

.synchronize-msg {
    padding-top: 25px;
    font-size: 14pt;
}
a.lgn-top-btn, a.pos-header-login {
    max-width: 49px;
    overflow: hidden;
    margin-right: 0px;
    line-height: 13px;
    min-height: 26px;
}

.upl-img-thumb {
    width: 50px;
    height: 50px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    border: 1px solid #CCC;
    border-radius: 2px;
    vertical-align:middle;
    background-position: center;
}
.upl-fin-pnl .img-name {
    vertical-align: middle;
    display: inline-block;
    font-size: 11px;
    word-break: break-word;
}
.upl-fin-pnl .ed-btn{
    vertical-align:middle;
    float:right;
}
.call-document-edit-btn {
    display: inline-block;
    padding: 36px 10px 3px 10px;
    height: initial;
    margin: 0px 4px 0px 0px;
    min-width: 30px;
    white-space: nowrap;
    color: #393939;
    text-align: center;
    border-radius: 2px;
    border: 1px solid #E2E2E2;
    cursor: pointer;
    background-color: #F7F7F7;
    padding-left:5px;
    padding-right:5px;
    font-size: 9px;
     background-repeat: no-repeat;
    background-image: url('../MobileOffice/Images/admin-icon.svg?ver=29');
      min-width: 50px;
  box-sizing: border-box;
}
.call-document-edit-btn.remove {
    background-position: center -55px;
}
.call-document-edit-btn.upload {
    background-position: center -2695px;
}
.call-document-edit-btn.add-img {
    background-position: center -2755px;
}
.call-document-edit-btn.add-upload {
    background-position: center -2815px;
}
.doc-save-msg-wr {
    border-bottom: solid 2px orange;
    border-top: solid 2px orange;
    background-color: rgb(255,196,102);
    color: white;
    display: block;
    padding: 5px 7px;
    margin: 4px 0px;
}
.daily-menu-beforetxt, .daily-menu-aftertxt{
    /*background-color:white;*/
    padding:5pt 10pt;
    font-size:12pt;
}
.daily-menu-beforetxt{
    font-size:14pt;
    padding:5pt 10pt 15pt;
}
.daily-menu-beforetxt .tt{
    font-weight:bold;
}
.daily-menu-beforetxt.admn {
    padding-bottom:5pt;
}
.soups-gds-itms-wr{
    font-size: 14pt;
    padding: 0 2pt 16pt;
}

.soups-gds-itms-wr .soup-sm-rec{
    margin-bottom:15px;
}

.soups-gds-itms-wr .soup-sm-rec:last-child{
    margin-bottom:0px;
}


.front-tabs-header {
    background-color: #F2F2F2;
    margin: 5px 0 0;
    padding: 2px 0 0;
    border-bottom: 1px solid #E4E4E4;
}
.front-tabs-header.tabr-row-wr {
    margin:5px 9px 0;
}

.page-main-tabs .front-tabs-header {
    background-color: inherit;
    margin:5px 15px 0;
}

.front-tabs-header > .front-tab{
    display:inline-block;
    margin:0;
    padding:0;
    border-width: 0 0 6px 0;
    border-style:solid;
    border-color: transparent;
    cursor:pointer;
    vertical-align: bottom;
}
.front-tab.tab-pad{
    padding:7px;
}

.page-main-tabs .front-tabs-header > .front-tab{
    border-width: 0 0 2px 0;
}

.front-tabs-header.fb > .front-tab {
    border-width: 0 0 3px 0;
    border-style:solid;
    border-color: transparent;
}
.front-tabs-header > .front-tab .ico {
    display: inline-block;
    width: 40px;
    height: 40px;
    vertical-align: middle;
    /*background-color: #40BA31;*/
}
.front-tabs-header > .front-tab .ico.mnu{
    background-position: -1017px -201px;
}
.front-tabs-header > .front-tab .ico.info{
    background-position: -1019px -248px;
}
.front-tabs-header > .front-tab a, .front-tabs-header > .front-tab > span, .front-tabs-header > .front-tab .txt, .front-tabs-header > .front-tab .ico {
    display: inline-block;
    color: #40BA31;
    font-size: 11pt;
    font-weight: bold;
    vertical-align: middle;
    margin-left: 2px;
}
.front-tabs-header > .front-tab a.txt-wr{
    margin-left:0;
    display:block;
}
.front-tabs-header > .front-tab.selected{
    border-style: solid;
    border-color: #40BA31;
}

.front-tabs-header.fb > .front-tab.selected{
    border-width:0 0 3px 0;
    border-style: solid;
    border-color: #40BA31;
}
.front-tabs-header > .front-tab.t{
    box-sizing: border-box;
}

.front-tabs-header.tbsc-2 > .front-tab.t{
   width: 50%;
}

.front-tabs-header.tbsc-3 > .front-tab.t{
    width:33.33%;
}

.front-tabs-header.tbsc-4 > .front-tab.t{
    width:25%;
}
.front-tabs-header.tbsc-m > .front-tab.t{
      padding-left: 5px;
}
.front-tabs-header.tbsc-m > .front-tab.t:first-child{
      margin-left: 0;
}
.front-tabs-header.tbsc-mr > .front-tab.t {
    padding: 11.5px 8px;
    min-width: 75px;
    text-align: center;
}
.front-tabs-header.tbsc-mr > .front-tab .ico {
    display: none;
}

.detail .front-tabs-header {
    background-color: inherit;
    margin: 0.6em 0 1.1em;
    border-bottom:none;
    text-align:center;
}

.detail .front-tabs-header > .front-tab {
    border-width: 0 0 2px 0;
    padding:0.9em 1.8em;
}
.detail .front-tabs-header > .front-tab.selected{

}

.detail .front-tabs-header.sub{
    margin-bottom:0;
}

.front-tabs-body{

}
.front-tabs-body > .page-tab{
    margin-top: 10px;
}

.front-tabs-body > .page-tab .section{
    margin-top: 0px;
}

.front-tabs-header > .front-tab.fb{
    padding: 10px 14px;
      width: initial;
}
.front-tabs-header.fb{
      margin-bottom: 8px;
       background-color:transparent;
}

.daily-menu-title {
    font-size: 11pt;
    color: #999;
    padding: 6px 5px 0;
}
.daily-menu-title.sim{
    
    padding: 6px 4px 4px;
}
.daily-menu-title.sim span{
    text-decoration: underline;
}
div.daily-menu-beforetxt.sim {
    font-size: 10pt;
    padding: 5px 0px 10px 5px;
}
.daily-menu-items.sim{
    padding: 2px 0px 2px 5px;
}
.daily-menu-aftertxt.sim{
    font-size: 10pt;
}
div.section.no-bc{
    border-bottom: none !important;
}

.page-tab .daily-menu-beforetxt{
   padding: 5px 10px 6px;
   font-size: 12pt;
}

.page-tab .day-mnu .pos-detail-daymnu{
    margin-bottom:20px;
}
.page-tab .detail-menu-all-wk {
    font-size: 9pt;
    margin-left: 20px;
}
.daily-menu-item.sim{
    margin-bottom: 5px;
}
.daily-menu-beforetxt.sim .tt, .daily-menu-item.sim .no, .daily-menu-title.sim{
    font-weight: bold;
}
.pos-detail-daymnu.sim{
    margin-bottom: 5px;
}

.abu-banner{
    text-align: center;
margin: 4px 0;
}
.abu-banner img{
    width:100%;
}
.pos-create-day-mnu {
    display: inline-block;
    margin: 10px 5px 15px;
}
.pos-det-goods-btn.no-fl {
    float: none;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

.page-tab > .day-mnu {
    max-width: 400px;
    margin: 0 auto;
}
.pos-detail-header .inner-panel .detail-back-btn{
    border-right: 1px solid #94DB8B;
}

.pos-detail-header .inner-panel .top.bigt {
    display: inline-block;
    vertical-align: top;
    font-weight: bold;
    margin-top: 16px;
    font-size: 12pt;
    margin-left: 13px;
}
.company-footer {
    clear: both;
    text-align: center;
    padding: 0.75em 0.25em;
    font-size: 11pt;
    margin-top: 0.5em;
}
.company-footer a {
    padding: 0 4px;
    line-height: 1.9em;
}


.mnu-publish-act{
    float:right;
    display:inline-block;
}

.mnu-publish-act .mnu-publish-list  {
    position: absolute;
    right: 0;
    background-color: #FFF;
    border: 1px solid #CCC;
    border-radius: 0 0 3px 3px;
    margin: 0;
    padding: 0;
    margin-top: 41px;
    z-index:15;

}

.mnu-publish-act .mnu-publish-list > ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
}


.mnu-publish-list  li {
    padding: 8px 8px;
    border-bottom: 1px solid #CCC;
    cursor: pointer;
}
.mnu-publish-list  li:last-child{
    border-bottom:none;
}

.person-img {
    vertical-align: middle;
    margin-right: 8px;
    border-radius: 100px;
    border: 1px solid #EDEDED;
}

.dtlb-container{
    display:table;
    width:100%;
    border-collapse: collapse;
}
.dtlb-row{
     display:table-row;
}
.dtlb-col {
    display: table-cell;
    vertical-align: top;
      padding: 0px 4px;
}
.dtlb-row .dtlb-col:first-child{
    padding-left:0px;
}
.dtlb-row .dtlb-col:last-child{
    padding-right:0px;
}

.catalog-record-editpnl .dtlb-col {
    padding: 4px;
}

.catalog-rec-dialog  .body{
    font-size:110%;
}
.catalog-rec-dialog .body .multi-select-box{
    font-size:10pt;
}
.catalog-rec-dialog  .body.nft{
    font-size:90%;
}

.rec-item-prew-p.overlay {
    position: relative;
    height: 120%;
}
.rec-item-prew-p.overlay .goods-sett-img{
    visibility:hidden;
}
.rec-item-prew-p.overlay .size ,.rec-item-prew-p.overlay .desc-d{
    display:none;
}
.rec-item-prew-p.overlay .size:first-child{
    display:block;
}

.rec-item-prew-p .overlay-pnl{
    display:none;
}
.rec-item-prew-p.overlay .overlay-pnl{
    display:block;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}
.rec-item-prew-p.overlay .overlay-pnl .overlay-more {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    cursor: pointer;
    color: #808080;
    font-size: 80%;
    padding-top: 10px;
    padding-bottom: 2px;
}
.rec-item-prew-p.overlay .overlay-pnl .overlay-more .ico, .week-menu-beforedays .overlay-more .ico {
    display: inline-block;
    width: 26px;
    background-position: -1076px -253px;
    height: 15px;
}
.week-menu-beforedays .overlay-more.hide{
    display:none;

}
.week-menu-beforedays .overlay-more {
    text-align: center;
    width: 100%;
    cursor: pointer;
    color: #808080;
    font-size: 80%;
    padding-top: 10px;
    padding-bottom: 2px;
}
.week-menu-beforedays .overlay-more a{
    color: #808080;
}
.in-fil-pnl > input {
    width: 100%;
    overflow: hidden;
}
.pos-detail-daymnu.sim.today {
    /*background-color: rgba(195, 195, 195, 0.19);*/
    border-radius: 2px;
}


.person-header .info .more .pub-p{
    word-wrap: break-word;
}
.det-paper-rating, .pos-det-cust-upload-img{
    background-color: #00C1CF;
}
.pos-det-cust-upload-img {
    background-color: #00C1CF;
    clear: both;
    bottom: 0;
    left: 0;
    right: 0px;
}

.pos-det-cust-upload-img > div.pos-det-rec-img {
    position: relative !important;
    float:none;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.daily-menu-item .inner-props, .daily-menu-beforetxt .inner-props {
  font-size: .8em;
  font-weight: bold;
}

.starRating:not(old){
  display        : inline-block;
  width          : 11.5em;
  height         : 2em;
  overflow       : hidden;
  vertical-align : bottom;
}

.starRating:not(old) > input{
  margin-right : -100%;
  opacity      : 0;
  visibility: hidden;
  display: none;
}

.starRating:not(old) > label{
  display         : block;
  float           : right;
  position        : relative;
   background-image: url('Images/star-off.png');
  background-image: 
    linear-gradient(transparent, transparent),
    url('Images/star-off.svg');
  background-size : contain;
  margin: 0 0.15em;
  background-repeat:no-repeat;
}

.starRating:not(old) > label:before{
  content         : '';
  display         : block;
  width           : 2em;
  height          : 2em;
   background-image: url('Images/star-on.png');
  background-image: 
    linear-gradient(transparent, transparent),
    url('Images/star-on.svg');
  background-size : contain;
  opacity         : 0;
  transition      : opacity 0.1s linear;
  background-repeat:no-repeat;
}

.starRating:not(old) > label:hover:before,
.starRating:not(old) > label:hover ~ label:before,
.starRating:not(:hover) > :checked ~ label:before{
  opacity : 1;
}

.pos-det-rating {
    clear: both;
    padding: 6px 6px;
}

.detail-record-bg.bg-img .pos-det-rating {
    display: inline-block;
}

.pos-det-cust-acts {
    clear: both;
    bottom: 0;
    left: 0;
    right: 0px;
}

.det-paper-rating-tbl{
    width:100%;
}
.det-paper-rating > .inner{
    position:relative;
}
.hide-rat-pnl-msg{
    position:absolute;
    cursor:pointer;
    display:inline-block;
    right:0;
    bottom:4px;
    top:4px;
    width:50px;
    background-image: url('Images/cross.png');
    background-position:center;
    background-size:contain;
    background-repeat:no-repeat;
}

.det-paper-rating .paper-rating-icon {
    width: 2.25em;
    text-align: center;
    padding: 0 0.3em !important;
    vertical-align: middle;
}

.det-paper-rating .paper-rating-icon > .ico {
    width: 2.7em;
    height: 2.7em;
     background-image: url('Images/star-off.png');
  background-image: 
    linear-gradient(transparent, transparent),
    url('Images/star-off.svg');
    background-size: contain;
    background-position: center;
    display: inline-block;
}

.det-paper-rating .text {
    font-weight: bold;
    vertical-align: middle;
    padding-left: 0;
}
.paper-rating-pnl{
    margin: 20px 6px 4px;
}
.paper-rating-pnl.pap {
    border-top: 1px solid #A0A0A0;
    padding: 15px 0;
}

.paper-rating-pnl .rating-title{
    text-align: center;
  font-weight: bold;
  font-size: 16px;
}

.paper-rating-pnl .rating-inner {
    text-align: center;
    margin: 0 10px;
}

.paper-rating-pnl .rating-desc {
    width: 100%;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #CCC;
}

.paper-rating-pnl .rating-submit-desc{
    text-align:right;
}

.paper-rating-pnl .ratig-desc-text{
      font-size: 15px;
  margin: 4px 0;
}
.paper-rating-pnl .rating-desc-pnl{
    margin-top: 6px;
}

.paper-rating-pnl .rating-stars{
    text-align: center;
  margin: 4px 0px;
}

.paper-rating-pnl .ratig-stars-desc{
      margin: 2px 0;
  font-size: 11px;
}

.submit-green{
    border:1px solid #259118;
    color:white;
    cursor:pointer;
    background-color:#40BA31;
    font-size:19px;
    display:inline-block;
      border-radius: 4px;
  padding: 5px 14px;
}

.pap-change-payment-pnl{
    clear:both;
    text-align:right;
}

.pap-change-payment {
    margin-right: 12px;
}

.pos-gr-item-p {
    display:inline-block;
    vertical-align:top;
    position:relative;
}
.pos-gr-item-p{
    width:89px;
}

.admin-group-categories .pos-gr-item-p{
    width:89px !important;
}

.pos-gr-item-p.bg{
    width:178px;
}

.admin-group-categories .pos-gr-item-p.bg{
    width:178px !important;
}


@media(max-width:449px) {
.admin-group-categories .pos-gr-item-p.bg {
    width: 33.333% !important;
}
}

@media(max-width:375px) {
.admin-group-categories .pos-gr-item-p.bg {
    width: 50% !important;
}
}

.pos-grp-wrinn {
  margin: 2px 3px;
  cursor: pointer;
  border-width: 1px;
  border-style: solid;
  overflow: hidden;
  border-radius: 10px;
}

.pos-group-item {
    display: table;
    width:100%;
}
.pos-group-wrpa{
    display:table-row;
      overflow: hidden;
}
.pos-group-col {
    display: table-cell;
    height: 80px;
    overflow: hidden;
    box-sizing: border-box;
}

.pos-grp-wrinn.bg .pos-group-col {
    width: 50%;
}

.pos-grp-wrinn.op .pos-group-img {
    background-color: rgba(255, 255, 255, 0.5);
}

.pos-group-name {
    vertical-align: middle;
    text-align: center;
    /*word-break: break-word;*/
      overflow: hidden;
  max-width: 1px;
}

.gr-txt-small .pos-group-name .txt {
    font-size: 0.85em;
}

.pos-group-name .txt {
    display: inline-block;
    padding: 4px;
    box-sizing: border-box;
    max-width: 100%;
    overflow: hidden;
    word-break: break-word;
}

.pos-group-img{
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    position:relative;
    /*background-color:white;*/
}

.pos-group-img .pos-det-rec-img{
    position:absolute;
    margin-bottom: 0; 
   margin-left: 0; 
}

.pos-grp-wrinn.dc{
    border-color: #40BA31;
     background-color: #40BA31;
}

.pos-grp-wrinn.dc.selected{
    border-color: #40BA31;
     background-color: #65D257;
}
.pos-gr-item-p {
    flex-grow: 1;
}

    .pos-gr-item-p.bg {
        flex-grow: 2;
    }

@media (min-width:450px)  {

    .pos-groups-pnl {
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width:450px) and (max-width:720px) {

    .pos-group-col {
        height: 4.5em;
    }
}

@media (min-width:350px) and (max-width:720px) {
    .pos-group-col {
        height: 4.5em;
    }
}

@media (min-width:730px) {
    .pos-groups-pnl {
        display: block;
    }
    .pos-gr-item-p, .pos-gr-item-p.bg {
        width:20%;
    }
}

@media (max-width:450px) {
    .pos-gr-item-p, .pos-gr-item-p.bg {
        width: 33.333%;
    }

    .pos-grp-wrinn {
        margin: 3px 4px;
    }

    .pos-grp-wrinn {
        border-radius: 5px;
    }

    .pos-group-col {
        height: 4.5em;
    }
}

@media (max-width:450px) {
    .pos-gr-item-p, .pos-gr-item-p.bg {
        width: 50%;
    }
}

.detail-cat-pnl .category-goods-body,
.detail-cat-pnl-par .category-goods-body {
    margin: 1.2em 0.8em 0 0.8em;
}

@media(max-width:720px) {
    .detail-cat-pnl .category-goods-body,
    .detail-cat-pnl-par .category-goods-body {
        margin: 1.2em 0.3em 0 0.3em;
    }
}

.detail-cat-pnl > .body {
    min-height: 13em;
}

    .detail-cat-pnl.fr-table.al-ords .body {
        margin-bottom: 60px;
    }

    .pos-det-rec-img.no-bgc, .pos-group-item-remove.no-bgc, .pos-det-goods-btn.no-bgc {
        border: 1px solid transparent;
        background-color: transparent;
    }

        .pos-det-rec-img.no-bgc:hover, .pos-group-item-remove.no-bgc:hover, .pos-det-goods-btn.no-bgc:hover {
            border: 1px solid #CCC;
        }

    .pos-gr-item-p .pos-det-goods-btn {
        position: absolute;
        right: 0;
        bottom: 0;
        margin-bottom: 0;
    }

    .pos-gr-item-p .pos-group-item-remove {
        position: absolute;
        right: 0;
        top: 0;
        margin-top: 0;
    }

    .pos-groups-pnl {
        /*margin-bottom: 10px;*/
    }

.recom-dlg .pos-groups-pnl {
    display: flex;
    align-items: center;
    justify-content: center;
}
.recom-dlg .pos-groups-pnl-wr.inline .pos-groups-pnl {
    justify-content: inherit;
}

.recom-dlg .pos-grp-inwrinn {
    padding: 0.48em 0.9em;
    border-bottom-style: solid;
    border-bottom-width: 0.1075em;
    border-bottom-color: transparent;
}

.pos-grp-inwrinn.selected{
    border-color:#40BA31;
}


    .sm-detail-record {
        cursor: pointer;
    }

.cat-gds-itms-wr .sm-detail-record:first-child .sm-detail-wrap {
    border-top: none;
}

    @media (min-width:550px) {

        .sm-detail-record {
            width: 50%;
            /*float: left;*/
            display: inline-block;
            vertical-align: top;
        }
        .sm-detail-txt-wrap-lst{
            width: 50%;
            vertical-align: top;
        }

        .cat-gds-itms-wr .sm-detail-record:nth-child(2) .sm-detail-wrap {
            border-top: none;
        }

        .pos-cart-imtms-inr .cat-gds-itms-wr .sm-detail-record:nth-child(2) .sm-detail-wrap,
        .pos-menu-imtms-inr .cat-gds-itms-wr .sm-detail-record:nth-child(2) .sm-detail-wrap {
            border-top-width: 1px;
        }

        .pos-cart-imtms-inr .sm-detail-record,
        .pos-menu-imtms-inr .sm-detail-record{
            width:100%;
        }
    }

    @media (max-width:550px) {

        .sm-det-props .price.empty {
            display: none;
        }

        .sm-det-desc.empty {
            display: none;
        }
    }

    .sm-det-img {
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 10px;
        overflow: hidden;
        margin: 2px 2px 2px 0;
        width: 6.5em;
        height:4.0625em;
    }

    .sm-det-name {
        margin: 0;
        color: #333;
        line-height: 1.2em;
        font-size: 1em;
        padding: 0.35em 0;
        /*overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;*/
        font-size: 16px;
        font-weight: normal;
        min-height: 1.38em;
    }

    .det-recs-sugg .sm-det-name {
        padding: 0;
    }

    .det-recs-sugg:not(.hasprops) .sm-det-name {
        line-height: 2em;
    }

    .det-recs-sugg .detail-record-btn-buy-pnl {
        float: left;
        /*margin-bottom: 0.3em;*/
    }

   .goods-det.not-avaible .sm-det-name, .sm-det-name.not-avaible, .variant-item.not-avaible .name {
        color: #FF7070;
    }

    .sm-det-pr-right.price {
        float: right;
        font-size: 16px;
        margin-right: 0.3125em;
        margin-left: 0.625em;
        line-height: 2em;
    }

        .sm-det-pr-right.price .desc {
            font-size: 80%;
        }

    .sm-det-desc, .sm-det-props {
        padding: 0;
        margin: 0;
        color: #7F7F7F;
        font-size: 12px;
        line-height: 1.5em;
    }

.sm-det-desc {
    overflow: hidden;
    position: relative;
    max-height: 6em;
    white-space: pre-line;
    text-overflow: ellipsis;
}


.sm-detail-wrap {
    position: relative;
    margin: 0.9em 0.625em;
    border-width: 1px 0 0 0;
    border-style:solid;
    border-color:#F2F2F2;
    padding: 0.2em 0;
    overflow: hidden;
}

.sugg-recs-grp-itms .sm-detail-wrap{
    margin:0 0.625em
}

.sm-detail-record.bg .sm-det-inner-wr {
    display: flex;
    justify-content: space-between;
    align-content: flex-start;
    align-items: stretch;
}

.sm-det-img-wr {
    display: flex;
    align-items: center;
}

.sm-detail-record.adm-fnc .sm-detail-wrap{
 /*   overflow:inherit;*/
}



.sm-detail-txt-wrap{
    padding: 0.43em 0.1em;
    position:relative;
    overflow: hidden;
}

.sm-detail-txt-wrap.goods-det:hover {
    cursor:pointer;
}


.sm-detail-wrap:hover, .sm-detail-txt-wrap.goods-det:hover {
    background-color: #F2F2F2;
}


    .sm-detail-wrap-mr {
        margin: 0 0.625em;
    }

    .soup-sm-rec-props {
        font-size: 0.75em;
    }

    .sm-det-inner {
        padding-bottom: 6px;
        padding-top: 4px;
    }

.sm-detail-record.bg .sm-det-inner {
    width: 100%;
}

.det-recs-sugg.de-recs-remcrt.single .detail-record-btn-remove,
.det-recs-sugg.de-recs-remcrt.single.atcart .detail-record-btn-buy {
    display: none;
}

.det-recs-sugg.de-recs-remcrt.atcart .detail-record-btn-remove {
    display: inherit;
}

.det-recs-sugg.de-recs-remcrt.multi .detail-record-btn-remove {
    width: 0px;
    border-width: 0px;
    min-width: 0;
    margin-right: 0;
    transition: all linear 0.2s;
}

.det-recs-sugg.de-recs-remcrt.multi.atcart .detail-record-btn-remove{
    border-width: 1px;
    min-width: 40px;
    margin-right: 5px;
}

.sugg-recs-grp-wr.disabled-joined .det-recs-sugg .detail-record-btn-buy,
.sugg-recs-grp-wr .det-recs-sugg.disabled-ratio .detail-record-btn-buy,
.sugg-recs-grp-wr .detail-record-btn-buy.unactive 
{
    background-color:#d6d6d6;
    border:1px solid #cccccc;
}


@media(min-width:450px) {
    .sm-det-img {
        width: 8em;
        height:5em;
    }

}

@media(min-width:550px) and  (max-width:750px){
    .sm-det-img {
        width: 6.5em;
        height:4.0625em;
    }

    .pos-cart-imtms-inr .sm-det-img, .pos-menu-imtms-inr .sm-det-img {
        width: 8em;
        height:5em;
    }
}

@media(min-width:950px) {
    .sm-det-img, .pos-cart-imtms-inr .sm-det-img, .pos-menu-imtms-inr .sm-det-img {
        width: 12em;
        height:7.5em;
    }
}

.sugg-recs-grp-itms .sm-det-img, .pos-cart-imtms-inr .sugg-recs-grp-itms .sm-det-img, .pos-menu-imtms-inr .sugg-recs-grp-itms .sm-det-img {
    width: 5.5em;
    height: 3.4375em;
}

.itm-snz-pnl{
    position:relative;
}

.itm-snz-ol{
    position:absolute;
    inset:0 0 0 0;
    display:block;
    z-index:1;
    cursor:pointer;
}

.itm-snz-pnl.closed .itm-snz-ol, .cat-gds-title-wr.closed  .itm-snz-ol, .goods-det.not-avaible .goods-det-wr .itm-snz-ol{
    /*display:none;*/
}


    .cat-gds-menu-name {
        color: #999;
        font-weight: normal;
        line-height: 40px;
        font-size: 30px;
        margin: 0px;
        padding: 0 8px 5px;
    }

    

    .cat-gds-menu-name.closed, .cat-gds-title-wr.closed .cat-gds-menu-name{
        color: #FF4F4F;
    }

    .cat-gds-menu-name-mng-box{
        display:inline-block;
        vertical-align:middle;
    }

.cat-gds-desc-wr {
    padding: 0.25em 1.25em 0.25em;
    color: #999;
}

    .goods-category {
        margin: 30px 0;
    }

    .goods-category.empty {
        margin: 0;
    }

    .sm-det-props .price {
    }

    .sm-det-props .separator {
        margin: 0 0.5em;
    }

    .sm-det-props .propval {
        margin-right: 0.8em;
    }

    .sm-det-var-itm .propval {
        margin-left: 0.8em;
        margin-right: 0;
    }

    .same-propval {
    }

        .same-propval .icon {
            width: 4px;
            height: 4px;
            background-color: black;
            display: inline-block;
            border-radius: 100%;
            margin-right: 0.4em;
            margin-left: 0.8em;
            vertical-align: middle;
        }

    .sm-detail-record .detail-record-admin-panel {
        position: absolute;
        left: 0;
        right: 0;
        display: none;
        top: 100%;
        z-index: 15;
        height: 50px;
    }



.sm-detail-record:hover .detail-record-admin-panel {
    display: block;
}

.goods-category.gredit-novariant .sm-detail-record .detail-record-admin-panel {
    position: initial;
    display: block;
    height: initial;
    min-height: 50px;
}

    body.no-upload .pos-det-cust-upload-img {
        display: none !important;
    }

    .sm-detail-record .pos-det-goods-btn {
        position: absolute;
        top: 2px;
        right: 3px;
        float: none;
        display: none;
    }

    .sm-detail-record:hover .pos-det-goods-btn {
        display: block;
    }

    .sm-det-desc .pos-det-var-nm:first-child {
        margin-left: 0;
    }

    .pos-det-var-nm {
        margin-left: 0.5em;
    }

    .sm-det-name-in {
        position: relative;
        display: inline-block;
    }

        .sm-det-name-in.rating {
            /*padding-right: 70px;*/
        }


    .sm-det-ing-wr {
        position: relative;
        padding: 0 0.625em;
    }

    .bg-det-goods-rat {
        display: inline-block;
        padding: 0 12px;
        text-align: center;
        vertical-align: bottom;
        position: relative;
    }

    span.var-det-goods-rat {
        display: inline-block;
        position: absolute;
        top: 2px;
        right: 4px;
        padding: 0;
        text-align: center;
        z-index: 14;
        background-color: transparent !important;
        bottom: initial;
    }

.detail-goods-var .sm-detail-record {
    width: 100%;
    display: block;
}

.detail-goods-var .h.detail-record {
    max-width: 100%;
}
body.variant-dial{
    overflow:hidden;
}

body.variant-dial{
    overflow:hidden;
}
body.pos-full-layout.variant-dial{
    padding-right:8px;
}

@media (hover: none) and (pointer: coarse) {
    body.pos-full-layout.variant-dial {
        padding-right:0;
    }
}

.variant-dial .detail-goods-var .selected-wnd .var-dlg-inrbody-wr, .detail-goods-var.dlg-wftr .var-dlg-inrbody-wr{
    padding-bottom: 5.5em;
    position: relative;
}

#pos-spec-goods-info > .detail{
    display:none;
}
#pos-spec-goods-info > .detail:last-child{
    display:block;
}

@media (max-width:599px), (max-height:499px) {
    .variant-dial:not(.pos-iframe ) .detail-goods-var {
        position: fixed;
        inset: 0 0 0 0 !important;
        background-color: white;
        z-index: 1;
    }

    .variant-dial.pos-iframe #pos-spec-goods-info {
        width: 100%;
        height: 0;
        position: absolute;
        left: 0;
        top: 0;
        overflow: visible;
        z-index: 1005;
        padding: 0;
        margin: 0;
    }

    .variant-dial.pos-iframe .detail-goods-var {
        z-index: 2000;
        position: relative;
        min-width: 250px;
        max-width: 500px;
        background-color: white;
        min-height: 67px;
        box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
        margin: auto;
        top: 0;
        border-radius: 0.75em;
        overflow: hidden;
        padding:0;
        margin: 0 0.35em;
    }

    .variant-dial.pos-iframe .detail-goods-var.wide {
        max-width: 720px;
    }

    .variant-dial.pos-iframe .detail-goods-var > body {
        border: 1px solid #BBB;
        border-width: 0 1px 1px 1px;
        border-radius: 0 0 0.75em 0.75em;
    }

    .variant-dial.pos-iframe .detail-goods-var > .header-back {
        display: none;
    }

    .variant-dial.pos-iframe .detail-goods-var > .header, .variant-dial.pos-iframe .detail-goods-var.second-wnd .header-back-in, .variant-dial.pos-iframe .detail-goods-var.buybtn > .header-back {
        display: block;
    }

    .variant-dial.pos-iframe .detail-goods-var > .body {
        min-width: 330px;
    }

    .variant-dial.pos-iframe .detail-goods-var .body-inner-pad {
        padding: 0 10px 20px;
    }

    .variant-dial.pos-iframe .dial-modal-v {
        z-index: 1005;
        top: 0px;
        left: 0px;
        position: fixed;
        background-color: white;
        opacity: 0.4;
        width: 100%;
        height: 100%;
    }

    .variant-dial.pos-iframe .detail-goods-var .sm-detail-record {
        width: 100%;
        display: block;
    }

    .variant-dial.pos-iframe .detail-goods-var .h.detail-record {
        max-width: 100%;
    }
}

    @media (min-width:600px) and (min-height:500px) {
        .variant-dial #pos-spec-goods-info {
            width: 100%;
            height: 0;
            position: absolute;
            left: 0;
            top: 0;
            overflow: visible;
            z-index: 1005;
            padding: 0;
            margin: 0;
        }

        .variant-dial .detail-goods-var {
            z-index: 2000;
            position: relative;
            min-width: 250px;
            max-width: 500px;
            background-color: white;
            min-height: 67px;
            box-shadow: 0 0 40px rgba(0, 0, 0, 0.4);
            margin: auto;
            top: 0;
            border-radius: 0.75em;
            overflow: hidden;
        }
        .variant-dial .detail-goods-var.wide{
            max-width: 720px;
        }

            .variant-dial .detail-goods-var > body {
                border: 1px solid #BBB;
                border-width: 0 1px 1px 1px;
                border-radius: 0 0 0.75em 0.75em;
            }

            .variant-dial .detail-goods-var > .header-back, .detail-goods-var .header-back-in {
                display: none;
            }

            .variant-dial .detail-goods-var > .header, .variant-dial .detail-goods-var.second-wnd .header-back-in, .variant-dial .detail-goods-var.buybtn > .header-back {
                display: block;
            }

            .variant-dial .detail-goods-var > .body {
                min-width: 330px;
            }

            .variant-dial .detail-goods-var .body-inner-pad {
                padding: 0 10px 20px;
            }

        .variant-dial .dial-modal-v {
            z-index: 1005;
            top: 0px;
            left: 0px;
            position: fixed;
            background-color: white;
            opacity: 0.4;
            width: 100%;
            height: 100%;
        }

        .variant-dial .detail-goods-var .sm-detail-record {
            width: 100%;
            display: block;
        }

        .variant-dial .detail-goods-var .h.detail-record {
            max-width: 100%;
        }
    }


    @media (max-width:600px) {
        .variant-dial:not(.pos-iframe ) #zone-body-footer,
        .variant-dial:not(.pos-iframe ) #detail-category-place .detail-cat-pnl,
        .variant-dial:not(.pos-iframe ) #detail-category-place .detail-cat-pnl-par,
        .variant-dial:not(.pos-iframe ) .detail-goods-var > .header,
        .variant-dial:not(.pos-iframe ) .detail-goods-var .header-back-in,
        .variant-dial:not(.pos-iframe ) .dial-modal-v,
        .variant-dial:not(.pos-iframe ) #detail-category-place,
        .variant-dial:not(.pos-iframe ) #zone-table-footer,
        .variant-dial:not(.pos-iframe ) #company-footer {
            display: none !important;
        }

        .variant-dial:not(.pos-iframe ) #pos-det-work-p {
            visibility: hidden;
            overflow: hidden;
            position:relative;
            z-index:-1;
        }

         .variant-dial:not(.pos-iframe ) #pos-det-work-p .pos-small-cart-pnl{
             display:none;
         }
    }

    .var-gds-cat-pnl {
        margin: 1.3em 0.2em 0.4em 0.2em;
        padding: 0.4em 0.4em;
        border-radius: 0.33em;
        font-size: 1.1em;
        font-weight: bold;
    }

    .var-gds-cat-inr {
    }

    .var-gds-cat-txt {
    }

    .var-gds-det-rec {
        margin: 0.2em 0.6em;
    }

    @media (min-width: 360px ) and (max-width:600px) {
        .detail-goods-var, .page-dialog-pnl {
            padding: 0.9em 0.85em;
        }
        .pos-full-layout .detail-goods-var, .detail-goods-var.modern-detail{
            padding:0;
        }

        .detail-goods-var .pos-detail-close-header, .page-dialog-pnl .pos-detail-close-header {
            border-radius: 0.9em 0.9em 0 0;
        }

        .var-gds-det-rec {
            margin: 0.2em 0.95em;
        }

        div.page-dialog-pnl-body, .page-dialog-pnl > body {
            padding: 0 0.95em;
        }

        div.pos-company-info.page-dialog-pnl-body {
            box-shadow: none;
            border:none;
        }

        .page-dialog-pnl .pos-company-info div.ps {
            padding: 0 0.15em;
        }
        .page-dialog-pnl .page-dialog-pnl-body{
            padding: 0 0.2em;
        }
    }

    @media (min-width: 360px ) {
        .pos-detail-shoppingcart {
            border-radius: 0.75em 0.75em 0 0;
            padding: 0.75em;
            margin: 0 0.75em;
            border-top-width: 0.3em;
            border-top-style: solid;
            box-shadow: 0.23em 0 0.75em 0 rgba(29, 87, 22, 0.6);
            border-bottom-width: 0;
        }
    }


    .front-tabs-mob-header {
        display: none;
        text-align: center;
        background-color: #F2F2F2;
        margin: 5px 0 0;
        padding: 0;
        border-bottom: 1px solid #E4E4E4;
    }

    .front-tabs-mob-item, .front-tabs-mob-item-mr {
        position: relative;
        display: inline-block;
        cursor: pointer;
        padding: 9px 5px 9px 45px;
    }

        .front-tabs-mob-item .icon {
            display: block;
            position: absolute;
            left: 15px;
            top: 50%;
            width: 0;
            margin-top: -6px;
            border-color: #939393 transparent #939393 transparent;
            border-style: solid;
            border-width: 10px 7px 0 7px;
            border-radius: 2px;
        }

        .front-tabs-mob-item-mr .icon, .hsdmnu .front-tabs-mob-item .icon {
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 40px;
            background-image: url('Images/menu-sand.png');
            background-position: center;
            background-repeat: no-repeat;
            border: none;
        }

        .front-tabs-mob-item .menu, .front-tabs-mob-item-mr .menu-mr {
            color: #40BA31;
            font-size: 15pt;
            font-weight: bold;
        }

    .front-tabs-mob-nav {
        position: relative;
    }

    @media (min-width:701px) {
        .front-tabs-mob-nav > .front-tabs-header {
            display: block !important;
            display: flex !important;
        }

        .front-tabs-header > .front-tab {
            flex: 1;
        }
    }

    @media (max-width:700px) {
        .front-tabs-mob-header {
            display: block;
        }

        .hsdmnu .contact-main-menu .front-tabs-mob-header {
            /*display: none;*/
        }

        .hsdmnu .front-tabs-selc-c {
            display: none;
        }

       
    front-tabs-mob-nav.mob-des.hide > .front-tabs-header {
        display: none !important;
    }
    .front-tabs-mob-nav.mob-des > .front-tabs-header {
        display: none;
        margin: 0;
        background: rgba(255, 255, 255, 1);
        position: absolute;
        width: 98%;
        z-index: 90;
        margin-bottom: 15px;
        border: 1px solid rgb(148, 148, 148);
        border-width: 0 1px 1px 1px;
        border-radius: 0px 0px 10px 10px;
        box-shadow: rgb(29, 87, 22) 0 6px 10px 0, rgba(0, 0, 0, 0.117647) 0 1px 2px 0;
    }

        .front-tabs-mob-nav.mob-des.open > .front-tabs-header {
            display: block;
        }

        .front-tabs-mob-nav.mob-des > .front-tabs-header > .front-tab.t {
            display: block;
            width: initial !important;
            padding: 16px 15px !important;
            border-width: 0 0 1px 0;
            border-style:dashed;
            border-color:#40BA31;
            text-align: left !important;
            margin: 0 !important;
        }

            .front-tabs-mob-nav.mob-des > .front-tabs-header > .front-tab.t:last-child {
                border-bottom-width: 0;
            }

        .front-tabs-mob-nav.mob-des > .front-tabs-header > .front-tab a {
            color: black;
            font-size: 13pt;
        }

        .front-tabs-mob-nav.mob-des > .front-tabs-header > .front-tab .ico {
            display: inline-block !important;
        }

        .front-tabs-mob-nav.mob-des> .front-tabs-header > .front-tab.t:hover a {
            color: black;
        }

        .front-tabs-mob-nav.mob-des > .front-tabs-header > .front-tab.t:hover {
            background: #FFF;
            color: inherit;
            -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5), inset 0 30px 30px -30px rgba(0, 0, 0, 0.33), inset 0 -30px 30px -30px rgba(0, 0, 0, 0.33);
            -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5), inset 0 30px 30px -30px rgba(0, 0, 0, 0.33), inset 0 -30px 30px -30px rgba(0, 0, 0, 0.33);
            box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5), inset 0 30px 30px -30px rgba(0, 0, 0, 0.33), inset 0 -30px 30px -30px rgba(0, 0, 0, 0.33);
        }

        .front-tabs-mob-nav.open1 > .front-tabs-mob-header .mob-hdr-50:first-child {
            background-color: white;
        }

        .front-tabs-mob-nav.open1 .front-tabs-mob-item .icon {
            border-color: black transparent black transparent;
        }

        .front-tabs-mob-nav.tab-des .front-tabs-header {
            display: flex !important;
            flex-wrap: wrap;
        }

        .front-tabs-mob-nav.tab-des .front-tabs-header > .front-tab.t {
            padding: 11.5px 8px;
            min-width: 75px;
            text-align: center;
            flex-grow: 1;
        }

        .front-tabs-mob-nav.tab-des .front-tabs-header.tbsc-2 > .front-tab.t .ico, 
        .front-tabs-mob-nav.tab-des .front-tabs-header.tbsc-3 > .front-tab.t .ico, 
        .front-tabs-mob-nav.tab-des .front-tabs-header.tbsc-4 > .front-tab.t .ico, 
        .hide-cont-tab .front-tabs-mob-nav.tab-des .front-tabs-header.tbsc-4 > .front-tab.info-tab,
        .hide-cont-tab .front-tabs-mob-nav.tab-des .front-tabs-header.tbsc-mr > .front-tab.info-tab{
            display:none !important;
        }
    }
    @media(max-width:425px){
        .hide-cont-tab .front-tabs-mob-nav.tab-des .front-tabs-header.tbsc-3 > .front-tab.info-tab{
            display:none !important;
        }
    }

    .mh-250 {
        min-height: 250px;
    }

    .front-tabs-mob-header .mob-hdr-50 {
        margin: 0;
        padding: 3px 0;
        vertical-align: middle;
        border-left: 1px solid #D7D7D7;
        border-top: 1px solid #D7D7D7;
    }

        .front-tabs-mob-header .mob-hdr-50:first-child {
            border-left: none;
        }

    .pos-pnl-cnote {
        padding: 8px;
        margin-bottom: 1.9em;
    }

    .pos-pnl-cnote-t {
    }

    .pos-cnote-title {
        color: #696969;
    }

    .pos-pnl-cnote-d {
    }

    .var-val-cnote-wr {
        margin-left: 4px;
        margin-top: 10px;
    }

.pos-pnl-cnote-d .var-val-cnote {
    width: 100%;
    max-width: 600px;
    padding: 5px;
    margin: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0.4em;
    border-color: #CCCC;
}

    .gds-tlb-header {
        margin: 20px 10px 0;
    }

    .gds-cart-total {
        width: 100%;
        max-width: 400px;
        border-collapse: collapse;
    }

        .gds-cart-total tr {
            /* border-bottom: 1px solid #CCC; */
        }

        .gds-cart-total td {
            padding: 4px 2px;
        }

        .gds-cart-total .main-gds {
        }

        .gds-cart-total .join-gds {
            border-top: 1px solid #F2F2F2;
        }

        .gds-cart-total .total-foot {
        }

        .gds-cart-total .main-gds .nm {
            font-size: 18px;
        }

            .gds-cart-total .main-gds .nm .note, .gds-cart-total .join-gds .nm .note {
                display: block;
                font-size: 10px;
                margin-left: 5px;
            }

        .gds-cart-total .main-gds .pr, .gds-cart-total .join-gds .pr, .gds-cart-total .total-foot .pr {
            text-align: right;
            width: 25px;
            padding: 4px 12px;
            white-space: nowrap;
        }

        .gds-cart-total .join-gds .nm {
            font-size: 16px;
            padding-left: 15px;
        }

        .gds-cart-total .join-gds .del, .gds-cart-total .main-gds .del {
            vertical-align: middle;
            width: 25px;
        }

            .gds-cart-total .join-gds .del .ico {
                display: inline-block;
                width: 25px;
                height: 30px;
                background-position: -990px -306px;
                cursor: pointer;
            }

        .gds-cart-total .total-foot .pr {
            border-top: 1px solid #CCC;
        }

        .gds-cart-total .total-foot .nm {
            font-size: 16px;
            padding-right: 15px;
            text-align: right;
        }

    .gds-pnl-title {
        padding: 15px 10px 0;
        font-size: 19px;
        color: gray;
    }

    .gds-sug-pnl.goods-category {
        margin-top: 10px;
    }

    .daily-menu-items.pub-mnu {
        padding: 0;
    }

        .daily-menu-items.pub-mnu .sm-detail-record {
            width: 100%;
            float: none;
        }

    .week-menu-wr-maxw {
        max-width: 600px;
        margin: 0 auto;
    }

    .week-menu-pub .pos-detail-daymnu.sim.today {
        background-color: transparent;
    }

    .week-menu-pub .week-menu-beforedays-hide {
        display: none;
    }

    .day-menu-items-wr {
        padding-bottom: 10px;
    }

    .week-menu-pub .sm-det-name {
        overflow: unset;
        -ms-text-overflow: unset;
        -o-text-overflow: unset;
        text-overflow: unset;
        white-space: normal;
    }

    .week-menu-pub .sm-detail-wrap {
        margin-right: 0;
    }

    .sm-det-name-num {
        font-weight: bold;
    }

    .week-menu-pub .sm-det-name-in, .sm-det-name-in.recitm-mne {
        display: inline;
    }

    .required-box.error .value, .valbox.error .value {
        border: 1px solid red;
    }
    .valbox.error .errdesc{
        color:red;
    }

    .sbl-dialog-goods-box {
        padding: 2px 0;
    }

    .sbl-dialog-open-paper {
        color: #005c9c;
    }

    .pnl-own-acc-all, .login-pnl-inr-p {
        margin: 35px auto 20px auto;
        padding: 0 10px 5px;
    }

    .pnl-own-acc-all-wr {
        padding-bottom: 5px;
        border-bottom: 1px solid #CCC;
    }

.pos-login-keyboard {
    max-width: 208px;
    margin: 0 auto;
}

        .pos-login-keyboard > .key-row {
        }

.pos-login-keyboard .key {
    display: inline-block;
    box-sizing: border-box;
    width: 33%;
    text-align: center;
    float: left;
    padding: 2px 3px;
}
.pos-login-keyboard .key-row .key:first-child {
    text-align: right;
}

.pos-login-keyboard .key-row .key:last-child {
    text-align: left;
}

.pos-login-keyboard .key-inr {
    display: inline-block;
    border-radius: 4px;
    text-align: center;
    min-width: 60px;
    width: 100%;
    box-sizing: border-box;
    height: 60px;
    border: 1px solid #505050;
    cursor: pointer;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 1px 0 #A3A3A3, 0 1px 2px 0 rgba(0, 0, 0, 0.12);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6D6D6D), to(#5A5A5A));
    background-image: -webkit-linear-gradient(#6D6D6D 0%, #5A5A5A 100%);
    background-image: -moz-linear-gradient(#6D6D6D 0%, #5A5A5A 100%);
    background-image: -o-linear-gradient(#6D6D6D 0%, #5A5A5A 100%);
    background-image: linear-gradient(#6D6D6D 0%, #5A5A5A 100%);
    font-weight: bold;
    color: #EEE;
    font-size: 16pt;
    overflow: hidden;
}

.pos-login-keyboard .key-inr span {
    padding-top: 18px;
    display: block;
}

.pos-login-keyboard .key .icon {
    width: 40px;
    margin: 0 auto;
}

.pos-login-keyboard .key.nop span {
    padding-top: 9px;
    line-height: 21px;
}

.pos-login-keyboard .key.delete .icon {
    background-position: -152px -1158px;
}

.pos-login-keyboard .key span.tt {
    padding-top: 3px;
    display: block;
    font-size: 10px;
}

.pos-login-keyboard .key.colorized .key-inr {
    box-shadow: inset 0 1px 1px 0 #E0ED48, 0 1px 2px 0 rgba(0, 0, 0, 0.12);
    border-top: 1px solid #A3C926;
    border-left: 1px solid #A2C326;
    border-bottom: 1px solid #A2C326;
    border-right: 1px solid #A2C326;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#C1DB30), to(#8EBD1F));
    background-image: -webkit-linear-gradient(#C1DB30 0%, #8EBD1F 100%);
    background-image: -moz-linear-gradient(#c1db30 0%, #8ebd1f 100%);
    background-image: -o-linear-gradient(#c1db30 0%, #8ebd1f 100%);
    background-image: linear-gradient(#C1DB30 0%, #8EBD1F 100%);
}

.pos-login-keyboard .key-inr:active {
    border: 1px solid #59B4D4;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#61CAF0), to(#0078A3));
    background-image: -webkit-linear-gradient(#61CAF0 0%, #0078A3 100%);
    background-image: -moz-linear-gradient(#61CAF0 0%, #0078A3 100%);
    background-image: -o-linear-gradient(#61CAF0 0%, #0078A3 100%);
    background-image: linear-gradient(#61CAF0 0%, #0078A3 100%);
}

    .pos-login-title {
        margin: 8px 8px;
        font-weight: bolder;
        font-size: 11pt;
        color: #575757;
    }

        .pos-login-title .login-numpad-icon {
            background-position: -100px -1160px;
            display: inline-block;
            width: 32px;
            height: 28px;
        }

    .ezop-login-simple-password-box {
        width: 100%;
        font-size: 14px;
        line-height: 18px;
        padding: 10px 0px;
        border-radius: 2px;
        border: 1px solid #CCC;
        display: block;
    }

        .ezop-login-simple-password-box.dialog {
            width: 95%;
        }

    .pos-login-title {
        margin: 10px;
        font-size: 12pt;
        color: #40BA31;
        font-weight: bold;
    }

        .pos-login-title .pos-login-profil-link {
            color: #40BA31;
            text-decoration: none;
        }

    .profil-adv-info, .login-pnl-inr-wr {
        max-width: 500px;
        margin: 0 auto;
    }

    .lock-screen-dialog {
        border: 1px solid #CCC;
        background-color: white;
        z-index: 5000;
    }

        .lock-screen-dialog .ui-dialog-titlebar {
            display: none;
        }

    .ui-widget {
        font-family: Arial, Helvetica !important;
    }

    .ezop-login-simple-anyway {
        margin: 10px 0px;
        text-align: center;
    }

        .ezop-login-simple-anyway a {
            cursor: pointer;
            text-decoration: underline;
        }

    div.ui-widget-overlay {
        z-index: 100;
        top: 0px;
        left: 0px;
        position: fixed;
        background-color: #000;
        opacity: 0.6;
        background-image: none;
    }

    .pos-login-title .login-numpad-icon,
    .pos-login-keyboard .key .icon {
        background-image: url('../POSTheme/Images/pos-images.svg?ver=67');
        background-repeat: no-repeat;
    }


    .lang-change-link {
        display: inline-block;
        width: 44px;
        height: 27px;
        margin: 0 4px 4px 0;
        background-image: url('../EzopTheme/Images/eu_flags_47x30.jpg');
        background-repeat: no-repeat;
    }

        .lang-change-link.sk-SK {
            background-position: -127px -254px;
        }

        .lang-change-link.en-US, .lang-change-link.en-GB {
            background-position: -13px -93px;
        }

        .lang-change-link.it-IT {
            background-position: -186px -93px;
        }

        .lang-change-link.de-DE {
            background-position: -70px -53px;
        }

        .lang-change-link.ko-KR {
            background-position: -12px -12px;
        }

        .lang-change-link.cs-CZ {
            background-position: -302px -255px;
        }

    .detail-header-languages-shopping {
        float: right;
    }

    .detail-header-languages {
        display: inline-block;
        height: 50px;
        width: 78px;
        float: left;
        margin-left: -78px;
    }

        .detail-header-languages .pos-cust-ddl {
            margin-top: 11px;
        }

    .pos-cust-ddl {
        position: relative;
    }

        .pos-cust-ddl .sel-item {
            box-sizing: border-box;
            display: inline-block;
            padding-left: 26px;
            position: relative;
            cursor: pointer;
            z-index: 1;
        }

        .pos-cust-ddl.opened .sel-item:after,
        .pos-cust-ddl:hover .sel-item:after {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            bottom: 0;
            width: 16px;
            left: 3px;
            background-position: center center;
            background-repeat: no-repeat;
            background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%09%20width%3D%2213.12px%22%20height%3D%226.59px%22%20viewBox%3D%220%200%2013.12%206.59%22%20style%3D%22enable-background%3Anew%200%200%2013.12%206.59%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23525252%3B%22%20points%3D%226.58%2C6.59%2013.12%2C0%200%2C0.05%20%22%2F%3E%3Cpolygon%20style%3D%22fill%3Anone%3Bstroke%3A%23525252%3Bstroke-width%3A0%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%22%20points%3D%226.58%2C6.59%2013.12%2C0%200%2C0.05%20%22%2F%3E%3C%2Fsvg%3E");
        }

        .pos-cust-ddl.opened .sel-item,
        .pos-cust-ddl:hover .sel-item {
            /*border-color:gray;
    background-color:white;*/
        }


        .pos-cust-ddl .pos-cust-ddl-list {
            position: absolute;
            right: 0;
            background-color: #FFF;
            border: 1px solid #CCC;
            border-radius: 0 0 3px 3px;
            margin: 0;
            padding: 0;
            list-style-type: none;
            margin-top: -1px;
            z-index: 11;
            min-width: 5em;
            display: none;
        }


    .pos-cust-ddl-list > li {
        padding: 8px 8px;
        border-bottom: 1px solid #CCC;
        cursor: pointer;
        text-align: center;
    }

        .pos-cust-ddl-list > li:last-child {
            border-bottom: none;
        }

        .pos-cust-ddl-list > li a {
        }

    .pricef .desc, .cart-itemprice .desc {
        font-size: 80%;
    }

    .selected-wnd .gds-cart-total .main-gds, .selected-wnd .gds-cart-total .gds-cart-total-tf {
        display: none;
    }

    .pos-shopping-card-h-item {
        display: inline-block;
        width: 33.33%;
        text-align: center;
        vertical-align: middle;
        padding-bottom: 3px;
        z-index: 2;
            position: relative;
    }

        .pos-shopping-card-h-item.selected {
        }

        .pos-shopping-card-h-item > a, .pos-shopping-card-h-item > span {
            display: block;
            color: gray;
            padding-top: 5px;
            text-decoration: none;
        }

        .pos-shopping-card-h-item .number {
            display: inline-block;
            border-radius: 50%;
            padding: 11px 0px;
            width: 40px;
            text-align: center;
            font-weight: bold;
            background-color: #d2d2d2;
            color: gray;
            font-size: 120%;
            border: 2px solid #fff;
        }

        .pos-shopping-card-h-item .txt {
            display: block;
            margin-top: 5px;
            color: black;
        }

        .pos-shopping-card-h-item.selected .number, .pos-shopping-card-h-item.completed .number, .header-backborder-color.completed {
            background-color: #40ba31;
            color: white;
        }

        .pos-shopping-card-h-item.selected > a, .pos-shopping-card-h-item.selected > span,
        .pos-shopping-card-h-item.completed > a, .pos-shopping-card-h-item.completed > span {
            color: white;
        }

    .pos-shopping-card-header-inr {
        margin-top: 15px;
        margin-bottom: 5px;
        position: relative;
    }

    .shopping-cart-footer {
        margin: 2px 10px;
        padding: 0 10px;
    }

    .pos-confirmcart-inner {
        padding: 0 4px;
    }

    .customer-shopping-cartitems-w .shopping-cart-items-wr, .pos-cart-items-wr, .pos-order-detail, .pos-front-detail {
        max-width: 480px;
        margin: 0 auto !important;
    }

    .shopping-card-header-name {
        height: 50px;
    }

        .shopping-card-header-name > .table {
            margin: 0 55px 0 0;
        }

    .header-backborder-thin {
        display: inline-block;
        width: 16.66%;
        height: 100%;
        vertical-align: middle;
    }

    .header-border-wr {
        position: absolute;
        z-index: 0;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .header-backborder-color {
        display: inline-block;
        width: 33.33%;
        vertical-align: middle;
        margin-top: -16px;
        height: 6px;
        background-color: #d2d2d2;
    }


    .styled-checkbox, .styled-checkbox-cstm {
        display: inline-block;
    }

        .styled-checkbox input, .styled-checkbox-cstm input {
            display: none;
        }

    .checkbox {
        cursor: pointer;
        width: 32px;
        height: 31px;
        padding: 0 5px 0 0;
        background: url('../MobileTheme/Images/checks.png?ver=2') no-repeat;
        display: inline-block;
        vertical-align: middle;
        background-position: 0px 0px;
    }

    .styled-checkbox-cstm input:checked ~ span.checkbox, .styled-checkbox input:checked ~ span.checkbox {
        background-position: 0px -32px;
    }

    .checkbox.disabled, .styled-checkbox input[disabled] ~ span.checkbox, .styled-checkbox-cstm input[disabled] ~ span.checkbox {
        background-position: 0px -70px;
    }

        .checkbox.checkedCheck.disabled, .styled-checkbox input[disabled] ~ span.checkbox.checkedCheck, .styled-checkbox-cstm input[disabled] ~ span.checkbox.checkedCheck,
        .styled-checkbox input[disabled]:checked ~ span.checkbox, .styled-checkbox-cstm input[disabled]:checked ~ span.checkbox {
            background-position: 0px -102px;
        }

    

    .pos-spec-msgs, .pos-delorder-state-par-o, .pos-enable-notify-msg{
        max-width: 800px;
        margin: 0 auto;
    }

    .pos-delorder-state-par-o, .pos-enable-notify-msg{
        min-height: 50px;
        
    }

.custtop-msg-par {
    min-height: 2em;
    border-width: 3px;
    border-style: solid;
    border-radius: 0.6em;
}

.pos-spec-msgs .custtop-msg-par {
    margin: 0 1.3em 1.35em 1.3em;
}

.cart-curt-msgs .custtop-msg-par{
    box-shadow:none;
}

.pos-spec-msgs .custtop-msg-par:first-child {
    margin-top: 2.25em;
}

.pos-spec-msgs .custtop-msg-par:last-child {
    margin-bottom: 0
}

.cart-curt-msgs  .custtop-msg-par:first-child {
    margin-top: 2.25em;
}

.cart-curt-msgs .custtop-msg-par:last-child {
    margin-bottom: 1.5em;
}





.pos-delorder-state-par, .custtop-msg-par {
    background-color: #FAAB44;
    border-color: #FD9E37;
    border-bottom-style: solid;
    border-bottom-width: 3px;
}

.pos-delorder-state-par.has-prog{
    border-bottom-width: 0;
    overflow: hidden;
}

.pos-delorder-state-par .pos-delorder-progres, .pos-delorder-state-par .pos-delorder-progres:before {
    height: 3px;
    width: 100%;
    margin: 0;
}
.pos-delorder-state-par .pos-delorder-progres {
  background-color: #FAAB44;
  display: -webkit-flex;
  display: flex;
}
.pos-delorder-state-par .pos-delorder-progres:before {
    background-color: #FD9E37;
    content: '';
    -webkit-animation: running-progress 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
    animation: running-progress 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

.pos-delorder-state-par.pos-delorder-state-0-1 {
    background-color: #FF5722;
    border-color: #B54320;
}

.pos-delorder-state-par.pos-delorder-state-0-1 .pos-delorder-progres {
    background-color: #FF5722;
}
.pos-delorder-state-par.pos-delorder-state-0-1 .pos-delorder-progres:before {
    background-color: #B54320;
}


.custtop-msg-par.information {
    background-color: #97EFA6;
    border-color: #49b15a;
}



.pos-delorder-state-par.pos-delorder-state-1-1 {
    background-color: #dccb33;
    border-color: #B3A100;
}

.pos-delorder-state-par.pos-delorder-state-1-1 .pos-delorder-progres {
    background-color: #dccb33;
}
.pos-delorder-state-par.pos-delorder-state-1-1 .pos-delorder-progres:before {
    background-color: #B3A100;
}

.pos-delorder-state-par.pos-delorder-state-2-1 {
    background-color: #FFC107;
    border-color: #b08603;
}

.pos-delorder-state-par.pos-delorder-state-2-1 .pos-delorder-progres {
    background-color: #FFC107;
}
.pos-delorder-state-par.pos-delorder-state-2-1 .pos-delorder-progres:before {
    background-color: #b08603;
}


.pos-delorder-state-par.pos-delorder-state-0-2, .pos-delorder-state-par.pos-delorder-state-1-2 {
    background-color: #4CAF50;
    border-color: #8BC34A;
}
.pos-delorder-state-par.pos-delorder-state-0-2 .pos-delorder-progres, .pos-delorder-state-par.pos-delorder-state-1-2 .pos-delorder-progres {
    background-color: #4CAF50;
}
.pos-delorder-state-par.pos-delorder-state-0-2 .pos-delorder-progres:before, .pos-delorder-state-par.pos-delorder-state-1-2 .pos-delorder-progres:before {
    background-color: #8BC34A;
}

.pos-delorder-state-par.pos-delorder-state-2-2 {
    background-color: #8BC34A;
    border-color: #5B8A25;
}

.pos-delorder-state-par.pos-delorder-state-2-2 .pos-delorder-progres {
    background-color: #8BC34A;
}
.pos-delorder-state-par.pos-delorder-state-2-2 .pos-delorder-progres:before {
    background-color: #5B8A25;
}


.pos-delorder-state-par.pos-delorder-state-0-1.pos-delorder-type-138, .pos-delorder-state-par.pos-delorder-state-1-1.pos-delorder-type-138 {
    border-color: #cd7f7f;
    background-color: #f5a6a6;
}

.pos-delorder-state-par.pos-delorder-state-0-1.pos-delorder-type-138 .pos-delorder-progres, .pos-delorder-state-par.pos-delorder-state-1-1.pos-delorder-type-138 .pos-delorder-progres {
    background-color: #f5a6a6;
}
.pos-delorder-state-par.pos-delorder-state-0-1.pos-delorder-type-138 .pos-delorder-progres:before, .pos-delorder-state-par.pos-delorder-state-1-1.pos-delorder-type-138 .pos-delorder-progres:before {
    background-color: #cd7f7f;
}

.pos-delorder-state-par.pos-delorder-state-0-3 {
    background-color: #03A9F4;
    border-color: #026896;
}

.pos-delorder-state-par.pos-delorder-state-0-4, .pos-delorder-state-par.pos-delorder-state-0-5 {
    background-color: #9E9E9E;
    border-color: #6D6D6D;
}


    .pos-cart-delivery-item {
        display: table;
        width: 100%;
        border-bottom: 1px solid #f1f1f1;
        cursor: pointer;
        transition: all linear 0.2s;
        border-radius: 4px;
        box-sizing: border-box;
    }

        .pos-cart-delivery-item:hover {
            background-color: #f3f3f3;
        }

    .pos-cart-delivery-txtbox, .pos-cart-delivery-infobox, .pos-cart-delivery-chkbox, .pos-cart-delivery-imgbox, .pos-cart-delivery-selectbox {
        display: table-cell;
        vertical-align: middle;
    }

.pos-cart-delivery-selectbox-t {
    display:table;
    width:100%;
}
.pos-cart-delivery-selectbox-r{
    display:table-row;
}

.pos-cart-payment-img {
    margin-right: 1.2em;
    vertical-align: middle;
}

.pos-cart-delivery-imgbox {
    text-align: center;
    width: 60px;
    white-space: nowrap;
}
.pos-cart-delivery-imgbox-iwr {
    white-space: nowrap;
}

.pos-cart-delivery-imgbox .img, .pos-cart-online-img {
    height: 40px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
        .pos-cart-delivery-imgbox .img{
            width: 50px;
            display: block;
        }

        .pos-cart-online-img{
            display:inline-block;
            vertical-align:middle;
        }

.pos-cart-online-img.gpwebpay {
    background-image: url('Images/onlpmnt-gpwebpay.jpg');
    width: 6em;
        margin-right: 0.4em;
}
.pos-cart-online-img.gopay {
    background-image: url('Images/onlpmnt-gopay.svg');
    width: 6em;
    margin-right: 0.4em;
}
.pos-cart-online-img.csobpaymentgateway {
    background-image: url('Images/onlpmnt-csob.png');
    width: 4.5em;
        margin-right: 0.4em;
}
.pos-cart-online-img.comgate {
    background-image: url('Images/onlpmnt-comgate.jpg');
    width: 6em;
        margin-right: 0.4em;
}

.pos-cart-online-img.besteron {
    background-image: url('Images/onlpmnt-besteron.png');
    width: 6em;
    margin-right: 0.4em;
}

.online-bank .online-bank-info {
    padding: 0 1.2em;
}
.online-bank .online-bank-logo-img {
    height: 3.5em;
    display: inline-block;
    padding: 0;
    margin: 0;
}

.online-bank .online-bank-logo-a {
    display: block;
}
.online-bank .online-bank-card-imgs{
    margin-top:1.2em;
}
.online-bank .online-bank-card-imgs-i {
    background-size: contain;
    background-position: center left;
    background-repeat: no-repeat;
    background-image: url(Images/onlpmnt-all.jpg);
    height: 2.5em;
}

.bank-info-footers .bank-info-footer-a {
    display: inline-block;
}

.bank-info-footers .bank-info-footer-i {
    display: inline-block;
    height: 1.6em;
    max-width: 100%;
}

.bank-info-footers .bank-info-footer {
    text-align: center;
}

          

            .pos-cart-delivery-imgbox .img.hasimg, .pos-cart-delivery-txtbox.hasimg .title, .pos-cart-delivery-txtbox.hasimg .subtitle {
                display: none;
            }

            .pos-cart-delivery-imgbox .img.customer-delivery-fast {
                background-image: url('Images/delivery-ontime.png');
            }

            .pos-cart-delivery-imgbox .img.customer-delivery-time {
                background-image: url('Images/delivery-ontime.png');
            }

            .pos-cart-delivery-imgbox .img.customer-takeaway {
                background-image: url('Images/delivery-takeaway4.png');
            }

            .pos-cart-delivery-imgbox .img.customer-delivery-timesel {
                background-image: url('Images/delivery-time.png');
            }
.pos-cart-delivery-imgbox .img.customer-delivery-tipsel {
    background-image: url('Images/delivery-cart-tip.png');
}
.pos-cart-delivery-imgbox .img.customer-delivery-plus {
    background-image: url('Images/delivery-cart-plus.png');
}

.pos-cart-delivery-imgbox .img.noimg.Cash {
    background-image: url('Images/delivery-payment-cash.png');
}

            .pos-cart-delivery-imgbox .img.noimg.CreditCard {
                background-image: url('Images/delivery-payment-card.png');
            }

            .pos-cart-delivery-imgbox .img.noimg.Credit {
                background-image: url('Images/delivery-payment-credit.png');
            }

            .pos-cart-delivery-imgbox .img.customer-info {
                background-image: url('Images/delivery-person-info.png');
            }

    .pos-cart-delivery-chkbox {
        width: 50px;
        text-align: center;
        height: 45px;
        padding-left: 3px;
    }

        .pos-cart-delivery-chkbox.only-d {
            width: 15px;
        }

            .pos-cart-delivery-chkbox.only-d .pos-cart-delivery-chkbox-inr {
                display: none;
            }


    .pos-cart-delivery-infobox, .cart-contact-item-info {
        width: 40px;
        text-align: center;
    }

.pos-cart-delivery-infobox.mh{
    height:40px;
}

.pos-cart-delivery-infobox .info-link, .cart-contact-item-info .info-link, .pos-info-link {
    text-decoration: none;
    background-color: rgba(72, 72, 72, 0.12);
    padding: 2px 0px;
    border-radius: 50%;
    color: #fff !important;
    font-style: italic;
    font-family: serif;
    font-size: 20px;
    font-weight: bold;
    transition: all linear 0.2s;
    text-align: center;
    width: 29px;
    height: 29px;
    display: inline-block;
    box-sizing: border-box;
    line-height: 1em;
    vertical-align: middle;
}

            .pos-cart-delivery-infobox .info-link:hover, .cart-contact-item-info .info-link:hover, .pos-info-link:hover {
                background-color: rgba(72, 72, 72, 0.3);
            }

.pos-cart-delivery-txtbox, .pos-cart-delivery-txtbox-imgtxt {
    padding: 6px 0;
}

.pos-cart-delivery-txtbox .subtitle, .pos-cart-delivery-txtbox .subtitle-change, .pos-cart-delivery-txtbox-imgtxt .subtitle, .pos-cart-delivery-txtbox-imgtxt .subtitle-change {
    margin-top: 6px;
    font-size: 90%;
    color: #40ba31;
}

.pos-cart-delivery-txtbox .subtitle-change a, .pos-cart-change-btn, .pos-cart-delivery-txtbox-imgtxt .subtitle-change a {
    color: #40ba31;
}

    .pos-cart-change-btn {
        font-size: 90%;
    }

.pos-cart-delivery-txtbox .title, .pos-cart-delivery-txtbox-imgtxt .title {
    font-size: 110%;
}


@media(max-width:425px) {

    .pos-cart-delivery-imgbox.noimg.onlinep {
        white-space: inherit;
        text-align: left;
        padding: 0.3em 0;
    }

    .pos-cart-delivery-imgbox.noimg.onlinep .pos-cart-delivery-imgbox-iwr {
        white-space: inherit;
    }

    .pos-cart-delivery-imgbox.noimg.onlinep .pos-cart-online-img {
        width: 4em;
        height: 2em;
    }
    .pos-cart-delivery-imgbox.noimg.onlinep .pos-cart-payment-img {
        margin-right: 0;
        width: 4em;
    }
}


    .pos-cart-trasport-title {
        margin-top: 5px;
    }

        .pos-cart-trasport-title h3 {
            font-size: 20px;
        }

    .subtitle-address {
        margin-top: 3px;
        font-size: 90%;
    }

    .subtitle-data {
        margin-top: 7px;
        font-size: 90%;
    }

    .pos-delivery-info-row {
        /*border-bottom: 1px solid #CCC;*/
        padding: 5px 0px;
    }

    .pos-delivery-info-row-title {
        display: inline-block;
        min-width: 55px;
        color: #555;
        font-weight: bolder;
        vertical-align: middle;
        padding-left: 10px;
        padding-right: 8px;
    }

    .pos-delivery-info-row-val {
        display: inline-block;
    }

.pos-cart-delivery-selectbox {
    position: relative;
    padding-right: 0.5em;
}

    .delivery-select-owerlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .pos-cart-delivery-item.hide {
        display: none;
    }

     .pos-cart-delivery-item.selected .subtitle {
        display: none;
    }

    .pos-cart-delivery-item.selected {
        border: 1px solid #f1f1f1;
        background-color: #f7f7f7;
        border-radius: 4px;
    }

    .confirm-order-fieldset {
        border: 1px solid #CCC;
        border-radius: 3px;
        margin: 3px 0 10px 0;
    }

        .confirm-order-fieldset.marb20 {
            margin-bottom: 20px;
        }

        .confirm-order-fieldset:last-child {
            margin-bottom: 0;
        }

        .confirm-order-fieldset .legend {
            font-size: 10px;
            padding: 0 10px;
        }

    .confirm-order-table {
        width: 100%;
    }

        .confirm-order-table tr {
        }

        .confirm-order-table td {
            padding-bottom: 4px;
        }

        .confirm-order-table th {
            text-align: left;
            vertical-align: top;
            padding-right: 13px;
            padding-bottom: 4px;
        }

    .confirm-order-totalprice {
        margin: 10px 8px;
    }

.confirm-order-totalprice .basket-total-text {
    font-size: 20px;
    font-weight: bold;
    vertical-align: middle;
    display: inline-block;
}

        .confirm-order-totalprice .basket-total-pay {
        }

    .confirm-order-info-note {
        width: 100%;
        box-sizing: border-box;
        border: 1px solid #CCC;
        border-radius: 3px;
    }

    .pos-cart-back-btn {
        color: #808080;
        text-decoration: none;
    }

        .pos-cart-back-btn:before {
            content: '\276E';
            display: inline;
            text-decoration: none;
            padding-right: 3px;
        }

    .cart-footer-buttons {
        margin-top: 15px !important;
    }

    .pos-cart-deliverytime-val {
        font-size: 25px;
        font-weight: bold;
        color: #40BA31;
    }

    .confirm-order-fieldset-time {
        max-width: 200px;
        margin: 0 auto 10px auto;
    }

    .pos-loginbox-wrapper {
        z-index: 25;
        margin-top: 50px;
        position: absolute;
        width: 100%;
        max-width: 600px;
    }

    .pos-loginbox-inr {
        max-width: 600px;
        display: none;
        width: 99%;
        background-color: white;
        border: 1px solid #949494;
        border-radius: 0px 0px 10px 10px;
        box-shadow: 0 1px 10px 0 #949494, 0 1px 2px 0 rgba(0, 0, 0, 0.12);
    }

    .pos-loginbox-close {
        position: absolute;
        right: 5px;
        top: 3px;
        font-size: 17px;
        margin: 6px;
        line-height: 16px;
        padding: 4px 9px;
        margin-right: 8px;
    }

    .delivery-btn-price {
        margin-top: 5px;
        font-size: 90%;
        color: #40BA31;
    }

    .delivery-city-btn-inr {
        height: 30px;
    }

    .d-tlb {
        display: table;
    }

    .d-tlb-tr {
        display: table-row;
    }

    .d-tlb-td {
        display: table-cell;
    }

        .d-tlb-td.smalp {
            padding: 2px 4px;
        }

        .d-tlb-td.minw {
            width: 1px;
        }

    .sic {
        background-image: url('../POSTheme/Images/btn-selected-bg.png');
        background-repeat: no-repeat;
        background-position: center center;
        display: none;
        width: 20px;
        height: 20px;
        position: absolute;
        top: -1px;
        left: 1px;
    }

    .sicp.selected > .sic {
        display: block;
    }


    .sicp, div.psr-btn, a.psr-btn {
        position: relative;
    }



    .cart-change-vals-btn {
        color: #40ba31;
    }

    .cart-contact-item-wr {
        padding-bottom: 13px;
    }

    .cart-contact-item-pnl {
        width: 100%;
    }

    .cart-contact-item {
    }

    .cart-contact-item-p {
        padding: 3px 2px;
        vertical-align: middle;
    }

    .cart-contact-item-title {
        min-width: 55px;
        color: #555;
        font-weight: bolder;
        vertical-align: middle;
        padding-left: 10px;
    }

    .cart-contact-agree {
        padding-left: 10px;
        padding-right: 10px;
    }

    .cart-contact-item-value {
    }

    .cart-contact-item-info {
    }

    .cart-contact-item-title-text {
    }

    .contact-item-pnl .paper-contact-input {
    }

    .cart-contact-item .txt-box, .pos-delivery-info .txt-box {
        box-sizing: border-box;
        width: 100%;
        max-width: 300px;
    }

    .required-txt-box.txt-box {
        position: relative;
        margin-right: 7px;
    }

        .required-txt-box.txt-box .req-mark {
            position: absolute;
            right: -7px;
            top: 11px;
        }

    .pos-delivery-info .txt-box {
        box-sizing: border-box;
        width: 100%;
    }

        .cart-contact-item .txt-box > input, .pos-delivery-info .txt-box > input {
            box-sizing: border-box;
            width: 100%;
            height: 35px;
            font-size: 16px;
        }

    .pos-cart-trasport-title .cat-gds-menu-name {
        padding: 0 4px 5px;
    }

    .pos-delivery-input-wr {
        display: inline-block;
    }


    .pos-delivery-str-txt.d-tlb-td {
        padding-right: 4px;
    }

    .pos-delivery-str-no.d-tlb-td {
        width: 60px;
        padding-left: 4px;
    }

    .cart-delivery-street-vals {
        max-width: 300px;
    }

    .cart-contact-fill-values {
        padding-left: 13px;
    }

    .pos-delivery-info-row-val {
        padding: 4px 0;
    }

    .confirm-cart-item td {
        border-bottom: 1px solid #f1f1f1;
        padding: 8px 2px;
    }

    .confirm-cart-items {
        border-collapse: collapse;
    }

        .confirm-cart-items tr:last-child td {
            border-bottom: none;
        }

            .confirm-cart-items tr:last-child td.border {
                border-bottom: 1px solid #CCC;
            }

    .pos-delivery-floor-no {
        max-width: 60px;
    }

    .confirm-cart-item-name-desc {
        font-size: 85%;
        font-weight: bold;
        white-space: pre-line;
        padding-left: 3px;
    }

    div.pos-deliverytable-inner {
        padding-top: 0px;
    }

        div.pos-deliverytable-inner .person-header {
            padding-top: 13px;
        }

    .pos-deliverytable-inner .delivery-cart-small.pos-detail-shoppingcart-hdn.hasorders {
        display: none;
    }

    .pos-delorder-state, .custtop-msg {
        margin-top: 8px;
        margin-right: 8px;
    }

    .pos-delorder-state-btn, .custtop-msg-btn {
        display: inline-block;
        border: 2px solid rgba(152, 152, 152, 0.49);
        border-radius: 7px;
        padding: 8px 18px;
        font-weight: bold;
        color: #fff;
        cursor: pointer;
        font-size: 110%;
        background-color: rgba(162, 162, 162, 0.13);
    }

.cart-login-register-btn {
    width: 31px;
    height: 31px;
    box-sizing: border-box;
    border-radius: 4px;
}

.cart-login-register-btn.login-btn {
    background-position: -1px -97px;
}

    .cart-lyoness-btn {
        background-position: center center;
        background-image: url(../POSTheme/Images/lyoness_64_64.jpg?ver=2);
        background-size: contain;
        border: 1px solid #005550;
    }

    .cart-intloyality-btn {
        background-position: center center;
        background-image: url(../POSTheme/Images/lyoness_64_64.jpg?ver=2);
        background-size: contain;
        border: 1px solid #005550;
    }

    .pos-cart-basket-total {
        padding: 0 8px;
    }

    .pos-order-detail {
        padding-bottom: 50px;
    }

    .pos-orderdetail-title {
        margin-bottom: 0;
    }

    .pos-orderdetail-subtitle {
        font-size: 10px;
        margin: 0;
    }

    .pos-orderdetail-bodypaper {
        margin-top: 17px;
    }

    .pos-orderdetail-paperstate {
        padding: 6px 15px;
        border-radius: 3px;
    }

.pos-orderdetail-paperstate-txt, .pos-orderdetail-paperstate-desc {
    font-size: 21px;
    font-weight: bold;
    color: #fff;
    display: block;
    text-align: left;
}

    .pos-orderdetail-paperstate-desc {
        font-size: 10px;
        padding-top: 5px;
    }

    .pos-orderdetail-cancel {
        color: #808080;
        text-decoration: none;
        font-weight: normal;
        font-size: 10pt;
        margin-right: 20px;
    }

    .paper-cancel-body {
    }

    .paper-cancel-body-txt {
    }

    .paper-cancel-body-phones {
        margin-top: 15px;
    }

    .paper-cancel-body-phones-i {
        display: inline-block;
        margin-right: 10px;
    }

    .pos-delorder-state-wr, .custtop-msg-wr {
        display: block;
        color: #fff;
    }

    .pos-delorder-state-par .middle-panel, .pos-enable-notify-msg .middle-panel, .custtop-msg-par .middle-panel {
        display: block !important;
        margin-right: 10px;
    }

.pos-delorder-state-txt, .custtop-msg-txt {
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    padding-left: 8px;
    padding-right: 8px;
    text-align: left;
}

    .cstm-txt .pos-delorder-state-txt{
        max-width:20em;
    }

    .pos-cart-delivery-priceinfo {
        color: #40ba31;
        font-size: 90%;
        padding-left: 15px;
        float: right;
    }

    .order-sent-conf-body {
    }

.order-sent-conf-order {
    margin-bottom: 25px;
    max-width: 180px;
    text-align: center;
    margin: 10px auto 25px auto;
    border-width: 2px;
    border-style: solid;
    border-color: #40ba31;
    padding: 15px;
    border-radius: 15px;
    /* display: inline-block; */
}

    .order-sent-conf-ordertext {
        font-size: 140%;
    }

    .order-sent-conf-orderno {
        font-size: 26px;
        font-weight: bold;
        color: #40ba31;
    }

    .order-sent-conf-order-info {
    }

    .order-sent-conf-order-props {
        text-align: center;
        margin-top: 8px;
    }

    .order-sent-conf-hint {
        margin-bottom: 25px;
        color: gray;
    }

.eet-info-footer {
    max-width: 800px;
    margin: 1.25em auto;
    text-align: center;
    font-size: 90%;
    color: #808080;
    padding: 0.4em 0.85em;
    box-sizing: border-box;
    border-radius: 0.3333em;
    background-color: #FFF;
}

.pos-delivery-error-msg {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 1.4em;
}

    .pos-delivery-error-msg .ezp-msg-box {
        border-radius: 0.75em; 
        overflow: hidden;
    }

.pos-small-cart-pnl.floating.dellayout:not(.empty) .pos-detail-shoppingcart-flpl {
    transition: all 0.8s;
    position: relative;
    bottom: 0;
    display: block;
    visibility: visible;
}
.pos-small-cart-pnl.empty.dellayout .pos-detail-shoppingcart-flpl {
    bottom: -12em;
    visibility: hidden;
}
.pos-small-cart-pnl.empty.dellayout .pos-detail-shoppingcart-hdn {
    display: none;
}
    @media (max-width: 1199px) {
        .pos-small-cart-pnl.empty .pos-detail-shoppingcart-hdn {
            display: none;
        }

        .pos-small-cart-pnl.floating .pos-detail-shoppingcart-flpl {
            transition: all 0.8s;
            position: relative;
            bottom: 0;
            display:block;
            visibility:visible;
        }

        .pos-small-cart-pnl.empty .pos-detail-shoppingcart-flpl {
            bottom: -12em;
            visibility:hidden;
        }
        .pos-small-cart-pnl.empty.hasorders .pos-detail-shoppingcart-flpl{
            display:none;
        }
    }
@media(min-width:720px) {
    .pos-small-cart-pnl.dellayout .pos-detail-smallcart-pnl {
        max-width: 45em;
        margin: 0 auto;
    }
}
@media(min-width:1200px) {
    .pos-deliverytable-inner .delivery-cart-small.pos-detail-shoppingcart-hdn.hasorders {
        display: block;
    }
    

    .pos-deliverytable-inner .delivery-cart-small {
        box-sizing: border-box;
        padding: 5px 2px 10px 2px;
        border-width: 3px;
        border-style: solid;
        border-radius: 8px;
        height: auto;
        margin-bottom: 5px;
    }

    /*.pos-delorder-info-d .cart-contact-item-info {
        display: none;
    }

    .pos-delorder-state-txt {
        font-size: 0.9em;
        line-height: 1.2em;
    }

        .pos-delorder-state-txt .btm-txt {
            margin-top: 0.6em;
        }

    .pos-delorder-state-txt span {
        text-decoration: none;
    }*/
    .pos-deliverytable-inner .delivery-cart-small {
        border-color: #2A961C;
        box-shadow: 3px 2px 10px 0px rgba(29, 87, 22, 0.6);
    }

    .pos-small-cart-pnl.floating.layout {
        max-height: initial;
        position: inherit;
        bottom: inherit;
        left: inherit;
        top: inherit;
        width: 100%;
        max-height: inherit !important;
    }

    .pos-small-cart-pnl.floating.layout.dellayout .pos-detail-smallcart-wpnl {
        position: fixed;
        bottom: 0px;
        left: 0;
        width: 100%;
        z-index: 24;
    }

    .pos-small-cart-pnl.iscart .cust-del-stwr {
        display: block;
    }

    .cust-del-pastates .cust-del-stwr-inr {
        margin-top: 0.95em;
    }

    .cust-del-pastates .pos-delorder-state-par, .pos-enable-notify-msg {
        border-radius: 0.6em;
        margin-bottom: 1.35em;
    }

    .pos-small-cart-pnl.floating.hasorders.opened .pos-small-cart-pnl-inr {
        position: inherit;
    }

    .cust-del-stwr-handle-wr {
        display: none;
    }

    .pos-small-cart-pnl.floating.layout:not(.dellayout) .delivery-cart-small {
        width: 180px;
        position: fixed;
        z-index: 10;
        right: 50%;
        left: inherit;
        top: 90px;
        bottom: inherit;
        margin-right: -590px;
    }

    .pos-deliverytable-inner .delivery-cart-small .shopping-cart-total-img-p {
        float: none;
    }

    .pos-deliverytable-inner .delivery-cart-small.pos-detail-shoppingcart-hdn.empty.floating {
        display: none;
    }


    .pos-deliverytable-inner .delivery-cart-small .inner-panel {
        text-decoration: none;
        text-align: center;
    }

    .pos-deliverytable-inner .delivery-cart-small .middle-panel-wr {
        text-align: center;
    }

    .pos-deliverytable-inner .delivery-cart-small .shopping-cart-total-img-p {
        display: inline-block;
    }

    .pos-deliverytable-inner .delivery-cart-small .middle-panel {
        margin-left: 0;
        padding: 0 0.35em;
    }

    /*.pos-delorder-state-t, .pos-delorder-state-r, .pos-delorder-state-d {
        display: block;
    }*/
}




@media(min-width:800px) {
    .pos-cart-info .pos-enable-notify-msg {
        border-radius: 0.6em;
        margin-top: 0.5em;
        margin-bottom: 1.35em;
    }
}

    .posm-pubstat {
        display: inline-block;
        text-align: center;
        border-width: 3px;
        border-style: solid;
        border-radius: 8px;
        border-color: #8ebd1f;
        color: white !important;
        background-color: #a9cd28;
        text-decoration: none;
        padding: 8px 10px;
        box-shadow: 1px 1px 10px 0px rgba(29, 87, 22, 0.4);
        transition: all linear 0.4s;
        cursor: pointer;
    }

        .posm-pubstat.open:hover {
            background-color: #8ebd1f;
        }

        .posm-pubstat.closed {
            background-color: #FF4F4F;
            border-color: #f13434;
        }

            .posm-pubstat.closed:hover {
                background-color: #f13434;
            }

    .posm-pubstat-title {
        white-space: nowrap;
    }

    .posm-pubstat-state {
        font-size: 22px;
        font-weight: bold;
    }

        .posm-pubstat-state .txt {
            display: inline-block;
            padding: 3px 0;
        }

    .posm-pubstat-desc {
        font-size: 10px;
    }

    .posm-pubstat.open .posm-pubstat-state .txt {
        text-decoration: underline;
    }

    .posm-pubstat .int {
        display: table;
        width: 100%;
    }

    .posm-pubstat .inr {
        display: table-row;
    }

    .posm-pubstat .ind {
        display: table-cell;
        vertical-align: top
    }

    .posm-pubstat .hre-link {
        width: 1px;
        padding-left: 5px;
    }

        .posm-pubstat .hre-link .txt {
            display: block;
            text-transform: uppercase;
            font-weight: bold;
        }

        .posm-pubstat .hre-link .ico-nxt {
            display: block;
            font-weight: bold;
            font-size: 39px;
            color: white;
        }

    .pos-company-info .ezop-page-cont, .pos-body-info .ezop-page-cont {
        margin: 0 10px 20px;
    }

@media all {
    .ck-agrmnt-pnl, .color-settings-pnl {
        color: #FFF;
        background-color: #818181;
        padding: 2px 0 5px;
        font-size: 10pt;
        line-height: 26px;
        font-family: Arial;
        position: fixed;
        z-index: 99;
        bottom: 0px;
        max-width: 360px;
        left: 0px;
        border: 4px solid #564f4f;
        border-bottom: none;
        border-radius: 0px 10px 0px 0px;
        box-sizing: border-box;
        border-left: none;
        box-shadow: rgba(0, 0, 0, 0.8) 3px 3px 3px;
    }

    .color-settings-close {
        position: absolute;
        right: 0;
        top: 0;
        font-weight: bold;
        color: white;
        text-decoration: none;
        line-height: 1em;
        padding: 0.5em;
    }

    .color-settings-close .color-settings-close-btn {
        font-weight: bold;
        color: white;
        text-decoration: none;
    }


     @media screen and (max-width:640px) {
        .ck-agrmnt-pnl {
            max-width: inherit;
            border-radius: 0px;
            border: none;
            border-top: 4px solid #564f4f;
            width: 100%;
            box-shadow: none;
            position: inherit;
        }
    }

    @media screen and (max-width: 360px) {
        .ck-agrmnt-pnl {
            border-radius: 0px;
            left: 0px;
            border: none;
            border-top: 4px solid #564f4f;
            width: 100%;
            box-shadow: none;
        }
    }

    .ck-agrmnt-pnl-in {
        max-width: 980px;
        margin: 0 auto;
        padding: 0 4px;
    }

    span.ck-agrmnt-pnl-txt {
        margin-right: 5px;
        vertical-align: middle;
    }

    a.ck-agrmnt-pnl-link, a.ck-agrmnt-pnl-ok {
        cursor: pointer;
        color: #FFF;
        padding: 5px 10px;
        background-color: #564F4F;
        border-radius: 2px;
        vertical-align: bottom;
        white-space: nowrap;
    }

    a.ck-agrmnt-pnl-link:hover, a.ck-agrmnt-pnl-ok:hover {
        color: white
    }

    a.ck-agrmnt-pnl-link {
        margin-right: 20px;
    }
}

    .forgor-pass-part {
        margin: 0 0 8px 0;
    }

        .forgor-pass-part:first-child {
            margin-right: 20px;
        }

    .sent-order-title {
        font-size: 120%;
        font-weight: bolder;
        padding: 5px 0px 2px 0px;
        display: block;
        margin-bottom: 10px;
    }


    .pos-orderdetail-paypins {
        max-width: 200px;
        margin: 0 auto 10px auto;
        border: 3px solid #00D0FF;
        border-radius: 10px;
        padding: 4px 2px;
    }

    .pos-orderdetail-paypins-itm {
        border-bottom: 1px solid #f1f1f1;
        padding: 2px 4px;
    }

    .pos-orderdetail-paypins .pos-orderdetail-paypins-itm:last-child {
        border-bottom: none;
    }

    .pos-orderdetail-paypins-top {
        margin-bottom: 4px;
        font-size: 10px;
        color: gray;
    }

    .pos-orderdetail-paypins-name {
    }

    .pos-orderdetail-paypins-value {
        float: right;
    }

    .pos-orderdetail-paypins-btm {
        font-size: 20px;
    }

    .pos-orderdetail-paypins-text {
        margin-right: 8px;
    }

    .pos-orderdetail-paypins-pin {
        font-weight: bold;
    }

    .cart-voucher-wr {
        margin-top: 20px;
        margin-bottom: 5px;
        min-width: 300px;
    }

    .cart-voucher-title {
        font-size: 16px;
        padding-bottom: 3px;
        padding-top: 5px;
        cursor: pointer;
    }

    .cart-voucher-wr .cart-voucher-box-btn {
        margin-left: 5px;
    }

    .cart-voucher-wr .cart-addvoucher-ico {
        border-radius: 50%;
        width: 16px;
        height: 16px;
        min-width: 10px;
        box-sizing: border-box;
        text-align: center;
        line-height: 15px;
    }

    @media(max-width:319px) {
        .cart-voucher-wr {
            min-width: 100px;
        }
    }



    .cart-voucher-wr.collapse .cart-voucher-box {
        display: none;
    }

    .cart-voucher-wr .cart-addvoucher-ico:after {
        content: '−';
    }

    .cart-voucher-wr.collapse .cart-addvoucher-ico {
        line-height: 16px;
    }

        .cart-voucher-wr.collapse .cart-addvoucher-ico:after {
            content: '+';
        }

    .delivery-change-time-dlg .delivery-date-pnl-wr {
        position: absolute;
        z-index: 1;
        width: 100%;
    }

    .delivery-change-time-dlg .delivery-time {
        max-width: 3em;
    }

    .delivery-change-time-dlg .delivery-date {
        max-width: 8em;
    }

    .delivery-change-time-dlg .show-date .trian-ico {
        border-style: solid;
        border-width: 7px 7px 0 6px;
        border-color: #6F6F6F #0000 #0000 #0000;
        display: inline-block;
    }

    .delivery-change-time-dlg .delivery-type-select {
        margin: 15px 5px 0px;
    }

        .delivery-change-time-dlg .delivery-type-select:first-child {
            margin-top: 5px;
        }

    .delivery-change-time-dlg .delivery-type-select-title {
        font-size: 16px;
    }

    .delivery-change-time-dlg .delivery-type-select-desc {
        margin: 5px 5px 5px 25px;
        color: gray;
    }

    .delivery-change-time-dlg .delivery-date-pnl {
        margin: 10px 5px 2px 5px;
    }

    .profil-notif-pnl .texts {
        font-size: 8pt;
    }

    .profil-notif-pnl {
        margin: 0 15px;
    }

        .profil-notif-pnl > .icon {
            width: 40px;
            background-position: -1070px -324px;
        }

        .profil-notif-pnl > .texts {
            margin-left: 40px;
        }

    .day-menu-cmp-desc {
        margin: 8px 0;
    }

    .day-menu-cmp-email {
        text-align: center;
        font-size: 16px;
        margin: 16px 0;
    }

    .day-menu-cmp-email-lbl {
        display: inline-block;
        padding: 4px 8px;
        border-radius: 1px;
        border: 1px solid #D9D9D9;
    }

    .day-menu-cmp-confirm {
        margin: 8px 0;
    }

    .ezop-gdpr-remove-panel {
        margin: 15px 15px;
        border-top: 1px solid #D9D9D9;
        padding-top: 15px;
    }

.ezop-gdpr-agreement-text.agree {
    max-width: 700px;
    margin: 0 auto 25px;
    max-height: 400px;
    overflow-y: scroll;
    border: 1px solid #D9D9D9;
    border-radius: 2px;
    background-color: white;
}

    .ezop-agreement-submit-panel {
        margin: 0px 0px 15px;
    }

    .registered-campaigns-pnl {
        margin: 0 auto;
        max-width: 480px;
        padding-bottom: 25px;
    }


    .adult-info-dialog {
        max-width: 450px;
    }

        .adult-info-dialog .footer {
            text-align: center;
        }

            .adult-info-dialog .footer .abu-btn {
                font-size: 120%;
                margin-right: 30px;
                padding: 10px 15px;
            }

            .adult-info-dialog .footer .cancel-btn {
                margin-right: 0px;
            }

    .adult-info-inner {
    }

    .adult-info-img-pnl {
    }

    .adult-info-img {
        width: 100%;
        height: 180px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
    }

    .adult-info-texts {
        /* text-align: center; */
        padding: 0 8px;
        margin-top: 12px;
    }

    .adult-info-texts-title {
        font-size: 130%;
        font-weight: bold;
    }

    .adult-info-texts-desc {
        margin-top: 10px;
    }

    .lyoness-info-pnl .inner-panel {
        padding: 10px 10px 0;
    }


    .person-img-ico-h {
        position: relative;
        width: 32px;
        height: 32px;
        top: 0;
        border-width: 1px;
        border-style: solid;
        border-color: white;
        background-color: #c5c5c5;
        overflow: hidden;
        border-radius: 50%;
        margin: 0 auto;
        display: block;
    }

        .person-img-ico-h.small {
            width: 16px;
            height: 16px;
            margin-top: 5px;
        }

        .person-img-ico-h.clr {
            background-color: white;
        }

    .person-img-ico-hd {
        display: block;
        border-radius: 50%;
        width: 50%;
        height: 50%;
        position: absolute;
        top: 19%;
        left: 25%;
        background-color: white;
    }

    .person-img-ico-bd {
        display: block;
        position: absolute;
        width: 74%;
        height: 81%;
        background-color: white;
        border-radius: 50%;
        left: 13%;
        bottom: -43%;
    }

    .fr-profil-person-img .person-img-ico-h {
        display: inline-block;
        vertical-align: middle;
        margin-right: 8px;
    }


    .color-settings-inr {
        margin: 5px 10px;
        line-height: 1.3em;
    }

    .color-settings-wr {
    }

    .color-settings-title {
        font-size: 17px;
        font-weight: bold;
    }

    .color-settings-desc {
        font-size: 11px;
    }

    .color-settings-items {
        margin-top: 8px;
    }

    .color-setting-item {
        margin: 8px 0;
    }

    .color-setting-item-link {
        color: white;
    }

    .front-sidemenu-btn {
        cursor: pointer;
        display: inline-block;
    }

        .front-sidemenu-btn .ico {
            display: block;
            background-position: -96px 0px;
            height: 32px;
            width: 32px;
        }


    #viewport.side-visible.frontend {
        overflow: hidden;
        position: relative;
    }

    .front-sidemenu {
        left: -260px;
        overflow: hidden;
        position: absolute;
        width: 240px;
        z-index: 101;
        background-color: #31394A;
        -webkit-transition: -webkit-transform .3s ease-in-out;
        -moz-transition: -moz-transform .3s ease-in-out;
        -o-transition: -o-transform .3s ease-in-out;
        transition: transform .3s ease-in-out;
    }

        .front-sidemenu.visible {
            *-ms-transform: translate(260px, 0px);
            -webkit-transform: translate(260px, 0px);
            transform: translate(260px, 0px);
        }

    .front-sidemenu {
        box-shadow: 5px 0 9px -5px #000;
    }


    .sideShowing .front-sidemenu .sideMenuCloseBox {
        display: block !important;
    }

    .rootMask {
        cursor: pointer;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        z-index: 100;
        background-color: rgba(0, 0, 0, 0.4);
        display: none;
    }

        .rootMask.visible {
            display: block;
        }

    .front-sidemenu .sideMenuBox {
        font-weight: bold;
    }

        .front-sidemenu .side-menu-bottom-link .txt, .front-sidemenu .sideMenuTitle, .front-sidemenu .sideMenuCloseTitle, .front-sidemenu .sideMenuBox span, .front-sidemenu .sideMenuBox .ezop-login-status-logout, .front-sidemenu .sideMenuLinkBox:after {
            color: #AAA;
        }

    .front-sidemenu .sideMenuTitle {
        font-weight: normal;
        text-shadow: 0 1px 0 rgba(0, 0, 0, .6);
        padding: 3px 8px 0px 15px;
        margin-top: 15px;
        font-size: 10px;
        text-transform: uppercase;
    }

.front-sidemenu .sideMenuTitle.device {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

    .front-sidemenu .sideMenuCloseTitle {
        font-weight: normal;
        text-shadow: 0 1px 0 rgba(0, 0, 0, .6);
        padding: 3px 8px 3px 15px;
    }

    .front-sidemenu .sideMenuBox ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }

        .front-sidemenu .sideMenuBox ul li {
            padding: 0 5px;
        }

            .front-sidemenu .sideMenuBox ul li a, .front-sidemenu .sideMenuLinkBox {
                display: block;
                padding: 3px 12px 3px 40px;
                overflow: hidden;
                width: 100%;
                box-sizing: border-box;
                cursor: pointer;
                position: relative;
            }

            .front-sidemenu .sideMenuBox ul li a {
                border-bottom-width: 1px;
                border-bottom-style: solid;
                border-bottom-color: #3C4755;
                border-bottom-color: rgba(255, 255, 255, 0.08);
                padding: 5px 12px 5px 40px;
            }

            .front-sidemenu .sideMenuBox ul li:last-child a {
                border-bottom: none;
            }

    .front-sidemenu .sideMenuBoxP > a {
        padding: 10px 4px 11px 18px !important;
    }

    .front-sidemenu .sideMenuBox ul li a > span:last-child, .front-sidemenu .sideMenuCloseBox a > span:last-child {
        display: inline-block;
        padding: 13px 0 8px 0;
        vertical-align: top;
    }

    .front-sidemenu .sideMenuBox span, .front-sidemenu .sideMenuBox .ezop-login-status-logout {
        font-size: 14px;
    }

    .front-sidemenu .sideMenuLinkBox {
        padding-right: 40px;
        display: block;
        padding-left: 10px;
    }

        .front-sidemenu .sideMenuLinkBox span {
            font-size: 18px;
        }

        .front-sidemenu .sideMenuLinkBox:after {
            display: block;
            content: '';
            position: absolute;
            font-weight: bold;
            right: 0;
            width: 32px;
            height: 32px;
            font-size: 18px;
            line-height: 36px;
            text-align: center;
            top: 50%;
            margin-top: -16px;
            cursor: pointer;
            background-position: -96px -32px;
        }

    .front-sidemenu .sideMenuBox ul li ul li {
        border-top: 1px solid #242A37;
        border-bottom: none;
    }

        .front-sidemenu .sideMenuBox ul li ul li a {
            padding-left: 36px;
        }

    .front-sidemenu .sideMenuCloseBox .sideMenuTitle {
        padding: 0;
    }

    .front-sidemenu .pos-menu-image, .header-right-contact .show-loginbox .ico, .front-sidemenu-btn .ico, .front-sidemenu .sideMenuLinkBox:after, .cart-login-register-btn.login-btn {
        background-image: url(Images/front-menu-32.svg?ver=7);
        background-repeat: no-repeat;
    }

    .front-sidemenu .pos-menu-image {
        display: inline-block;
        height: 32px;
        width: 32px;
        vertical-align: top;
        margin-right: 4px;
        position: absolute;
        left: 4px;
        top: 50%;
        margin-top: -16px;
    }


    .detail-contact-header {
        display: inline-block;
        height: 50px;
        width: 78px;
        float: left;
        margin-left: -78px;
    }

    .header-right-contact {
        display: inline-block;
        cursor: pointer;
    }

    .detail-contact-header .dch-t, .detail-side-btn .dch-t {
        display: table;
        width: 100%;
        height: 100%;
    }

    .detail-contact-header .dch-r, .detail-side-btn .dch-r {
        display: table-row;
    }

    .detail-contact-header .dch-c, .detail-side-btn .dch-c {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

    .hsdmnu .pos-loginbox-wrapper {
        right: 0;
    }

    .header-right-contact .show-loginbox .ico {
        width: 32px;
        height: 32px;
        display: block;
        background-position: 0 0px;
    }

    .front-sidemenu .pos-menu-image.pos-menu-image-login {
        background-position: 0px -96px;
    }

    .front-sidemenu .pos-menu-image.pos-menu-image-logout {
        background-position: -32px -64px;
    }

    .front-sidemenu .pos-menu-image.pos-menu-image-dailymenu {
        background-position: -64px -96px;
    }
    .front-sidemenu .pos-menu-image.pos-menu-image-search {
        background-position: -96px -64px;
    }

    .front-sidemenu .pos-menu-image.pos-menu-image-about-us {
        background-position: -64px 0;
    }

    .front-sidemenu .pos-menu-image.pos-menu-image-ikelp {
        background-position: -32px -32px;
    }

    .front-sidemenu .pos-menu-image.pos-menu-image-rooms {
        background-position: -32px 0;
    }

    .front-sidemenu .pos-menu-image.pos-menu-image-dashboard {
        background-position: 0 -96px;
    }

    .front-sidemenu .pos-menu-image.pos-menu-image-settings {
        background-position: -32px -96px;
    }

    .front-sidemenu .side-menu-bottom {
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
    }

    .front-sidemenu .side-menu-bottom-pnl {
    }

    .front-sidemenu .side-menu-bottom-link {
        display: block;
        text-align: center;
        padding: 10px 0;
    }

        .front-sidemenu .side-menu-bottom-link .side-menu-bottom-link-inr {
            display: inline-block;
            padding: 4px 4px 4px 22px;
            position: relative;
            font-size: 10px;
        }

    .front-sidemenu .bottom-ikelp-img {
        background-image: url(Images/ikelp-64.svg);
        background-repeat: no-repeat;
        background-size: contain;
        display: inline-block;
        position: absolute;
        left: 0;
        width: 16px;
        height: 16px;
        top: 50%;
        margin-top: -8px;
    }


    .front-sidemenu .side-menu-inr {
        position: relative;
        padding-bottom: 60px;
    }



    .front-sidemenu .pos-change-lang-box {
        text-align: center;
        padding: 13px 3px 18px;
    }

    .front-sidemenu .pos-lang-change-link, .footer-lang-bar .pos-lang-change-link {
        display: inline-block;
        width: 29px;
        height: 19px;
        margin: 0 18px 6px 0;
        background-image: url('../EzopTheme/Images/eu_flags_47x30.jpg');
        background-repeat: no-repeat;
        background-size: 238.666666667px 223.333333333px;
    }

    .front-sidemenu .pos-change-lang-box .pos-lang-change-link:last-child, .footer-lang-bar .pos-change-lang-box .pos-lang-change-link:last-child{
        margin-right: 0px;
    }

    .front-sidemenu .pos-lang-change-link.sk-SK, .footer-lang-bar .pos-lang-change-link.sk-SK{
        background-position: -85px -169px;
    }

    .front-sidemenu .pos-lang-change-link.en-US, .pos-lang-change-link.en-GB, .footer-lang-bar .pos-lang-change-link.en-US{
        background-position: -8px -62px;
    }

    .front-sidemenu .pos-lang-change-link.it-IT, .footer-lang-bar .pos-lang-change-link.it-IT{
        background-position: -124px -62px;
    }

    .front-sidemenu .pos-lang-change-link.de-DE, .footer-lang-bar .pos-lang-change-link.de-DE{
        background-position: -47px -35px;
    }

    .front-sidemenu .pos-lang-change-link.ko-KR, .footer-lang-bar .pos-lang-change-link.ko-KR{
        background-position: -8px -8px;
    }

    .front-sidemenu .pos-lang-change-link.cs-CZ, .footer-lang-bar .pos-lang-change-link.cs-CZ{
        background-position: -200px -169px;
    }


    .front-vouchers-pnl {
    }

    .profil-adv-info .front-vouchers-pnl {
        margin: 0 10px;
    }

    .front-vocuher-itm-wr {
        box-sizing: border-box;
        display: inline-block;
        width: 50%;
        padding: 2px;
        vertical-align: top;
    }


    .front-vocuher-itm {
        padding: 8px 8px;
        border: 1px solid #f4f4f4;
        border-radius: 2px;
    }

    .front-vocuher-itm-wr.cart-voucher .front-vocuher-itm {
        background-color: #e4e4e4;
    }

    .front-voucher-name {
        font-weight: bold;
    font-size: 1.3em;
    }

    .front-voucher-body {
        padding: 4px 0;
    }

.front-voucher-code {
    display: none;
    color: gray;
    font-size: 0.75em;
}

    .front-voucher-price {
    }

    .front-voucher-props {
    }

        .front-voucher-props .prop {
            display: inline-block;
            padding: 2px 4px;
            color: #FFF;
            border-radius: 2px;
            margin: 1px 5px 2px 0px;
            font-size: 8pt;
            font-weight: bold;
            background-color: #FF8000;
        }

        .cart-itm-voucher-wr .front-voucher-props .prop{
            background-color: #808080;
        }

.voucher-addbtn {
    background-color: #40BA31;
    display: inline-block;
    padding: 2px 4px;
    color: #FFF;
    border-radius: 2px;
    margin: 1px 5px 2px 0px;
    font-size: 8pt;
    font-weight: bold;
}

    .fr-cust-card-wr {
    }

    .fr-cust-card {
        border-radius: 10px;
        box-sizing: border-box;
        padding: 8px 10px;
        max-width: 310px;
        background-color: #40BA31;
        margin: 0 auto;
    }

    .fr-cust-card-inr {
    }

    .fr-cust-card-top {
    }

    .fr-cust-card-bottom {
        padding-top: 5px;
    }

    .fr-cust-card-logo {
        float: left;
        padding: 0px 0px;
    }

    .fr-cust-card-logo-img-wr {
    }

    .fr-cust-card-logo-img {
        width: 48px;
        height: 48px;
        margin: 0 auto;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 4px;
    }

    .fr-cust-card-ofname {
        margin-left: 58px;
        height: 48px;
    }

    .fr-cust-card-ofname-txt {
        color: white;
        font-weight: bold;
    }

    .fr-cust-card-code-bar {
        text-align: center;
    }

    .fr-cust-card-code-bar-wr {
        display: inline-block;
        background-color: white;
        padding: 8px 6px;
        border-radius: 4px;
    }

    .fr-cust-card-code-bar-img {
        border-radius: 4px;
    }

    .fr-cust-card-code {
    }

    .fr-cust-card-code-qr {
    }

    .fr-cust-card-code-qr-wr {
        text-align: center;
    }


    .fr-cust-card-code-qr-img {
        width: 150px;
        height: 150px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

    .fr-cust-card-code-qr-txt-wr {
        font-size: 18px;
    }

    .fr-cust-card-code-qr-txt {
        text-align: center;
        color: white;
    }

    .fr-cust-card-code-qr-inr {
        display: inline-block;
        padding: 5px;
        background-color: white;
        border-radius: 4px;
    }

    .fr-cust-card .fr-cust-card-ofname-txt.small {
        font-size: 16pt;
    }

    .fr-cust-card .fr-cust-card-ofname-txt.medium {
        font-size: 13pt;
    }

    .fr-cust-card .fr-cust-card-ofname-txt.large {
        font-size: 12pt;
    }

    .fr-cust-card-btn-wr {
        text-align: center;
        padding: 12px 4px;
    }

    .fr-cust-card-btn-text {
        color: white;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 10px;
        vertical-align: middle;
        display: inline-block;
        padding-left: 15px;
    }

    .fr-cust-card-btn-ico {
        display: inline-block;
        vertical-align: middle;
        width: 24px;
        height: 24px;
        background-image: url(Images/loyality-card.svg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
    }

    .fr-cust-card-btn-inr {
        padding: 10px 18px;
    }

    .fr-cust-card-btn.cust1-1-bg {
        display: inline-block;
        border-radius: 50px;
        cursor: pointer;
        text-align: center;
        background-color: #40BA31;
    }

    .fr-cust-card-inrdial {
        margin: 20px 5px 10px 5px;
    }

    .pos-person-advantages-pnl {
        margin-bottom: 15px;
    }

    .profil-name-dashlink {
        font-size: 10px;
        text-decoration: underline;
        color: #393939;
        font-weight: normal;
    }

    .pos-table-lastecrs {
    }

        .pos-table-lastecrs .separator {
            border-top: 1px solid #CCC;
            margin: 10px 10px 0 10px;
        }

    .pos-table-lastecrs-title {
        font-size: 12pt;
        font-weight: bolder;
        text-align: left;
        max-width: 720px;
        margin: 10px auto 10px auto;
        padding-left: 10px;
        color: #40BA31;
    }


.lpoint-rul-wr{
    margin:0 1em;
}
    .lpoint-rul-itm-i {
    display: table-cell;
    padding: 0.3em 0.5em;
}

.lpoint-rul-itm {
    display: table-row;
}

.lpoint-rul-pnl {
    display: table;
}



.lpoint-rul-itm-i.i-eq {
    min-width: 4em;
    text-align: center;
}

.lpoint-rul-itm-i.i-btn {
    padding: 0.2em 0.5em;
    text-align: center;
}

.lpoint-rul-itm-i.p-pval, .lpoint-rul-itm-i.i-vchr {
    font-weight: bold;
}
.lpoint-rul-itm-i.p-pval .txt, .lpoint-rul-itm-i.i-vchr .txt{
    font-size:1.1em;
}

.lpoint-rul-itm.disabled .txt, .loyality-program-agrmnt, .loyality-program-agrmnt a {
    color: #bebebe;
}

.loyality-program-agrmnt{
    margin-top:3.5em;
}

.loyal-pnts-pnl .loyal-pnts-val{
    font-weight:bold;
    font-size:1.3em;
}

.cart-voucher-title-inr{
    width:100%;
    box-sizing:border-box;
    max-width:250px;
}

.det-paper-payment-date, .det-paper-payment-no, .det-paper-payment-name {
    font-size: 1.05em;
}
.det-paper-payment-date{
    float:right;
}
.det-paper-payment-no{
    float:left;
}

.det-paper-payment-inr {
    max-width: 15em;
    margin: 0.7em auto 0.7em auto;
    border-width: 3px;
    border-style: solid;
    border-color: #00D0FF;
    border-radius: 0.75em;
    background-color: white;
    padding: 0.5em 0.9em;
}

.det-paper-payment-title-pnl{
    float:left;
}

.det-paper-payment-int {
    font-size: 5em;
    font-weight: bold;
    margin: 0 auto auto 0;
    text-align: center;
}

.det-paper-payment-price{
    font-weight:bold;
    font-size:1.2em;
    float:right;
}

.pap-pmnt-price-ceil{

}

.pap-pmnt-price-decimals{
    font-size:0.9em;
}
.det-paper-payment-pin{
    margin: 0em auto 0.5em auto;
}

.det-paper-delstate-wr {
    max-width: 350px;
    margin: 1.2em auto 1.8em auto;
}


.detail-table-actions-delpapers {
    margin: 1em 0 1.75em 0;
}

.detail-table-actions-delpapers .pos-delorder-state-par {
    margin-bottom: 0.75em;
}


@media(min-width:460px){
    .detail-table-actions-delpapers .pos-delorder-state-par {
        border-radius: 0.6em;
        margin-bottom: 1.35em;
    }

    .detail-table-actions-delpapers {
        padding: 0.25em 1.25em;
    }
}


.pap-pmnt-header {
    margin-bottom: 0.8em;
}


body.pos-iframe {
    background: none transparent !important;
}

body.pos-iframe .zone-pos-workspace {
    background: none transparent !important;
}

.frnt-body::-webkit-scrollbar {
    width: 8px;
}

.frnt-body::-webkit-scrollbar-button {
    display: none;
}

.frnt-body::-webkit-scrollbar-track {
    background: transparent;
}

.frnt-body::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 20px;
}

.var-dlg-maxh::-webkit-scrollbar {
    width: 0px;
}
.scrollable .var-dlg-maxh::-webkit-scrollbar {
    width: 5px;
}

.var-dlg-maxh::-webkit-scrollbar-button {
    display: none;
}

.var-dlg-maxh::-webkit-scrollbar-track {
    background: transparent;
}


.var-dlg-maxh::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 20px;
}


.pos-iframe::-webkit-scrollbar {
    width: 12px;
}

.pos-iframe::-webkit-scrollbar-button {
    display: none;
}

.pos-iframe::-webkit-scrollbar-track {
    background: transparent;
}


.pos-iframe::-webkit-scrollbar-thumb {
    background: #444;
    border-radius: 20px;
}


body.pos-iframe .app-top-header {
    position: fixed;
    z-index: 3;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
}

body.pos-iframe .app-top-header-par:before{
    content:'';
    display: block;
    height: 50px;
}

body.pos-iframe .pos-loginbox-wrapper
/*, body.pos-iframe .pos-loginbox-wrapper-deli*/
{
    position: fixed;
    max-height: 85%;
}


body.pos-iframe .pos-front-lgn-inr-body{
    overflow: scroll;
    max-height:420px;
}

body.pos-iframe .pos-loginbox-inr{
        max-height: 100%;
}

body.pos-iframe .ck-agrmnt-pnl{
    display:none;
}

.cat-gds-close-wr {
    padding: 0.25em 1.25em 0.25em;
    line-height: 1.5em;
}

.cat-gds-title-wr .cat-gds-close-wr.adm{
    display:none;
}

.cat-gds-title-wr.closed .cat-gds-close-wr.adm{
    display:block;
}

.cat-gds-close{
    color:white;
    background-color: #FF4F4F;
}

.var-item-gds-close .cat-gds-close-det{
    height: 2.25em;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}


.sm-det-addtocart-pnl {
    font-size: 10pt;
    position: absolute;
    width: 6.5em;
    height: 2.3em;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.2);
    bottom: -2.3em;
    visibility: hidden;
    transition: all linear 0.1s;
    border-radius: 0.5em 0 0 0;
}

.sm-det-addtocart-pnl{
    text-align:center;
}

.sm-det-addtocart-pnl .ico {
    width: 1.8em;
    height: 2.3em;
    background-image: url(Images/delivery-cart-smico2.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto;
    background-position: center center;
    
}

.sm-detail-wrap:hover .sm-det-addtocart-pnl, .sm-detail-txt-wrap:hover .sm-det-addtocart-pnl{
    bottom: 0;
    visibility: visible;
}

.shopping-cart-delinf-pnl .ico {
    display: inline-block;
    width: 2em;
    height: 2em;
    /*margin-right: 0.5em;
    margin-left: 0.5em;*/
    background-image: url(Images/delivery-cart-dico.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

.sugg-recs-grp-title {
    padding: 0 17px 0;
    color: gray;
    margin-bottom: 0.75em;
}

.sugg-recs-grp-title .opts {
    font-size: 0.75em;
    float: right;
    padding: 0 0.6em;
}

.sugg-recs-grp-wr {
    padding: 4px 0;
    border: 1px solid transparent;
}

.sugg-recs-grp-wr.error {
    border-color: red;
    border-radius: 2px;
}

.sugg-recs-grp-wr.error .sugg-recs-grp-title .opts{
    color: red;
    font-weight: bold;
}

.pos-person-advantages-grps {
    margin-bottom: 0.35em;
}

.advantage-grp {
    display: inline-block;
    padding: 0.18em 0.36em;
    color: #FFF;
    border-radius: 0.18em;
    margin: 0.9em 0.45em 0.18em 0;
    font-size: 0.9em;
    font-weight: bold;
}

.advantage-grp.gray {
    background-color: gray;
}

.register-form-part{
    margin-bottom:25px;
}

.pos-or-separator {
    margin: 1.125em 0.75em;
    padding: 0.375em;
}

.pos-or-separator-inr {
    position: relative;
}


.pos-or-separator-line{
    border-bottom: 1px solid #CCC;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -1px;
    z-index: 0;
}

.pos-or-separator-tpnl{
    text-align: center;
    z-index: 1;
    position: relative;
}

.pos-or-separator-txt {
    background-color: white;
    display: inline-block;
    padding: 0.15em 1.5em;
    font-size: 1.15em;
    font-weight: bold;
    color: #999;
}

.reg-page-succ {
    text-align: center;
    margin: 2.5em 0.2em 4em 0.2em;
    border-radius: 0.3em;
    overflow: hidden;
    box-shadow: 0px 5px 1.5em rgba(0, 0, 0, 0.2);
}
.reg-page-succ-ico-wr {
    padding: 1.5em;
    background-color: #40BA31;
    border-radius: 0.4em;
}
.reg-page-succ-wr-ico {
   width: 40%;
   height: 66%;
   margin-top: 10%;
   margin-left: 31%;
   position:relative;
   transform: rotate(45deg);
}

.reg-page-succ-ico-p {
    height: 8em;
    width: 8em;
    box-sizing: border-box;
    border-radius: 50%;
    border-width: 0.5em;
    border-style: solid;
    border-color: white;
    margin: 0 auto;
}

.reg-page-succ-msg-wr {
    margin-top: 0.9em;
}

.reg-page-succ-msg-title {
    font-size: 2.25em;
    color: #999;
    font-weight: normal;
    margin: 0.5em 0;
    padding: 0 0.8em;
}
.reg-page-succ-cpage, .reg-page-succ-msg-txt {
    color: #999;
}
.reg-page-succ-msg-txt {
    color: #999;
}
.reg-page-succ-wr-ico-b {
    height: 1.2em;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background-color:white;
}

.reg-page-succ-wr-ico-t {
    width: 1.2em;
    top: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background-color:white;
}

.reg-page-succ-msg-p {
    padding-bottom: 2em;
}
.reg-page-succ-nx-wr{
    text-align:center;
}

.reg-page-succ-ico-wr .block-msg{
    padding: 1.5em 1em;
}

.reg-page-succ-ico-wr .block-msg-txt{
    text-align:center;
    font-size:1.6em;
    font-weight:bold;
    text-transform:uppercase;
    color:white;
}

.pos-company-info .text-subtitle, .pos-body-info .text-subtitle {
    color: #404040;
    font-size: 1.3em;
    margin-bottom: 0.3em;
}

.pos-company-info .text-item, .pos-body-info .text-item {
    position:relative;
    padding: 0.3em 0.3em 0.3em 1.9em;
}
.pos-company-info .text-item:before, .pos-body-info .text-item:before {
    content:'';
    display:block;
    background-color: #bebebe;
    width:0.5em;
    height:0.5em;
    position:absolute;
    left: 0.3em;
    border-radius:50%;
    top:50%;
    margin-top: -0.25em;
}

.pos-company-info .text-part, .pos-body-info .text-part {
    margin-bottom: 0.8em;
}

.pos-company-info .city-list-item-n, .pos-body-info .city-list-item-n {
    font-weight: bold;
}

.pos-company-info .city-prop-detime, .pos-body-info .city-prop-detime{
    font-weight:normal;
    font-size:0.9em;
}


.pos-company-info .city-list-item-props, .pos-body-info .city-list-item-props {
    font-size: 0.8em;
}
.pos-company-info .city-list-items-t, .pos-body-info .city-list-items-t{
    border-collapse:collapse;
    width:100%;
    max-width:380px;
}
.pos-company-info .city-list-item-t,
.pos-company-info .city-list-item-price-t,
.pos-body-info .city-list-item-t,
.pos-body-info .city-list-item-price-t{
    vertical-align:top;
    padding:0;
}
.pos-company-info .city-list-item-price,
.pos-body-info .city-list-item-price{    
    padding: 0.3em;
}
.pos-company-info .city-prop-val, .pos-body-info .city-prop-val {
    line-height: 1.2em;
    padding: 0.2em 0;
}


.mall-cart .fr-msgs-par.hasmsg {
    position: fixed;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.40);
}

@media(min-height:45em) and (min-width:45em){
   .mall-cart .fr-msgs-par.hasmsg {
       align-items: normal;
       padding-top: 15.5em;
   } 
}

.mall-cart .fr-msgs-par.hasmsg .fr-msgs-pnl{
    max-width: 31.5em;
    width: 95%;
}

.mall-cart .fr-msgs-par.hasmsg .ezop-msg-box-wr {
    background-color:inherit;
}

.mall-cart .fr-msgs-par.hasmsg .ezp-msg-box {
    background-color: none;
    border-radius: 0.5em;
    overflow: hidden;
    min-height: 6.5em;
}

.pos-fr-list {
    max-width: 30em;
    margin: 0 auto;
    font-size: 1.1em;
}

.pos-fr-list .d-tlb {
    width: 100%;
    box-sizing: border-box;
    border-collapse: collapse;
    border: 1px solid #f5f5f5;
}

.pos-fr-list .d-tlb-td {

}

.pos-fr-list .d-tlb-td {
    padding: 8px 16px;
    border-bottom: 1px solid #EEE;
    vertical-align: middle;
    transition: all linear 0.2s;
}

.pos-fr-list .d-tlb-tr:hover .d-tlb-td {
    background-color: #f5f5f5;
}
.pos-fr-list .d-tlb-td .more-btn {
    text-decoration: none;
    font-size: 1.3em;
}

.pos-fr-list .d-tlb-td .paper-print {
    text-decoration: none;
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    margin: 0 0.2em;
    border-radius: 0.2em;
    border: 1px solid transparent;
    box-sizing: border-box;
}

.pos-fr-list .d-tlb-td .paper-print:hover {
    border: 1px solid #EEE;
}

.mktpaper-joinedpapers-wr {
    padding: 0.8em 0;
}

.mktpaper-joinedpapers-item {
    display: inline-block;
    padding: 0.4em 0.8em;
    text-decoration: none;
    border-width: 1px;
    border-style: solid;
    border-color: #EEE;
    border-radius: 0.2em;
    white-space: nowrap;
    transition: all linear 0.2s;
}

.mktpaper-joinedpapers-item:hover {
    background-color: #f5f5f5;
}

.mktpaper-joinedpapers-item > span {
    vertical-align: middle;
    display: inline-block;
}

.mktpaper-joinedpapers-item > .ico {
    width: 1.5em;
    height: 1.5em;
    box-sizing: border-box;
    
}

.dash-adv-ico.orders-icon, .mktpaper-joinedpapers-item > .ico, .pos-fr-list .d-tlb-td .paper-print {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url('Images/paper_icon.svg');
}

.mktpaper-joinedpapers-item > .txt {
    padding: 0 0.5em;
    text-decoration: underline;
}

.tip-par-val.pre-total .basket-total-text {
    font-size:0.8em;
    padding-right:0.8em;
}

.tip-par-val .basket-total-pay {
    min-width: 7em;
    display: inline-block;
    padding: 0.2em 0 0.2em 1.2em;
    vertical-align: middle;
}

.tip-par-val.tip .basket-total-pay, .tip-par-val.tip .tip-input-wr {
    border-bottom: 1px solid #CCC;
}

.tip-par-val.tip .tip-input-wr, .tips-panel.custom .tip-par-val.tip .basket-total-pay,
.tips-panel.empty .tip-par-val.tip, .tips-panel.empty .tip-par-val.cart,
.tips-panel .tip-change, .tips-panel.selected .tips-select-wr {
    display: none;
}

.tips-panel.custom .tip-par-val.tip .tip-input-wr {
    display: inline-block;
    min-width: 7em;
    padding: 0 0 0.2em 1.2em;
    vertical-align: middle;
}
.tips-panel.custom .tip-par-val.tip .tip-input {
    max-width: 5em;
}

.tips-panel.selected .tip-change{
    display:inline-block;
}

.tip-par-val.pre-total .shopping-cart-total-ceil {
    font-size: 15pt;
}
.tip-par-val.pre-total .shopping-cart-total-decimals {
    font-size: 12pt;
}

.tip-select-item .desc {
    display: block;
    font-weight: normal;
    font-size: 0.8em;
}

.tip-select-item.selected {
    border-color: #40BA31
}

.tips-panel-info.empty .pos-cart-delivery-priceinfo, .tips-panel-info.empty .subtitle-change.selected, .tips-panel-info .subtitle-change.empty {
    display: none
}
.tips-panel-info.empty .subtitle-change.empty {
    display:block;
}
.zone-ucmaster-workspace{
    padding-bottom:5px;
}

.detail-rec-snooze-tlbwr{
    font-size: 0.75em;
    font-weight: normal;
}

.detail-rec-snooze{
    line-height: 1.5em;
    color: white;
    background-color: #FF4F4F;
    padding: 0.36363636363em 0.72727272727em;
    margin: 0.25em 0;
    border-radius: 0.36363636363em;
    text-shadow: none;
}

.detail-rec-snooze-txt{

}


.sm-det-ing-wr .detail-rec-snooze{
    font-size:0.75em;
}

.sm-det-ing-wr .detail-rec-snooze{
    display:inline-block;
}
.soup-sm-rec .detail-rec-snooze{
    font-size: 0.71428571428em;
}
.soup-sm-rec .detail-rec-snooze {
    vertical-align: middle;
    margin: 0 0.5em;
}

.selected-wnd.disable-buy .props-pnl, .selected-wnd.disable-buy .var-con-pnl, .selected-wnd.disable-buy .sec-wnd-sel-grps{
    display:none !important;
}

.sugg-snooze-ico{
   width: 24px;
   height: 24px;
   background-color: #ff5e5e;
   display: inline-block;
   vertical-align: middle;
   margin-right: 6px;
   border-radius: 50%;
   background-position: center center;
   background-image: url('Images/snooze-item.svg?ver=6');
   background-repeat: no-repeat;
}
.variant-item .sugg-snooze-ico{
    position:absolute;
    bottom:0.3em;
    left:0.3em;
}

.pos-content-head {
    background-color: #40ba31;
    padding-bottom: 3.5em;
}

.header-delivery {
    margin: 0 auto;
    max-width: 90em;
}

.header-delivery-inr {
    background-color: white;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    height: 3.75em;
    align-items: center;
}

.pos-iframe .header-delivery-inr{
    box-shadow: rgb(0 0 0 / 6%) 0px 0px 0.75rem 0px, rgb(0 0 0 / 12%) 0px 0.75rem 0.75rem 0px;
}
/*
.pos-iframe .header-deliverytop-wr{
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 5;
}

.pos-iframe .header-delivery:before{
    content:'';
    display:block;
    height: 3.75em;
}
*/


.header-delivery-itm {
    display: inline-block;
    vertical-align: middle;
    padding: 0 1.5em;
}

.header-delivery .opening-status .status-info .status-info-part {
    margin-bottom: 0;
    vertical-align: middle;
}

.header-delivery .opening-status .status-info .status-info-part {
    display: inline-block;
    vertical-align: middle;
}

.header-delivery .opening-status .status-info .status-info-part.msg{
    font-size:1.2em;
    font-weight:bold;
} 
.header-delivery .more, .header-delivery .more a, .header-delivery .status-info-part.td-o-h , .header-delivery .open-hours-open-from, .header-delivery-small-title{
    color: #999;
}
.header-delivery .status-info-part.td-o-h , .header-delivery .open-hours-open-from{
    padding-left:0.35em;
}

.header-delivery .fr-profil-person-img .person-img-ico-h {
    margin-right: 0;
}

.header-delivery-title-txt, .header-delivery-desc-txt {
    color: white;
}

.header-delivery-title-txt {
    margin: 0;
    padding: 0;
    font-size: 4em;
    font-weight: bold;
}

.header-delivery-title {
}

.deader-delivery-title-bgimg {
    min-height: 4em;
}

@media (orientation: landscape) and (max-height:500px) {
    div.deader-delivery-title-bgimg {
            min-height: 4em;
    }
}

.pos-content-head.small .deader-delivery-title-bgimg{
    min-height:2em;
}

.header-delivery-title-inp {
    padding: 0 2.3em;
}

.header-delivery-title-wr {
    background-color: inherit;
    border-radius: 0.65em;
}

.header-delivery-title-logo-wr, .header-delivery-title-wr {
    display: table-cell;
    vertical-align: top;
    padding: 0 1.3em;
}

.header-delivery-title-logo-wr {
    width: 1px;
    display:none;
}

.header-delivery-title-logo {
    display: inline-block;
    width: 9.75em;
    height: 9.75em;
    border-radius: 0.75em;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.header-delivery-title-twr {
    padding-bottom: 0.5em
}

.header-delivery-desc-twr {
    padding: 0 0.25em 0.5em;
    font-weight: bold;
    font-size: 1.1em;
}
.pos-content-body-info {
    background-color: white;
    padding: 1.5em 0 2.5em 0;
}

.pos-gr-initem-p {
    display: inline-block;
}
.pos-grp-inwrinn {
    font-size: 1.4em;
    padding: 0.38em 0.75em;
    cursor:pointer;
    display:block;
}
.pos-group-inname{
    color:#40BA31;
}

.pos-groups-pnl-part-title{
    color:#65D257;
    font-size:0.75em;
}
.pos-groups-pnl-part-t{
    padding: 0 0.35em;
}

@media(min-width:1200px) {
    .pos-content-body-info {
        border-radius: 0.75em 0.75em 0 0;
        max-width: 85%;
        margin: -1.5em auto 0 auto;
        padding: 1.5em 2em 2.5em 2em;
        max-width: 90em;
        box-sizing:border-box;
    }
}

@media(max-width:420px) {
    .header-delivery .open-status.open .openh.icoboxwr{
        padding: 4px 0px;
    }
    .header-delivery .open-status.open .openh.icoboxwr .ico{
        display:none;
    }
    .header-delivery-itm {
        padding: 0 0.5em;
    }

    .header-delivery .status-info-part.open-hours-open-from {
        display:none !important;
    }
}

@media(max-width:359px) {
    .header-delivery-inr.anonym .open-status.open{
        display:none;
    }
}
.header-delivery-inr {
    
}

.header-deliverytop-wr{
    position: sticky;
    top: 0;
    z-index: 2;
}

.pos-delivery-table-cats-wr {
    position: sticky;
    top: 0;
    background-color: white;
    z-index: 1;
    box-shadow: 0 8px 8px 0 rgb(0 0 0 / 8%);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.pos-delivery-table-cats {
    padding-bottom: 0.2em;
    position: relative;
}
/*.pos-iframe .pos-delivery-table-cats{
    position:static;
}
*/
.pos-groups-pnl-wr {
    white-space: nowrap;
    overflow: hidden;
    overflow-x: auto;
}

.pos-delivery-table-cats:not(.wide){
    padding-bottom:0.6em;
}

.pos-groups-pnl-wr::-webkit-scrollbar {
    height: 0.6em;
}
.pos-groups-pnl-wr::-webkit-scrollbar-button {
    display: none;
}

.pos-groups-pnl-wr::-webkit-scrollbar-track {
    background: transparent;
}

.pos-groups-pnl-wr::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 20px;
}
.pos-groups-pnl-wr:hover::-webkit-scrollbar-thumb {
    background: #ccc;
    
}



.pos-groups-pnl-part {
    display: inline-block;
    padding: 0.3em 0 0;
    vertical-align: top;
}
.pos-groups-pnl-part .pos-groups-pnl-part-in, .recom-dlg .pos-groups-pnl-part {
    display: block;
}
.recom-dlg .pos-groups-pnl-part-in {
    display: flex;
    flex-wrap: wrap;
}

.recom-dlg .pos-groups-pnl-wr {
    white-space: inherit;
    padding: 0.8em 0.6em;
    min-height: 28em;
}

.pos-delivery-table-inr .pos-gr-item-p, .pos-delivery-table-inr .pos-gr-item-p.bg, .recom-dlg .pos-gr-item-p {
    width: 178px;
}

.pos-delivery-table-cats.notstart:before{
    content:'';
    position:absolute;
    display:block;
    top:0;
    left:0;
    bottom:0.6em;
    right:inherit;
    width:1.2em;
    z-index:1;
    background: linear-gradient(270deg,rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 43%) 35%, rgb(255 255 255 / 83%) 100%);
}

.pos-delivery-table-cats.notend:after{
    content:'';
    position:absolute;
    display:block;
    top:0;
    right:0;
    bottom:0.6em;
    left:inherit;
    width:1.2em;
    z-index:1;
    background: linear-gradient(90deg,rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 43%) 35%, rgb(255 255 255 / 83%) 100%);
    height:inherit;
}

.pos-groups-srch-part.groups-top-srch, .pos-groups-srch-part.groups-sd-srch {
    display: none;
}

.pos-groups-srch-part.groups-tlb-srch {
    padding: 0.4em 0.4em 0.4em;
}

.del-cats-wrpnl:not(.wide) .deli-cats-show-all {
    display: none;
}

.deli-cats-show-all {
    position: absolute;
    right: 0;
    bottom: -1.35em;
    z-index: 1;
}

.deli-cats-show-all-in {
}

.deli-cats-show-all-btn {
    height: 1.875em;
    width: 4.125em;
    background-color: white;
    border-style: solid;
    border-color: #CCCCCC;
    border-width: 0 0 0.075em 0.075em;
    display: inline-block;
    border-radius: 0 0 0.2em 0.5em;
    box-shadow: 0px 0.075em 0.075em #bcbcbc;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 1.2em;
    cursor: pointer;
    text-align: center;
}

.pos-groups-sdsrch {
    position: absolute;
    left: 0;
    bottom: -1.35em;
    z-index: 1;
}

.pos-groups-sdsrch-in {
}

.pos-groups-sdsrch-btn {
    height: 1.875em;
    width: 4.125em;
    background-color: white;
    border-style: solid;
    border-color: #CCCCCC;
    border-width: 0 0.075em 0.075em 0;
    display: inline-block;
    border-radius: 0 0.2em 0.5em 0;
    box-shadow: 0px 0.075em 0.075em #bcbcbc;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 1.2em;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.2em 0;
}
.pos-groups-sdsrch-btn .htico-magn {
    font-size: 0.75em;
}

.htico-magn {
    display: inline-block;
    width: 2em;
    height: 2em;
    position: relative;
}

.htico-magn-gl {
    display: inline-block;
    background-color: transparent;
    border-radius: 100%;
    border-width: 0.2em;
    border-style: solid;
    border-color: #40BA31;
    width: 1.4em;
    height: 1.4em;
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
}

.htico-magn-hnd {
    display: inline-block;
    background-color: #40BA31;
    width: 0.65em;
    height: 0.2em;
    border-radius: 0 2em 2em 0;
    transform: rotate(45deg);
    position: absolute;
    right: 0.3em;
    bottom: 0.5em;
    box-sizing: border-box;
}



@media(min-width: 500px) {
    .pos-delivery-table-cats-inwr.srchbox {
        position: relative;
    }

    .pos-groups-srch-part.groups-btm-srch {
        display: none;
    }
    .pos-groups-srch-part.groups-sd-srch {
        display: block;
        font-size: inherit;
    }
    .pos-delivery-table-cats-inwr.srchbox .pos-delivery-table-cats-chlds .pos-groups-pnl-part-t {
        margin-left: 4.5em;
    }
}

@media (hover: none) and (pointer: coarse) {
    .pos-groups-pnl-wr::-webkit-scrollbar {
        height: 0;
    }

    .pos-delivery-table-cats {
        padding-bottom: 0.6em;
    }

    .deli-cats-show-all {
        bottom: -1.45em;
    }
}

.pos-grp-chlditm {
    display: none;
}

@media(min-width: 1201px) {

    .pos-grp-chlditm {
        display: inline-block;
    }
    .pos-delivery-table-cats-chlds{
        display:none !important;
    }

    .pos-delivery-table-cats-inwr.srchbox {
        margin-left: 0;
    }
    .pos-groups-pnl-part-t {
        padding: 0 0 0.4em;
    }
    .pos-groups-pnl-part-in.partitm{
        padding-left:0.3em;
    }

    .pos-gr-initem-p {
        display: block;
    }

    .pos-grp-inwrinn {
        padding: 0.38em 0.15em;
    }

    .pos-delivery-table-cats-wr, .pos-iframe .pos-delivery-table-cats {
        width: 13.15em;
        float: left;
        position: sticky;
        top: 0.5em;  
        box-shadow:none;
        padding-bottom:0;
    }
    .pos-delivery-table-cats {
        padding-bottom: 0;
    }

    .pos-groups-pnl-wr {
        white-space: normal;
        overflow-x: inherit;
        overflow-y: auto;
    }

    .pos-groups-pnl-part{
        padding-bottom:1.15em;
        display:block;
    }
    .pos-groups-pnl-wr::-webkit-scrollbar {
        width: 0;
        height:0;
    }
    .pos-groups-pnl-wr::-webkit-scrollbar-button {
        display: none;
    }

    .pos-groups-pnl-wr::-webkit-scrollbar-track {
        background: transparent;
    }


    .pos-groups-pnl-wr::-webkit-scrollbar-thumb {
        background: transparent;        
    }

    .pos-delivery-table-gds {
        margin-left: 15em;
        min-height: 9em;
    }

    .pos-delivery-table-inr .pos-groups-pnl {
        display: block;
    }

    .pos-delivery-table-inr .pos-gr-item-p, .pos-delivery-table-inr .pos-gr-item-p.bg {
        width: 100%;
    }

    .pos-delivery-table-inr .category-goods-pnl .goods-category:first-child {
        margin-top: 0;
    }

    .header-delivery-inr {
        border-radius: 0 0 1.2em 1.2em;        
    }

    .pos-groups-srch-part.groups-top-srch {
        display: block;
        padding: 0 0.25em;
    }
    .pos-groups-pnl-wr.boxes
    .pos-groups-srch-part.groups-top-srch {
        padding: 0 0.4em;
    }
    

    .pos-groups-srch-part.groups-btm-srch, .pos-groups-srch-part.groups-sd-srch {
        display: none;
    }

    .deli-cats-show-all{
        display:none;
    }
}


@media (min-width: 2560px) {
   /*.pos-delivery-table-inr  .sm-detail-record {
        width: 33.3%;
    }

    .pos-delivery-table-inr .cat-gds-itms-wr .sm-detail-record:nth-child(3) .sm-detail-wrap {
        border-top: none;
    }*/
}


.pos-loginbox-wrapper-deli {
    z-index: 25;
    right:0;
    top:0;
    margin-top: 3.75em;
    position: absolute;
    width: 100%;
    max-width: 45em;
}

.header-delivery-inr .delay-info .pos-info-link, .header-delivery-inr .delay-info .delivery-more-btn{
    display:none;
}
.header-delivery-inr .delay-info, .header-delivery-inr .open-status{
    flex-grow:2;
}
.header-delivery-inr .delay-info .current-delivery-time{
    margin-right:0;
}


@media(max-width:800px){
    .header-delivery .status-info-part.td-o-h {
        display:none !important;
    }
}

@media(max-width:640px) {
    .header-delivery .header-delivery-itm.phone-info {
        display:none !important;
    }
}


@media(max-width:750px){
    .header-delivery-title-txt{
        font-size:3.2em;
    }
}

@media(max-width:750px){
    .header-delivery-title-txt{
        font-size:3.2em;
    }
    .header-delivery-title-logo-wr {
        font-size:0.95em;
    }
}

@media(max-width:620px){
    .header-delivery-title-txt{
        font-size:2.7em;
    }
    .header-delivery-title-logo-wr {
        font-size:0.8em;
    }
}

@media(max-width:500px){
    .header-delivery-title-inp{
        padding: 0 0.8em;
    }
    .header-delivery-title-txt{
        font-size:2.1em;
    }
    .header-delivery-title-logo-wr {
        font-size:0.55em;
    }
}

@media(max-width:330px){
    .header-delivery-title-inp{
        padding: 0 0.5em;
    }
    .header-delivery-title-txt{
        font-size:2.1em;
    }
    .header-delivery-title-logo-wr {
        font-size:0.4em;
    }
}

.var-dlg-header, .var-dlg-header-inr {
   width: 100%;
   box-sizing: border-box;
   position:relative;
}
.var-dlg-header-inr{
    position:absolute;
}

.var-dlg-header-close{
    top: 0.75em;
    right: 0.75em;
    background: none rgb(32 33 37 / 20%);
    position: absolute;
    display: block;
    width: 3em;
    height: 3em;
    border-radius: 50%;
    transition: background-color 120ms ease-out 0s;
    cursor:pointer;
    z-index:10;
    color:white;
    text-align: center;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
}
.var-dlg-header-close::after{
    content: '\2715';
    font-size: 1.6em;
    font-weight: bold;
    display: block;
}

.var-dlg-header-close:hover {
    background-color: rgba(32, 33, 37, 0.12);
}

.detail-goods-var .wnd-title-mar-t{
    padding-top:2.5em;
}

.detail-goods-var .var-dlg-maxh{
    overflow:hidden;
    overflow-y:scroll;
    box-sizing:border-box;
}

.var-dlg-hrader-title{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-bottom: 1px solid #E4E4E4;
    text-align: center;
    display: flex;
    height: 4.4em;
    justify-content: center;
    align-items: center;
    z-index: 8;
    background-color: white;
    padding: 0 4.5em;
    font-weight: bold;
    
}

.var-dlg-header.fixed:after {
    content:'';
    display:block;
    height: 4.4em;
}

.var-dlg-hrader-title .title-text {
    font-size: 1.15em;
}

.var-dlg-header.scrolled .var-dlg-hrader-title {
    background-color:transparent;
    visibility:hidden;
}

.var-dlg-header.vis .var-dlg-hrader-title{
    transition: box-shadow 120ms ease-in 0s, background-color 120ms ease-in 0s, visibility 120ms ease-in 0s;
    background-color: white;
    visibility:visible;
    box-shadow: rgb(0 0 0 / 6%) 0px 0px 0.75rem 0px, rgb(0 0 0 / 12%) 0px 0.75rem 0.75rem 0px;
}



.pos-iframe .pos-content-head{
    background-image:none !important;
    background-color:white;
    padding-bottom:0;
}

.pos-iframe .header-delivery-title-inp{
    display:none;
}

.pos-iframe .deader-delivery-title-bgimg, .pos-iframe .pos-content-head.small .deader-delivery-title-bgimg{
    min-height:inherit;
}


.pos-delivery-table-cats:after {
    position:absolute; 
    right:0;
    bottom:0;
    left:0;
    height:3em;
    background: linear-gradient(rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 43%) 35%, rgb(255 255 255 / 83%) 100%);
}

.footer-cprgt{
    background-color: #2b2929;
    padding: 0.95em 1.25em 0.75em;
}
.footer-cprgt-inr{
    max-width:90em;
    margin: 0 auto;
}

.footer-cprgt span, .footer-cprgt a, .footer-cprgt{
    color: white;
}
.footer-cprgt-txt {
    font-size: 0.8em;
    text-align: right;
}

.footer-company {
    padding: 2.5em 1.25em 3.75em;
    background-color: #434040;
    border-top-color: #cfcfcf;
}
.footer-company.langs{
    padding-bottom:1.75em;
}

.footer-company.langs.only{
    padding: 1em 1.25em 0.5em;
}

.pos-iframe .info-company{
    display:none;
}

.footer-company, .footer-company span, .footer-company a{
    color: #cfcfcf;
    text-decoration:none;
} 

.footer-company-inr{
    max-width:90em;
    margin: 0 auto;
}

.footer-company-inr-wr {
    text-align: center;
}


.footer-company-part{
    font-size:1.2em;
    text-align: left;
}

@media(min-width:620px) {

    .footer-company-part {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        box-sizing: border-box;
        padding: 0 1.2em;
    }
}


@media(min-width:1024px) {

    .footer-company-inr-wr {
        display: flex;
        flex-wrap: nowrap;
        align-items: stretch;
        justify-content: space-between;
        align-content: flex-start;
    }

    .footer-company-part {
        display: block;
        width: inherit;
    }
}


.pos-iframe .footer-company-part.address, .pos-iframe .footer-company-part.contact{
    display:none;
}


.footer-company-part-t {
    font-size: 1.2em;
    font-weight: bold;
    color: white;
    margin-bottom: 0.5em;
    display:none;
}

.footer-company-part-b {
    padding-bottom: 1.2em;
}

.footer-company-info {
    margin: 0 auto;
}
.footer-company-info .name, .footer-company-info .value, .footer-company .opening-hours-t th, .footer-company .opening-hours-t td{
        padding: 0.25em 1.25em 0.25em 0;
}

.footer-company .opening-hours-t {
    font-size: inherit;
    margin: 0 auto;
    border-collapse: collapse;
}

.tabs-footer-h{
    margin-bottom: 0.25em;
    display: flex;
    align-items: stretch;
    justify-content: space-evenly;
    align-content: center;
}
.tabs-footer-tabitm{
    padding: 0.25em 0.95em 0.25em;
    border-bottom-width: 0.125em;
    border-bottom-style: solid;
    border-bottom-color:transparent;
    cursor:pointer;
}

.tabs-footer-tabitm.selected {
    border-bottom-color:#cfcfcf;
}

.tabs-footer-b{
    margin-top: 0.75em;
}

.footer-company .opening-hr {
    display: block;
}

.footer-comp-logo{
    margin-top:0.5em;
}

.footer-comp-logo-inr{
    max-width:8.125em;
}

.footer-comp-logo-img{
    width:100%;
    padding-top:100%;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 0.625em;
    overflow: hidden;
}

.footer-comp-name{
    margin-bottom:0.5em
}
.footer-comp-name .txt{
    font-size:1.5em;
}

.footer-comp-addr{

}

.footer-company .bank-info-footers{
    margin-top:0.5em;
}
.footer-company .bank-info-footer-i{
    border-radius:0.25em;
}

.footer-company .social-icon{
    display:inline-block;
    margin:0.25em 0.5em;
}

.social-icon-img-s{
    width:3em;
    height:3em;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    display:inline-block;
    border-radius:50%;
}

.social-icon.fb-icon .social-icon-img-s{
    background-image:url('Images/social-facebook.png');
}
.social-icon.inst-icon .social-icon-img-s{
    background-image:url('Images/social-instagram.png');
}
.social-icon.gplus-icon .social-icon-img-s{
    background-image:url('Images/social-gplus.png');
}
.social-icon.own-web .social-icon-img-s{
    background-image:url('Images/social-web.png');
}

.footer-company-socials{
    margin-top:0.5em;
    text-align: center;
}

.footer-company-part .footer-lang-bar{
    margin-top:1.5em;
}
.footer-company-part .pos-change-lang-box, .footer-comp-inrc{
    text-align:center;
}
.footer-lang-bar-wr .pos-change-lang-box{
    text-align:right;
}

.footer-comp-wr{
    display:inline-block;
    margin: 0 auto;
}

.dialog-header-title {
    font-size: 2.2em;
    color: white;
    font-weight: bold;
    padding: 1.3em 0.75em;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
}

.dialog-content-head {
    background-color: #40ba31;
}

.dialog-content-head-inr {
    display: flex;
    align-items: flex-end;
    height: 15.5em;
}

.header-delivery-back-wr{
    display:flex;
    align-items: center;
    justify-content: flex-start;
}

.header-delivery-back-itm{

}

.header-delivery-back{
    display:inline-block;
    padding: 0.75em 1.5em 0.75em 0;
}
.header-delivery-back svg{
    height: 1.5em;
    width: 1.5em;
    stroke: #999;
}
.header-delivery-small-title {
    font-weight: bold;
    text-decoration:none;
}

.header-delivery-small-title.tiny, .header-delivery-small-title.small, .header-delivery-small-title.medium{    
    font-size: 1.2em;
}

.color-customize-title{
    margin:0.9em 0 0.2em;
}

.skl-gds-itm .sm-detail-wrap:hover {
    background-color:inherit;
}

.skl-gds-name{
    height:1em;
    width:9em;
    max-width:100%;
    border-radius:0.2em;
    margin-bottom:1.2em
}

.skl-gds-desc{  
    height:0.3em;
    max-width:100%;
    margin-bottom:0.9em;
    border-radius:0.2em;
}
.skl-gds-desc:last-child{  
    width:4em;
}

.skl-prgroup-name{
    height:0.3em;
    width:5em;
    max-width:100%;
    border-radius:0.2em;
}

.skl-group-name {
    height: 2.5em;
    width: 14em;
    border-radius:0.2em;
}

.skl-grpi-name {
    height: 1.125em;
    width: 8em;
    display: inline-block;
    max-width: 100%;
    border-radius: 0.2em;
}

.skl-grp-itm{
    border-width:0;
}

.skeletbg {
    background-color: #f5f5f5;
}

.skeletbg {
  position: relative;
  overflow: hidden;
  background-color: #f5f5f5;
}
.skeletbg::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateX(-100%);
    background-image: linear-gradient(90deg, rgba(230, 230, 230, 0) 0, rgba(230, 230, 230, 0.2) 20%, rgba(230, 230, 230, 0.5) 60%, rgba(230, 230, 230, 0));
    animation: shimmer 2s infinite;
    content: '';
  }

  @keyframes shimmer {
    100% {
      transform: translateX(100%);
    }
  }

.col-sugg {
    position: relative;
    transition: all 0.1s linear;
    overflow: hidden;
}
.col-sugg.collapse {
    max-height: 24em
}

.sugg-rec-coll-wr {
    background: linear-gradient(rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 43%) 35%, rgb(245 245 245 / 83%) 100%);
    padding: 0.45em 1.5em 0.8em;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 0 0 0.35em 0.35em;
    z-index: -1;
    visibility:hidden;
    margin-top:5em;
}

.col-sugg.collapse .sugg-rec-coll-wr{
    z-index: 1;
    visibility:visible;
    margin-top:inherit;
}

.sugg-rec-coll-inr {
    text-align: center;
}
.sugg-rec-coll-btn {
    cursor: pointer;
    text-decoration: none;
    margin: 0;
    padding: 0.35em 1.2em;
    font-weight: normal;
}

.image-positions-title {
    margin: 0.8em 0;
}

.image-postions-row{
    padding: 0 0.15em;
    text-align:center;
}

.img-position-btn{
    display: inline-block;
    width: 4em;
    height: 4em;
    border: 1px solid #CCC;
    border-radius: 0.2em;
    cursor: pointer;
    margin: 0 0.2em;
    transition: all linear 0.2s;
}

.img-position-btn:hover{
    background-color:#f1f1f1;
}
.img-position-btn.selected{
    background-color:#40BA31;
}
.menu-title-week-link {
    margin-left: 1.2em;
    font-size: 0.45em;
    vertical-align: middle;
}

.empty-deliver-cont {
    margin: 2.3em auto;
    padding: 0 0.5em;
    max-width: 30em;
}

.ck-argmnt-root{
    position: fixed !important;
    z-index: 2147483644 !important;
    align-items: center !important;
    height: 100% !important;
    left: 0px !important;
    overflow-x: auto !important;
    top: 0px !important;
    display: flex;
    justify-content: center !important;
    width: 100% !important;
}


.ck-modal-v{
       background-color: black !important;
    height: 100% !important;
    left: 0px !important;
    opacity: 0.6 !important;
    position: fixed !important;
    top: 0px !important;
    width: 100% !important;
    z-index: -1 !important;
}

.ck-argmnt-dial{
    max-width: 512px !important;
    width: 90% !important;
    display: flex !important;
}

.ck-argmnt-dial-body{
    max-height: 80vh !important;
    background-color: rgb(255, 255, 255) !important;
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
    border-radius: 8px !important;
    box-shadow: rgb(0 0 0 / 16%) 0px 4px 8px !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    outline: transparent solid 1px !important;
}

.ck-argmnt-dial-ptitle-pnl {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ck-argmnt-dial-ptitle {
    font-weight: bold;
    font-size: 13px;
}

.ck-argmnt-dial-parts {
    margin-top: 15px;
}

.ck-argmnt-dial-part {
    margin-bottom: 5px;
}
.ck-argmnt-dial-part-chld {
    margin-left: 25px;
}
.ck-argmnt-dial-desc {
    font-size: 13px;
    line-height: 1.3em;
}
.ck-argmnt-dial-p-desc {
    font-size: 10px;
}

.ck-argmnt-dial-conf-pnl {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin: 13px 50px 16px;
    margin-top: 13px;
    padding-top: 16px;
    border-top: 1px solid #dbdbdb;
}
.ck-argmnt-dial-cont {
    flex: 1 1 auto !important;
    overflow-y: overlay !important;
}
.ck-argmnt-dial-cont-scrl {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    box-sizing: border-box;
    margin: 0 50px;
}
@media(max-width:420px) {
    .ck-argmnt-dial-cont-scrl {
        margin: 0 25px;
    }
}

.ck-argmnt-dial-conf-btn{
    display: inline-block;
    cursor: pointer;
    /*font-family: "Montserrat", Verdana, Geneva, Tahoma, sans-serif;*/
    text-align: center;
    color: #fff;
    background-color: #24bf24;
    padding: 8px 15px;
    border-radius: 3px;
    position: relative;
    text-decoration: initial;
    transition: all 300ms ease;
    min-width: 140px;
    margin: 3px 15px;
}
.ck-argmnt-dial-conf-btn:hover {
    color: #fff;
    text-decoration: none;
    background-color:#31ac31;
}

.ck-argmnt-dial-conf-btn.gray {
    background-color:#969696;
}
.ck-argmnt-dial-conf-btn.gray:hover {
    background-color:#868686;
}

.ck-argmnt-dial-topt {
    color: rgb(95, 99, 104) !important;
    font-size: 14px !important;
    margin-top: 24px !important;
    font-weight: bold !important;
    text-align: center !important;
}

.ck-argmnt-dial-title {
    margin: 12px 0px !important;
    font-size: 18px !important;
    font-weight: bold !important;
    font-style: normal !important;
    text-decoration: initial !important;
    text-align: center !important;
    /*font-family: "Open Sans" !important;*/
    color: rgb(0, 0, 0) !important;
}



.ck-argmnt-dial-cont::-webkit-scrollbar {
    width: 8px;
}

.ck-argmnt-dial-cont::-webkit-scrollbar-button {
    display: none;
}

.ck-argmnt-dial-cont::-webkit-scrollbar-track {
    background: transparent;
}

.ck-argmnt-dial-cont::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 20px;
}

.ck-argmnt-dial-agrmntdat {
    font-size: 13px;
    margin: 5px 0 0 0;
}

.table-view-bd .zone-pos-workspace {
    background-color: white;
}

/* odtialto sa pridava dark rezim */

/* Nastavenei farby co sa bude nastavovat*/

.header-delivery-inr {
    background-color: white;
}


.cart-vouchers-more-wr {text-align: center;margin-top: 2px;}
.cart-vouchers-more-wr .btn-flat-wh{
    padding: 4px 11px;
}
.vchritms-par.opened .cart-vouchers-more-wr {
    display: none;
}
.vchritms-par.collapse .cart-voucher-hidemore{display:none; }

.table-trans-wr {
    /*position: fixed;
    z-index: 2;
    inset: 0 0 0 0;
    background-color: #40BA31;*/
}
.table-trans-pnl{

}
.table-trans-cont{
        display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}
.table-trans-itm {
    display: inline-block;
    min-width: 18em;
    cursor: pointer;
    width: 20em;
}
.table-trans-itm-inr {
    background-color: white;
    padding: 1.5em 2em;
    margin: 1.5em 0.75em;
    border-radius: 0.5em;
}
.table-trans-itm-cont{

}

.table-trans-itm-t {
    text-align: center;
    margin-bottom: 1.5em;
}

.table-trans-itm-b{
    text-align:center;
}

.table-trans-itm-img {
    width: 10em;
    height: 10em;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.table-trans-itm-name {
    font-size: 2em;
    font-weight: bold;
    min-height: 2em;
}

.table-tr-img-typ-32{
    background-image: url('Images/det-act-takeaway.png');
}

.table-tr-img-typ-172{
    background-image: url('Images/det-act-onplace.png');
}
.table-trans-title {
    width: 100%;
    text-align: center;
    margin: 1em 2em 2.5em;
}
.table-trans-title-txt, .table-trans-langs-title {
    font-weight: bold;
    font-size: 3.5em;
}

@media(max-width:450px){
    .table-trans-title-txt, .table-trans-langs-title  {
        font-size: 2.5em;
    }
}

.table-cart-loading{
    text-align: center;
    margin-top: 0.6em;
}

.cart-dlg-actions {
    text-align: center;
}
.cart-dlg-actions .detail-action-text,  .cart-dlg-actions .table-paper-small-text,
.table-trans-cont .detail-action-text,  .table-trans-cont .table-paper-small-text{
    color:#393939;
    text-shadow:none;
}
.tip-dlg-actions{
    margin-top:0.6em;
}

.table-tr-img-act {
    background-color: #40BA31;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:contain;
}

.tip-dlg-actions .detail-action-btn, .tip-dlg-actions .table-paper-small-btn{
    height:inherit;
}
.cart-pmnt-actions{
    margin-bottom: 1.5em;
}
.cart-dlg-actions .detail-action-btn.selected .detail-action-img{

}

.cart-dlg-actions .detail-action-btn.selected .detail-action-img:after{
    content:'';
    display:inline-block;
    position:absolute;
    inset:0 0 0 0;
    background-image:url(Images/det-act-selectico.png);
    background-repeat:no-repeat;
    background-position:center center;
    background-size:contain;
}
.dlg-cart-oaccpnl {
    margin-left: 15px;
    margin-top: 10px;
    margin-bottom: 6px;
    margin-right: 15px;
}
.dlg-cart-oaccpnl .own-acc-title-pnl{
    
}
.dlg-cart-oaccpnl-inr {
    margin: 0 auto;
    max-width: 560px;
}
.table-trans-langs {
    width: 100%;
    text-align: center;
    margin: 6em 2em 2.5em;
}

.table-trans-langs .pos-lang-change-link {
    display: inline-block;
    width: 3em;
    height: 2em;
    margin: 1.2em 0.6em;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

@media(min-width:720px) {
    .table-trans-langs .pos-change-lang-box {
        font-size: 3em;
    }
}

.pos-lang-change-link-img.sk-SK{
    background-image:url(Images/flags/sk.svg);
}

.pos-lang-change-link-img.en-GB, .pos-lang-change-link-img.en-US{
    background-image:url(Images/flags/gb.svg);
}

.pos-lang-change-link-img.it-IT{
    background-image:url(Images/flags/it.svg);
}

.pos-lang-change-link-img.de-DE{
    background-image:url(Images/flags/de.svg);
}

.pos-lang-change-link-img.ko-KR{
    background-image:url(Images/flags/eu.svg);
}

.pos-lang-change-link-img.cs-CZ{
    background-image:url(Images/flags/cz.svg);
}

.shopping-cart-trans-pnl{
    padding: 0.35em 0;
}

.shopping-cart-trans-ico{
    display: inline-block;
    width: 2.1em;
    height: 2.1em;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    margin:0 0.2em;
}

.shopping-cart-trans-ico.tr-type-32{
    background-image: url('Images/delivery-takeaway4.png');
}

.shopping-cart-trans-ico.tr-type-172{
    background-image: url('Images/delivery-onplace.png');
}

.shopping-cart-trans-name {
    vertical-align: middle;
}

.shopping-cart-trans-change {
    vertical-align: middle;
    margin-left: 1.5em;
}

.search-goods-box-wrap {
    box-sizing: border-box;
    position: relative;
}

.search-goods-inpt {
    padding: 0.3em 0.3em 0.3em 3.5em;
    box-sizing: border-box;
    display: block;
    border: 0.1em solid #CCC;
    border-radius: 0.5em;
    width: 100%;
    font-size: 1.3em;
    height: 2em;
}

.groups-top-srch .search-goods-inpt, .groups-tlb-srch .search-goods-inpt {
    height: 2.5em;
}

.search-goods-inpt::placeholder {
    color: #aeaeae;
    opacity: 1;
}

.search-goods-hdr{
    padding: 0.8em 0.95em;
}

.search-goods-box-wrap .search-goods-btn {
    display: inline-block;
    position: absolute;
    top: 0.15em;
    bottom: 0.15em;
    left: 0.15em;
    width: 4.3em;
    cursor: pointer;
    
}
.search-goods-box-wrap .search-goods-btn:after {
    content: '';
    display: block;
    position: absolute;
    background-image: url('Images/search-max-bl.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    top: 0.4em;
    bottom: 0.4em;
    left: 0;
    right: 0;
}

.pos-groups-pnl-search {
    position:relative;
}
.pos-groups-pnl-search-ov{
    position:absolute;
    inset: 0 0 0 0;
    cursor:pointer;
}

.pos-groups-pnl-search .search-goods-inpt {
    background-color: #f3f3f3;
}

.search-goods-bd {
    min-height: 25em;
}

.search-goods-emp-ico-wr, .search-goods-res-ico-wr {
    text-align: center;
    margin: 0.8em 0.4em;
}

.search-goods-emp-ico, .search-goods-res-ico {
    display: inline-block;
    position: relative;
    border-radius: 100%;
    background-color: #cdcdcd;
    width: 15em;
    height: 15em;
}

.search-goods-res-ico {
    background-color: #fdc868;
}

.search-goods-emp-ico-im, .search-goods-res-ico-im {
    content: '';
    display: block;
    position: absolute;
    background-image: url('Images/search-empty.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    inset: 3em 3em 3em 3em;
}

.search-goods-res-ico-im {
    background-image: url('Images/search-notfound.svg');
}


.search-goods-emp-msg-wr, .search-goods-res-msg-wr {
    text-align: center;
}

.search-goods-emp-msg, .search-goods-res-msg {
    font-size: 1.2em;
    font-weight: bold;
    color: #999;
    border-radius: 15em;
    display: inline-block;
    text-align: center;
    padding: 0.8em 1.2em;
}

.search-goods-res-msg {
    color: #fdc868;
}

.pos-groups-srch-part {
    font-size: 0.75em;
}

.pos-groups-srch-part.groups-btm-srch {
    padding: 0 0.5em 0.8em 0.5em;
}


.det-cat-hdr-srch {
    display: none;
}

.pos-detail-close-header.has-srch .det-cat-hdr-srch {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 4.5em;
    padding-left: 0.375em;
    padding-right: 0.375em;
    box-sizing: border-box;
    border-left: 1px solid white;
}

.det-cat-hdr-srch-btn {
    width: 100%;
    height: 100%;
    padding: 0.4em;
    box-sizing: border-box;
    cursor: pointer;
}

.det-cat-hdr-srch-i {
    width: 100%;
    height: 100%;
    /*background-color: white;*/
    border-radius: 100%;
    position: relative;
}

.det-cat-hdr-srch-im {
    position: absolute;
    inset: 20% 20% 20% 20%;
    background-image: url('Images/search-max-wh.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.htico-arrd {
    display: inline-block;
    width: 2em;
    height: 2em;
    position: relative;
}

.htico-arrd-i {
    display: inline-block;
    background-color: #40BA31;
    position: absolute;
    box-sizing: border-box;
}

.htico-arrd-i-l {
    transform: rotate(-45deg);
    width: 0.85em;
    height: 0.2em;
    bottom: 50%;
    margin-bottom: -0.2em;
    right: 50%;
    margin-right: -0.85em;
    transform-origin: left bottom;
}

.htico-arrd-i-r {
    transform: rotate(-45deg);
    height: 0.85em;
    width: 0.2em;
    bottom: 50%;
    margin-bottom: -0.2em;
    right: 50%;
    margin-right: -0.2em;
    transform-origin: bottom left;
}

.valbox-btn-part .val-i {
}
.valbox-btn-part .val-i {
    width:7em;
    vertical-align:middle;
    margin-right:1em;
}

.sep-quant-pnls .detail-record-btn-remove, .sep-quant-pnls .cart-quantity, .sep-quant-pnls.atcart.single .detail-record-btn-buy{
    display:none;
}

.sep-quant-pnls.atcart .detail-record-btn-remove, .sep-quant-pnls .cart-quantity{
    display:inline-block;
}

.sep-quant-pnls.disabled-added .detail-record-btn-buy{
    background-color: #d6d6d6;
    border: 1px solid #cccccc;
}

.sep-quant-pnls.multi .cart-quantity {
    right: -15px;
    top: 6px;
    left: inherit;
}

.detail-action-img.CUST-SEPPAP-AKC{
    background-color:#6AA9DE;
    background-position: -847px -361px;
}