@import url("/~/media/BGM/GS/CSS/fontAwesome.css");


/*******************************************
    CSS Key:
        Main Header:  === MAIN HEADER === 
        Sub Header: = SUB HEADER =
    
********************************************/

/* === Font Faces === */
@font-face {
    font-family: "Roboto-Regular";
    font-style: normal;
    font-weight: 400;
    src: url("/greenstonefcs/-/media/Themes/Greenstone/GreenstoneFCS/GreenstoneFCS/fonts/Roboto/Roboto-Regular.ttf") format("truetype"), url("/greenstonefcs/-/media/Themes/Greenstone/GreenstoneFCS/GreenstoneFCS/fonts/Roboto/Roboto-Regular.woff2") format("woff2");
}

@font-face {
    font-family: "Roboto-Bold";
    font-style: normal;
    font-weight: 700;
    src: url("/greenstonefcs/-/media/Themes/Greenstone/GreenstoneFCS/GreenstoneFCS/fonts/Roboto/Roboto-Bold.ttf") format("truetype");
}

@font-face {
    font-family: "RobotoSlab-Regular";
    font-style: normal;
    font-weight: 400;
    src: url("/greenstonefcs/-/media/Themes/Greenstone/GreenstoneFCS/GreenstoneFCS/fonts/RobotoSlab/RobotoSlab-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "RobotoSlab-Bold";
    font-style: normal;
    font-weight: 700;
    src: url("/greenstonefcs/-/media/Themes/Greenstone/GreenstoneFCS/GreenstoneFCS/fonts/RobotoSlab/RobotoSlab-Bold.ttf") format("truetype");
}

/* === General Styling === */

html {
    font-size: 62.5%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 0;
}

body {
    position: relative;
    overflow: auto;
    line-height: 1.5;
    padding-top: 0px;
    padding-bottom: 80px;
    background: #FFFFFF;
    -webkit-tap-highlight-color: transparent;
    color: #000;
    font-size: 14px;
    font-family: 'Roboto-Regular', sans-serif;
    font-weight: 400;
}


a {
    text-decoration: underline;
    color: #00945f;
    font-weight: 100;
}

a:hover {
    text-decoration: underline;
    color: #00945f;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'RobotoSlab-Regular', serif;
    font-weight: 400;
}

h1 {
    font-size: 34px;
}

h2 {
    font-size: 30px;
}

    h2.text-center {
        margin-bottom: 15px;
    }

h3 {
    font-size: 20px;
    font-weight: bold;
    color: #000;
}

h4 {
    font-size: 1em;
}

h5 {
    font-size: 0.83em;
}

h6 {
    font-size: 0.67em;
}

.clear-fix {
    clear: both;
}

small {
    font-size: 12px;
}

.SupportContent{
	width: 90%
}
/* === Header === */

.page-header-wrapper > .component-content .page-header-title {
    position: absolute;
    bottom: 70px;
    color: #fff;
    padding-left: 15px;
}

.home-col {
    min-height: 130px;
    background: rgba(188, 141, 22, 0.4);
    border-bottom: solid 3px white;
    border-right: solid 3px white;
}

@media only screen and (min-width: 1200px){
    #header .image{
        top: 0;
    }
}

.content.page-header .field-heroimage img{
    margin-top: 10px;
}

.header-logo,
#PageMainHeader #logo{
    background-image: url("/-/media/Project/Greenstone/GreenstoneFCS/logos/greenstone-logo-ie.gif");
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 82px;
    min-width: 249px;
}

.k-tabstrip-items .k-tabstrip-item {
    border-top: 0;
    border-bottom: none;
}

.k-tabstrip-items .k-active {
    background-color: #fff;
}

.FormButton {
    border-radius: 4px;
}

.text-white, #SecureDocs .k-button-text, .btn-danger:hover,
#CustomerDocsGrid-Wrapper .k-button-text{
    color: #fff !important;
}

.FormButton, .btn.btn-primary, .HeaderLinks a,
.k-primary, button, #UserSearchResults table [class*="button"]:not(:hover),
#SupportResourceLibrary table [class*="button"]:not(:hover),
#Module-YearEndFarmDashboard .Grid table [class*="button"],
#Module-PortalUserDetails .Grid table [class*="button"]
{
    border: 1px solid #00945f;
    background-color: #00945f;
    background-image: none;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
}
.k-multiselect-wrap .k-button{
	box-shadow: none;
}
button#enrollNow, #applyNow{
	margin-bottom: 15px;
}

@media only screen and (min-width: 768px) {
    .HeaderLinks a {
        padding: 6px 7px;
        border-radius: 4px;
    }

    .HeaderLinks span {
        margin-right: 5px;
        padding-right: 5px;
    }

    .HeaderLinks span:last-child {
        border-right: none;
    }
	
	.why-enroll{
		height: 90px;		
	}
}

