h3 {
    font-size: 1.0em;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 49%;
    color: #000;
    font-weight: lighter;
}

.c-article__summary {
    font-size: 1.0em;
}

.o-contain { max-width: 59em; }

.c-logoutpanel { display: -webkit-flex;  display: flex;  -webkit-flex-direction: row;  flex-direction: row; -webkit-justify-content: flex-end;
    justify-content: flex-end; }
.c-button--small { padding: 0.3em 0.6em; font-size: 0.8em; }


.title-block { text-align: left; }
.title-block h3 { padding-top: 0.5em; }

.flash-message {  padding: 1em;  font-weight: bold; margin-bottom: 20px; }
.flash-message--success { background: darkolivegreen; color: #fff; }
.flash-message--error { background: darkred; color: #fff; }


.c-table { min-height: 500px; }
.c-table__table th, td { font-size: 0.8em; padding: 5px; }
.c-table__table th {  background-color: #5fc5bf; color: #fff;  }
.c-table__table td { border-bottom: 1px solid #5fc5bf; }

.c-article { margin-bottom: 20px; }

.flex-form { display: inline-flex;  flex-wrap: wrap; width: 60%; justify-content: center; align-items: center; font-size: 0.8em;  }
.flex-form .input-group { display: flex; margin-bottom: 10px; }
.flex-form label { width: 50%; }
input.field, select.field, textarea.field, div.dataTables_filter input { background: #fff; border: 1px solid #5fc5bf; margin-bottom: 0px; }
.flex-form .field, .flex-form .textitem,.flex-form .submit, div.dataTables_filter input { flex: 2; display: inline; width: 50%;  }
.flex-form .field-whole { flex-basis: 100%; }
.flex-form .field-half { flex-basis: 48.75%; }

.dataTables_filter { display: flex; }
.dataTables_filter label { font-weight: bold; }

.flex-container { display: flex; flex-direction: row; }
.flex-container a { margin: 5px;}