body {
  font-family: 'Lato', sans-serif;
  /*margin-bottom: 4rem;*/
}

/*
 *  Foundation global overrides
 */

table {
  width: 100%;
}

table i {
  padding-left: .25rem;
  padding-right: .25rem;
  font-size: 125% !important;
}

/*
 * Helpers
 */

.left {
  float: left;
}

.top-padding {
	padding-top: 2rem;
}

.double-top-padding {
	padding-top: 4rem;
}

.indent {
	padding-left: 2rem;
}

.sub-title {
  color: #b1b3b4;
  float: left;
  margin-top: 5px;
  font-size: 75%;
}

.text-centered {
  text-align: center;
}

.underline {
  padding-bottom: .5rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid #333;
}


.page-indent {
  padding-left: 2rem;
  padding-right: 2rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.padded-icon {
  padding-left: .5rem;
  padding-right: .5rem;
  font-size: 125% !important;
}


/*
 *  announcements
 */

#announcement-container {
  width: 100%;
  padding: 1rem;
  z-index: 100000;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  display: none;
}

.announcement-good {
  background: rgba(0, 255, 0, .6);
}

.announcement-bad {
  background: rgba(255, 0, 0, .6);
}

/*
 * Top Nav Area
 */
.top-nav-bar {
  padding-top: 1rem;
}

.top-nav-bar a {
  font-size: 120%;
  margin-left: 1rem;
  margin-right: 1rem;
}

.top-nav-container {
  display: inline-block;
  float: right;
  margin-bottom: .75rem;
}

/*
 * Login
 */

.login-box {
  margin: auto;
  width: 300px;
  /*padding: 2rem;*/
  margin-top: 4rem;
  padding-bottom: 5rem;
  /*border: 1px solid #DDD;
  border-radius: 5px;*/
}

#login-bad-credentials {
  display: none;
  color: red;
  background: rgba(255, 0, 0, .2);
  border: 1px solid rgba(255, 0, 0, .7);
  padding: .4rem;
  width: 100%;
  text-align: center;
  margin-bottom: .75rem;
}

/*
 *  Change Password
 */
#page-change-password-forced-banner {
  border: 1px solid red;
  color: red;
  padding: .5rem;
  width: 90%;
  text-align: center;
  margin: auto;
}


/*
 * Pages
 */
.page {
	display: none;
}

.loading-container {
	padding-top: 5rem;
}

/*
 * Dashboard
 */

.icon-boxes {
  padding-top: 2rem;
}

.icon-box {
  margin: 1rem;
  padding: 1rem;
  border: 1px solid rgba(0, 0, 0, .2);
  text-align: center;
  /*width: 100%;*/ 
  height: 12rem;
  cursor: pointer;
}

.icon-box:hover {
  background-color: #EEE;
}

.icon-box-icon {
  padding-top: 2rem;
  font-size: 400%;
}

.icon-box-red {
  color: #CC3B3B !important;
  border-color: #CC3B3B;
}
.icon-box-red a {
  color: #CC3B3B !important;
}

.icon-box-blue {
  color: #227A7A !important;
  border-color: #227A7A;
}
.icon-box-blue a {
  color: #227A7A !important;
}

.icon-box-green {
  color: #2FA32F !important;
  border-color: #2FA32F;
}
.icon-box-green a {
  color: #2FA32F !important;
}

.icon-box-orange {
  color: #CC7D3B !important;
  border-color: #CC7D3B;
}
.icon-box-orange a {
  color: #CC7D3B !important;
}

.icon-box-purple {
  color: #602E89 !important;
  border-color: #602E89;
}
.icon-box-purple a {
  color: #602E89 !important;
}

.icon-box-dark-blue {
  color: #46249A !important;
  border-color: #46249A;
}
.icon-box-dark-blue a {
  color: #46249A !important;
}

.icon-box-gray {
  color: #999999 !important;
  border-color: #999999;
}
.icon-box-gray a {
  color: #999999 !important;
}

/*
 * Page Contents
 */
.bread-crumbs {
	font-size: 90%;
	padding-bottom: 2rem;
}

.division-container {
	/*padding-left: 1rem;*/
	border-top: 2px solid #333;
	padding-top: 1rem;
}

.material-container {
	padding-left: 1rem;	
	padding-top: 2rem;
}

.msa-due-red {
  background-color: rgba(255, 0, 0,.2) !important;
}

.msa-due-orange {
  background-color: rgba(255, 165, 0, .2) !important;
}

.msa-due-gold {
  background-color: rgba(255, 215, 0, .2) !important; 
}

.msa-due-yellow {
  background-color: rgba(255, 255, 0, .2) !important; 
}

.msa-due-green {
  background-color: rgba(0, 255, 0, .2) !important; 
}

.msa-due-white {
  background-color: rgba(255, 255, 255, .2) !important; 
}

.chart {
	width:100%;
	height:500px;
	margin-bottom: 2rem;
}

/*
 * Send Reports
 */

#page-send-reports-table {
  width: 100%;
}

#page-send-reports-table input[type="checkbox"] {
  margin: 0;
}

/*
 * Settings
 */

#page-settings-contents {
  padding-left: 3rem;
  padding-right: 3rem;
}

#page-settings-excel-macro-api-key {
  text-align: center;
}

/*
 * MRI pages
 */

.invalid-input {
  /*border: 1px solid rgba(255, 0, 0, .8);*/
  background-color: rgba(255, 0, 0, .4) !important;
  margin-bottom: 0rem !important;
}

.invalid-input-big-bottom {
  background-color: rgba(255, 0, 0, .4) !important;
}

.invalid-input-label {
  /*background-color: rgba(255, 0, 0, .2);
  border: 1px solid rgba(255, 0, 0, .8);*/
  color: rgba(255, 0, 0, .8);
  /*font-size: 0.875rem;*/
  /*padding: 0.25rem;*/
  margin-bottom: 1rem;
  display: none;
}

/*
 *  New Instrument Entry
 */

#page-mri-customer-entry-page-working-animation {
  display: none;
  float: left;
}

.left-bar-orange {
  border-left: 2px solid orange;
}

.left-bar-purple {
  border-left: 2px solid purple;
}

.left-bar-brown {
  border-left: 2px solid brown;
}

.left-bar-red {
  border-left: 2px solid red;
}

.left-bar-green {
  border-left: 2px solid green;
}

.left-bar-blue {
  border-left: 2px solid blue;
}

.left-bar-yellow {
  border-left: 2px solid yellow;
}

/*
 *  User Instrument Entry
 */

#page-user-instruments-system_id-valid {
  display: none;
  color: green;
}

#page-user-instruments-system_id-invalid {
  display: none;
  color: red;
}