:root {
  --blue: #002c4a;
}

.blue {
  color: var(--blue) !important;
}

.grid {
  padding: 10px 50px 50px 50px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 2%;
  grid-row-gap: 21px;
  margin-top: 10px;
}

@media (min-width: 800px) and (max-width: 1200px) {
  .grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 0px) and (max-width: 800px) {
  .grid {
    grid-template-columns: 1fr;
  }
}

.container, .tile {
  position: relative;
  z-index: 10 !important;
}

.tile {
  background: #fff;
  /*border:  1px solid #263845;*/
  box-shadow: rgba(99, 99, 99, 0.1) 0px 2px 8px 0px;
  border-radius: 4px;
  padding: 10px 15px;
  min-height: 275px;
}

.tile h3 {
  letter-spacing: -1px;
  font-size: 16pt !important;
  color: #f15642;
}

.tile .table td, .tile .table th {
  border: 0px !important;
  padding: 0.25rem !important;
}

.tile .tablee td, .tile .tablee th {
  border-top: 1px solid #deedee !important;
  padding: 0.25rem !important;
}

.tile select {
  height: 35px;
  min-width: 48% !important;
}

.grid h3 {
  font-size: 18pt;
  padding-bottom: 10px;
}

.tile button, .tile a, input[type="submit"], input[type="button"], .tile .btn-warning {
  background: #ededed !important;
  color: #444;
  transition: 0.5s;
}

.tile button:hover, .tile a:hover, input[type="submit"]:hover, input[type="button"]:hover, .tile .btn-warning:hover {
  background: #f15642 !important;
  color: #fff;
}

.toggleOrders, .toggleOrders a, .toggleOrders:hover, .toggleOrders a:hover { 
  background:  none !important;
}




.tile-orders {
    margin: 10px 50px 10px 50px;
}