/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 
 #main_block_ticket > p {
	color : black !important;
 }
 
 #main_block_ticket {
    border: solid #00b4d5 15px;
    margin: 2px;
 }
 
section.woocommerce-order-details{
	 clear:both;
 }
 #all_blocks {
	 margin: 0 auto;
 }  
.show_loader{
  display: block !important;
 }		  
 /*	
 #bookable-form #slots-select {
	 display : none !important;
	}

#bookable-form table tr:nth-child(2) {
	display : none !important;
}*/

/*Start POS Layout*/

.pos-form-wrap{
	background-image:none!important;
	background-color:#00b4d5;
}

.pos-login-wrap input[type="submit"] {
	background-color:#00b4d5 !important;
}

.wkwcpos-login-error{
	 color: #f44336 !important;
	font-weight: 600 !important;

}

.wkwcpos-lost-password {
  
    display: block !important;
    text-align: left !important;
}

.jconfirm .jconfirm-box.jconfirm-type-red {
    border-top: solid 7px #00b4d5 !important;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red{
	background-color: #00b4d5 !important;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red:hover{
	background-color: #008ca6 !important;
}

.outside-menu .pos-left-wrap{
	background-image:none !important;
	background-color:#00b4d5 !important;
}

.pos-head-wrap{
	background-image:none !important;
	background-color:#787878 !important;
}

 .pos-tabContent .pos-tab-head ul li.pos-active h3 {
	 background-color: #00b4d5 !important;
      color: #ffff !important;
     border-radius: 5px;
 }
     
   .pos-tabContent .pos-tab-head a.wkwcpos-tabs.pos-active {
	background-color: #00b4d5 !important;
    color: #ffff !important;
    border-radius: 5px;
 
  }
  
.pos-body-wrap .pos-categories nav.pos-categories-header a.wkwcpos-tabs.pos-active {
	background-color: #00b4d5 !important;
    color: #ffff !important;
    border-radius: 5px;
 
  }
  /*.pos-categories-header {
	  display :none !important;
	}*/
  
  .onfocus {
  background-color:  #00b4d5 !important;
  color: #ffff !important;
  border-radius: 5px;
  }

.pos-cart-section .apply-discount{
	 color:  #00b4d5 !important;
}

.pos-pay .pos-customer-payment .payment-type .process-invoice {
 background-color: #00b4d5 !important;
 color: #fff;
   }	
   
   .process-invoice{
  background-color: #00b4d5 !important;
  color: #fff;
              }
			  
.pos-right-wrap .pos-cart-section .grd-section .pos-cart-checkout a {
  background-color: #00b4d5 !important;
}

#close-customer-list {
	 color: #00b4d5 !important;
}
  
   .pos-customers .pos-customer-list .dropdownlist-cust li span:first-child {
    font-size: 18px;
    color: #00b4d5!important;
    text-transform: capitalize;
   }
 
header.pos-head-wrap{
 
   color: #00b4d5!important;
   background-image:none !important;
   }
   
 .ongoing-process:before{
	 background-color: #00b4d5!important;
   background-image:none !important;
 }
 
 .pos-drawer-bal .pos-bal span{
	 color: #00b4d5!important;
 }
 
 .pos-order .order-section .pos-order-short h2{
	 color: #00b4d5!important;
 }
 
.pos-order .order-section .pos-order-list .dropdownlist-order li span:first-child{
	 color: #00b4d5!important;
 }
 
 .jconfirm .jconfirm-box .jconfirm-buttons button.btn-green{
	background-color: #00b4d5!important;
 }
 
.pos-customers .pos-customer-action button.change-customer  {
	background-color: #00b4d5!important;
 }
 .pos-customers .pos-customer-add button{
	background-color: #00b4d5!important;
 }
 
 .pos-customers .pos-customer-edit .pos-vertical-center h3.customer-name{
	color: #00b4d5!important;
 }
 
 .jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue{
	background-color: #00b4d5!important;
 }
 
 .pos-login-wrap input[type="submit"] {
   
    padding: 15px 20px !important;
   
    margin-left: 115px !important;
}
.pos-login-wrap input[type="submit"]:hover{
	transform:scale(1.1)!important;
	color:white;
}
.pos_loginForm .pos-form-wrap .pos-login-wrap .home-div div.pos-footer{
	display:none;
}
.close-order-sale-tab{
	color: #01b4d5 !important ;
}
  /*End POS Layout*/

