html {
	font-family: 'Open Sans', sans-serif;
}

input[readonly] {
  background-color: #f7f7f7;
}

.row {
	margin: 0 !important;
}

.theme-colour {
	color: #58B038 !important;
}

.theme-secondary-colour {
	color: #1E3F68 !important;
}

.ui-inputfield {
	width: 100%;
}

.ui-messages-error, .ui-message-error {
	color: #c90202 !important;
	border: none !important;
	background-color: unset !important;
	margin: 0px !important;
	padding: unset !important;
}

.ui-state-error {
	background: unset !important;
	color: unset !important;
}

.ui-selectlistbox-filter.ui-inputfield {
	width: 100% !important;
}

.ui-button.ui-priority-primary:hover {
	background-color: #1E3F68 !important;		
}

.ui-inputtextarea {
	width: 100%;
}

.form-inputtext {
	width: 100% !important;
}

.form-label {
	padding-right: 15px;
	margin-top: 2px;
}

.form-header {
	color: #1E3F68;	
	font-size: 28px !important;
	padding-bottom:20px;
}

.form-subheader {
	font-size: 22px;
	color: #58B038;
}

.form-selectonemenu {
	width: 100% !important;
	max-width: 350px !important;
	min-width: unset !important;
	display: inline-flex !important;
}

.ui-selectonemenu-panel {
	width: 350px;
}

.ui-selectonemenu {
	padding-right: unset !important;
}

.ui-widget {
	font-family: 'Open Sans', sans-serif;
	font-size: 1rem;
}

.ui-selectmanymenu {
	width: 100% !important;
}

.navbar-nav {
	padding-left: 25px !important;	
}

.navbar-nav .nav-item .nav-link {
    color: #58B038;
}

.navbar-nav .nav-item:hover .nav-link {
    color: #1E3F68;
    border-bottom: 1px solid #000;
}

.navbar-active {
	color: #1E3F68 !important;
    border-bottom: 1px solid #000;
}

.navbar-buttons {
	padding-right:20px;
	font-size:18px;	
}

.faded-content-low {
    opacity: 0.6;
}

.faded-content-medium {
    opacity: 0.3;
}

.ui-wizard-step-title {
	float: none !important;
	display: inline-block;
	background-color: #ededed !important;
	border: none !important;
}

.ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight {
	border: 1px solid #58B038 !important;
}

.ui-wizard-step-titles {
	text-align: center;
}

.ui-button {
	padding: .3em 1.5em .3em 1.5em !important;
}

.ui-splitbutton {
	padding-right: 3em !important;
}

.ui-button.primary {
	background: #fff !important;
	color: #58B038 !important;
	border: 1px solid #58B038 !important;
}

.ui-button.primary.ui-state-hover, .ui-button.ui-priority-primary:hover {
	background: #58B038 !important;
	background-color: #58B038 !important;
	border-color: #58B038 !important;
	color: #fff !important;
}

.ui-button.error, .ui-splitbutton.error button  {
	background: #fff !important;
	color: #ea463e !important;
	border: 1px solid #ea463e !important;
}

.ui-button.error.ui-state-hover, .ui-button.ui-error-primary:hover, .ui-splitbutton.error button.ui-state-hover {
	background: #ea463e !important;
	background-color: #ea463e !important;
	border-color: #ea463e !important;
	color: #fff !important;
}

.ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon {
	color: #1e3f68 !important;
}

.ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check {
	background-color: #fff !important;
	color: #1e3f68 !important;
}

.ui-chkbox .ui-chkbox-box.ui-state-active {
	background-color: #fff !important;
}

.text-muted {
	font-size: 90%;
}

.tooltip-icon {
	display: inline-block; 
	font-size:20px;
	color: #58B038;
}

.success-colour {
	color: #58B038;
}

.failure-colour {
	color: #e00012; 
}

.ui-selectonemenu-panel .ui-selectonemenu-filter-container {
	width: 100%;
}

.ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon {
	color: #1E3F68 !important;
}

.ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider {
	background-color: #58B038 !important;
}

.ui-dialog {
	-webkit-box-shadow: unset !important;
}

.submit-button {
	padding: 5px 25px 5px 25px !important; 
	background: none; 
	background-color: #58B038; 
	color: #fff	
}

.cancel-button {
	color: #e00012 !important;
	border: 1px solid #e00012 !important;
}

.cancel-button:hover {
	background: #e00012 !important;
	background-color: #e00012 !important;
	border-color: #e00012 !important;
	color: #fff !important;
}

.ui-growl-info {
	background-color: #58b038 !important;
	border-radius: 10px !important;
	border-color: #58B038 !important;
	color: #fff !important;
}

.ui-growl-image-info {
	color: #fff !important;
}

.ui-growl-error {
	background-color: #ea0707 !important;
	border-radius: 10px !important;
	border-color: #ea0707 !important;
	color: #fff !important;
}

.ui-growl-image-error {
	color: #fff !important;
}

.ui-growl-fatal {
	background-color: #ea0707 !important;
	border-radius: 10px !important;
	border-color: #ea0707 !important;
	color: #fff !important;
}

.ui-growl-image-fatal {
	color: #fff !important;
}

.ui-growl-warn {
	background-color: #edb425 !important;
	border-radius: 10px !important;
	border-color: #edb425 !important;
	color: #fff !important;
}

.ui-growl-image-warn {
	color: #fff !important;
}

.ui-growl-icon-close {
	color: #fff !important;
}

.ui-progressbar {
	height: 20px !important;
	background: #ffffff !important;
}

body .ui-progressbar .ui-progressbar-label {
	display: unset !important;
}

.ok  {
	color: #5cb63a !important;
}

.background-ok  {
	background: #dff3d8 !important;
}

.ui-progressbar-ok .ui-progressbar-value {
	background: #5cb63a !important;
}

.caution {
	color: #e4b701 !important;
}

.background-caution {
	background: #fff5cc !important;
}

.ui-progressbar-caution .ui-progressbar-value {
	background: #fac801 !important;
}

.warning {
	color: #f59741 !important;
}

.background-warning {
	background: #fce5cf !important;
}

.ui-progressbar-warning .ui-progressbar-value {
	background: #f59741 !important;
}

.error {
	color: #ea463e !important;
}

.background-error {
	background: #fce9e8 !important;
}

.ui-progressbar-error .ui-progressbar-value {
	background: #ea463e !important;
}

.category {
	border: 1px solid #E5E5E5;
    border-radius: 10px;
    padding: 10px;
    background: #fff;
    font-size: 13px;
    font-weight: bold;
}

.ui-splitbuttonmenu-list-wrapper li {
	padding:10px !important;
}

/************************* QUERIES *************************/

@media only screen and (max-width: 767px) {
	.display-none-on-mobile {
		display: none;
	}	
}

@media only screen and (max-width: 767px) {
.noborder-on-mobile {
	border: none !important;	
	
	}
}