/* VERDANA font */

/* Provide sufficient contrast against white background */
a {
  color: #0366d6;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

code {
  color: #E01A76;
}
body{
  background-color: #f7f7f7;
}

.btn-primary {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}


*::-webkit-scrollbar:not([id]) { 
  display: none;  /* Safari and Chrome */
}
*{
  -ms-overflow-style: none;  /* Internet Explorer 10+ */
  scrollbar-width: auto;  /* Firefox */
  font-family: Verdana, sans-serif;
}

canvas{
  width: 100% !important;
  object-fit: contain;
}

table{
  table-layout: auto !important;
}

th, td{
  border: 2px solid #d9d9d9 !important;
  min-width: 100px;
}
/* td[data-table-display]{
  : hidden;
} */
[data-table-display]::after{
  white-space: nowrap;
  content: attr(data-table-display);
}

[data-hoverable]{
  cursor: pointer;
}

[data-cell-currency]:not([data-cell-currency=""]):before{
  content: attr(data-cell-currency);
  float: left;
  font-weight: bold;
}

body:has(dialog[open]){
  overflow: hidden;
}

button{
  transition: all 0.2s linear;
}
button:hover{
  opacity: 0.8;
}

.sawis-tooltip{
  position: relative;
}

.sawis-tooltip:hover::after{
  z-index: 10;
}
.sawis-tooltip::after{
  position: absolute;
  left: 100%;
  bottom: 50%;
  content: attr(data-tooltip);
  z-index: -1;
  width: 30vw;
  background-color: #5a594c;
  color: white;
  padding:  10px;
  border-radius: 5px;
  font-weight: 100;
  text-transform: none;
}

#recaptcha > div > div > div {
  margin-inline: auto;
}
.subtotal-row > *{
  background-color: #83bb22 !important;
  color: white !important;
}

.total-row > *{
  background-color: #5b594c !important;
  color: white !important;
}

.sawis-data-table thead , .sawis-data-table tfoot{
  /* border: none !important; */
  /* position: relative; */
}
.sawis-data-table thead::after, .sawis-data-table tfoot::after{
  /* border: none !important; */
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #d9d9d9;
  z-index: -1;
}

/* Firefox-specific table border fixes */
@-moz-document url-prefix() {
  .sawis-data-table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
  }
  
  .sawis-data-table th,
  .sawis-data-table td {
    border: 2px solid #d9d9d9 !important;
    border-right: 1px solid #d9d9d9 !important;
    border-bottom: 1px solid #d9d9d9 !important;
    position: relative;
  }
  
  .sawis-data-table th:first-child,
  .sawis-data-table td:first-child {
    border-left: 2px solid #d9d9d9 !important;
  }
  
  .sawis-data-table th:last-child,
  .sawis-data-table td:last-child {
    border-right: 2px solid #d9d9d9 !important;
  }
  
  .sawis-data-table tbody tr:last-child td {
    border-bottom: 2px solid #d9d9d9 !important;
  }
  
  .sawis-data-table thead tr:first-child th {
    border-top: 2px solid #d9d9d9 !important;
  }
  
  .sawis-data-table tfoot tr:last-child td {
    border-bottom: 2px solid #d9d9d9 !important;
  }
}