html {
  font-size: 14px;
}

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

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

body {
  margin-bottom: 60px;
}

.btn-annullato {
    color: #fff;
    background-color: #dc3545;
}

.icona-annullato:before {
    content: "\f05e";
}

.btn-bozza {
    color: #fff;
    background-color: #6c757d;
}

.icona-bozza:before {
    content: "\f46d";
}

.btn-inserito {
    color: #000;
    background-color: #ffc107;
}

.icona-inserito:before {
    content: "\f017";
}

.btn-pronto {
    color: #fff;
    background-color: #00b22d;
}

.icona-pronto:before {
    content: "\f058";
}

.btn-consegnato {
    color: #fff;
    background-color: #198754;
}

.icona-consegnato:before {
    content: "\f07a";
}

.btn-preparare {
    color: #000;
    background-color: #fff305;
}

.icona-preparare:before {
    content: "\f013";
}

.btn-preparazione {
    color: #000;
    background-color: #ff8a05;
}

.icona-preparazione:before {
    content: "\f085";
}

.btn-imbustato {
    color: #fff;
    background-color: #0abf9e;
}

.icona-imbustato:before {
    content: "\f0e0";
}

#tblResult td {
    word-wrap: break-word;
}  

.input-group .input-group-text:first-child {
    width: 30%;
    min-width: 10vw;
    max-width: 30vw;
}

.input-group-text,
input {
    font-size: larger !important;
}

.validation-summary-errors,
.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}

input.input-validation-error {
    border: 1px solid #e80c4d;
}

.field-validation-valid,
.validation-summary-valid {
    display: none;
}