/* ---------------------------
    #base
--------------------------- */

header {
	/*max-width: 1000px;
	margin: 0 auto;*/
	padding: 5px 0 0;
	margin-bottom: 5px;
	background-color: #fff;
}

@media only screen and (min-width: 770px) {
	header {
		padding: 15px 0 0;
		margin-bottom: 15px;
	}
}

.login header {
	padding-bottom: 5px;
	margin-bottom: 0;
}

@media only screen and (min-width: 770px) {
	.login header {
		padding-bottom: 15px;
		margin-bottom: 0;
	}
}

a {
	color: #458014;
}


/* ---------------------------
    #logo
--------------------------- */

.logo {
	float: none;
	margin-left: 35px;
	text-align: center;
}

.logo--img {
	display: inline-block;
	width: 190px;
	height: 90px;
	background: url('/Content/themes/ssg/images/ssg-logo.jpg') no-repeat 0 0;
	background-size: contain;
}

/* @media only screen and (min-width: 770px) {
	.logo--img {
		display: block;
		width: 340px;
		height: 63px;
		max-width: none;
		max-height: none;
		margin: 0 auto;
		background-size: 340px 63px;
	}
} */

@media only screen and (min-width: 880px) {
	.logo {
		margin-left: 0;
	}
}



/* ---------------------------
    #buttons
--------------------------- */

.button--primary {
	background: #458014;
}

.button--text {
	color: #458014;
}


/* ---------------------------
    #site-nav
--------------------------- */

.site-nav__list .site-nav--active, .site-nav__list .site-nav--active:hover {
	color: #fff;
	background: #458014;
}

.site-nav__list a:hover {
	background: #a2dd71;
}

.site-nav__toggle {
	left: 0;
	border-bottom-color: #458014;
}

.nav-toggle__top, .nav-toggle__middle {
	background-color: #458014;
}


/* ---------------------------
    #sub-nav
--------------------------- */

.sub-nav {
	margin-top: -1px;
	background: #458014;
}

.sub-nav__list a {
	color: #fff;
}


/* ---------------------------
    #user-nav
--------------------------- */

.user, .user__list a {
	color: #333;
}


/* ---------------------------
    #unfinished-requests
--------------------------- */

.unfinished__text {
	color: #cd6560;
}

.unfinished__count {
	background: #cd6560;
}


/* ---------------------------
    #range-slider
--------------------------- */

.rangeslider__fill {
	background: #ffeda3;
}


/* ---------------------------
    #login-page
--------------------------- */

.login__content {
	padding-top: 30px;
}

.login__form h2 {
	color: #458014;
	text-transform: uppercase;
}

.login__form input {
	max-width: 100%;
}

/* .login__articles {
	clear: none;
	padding-top: 0;
	overflow: hidden;
}

.login__articles > li {
	margin-bottom: 15px;
}

@media only screen and (min-width: 460px) {
	.login__form {
		width: 33.333333%;
	}

	.login__articles img {
		float: none;
		width: 100%;
	}
}

@media only screen and (min-width: 650px) {
	.login__articles img {
		float: left;
		width: 25%;
	}

	.login__articles h2 {
		margin-top: 0;
	}
}

@media only screen and (min-width: 770px) {
	.login__articles {
		margin: 0;
	}

	.login__articles > li {
		float: none;
		width: 100%;
		padding: 0;
	}
}

@media only screen and (min-width: 15000px) {
	.login__products img {
		display: block;
		float: left;
		width: 25%;
		max-width: 370px;
		height: auto;
		margin: 0 15px 0 0;
	}

	.login__products-content {
		overflow: hidden;
		margin: 0 0 0 15px;
	}
} */


/* ---------------------------
	#login-banner
--------------------------- */

.login__banner {
	border-bottom: 6px solid #458014;
}

@media only screen and (min-width: 770px) {
	.login__banner {
		border-bottom: 36px solid #458014;
	}

	.fixedMainMenu {
	    position: fixed;
	    top: 0;
	    z-index: 1002;
	    width: inherit;
	}

	.fixedMainMenuSpacer {
	    width: 100%;
	    height: 46px;
	    padding:10px;
	}

	.mainMenuSpacer {
	    width: 100%;
	    height: 0px;
	}
}


/* ---------------------------
    #vendor-select
--------------------------- */

.vendor-select {
	float: left; /* TODO: This should never be needed */
}


/* ---------------------------
    #calendar
--------------------------- */

.calendar .cell--scheduled {
	background: #ffeda3;
}


/* --- Access Updates --- */

.access__submit {
	background: url('/Images/account-check_black.png') no-repeat 0 0;
}


@media only screen and (min-width: 770px) {
	.login__articles--center {
		width: 66.66666%;
		margin: 0 auto;
	}

	.login__articles--center > li {
		width: 50%;
	}
}

.shutdown {
    display: inline-block;
    font-weight: bold;
    font-size: 32px;
}