@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700|Roboto:400,400i,700,700i');

:root {
	--side-bg-color: #f1f8e8;
	--main-primary: rgb(76,175,80);
	--main-primary-60: rgb(76 175 80 / .6);
	--main-secondary: rgb(118, 188, 33);
	--main-secondary-2: rgba(113, 152, 74, 1);
	--main-secondary-3: rgba(36, 39, 42, 1);
    --main-secondary-70: rgb(118, 188, 33, .7);
    --main-secondary-2-70: rgba(113, 152, 74, .7);
    --main-secondary-3-70: rgba(36, 39, 42, .7);
	--main-tertiary: #dfedd6;
	--main-tertiary-50: #dfedd68c;
}

body {
    font-family: Roboto, sans-serif;
    background: white;
    background-image: url(/images/bgnd.png);
    background-position: right top;
    background-repeat: no-repeat;
    background-size: cover;
	min-height: 100%;
    width: 100%;
}

.header .header-layout {
  float: left;
  width: 20%;
}

.header .header-container-right{
	margin-left: auto;
}
.bd > .header.bd-referred-matter {
	background-image: url(/images/referred.png);
	background-blend-mode: color;
}
.fws-help-spot__container .fws-help-spot__header {
	background: #fffcae;
	box-shadow: none;
	height: 48px;
}
.bd.fws-help-spot-on .fws-help-spot__hot-spot {
	background: rgba(255,252,174,.5)!important;
    border: 1px solid silver;
    border-radius: 12px;	
}
.bd.fws-help-spot-on .mdl-button[data-fws-help-spot],
.bd.fws-help-spot-on *[data-fws-help-spot] .mdl-switch {
	background: white!important;
	border-color: transparent;
}
.bd.fws-help-spot-on *[data-fws-help-spot] .mdl-switch .mdl-switch__label {
    color: rgb(66,66,66);
}
.bd .fws-help-steps__container .fws-help-steps__msg .mdl-button {
	background: rgb(76,175,80);
	color: white;
}
.bd .fws-help-steps__container .fws-help-steps__o-cell-n .fws-help-steps__msg {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;	
}
.bd .fws-help-steps__container .fws-help-steps__o-cell-ne .fws-help-steps__msg {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;	
    border-bottom-right-radius: 15px;	
}
.bd .fws-help-steps__container .fws-help-steps__o-cell-e .fws-help-steps__msg {
    border-top-right-radius: 15px;	
    border-bottom-left-radius: 15px;
}
.bd .fws-help-steps__container .fws-help-steps__o-cell-se .fws-help-steps__msg {
    border-top-right-radius: 15px;	
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}
.bd .fws-help-steps__container .fws-help-steps__o-cell-s .fws-help-steps__msg {
    border-bottom-right-radius: 15px;	
    border-bottom-left-radius: 15px;
}
.bd .fws-help-steps__container .fws-help-steps__o-cell-sw .fws-help-steps__msg {
    border-bottom-right-radius: 15px;	
    border-bottom-left-radius: 15px;
	border-top-left-radius: 15px;
}
.bd .fws-help-steps__container .fws-help-steps__o-cell-w .fws-help-steps__msg {
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15px;
}
.bd .fws-help-steps__container .fws-help-steps__o-cell-nw .fws-help-steps__msg {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;	
    border-bottom-left-radius: 15px;
}
/* workaround for Chrome stupid forced styling on auto-fill */
input:-webkit-autofill {
    -webkit-box-shadow:0 0 0 50px white inset;
    -webkit-text-fill-color: #252525;
}

html{
    height:100%;
    min-height:100%;
}
a {
	color: rgb(118, 188, 33);
}
.bd-green { color: rgb(118, 188, 33); }
.bg-primary { background-color: rgb(118, 188, 33) !important; }

