html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

.table.ui-table {
    border-collapse: revert;
    border-spacing: 0 1em;
    border: none;
}

.table  thead th{
    text-align: center !important;
    font-weight: bold;
    background-color: transparent;
    border: 1px;
}
.table tfoot th {
    text-align: center !important;
    font-weight: bold;
    background-color: transparent;
    border: 0px;
}

.table  tr {
    text-align: center;
    height: 40px;
    border: 1px solid black;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 12px 18px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
}

table.ui-table thead tr {
    border-bottom: none;
}



.table td {
    vertical-align: central;
}

.tr-shadow {
    text-align: center;
    height: 50px;
    border: 1px solid black;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
}

.valid {
    border-color: #28a745;
    padding-right: 2.25rem !important;
    background-image: url(https://upload.wikimedia.org/wikipedia/commons/3/3b/Eo_circle_green_checkmark.svg);
    background-repeat: no-repeat;
    background-position: right calc(1.375em + 0.6875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.input-validation-error {
    border-color: #dc3545;
    padding-right: 2.25rem !important;
    background-image: url(https://upload.wikimedia.org/wikipedia/commons/c/cc/Cross_red_circle.svg);
    background-repeat: no-repeat;
    background-position: right calc(1.375em + 0.6875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}