@font-face {
    font-family: 'Grotesk Medium';
    src: url('https://static.smartygrants.com.au/banyule/fonts/founders-grotesk-medium.woff2') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Grotesk Regular';
    src: url('https://static.smartygrants.com.au/banyule/fonts/founders-grotesk-regular.woff2') format('woff');
    font-weight: 400;
    font-style: normal;
}

/*@font-face {
    font-family: 'Apercu';
    src: url('/s/site/banyule/apercu-italic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}*/

html,body{
	font-family: Grotesk Regular,arial, Helvetica, sans-serif;
	color: #24313F;
    backgroundcolor: #f8f9f9;
	font-size: 17px;
	/*line-height: 24px;*/
    line-height: 20px;
}

body{
    background-color: #f8f9f9;
}

#header{
	height: 150px;
    background-color: white;
}

#header-links{
  display: flex;          
  gap: 15px;             
  align-items: center;
  list-style: none;      
  padding: 0;            
  justify-content: flex-end; 
  max-width: 960px;
  margin: 0 auto;
   font-size: 15px;
}

#header-links li {
  display: flex;
  align-items: center; 
}

#header-links li img {
   width: 30px;      
  height: auto;
  margin-right: 8px;
}

#header-links li:not(:last-child):after {
  content: "";
  display: inline-block;
  height: 30px; 
  width: 1px;  /* Thickness of the line */
  background-color: #ccc; /* Line color */
  margin-left: 15px; /* Space between text and the line */
}


#header-bottom{
	height: 48px;
    background: linear-gradient(180deg, rgba(0, 39, 93, 0.06) 4.95%, rgba(255, 255, 255, 0) 39.58%);
}

#header-middle{
    /*height: 48px;
    width: 960px;
    margin: 0 auto;
    background-color: white;*/
}

#logo{
	width:960px;
	margin:0 auto;
    padding-top:10px;
}

#wrapper{
	width: 960px;
	height: 100%;
	min-height:720px;
	margin: 0 auto;
	margin-top: -47px;
}

#head{
	width:960px;
	margin:0 auto;
    height:40px;
	color: #606C7A;
	line-height:40px;
	font-size:17px;
    background: linear-gradient(180deg, rgba(0, 39, 93, 0.06) 4.95%, rgba(255, 255, 255, 0) 39.58%);
    background-color: white;
    padding-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}

#head a, #head a:link, #head a:visited{
	font-size:17px;
	color:#2a3547;
    /*background-color: #f1b670;*/
	padding:5px;
    border: none;
    border-radius: 6px;
    text-decoration: underline;
}

#head a:hover, #head a:active, #head a:focus{
	text-decoration:none;
    color: #2a3547;
    /*background-color: #2a3547;*/
    border: none;
    border-radius: 6px;
}

#user, #headlinks{
	margin:0px;
}

#body{
	width: 960px;
	margin: 0 auto;
    /*padding: 15px 0;*/
    padding: 15px;
	min-height: 700px;
	background-color:white;
    box-sizing: border-box;
}

a, a:link, a:visited{
	color:#2a3547;
	text-decoration:none;
	border:1px solid transparent;
}

a:hover, a:active, a:focus {
	color: #2a3547;
    text-decoration: underline;
	border:1px solid transparent;
}

a:focus{
	border:1px dotted #0172a8
}


h1{
	color: #2a3547;
	font-size:44px;
	line-height:55px;
	/*margin:20px 0;*/
    margin: 0px;
	font-weight:400;
    padding-top: 5px;
}

h2{
	color: #2a3547;
	font-size:32px;
	line-height:38px;
	margin:20px 0;
	font-weight:400;
}

h3{
	font-size: 24px;
	font-weight: 400;
	margin: 0 0 16px;
	color:#2a3547;
}

.chooseform a{
	background-color: white;
	color: #2a3547;
	border: none;
	border-radius: 6px;
	line-height: 80px;
	padding: 24px;
	font-size: 17px;
	text-decoration: underline;
}

.chooseform a:hover, .chooseform a:active, .chooseform a:focus{
	background-color: white;
    color: #2a3547;
    text-decoration: none;
}

h3 a{
	font-size: 24px !important;
	font-weight: 400 !important;
	margin: 0 0 16px !important;
	line-height:24px !important;
	color:#2a3547 !important;
	background-color:white !important;
	padding:0px !important;
	text-decoration:none !important;
}

h3 a:hover{
	color:#2a3547 !important;
	text-decoration:underline !important;
}

a.sg-time{
	color:#15227A !important;
	text-decoration:none !important;
	background-color:transparent !important;
	padding:0px !important;
	line-height: 32px !important;
}

