.huge {
  color: #333;
  text-shadow: 0 0 80px white;
}
.medium {
  font-size: 20px;
}
.bold {
  font-weight: bold;
}
.white {
  color: #fff;
}
.panel-relations {
  background-color: #E0E0FF;
  margin: 5px;
  padding: 10px;
}
.panel-relations a {
  color: black;
}
.panel-relations a:hover {
  text-decoration: none;
}
.panel-relations .fa {
  text-align: center;
  width: 40px;
  padding-right: 10px;
}
.panel-cases {
  background-color: #FFFFC0;
  margin: 5px;
  padding: 10px;
}
.panel-cases a {
  color: black;
}
.panel-cases a:hover {
  text-decoration: none;
}
.panel-cases .fa {
  text-align: center;
  width: 40px;
  padding-right: 10px;
}
.panel-activities {
  background-color: #D8FFFF;
  margin: 5px;
  padding: 10px;
}
.panel-activities a {
  color: black;
}
.panel-activities a:hover {
  text-decoration: none;
}
.panel-activities .fa {
  text-align: center;
  width: 40px;
  padding-right: 10px;
}
.panel-disbursements {
  background-color: #C0FFC0;
  margin: 5px;
  padding: 10px;
}
.panel-disbursements a {
  color: black;
}
.panel-disbursements a:hover {
  text-decoration: none;
}
.panel-disbursements .fa {
  text-align: center;
  width: 40px;
  padding-right: 10px;
}
.panel-invoices {
  background-color: #FFE0C0;
  margin: 5px;
  padding: 10px;
}
.panel-invoices a {
  color: black;
}
.panel-invoices a:hover {
  text-decoration: none;
}
.panel-invoices .fa {
  text-align: center;
  width: 40px;
  padding-right: 10px;
}
.panel-reminders {
  background-color: #E9E0DB;
  margin: 5px;
  padding: 10px;
}
.panel-reminders a {
  color: black;
}
.panel-reminders a:hover {
  text-decoration: none;
}
.panel-reminders .fa {
  text-align: center;
  width: 40px;
  padding-right: 10px;
}
.panel-agenda {
  background-color: #CCCCCC;
  margin: 5px;
  padding: 10px;
}
.panel-agenda a {
  color: black;
}
.panel-agenda a:hover {
  text-decoration: none;
}
.panel-agenda .fa {
  text-align: center;
  width: 40px;
  padding-right: 10px;
}
.panel-clickable {
  box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
}
.entity-details hr {
  margin-top: 10px;
  margin-bottom: 10px;
}
.entity-details .name {
  font-size: 12px;
  margin: 0 2px;
}
.entity-details .information {
  font-weight: bold;
  margin: 0 2px;
}
.grid-date-col {
  width: 80px;
  float: left;
  text-align: center;
}
.grid-description-col {
  float: left;
  margin-left: 10px;
  width: calc('100%' - 160px);
}
.grid-last-col {
  margin-right: 10px;
  width: 80px;
  float: right;
  text-align: right;
}
.grid-text-small {
  color: gray;
  font-size: small;
}
.grid-text-standard {
  color: black;
  font-size: large;
}
.header-logo {
  background-image: url('/Images/bg_pink.jpg');
  width: 100%;
}
.header-logo img {
  margin-top: 5px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  width: 90%;
  max-width: 200px;
}
.header-logo div {
  float: right;
}
.header-logo div a {
  text-decoration: none;
}
.header-logo div a div {
  float: none;
}
.header-logo div a div span {
  color: white;
  font-size: 9px;
}
.header-logo div a div .fa-sign-out {
  color: white;
}
.header-logo div a div + div {
  margin-top: -7px;
}
.form-group .select2-container .select2-selection--single {
  min-height: 2.2em;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
  border: solid 1px #ddd;
}
.form-group .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 2.2em;
}
.clock {
  text-align: center;
}
.clock > div {
  display: inline-block;
}
.clock .ui-btn-icon-top {
  padding-top: 1.7em;
}
.clock .ui-btn-icon-bottom {
  padding-bottom: 1.7em;
}
.clock .ui-btn-inline {
  margin-right: 0;
}
.clock .hours,
.clock .minutes {
  text-align: center;
  float: left;
}
    .clock .hours > div,
    .clock .minutes > div {
        margin: 0 auto;
        width: 120px;
    }
.clock .hours > div.ui-input-text input,
.clock .minutes > div.ui-input-text input,
.clock .hours > div .ui-input-search input,
.clock .minutes > div .ui-input-search input {
  text-align: center;
}
.clock .hours + div {
  margin: 0px 10px;
}
#ui-datepicker-div {
  z-index: 9999 !important;
}
.whole-width-header {
  margin: 0;
  padding: 0;
  text-overflow: initial;
}
@media (max-width: 720px) {
  .ui-mobile-viewport .ui-page .responsive-header {
    font-size: 2.5vw;
    margin: 0;
    padding: 0;
    text-overflow: initial;
  }
}
@media (max-width: 640px) {
  .ui-mobile-viewport .ui-page .responsive-header {
    font-size: 3.5vw;
    margin: 0;
    padding: 0;
    text-overflow: initial;
  }
}
@media (max-width: 320px) {
  .ui-mobile-viewport .ui-page .responsive-header {
    font-size: 4.5vw;
    margin: 0;
    padding: 0;
    text-overflow: initial;
  }
}