/*
The html class holds the font family for all of the buttons and text for the whole site
Reed uses Raleway
*/
html,
body {
  color: #4a4a4a;
  font-family: Raleway, "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: #ffffff;
  margin: 0;
  padding: 0;
  width: 100%;
  min-height: 100%;
  text-align: center;
}

/*
These classes control the colors of all the buttons.

Reed uses the same colors for primary and secondary colors

main color - #3C5290 -eDOC Blue
highlight color  - #445da2 -  eDOC light blue
font color - #ffffff;

*/

/*Primary*/
.frame.colored {
  border-color: #3c5290;
  background-color: #e0e7fc;
  height: 100%;
}
.popup_bg {
  background-color: #f8f8f8;
}
.popup_co {
  color: #4a4a4a;
}

.primary_co {
  color: #3c5290 !important;
}
a.primary_co:hover {
  color: #445da2 !important;
}

.primary_bg {
  background-color: #3c5290 !important;
  border-color: #3c5290 !important;
}
.edibtn.primary_bg:hover,
a.primary_bg:hover {
  background-color: #445da2 !important;
  border-color: #3c5290 !important;
}
.primary_br {
  border-color: #3c5290 !important;
  color: #3c5290 !important;
}
a.primary_br:hover,
.edibtn.primary_br:hover,
.bttn.outline:hover {
  border-color: #445da2 !important;
  background-color: #edf0f7 !important;
  color: #445da2 !important;
}
.bttn.outline {
  background-color: #fbfbfb;
  border: 1px solid #445da2;
  color: #445da2;
  margin: -1px 0px !important;
}
.primary_font {
  color: #ffffff;
}

/*Secondary*/
.secondary_bg {
  background-color: #3c5290 !important;
}
.secondary_bg:hover,
a.secondary_bg:hover {
  background-color: #445da2 !important;
}
.secondary_font {
  color: #ffffff !important;
}

/*This section contains classes for the customized header
See the config_sample.php file for an example of the header*/

/* The header class contains the company logo and/or background color
   as well as a bottom line sepearting the header from the rest of the page*/
.header {
  /*background image settings*/
  background-image: url("../images/eDOCLogo.png");
  background-repeat: no-repeat;
  background-position: 0px 10px;
  background-size: 273px 40px;

  /*
	You can add a background color using something like:
	
	background-color: coral;
	
	Note: if you add a header background you will 
	want to change the margin below so it goes the 
	full length of the screen.  For example:
	
	margin:0px 0px 20px 0px;
	*/

  /*height of the header*/
  height: 60px;

  /*bottom line*/
  border-bottom: 2px solid #a3a3a3;

  /*padding - pushes the logo and exit button away from the 
	  sides and seperates the header from the page content*/
  margin: 0px 10px 20px 10px;
}

/* this is for the exit button in the header*/
.exit {
  float: right;
  color: #a3a3a3;
  margin-top: 17px;
  margin-right: 10px;
  font-size: 25px;
  cursor: pointer;
}