/**
    App-specific CSS - included after Foundation CSS
**/

/* general */
.hidden {
    display: none !important;
}

label, .nav-text {
  display: block;
  height: 1.9375rem;
  margin: 0.25rem 0 0.25rem 0;
  padding: 0.25rem;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  color: #0a0a0a;
  background-color: #cce6ff;
}
.label-color {
  background-color: #cce6ff;
}

select {
  height: 1.9375rem;
  padding: 0 1.5rem 0 0.5rem;
  margin: 0.25rem 0 0.25rem 0;
}

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'],
textarea {
    height: 1.9375rem;
    padding: 0.25rem;
    margin: 0.25rem 0 0.25rem 0;
}

.span-label {
  display: block;
  height: 1.9375rem;
  margin: 0.25rem;
  padding: 0.25rem;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  color: white;
  background-color: #1779ba;
  border-radius: 0.25rem;
  width: 100%;
}

.button {
    margin: 0.25rem;
    border-radius: 0.25rem;
}

.app-file {
    height: 1.9375rem;
    padding: 0.25rem;
    margin: 0.25rem 0 0.25rem 0;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.5;
}

/* for our pickr controls */
.pickr-button, .clear-button, .nav-button {
    display: block;
    height: 1.9375rem;
    margin: 0.25rem 0 0.25rem 0;
    padding: 0.25rem;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.5;
    color: #0a0a0a;
    background-color: #cce6ff;
    border: 1px solid #c0c0c0;
}

/* for our form layouts */
.top-row {
    border: solid 2px blue;
    border-radius: 5px 5px 0px 0px;
    border-bottom-style: none;
    margin-top: 1rem;
}
.middle-row {
    border: solid 2px blue;
    border-top-style: none;
    border-bottom-style: none;
}
.middle-row-top {
    border: solid 2px blue;
    border-bottom-style: none;
}
.middle-row-bottom {
    border: solid 2px blue;
    border-top-style: none;
}
.bottom-row {
    border: solid 2px blue;
    border-radius: 0px 0px 5px 5px;
    border-top-style: none;
}
.only-row {
    border: solid 2px blue;
    border-radius: 5px 5px 5px 5px;
    margin-top: 1rem;
}
.error-cell {
    padding:1px;
    text-align:center;
    color:red;
    border: solid 2px red;
}
.error-block {
    margin-top: 1rem;
    border: solid 3px red;
    border-radius: 6px 6px 6px 6px;
}
.warning-block {
    margin-top: 1rem;
    border: solid 3px yellow;
    border-radius: 6px 6px 6px 6px;
}
.success-block {
    margin-top: 1rem;
    border: solid 2px blue;
    border-radius: 5px 5px 5px 5px;
}
.print-block {
    margin-top: 1rem;
    border: none;
}
.button-row {
    border: solid 2px blue;
    border-radius: 0px 0px 5px 5px;
    padding: 5px;
}
.button-only-row {
    border: solid 2px blue;
    border-radius: 5px 5px 5px 5px;
    padding: 5px;
    margin-top: 1rem;
}
.header-row {
    border: solid 2px blue;
    border-radius: 5px 5px 0px 0px;
    padding: 5px;
    margin-top: 1rem;
}
.fltops-style {
    background-color: #40ff83;
}
.maint-style {
    background-color: #ffbcd6;
}
.fltinst-style {
    background-color: #81b0fb;
}
.gndinst-style {
    background-color: #b96cff;
}
.personal-style {
    background-color: #b6f9ab;
}
.detail-style {
    background-color: #ffca9c;
}
.pullout-style {
    background-color: #a0ffff;
}
.overnight-style {
    background-color: #dddddd;
}

.cal-daynum {
	text-align: right;
	float: right;
	font-size: 14pt;
	font-weight: bold;
	color:#888;
}
.cal-week {
	text-align: left;
	float: left;
	font-size: 10pt;
	font-weight: bold;
	color:#888;
}
.cal-event {
    text-align: left;
    font-size: 10pt;
    color:black;
}

.cal-top {
    background-color: #99ceff;
}
.cal-today {
    background-color: #ccffe5;
}
.cal-today:hover {
    background-color: #b8e6ce;
}
.cal-active {
    background-color: #e6ffff;
}
.cal-active:hover {
    background-color: #d0e8e8;
}
.cal-inactive {
    background-color: #e0ebeb;
}
.cal-inactive:hover {
    background-color: #c9d4d4;
}


thead.compact td {
    padding: 0.25rem;
    font-weight: bold;
    font-size: 65%; }
tbody.compact td {
    padding: 0.25rem;
    font-size: 65%; }