:root{
}

.program-navigation{
	grid-column:1 / -1;
}

.program-navigation .navbar{
		width:auto;
		height:4rem;
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-align:center;
		-ms-flex-align:center;
		align-items:center;
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content:space-between;
		text-align:center;
		color:#313637;
	}

.program-navigation .navbar h1{
			margin:0;
			padding:0;
			font-weight:100;
			line-height:2.8125rem;
		}

.program-navigation .dashboard-messages{
		width:auto;
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-align:center;
		-ms-flex-align:center;
		align-items:center;
		-ms-flex-pack:distribute;
		justify-content:space-around;
		text-align:center;
		color:#313637;
		margin-bottom:20px;
		margin-left:25px;
		margin-right:25px;
	}

.program-navigation .dashboard-messages p{
			font-size:90%;
		}

.program-navigation .dashboard-messages h3{
			margin-bottom:1em;
			margin-top:1em;
		}

.program-navigation .dashboard-messages h3:not(:last-child){
				margin-bottom:0;
			}

.program-navigation .vacation{
		background-color:#FAD888;
	}

.program-navigation .navitem{
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-align:center;
		-ms-flex-align:center;
		align-items:center;
		-ms-flex-pack:distribute;
		justify-content:space-around;
		position:relative;
		height:100%;
		width:50px;
	}

.program-navigation .navlink{
		width:0.75rem;
		height:0.75rem;
		border-radius:2rem;
		border:solid 1px #afb8be;
	}

.program-navigation .navlink.active{
			-webkit-animation-name:navpulse;
			animation-name:navpulse;
			-webkit-animation-duration:3s;
			animation-duration:3s;
			-webkit-animation-timing-function:ease-in-out;
			animation-timing-function:ease-in-out;
			-webkit-animation-iteration-count:infinite;
			animation-iteration-count:infinite;
		}

.program-navigation .navbutton{
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-ms-flex-pack:distribute;
		justify-content:space-around;
		-webkit-box-align:center;
		-ms-flex-align:center;
		align-items:center;
		height:100%;
		width:200px;
		text-align:center;
		vertical-align:middle;
		border:none;
		-webkit-box-shadow:none;
		box-shadow:none;
		padding:0;
	}

.program-navigation-bottom{
	grid-column:1 / -1;
	height:4rem;
  }

.program-navigation-bottom > div, .program-navigation-bottom .navbar{
	  height:inherit;
	}

@media (min-width: 700px){

.program-navigation-bottom{
	  -ms-grid-column:1;
	  -ms-grid-column-span:3;
	  grid-column:1 / 4
  }
	}

@media (min-width: 1000px),(min-width: 1200px),(min-width: 1440px){

.program-navigation-bottom{
	  -ms-grid-column:4;
	  -ms-grid-column-span:4;
	  grid-column:4 / 8
  }
	}

.program-navigation-bottom .navbar{
	  max-width:300px;
	  margin:auto;
	  display:-webkit-box;
	  display:-ms-flexbox;
	  display:flex;
	  -webkit-box-pack:justify;
	  -ms-flex-pack:justify;
	  justify-content:space-between;
	  -webkit-box-align:center;
	  -ms-flex-align:center;
	  align-items:center;
	}
