@font-face {
  font-family: 'fontUn';
  font-size: 20px;
  src: url(/minipos1990/fonts/saysettha_ot.ttf) format("truetype");
}

body{
		/*font-family: 'fontUn', 'fontUn', 'fontUn';*/
		font-size: 18px;
		background-color: #f5f5f5;
		background-image: url("minimart072g.jpg");
		background-repeat: no-repeat;
    	background-size: auto;
	}

.navbar-default{
		background-color: #f5f5f5;
		border-radius: 0px;
		border-color: #f5f5f5;

	}
.trheader{
	background-color: #eee;
}
/*ging add*/
.hid { display: none}
red, .red{color:red}
blu, .blu{color:blue}
grn, .grn{color:green}


.bder1{ 
	border-style: dotted;
	border-width: 1px;
}
.frht{float: right}
.flft{float: left}
.lgn{background-color: #AEC}
.rht {text-align: right}
.lft {text-align: left}
.cen {text-align: center}
.bld {font-weight: bold}
.wd10 {width: 13%}
.yel {color: #eaff01;}

pre {font-size: 16px}
.fnt30 {font-size: 30px}
.fnt22 {font-size: 22px}
.fnt20 {font-size: 20px}
.fnt16 {font-size: 16px}
.fnt14 {font-size: 14px}
.fnt4 {font-size: 4px}
.bggry{background-color: #b1b1af}
.lgry{color: #d4d4ce}
.bgyel{background-color: #DEE686}
.bgyelsod{background-color: #eaff01}
.bgorg{background-color: #eba016fa}
.bglgrn{background-color: #C1F8AA}
.bggrn{background-color: #63D434}
.bgwh{background-color: white}
.bgcancel{ background-image: url('/pakseSoft/cancel-en.gif')}
.opa{ 
	background: rgba(255, 255, 255, 0.7);
}
.cursorhover{cursor: pointer;}
.cpoint{cursor: pointer;}
.read{    pointer-events: none; }
.main-sidebar {position:fixed;}
.mgl-5{ margin-left: 5px;}
.pdl-5{padding-left: 5px;}
.bottomleft {
	position: absolute;
	text-align: center;
	background-color: #61acf1;
	float: left;
	left: 25%;
	width:200px; 
	height:26px; 
	bottom: 0;	
}

.topright {
	/*position: absolute;*/
	position: fixed;
	text-align: center;
	background-color: #61acf1;
	float: right;
	z-index: 1;
	right: 0;
	width:180px; 
	height:26px; 	
}
/* Style the tab */
.tab {
	overflow: hidden;
	border: 1px solid #ccc;
	background-color: #f1f1f1;
  }
  
  /* Style the buttons that are used to open the tab content */
  .tab button {
	background-color: inherit;
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 14px 16px;
	transition: 0.3s;
  }
  
  /* Change background color of buttons on hover */
  .tab button:hover {
	background-color: #ddd;
  }
  
  /* Create an active/current tablink class */
  .tab button.active {
	background-color: #96c5eb;
  }
  
  /* Style the tab content */
  .tabcontent {
	display: none;
	padding: 6px 12px;
	border: 1px solid #ccc;
	border-top: none;
  }

input:focus,select:focus,button:focus { 
    background-color: lightgreen;
}

.pixcancal {
	position: absolute;
	z-index: 1000;
	float: left;
	/*absolute;*/
	/*relative;*/
	left: 5px;
	top:-200px;
	/*border: 3px solid #8AC007;*/
}

.arrow-down:after,.arrow-up:after{
	content: ' ';
	position: relative;
	left: 2px;
	border: 8px solid transparent;
   }
   
.arrow-down:after{
	top: 10px;
	border-top-color: black;
   }
   
.arrow-up:after{
	bottom: 15px;
	border-bottom-color: black;
   }
   
.arrow-down,.arrow-up{
	padding-right: 10px;
   }

/*
@media screen and (min-width: 601px) {
	h3 {
	  font-size: 10px;
	}
  }

*/
/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
/*
  @media screen and (max-width: 600px) {
	h3 .fn16 {
	  font-size: 26px;
	}
}
*/
@media (max-width: 760px) { 
	h3 {
		font-size: 18px;
	  }
 }

@media print {
	body * {
		visibility: hidden;
		/*visibility: visible;*/
	}
	#section-to-print, #section-to-print * {
		visibility: visible;
		width: 100%;
	}

	#section-to-print {
		position: absolute;
		left: 0;
		top: 0;
	}
	.modal-footer , .noprint  {
		visibility: hidden;
	}

	thead > tr > th:first-child{ width:10%;}
	thead > tr > th:nth-child(2){ width:25%;}

	html, body {
		height:100%; 
		margin: 0 !important; 
		padding: 0 !important;
		overflow: hidden;
		-webkit-print-color-adjust: exact;
	  }

	.logo {
		position: absolute;
		top: 10px;
		left: 30px;
		width: 120px;
		height: 120px;
	}
	/*
	table{page-break-inside:auto}
	tr{page-break-inside:avoid}
	thead{display:table-header-group}
	tfoot{display:table-footer-group}
	*/


}