* {
    box-sizing: border-box;
}

body, td, a, input, select {
    font-family: "Open Sans", "Arial", "Helvetica", sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: #7a7a7a;
}

a {
    color: #1e73be;
    font-weight: bold;
    text-decoration: none;
}

.cell-right {
    display: flex;
    width: 100%;
    justify-content: flex-end;
}

.ui-widget-content {
    border: none;
    background: white;
}

.ui-widget-header {
    background: #1e73be;
}

ul.ui-widget-header {
    background-color: white;
    border: none;
    border-bottom: solid 1px #1e73be;
}

.ui-widget {
    font-size: 1em;
    font-family: "Open Sans", "Arial", "Helvetica", sans-serif;
}

.ui-datepicker {
    border: solid 1px #7a7a7a;
}

a:hover {
    color: #ff4e3f;
}

a.document, a.document:hover {
    font-weight: regular;
}

body {
    margin: 0px;
    background: #E5E5E5;
}

table {
    margin: 0px;
    border-collapse: collapse;
    border: none;
}

td.header {
    background-color: #1e73be;
    color: white;
    font-weight: bold;
}

td.label {
    vertical-align: top;
}

.label {
    font-weight: 700;
}

.menu-panel {
    background-color: #FFFFCC;
    border-left: solid 1px #C0C0C0;
    border-top: solid 1px #C0C0C0;
    border-right: solid 2px #808080;
    border-bottom: solid 2px #808080;
    padding: 2px;
}

.header {
    margin-left: auto;
    margin-right: auto;
    background-color: white;
}

.content {
    margin-left: auto;
    margin-right: auto;
    padding: 4px;
    min-height: 600px;
    background-color: white;
    overflow: auto;
}

.article {
    padding: 10px;
}

.notes {
    border: solid black 1px;
    padding: 6px;
    background-color: white;
    left: 10px;
    width: 600px;
}

input {
    border-radius: 4px;
    border: solid 1px #ccc;
    padding: 3px 3px 3px 6px;
}

input.date-field {
    width: 130px;
}

table.listcell td, table.listcell th {
    border: solid 1px #CCCCCC !important;
}

td {
    padding: 3px;
    vertical-align: top;
}

.error {
    background-color: #FFA1AC;
}

.document-icon {
    float: left;
    width: 120px;
    height: 100px;
    background-image: url("../images/icon-other.png");
    background-position: top;
    background-repeat: no-repeat;
    overflow: hidden;
}

.document-icon div {
    margin-top: 50px;
    text-align: center;
}

.application_msword {
    background-image: url("../images/icon-word.png");
}

.application_pdf {
    background-image: url("../images/icon-pdf.png");
}

.application_vnd_ms-excel {
    background-image: url("../images/icon-excel.png");
}

.dropzone {
    width: 600px;
    overflow: auto;
    margin-bottom: 10px;
    border: dashed 2px grey;
    border-radius: 4px;
    height: 200px;
    padding: 10px;
}

.validation-error {
    color: rgb(229, 55, 46);
    text-transform: uppercase;
    font-weight: bold;
}

.ae-button {
    display: inline-block;
    text-transform: uppercase;
    background-color: #5d5a5e;
    color: white;
    font-weight: 600;
    border-style: none;
    padding: 6px 12px 6px 12px;
    margin: 2px;
    border-radius: 4px;
}

.ae-loading-message {
    display: flex;
    align-items: center;
}

@media (min-width: 1024px) {
    .content, .header {
        width: 960px;
    }
}

.ae-report-form select:disabled, .ae-report-form input:disabled, .ae-report-form .disabled {
    opacity: 0.5;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #77d5f7;
    background: #1e73be;
    font-weight: normal;
    color: #ffffff;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #ffffff;
    text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 1px solid #448dae;
    background: #79c9ec;
    font-weight: normal;
    color: #026890;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
    color: #026890;
    text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #acdd4a;
    background: #6eac2c;
    font-weight: normal;
    color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #ffffff;
    text-decoration: none;
}

.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }