.leftPanel{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
left: 0px;
bottom: 0px;
border-right: 1px solid rgb(206, 203, 203);
background: gainsboro;

}
.product_list{
background: #fff none repeat scroll 0% 0%;
font-family: "Lato","Lucida Grande",Helvetica,Verdana,Arial;
color: #000;
text-shadow: none;
overflow: visible;
}
.product_content{
padding: 12px;
width: 100%;
line-height:1.5em;
margin-bottom:10px;
}

.product_name{
font-size: 16px;
width: 100%;
padding-left:16px;
}
.product_name1{
font-size: 16px;
padding-top:20px;
padding-bottom:20px;
text-align: right;
padding-right:16px;
}
.product_price{
font-size: 16px;
}
.rightPanel{
padding-bottom: 10px;
height:100%

}
.empty{
text-align: center;
margin-top: 15px;
margin-bottom: 5px;
color: #999;
font-weight: normal;
}
.line{
float: right;
margin-right: 15px;
margin-left: 15px;
padding-top: 5px;
/* border-top: solid 2px; */
border-color: #777;
text-align:right;
}
.line-break{
    border-top:solid 2px;
}


@media (max-height:700px){
.product_list{
height: 100%;
overflow: visible;
}
}
@media (max-height:400px){
.product_list{
height: 100%;
overflow: visible;
}
}
@media (max-width:300px){
.product_list{
height: 100%;
overflow: visible;
}
}

.carousel {
  height: 100%;
  overflow: hidden;
}
.item img {
width: 100%;
height: auto;
}
.carousel-control{
    display:none !important;
}


.logo_pos_screen img{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.logo_pos_screen{
    border-bottom: 2px solid #000;
    width:100%;
    display:inline-flex;
}

.pos_screen_rate .rate_item{
    display: inline-block;
    margin: 14px 5px;
}

.pos_screen_rate .rate_title h3{
    font-size: 15px;
    margin: 0px;
    color:#fff;
}
.pos_screen_rate .rate_title{
    background:#00A09D;
    margin:0;
    padding:14px;
    width: 122px;
    position:absolute;
    z-index: 1;
    text-align:center;
}
.pos_screen_rate .rate_value{
    width:100%;
    z-index: 9;
    color:#00A09D;
}

.pos_screen_rate {
    position:relative;
    min-height: 45px;
}

.pos_customer_divide_screen {
    height: 50%;
}

.pos_customer_khqr_frame_wrap {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pos_customer_khqr_frame_wrap iframe {
    border:none;
    width:100%;
    height:100%;
}

.pos_screen_rate marquee{
    height:41px;
}


.rate_item span{
    margin:0;
    padding:0;
    line-height:auto;
}
body{
    line-height:normal !important;
}
/* #myCarousel .carousel-inner{
    //border: 1px solid #000;
    //padding: 10px;
} */

.title_product_list h3{
    font-size: 17px;
    margin: 0px;
    padding: 9px 0px;
    text-align: center;
    color:#fff;
}

.title_product_list{
    border-bottom: 2px solid #fff;
}

.product_content tr{
    border-bottom: 1px dotted #000;
    padding-bottom:10px;
}
.line{
     line-height: 1.9em;
}

.information{
    padding-top: 8px;
    padding-bottom: 8px;
    border: 1px solid #00A09D;
    text-align:center;
    color: firebrick;
    font-weight:bold;
    font-size:14px;
}
.information .address i{
    color: #0783e0;
    margin-right: 3px;
}


.information .info{
    display:inline-block;
}
.information .info i{
    color:#0783e0;
    padding-right: 5px;
}


table.product_content tbody{
    max-height: 525px;
    overflow-y:scroll;
    display:block;
}

table.product_content tbody::-webkit-scrollbar {
    width: 3px;
    background-color: #ffffff;
}

table.product_content tbody::-webkit-scrollbar-thumb {
    background-color: #cacacaca;
}

.pos_screen_rate ul li{
    float:left;
    list-style: none;
    margin: 2px 10px;
}
.pos_screen_rate ul{
    margin:0px;
}

.information .rate_item{
    display:inline-block;
    margin-right:14px;
    margin-bottom:10px;
    font-size:15px;
}
.container-fluid{
   padding-right:0px !important;
   padding-left:0px !important;
}


.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
    padding-right:5px !important;
    padding-left:5px !important;
}

body::-webkit-scrollbar {
    width: 3px;
    background-color: #ffffff;
}
body::-webkit-scrollbar-thumb {
    background-color: #cacacaca;
}

.logo_customer{
    font-size: 45px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    color:#000;
}
.multi_currency td.rate{
    text-align:right;
    font-weight: bold;
    padding-right: 20px !important;
}

.multi_currency table th{
    text-align:center;
}
body{
    position:relative;
}

.container-multi_currency{
    position:absolute;
    top:469px;
    width: 400px;
}
.currency{
    text-align:center;
    font-weight: bold;
}
.table{
    margin-bottom:0px !important;
}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{
    vertical-align: middle !important;
    width: 86px !important;
    border:1px solid #000 !important;
    font-size:14px;
}
.multi_currency{
    width: 414px;
    margin: auto;
    margin-top:14px;
    color:#fff;
}

.table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th{
    padding: 1px !important;
}


.mySlidesFull{
  display: none;
}
.active {
  animation: scale-display .3s;
  display: inline-flex;
}

.out {
    animation: scale-display--reversed .3s;
    animation-fill-mode:forwards;
    display: none;
}


.right-container {
    position: fixed;
    right: 0;
    height: 100%;
}

img.mySlides {
/*
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    max-width: 100%;
    max-height: 100%;
    */

    width:100%;
}

.aba-khqr-screen {
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    position: fixed;
    background-color: transparent;
}

.payway-khqr-image-container {
    height: 100%;
    width: 50%;

    position: absolute;
    right: 0;

    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.payway-khqr-image-container .aba_pay_header {
    height: 30px;
}

.payway-khqr-image-container .aba_pay_qr_code_image {
    margin-top: 40px;
    height: 300px
}

@keyframes scale-display {
	0% {
		opacity: 0;
		transform: scale(0);
    -webkit-transform: scale(0);
	}

	100% {
		opacity: 1;
		transform: scale(1);
    -webkit-transform: scale(1);
	}
}

@keyframes scale-display--reversed {
	0% {
		display: inline-flex;
		opacity: 1;
		transform: scale(1);
		-webkit-transform: scale(1);
	}
	99% {
		display: inline-flex;
		opacity: 0;
		transform: scale(0);
		-webkit-transform: scale(0);
	}
	100% {
		display: none;
		opacity: 0;
		transform: scale(0);
		-webkit-transform: scale(0);
	}
}