.grid-quote {
    /* margin-bottom: 15px; */
}
.navbar-brand {
    padding: 5px !important;
}
.narrow {
    padding-left: 2px;
    padding-right: 3px;
    padding-top: 6px;
    padding-bottom: 6px;
}
.narrow input, .narrow select {
    height: 25px;
    padding: 2px;
}
.header-filling {
    background: #efefef;
}
.header-flete {
    background: #efefef;
}
.header-totales {
    margin-top: 15px;
    background: #FFC7E1;
}
.section-header {
    background: #d4e3fc;
    padding: 10px 15px;
    margin-bottom: 15px;
}
.with-table {
    margin-bottom: 0px;
}
.hide-height {
   display: none;
}
.section-header-table {
    background: #efefef;
    padding: 10px 0px;
    margin-bottom: 15px;
    font-weight: bold;
}
.section-header-table div {
    padding-left: 0;
    padding-right: 0;
}
.cell-highlight {
    background: #78eadb;
    min-height: 37px;
}
.cell-highlight-red {
    background: #ea7878;
    min-height: 37px;
}
.section-header .narrow {
    padding-top: 0;
    padding-bottom: 0;
}
.grid-quote {
    border-bottom: 1px solid #efefef;
}
.prop-row {
    display: none;
}
.bd-loading-modal-lg .modal-dialog {
    display: table;
    position: relative;
    margin: 0 auto;
    width: 48px;
    top: calc(50% - 24px);
  }

  .bd-loading-modal-lg .modal-dialog .modal-content {
    background-color: transparent;
    border: none;
    color: #fff;
    box-shadow: none;
    width: 160px;
    text-align: center;
  }
  .bd-loading-modal-lg .modal-dialog .modal-content div {
    font-size: 13px;
    margin-top: 10px;
  }
  .header-result {
      background: #efefef;
      color: #333;
      font-weight: bold;
  }
  .utility-input {
      text-align: center;
  }
#quotes-table thead input {
    width: 100%;
}
.winner-radio {
    width: 15px;
    height: 15px;
    vertical-align: sub;
}
#filters select {
    border: 1px solid #ccc;
    background: #fff;
    margin: 10px;
    margin-left: 5px;
    padding: 3px 2px;
}
#filters input[type="submit"] {
    border: 1px solid #ccc;
    background: #fff;
    margin: 10px;
    margin-left: 5px;
    padding: 3px 10px;
}

.products-quote-header {
    background-color: #CCCCCC;
    text-align: center;
}
.products-quote-row {
    padding: 5px 2px;
    text-align: center;
}
.products-input {
    height: 22px !important;
    text-align: center;
    margin: 0 auto;
    padding: 0 !important;
}
.input-quantity {
}
.input-cost {
    color: red !important;
}
.input-price {
    color: green !important;
}
#cost {
    color: red !important;
}
#price {
    color: green !important;
}
.cost-all-field {
    color: red !important;
}
.price-all-field {
    color: green !important;
}
.price-field-error {
    border: 1px solid red !important;
}
#filter-input {
    padding-right: 25px;
    border-radius: 15px;
    padding-left: 28px;
    padding-right: 25px;
}

.search-icon {
    left: 13px;
    top: 13px;
    position: absolute;
    z-index: 10;
    color: #AAA;
    cursor: pointer;
}
.clear-button {
    position: absolute;
    top: 13px;
    right: 13px;
    z-index: 10;
    color: #AAA;
    cursor: pointer;
}
.row-color-green {
    color: darkgreen;
}
.row-color-red {
    color: #a94442;
}

.badge-danger {
    color: #fff;
    background-color: #e74a3b !important;
}
#notifications .dropdown-menu>li>a {
    white-space: normal;
}
#notifications>ul {
    width: 300px;
}
.navbar #notifications li {
    border-bottom: 1px solid #eee;
}
#notifications>ul .item-content {
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 6px;
}
#notifications>ul .item-number {
    float: left;
    font-size: 10px;
    color: #aaa;
}
#notifications>ul .item-date {
    float: right;
    font-size: 10px;
    color: #aaa;
}