@media only screen and (max-width: 768px) {
    .HeaderLinks span {
        float: left;
        width: 50%;
        height: 40px;
        font-size: 16px;
    }

    /* Creates top margins (spacing) for each new link starting on the second row. */
    .HeaderLinks span:nth-child(n+3) {
        margin-top: 1.5em;
    }

    .HeaderLinks a {
        border: none;
        background-color: transparent;
        color: #00945f;
    }
}

.HeaderLinks a:hover, .HeaderLinks a:focus, .HeaderLinks a:active,
.btn.btn-default:hover, .btn.btn-default:focus, .btn.btn-default:active,
.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active,
.FormButton:hover, .btn.btn-primary.btn-responsive:hover,
.k-primary:hover, button:hover, .k-button:not(.k-icon-button):not(.k-flex):hover,
button:hover > .k-button-text, #UserSearchResults table [class*="button"]:hover
#SecureDocs button:hover > .k-button-text, #CustomerDocsGrid-Wrapper button:hover .k-button-text,
#UserSearchResults table [class*="button"]:hover > .k-button-text,
#SupportResourceLibrary table [class*="button"]:hover > .k-button-text,
#Module-YearEndFarmDashboard .Grid table [class*="button"]:hover,
#Module-YearEndFarmDashboard .Grid table [class*="button"]:hover > .k-button-text,
#Module-PortalUserDetails .Grid table [class*="button"]:hover,
#Module-PortalUserDetails .Grid table [class*="button"]:hover > .k-button-text,
#SecureDocs .Grid table [class*="button"]:hover,
#SecureDocs .Grid table [class*="button"]:hover > .k-button-text
{
    background-color: #fff;
    color: #00945f !important;
}
.k-primary:hover{
	border: solid 1px #00945f;
}

.btn.btn-default a {
    color: #fff;
    text-decoration: none;
    text-align: center;
}

.btn.btn-default:hover a, .btn.btn-default:active a,
.btn.btn-default:focus a {
    color: #00945f;
}

.container-dark-background {
    background-color: #595959;
}

.fullForm label {
    padding-right: 5px;
}

label{
    font-weight: 100;
}

.field-category {
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.65);
    width: 50%;
    padding: 10px;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    border-top-left-radius: 5px;
}

.container-dark-background {
    background-color: #595959;
}

.page-header-wrapper > .component-content > .container:after{
    bottom: 7px;
}

.form-control {
    box-shadow: none;
}

/* === System Alert === */
.system-alert{
    font-size: 1.4rem;
    padding: 20px 15px 20px 15px;
    color: #fff;
    text-align: left;
    background: rgba(0, 0, 0, 0.85);
    border: 2px solid #b78500;
    margin-bottom: 20px;
}

.subject h3{
    margin: 0;
    color: #fff;
}

.icon{
    background-image: url("/greenstonefcs/-/media/Project/Greenstone/GreenstoneFCS/icons/icon-exclamation");
    height: 55px;
    width: 55px;
    float: left;
    margin-right: 20px;
}

/* === Rotating Landing Images === */
.rotating-item-wrapper{
    height: 220px;
    position: relative;
}

.rotating-item{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    max-width: 460px;
}

/* === RSS Feeds === */

.RSSItem{
    margin-bottom: 20px;
}

.RSSPubDate{
    font-size: 14px;
    color: #999;
}

.RSSLink{
    font-weight: 700;
}

/* === Paperless / eConsent icons === */
.landing-icons {
    margin: 0 auto;
    text-align: center;
    margin-left: 10px;
}

.landing-icons .row {
    display: flex;
    flex-wrap: wrap;
}

.landing-icons .col {
	margin-right: 15px;
	flex-basis: 0;
	flex-grow: 1;
}

.landing-icons a{
    font-weight: bold;

}
.landing-icon{ 
    text-align: center;
}

.landing-icon img{ 
    margin-bottom: 10px;
}

.landing-icon:hover{
    text-decoration: underline;
}

/* === Latest Publications ===*/
.latestPubs h3{
    margin-left: 10px;
}

.latestPubs a{
   color: white;
   text-decoration: none;
}

.publication{
position: relative;
margin: 10px;
line-height: 1;
float: left;
vertical-align: top;
padding: 0;
}


.featured-resources-wrapper .title h2, .featured-resources-wrapper .title h3 {
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: 700;
}

.featured-resources-wrapper .related-resources.indent-bottom {
  margin-bottom: 60px;
}

.featured-resources-wrapper .featured-resources, .featured-resources-wrapper .related-resources {
  padding: 0;
}

.featured-resources-wrapper .featured-resources .resource, .featured-resources-wrapper .related-resources .resource {
  position: relative;
  margin-top: 10px;
  line-height: 1;
  float: left;
}

.resource .field-customimage img {
  width: 100%;
  height: auto;
  border-top-left-radius: 5px;
  vertical-align: top;
}

.publication .result-image {
  position: relative;
  z-index: 1;
}

.featured-resources-wrapper .featured-resources .result-image .field-customimage, .featured-resources-wrapper .related-resources .result-image .field-customimage {
  line-height: 1;
}

