/*  break points styles  */
@media only screen and (max-width : 2200px){

}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px){

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px){

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px){
     #cash-quick{
        top:auto !important;
        bottom:0px;
     }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px){
     .kasa-delivery-box .kasa-delivery-edit-transport, .kasa-delivery-box .kasa-delivery-edit-payment, .kasa-delivery-readonly .kasa-delivery-readonly-transport, .kasa-delivery-readonly .kasa-delivery-readonly-payment{
         width:100% !important;
     }
         .kasa-data-edit #od_adres_dom, .kasa-data-readonly #od_adres_dom{
         width:49% !important;
    }
      #cash-desk .return-button-label{
          font-size:0px;
      }
      #cash-desk .return-button-label:before{
          font-family: 'icofont';
          content: "\eb54";
          font-size:12px;
      }
      /*
      #cash-desk .actions .edit{
          font-size:0px;
      }
      #cash-desk .actions .edit:before{
          font-family: 'icofont';
          content: "\eba1";
          font-size:14px;
      } */
}

.rabate{
    min-width:100px;
}
/*  cash-quick */
/*  cash-quick */

#cash-quick{
   position: fixed;
    right: -116px;
    top: 140px;
    width: 160px;
    z-index: 10000;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
#cash-quick.active{
    right: 60px;
}
#cash-quick:before{
    background-color: #656565;
    color: #fff;
    content: "\eb26";
    display: block;
    float: left;
    font-family: 'icofont';
    position:absolute;
    padding-left:10px;
    padding-right:10px;
    top:0px;
    bottom:0px;
    left:0px;
    cursor: pointer;
    font-size:20px;
    height:100%;
    z-index:100;
}
#cash-quick>div{
   padding-left:20px;
}
#cash-quick:hover:before{
  color:#000;
}
#cash-quick>div>div {
    background: #656565;
    border-bottom: 1px solid #fff;
    color: white;
    font-size: 12px;
    padding: 5px 16px;
    width: 214px;
}
#cash-quick>div:last-child>div{
   border-bottom-width:0px !important;
   padding-bottom:5px !important;
}
#cash-quick #cash-quick-total .value{
   font-size:15px;
}
#cash-quick .label {
	width: 70px;
  font-weight: normal;
	display: inline-block;
  text-align:left;
  font-size:100%;
}

#cash-quick .value {
	width: 104px;
	display: inline-block;
	text-align: right;
}

#cash-quick > div:last-child .label{
  font-size: 14px;
  font-weight: bold;
}

/*  cash-desk general */
#cash-desk{
  padding:10px;
  background-color:#F5F6F1;
/*  background-color:#333333; */
}
#cash-desk h3{
  margin-bottom:0px;
}
#cash-desk div.step h3,
#cash-desk div.step .content{
  opacity:0.5;
}
#cash-desk div.step{
   -webkit-transition: background-color 1000ms linear;
   -moz-transition: background-color 1000ms linear;
   -o-transition: background-color 1000ms linear;
   -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
  /*  min-height:120px;  */
}
#cash-desk div.step.edit{
  background-color:#fff;
}
#cash-desk div.step.edit h3,
#cash-desk div.step.edit .content{
  opacity:1;
}
#cash-desk .save{
   margin-left:10px;
}

#cash-desk div.step.edit .content:before{
    width:0px !important;
    height:0px !important;
}
#cash-desk .step{
  border-bottom:1px solid #ddd;
  padding:10px;

}

/*
#cash-desk .step.done, #cash-desk .step.required{
  min-height: 170px;

}
*/

#cash-desk .step .content, #cash-desk .step .content{
    height: 0;
    overflow: hidden;
}

#cash-desk .step.done .content, #cash-desk .step.required .content, #cash-desk .step.edit .content {
    height: auto;
    overflow: auto;
}

#cash-desk .actions{
    position: relative;
    float:right;
    z-index: 100;
}

/*  order code  */
.kasa-code-box{
   min-height:70px !important;
}
.kasa-code-box h3{
   margin-top:10px;
}
.kasa-code-box h3,
.kasa-code-box .content,
.kasa-code-box .actions{
   display:block;
   float:left;
   clear:none !important;
}
.kasa-code-box .content{
   margin-top:6px;
}
.kasa-code-box .kasa-code-edit-item{
   margin-left:10px;
}
.kasa-code-box .kasa-code-readonly-item span{
  display:block;
  margin-top:26px;
}

/*  kasa panel box  */
.kasa-panel-box{
   display:none;
}

/*  order-delivery  */
.kasa-delivery-info{
    position: absolute;
    right: -46px;
    top: -140px;
    z-index: 1000;
    display:none;
}
.kasa-delivery-box span{
    display:inline-block;
}

.kasa-delivery-box span.base{
    display:none;
}
.kasa-delivery-box .kasa-delivery-edit-transport:before,
.kasa-delivery-box .kasa-delivery-edit-payment:before,
.kasa-delivery-readonly .kasa-delivery-readonly-transport,
.kasa-delivery-readonly .kasa-delivery-readonly-payment{
   display:block;
   font-weight:bold;
}
/*
.kasa-delivery-box .kasa-delivery-edit-transport:before{
   content:"Sposób odbioru";
}
.kasa-delivery-box .kasa-delivery-edit-payment:before{
   content:"Sposób zapłaty";
} */
.kasa-delivery-box .kasa-delivery-edit-transport,
.kasa-delivery-box .kasa-delivery-edit-payment,
.kasa-delivery-readonly .kasa-delivery-readonly-transport,
.kasa-delivery-readonly .kasa-delivery-readonly-payment{
    background-image:none;
    background-color:transparent;
    box-shadow:none;
    border:none;
    width:48%;
    display:inline-block;
    vertical-align:top;
    margin-bottom:0px;
}


