/* @import '../inc/w3css/w3-theme-orange.css'; */

/* default tabpage */
#Dashboard {display:block;}

a {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

/* tabs */
.tabs {display:none;}

/* default hide */
.display_none {display:none;}

/* no wrap */
.nowrap {
	white-space: nowrap;
	line-height: 200%;
}

/* keyword list */
.keyword {
	/* white-space: nowrap; */
	/* line-height: 200%; */
	margin: 5px 3px;
}

/* template row */
.template_row {display:none;}

/* upload car data */
.ui-widget-header{
	background-color : #4caf50 !important;
	color: #fff !important;
}

/* cross out */
.stroked{ text-decoration: line-through; }

.list-label {
	width:50%;
	max-width:100px;
	text-align: right;
	color: gray;
	display: inline-block;
}
.list-value {
	width:50%;
	max-width:120px;
	padding:8px 18px;
	background: lightgray;
	display: inline-block;
	border:0px solid #dbdbdb;
}
.list-label-taimall {
	
	width:120px;
	text-align: right;
	color: gray;
	display: inline-block;
}

/* search box */
/*
.search-form {
	width:500px;
	width:90%;
	margin:auto;
}
*/
.search-dropdown {
	position:relative;
	width:15px;
	height:35px;
	padding:0;
	margin:0;
	right:-22px;
	background-color:#ccc;
	border:0px solid #ccc;
}
.search-box {
	/*width:300px;*/
	width:60%;
	max-width:300px;
	padding:8px 18px;
/*	padding:8px 35px; */
	background:rgba(50, 50, 50, 0.2);
	border:0px solid #dbdbdb;
}
.search-button {
	position:relative;
	padding:6px 15px;
	left:-5px;
/*	right:-8px; */
	border:2px solid #33cc33;
	background-color:#33cc33;
	color:#fafafa;
}
.search-button:hover  {
	background-color:#fafafa;
	color:#33cc33;
}

/* POS */
.keypad {
	width: 600px;
    margin-left:auto;
    margin-right:auto;
}

.kiosk-default {
	cursor: none;
}

/* report */
.date-pick-box {
	width:120px;
	padding:8px 15px;
	background:rgba(50, 50, 50, 0.2);
	border:0px solid #dbdbdb;
}

/* RWD Table **/
/* .rwd-table {
	border: 1px solid #000000;
	border-collapse: collapse;
} */

/* .rwd-table th, td {
	border: 1px solid #000000;
	padding: 2px 4px;
	text-align: center;
} */
	 
	@media screen and (max-width: 600px) {
		
		/* .rwd-table tr {
		border: 1px solid #000000;
		} */
		
		.rwd-table th {
			display: none;
		}
		
		.rwd-table td {
			display: block;
			border: none;
		}
		
		.rwd-table td:before {
			content: attr(data-th) " :";
			float: left;
			font-weight: bold;
		}

		.rwd-table select {
			width:100px;
		}
	}

@media print {
	.no-print {
		display: none !important;
	}
	.no-print * {
		display: none !important;
	}
	.no-print__background-color {
		background-color: unset !important;
	}
}

.custom-theme-l5{
	color: #000;
	background-color: #fff9f0;
}

/* Blinking */
.blink_text {

    animation:2s blinker ease infinite;
    -webkit-animation:2s blinker ease infinite;
    -moz-animation:2s blinker ease infinite;

    /* color: red; */
    }

    @-moz-keyframes blinker {  
		0% { opacity: 1.0; }
		50% { opacity: 0.0; }
		100% { opacity: 1.0; }
    }

    @-webkit-keyframes blinker {  
		0% { opacity: 1.0; }
		50% { opacity: 0.0; }
		100% { opacity: 1.0; }
    }

    @keyframes blinker {  
		0% { opacity: 1.0; }
		50% { opacity: 0.0; }
		100% { opacity: 1.0; }
	}

/* parcel.gate.lots  */
#parking_lot_list{
	font-size:17px;
}
#parking_lot_list .lot,#parking_lot_list .name{
	font-weight: bold;
}
#parking_lot_list .list-label{
	width:60%;
}
#parking_lot_list .w3-col.l6>div{
	display:flex;
}
#parking_lot_list input.name{
	min-width:60px;
	max-width:200px;
}
#parking_lot_list .w3-col.l6>div input,
#parking_lot_list .w3-col.l6>div select
{
	display:flex;
	margin-left:0.3em;
	margin-bottom: 0.3em;
	/* width:5em; */
}
#parking_lot_list input:not(.adjust),
#parking_lot_list .w3-col.l6>div select
{
	border:none !important;
}
#parking_lot_list .pb-price{
	display:flex;
	align-items: center;
	justify-content:flex-start;
	flex-wrap: wrap;
	margin-bottom:1em;
}
#parking_lot_list .pb-price button{
	position: relative;
	height:60px;
	margin:0.2em;
}
#parking_lot_list .pb-price button>label{
	position:absolute;
	text-align:center;
	top:0.26em ;
	left:calc(50% - 2em);
}
#parking_lot_list .pb-price button span{
	position: relative;
	bottom:0.26em;
}
#parking_lot_list input.adjust2{
	width:80%;
	height:30px;
	line-height:30px;
	padding:0;
}
input.adjust2::-webkit-inner-spin-button, 
input.adjust2::-webkit-outer-spin-button {  
  opacity: 1;
}
#parking_lot_list .w3-col.l6>div .display_manufacturer{
	background-color: transparent;
	appearance:none;
	color: #000;
}
#parking_lot_list .pb-price.w3-col.l6>button{
	margin-bottom:0.3em;
}
#parking_lot_list svg:hover{
	fill:#4CAF50;
}
.btn_refresh.active{
	animation: spin 2s infinite linear;
}
@-moz-keyframes spin { 
	100% { -moz-transform: rotate(360deg); } 
}
@-webkit-keyframes spin { 
	100% { -webkit-transform: rotate(360deg); } 
}
@keyframes spin { 
	100% { 
			-webkit-transform: rotate(360deg); 
			transform:rotate(360deg); 
	} 
}