.tickets-status{ 
  margin-top: 20px;
  }

  div.btn-pos-payment {
    display: inline-block;
    border: 2px solid #ccc;
    margin-right: 5px;
    padding: 2px 5px;
    cursor: pointer;
}
div.btn-pos-payment.on {
    background-color: #777;
    color: white;
}
/*POS Astrid 24.08.2021*/
/* <select> styles */
#slots-select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  outline: 0;
  font: inherit;
  width: 15em;
  height: 3em;
  padding: 0 4em 0 1em;
  background: url(https://upload.wikimedia.org/wikipedia/commons/9/9d/Caret_down_font_awesome_whitevariation.svg) no-repeat right 0.8em center/1.4em, linear-gradient(to left, rgba(0, 0, 0, 0.3) 3em, rgba(242, 242, 242, 0.2) 3em);
  color: #000;
  border-radius: 0.25em;
  box-shadow: 0 0 1em 0 rgba(0, 0, 0, 0.2);
  cursor: pointer;

}
#slots-select option {
  color: inherit;
  background-color: #F2F2F2;
}
#slots-select:focus {
  outline: none;
}
#slots-select::-ms-expand {
  display: none;
}
/*Payment Method*/
#payment-method {
  -webkit-appearance: none!important;
     -moz-appearance: none!important;
          appearance: none!important;
  border: 0!important;
  outline: 0!important;
  font: inherit!important;
  width: 20em!important;
  height: 3em!important;
  padding: 0 4em 0 1em!important;
  background: url(https://upload.wikimedia.org/wikipedia/commons/9/9d/Caret_down_font_awesome_whitevariation.svg) no-repeat right 0.8em center/1.4em, linear-gradient(to left, rgba(0, 0, 0, 0.3) 3em, rgba(242, 242, 242, 0.2) 3em)!important;
  color: #000!important;
  border-radius: 0.25em!important;
  box-shadow: 0 0 1em 0 rgba(0, 0, 0, 0.2)!important;
  cursor: pointer!important;

}
#payment-method option {
  color: inherit !important;
  background-color: #F2F2F2!important;
}
#payment-method:focus {
  outline: none!important;
}
#payment-method::-ms-expand {
  display: none!important;
}
/*Text Appear */
.wkwcpos-grid.pos-main-wrapper .product-select .product-detail h3{
	overflow: visible !important;
    min-height: 60px;
}

.pos-customer{
  display: none !important;
}
.pos-pay .calculate-pay > h3{
  margin: 0px !important;
}
.pos-pay .pos-customer-payment .payment-type{
  margin-top: 10px !important;
}
.pos-pay .pos-customer-payment .payment-type .tab-content-container .numeric-keypad .numeric-keypad-button-row .key-put{
  font-size: 14px !important;
}
.pos-pay .pos-customer-payment .payment-type .invoice-generate,.pos-pay .pos-customer-payment .payment-type .invoice-generate button{
  margin-top: 10px !important;
}

#button-customer{
  display: none !important;
}
.pos-right-wrap .pos-cart-section .grd-section .pos-cart-checkout a{
  width: 90% !important;
}

.pos-drawer-amount ul li{
  display: none ;
}

.pos-drawer-amount ul li:first-child,.pos-drawer-amount ul li:nth-child(2){
  display: block !important ;
}

.pos-left-wrap nav a.wkwcpos-menu-list:nth-child(2),.pos-left-wrap nav a.wkwcpos-menu-list:nth-child(5),.pos-left-wrap nav a.wkwcpos-menu-list:nth-child(7){
    display: none!important ;
} 
header.pos-head-wrap button.print-invoice{
	background-color: #009ebf !important;
    padding: 6px;
    margin-right: 5px;
    border-radius: 4px;
	margin-top:3px;
	font-size:24px !important;
	margin-right:100px;
}
#download_all{
	display:none;
}
.rotate_ticket{

	display: flex, flex-direction: row, align-items: center, justify-content: flex-end, writing-mode: vertical-lr width:100px, height:100px, border: solid red 1px;

}
.rotate_2{
		-webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

#pos-tax-total + tr {
    display: none !important;
}