.sg-indent div{
	line-height: 32px;
}

.chooseform{
	margin: 20px 0;
	padding: 24px;
	background-color:white;
	width: 800px;
	box-shadow:2px 6px 30px rgba(36, 35, 63, 0.1);
	border-radius: 12px;
}

.sg-indent {
    margin-left: 0px;
}

/*.loginbox{
	box-shadow: 2px 6px 30px #24233f26;
	border-radius: 12px;
	background-color:white;
}*/

.validationerror, .ftValidError{
	border: 1px solid;
	border-radius:5px;
	margin: 10px 0px;
	padding: 15px 10px 15px 20px !important;
	color:#B94A48 !important;
	background-color: #F2DEDE;
	border-color:#eed3d7;
}

#regform > fieldset > div:nth-child(5) > div.hint > p{
    margin-top:130px;
}

#appnav{
	float:left; /*This is for appnav on left side*/
	/*background-color:white;*/
	border:none;
	margin-top: 80px;
	margin-bottom:-4000px;
	color:black;
	/*padding:0px;*/
	font-size:17px;
	font-weight:100;
	width:210px;
    background-color: #f9e2c6;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 10px;
}

#appnav .current{
	/*border:none;*/
	/*padding: 15px 0;*/
	margin:0px;
	/*background-color:#eae8e3;*/
	/*font-size:17px;*/
	/*font-weight:100;*/
	border-top: 2px solid #2a3547;
    padding: 8px 2px;
    font-size: 15px;
    background-color: #f9e2c6;
    font-weight: 600;
    border-bottom: none;
    border-left: 2px solid #2a3547;
    border-right: none;
}

#appnav h3{
	border:none;
	margin:0px;	
	padding: 0 0 15px 0;
	color: #24313F;
	background-color: transparent;
	/*font-weight: 400;*/
	/*font-size: 24px;*/
    font-weight: 800;
    font-size: 20px;
}

#appnav li{
	border:none;
	padding:0px;
	margin:0px;
	font-weight:100;
}

#appnav a, #appnav a:link, #appnav a:visited{
	display:block;
	/*padding: 15px 0;*/
	/*font-size:17px;*/
    font-weight:100;
	color:#2a3547;
 	text-decoration:underline;
	border:none;
	/*border-bottom: 1px solid #C6D0DD;*/
    padding: 8px 2px;
    font-size: 15px;
    border-top: 1px solid #2a3547;
}

#appnav ol li a.inactiveLink, #appnav ol li a.inactiveLink:hover, #appnav ol li a.inactiveLink:active, #appnav ol li a.inactiveLink:focus{
	border-top: 1px solid #2a3547;
	display:block;
	/*padding: 15px 0;*/
	/*font-size:17px;*/
	font-weight:100;
	/*color:#15227A;*/
    padding: 8px 2px;
    font-size: 15px;
    color: #2a3547;
}

#appnav a:hover,#appnav a:active, #appnav a:focus{
	color:#2a3547;
   background-color: #eae8e3;
	text-decoration:none;
	border:none;
	border-top: 1px solid #2a3547;
}

.page_review.anchor_ {
   border-top: none !important;
}

#appnav hr{
	visibility:hidden;
	margin:0px;
}

/*This is for appnav on left side*/

#htmlForm .appform{
	margin-left:230px;
	background: white;
}

#htmlForm{
	margin-top:0 px; /* was 30*/
}

/*End: This is for appnav on left side*/

.ftEditLabel, .ftViewLabel, .ftFieldLabel {
    font-weight: bold;
    color: #24313F;
    font-weight: 400;
    font-size: 17px;
    line-height: 25px;
}

.ftFieldNameTitle,select.ftChoiceSelect {
    margin-right: 6px;
    line-height: 2 !important;
    border: 1px solid #B3BECB;
    border-radius: 6px;
    height: 53px;
}

input[type="text"],input[type="password"],textarea, .appform .f{
	border: 1px solid #2a3547;
	border-radius: 6px;
	padding: 8px 8px;
}

input[type="text"]:active, input[type="text"]:focus,input[type="password"]:active,input[type="password"]:focus,textarea:active,textarea:focus, .appform .f:active,appform .f:focus{
	border-color:#15227A;
}

td > input[type="text"].ftFieldText {
width:-webkit-fill-available !important;
width:-moz-available !important;
width:fill-available !important;
}

div > .fsBoxH2 {
display:grid !important;
}

.ftFieldTextarea{
width:-webkit-fill-available !important;
width:-moz-available !important;
width:fill-available !important;
}

.ftFieldAddressLat {
    margin-right: 15px;
    margin-top: 5px;
}

