/*
http://mydigitalfixation.com/html-color-chart/html-colors?zenid=03e5122fa0a717e0b6421e4803c5dfb8
*/


.inputBox{
  background:url('images/itemdescbg.png') repeat-y right;
  padding-left:20px;
}


body, html {
  height: 100%;
  margin: 0;
  background-image: url("../images/web page tiles/5023.png");
   background-repeat: repeat;
font-family:Calibri, Verdana, sans-serif;   
}

.bg {
 width:100%;
	  margin: 0;
/* The image used */
margin-top:0px;

  /* Full height */
  height: 100%; 

  /* Center and scale the image nicely */
  background-position: center;
/*
padding-top:18px;
  background-repeat: no-repeat;
  background-size: cover;
  aliceblue
*/
}  

.cursorhand{
	cursor:hand;
	cursor:pointer;
}

.cursorhand:hover {background-color: palegreen;}


.pt8{
	padding-top: 8px;
	}
 
 
.pgsubject {
        font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
        font-size: 18px;
        font-weight: bold;
        /*font-style: italic;*/
        color:navy;
        padding-bottom: 4px;
}
.style11 {
        font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
}

.style12 {
        font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
}

.style14 {
        font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;
}
.style16 {
        font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
        font-size: 16px;
}

.stylemsg {
        font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-style: italic;
        color: navy;
        background-color:#FFFF78;
}


.submit1 {
        font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
        font-size: 16px;
}

.styletable
	{mso-number-format:General;
	text-align:general;
	vertical-align:bottom;
	white-space:nowrap;
	mso-rotate:0;
	mso-background-source:auto;
	mso-pattern:auto;
	color:black;
	font-size:11.0pt;
	font-weight:400;
	font-style:normal;
	text-decoration:none;
	font-family:Courier New;
	mso-font-charset:0;
	border:none;
	border-collapse:collapse;
	mso-protection:locked visible;
	mso-style-name:Normal;
	mso-style-id:0;}

.styleTimer td{
	background:#FFFFDC;
	color:#505050;
	}



.styletable th
	{
	padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	mso-ignore:padding;
	background:#557459;
	color:white;
	font-size:11.0pt;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
	font-family:Calibri, Verdana, sans-serif;
	mso-font-charset:0;
	mso-number-format:General;
	text-align:general;
	vertical-align:bottom;
	border:none;
	mso-background-source:auto;
	mso-pattern:auto;
	mso-protection:locked visible;
	border-top:.5pt solid windowtext;
	border-right:.5pt solid windowtext;
	border-bottom:.5pt solid windowtext;
	border-left:.5pt solid windowtext;
	white-space:nowrap;
	mso-rotate:0;}

.styletable tr	{
	background:#BAC9BD;

		}

.styletable td
	{
	padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	mso-ignore:padding;
	color:black;
	/*font-size:10.0pt;*/
	font-size:11.0pt;
	font-weight:400;
	font-style:normal;
	text-decoration:none;
	font-family:Calibri, Verdana, sans-serif;
	/*font-family:Courier New;*/
	mso-font-charset:0;
	mso-number-format:General;
	text-align:general;
	vertical-align:bottom;
	border:none;
	mso-background-source:auto;
	mso-pattern:auto;
	mso-protection:locked visible;
	
	border-right:.5pt solid windowtext;
	border-bottom:.5pt solid windowtext;
	border-left:.5pt solid windowtext;
	white-space:nowrap;
	mso-rotate:0;}








.calendar
        {mso-number-format:General;
        text-align:general;
        vertical-align:bottom;
        white-space:nowrap;
        mso-rotate:0;
        mso-background-source:auto;
        mso-pattern:auto;
        color:black;
        font-size:11.0pt;
        font-weight:400;
        font-style:normal;
        text-decoration:none;
        font-family:Calibri, Verdana, sans-serif;
        mso-font-charset:0;
        border:none;
        mso-protection:locked visible;
        mso-style-name:Normal;
        mso-style-id:0;}


.calendar th
        {
        padding-top:1px;
        padding-right:1px;
        padding-left:1px;
        mso-ignore:padding;
        color:white;
        height:18px;
        width:18px;
        font-size:9.0pt;
        font-weight:400;
        font-style:normal;
        text-decoration:none;
        font-family:Calibri, Verdana, sans-serif;
        mso-font-charset:0;
        mso-number-format:General;
        text-align:general;
        vertical-align:bottom;
        border:none;
        background:#7A8FDF;
        mso-background-source:auto;
        mso-pattern:auto;
        mso-protection:locked visible;
        border-top:.5pt solid windowtext;
        border-right:.5pt solid windowtext;
        border-bottom:.5pt solid windowtext;
        border-left:.5pt solid windowtext;
        white-space:nowrap;
        mso-rotate:0;}


.calendar td
        {
        padding-top:1px;
        padding-right:1px;
        padding-left:1px;
        mso-ignore:padding;
        color:black;
        cursor:default;
        height:18px;
        width:18px;
        font-size:8.0pt;
        font-weight:400;
        font-style:normal;
        text-decoration:none;
        font-family:Calibri, Verdana, sans-serif;
        mso-font-charset:0;
        mso-number-format:General;
        text-align:center;
        vertical-align:middle;
        border:none;
        mso-background-source:auto;
        mso-pattern:auto;
        mso-protection:locked visible;
        background:palegoldenrod;

        white-space:nowrap;
        mso-rotate:0;}