.featured-resources-wrapper .featured-resources .result-image .field-customimage img, .featured-resources-wrapper .related-resources .result-image .field-customimage img {
  width: 100%;
  height: auto;
}

.partners .field-color-overlay{
	background: rgba(76, 137, 164, 0.7);
}
.partners .field-color-overlay:hover{
	background: rgba(76, 137, 164, 0.8);
}

.report .field-color-overlay{
	background: rgba(183, 133, 0, 0.7);
}

.report .field-color-overlay:hover {
	background: rgba(183, 133, 0, 0.8);
}

.field-color-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  border-top-left-radius: 5px;
}

.pub-title{
	position: absolute;
	top: 30px;
	left: 0;
	padding: 10px 20px 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	color: #fff;
	line-height: 26px;
	font-size: 20px;
	font-family: 'RobotoSlab-Regular', serif;
}

/* === Kendo Grids === */
#AlertsSummaryGrid-Wrapper span.k-picker.k-dropdownlist {
    width: 40%;
}

#AlertsSummaryGridLoanAlerts th.k-header[data-index='4'],
#AlertsSummaryGridSecureDocAlerts th.k-header[data-index='4'] {
    width: 20%;
}

#AlertsSummaryGridLoanAlerts th.k-header[data-index='1'] {
    width: 25%;
}

#alertsPanel .alertsListButton {
    width: 100%;
}

.k-grid .gridRequired.k-header:after
{
    content: " *";
    font-weight: bold;
    color: red;
}

.Grid table tr, .Grid table [class*="master"]{
    background-color: #fff;
    border-bottom: solid 1px #f5f5f5;
    height: 35px;
}

.k-grid tr:hover {
    background-color: #f5f5f5;
}

.k-grid-header .k-header > .k-cell-inner > .k-link {
    color: #00945f;
    text-decoration: none;
	font-weight: 100;
}

.k-grid-header .k-header > .k-cell-inner > .k-link:hover {
        color: #00945f;
        text-decoration: underline;
		font-weight: 100;
}

.k-grid-header .k-header.DeleteHeader  {
    color: #00945f;
    text-decoration: none;
	border-bottom: solid 2px black;
}

.k-grid-header .k-header.DeleteHeader:hover {
        color: #00945f;
        text-decoration: underline;
}

.k-grid-header .k-header > .k-cell-inner > .k-link > .k-sort-icon {
    color: inherit;
}

.k-grid .k-selected, .k-grid .k-alt.k-selected, .k-picker-solid  {
    background-color: #ffffff;
    color: #000000;
}

.k-grid > .k-pager,
.k-grid table [class*="header"] {
    background-color: #ffffff;
}

.k-picker.k-dropdownlist.SelectDropdown{
	margin-left: 5px;
	top: -3px;
}
.k-column-title{
	white-space: normal;
	font-weight: bold;
}
/* Color every other row starting at row 2 
.k-grid > table > tbody > tr:nth-child(2n),
[id*='CustomerDocsGrid'].k-grid > table > tbody > tr:nth-child(2n):not(.k-grouping-row) td,
#LoanAppDashboardTable > table > tbody > tr:nth-child(2n) {
    background-color: #f5f5f5;
}*/

/* Modified this to prevent a bottom border on thead elements WITHIN the table, which also had 'header' in their class names */
.Grid th.k-header {
    border-bottom: solid 2px;
}

.SecureDocumentsGrid thead, .CustomerDocsGrid thead {
    padding-top: 0;
}

.Grid .k-pager.k-grid-pager .k-pager-numbers-wrap .k-pager-numbers > .k-button,
.Grid .k-pagerk-grid-pager .k-pager-numbers-wrap .k-pager-numbers > .k-button span
 {
    border: none;
    background-color: #ffffff;
	color: #2e2e2e;
	font-weight: 400;
	border-radius: 0px;
}

.Grid .k-pager.k-grid-pager .k-pager-numbers-wrap .k-pager-numbers > .k-button.k-button-flat.k-selected,
.Grid .k-pager.k-grid-pager .k-pager-numbers-wrap .k-pager-numbers > .k-button.k-button-flat.k-selected span
 {
	/* kendo has !important styling for .k-button-flat which prevents from overriding it with more specific selectors, had to resort to using !important as well */
    border: 1px solid #00945f !important;
    background-color: #00945f !important;
	color: #fff;
}

.Grid table tr td {
    border-bottom: solid 1px #ccc;
}

.Grid .k-pager {
    width: 100%;
    /* padding-left: 5px; */
    float: left;
}

.Grid .k-pager .k-pager-numbers-wrap > button.k-pager-nav,
.Grid .k-pager .k-pager-numbers-wrap > .k-pager-numbers {
    float: right;
}

.Grid .k-pager .k-pager-numbers-wrap > .k-button.k-pager-nav.k-button-flat {
	border: 1px solid #d5d5d5 !important;
	border-radius: 0px;
	color: black !important;
}