.header {
	background: var(--side-bg-color);
	border: 1px solid silver;
	position: fixed;
	width: 100%;
	z-index: 100;
}
.fws-help-spot-on .header {
	background: #fffcae;
}
#work-space {
	overflow: auto;
	padding-top: 51px;
}
.headercolumn {
    padding: 0 15px;
}

.header .header-centre{
	width: 60%;
	text-align: center;
	font-size: 17px;
    color: #959595;
}

.header-right .userinfo .user-first-initial {
    background: #92d36e;
    border-radius: 50%;
    padding: 5px 12px;
    color: white;
    font-size: 16px;
}

.header-left .header-logo {
	background: none;
	padding: 0;
}
.header .help-link {
    cursor: pointer;
    color: #92d36e;
    font-size: 20px;
    border: 1px solid #92d36e;
    border-radius: 25px;
    padding: 6px;
}

.header .user-greeting{
	color: #959595;
    font-size: 24px;
    float: right;
    display: flex;
    flex-direction: column;
    position: relative;
    line-height: 1.1;
    top: -4px;
}

.header .greeting-name{
	font-size: small;
}

#notiPanel {
    cursor: pointer;
    border: 1px solid #92d36e;
    border-radius: 25px;
    padding: 9px;
}

#notiPanel i {
    color: #92d36e;
    font-size: 14px;
}

#timer {display: none;}
#searchPanel {display: none;}
#userPanel .userinfo .user-name,
#userPanel .userinfo .material-icons {
	display: none!important;
}

#userPanel .userdrop{
	top: 61px;
}


#bvo-incomplete-profile {
	position: absolute;
    width: 800px;
    margin: auto;
    top: 0;
    transform: translate(calc(50vw - 400px), 0);
    text-align: center;
    background: #ffca46;
    color: #202020;
    border-radius: 0 0 15px 15px;
    line-height: 1.4em;
    font-size: 16px;
    z-index:11000;
    padding: 0 10px 5px 10px;
}
#bvo-incomplete-profile a {
	text-decoration: underline;
	cursor: pointer;
}

#work-space-menu ul li a:hover,
#work-space-menu ul li a:hover span {
	background-color: #e2fff3;
}
#cboxOverlay {
	background: rgba(0,0,0,0.4);
}

#work-space-menu-bar {
    position: relative;
    left: 0;
}

#work-space-menu-bar ul li a {
	color: #19231f;
}
#work-space-menu-bar a.current span {
	color: white;
	border-bottom: 2px solid white;
}
#work-space div.work-space-page {
	margin: 0;
	height: 100%;
}
.work-space-page .page-pager {
	background: rgba(118,188,33,0.7);
	color: white;
	display: none!important;
}
.work-space-page .page-pager a {
	color: rgb(88,89,91);
}
.page-menu-bar {
	background: rgba(118, 188, 33, 0.9);
}
.page-menu-bar ul {
	font-size: 16px;
}
.page-menu-bar-body a span {
	color: white;
}
.page-menu-bar-body a.current span {
	color: white;
	border-bottom: 2px solid white;
}
.viewTitle{
	font-family: Nunito, sans-serif;
}
.ui-widget-view-content {
	display: flex;
	flex-direction: column;
}
.ui-widget-view-content .absorb-height {
	flex-grow: 1;
}
/************ JQUERY UI OVERIDES *****************/
.ui-widget-content.ui-widget-view {
    /* border: none; */
    border: 1px solid silver;
    border-radius: 15px;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #bbb;
    background: #edfff0;
    font-weight: bold;
    color: #393939;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover {
    border: 1px solid #9c9c9c;
    background: #9c9c9c;
    font-weight: bold;
    color: white;
}
.stdtable tr.odd {
	background-color:rgba(118,188,33,0.1);
}
.ui-widget {
	font-family: Nunito, sans-serif;
	font-size: 14px;
}
.ui-dialog .ui-dialog-title {
	font-size:2em;
	color: #8B7676;
	font-weight:normal;
	line-height: 1;
}
.ui-dialog-titlebar .ui-dialog-titlebar-close {
	display:none;
}

