body {
	font-family:'Nunito Sans', sans-serif;
}

.mainWrapper{		
	position:relative;
	min-height:calc(100vh - 60px);
	padding:0 0 10px 0 ;
}

*:focus { 
	outline: none !important;
}


/*login */

.wrapper{
	position:relative;
}
.contentArea{
	overflow:auto;
}

.aws-login{
	background-color:#f6a800;
}

.aws-login:hover,
.aws-login:focus{
	opacity:0.8;
	transition: all .3s ease;
}


/*header*/
header {
	position:fixed;
	width:100%;
	z-index:1;
}

.header{
	position:relative;
	display: -webkit-box;
  	display: -webkit-flex;
  	display: -ms-flexbox;
  	display: flex;
  	-webkit-box-pack: justify;
  	-webkit-justify-content: space-between;
  	-ms-flex-pack: justify;
  	justify-content: space-between;
  	padding: 10px 40px;
	background-color: #673AB7;
	color:white;
}

.gcu-logo {
	display:inline-block;
	position:relative;
	height:20px;
	width:52px;
}

.app-heading {
	font-size:1.777em;
	padding-left:10px;
	margin:0 10px;
	border-left:solid 1px white;
}

.logo-header{
    height: 40px;
    width: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left:0;
    margin: auto;
    margin-left:15px;
}

.logoutBtn {
	display: -webkit-box;
  	display: -webkit-flex;
  	display: -ms-flexbox;
  	display: flex;
  	align-items: center;
}

.logout, .help, .fillablePDF{
	transition: color .2s ease-in-out;
	margin-left:10px;
	border-radius:6px;
}

.logout:focus, .help:focus, .fillablePDF:focus{
	background:rgba(255,255,255,.2);
}

.fillablePDF{
	height:24px;
	color:white;
}


.help:hover,
.help:focus{
	color:#f6a800;
}

.logout:hover,
.logout:focus{
	color:#f6a800;
}

.fillablePDF:hover,
.fillablePDF:focus{
	text-decoration: none;
	color:#f6a800;
	outline:none;
}

.username{
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	width:100%;
	color:white;
	background:#9e9e9e;
  	padding: 10px 40px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
}

.username p {
	margin-bottom:0px;
}

.savebtn, .printbtn{
	background-color:#2196f3;
	border:none;
	padding-bottom:-2px;
	transition: background-color .2s ease;
}


/*footer*/
.footer{
	display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 40px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  align-content:center;
  background-color:#673AB7;
}

.branding{
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  font-family:'Nunito Sans', sans-serif;
  font-size:0.67em;
  color: rgba(255, 255, 255,.8);
  margin: 10px 0 10px;
}
.logo {
  width: 56px;
  height: 26px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

@media all and (max-width: 400px) {
	
  footer, .header{
    text-align: center;
    -ms-flex-direction: column;
  flex-direction: column;
  }
  .logoutBtn {
  	margin-top:10px;
  	width:100%;
  	background:rgba(0,0,0,.2);
  	padding:10px;
  	border-radius: 6px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-around;
  -ms-flex-pack: justify;
  justify-content: space-around;
  	align-items: center;
  }
  table {
  	margin-top:50px;
  }
}


/*Modal */
.administration-container{
	padding:0 10px 6px 10px;
}

.modal-title{
	font-weight:bold;
}

.textArea{
	width:100%;
	max-width:100%;
	height:100px;
	margin-top:6px;
	border-radius:4px;
	padding:5px;
}

.stressButtons{
	margin-top:6px;
	width: 100%;
	text-align:left;
    background: #E2E4E6;
    border: 1px solid #E2E4E6;
    transition:background .2s ease;
}

.stressButtons:hover, .stressButtons:focus {
	background:#ccc;
}

tr td.stress0{
	background-color: transparent !important;
	-webkit-print-color-adjust: exact; 
}

tr td.stress1{
	background-color: #ffab00 !important;
	color:white;
	-webkit-print-color-adjust: exact; 
}

tr td.stress2{
	background-color: #ff6d00 !important;
	color:white;
	-webkit-print-color-adjust: exact; 
}

tr td.stress3{
	background-color: #dd2c00 !important;
	color:white;
	-webkit-print-color-adjust: exact; 
}

.selected{
	background:gray;
	border:gray;
	font-weight:bold;
	color:white;
}

.ssl_head{
	text-align:left;
}

.cs_head{
	margin-top:40px;
	text-align:center;
}

.hr_line{
	margin-top:0;
	margin-bottom:0;
}

.currentSelection{
	margin-top:6px;
    width: 100%;
}

.invisibleText{
	font-size:0; 
	position:absolute; 
	top: -500px
}

.btn {
	transition:background .2s ease;
}

.btn-primary, .btn-danger, .btn-success {
	border:none;
}

.btn-primary {
  background-color:#2196F3;
  color:rgba(255,255,255,.9);
}

.btn-danger {
  background-color:#FF5722;
  color:rgba(255,255,255,.9);
}

.btn-success {
  background-color:#4CAF50;
  color:rgba(255,255,255,.9);
}

#loading-bar .bar {
  position: relative;
  z-index:30;
  color:red;
}