.k-header {
    background-image: none;
    background-color: #fff;
    border: none;
}

.k-tabstrip-items {
    padding-top: 1.3em;
}

.k-tabstrip-items li.k-item {
    border-top: solid 0 white;
}

.k-tabstrip-items .k-loading,
.k-tabstrip-items .k-loading.k-complete {
    border-top: 1px solid #ccc;
	display: block;
}

.k-tabstrip:focus,
.k-tabstrip-items-wrapper .k-item:focus,
.k-tabstrip-items-wrapper .k-item.k-focus {
    box-shadow: none;
}

.k-tabstrip .k-content.k-active {
    border-color: #ccc;
    margin-bottom: 0;
    padding-bottom: 0;
}

.MainForm ul li:not(.k-button) {
    padding: 0;
}

td.k-group-cell.hidden-xs {
    background: white;
}

#DeviceManagerGrid tr{
    height: 50px;
}

.k-upload-files{
	width: 100%;
	margin-top: 20px;
}

.k-dropzone.k-upload-dropzone {
	width:100%;
}

.k-dropzone.k-upload-dropzone .k-dropzone-hint {
	color: #c3c3c3;
	font-style: italic;
}

 .k-grid-header .k-grid-header-menu.k-active{
	background-color: transparent;
	color: black;
}

/* ===  Multiselects === */
.Grid .k-multiselect-wrap span:first-of-type {
    float: left;
    text-align: left;
    width: 135px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 100;
}

.Grid .k-multiselect-wrap li.k-button {
    border: 0;
    width: 140px;
    color:  #000;
    white-space: nowrap;
    overflow: hidden;
    background-color: #fff;
	box-shadow: none;
}

button.ui-multiselect.ui-widget.ui-state-default.ui-corner-all{
	background-color: #eae8e8;
	color: #313131 !important;
	font-weight: normal;
}

.Grid .k-multiselect.k-header.k-hover {
    background-color: #fff;
}

.Grid .k-multiselect-wrap.k-floatwrap {
    background: none;
    border: solid 1px #cccccc;
}

.Grid .k-multiselect-wrap .k-select{
    width: 10px;
    float: left;
}

.Grid .k-multiselect.k-header.k-focused {
    background-color: #fff;
}

/* === Kendo Dropdowns BEGIN === */

div.k-list [class*=list].k-hover,
div.k-list [class*=list].k-selected.k-hover,
div.k-list [class*=list].k-focused
{
    background-color: #808080;
    background-image: none;
    color: #fff;
    border: solid 1px #ccc;
}

div.k-list [class*=list].k-selected,
.k-selected, .k-calendar .k-calendar-td.k-selected .k-link, .k-calendar .k-calendar-td.k-selected.k-hover .k-link {
    background-color: #cccccc;
    color: black;

    border: solid 1px #bcb4b0;
}

/* === Kendo Dropdowns END === */

/* === Navigation === */
/* === Main Navigation === */

.navigation.navigation-main .component-content > nav ul {
    min-width: 210px;
}

.navigation.navigation-main .component-content > nav {
    position: relative;
    background-color: #00945f;
}

.navigation.navigation-main.navigation-main-horizontal .rel-level1 > ul > li{
    padding: 0px 0px 5px 0px;
}

.rel-level1.active {
    background-color: #000;
}

.navigation-main .rel-level1:hover, .k-active {
    background-color: #000;
}

.navigation-main .rel-level1:hover > ul {
    display: block;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    margin-top: -2px;
}

.navigation-main .rel-level1:hover > ul:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "\f0d7";
    font-size: 30px;
    top: 1%;
    right: 73%;
    z-index: 20;
    color: #000;
}

.navigation-main .rel-level1 > .navigation-title > a {
    padding: 0 10px 0 10px;
    color: #fff;
    font-weight: 400;
    border: none;
    font-size: 16px;
}

.navigation.navigation-main .rel-level1 > ul {
    width: auto;
    left: auto;
    border-right: solid 1px #ccc;
    padding: 15px;
}

.navigation.navigation-main .rel-level2 div:not(.btn) > a {
    color: #00945f;
    text-decoration: none;
}
.navigation.navigation-main .rel-level2 div:not(.btn) > a:hover {
    color: #000;
    text-decoration: underline;
}

li.navigation.level1.rel-level1 {
    padding: 0 2px;
}
 
nav {
    width: 900px;
}

/* === Utility Navigation === */

.utility-navigation .usersName {
    border-left: none !important;
}

.utility-navigation .component.toggle details summary::before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "?";
}

.utility-navigation .component.toggle details[open] summary::before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "?";
}

.utility-navigation .link a {
    font-family: 'RobotoSlab-Regular', serif;
    font-weight: 400;
    color: #00945f;
    text-decoration: none;
}

.utility-navigation .link a:before, .utility-navigation .link a:hover, .utility-navigation .link a:focus, .utility-navigation .link a:active {
    color: #000;
}

