html, body, header, footer {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	/* text-size-adjust: 100%; */
	-ms-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-webkit-text-size-adjust: none;
}

.panelGridCenter {
	margin: 0 auto;
}

html {
	height: 100%;
	box-sizing: border-box;
}

body {
	position: relative;
	min-height: 100%;
	padding-bottom: 10rem;
}

*, *:before, *:after {
	box-sizing: inherit;
}

.ui-widget {
	font-size: 1em;
}

.banner {
	width: 100%;


}

/* .banner tr{
	background-color: #056a8a00;
	background-color: rgba(5, 106, 138, 0.05);
	background-image: -moz-linear-gradient(right, #056a8a25, #f2f2f2);
	background-image: -webkit-gradient(linear, 100% 0, 0 100%, from(#056a8a25),
		to(#f2f2f2));
	background-image: -webkit-linear-gradient(right, #056a8a25, #f2f2f2);
	background-image: -o-linear-gradient(right, #056a8a25, #f2f2f2);
	background-image: linear-gradient(to left, #056a8a25, #f2f2f2);
} */

.banner td:first-child {
	width: 25%;
}

.banner td:first-child img {
	width: 50em;
}

.banner .text {
    font-size: 25px;
    font-weight: 600;
    line-height: 72px;
    margin: 0 0 24px;
    letter-spacing: 2px;
    color: #016486;
    /* text-align: center; */
    text-transform: uppercase;
}

.banner td:last-child {
	width: 20%;
	padding-right: 1em;
}

.banner td:last-child img {
	width: 200px;
	float: right;
}

.cookieWarning {
	text-align: center;
}

.cookieWarning .ui-messages-close {
	float: right;
}

.ui-panel {
	padding: .1em !important;
}

.ui-panel .ui-panel-titlebar {
	padding: 0.8em 1em 0.6em !important;
	border: none;
	background: #e9f3f9;
}

.mainMenu {
	/* margin:10px 0; */
	background-color: #e9f3f9 !important;
	background-color: rgba(5, 106, 138, 0.05) !important;
	background-image: -moz-linear-gradient(top, #e9f3f9, #f2f2f205)
		!important;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e9f3f9),
		to(#f2f2f205)) !important;
	background-image: -webkit-linear-gradient(top, #e9f3f9, #f2f2f205)
		!important;
	background-image: -o-linear-gradient(top, #e9f3f9, #f2f2f205) !important;
	background-image: linear-gradient(to bottom, #e9f3f9, #f2f2f205)
		!important;
	border: none !important;
	padding: 5px !important;
	border-radius: 0px !important;
	margin-bottom: 10px;
}

.ui-panelgrid td, .ui-panelgrid tr {
	border-style: none !important
}

#container {
	margin-bottom: 3rem;
}

/* Login Widget */
.sidebar {
	display: table-cell;
	padding-right: 10px;
}

.loginWidget .ui-panel-titlebar {
	/* text-align: center; */
	text-transform: uppercase;
}

.loginWidget .ui-link {
	text-align: center;
}

.loginBtnCell {
	text-align: center;
}

/* Common */
.mainContent {
	width: 100%;
	vertical-align: top;
}

.displayCell {
	display: table-cell;
}

.hidden {
	display: none;
}

.lgrey {
	background: lightgray;
}

/* MTA */
.signed {
	background-color: rgba(173, 255, 47, 0.5) !important;
	color: black !important;
	width: 25%; !important;
	padding: 10px;
}

.notsigned {
	background-color: rgba(255, 165, 0, 0.5) !important;
	color: black !important;
	width: 25%; !important;
	padding: 10px;
}

td.statusCol {
	/* text-transform: uppercase;
	font-size: 70%; */
	text-align: center;
}

.ui-state-highlight .signed, .ui-state-highlight .notsigned,
	.ui-state-hover .signed, .ui-state-hover .notsigned {
	opacity: 0.8 !important;
}

.legalBodyForm {
	width: 70%;
	
}

.legalBodyForm .addressSection {
	width: 100%;
}

.legalBodyForm td > table {
	width: 100%;
}

.legalBodyForm .addressSection td > input,
.legalBodyForm .addressSection td > textarea {
	width: 100%;
}

.fieldValueContainer {
	width: 100%;
}

.fieldValueContainer .ui-autocomplete {
	width: 80% !important;
}

.fieldValueContainer .autocomplete_add {
	float: right;
}

.fieldValueContainer .ui-panelgrid-cell>span {
	width: 100%;
}

.fieldValueContainer .ui-panelgrid-cell>span>input {
	width: 80%;
}

.fieldValueContainer .ui-panelgrid-cell>* {
	width: 100%;
}

.ui-autocomplete-itemtip {
	background: none;
	box-shadow: none !important;
}

.ui-autocomplete-itemtip label {
	padding: .4em;
	white-space: nowrap;
}

.colorCodeTable {
	width: fit-content;
	margin-right: 0px;
	margin-left: auto;
}

.colorCodeTable tbody td:first-child {
	width: 20%;
	text-align: center;
	height: 2.1em;
	font-weight: bold;
}

.colorCodeTable tbody td:nth-child(2) {
	font-style: italic;
}

.mtaLogoSize
{
	width: 512px !important;
	float:left;
}

.harwellLogoSize
{
	width: 275px !important;
	float: right;
}

th
{
	background-image: none !important;
	font-size: 14px !important;
	font-weight: bold !important;
	background-image: none !important;
	text-color: #ffffff !important;
}

body .ui-datatable thead th .ui-column-title
{
	font-size: 14px !important;
	vertical-align: middle;
}

body .ui-datatable thead th {
	text-align: center !important;
}

.referenceCol
{
	width: 200px !important;
}

.buttonsCol
{
	width: 200px !important;
}

.tableColumns .referenceCol .buttonsCol
{
	text-align: center;
	font-size: 12px !important;
}

.reviewTitles
{
	width: 25% !important;
	text-align: center !important;
	font-weight: bold !important;
}

.legalBodyAutocomplete input, span.ui-autocomplete {
	width: 85% !important;
}

body .ui-accordion .ui-accordion-header {
	font-weight: normal;
}