/* Main Colors and Font */
/* -------------------- */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url('cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2') format('woff2'), url('cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
}
body {
    background-color: #fff;
    color: #000;
    font-family: "Open Sans", sans-serif;
    font-weight:400;
    font-size: 14px;
    margin: 0;
    padding: 0;
    height: 100%;
}
input:hover {
    cursor:pointer;
}
/* Headings scale according to the font size of their parent */
/* --------------------------------------------------------- */

h1 { font-size: 2em; } /* 32px/16px */
h2 { font-size: 1.5em; } /* 24px/16px */
h3 { font-size: 1.25em; } /* 20px/16px */
h4 { font-size: 1.125em; } /* 18px/16px */
h5 { font-size: 1.0625em; } /* 17px/16px */

/* Remove margins from most things, use padding where possible */
h1 { margin: 0; padding: 0.5em 0; }
h2 { margin: 0; padding: 0.5em 0; }
h3 { margin: 0; padding: 0.5em 0; }
h4 { margin: 0; padding: 0.5em 0; }
h5 { margin: 0; padding: 0.5em 0; }

/* Nicer looking horizontal rules */
/* ------------------------------ */

div.hr {
    width: 100%;
    height: 1px;
    background-color: #FFF;
    margin: 8px 0;
}

/* List spacings */
/* ------------- */

ul, ol {
    margin-top: 0.2em;
    margin-bottom: 0.8em;
    padding-left:0px;
    list-style: none;
}

/* Alignment classes */
/* ----------------- */

.align-left { text-align:left; }
.align-right { text-align:right; }
.align-center { text-align:center; }
.float-left { float:left; }
.float-right { float:right; }
.float-none { float:none; }
.float-clear, .clear { clear:both; }

/* Font weight classes */
/* ------------------- */

.bold { font-weight:bold; }
.italic { font-style:italic; }

/* Visibility classes */
/* ------------------ */

.hidden, .hide { display: none; }
.invisible { visibility:hidden; }

/* Layout classes */
/* -------------- */

.inline-block { display: inline-block; }
.inline { display:inline; }
.block { display:block; }
.no-margin { margin:0; }
.no-padding { padding:0; }

/* Minor Page Regions */
/* ------------------ */

.code {
    direction: ltr;
    font-family: "Inconsolata","Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace;
    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    line-height: 1.1em;
    text-align: left;
    display: block;
    white-space: pre-wrap;
    margin: 1em 0;
}

.message_box {
    background: none repeat scroll 0 0 #F0F0F0;
    border-radius: 6px;
    font-size: 14px;
    margin-top: 12px;
    margin-bottom: 12px;
    padding: 0.4em;
    vertical-align: baseline;
    box-sizing: border-box;
    line-height: 1.3;
}
.error_box {
    border: 1px solid #A80000;
    color: #A80000;
}
.warning_box {
    border: 1px solid #804800;
    color: #804800;
}
.info_box {
    border: 1px solid #00A800;
    color: #00A800;
}
.message_box ul {
    margin-top: 0.4em;
    margin-bottom: 0.4em;
}
.designby {
    font-size: 9px;
    color: #707070;
}
.designby a:link,
.designby a:visited {
    color: #000000;
}

div.error {
    color: #A80000;
    margin-top: 4px;
}

table.cleantable {
    border: 1px solid grey;
    border-collapse: collapse;
}
table.cleantable th,
table.cleantable td {
    border: 1px solid grey;
    padding: 2px;
}

span.username {
    font-weight: bold;
    font-style: italic;
    font-size: 0.9em;
}

.vbar {
    font-size: 2em;
}

/* Form Regions */
/* ------------ */

div.template17605085788646419695 {
    display: none;
}

fieldset {
    border: none;
    border-radius: 3px;
    margin-bottom:20px;
    padding: 4px 8px;
}



.hint {
    font-style: italic;
    color: #454545;
    margin-left: 310px; /* to align with field value column */
    display: block;
}