.stylesubtable{
	border-collapse:collapse;
	mso-number-format:General;
	text-align:general;
	vertical-align:bottom;
	white-space:nowrap;
	mso-rotate:0;
	mso-background-source:auto;
	mso-pattern:auto;
	color:black;
	font-size:11.0pt;
	font-weight:400;
	font-style:normal;
	text-decoration:none;
	font-family:Courier New;
	mso-font-charset:0;
	border:none;
	mso-protection:locked visible;
	mso-style-name:Normal;
	mso-style-id:0;}

.stylesubtable th
	{
	padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	mso-ignore:padding;
	background:#366092;
	color:white;
	font-size:11.0pt;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
	font-family:Calibri, Verdana, sans-serif;
	mso-font-charset:0;
	mso-number-format:General;
	text-align:general;
	vertical-align:bottom;
	border:none;
	mso-background-source:auto;
	mso-pattern:auto;
	mso-protection:locked visible;
	border-top:.5pt solid windowtext;
	border-right:.5pt solid windowtext;
	border-bottom:.5pt solid windowtext;
	border-left:.5pt solid windowtext;
	white-space:nowrap;
	mso-rotate:0;}

.stylesubtable tr	{
	background:aliceblue;
vertical-align:top;
		}

.stylesubtable td
	{
	padding-top:none;
	padding-right:none;
	padding-left:none;
	mso-ignore:padding;
	color:black;
	/*font-size:10.0pt;*/
	font-size:11.0pt;
	font-weight:400;
	font-style:normal;
	text-decoration:none;
	font-family:Calibri, Verdana, sans-serif;
	/*font-family:Courier New;*/
	mso-font-charset:0;
	mso-number-format:General;
	text-align:general;
	vertical-align:top;
	border:none;
	mso-background-source:auto;
	mso-pattern:auto;
	mso-protection:locked visible;
	
	border-right:none;
	border-bottom:none;
	border-left:.none;
	white-space:nowrap;
	mso-rotate:0;}

.fieldset1 legend{
	/*
	color:#89288f;
	margin-left:auto;
	margin-right:auto;
	*/
	font-size:13.0pt;
	font-weight:400;
	font-style:normal;
	text-decoration:none;
	font-family:Calibri, Verdana, sans-serif;
	color: #064F8B;
	
}

.fieldset1
{
    /*border:2px solid green;*/
    -moz-border-radius:8px;
    -webkit-border-radius:8px;	
    border-radius:8px;	
	
   border: 2px solid #c9d0d7;
  /*box-shadow: 0 0 10px #666;*/
  padding-top: 10px;
   /*font-size:8px;*/  
   
   /*DDE4EB*/
   background-image: linear-gradient(#F1F8FF, #D3DAE1);
    

}

.money{
text-align:right;
padding-right:2px;
}





.customers {
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  border-collapse: collapse;
  width: 94%;
  margin-left:auto;
  margin-right:auto;
}

.customers td, .customers th {
  border: 1px solid #ddd;
  padding: 8px;
 /* text-align: left;*/
}

.customers tr:nth-child(even){background-color: #f2f2f2;}

.customers tr:hover {background-color: #ddd;}

.customers th {
  padding-top: 12px;
  padding-bottom: 12px;
  
  background-color: #04AA6D;
  color: white;
}



.saletable {
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  border-collapse: collapse;
  width: 98%;
  border:none;
}

.saletable td, .saletable th {
  border: none;
  padding: 2px;
  
}



.button {
  /*
  padding: 15px 25px;
  background-color: #c9d0d7;
  box-shadow: 0 9px #999;
  border-radius: 15px;
  */
  padding: 10px 10px;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #000000;
  
  background-color: #f7cf05;
  
  border: none;
  border-radius: 6px;
  
}

.button:hover {background-color: #c9d0d7}

.button:active {
  background-color: #c9d0d7;
  /*box-shadow: 0 5px #666;*/
  transform: translateY(4px);
}

.mainpagewidth{
width:75%;
margin-left:auto;
margin-right:auto;
margin-bottom:9px;
}

.w85{
width:85%;
margin-left:auto;
margin-right:auto;
}

.w100{
width:100%;
margin-left:auto;
margin-right:auto;
}

input[type="text"]:read-only  {
  background-color: gainsboro;
}

/*
input[type="text"]:focus { 
    outline:none;
    border-color:#9ecaed;
    box-shadow:0 0 10px #9ecaed;
	background-color: #FFFFDC;
	
}

*/

input[type="text"]:focus, textarea:focus {
background-color: #FFFFBE;
}

.gbo{
background-color: gainsboro;
}

.ptitle{
font-family:Calibri, Verdana, sans-serif;   
font-weight:bold;
font-size:16px;
padding-top:9px;
padding-bottom:9px;

}

.selecteditemname{
font-size:18px;
font-weight:bold;
color:#FFA500;
}

#tblitemhistory{
height:300px;
overflow-y:auto;
	
}

/*point of sale manager system
https://cooltext.com/Logo-Design-Plain-Button
Text Size 16
purple 89288f
green 5cb85c


HTML / CSS Color Name	Hex Code #RRGGBB	Decimal Code (R,G,B)
lavender	#E6E6FA	rgb(230,230,250)
thistle	#D8BFD8	rgb(216,191,216)
plum	#DDA0DD	rgb(221,160,221)
violet	#EE82EE	rgb(238,130,238)

*/