.ftFieldAddressState, .ftAddressOnChange, .ftAddressUserEdit{
	line-height: 17px !important;
	padding: 17px 16px;
	border-radius: 6px;
	border: 1px solid #B3BECB;
	height:17px;
}

.ftFieldAddressCountry{
	padding: 17px 16px;
	height: 54px;
}

.ftFieldAddressState{
	border: 1px solid #B3BECB;
	border-radius: 6px;
	padding: 17px 16px;
    height: 50px !important;
}

.select2-container-multi .select2-choices{
	border-radius:6px;
	padding: 11px 16px;
}

.leaflet-pelias-search-icon{
	visibility:hidden;
}

.appform button.lookup, .sg-btn{
	background-color: #24313F;
	color: white;
	border-radius: 6px;
	height: 56px;
	padding: 17px 16px;
	margin-left: 10px;
	border: 1px solid #24313F;
}

.appform button.lookup:hover, .appform button.lookup:active, .appform button.lookup:focus
.sg-btn:hover, .sg-btn:active, .sg-btn:focus{
	background-color:#283eb2;
	border-color:#283eb2;
	cursor:pointer !important;
	color:white;
}

.ftFieldRadio, .ftFieldCheckbox{
	margin-top:1px;
	height:20px;
	width:20px;
}

.ftFieldCheckbox .ftFieldRadio [input]type="checkbox"{
	border: 1px solid #C6D0DD;
	box-sizing: border-box;
	border-radius: 4px;
}

/*Experimental: Guage clients reaction to this, scrap it if they do not like it
The below style completly replaces the file upload button and replaces it with a new one.
*/

/*
.fileupload-buttonbar{
	margin-top:15px;
	height:50px;
}

.fileinput-button span:before{
	visibility:visible;
	content:"Attach a file";
	margin-right:5px;
	/*needs to be absolute to be IE compatible*/
/*	position:absolute;	
/*	background-color: #24313F;
	color: #fff;
	border-radius: 6px;
	padding: 17px 16px;
	border: 1px solid #24313F;
	font-size: 13.333px;
}

.fileinput-button span{
	/*Needs to be hidden to be IE compatible*/
	/* visibility:hidden; */
/*	margin-top:5px;
	cursor:pointer;
}

.fileinput-button span:hover::before{
	background-color:#283eb2;
	border-color:#283eb2;
	color:white;
}

.fileinput-button .properAsterisk{
	margin-left:4px;
}

.fileinput-button .properAsterisk:before{
	content:'' !important;
	visibility:hidden !important;
	margin-left:15px;
}

.fileinput-button input {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	margin-top:5px;
	z-index: -1;
}

.ftFileRemove{
	background-color: #24313F;
	color: #fff;
	border-radius: 6px;
	padding: 17px 16px;
	border: 1px solid #24313F;
	font-size: 13.333px;
	margin-top: 3px;
	margin-bottom: -30px;
}

.ftFileRemove:hover{
	cursor:pointer;
	background-color:#283eb2;
	border-color:#283eb2;
	color:white;
}

.ftUploadCancel, .linkbtn, .ftButtonAddRow {
    font-size: 12px;
	cursor: pointer;
	display: inline-block;
	margin: 3px 35px 3px 0;
	transition: all 0.3s ease 0s;
	background-color: #24313F !important;
	background-color:RGB(36, 49, 63);
	color: #fff !important;
	color:RGB(255, 255, 255);
	border-radius: 6px;
	padding: 17px 16px;
	border: 1px solid #24313F;
}

.ftUploadCancel:hover, .linkbtn:hover, .ftButtonAddRow:hover{
	background-color: #283eb2;
	border-color: #283eb2;
	color:white;
}

*/


.fsBoxH{
	margin-top:10px;
}

/*
.fileinput-button{
/* 	width:20px;
	height:10px;
	background-color:black;
	display:inline-block; */
/* }
*/

.ftEditForm,.ftViewForm{
	border:none;
	width:700px !important;
}

.appform h2, .ftEditPageHeading{
	background-color: transparent;
	color: #2a3547;
	padding:0px;
	font-size: 26px;
	width:inherit;
}

.ftEditSectionHeading{
	background-color: transparent;
	color: #2a3547;
	padding:0px;
	font-size: 22px;
	width:inherit;
}

.ftEditColumnHeading{
	background-color:transparent;
	font-size:18px;
	width:inherit;
}

.appform .btn{
	font-size:90%;
	border:none;
	background:none;
	/*padding: 5px;
	margin: 10px 0 10px 0;*/
	position: relative;
    background-color:transparent;
    border:none;
	height: 56px;
    display: flex;
    justify-content: flex-end;
    gap: 30px;
    width: 100%;
}


