.salebuttons
{
  background-image: linear-gradient(#42A1EC, #0070C9);
  border: 1px solid #0077CC;
  border-radius: 4px;
  box-sizing: border-box;
  color: #FFFFFF;
  cursor: pointer;
  direction: ltr;
  display: block;
  font-family: "SF Pro Text","SF Pro Icons","AOS Icons","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: -.022em;
  line-height: 1.47059;
  min-width: 30px;
  overflow: visible;
  padding: 4px 15px;
  text-align: center;
  width: 100%;
  vertical-align: baseline;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  white-space: nowrap;
}

.salebuttons:disabled {
  cursor: default;
  opacity: .3;
}

.salebuttons:hover {
  background-image: linear-gradient(#A40606, #D98324);
  border-color: #1482D0;
  text-decoration: none;
}

.salebuttons:active {
  background-image: linear-gradient(#3D94D9, #0067B9);
  border-color: #006DBC;
  outline: none;
}

.salebuttons:focus {
  box-shadow: rgba(131, 192, 253, 0.5) 0 0 0 3px;
  outline: none;
}

.pnlInformationUsersButtons
{
  background-image: linear-gradient(#42A1EC, #0070C9);
  border: 1px solid #0077CC;
  border-radius: 4px;
  box-sizing: border-box;
  color: #FFFFFF;
  cursor: pointer;
  direction: ltr;
  display: block;
  font-family: "SF Pro Text","SF Pro Icons","AOS Icons","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: -.022em;
  line-height: 1.47059;
  min-width: 30px;
  overflow: visible;
  padding: 4px 15px;
  text-align: center;
  width: 100%;
  vertical-align: baseline;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  white-space: nowrap;
}

.pnlInformationUsersButtons:disabled {
  cursor: default;
  opacity: .3;
}

.pnlInformationUsersButtons:hover {
  background-image: linear-gradient(#A40606, #D98324);
  border-color: #1482D0;
  text-decoration: none;
}

.pnlInformationUsersButtons:active {
  background-image: linear-gradient(#3D94D9, #0067B9);
  border-color: #006DBC;
  outline: none;
}

.pnlInformationUsersButtons:focus {
  box-shadow: rgba(131, 192, 253, 0.5) 0 0 0 3px;
  outline: none;
}

.buttons 
{
  background-image: linear-gradient(#42A1EC, #0070C9);
  border: 1px solid #0077CC;
  border-radius: 4px;
  box-sizing: border-box;
  color: #FFFFFF;
  cursor: pointer;
  direction: ltr;
  display: block;
  font-family: "SF Pro Text","SF Pro Icons","AOS Icons","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: -.022em;
  line-height: 1.47059;
  min-width: 30px;
  overflow: visible;
  padding: 4px 15px;
  text-align: center;
  vertical-align: baseline;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  white-space: nowrap;
}

.buttons:disabled {
  cursor: default;
  opacity: .3;
}

.buttons:hover {
  background-image: linear-gradient(#A40606, #D98324);
  border-color: #1482D0;
  text-decoration: none;
}

.buttons:active {
  background-image: linear-gradient(#3D94D9, #0067B9);
  border-color: #006DBC;
  outline: none;
}

.buttons:focus {
  box-shadow: rgba(131, 192, 253, 0.5) 0 0 0 3px;
  outline: none;
}
    
    
/* CSS */
.loginbuttons {
  background-image: linear-gradient(#42A1EC, #0070C9);
  border: 1px solid #0077CC;
  border-radius: 4px;
  color: #FFFFFF;
  cursor: pointer;
  direction: ltr;
  display: inline-block;
  font-family: "SF Pro Text","SF Pro Icons","AOS Icons","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: -.022em;
  line-height: 1.47059;
  min-width: 30px;
  overflow: visible;
  padding: 4px 15px;
  text-align: center;
  vertical-align: baseline;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  white-space: nowrap;
  width: 49%;
  margin-top: 10px;
}

.loginbuttons:disabled {
  cursor: default;
  opacity: .3;
}

.loginbuttons:hover {
  background-image: linear-gradient(#A40606, #D98324);
  border-color: #1482D0;
  text-decoration: none;
}

.loginbuttons:active {
  background-image: linear-gradient(#3D94D9, #0067B9);
  border-color: #006DBC;
  outline: none;
}

.loginbuttons:focus {
  box-shadow: rgba(131, 192, 253, 0.5) 0 0 0 3px;
  outline: none;
}    
    





table
{
    max-width:none;
    background-color:transparent;
    border-collapse:collapse;
    border-spacing:0;
}

.table
{
    width:auto;
    height:auto;
    margin-bottom:20px;
}

.table th,.table td
{
    width:auto;
    height:auto;
    padding:8px;
    line-height:20px;
    text-align:left;
    vertical-align:top;
    border-top:1px solid #dddddd;
}

.table th
{
    width:auto;
    height:auto;
    font-weight:bold;
}

.table thead th
{
    vertical-align:bottom;
}

.gvSales { width: 100%; height: 80%; background-color: #fff; margin: 5px 0 10px 0; border: solid 1px #525252; border-collapse:collapse;font-family:Verdana; font-size:12px; }
.gvSales td { padding: 2px; border: solid 1px #c1c1c1; color: #003366; }
.gvSales th { padding: 4px 2px; color: #000000; 
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#99CCFF'); /* for IE */
            background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#9CF)); /* for webkit browsers */
            background: -moz-linear-gradient(top,  #FFF,  #9CF); /* for firefox 3.6+ */
            background: #99CCFF; font-size: 0.9em;border: solid 2px #c1c1c1;         
          }

.gvSales .alt { background: #fcfcfc; }
.gvSales .pgr {background: #FFFFFF; }
.gvSales .pgr table { margin: 5px 0; }
.gvSales .pgr td { border-width: 0px; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #fff; line-height: 12px; }  
.gvSales .pgr a { color: #666; text-decoration: none; }
.gvSales .pgr a:hover { color: #000; text-decoration: none; }
.gvSales tr:hover{background-color:#FFFFCC;color:white;}


.gvSalesHeader2
{
 background-color: #646464;
 font-family: Arial;
 color: White;
 border: none 0px transparent;
 height: 25px;
 text-align: center;
 font-size: 14px;
 float: right;
 position: relative;
}

.gvSalesRows2
{
 background-color: #fff;
 font-family: Arial;
 font-size: 14px;
 color: #000;
 min-height: 25px;
 left: 100px;
 text-align: left;
 border: none 0px transparent;
 width: 220px;
}

.pnlLogin
{
    position: absolute;
    top: 50px;
    background: #ddffdd;
    color: black;
    border: 4.9px solid #cccccc;
    padding: 2em;
    top: 220px;
    left: 50%;
    height: 300px;
    width: 315px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 0 0 10px #4e707c;
    transform: translate(-50%, -50%) 
    
}    

/* users */
.pnlUsers
{
    margin-top: 50px;
    position: absolute;
    display: inherit;
    top: 50px;
    height: 355px;
    background: #ddffdd;
    color: black;
    border: 4.9px solid #cccccc;
    padding: 2em;
    top: 220px;
    left: 50%;
    width: 315px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 0 0 10px #4e707c;
    transform: translate(-50%, -50%) 
    
}    

.gvUsers 
{ 
    max-height: 280px;
    max-width: 380px;
    background-color: #89a; 
    margin: 1px 1px 5px 5px; 
    border: solid 1px #525252; 
    border-collapse: collapse;
    font-family:Tahoma; 
    font-size:12px; 
    overflow: scroll;
    display: inline-block;
}
.gvUsers th {
        background: #7AC142;
        padding: 5px;
        font-size:small;
}
.gvUsers th a{
        color: #003300;
        text-decoration: none;
}
.gvUsers th a:hover{
        color: #003300;
        text-decoration: underline;
}
.gvUsers td  {
        background: #D9EDC9;
        color: #333333;
        font: small "arial";
        padding: 4px;
        text-align: left;
}
.gvUsers tr.even td {
        background: #FFFFFF;
}
.gvUsers td a{
        color: #003300;
        font: bold small "arial";
        padding: 2px;
        text-decoration: none;
}
.gvUsers td a:hover {
        color: red;
        font-weight: bold;
        text-decoration:underline;     
} 


.lnkDelete
{
    display: inline-block;
    margin-right: 20px;
    padding-right: 20px;
}

.lnkDeleteSaleImage
{
    background: url(../images/favicon.png) no-repeat left top;
    padding-left: 25px;
    display: inline-block;
    margin-right: 20px;
    padding-right: 20px;
}


.pnlInformation
{
    position: absolute;
    padding: 1em;
    bottom: 10px;
    left: 10px;
    right: 10px;
    background: #ddffdd;
    color: black;
    text-align: left; 
    margin: 0 auto;
    height: 70px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 0 0 10px #4e707c;
}    

.pnlInformationUsers
{
    position: absolute;
    padding: 1em;
    bottom: 10px;
    left: 10px;
    right: 10px;
    background: #ddffdd;
    color: black;
    text-align: left; 
    margin: 0 auto;
    height: 30px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 0 0 10px #4e707c;
}    

.pnlButtons
{
    position: fixed;
    padding: 1em;
    bottom: 10px;
    left: 10px;
    right: 10px;
    background: #ddffdd;
    color: black;
    text-align: left; 
    margin: 0 auto;
    width: inherit;
    height: 30px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 0 0 10px #4e707c;
}

.pnlSales
{
    margin-top: 150px;
    position: absolute;
    display: inherit;
    top: 50px;
    height: 640px;
    background: #ddffdd;
    color: black;
    border: 4.9px solid #cccccc;
    padding: 2em;
    top: 220px;
    left: 50%;
    width: 315px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 0 0 10px #4e707c;
    transform: translate(-50%, -50%) 
    
}