/*************** Material Overides *****************/

.mdl-textfield {
	width:100%;
	background: #f5f6f4;
    border: 1px solid #bbbcbb;
    border-radius: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 25px;
}

.mdl-textfield__input {
	margin-left: 10px;
	border: none;
	width: 97%;
}
.mdl-textfield.mdl-textfield__with-helper .mdl-textfield__helper {
	margin-left: 10px;
	padding-top: 5px;
}
label, 
.mdl-textfield--floating-label.is-focused .mdl-textfield__label, 
.mdl-textfield--floating-label.is-dirty .mdl-textfield__label, 
.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label{
	top: -12px;
    background: white;
    width: fit-content;
    height: fit-content;
    margin: 4px 0 10px 7px;
    padding: 0px 3px;
    line-height: 12px;
}
.pfw-actions-cell .pfwTable-actions-cell .mdl-button {
	top: 0;
}
.mdl-textfield__label {
	top: 10px;
	background: transparent;
	line-height: 18px;
}

.mdl-textfield .ui-autocomplete-input {
    padding: 5px 0px 5px 0px !important;
}

.ui-dialog .ui-dialog-buttonpane button:hover, .ui-widget button.mdl-button:hover {
    background-color: rgba(118, 188, 33, 0.7);
}

.mdl-button--fab.mdl-button--colored:hover, .mdl-button--fab.mdl-button--colored:active {
    background-color: rgba(118, 188, 33, 0.7);
} 

.bd .pfwTable-search-strip .saved-search.current {
	background-color: rgb(118,188,33);
	color: rgb(88, 89, 91);
}

.bd .ui-widget-view .viewTitle .ui-widget-view-header-actions .ui-widget-view-header-actions-info {
	font-family: inherit;
}

.bd .mdl-badge[data-badge]:after {
	background-color: rgb(88,89,91);
}
i.material-icons.pe_print_run_title:after {content:"book";}
i.material-icons.pe_quote:after {content:"local_atm";}


.pfwQuestionGroupQSettings .config-items .mdl-card .mdl-card__title,
.pfwQuestionGroup .questions.panel .question .mdl-card__title {
	background-color: rgb(118, 188, 33);
	color: white;
}
.pfwQuestionGroupQSettings .config-items .mdl-card .mdl-card__title .mdl-card__title-text .mdl-button {
	color: white;
}

.mdl-button.mdl-button--colored {
	background-color: #92d36e8c;
}
.mdl-button.mdl-button--colored.ui-state-default {
    background-color: #edfff0;
}
.mdl-button.mdl-button--colored.mdl-button--icon {
	background-color: transparent;
}
.bd .mdl-tooltip {
    background: rgba(36, 39, 42, 0.7);
    font-size: 14px;
    line-height: 16px;
    max-width: 300px;
    min-width: 150px;
    border: 1px solid rgba(36, 39, 42, 0.9);
}

.mdl-radiofield .mdl-radiofield__options .mdl-button.button-with-icon {
	box-shadow:unset!important;
	border: 1px solid #58595b;
    border-radius: 20px;
    margin-right: 10px;
}


.mdl-radiofield .mdl-radiofield__options .mdl-button.button-with-icon.selected {
    background: #58595b;
    color: white;
    border-radius: 20px;
}

.mdl-radiofield .mdl-textfield__label {
	top: -1px!important;
}

.mdl-radiofield .mdl-radiofield__options .mdl-button.button-with-icon i {
    color:transparent;
}

.mdl-radiofield .mdl-radiofield__options .mdl-button.button-with-icon.selected i {
    color: lightgrey;
    font-size: 15px;
}