input.action-button   {
    background-color: #30A230 !important;
    border-bottom: 4px solid #174F17 !important;
}


input.textbox {
    background-color: #fff;
    border: 1px solid #999;
    border-radius: 3px;
    color: #222;
    padding: 3px 6px;
    height: 30px;
    width: 260px;
}

div.field_edit {
    padding: 6px 0px;
    display: block;
}

div.field_view {
    padding: 6px 0px;
    display: block;
}

div.field_label_column {
    display: table-cell;
    text-align: left;
    padding-right: 10px;
    width: 300px;
    vertical-align: top;
}

div.field_label_column label {
    font-weight: bold;
}

div.field_value_column {
    display: table-cell;
    text-align: left;
}

input, textarea, select {
    background-color: #FFF;
    color: #222;
    border:1px solid #999;
    border-radius:3px;
    padding:3px 6px;
}




.form_grey { background-color: #CDCDCD; }
.form_white { background-color: #FFFFFF; }
.form_green { background-color: #D3FFD3; }


/* Buttons */
/* ------- */


input.checkpoint-button, a.checkpoint-button, button.checkpoint-button {
    border-top:none;
    border-left:none;
    border-right:none;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    line-height: 38px;
    margin-right: 20px;
    border-radius: 2px;
    font-family: "Helvetica Neue",Arial,sans-serif;
    outline: 0 none;
    text-align: center;
    text-decoration: none;
    min-width: 180px;
    background-color:grey;
    border-bottom: 4px solid #444444;
    width: min-content;
}

a.continue, input.continue, button.continue {
    background-color: #30A230;
    border-bottom: 4px solid #174F17;
}

a.cancel, input.cancel, button.cancel {
    background-color: #a23030;
    border-bottom: 4px solid #4f1717;
}

input.submit {
    color: #339999;
    background-color: transparent;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    font-size: 13px;
    cursor: pointer;
    padding: 3px 6px;
    border: 1px solid #339999;
    border-radius: 3px;
    margin: 0em;
    display: inline-block;
    width:140px;
}
input[type="button"] {
    cursor: pointer;
}

a.crud-button {
    color: #FFF;
    background-color: green;
    font-weight: bold;
    font-size: 13px;
    cursor: pointer;
    padding: 3px 6px;
    border: 1px solid #999;
    border-radius: 3px;
    margin: 0em;
    display: inline-block;
}

/* OneStart button style */


input.submit.danger {
    color: black;
    background-color: red;
}

a.crud-button.danger {
    color: black;
    background-color: red;
}

/* jQuery Autocomplete */
/* ------------------- */

ul.autocomplete {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    border: 1px solid #454545;
    border-radius: 0px;
    position: absolute;
}
ul.autocomplete li {
    color: #000000;
    background-color: #FFFFFF;
}
ul.autocomplete li:hover {
    background-color: #D0D0D0;
}
ul.autocomplete li.cursor {
    background-color: #FFFF00;
}
ul.autocomplete {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    border: 1px solid #454545;
    border-radius: 0px;
    position: absolute;
}
ul.autocomplete li {
    color: #000000;
    background-color: #FFFFFF;
}
ul.autocomplete li:hover {
    background-color: #D0D0D0;
}
ul.autocomplete li.cursor {
    background-color: #FFFF00;
}

/* Logo */
/* ---- */

.logo {
    padding-top: 10px;
}

.logo_one {
    font-family: Arial Black,Arial Bold,Gadget,sans-serif;
    font-size: 30px;
    font-style: italic;
    font-weight: 500;
    text-shadow: 3px 3px 2px rgba(200, 200, 200, 1);
    color: black;
    margin: 0px;
}

.logo_start {
    font-family: Arial Black,Arial Bold,Gadget,sans-serif;
    font-size: 30px;
    font-style: italic;
    font-weight: 500;
    text-shadow: 3px 3px 2px rgba(200, 200, 200, 1);
    color: green;
    margin: 0px 8px 0px 0px;
}

/* jQuery Autocomplete (devbridge) */
/* ------------------------------- */

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

/* other */
/* ----- */

img.image_photo {
    max-height: 200px;
}

div.footer {
    font-size: 9px;
    padding-top:30px;
    display: flex;
    flex-direction: row;
}

ul.checklist {
    list-style: none;
}

ul.checklist li:before {
    font-size: 2.4em;
    margin-right: 0.3em;
}
ul.checklist li.complete:before {
    content: "\2611";
    font-size: 2.4em;
    color: green;
    margin-right: 0.3em;
}
ul.checklist li.incomplete:before {
    content: "\2610";
    font-size: 2.4em;
    margin-right: 0.3em;
}

ul.checklist li{

    list-style:none;
}

span.checkmark {
    color: green;
    font-size: 1.7em;
}

input, label, textarea, select {
    display:block;
}

li input, li label {
    display: inline-block;
}

div.form-container form {
    width: 100%;
}

div.form-container {
    display: flex;
    flex-direction: column;
    width: min-content;
    padding: 4px 24px 12px 24px;
    border-radius: 3px;
    border: 1px solid #E6E6E6;
    background-color: #f7f7f7;
    height: min-content;
}

div.form-container span.login-extra {
    white-space: nowrap;
}

div.form-container.wide {
    min-width: 600px;
}

div.spacer {
    flex-grow: 100;
}

.errorlist {
    color: red;
}

input[type="submit"], a.checkpoint-button {
    margin: 8px 4px 8px 4px;
}

div.position-stack table {
    width: 100%;
}

tbody tr:nth-child(odd) {
    background: #f4f4f4;
}

thead th {
    border-bottom: 1px solid black;
}

.change-log {
    font-size: 14px;
}

td, th {
    padding: 8px 8px 8px 8px;
}

table {
    border-collapse: collapse;
}

ul.pagination li {
    margin: 2px 4px 2px 4px;
}

ul.pagination li.active a {
    color: #535353;
}

div.table-container th a {
    text-decoration: none;
}

div.flex-row {
    display: flex;
    flex-direction: row;
}

div.flex-column {
    display: flex;
    flex-direction: column;
}

div.file-download {
    border: 1px solid #E0E0E0;
    background-color: #F8F8F8;
    padding: 24px 16px 4px 16px;
    margin: 2px 4px 2px 4px;
    border-radius: 2px;
    width: min-content;
}

div.field-group {
    background-color: #F8F8F8;
    border: 1px solid #E0E0E0;
    border-radius: 2px;
    padding: 30px;
    margin-bottom: 30px;
}

div.side-by-side {
    width: 100%;
}

.collapsible {
    cursor: pointer;
    font-size: 1.25em;
}

.active, .collapsible-content:hover {
    background-color: #ccc;
}

.active {
    content: '-';
}

.collapsible-content {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

table.application-forms {
    text-align: center;
    align-content: center;
    vertical-align: middle;
}

textarea.dbf-details {
    height: 3.5em;
}

hr.dbf-section-separator {
    margin-top: 32px;
}

hr.dbf-section-separator + h3.dbf-section-heading {
    margin-top: 32px;
}

div.form-container p > input, div.form-container p > textarea {
    width: 100%;
}

div.button-wrapper {
    padding-top: 32px;
}

span.login-extra {
    margin-top: 24px;
}

span.login-extra + span.login-extra {
    margin-top: 16px;
}

div.login-name {
    float: right;
    padding: 64px 20px 0 0;
}

img.login-icon {
    width: auto;
    height: 18px;
    padding-bottom: 3px;
}

.error {
    color: red;
}

div.help-email {
    font-size: 12px;
}

table.response {
    width: 100%;
}

td.question {
    width: 30%;
}

td.answer {
    width: 70%;
}

div.logo-block {
    display: flex;
    flex-direction: row;
    width: 100%;
}

div.middle {
    flex-grow: 1;
}