body {
    background: #f5f5f5;
    font-family: 'Ubuntu', sans-serif;
}

.navbar {
    background-color: #fff !important;
    box-shadow: 0 2px 2px 0 rgba(60,75,100,.14), 0 3px 1px -2px rgba(60,75,100,.12), 0 1px 5px 0 rgba(60,75,100,.2);
}

.btn {
    transition: none;
}

.btn-primary {
    background-color: #63b32e !important;
    border: none;
}

a, a:hover {
    color: #555;
}

.nav-link {
    color: #777 !important;
}

h1 {
    font-size: 28px;
}

h2 {
    font-size: 26px;
}

h3 {
    font-size: 22px;
}

.page-item.disabled .page-link {
    background-color: #eee;
}

.page-item.active .page-link {
    background-color: #63b32e !important;
    border-color: #63b32e;
}

.page-link {
    color: #777;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.02);
}

  a.tile:active {
    background: red !important;
  }

  /*#E6EFC2*/
  /*#98D3A6*/
  /*#37AFA8*/
  /*#496E7D*/
  /*#5B5451*/

.plusQuantity,
.minusQuantity {
    font-size: 30px;
    line-height: 30px;
}

.plusQuantity {
    margin-right: 10px;
}

.plusQuantity:active,
.minusQuantity:active {
    color: red;
}


.strike {
  text-decoration: line-through
}

.form-control {
  margin-bottom: 20px;;
}

.tile {
  display: block;
  overflow: hidden;
  padding: 15px;
  margin-bottom: 15px;
  background: #f9f9f9;
  color: #203f6d;
  border: 1px solid #eee;
}

.comment {
  display: block;
  padding: 15px;
  margin-bottom: 15px;
  background: #fff;
  color: #203f6d;
  border: 1px solid #ccc;
  font-size: 16px;
  width: 100%;
}

.create {
  display: block;
  padding: 15px;
  margin-bottom: 15px;
  background: #fff;
  color: #203f6d;
  border: 1px solid #ccc;
  font-size: 16px;
  text-align: center;
}

.create:hover {
  background: #17a2b8;
  color: #fff;
  border: 1px solid #17a2b8;
  cursor: pointer;
  text-decoration: none;
}

.head {
  padding: 15px;
  margin-bottom: 15px;
  background: #eee;
  border: 1px solid #eee;
}

.head.weekend {
  background: #ccc;
}

.prevnext {
  background: #17a2b8;
  color: #fff;
  padding: 10px;
  border: none;
  font-weight: bold;
  text-decoration: none;
  margin: 0;
  line-height: 20px;
  margin-right: 20px;
}

.desc {
  line-height: 20px;
  font-size: 12px;
  color: inherit;
}

.dot {
  /* float: left; */
  display: inline-block;
  /* padding: 5px; */
  margin-right: 5px;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  line-height: 32px;
  width: 32px;
  height: 32px;
  font-size: 14px;
}

.dot-squared {
  /* float: left; */
  display: inline-block;
  /* padding: 5px; */
  margin-right: 5px;
  border-radius: 5%;
  text-align: center;
  padding-left:5px;
  padding-right:5px;
  color: #fff;
  border-color: #000000;
  border-width: 2px;
  line-height: 32px;
  height: 32px;
  font-size: 14px;
}

.today .head {
  background: #dbf1ea;
}

ion-icon {
    color: blue;
    font-size: 22px;
}