#about-dialog .logo {
	height: 414px;
}
.bdValuation .pfwNotes .notes .repeat-container .mdl-textfield {
	padding-bottom:0;
}
.bdValuation .pfwNotes .notes .repeat-container:nth-child(odd) .mdl-textfield {
	background-color: rgba(118,188,33,.1);
}
.bdValuation .pfwNotes .notes .repeat-container .mdl-textfield .mdl-textfield__label {
	margin:0;
}
.mdl-side-menu .mdl-side-menu__highlighter {
	background-color: #92d36e8c!important;
}
.pfwNotes .viewTitle {display: none;}
.mdl-slider__widget.mdl-slider__no-bar-colour .mdl-slider__container .mdl-slider__background-flex .mdl-slider__background-lower,
.mdl-slider__widget.mdl-slider__no-bar-colour .mdl-slider__container .mdl-slider__background-flex .mdl-slider__background-upper {
	background: rgba(76,175,80,.4)!important;
}
.mdl-slider__widget .mdl-slider__container .mdl-slider::-webkit-slider-thumb {
	background: rgba(76,175,80,1)!important;
	border: none!important;
}
.bd .mdl-slider__widget {
	border: 1px solid silver;
	border-radius: 15px;
}
.bd .mdl-slider__label {
	font-size: 14.4px;
	margin-left: 16px;
	margin-top: -4px;
}
.bd .mdl-slider__helper {
	margin-left: 16px;
	font-size: 13px;
}
.bd .mdl-slider.is-upgraded {
	height: 3px;
	padding-top: 1px;
}
.bd .mdl-slider__background-flex {
	height: 3px;
	border-radius: 3px;
}
.bd .mdl-slider__widget.mdl-slider__no-bar-colour .mdl-slider__container .mdl-slider__background-flex .mdl-slider__background-lower,
.bd .mdl-slider__widget.mdl-slider__no-bar-colour .mdl-slider__container .mdl-slider__background-flex .mdl-slider__background-upper {
	background: rgba(76,175,80,.4);
}
.bd .mdl-slider__markers {
	border-color: rgb(76,175,80);
}
.bd .mdl-slider__value {
    text-align: center;
    font-size: 16px;	
}
.bd .mdl-slider__widget .mdl-slider__value.mdl-slider__value-marker {
	color: white;
	background: rgb(76,175,80);
	width: 32px;
}
.bd .mdl-radiofield .mdl-textfield__label {
	font-size: 14.4px;
	line-height: 14.4px;
	margin-left: 18px;
}
.bd .mdl-radiofield .mdl-radiofield__options {
	margin-left: 22px;
}
.bd .mdl-radiofield .mdl-radiofield__options .mdl-button.radio {
	display: block;
}
.bd .mdl-radiofield .mdl-radiofield__options .selected .material-icons {
	color: rgb(76,175,80);
}
.bd .mdl-vertical-slider.mdl-vertical-slider__boxed {
    border-radius: 15px;
}
.bd .mdl-vertical-slider:before{
    background: rgb(76,175,80);
}
.bd .mdl-vertical-slider .mdl-vertical-slider__marker {
    background: rgb(76,175,80);
}
.bd .mdl-slider__widget .toggle-wrapper {
	display: flex;
	justify-content: center;
}
.bd .mdl-slider__widget .toggle-wrapper.disabled {
	opacity: .4;
}
.bd .mdl-slider__widget .toggle-wrapper .mdl-switch {
	width: auto;
}
.bd .question-group .field {
    border-bottom: none;
    position: relative;
}
.bd .question-group .field.not-applicable:after,
.bd .question-group .not-applicable:after,
.bd .question .field.not-applicable:after,
.bd .question.not-applicable:after {
    position: absolute;
    content: "NOT APPLICABLE";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffffa6;
    font-size: 1.5em;
    font-weight: bold;
    color: #8f8f8f;
}
.bd .pfwTenantList.ui-widget-view,
.bd .pfwTenantProfile.ui-widget-view {
	margin: 24px;
}
.bd.fws-logged-into .header {
    background-color: #8fff00;
}