html,body {
	margin:0px;
	width:100%;
	height:100%;
	padding:0px;
	background-color:#f3f0ed;
	font-size:12px;
	font-family: 'Kanit', sans-serif;
}
@media print{@page {size: landscape}}
::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}
::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
	border-radius: 10px;
}
 
::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
#upcomingOrdersContainer {
	display:none;
}
.upcomingOrdersLabel:hover {
	background-color:#A4CDE1;
}
.upcomingOrdersLabel {
	position:relative; 
	width:100%; 
	padding:3px; 
	font-size:14px; 
	background-color:#BAE8FF; 
	font-weight:bold; 
	margin-top:5px; 
	cursor:pointer; 
	border:1px solid black; 
	border-radius:5px;
}
.alert-sm {
	font-size:12px;
	line-height:12px;
	padding:10px;
	margin-bottom:5px;
}
.alert-xs {
	font-size:10px;
	line-height:10px;
	padding:5px;
	margin-bottom:2px;
}
/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 20px;
}
.switch-sm {
  position: relative;
  display: inline-block;
  width: 28px;
  height: 16px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .2s;
  transition: .2s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .2s;
  transition: .2s;

}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 10px;
}

.slider.round:before {
  border-radius: 50%;
}


.slider-sm {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .2s;
  transition: .2s;

}

.slider-sm:before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .2s;
  transition: .2s;
}

input:checked + .slider-sm {
  background-color: #2196F3;
}

input:focus + .slider-sm {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider-sm:before {
  -webkit-transform: translateX(12px);
  -ms-transform: translateX(12px);
  transform: translateX(12px);
}

/* Rounded sliders */
.slider-sm.round {
  border-radius: 8px;
}

.slider-sm.round:before {
  border-radius: 50%;
}









/* The radioSwitch - the box around the radioSlider */
.radioSwitch {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
}
.radioSwitch-sm {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
}

/* Hide default HTML checkbox */
.radioSwitch input {display:none;}

/* The radioSlider */
.radioSlider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .2s;
  transition: .2s;
}

.radioSlider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .2s;
  transition: .2s;
     opacity: 0;
  border:2px solid #cccccc;
}

input:checked + .radioSlider {
  background-color: #2196F3;
}

input:focus + .radioSlider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .radioSlider:before {
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -ms-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
     opacity: 1;
}

/* Rounded radioSliders */
.radioSlider.round {
  border-radius: 10px;
}

.radioSlider.round:before {
  border-radius: 50%;
}


.radioSlider-sm {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .2s;
  transition: .2s;

}

.radioSlider-sm:before {
  position: absolute;
  content: "";
  height: 10px;
  width: 10px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .2s;
  transition: .2s;
  opacity: 0;
}

input:checked + .radioSlider-sm {
  background-color: #2196F3;
}