.utility-navigation .link .btn {
    border-radius: 0;
}

/* == Alert Notification === */
.alert-count {
    background-color: #00945f;
    color: white;
    top: -25px;
    left: 10px;
}

.alert-bell img {
    height: 24px;
}

#AlertsListSummaryGrid #gridPager_top,
#Module-PaperlessEnrollForm span.k-dirty,
#Module-AddNewAlertWindow span.k-dirty,
.AlertsManagerEditor span.k-dirty,
.k-icon.k-delete
{
    display: none;
}


/* === Mobile START === */
/* = Mobile Navigation = */

.toggle .toggle-header:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    position: absolute;
    font-size: 17px;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.nav-mobile-wrapper {
    background-color: white;
}
.nav-mobile-wrapper .toggle{
    left: 0;
}

.nav-mobile-wrapper .toggle .toggle-content[open]{
    margin-top: -4px;
    border: 0;
}

.nav-mobile-wrapper .toggle .toggle-header {
    padding: 5px 15px;
    color: #fff;
    font-weight: 700;
    border-radius: 4px;
    background-color: #00945f;
    position: relative;
    top: 62px;
    left: 20px;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    cursor: pointer;
}

.nav-mobile-wrapper .toggle details[open] summary {
    background-color: #000;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    left: 10px;
    top: 65px;
}

/* = IE Specific START = */

/* IE handles the expansion of mobile nav bar by appending the "open" class */
.nav-mobile-wrapper .open.toggle-content .toggle-header {
    background-color: black;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.nav-mobile-wrapper .toggle .open.toggle-content .toggle-header::before {
    /* Font Awesome "X" icon */
    content: "\f00d";
}

/* = IE Specific END = */

.navigation.navigation-mobile .childMenuItems {
    background: white;
    border-top: solid 2px black;
    border-bottom: solid 2px black;
}

.nav-mobile-wrapper .alert-bell,
.nav-mobile-wrapper .logOut {
    margin-top: 62px;
}

.nav-mobile-wrapper .alertsCounter,
.nav-mobile-wrapper .logOut {
    padding: 0;
    float: right;
}

.childMenuItems{
    background-color: white;
}

.navigation.navigation-mobile .rel-level1 .navigation-title{
    padding: 13px 10px 13px 10px;
    font-weight: 400;
    font-family: 'RobotoSlab-Regular', serif;
    font-size: 18px;
    color: white;
}
.navigation.navigation-mobile .rel-level1 a:focus,
.navigation.navigation-mobile .rel-level2 a{
    text-decoration: none;
    outline: 0;
}

.navigation.navigation-mobile .rel-level1.active{
    background-color: #000;
}

.navigation.navigation-mobile .rel-level2 .navigation-title{
    padding: 5px 0px 10px 15px;
    font-family: 'Roboto-Regular', sans-serif;
    color: #00945f;
    font-weight: 700;
    font-size: 16px;
    text-decoration: none;
}

.menuChevronIcon.fa.fa-chevron-right{
    text-align: right;
}

.childMenuItems .row::before{
    font: normal normal normal 30px/1 FontAwesome;
    content: "\f0d7";
    margin-top: -10px;
    padding: 0;
    height: 31px;
    display: inline-block;
    position: relative;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    z-index: 20;
    color: #000;
    top: -3px;
    left: 50%;
    margin-bottom: 0;
}


@media only screen and (max-width: 477px){
    .nav-mobile-wrapper .toggle-label > p{
        display: none;
    }
    .nav-mobile-wrapper .toggle .toggle-header .toggle-label {
        margin: 0 0 0 5px;
    }
}

.nav-mobile-wrapper .toggle .toggle-header .toggle-label{
    height: 20px;
}

#AlertTypeMobile .listItem {
    border: solid 2px #38a288;
}

.progressMeter ol li.active {
    border-bottom: 2px solid #38a288;
    color: black;
}

.progressMeter ol li.inactive {
    border-bottom: 2px solid silver;
    color: silver;
}

/* = Mobile Landing = */
/* The CSS for these sprites can likely be refined */
.mobileSprite.OnlineBanking {
    background-image: url(/-/media/BGM/GS/icons/piggybank.svg);
    background-size: 32px auto;
    height: 32px;
    width: 32px;
    margin: 0 auto;
    background-position: initial;
}

.mobileSprite.Alerts {
    background-image: url(/-/media/BGM/GS/icons/alerts64.svg);
    background-size: 32px auto;
    height: 32px;
    width: 32px;
    margin: 0 auto;
    background-position: initial;
}

.mobileSprite.LoanApplication {
    background-image: url(/-/media/BGM/GS/icons/application.svg);
    background-size: 32px auto;
    height: 32px;
    width: 32px;
    margin: 0 auto;
    background-position: initial;
}

.mobileSprite.SecureDocumentExchange {
    background-image: url(/-/media/BGM/GS/icons/securedoc64.svg);
    background-size: 32px auto;
    height: 32px;
    width: 32px;
    margin: 0 auto;
    background-position: initial;
}