.appform .btn input, #body .appform .btn a.linkbtn, .appform .btn .close{
    background-color: #2a3547;
	color:  white;
	border: none;
	text-decoration: none;
	cursor: pointer;
	border-radius: 6px;
	height: 56px;
	line-height: 56px;
	padding: 0px;
	font-size:17px;
	width:130px;
}

.loginbox .appform .btn{
	padding-left:0px;
}

.appform .btn input:hover, #body .appform .btn a.linkbtn:hover, .appform .btn .close:hover{
    background-color:white;
    color: #2a3547;
    border: 1px solid #2a3547;
}

.appform .btn .next, .appform .btn .review{
    background-image: none;/*no arrow*/
	background-position: 3px 2px;
	padding: 0px;
}

.appform .btn input.btndisabled{
    cursor:not-allowed;
	background-color: #e1e5ea;
	color: #2a3547 !important;
}

.appform .btn .prev{
   background-image: none;/*no arrow*/
	background-position: 3px 2px;
	padding: 0px;
}

.appform .btn .mid{
    width: 270px;
    text-align: right;
}

.appform .l{
	width: 197px;
}

#lastSaved{
    margin-top:-100px;
}

.iconbar .item a{
	/*background-color: #f1b670;*/
	color: #2a3547;
	border: none;
	font-size: 17px;
	text-decoration: none;
	cursor: pointer;
	border-radius: 6px;
	height: 56px;
   /* width: 250px;*/
	margin-right:30px;
	white-space:nowrap;
	text-align: center;
	display:block;
	line-height: 17px;
	padding: 17px 0;
}

.iconbar .item a:hover {
	/*text-decoration: none;*/
	/*background-color:#2a3547;*/
    /*color: #f1b670;*/
    text-decoration: underline;
}

.iconbar .item img{
	/*visibility: hidden;*/
	/*width: 1px;*/
    float: left;
    margin-top: -12px;
    border-style: none;
}

.iconbar li.item, .iconbar .item-narrow, .iconbar .item-mid{
	/*width: 250px;*/
	margin-right: 30px;
    width: 150px;
}

.iconbar .item-very-wide a, .iconbar .item-wide a{
	background-color:white;
	/*color:#283EB2;*/
	display:contents;
	/*font-size: 20.9333px;*/
    color: #2a3547;
}

.iconbar .item-wide {
   font-size: 17px;
   padding-top: 26px;
}

.iconbar .item-very-wide {
    font-size: 17px;
    margin-top: 15px;
}

.minornote{
	background: #F2F3FA;
	border:none;
	border-radius: 12px;
	font-family: Grotesk Regular;
	font-size: 17px;
	padding: 24px;
}

#footer{
	height: auto;
	background-repeat: no-repeat;
	background-size: auto 400px;
	background-position: right 60px;
    background-color: #eae8e3;
    color: #2a3547;
}

#footer-content{
	width: 960px;
	margin:0 auto;
	height:310px;
}

h4{
	font-weight: 400;
	color: #2a3547;
	font-size: 15px;
	line-height:5px;
	margin-bottom: 15px;
}

.footer-position{
	width: 30%;
	float: left;
	height: 85px;
	padding: 40px 23px 0 0;
	margin-top: 0px;
	font-size: 13px;
	line-height:32px;
}

.footer-position ul{
	margin:0px;
}

.footer-position li{
	list-style:none;
	margin-bottom:0px;
}

.organisation{
	
}

#footer-acknowledgement{
	width:960px;
	margin:0 auto;
	padding-bottom: 40px;
    padding-top: 40px;
}

#acknowledgement{
	width: 315px;
	font-size: 13px;
	line-height:17px;
}

#footer-logos{
	float: right;
	margin-top: -70px;
}

#footer-lower{
	width:960px;
	margin:0 auto;
	border-top:1px solid #d9d7d0;
	font-size:13px;
	padding: 40px 0 80px;
	font-weight:400;
    margin-top: 70px;
}

#footer-lower ul{
	margin:0;
}

#footer-lower ul li{
	display:inline;
	list-style:none;
}

#footer-lower a, #footer-lower a:link{
	margin-right: 20px;
	padding: 2px;
}

#footer a, #footer a:link, #footer a:visited{
	color: #2a3547;
	text-decoration: underline;
}

#footer a:hover, #footer a:active, #footer a:focus{
	color: #2a3547;
	text-decoration: none !important;
	border:1px solid transparent;
}

/*This is necessary for an ie11 glitch.*/
.questionLegend{
	width:inherit;
}

/*KeyCloak Fixes*/

#regform .field {
    width: 500px;
    display: block;
}