html {
  font-size: 14px;
}

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

.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;
}

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

body {
  margin-bottom: 60px;
}

.form-label {
    margin-bottom: 0 !important;
}


.ingred-table-wrapper {
    display: inline-block; /* prevent full-width stretch */
    max-width: max-content; /* shrink to content */
}
/* Todas as células ficam numa linha */
.ingred-table-wrapper td,
.ingred-table-wrapper th {
    white-space: nowrap;
}

/* Mas a coluna do componente pode quebrar linha */
.ingred-table-wrapper td.col-normal-line {
    white-space: normal;
}

.ingred-table {
    width: auto !important; /* override bootstrap */
    max-width: max-content; /* shrink */
    table-layout: auto; /* natural sizing */
    white-space: nowrap; /* single-line rows */
    margin-left: 15px;
    margin-top: 5px;
}

    .ingred-table th,
    .ingred-table td {
        padding: 2px 6px !important;
        /*font-size: 0.8rem;*/
    }



.table-active {
    background-color: #e9f5ff !important;
}


.tableFixedHeight {
    max-height: 250px;
    overflow-y: auto;
    scrollbar-width: thin;
}


.ingredient-editor table td,
.ingredient-editor table th {
    white-space: normal !important;
    word-break: break-word;
    overflow-wrap: break-word;
}

.no-bottom-margin { margin-bottom:0px;}