.mobileSprite.CustomerFiles {
    background-image: url(/-/media/BGM/GS/icons/documents64.svg);
    background-size: 32px auto;
    height: 32px;
    width: 32px;
    margin: 0 auto;
    background-position: initial;
}

.mobileSprite.ProfileSection {
    background-image: url(/-/media/BGM/GS/icons/user.svg);
    background-size: 32px auto;
    height: 32px;
    width: 32px;
    margin: 0 auto;
    background-position: initial;
}

.landingButton {
    text-align: center;
    margin-bottom: .8em;
}

/* === Mobile END === */

/* === Footer === */

footer {
    background-color: #000000;
    font-family: 'Roboto-Regular', sans-serif;
    font-weight: 400;
    position: relative;
    bottom: 0;
    margin: 0 auto -80px 0;
}

footer a{
    text-decoration: none;
}

footer .link-list:not(.social-icons) ul li{
    line-height: 0.8;
    border-left: solid 1px #ccc;
}

footer .link-list:not(.social-icons) ul li.first {
   border-left: none;
   margin-left: 0px
}

footer .link-list:not(.social-icons) ul li.first a {
   margin-left: 0px
}

footer .link-list:not(.social-icons) ul li a {
    color: #ccc;
    font-size: 14px;
    margin-right: 5px;
    margin-left: 10px;
}

footer .contact-links a {
    color: #fff;
    font-weight: 400;
    font-size: 20px;
    font-family: 'RobotoSlab-Regular', serif;
}

footer .contact-links .fa-lg{
    font-size: 1.6em;
}

footer .copyright {
    color: #ccc;
}

.link-list > .component-content li a:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 10px;
}

.link-list.social-icons > .component-content ul li .fa-circle {
    color: #00945f;
}


.social-icons > .component-content ul li:hover .fa-circle{
    color: white;
}

.social-icons > .component-content ul li:hover a{
    color: #00945f;
}

.social-icons a::before, .social-icons a::after, .location a::before, .phone a::before{
    font-family: FontAwesome;
    margin-right: 5px;
}

.social-icons ul {
    margin-top: 30px;
}

.location .link {
    border-right: solid 1px #666;
}

.location a::before{
    content: "\f041";
}

.location a {
    float: right;
}

.phone a::before {
  content: "\f095";
}

footer .phone, .phone .col-xs-12, .location{
    padding-left: 0;
    line-height: 1;
}

.phone a:hover, .location a:hover{
    text-decoration: none;
    color: #00945f;
}


/* === Login Pages */

.login-bkg {
    color: #000;
    border: 1px solid #ccc;
    width: 100%;
    padding-bottom: 10px;
    border-radius: 5px;
    border: solid 1px #ccc;
    margin: 0 auto;
}

.why-enroll{
    text-align: center;
    margin-bottom: 10px;
}

.why-enroll img {
    max-width: 64px;
    height: auto;
    width: 80%;
    min-width: 24px;
}

.blockSection, button:hover > .k-button-text, .blockSection input[type="text"]:not(.k-input),
#UserSearchResults table [class*="button"]:hover > .k-button-text,
 #SupportResourceLibrary table [class*="button"]:hover > .k-button-text,
 #Module-YearEndFarmDashboard .Grid table [class*="button"]:hover > .k-button-text,
 #Module-PortalUserDetails .Grid table [class*="button"]:hover > .k-button-text{
    border: none;
}

/* Used on login pages to overwrite smaller width 
.blockSection .selectDropdown, 
.blockSection #CifNumber, 
.blockSection #SocialSecurityNumber, 
.blockSection #TaxpayerIdentificationNumber, 
.blockSection #LoanNumber, 
.blockSection span.k-widget.k-numerictextbox, 
.blockSection #Passphrase, 
.blockSection .k-datepicker {
    width: 80% !important;
	background-color: #fff;
}*/

/* === Modal Windows === */

.ModalWindow .helpToolTip {
    width: 235px;
}

.ModalWindow .FormArea{
    border: 0;
}

/* === Dialog Popups === */
.k-dialog-titlebar, .k-icon.k-delete{
    display: none;
}

.k-dialog .k-primary, .k-primary:focus:active:not(.k-disabled):not([disabled]), 
.k-primary:focus:not(.k-disabled):not([disabled]),
.k-button.k-focused,.k-button:not(.k-icon-button):not(.k-flex)
{
    background-color: #00945f;
    border-color: #00945f;
    background-image: none;
    box-shadow: 0 0 3px 0 #ccc;
    color: #fff;
}

.k-dialog .k-primary:hover, .k-button:active, .k-button:focus:active:not(.k-disabled):not([disabled]),
.k-button:focus,.k-button:focus:hover{
    background-color: #fff;
    color: #00945f;
    box-shadow: 0 0 3px 0 #ccc;
    border-color: #00945f;
}

