@charset "UTF-8";

:root {
	--main-bg-color: #161535;
	--main-text-color: #ffffff;
	--light-bg-color: #08bb53;
	--border-color: #161535;
}

body {
	font-size: 15px;
	font-family: roboto slab,times new roman,serif;
}

a {
	color: var(--main-bg-color);
}

a:hover,
a:active {
	color: var(--light-bg-color);
}

.btn-success:hover {
	background-color: #00ad48;
	border-color: #00ad48;
}

.warnRow,
.warnRow a,
.warnRow a:hover,
.warnRow a:active {
	background-color: #fff3cd;
	color: #856404 !important;
}

body .ui-panel .ui-panel-titlebar,
body .ui-datatable .ui-datatable-header,
body .ui-datatable .ui-datatable-footer,
body .ui-datatable th.ui-state-default,
body .ui-datatable tfoot td.ui-state-default,
body .ui-datatable .ui-datatable-header,
body .ui-treetable .ui-treetable-header,
body .ui-treetable thead th,
body .ui-fileupload .ui-fileupload-buttonbar,
body .ui-accordion .ui-accordion-header,
body .ui-accordion .ui-accordion-header.ui-state-active,
body .ui-accordion .ui-accordion-header.ui-state-hover,
body .ui-accordion .ui-accordion-header.ui-state-active:hover {
	background: var(--main-bg-color);
	color: var(--main-text-color);
	border: none;
}

body .ui-datatable table,
body .ui-treetable table,
body .ui-datatable tbody.ui-datatable-data,
body .ui-datatable tbody.ui-datatable-data > tr.ui-widget-content,
body .ui-datatable tbody.ui-datatable-data td,
body .ui-datatable tr.ui-widget-header {
	border-color: var(--border-color) !important;
}

body .ui-accordion .ui-accordion-header:first-child {
	border-top: 0;
}

body .ui-accordion .ui-accordion-header > .ui-icon {
	color: var(--main-text-color);
}

body .ui-treetable .ui-treetable-header {
	text-align: center;
}

.btn-success {
	background: #00903c;
}

body .ui-datatable thead th.ui-state-hover {
	background: var(--light-bg-color);
	color: var(--main-text-color);
}

body .ui-datatable thead th.ui-state-active {
	background: var(--light-bg-color);
	color: var(--main-text-color);
}
body .ui-datatable thead th.ui-state-active.ui-state-hover {
	background: var(--light-bg-color);
	color: var(--main-text-color);
}

body .ui-datatable .ui-datatable-data > tr.ui-state-highlight {
	background: #e2fcec;
}

body > header {
	background-color: var(--main-bg-color);
	color: var(--main-text-color);
}

body > header a,
body > header a:hover,
body > header a:active {
	color: var(--main-text-color);
}

body > footer {
	width: 100%;
	background-color: var(--main-bg-color);
	padding-top: 20px;
	padding-bottom: 10px;
	padding-right: 60px;
	border-top: none;
	font-size: 18px;
	font-weight: 300;
}

body > footer a,
body > footer a:hover,
body > footer a:active {
	color: var(--main-text-color);
	text-decoration: none;
}

body > footer ul {
	list-style-type: none;
	padding-left: 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 0;
}

body > footer ul > li {
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 10px;
}


.readonlyInput span.questionReviewAnswer, .readonlyInput ul {
	background-color: unset;
	border: none;
}

.readonlyModifyPencil{
	right: 10px;
}