body {
  font-family: "Open Sans", "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5em;
  font-weight: 400;
}

p, span, a, ul, li, button {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Open Sans", "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
    line-height: 1.5em;
    font-weight: 300;
    text-align: center;
}

strong {
  font-weight: 400;
}

.title-text {
    font-size: large;
    line-height: normal;
    white-space: nowrap;
}

.tile-image {
    width: 25%;
}

.tile {
  width: 70%;
  display: inline-block;
  box-sizing: border-box;
  background: #fff;
  padding: 20px;
  margin-bottom: 5px;
  min-height: 124px;
}

.tile-border {
  display: inline-block;
  box-sizing: border-box;
  background: #fff;
  padding: 20px;
  margin-bottom: 10px;
  min-height: 50px;
  border: 1px black;
}
.tile .title {
  margin-top: 0px;
  margin-bottom: 5px;
  color: #fff;
}

.tile-100 {
  background: #DC572E;
}
.tile-100:hover {
  background: #b8431f;
  text-decoration: none;
}

.tile-101 {
  background: #81c241;
}
.tile-101:hover {
  background: #65b01b;
  text-decoration: none;
}

.tile-102 {
    background: #e7d40a;
}
.tile-102:hover {
    background: #d5c300;
    text-decoration: none;
}

.tile-103 {
    background: #283bc0;
}
.tile-103:hover {
    background: #283bac;
    text-decoration: none;
}
.tile-104, .tile-105, .tile-106, .tile-107 {
    background: #bbb;
}
.tile-104:hover, .tile-105:hover, .tile-106:hover, .tile-107:hover {
    background: #aaa;
    text-decoration: none;
}

.tile-108 {
    background: #9b7046;
}
.tile-108:hover {
    background: #835931;
    text-decoration: none;
}

.tile-img {
    height: 124px;
    max-width: 27%;
}

.bg-101 {
    border-left: 3px solid #81c241 !important;
    background-color:  rgba(129,194,65, 0.5) !important;
}
.bg-102 {
    border-left: 3px solid #e7d40a !important;
    background-color:  rgba(231,212,10,0.5) !important;
}
.bg-103 {
    border-left: 3px solid #00d5d4 !important;
    background-color:  rgba(0,213,212,0.5) !important;
}
.bg-104 {
    border-left: 3px solid orange !important;
    background-color:  rgba(255,165,0,0.2) !important;
}


@media(max-width: 575.98px) {
    .tile {
        min-height: 124px;
        margin-bottom: 5px;
    }
    .title-text {
        font-size: large;
    }
}
@media(min-width: 576 px) and(max-width: 767.98 px) {
    .tile {
        min-height: 124px;
    }
}
@media(min-width: 768 px) and(max-width: 991.98px) {
    .tile {
        min-height: 132px;
    }
}
@media(min-width: 992 px) {
    .tile {
        min-height: 132px;
    }
}

.nav-link-darkgray {
    color: darkgray;
}
.nav-link-white {
    color: white;
}

#calendar {
    margin: 0 auto;
}
.fc-today {
    color: darkred;
    border: #000000 1px solid !important;
    font-weight: bolder;
    background-color: #bbb !important;
    margin: 5px;
}

.sidebar .block {
    min-width: 320px !important;
}