/* === Page Specific === */
#CustomerDocsGrid-Wrapper .k-tabstrip-items .k-item
{
    overflow: visible;
}

#Module-FarmStatement ol {
	list-style: none;
	list-style-type: decimal;
	margin-left: 35px;
}
#Module-FarmStatement ol li{
	margin-top: 10px;
}


#Module-FarmStatement .balanceSheet{
	text-align: center;
	margin-top: 20px;
}

#Module-FarmStatement .HeaderLinks a:first-child{
margin-right: 50px;
}

#Module-AddNewAlertWindow .fullForm > div:first-child {
    padding-left: 15px;
    padding-bottom: 10px;
}

#Module-AddNewAlertWindow .ui-multiselect {
    width: 500px !important;
}

#eConsentWindow .col-xs-12{
width: 95%;
}

#Module-AreYouACustomer .FormButton{
    width: 100px;
    height: 35px;
}

#Module-AreYouACustomer .FormButton:first-child,
#Module-LinkingAccount button#saveAndNew,
#Module-LinkingAccount button#save {
margin-right: 30px
}


#AlertsManagerGrid .k-dropdownlist{
	border: solid 1px #c5c5c5;
	border-radius: 4px;
}

#Module-IdentityVerification .cifValid,
#Module-AccountVerification .blockSection input[type="text"]:not(.k-input){
	border: solid 1px #c5c5c5;
}

#Module-IdentityVerification #dobField span[class*="calendar"]{
	display: inline;
}

#Module-IdentityVerification .FormCalendar{
	box-shadow: none;
}

#AlertsManagerGrid td.gridNumeric span.k-numerictextbox{
	width: 75%;
	margin-left: 5px;
}

#AlertsManagerGrid .k-numeric-wrap{
	background-color: white;
}



#AlertsManagerGrid .gridNumeric .k-edit-cell .k-widget k-numerictextbox
{
padding-left: 0px;
}

#AlertsManagerGrid span.k-numeric-wrap
{
padding-right: 5px;
}

#AlertsManagerGrid span.k-picker.k-dropdownlist.k-header.selectDropdown{
 width: 200px;
}

#Module-AddNewAlertWindow #ValidationSummary-error {
float: none;
}
	
h3.text-center{
    height: 40px;
}

.why-enroll img{
    max-width: 45px;
}

.why-enroll{
    padding: 0;
    height: 130px
}


.alertOptions .firstLink, #Module-Unsubscribe #backButton{
margin-right: 15px;
}

.contact-option {
    margin-top: 10px;
    text-align: center;
}

.contact-type {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 5px;
}

.contact-type p {
    font-size: 11px;
}

.contact-option p {
    font-size: 12px;
    height: 50px;
}


@media (max-width: 1200px) and (min-width: 768px){
    .contact-option:not(:last-of-type) {
        border-right: solid 1px #ccc;
        height: 240px;
    }
}

.contact-link {
    padding-top: 50px;
}

#Module-ContactUs #primaryText {
    text-align: center;
}



@media only screen and (min-width: 768px) {
    #SecureDocs .SentDate {
        width: 140px;
    }
}


/* === Non-Mobile Specific Media === */

.navigation-title.field-navigationtitle .expandableNav .menuChevronIcon {
    color: #fff;
}

/* === Online Loan Application === */

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{
	background-color: #eee !important;
}


.wizard-title h2 {
    font-weight: 700;
    text-align: center;
}
.spotlight .wizard-message{
    font-size:inherit;
    line-height: inherit;
}

 .wizard-message h3{
     font-weight: 700;
 }

 .loan-type{
     text-align: center;
min-height: 110px;
padding: 0 3px 0 3px;
 }

.loan-type img {
    width: 100%;
    height: auto;
    max-width: 50px;
    margin-top: 10px;
}
.intro-action{
    margin-bottom: 15px;
}

 .wizard-message ul {
    padding-bottom: 5px;
    padding-top: 5px;
    margin-left: 15px;
}

 .wizard-message ul li{
    list-style: disc;
    list-style-position: inside;
}

.wizard-message .applyStep{
    margin-bottom: 20px;
    margin-left: 60px;
}
.wizard-message .stepTitle img{
    margin-right: 10px;
}

.wizard-message .subIcons{
    width: 100%;
    display: block;
    text-align: center;
}

.wizard-message .helpSubIcon{
    display: inline-block;
    width: 100px;
}

.wizard-message .subIcons p{
    font-size: 10px;
}

#AlertOptions, #SubscriptionOptions {
    padding-left: 10px;
}

/* === Profile === */

a.fa.fa-pencil-square{
    text-decoration: none;
}

.general-info .BoldText {
    margin-top: 10px;
}
.home-phone, .work-phone, .mobile-phone, .email-address, .date-of-birth{
    padding-top: 5px;
    /* border: solid 1px; */
}
.home-phone div, .work-phone div, .mobile-phone div, .email-address div, .date-of-birth div{
    padding-left: 0;
    /* font-size: 1em; */
}
.home-phone div label, .work-phone div label, .mobile-phone div label, .email-address div label, .date-of-birth div label{
    margin-bottom: 0;
    font-size: 13px;
    color: dimgray;
}

