.invalidField {
border:1px solid #ff0b0b !important;
}

body {
font-size:80%;
width:100%;
overflow:scroll;
height:100%;
background-color: #ffffff;
font-family:Arial, sans-serif;
color:#333;
}

div.pageBodyContainer {
background-color:#e0e0e0;
width:50em;
padding: 0 2em 2em;
margin-right:auto;
margin-left:auto;
}

textarea.textArea {
height:5em;
}

p.loading {
text-align:center;
}

span.required {
color:#f00;
}

div.pageBodyContainer > table > tbody > tr > td {
vertical-align:top;
width:50%;
padding-bottom:0.5em;
}

div.pageBodyContainer > table > tbody > tr > td > * {
width:95%;
min-height:1.75em;
}

div.pageBodyContainer > table > tbody > tr > td > input {
width:95%;
min-height:1.9em;
border: 1px solid rgb(118, 118, 118);
}

div.pageBodyContainer > table > tbody > tr > td > h1,
div.pageBodyContainer > table > tbody > tr > td > h2 {
min-height:1em;
}

div.pageBodyContainer > table > tbody > tr > td > button {
width:10em;
padding:0.5em 0.75em;
}

div.pageBodyContainer > table {
width:100%;
}

div.pageBodyContainer > table > tbody > tr > td > div.buttonGroup {
margin-left:0.25em;
}

div.pageBodyContainer > table > tbody > tr > td > div.buttonGroup > button {
padding:0.25em 0.5em;
}

div.pageBodyContainer > table > tbody > tr > td > p.successText {
font-size:1.5em;
margin-left:0.25em;
}

div.pageBodyContainer > table > tbody > tr > td > div.dropdown-wrap {
position: relative;
width:95%;
}

div.pageBodyContainer > table > tbody > tr > td > div.dropdown-wrap > a.dropdownButton {
text-decoration: none;
font-size: 1em;
background-color: #ffffff;
padding: 8px 0 8px 12px;
margin: 0;
display: block;
border: solid 0.5px #9c9c9c;
}

div.pageBodyContainer > table > tbody > tr > td > div.dropdown-wrap > a.dropdownButton.reducedPadding {
padding: 1px 2px 2px 2px;
}

div.pageBodyContainer > table > tbody > tr > td > div.dropdown-wrap > a.dropdownButton > div.value > ul{
margin: 0;
padding: 0;
list-style-position: inside;
list-style-type: none;
font-style: italic;
}

div.pageBodyContainer > table > tbody > tr > td > div.dropdown-wrap > a.dropdownButton > div.value > ul > li{
display: inline-block;
height: 2.0em;
padding: 0.5em;
margin: 1px 1px 1px 0px;
background-color: #eee;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #ccc;
}

div.pageBodyContainer > table > tbody > tr > td > div.dropdown-wrap > div.dropdown {
display: none;
background-color: #f6f6f6;
z-index: 1;
max-height: 400px;
min-height: 40px;
overflow: scroll;
overflow-x: hidden;
position: absolute;
width: 100%;
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

div.pageBodyContainer > table > tbody > tr > td > div.dropdown-wrap > div.dropdown > input.filter {
display: none;
box-sizing: border-box;
background-position: 14px 12px;
background-repeat: no-repeat;
font-size: 14px;
padding: 14px 20px 12px 12px;
border: none;
position: relative;
width: 100%;
}

div.pageBodyContainer > table > tbody > tr > td > div.dropdown-wrap > div.dropdown > a.option {
color: black;
padding: 12px 0 12px 28px;
text-decoration: none;
display: block;
width: 100%;
}

div.pageBodyContainer > table > tbody > tr > td > div.dropdown-wrap > div.dropdown > a.option:hover {
background-color: #f1f1f1
}


div.pageBodyContainer > table > tbody > tr > td > div.dropdown-wrap > div.dropdown > a.option.selected::before {
content: "\2713 ";
position: absolute;
left: 12px;
line-height: 14px;
}


div.pageBodyContainer > table > tbody > tr > td > input.readonly,
div.pageBodyContainer > table > tbody > tr > td > div.dropdown-wrap > a.readonly,
div.pageBodyContainer > table > tbody > tr > td > textarea.readonly,
div.pageBodyContainer > div.buttonGroup > button.readonly{
background-color: #aeaeae;
pointer-events: none;
cursor: default;
border: solid 0.5px #9c9c9c;
}

div.pageBodyContainer > div.buttonGroup {
display:inline-block;
float:right;
margin-right:1.1em;
}

div.logoContainer {
background-color:#ffffff;
width:50em;
padding: 1em 1em 1em 0;
margin-right:auto;
margin-left:auto;
}

div.logoContainer > img {
height: 4rem;
}

div.uploadFileButtonContainer {
display:inline-block;
}

div.uploadFileButtonContainer > button {
display:block;
}

div.uploadFileButtonContainer > div.item {
display:block;
margin-top:0.5em;
}

div.uploadFileButtonContainer > div.item > div.itemLabel {
display:inline-block;
float:left;
}

div.uploadFileButtonContainer > div.item > div.deleteItemButton {
background-color:#990000;
color:#fff;
width:1em;
border-radius:0.2em;
text-align:center;
float:right;
margin-left:0.5em;
cursor:pointer;
}

div.uploadFileButtonContainer > div.item > div.deleteItemButton:hover {
background-color:#990000;
color:#fff;
}