input:focus + .radioSlider-sm {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .radioSlider-sm:before {
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -ms-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
     opacity: 1;
}

/* Rounded radioSliders */
.radioSlider-sm.round {
  border-radius: 8px;
}

.radioSlider-sm.round:before {
  border-radius: 50%;
}
/*.table {
  display: table;
}
 
.row {
  display: table-row;
}
 
.cell {
  display: table-cell;
}	
*/
.input-danger {
	background-color:red;
	color:white;
}
.input-xs {
    height: 24px;
    padding: 5px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.input-group-xs>.form-control,
.input-group-xs>.input-group-addon,
.input-group-xs>.input-group-btn>.btn {
    height: 22px;
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
}
.form-control-static.input-smaller {
  padding-right: 0;
  padding-left: 0;
}
.input-smaller {
  height: 14px;
  padding: 2px 5px;
  font-size: 10px;
  line-height: 1.5;
  border-radius: 3px;
}
.input-xxl {
  height:80px;
  padding: 15px;
  font-size: 36px;
  line-height: 1.5;
  border-radius: 3px;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
.input-group-xxl>.form-control,
.input-group-xxl>.input-group-addon,
.input-group-xxl>.input-group-btn>.btn {
    height: 60px;
    padding: 15px;
    font-size: 36px;
    line-height: 1.5;
}

select.input-smaller {
  height: 20px;
  line-height: 20px;
}
textarea.input-smaller,
select[multiple].input-smaller {
  height: auto;
}
.faded {
	opacity: 0.3;
    filter: alpha(opacity=30);
}
.narrow-addon {
  padding-left:5px; 
  padding-right:5px;
}
.diyCheckbox
{
	position:relative; 
	width:22px; 
	height:22px; 
	border-radius:50%; 
	text-align:center; 
	padding-top:2px; 
	cursor:pointer;
	font-size:14px; 
	color:#ccc;
	background-image:url(../images/20white.png); 
}
.diyCheckboxChecked
{
	color:green;
	background-image:url(../images/60white.png); 
}
.row {
	margin-top:8px;
}
.Failed {
	color:#ff0000;
}
.Passed {
	color:#009900;
}
.timeLineHour {
}
.Tiny {
	font-size:10px;
	line-height:10px;
}
.Small {
	font-size:12px;
	line-height:12px;
}
.Normal {
	font-size:14px;
	line-height:14px;
}
.Big {
	font-size:18px;
	line-height:18px;
}
.Huge {
	font-size:24px;
	line-height:26px;
}
input[readonly].normReadOnly {
   background-color: #fff;
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
     -khtml-user-select: none; /* Konqueror */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  not supported by any browser */
}
.select {
  -webkit-touch-callout: text; /* iOS Safari */
    -webkit-user-select: text; /* Chrome/Safari/Opera */
     -khtml-user-select: text; /* Konqueror */
       -moz-user-select: text; /* Firefox */
        -ms-user-select: text; /* Internet Explorer/Edge */
            user-select: text; /* Non-prefixed version, currently
                                  not supported by any browser */
}
label {
	line-height:12px;
	font-size:12px;  
}
.btn {
   /* padding: 8px 12px;*/
    border: 0 none;
    font-weight: 700;
    letter-spacing: 1px;
	font-family: 'Raleway', sans-serif;
}
.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: 0 none;
}
.btn-primary {
    background: #3371a1;
    color: #ffffff;
} 
.list-group-item:hover, .list-group-item:focus, .list-group-item:active, .list-group-item.active, .open > .dropdown-toggle.list-group-item {
    background: green;
}
.form-control {
	font-family: 'Raleway', sans-serif;
}

.form-control::-moz-placeholder {
  color: #dbdbdb;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #dbdbdb;
}
.form-control::-webkit-input-placeholder {
  color: #dbdbdb;
}
.btn-small {
	font-size:12px;
}
.btn-xxs,
.btn-group-xxs > .btn {
  padding: 1px 4px;
  font-size: 9px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xxl,
.btn-group-xxl > .btn {
  padding: 5px 10px;
  font-size: 26px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-default {
    border: 1px solid #3371a1;
    box-shadow: none;
	color:#3371a1;
}

#splashScreen {
	position:absolute;
	width:100%;
	height:100%; 
	top:0px;
	left:0px;
	background-color:#f3f0ed;
	z-index:1000;
}
.absoluteCenter {
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	margin:auto;
}
.overlayHolder {
	background-color:#ececec; 
	border:6px solid #7f0000; 
	border-radius:20px; 
	padding:10px;
	font-size:12px; 
	box-shadow:6px 6px 10px grey;
}
.tabs {
	float:left;
	border-radius:15px 15px 0px 0px;
	width:85px;
	background-color:#ab854e;
	font-family: 'Permanent Marker', sans-serif;
	font-weight:normal;
	line-height:14px;
	cursor:pointer;
	font-size:14px;
	box-shadow:3px 3px 5px grey;
	margin-left:0px;
	margin-right:5px;
}
.activeTab {
	background-color:#dbbf96;
}
#contentHolder {
	position:relative; 
	width:calc(100% - 10px); 
	height:calc(100% - 43px); 
	left:5px; 
	background-color:#dbbf96; 
	border-radius:5px 5px 3px 3px;
	box-shadow:4px 4px 5px grey;
	padding:10px;
}
.paper {
	position:relative; 
	width:calc(100% - 10px); 
	height:calc(100% - 0px); 
	left:5px; 
	background-color:white; 
	box-shadow:2px 2px 5px grey;
	padding:10px;
	font-family: 'Arvo', serif;
	overflow:auto;
}
.orderTypeHeader {
	font-size:18px;
}
.modalContainer {
	position:absolute;
	width:100%; 
	height:100%;
	left:0px;
	top:0px;
	background: rgba(0, 0, 0, 0.5);
	display:none;
}
.modalfullScreen {
	width:calc(100% - 10px);
	max-width:800px;
	height:calc(100% - 10px);
	max-height:800px;
	background-color:white;
	border:2px solid black;
}
.modalhalfScreen {
	width:calc(100% - 10px);
	max-width:800px;
	height:50%;
	min-height:250px;
	max-height:400px;
	background-color:white;
	border:2px solid black;
}
.checkUnchecked {
	color:#f3f3f3;
}
.checkChecked {
	color:green;
}