/* === Help Resources === */


/* === Page Specific === */
#Module-EnterUsername input.form-control, #Module-EnterPassword input.form-control {
    width: 100%;
}

#Module-ForgotPassword input.form-control,
#Module-Profile-ChallengeQuestion input.form-control{
    width: 25%;
    min-width: 300px;
}

#Module-ForgotUsername input.form-control {
    width: 40%;
    min-width: 300px;
}

#Module-ChangePassword input.form-control, #Module-ChangeChallengeQuestions input.form-control, #Module-ForgotChallengeQuestions input.form-control, #Module-SetMutualAuth input.form-control, #Module-ChangeMutualAuth input.form-control, #Module-ChallengeQuestion input.form-control {
    width: 20%;
    min-width: 300px;
}

#Module-ChangeChallengeQuestions .k-dropdownlist, #Module-ForgotChallengeQuestions .k-dropdownlist {
    width: 40%;
    min-width: 500px;
}

#Module-EnterNameEmail input.form-control, #Module-AddSecureDocumentWizard input.form-control {
    height: 100%;
}

#Module-SubscriptionsManager button.addSubscriptionButton {
    margin-bottom: 10px;
}

#Module-DeviceAddEmail input{
	width: 75%
}

input#ThresholdValue {
    display: inline;
    width: 41%;
}

#AlertsManagerGrid .gridNumeric .k-numerictextbox .k-numeric-wrap
{
    display: inline;
	padding: 0;
}

#AlertsManagerGrid .gridDropdown .selectDropdown{
	width: 110px;
}

#Module-AddNewAlertWindow > .selectDropdown > span.k-input-button.k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button{
	border: 0px;
	background-color: none;
	color: black;
	font-weight: normal;
	padding: 0px;
}


#Module-AddNewAlertWindow .selectDropdown .k-input
{
	border: none;
	height: 30px;
	padding-left: 5px;
	padding-top: 3px;
}

#Module-AddNewAlertWindow .selectDropdown .k-select{
	width: 30px;
}

#Module-AddNewAlertWindow .selectDropdown .k-select > .k-i-arrow-s::before,
.Grid table tr td .k-icon, .Grid table [class*="master"] td .k-icon{
	color: black;
	content: "\2BC6";
}

#Module-AddNewAlertWindow .selectDropdown span.k-input-inner{
	display: block;
	width: 85%;
	float: left;
}


#Module-AddNewAlertWindow .selectDropdown span.k-icon-button {
    float: right;
    margin-right: 5px;
    display: inline;
}


#ApplicantSummaryGrid .pull-right a:first-child{
	margin-right: 5px;
}

#Module-NewPhone #PhoneNumber,
#Module-EnterUsernamePassword .col-xs-12.col-sm-2 {width: 25%}

/* Put all changes that require screen sizing here. */
@media screen and (max-width: 767px) {

    /* === Page Specific === */
    #Module-AddSecureDocumentWizard .FormTextarea {
        width: 95%;
    }

    footer .location .link, footer .phone{
        text-align: center;
        border: none;
    }
    .location a{
        float: none;
    }

    .equal-housing{
        float: right;
    }

    footer .phone {
        margin-top: 30px;
    }

    .navigation {
        border-top: solid 2px black;
        background-color: white;
        position: absolute;
        top: 90px;
        left: 0;
        border-bottom: solid 2px black;
    }

    .header-logo {
        max-width: 254px;
        min-width: auto;
        margin: 10px 0;
    }
}

@media screen and (max-width: 520px) {
    #Module-AddSecureDocumentWizard .FormTextarea {
        width: 95%;
    }

    .nav-mobile-wrapper .image img{
        min-width: 120px;
    }
}
@media only screen and (max-width: 991px){
    .why-enroll{
        text-align: left;
        vertical-align: middle;
		height: 50px;
    }
    .why-enroll img{
        width: 100%;
    }
	.page-header-wrapper{
        margin-top: 5px;
    }	
	
	.navigation.navigation-main .component-content > nav ul{
        margin-bottom: 0;
    }
}

@media only screen and (min-width: 991px){
	.why-enroll{
		height: 100px;
		margin-top: 10px;
    }
	.why-enroll > .col-xs-9.col-md-12{
		padding: 0;
	}
	h3.text-center{
		margin-bottom: 40px;
	}
}

@media only screen and (min-width:913px) and (max-width:1150px){
    
    /* === Latest Publications === */
    .pub-title {
        font-size: 16px;
    }
    .field-category{
        width: 60%;
    }
}

@media only screen and (max-width: 991px){

}

/* === Bring back styles removed from kendo === */

.k-button {
	padding: 4px 8px;
	border-radius: 4px;
}

.k-grid .k-button,.k-grid .k-grid-toolbar>* {
    margin: .16em;
}