/* order-data  */

.kasa-data-box label{
    display: block-inline;
    font-weight: bold;
    margin-bottom: 5px;
/*    width: 32%;  */
}
.kasa-data-box span{
    height: 16px;
    display: block;
}
.kasa-data-box .form-group,
.kasa-data-readonly>div,
.kasa-contact-box .form-group,
.kasa-invoice-box .form-group{
  width:49%;
  margin:2px;
  display:block;
  float:left;
}
.kasa-data-box .form-group{
  vertical-align:top;
}
.kasa-data-box #od_id,
.kasa-data-box #od_submit,
.kasa-invoice-box #od_id,
.kasa-invoice-box #od_submit,
.kasa-data-readonly #od_id,
.kasa-data-readonly #od_submit,
.kasa-contact-box #od_id,
.kasa-contact-box #od_submit{
   display:none;
}
.kasa-data-box #od_adres_dom{
   width:24%;
}
.kasa-data-box #od_adres_lokal{
   width:24%;
}
.kasa-data-box #od_adres_lokal{
   margin-left:4px;
}
.kasa-data-edit-item.form-group
.kasa-data-readonly>div{
   display: block;
   float:left;
   font-size:12px;
   -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.kasa-data-edit input{
   width:100% !important;
   margin:0px !important;
}
.kasa-data-edit #od_adres_dom,
.kasa-data-readonly #od_adres_dom{
   width:24%;
}
.kasa-data-edit #od_adres_lokal,
.kasa-data-readonly #od_adres_lokal{
   width:24%;
}
.kasa-data-readonly #od_adres_lokal{
   margin-left:4px;
}
/*
.kasa-data-edit label,
.kasa-data-readonly label{
    display: block-inline;
    font-weight: bold;
    margin-bottom: 5px;
}
.kasa-data-readonly span{
    height: 16px;
    display: block;
}
.kasa-data-edit .form-group,
.kasa-data-readonly>div{
  width:49%;
  margin:4px 0px;
}

.kasa-data-edit #od_id,
.kasa-data-readonly #od_id,
.kasa-data-readonly #od_submit{
   display:none;
}
.kasa-data-edit #od_adres_dom,
.kasa-data-readonly #od_adres_dom{
   width:24% !important;
}
.kasa-data-edit #od_adres_lokal,
.kasa-data-readonly #od_adres_lokal{
   width:24% !important;
}
.kasa-data-readonly #od_adres_lokal{
   margin-left:4px;
}
.kasa-data-readonly>div{
   display: inline-block;
   font-size:12px;
   -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
*/
#cash-desk #order-basket .name {
    width: 350px;
}

#cash-desk #order-basket .name .pic{
    float: left;
    height: 106px;
    text-align: center;
    width: 106px;
}

#cash-desk #order-basket .amount input{
    width: 68px;
}


/* kasa-comments  */
.kasa-comments-readonly label{
     display:none;
}
.kasa-comments-box textarea{
    width:100%;
    height:150px;
    margin:15px 0px;
}
.kasa-comments-box .kasa-comments-edit-item:nth-child(6) label{
    color:#E22D2D;
}
.kasa-comments-box .kasa-comments-edit-item:first-child label{
   display:none;
}
.kasa-comments-box label{
   font-weight:normal;
   font-size:12px;
}
.kasa-comments-box input[type=checkbox]{
   float:left;
   width:20px;
   height:20px;
   margin-top:0px;
   margin-right:4px;
}


/* order-basket */
#cash-desk #order-basket{
}
#cash-desk #order-basket img{
	background-color: #fff;
  border: 1px solid #fff;
  display: block;
  margin: 0 auto;
}
#cash-desk #order-basket label{
	float:left;
	width:400px;
}
#cash-desk #order-basket .name label {
    font-weight: normal;
    margin: 0 10px;
    vertical-align: middle;
    width: 56%;
}
#cash-desk #order-basket .price{
/*	width:214px;  */
	font-size:20px;
  position:relative;
}
#cash-desk #order-basket .amount{
/*	width:100px; */
	font-size:20px;
}


/*  todo  */
.step .content{
   width:auto !important;
}

.step .action, #basket-box .action{
    display: block;
    float: right;
    margin: 4px;
}

.kasa-basket-box{
   overflow:hidden;
}
#cash-desk .return-button-box{
  display:block;
  height:0px;
}
#cash-desk .return-button-label{
  top: -66px;
  position: relative;
  left: 15px;
}
#cash-desk .return-button-category{
  display:none;
}
.kasa-delivery-box h3>span{
   font-size:16px;
}

.kasa-delivery-box .plus{
 display:none;
}
.kasa-delivery-box .plus.final{
 display:inline-block;
}

.kasa-delivery-box .value.minus.final {
  display: none;
}