/*
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*/
/*Does nothing visible*/
.frame.colored {
    border-color:#6ABF4B;
    background-color: #6ABF4B;
}
/*Does nothing visible*/
.popup_bg {
	background-color:#6ABF4B; 	
}	
/*Does nothing visible*/
.popup_co {
	color:#6ABF4B; 	
}
/*I dont want to sign upload text and signer names*/
.primary_co {
	color:#6ABF4B !important;
}	
/*I dont want to sign upload text hover over*/
a.primary_co:hover {
	color: #4b9e46 !important;
}
/*View and sign button and document viewer header*/
.primary_bg {
	background-color:#6ABF4B !important;
	border-color:#6ABF4B !important;
}
/*View and sign button hover over*/
.edibtn.primary_bg:hover,
a.primary_bg:hover{
	background-color:#4b9e46 !important; 
	border-color:#6ABF4B !important;
	
}
/*Cancel and leave document buttons*/
.primary_br {
	border-color:#6ABF4B !important;
	color:#6ABF4B !important;        
}
/*Cancel and leave document buttons hover*/
a.primary_br:hover,
.edibtn.primary_br:hover,
.bttn.outline:hover {
	border-color:#6ABF4B !important; 
	background-color:#4b9e46 !important;
	color:#FFFFFF !important;
}
/*Cancel button base look*/	
.bttn.outline {
    background-color: #ffffff;
    border: 1px solid #6ABF4B;
    color: #26450e;
    margin: -1px 0px !important;
}
/*Start button font color*/
.primary_font {
	color:#ffffff; 
}


/*Secondary*/
/*Finish button*/
.secondary_bg {
	background-color: #6ABF4B !important;
}
.secondary_bg:hover,a.secondary_bg:hover {
	background-color: #4b9e46 !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/CUP005.png");
	background-repeat:no-repeat;
	background-position:20px 7px;
	background-size:152px 42px;
	background-color:#0061AF;
	/*
	You can add a background color using something like:
	
	background-color:#8A1F03;
	
	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;*/
	margin:0px 0px 20px 0px;
}

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