/*
The html class holds the font family for all of the buttons and text for the whole site
Reed uses Raleway
*/
html, body {
		/*BASE FONT COLOR - MUST BE DARK ON WHITE*/
    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*/
/*Background of completion page for Integrators
Template Link congrats box - MUST BE WHITE OR LIGHT BACKGROUND FOR GLOBAL TEXT*/
.frame.colored {
    border-color:#3C5290;
    background-color: #FFFFFF;
}

/*Does nothing visible*/
.popup_bg {
	background-color:#3C5290; 	
}

/*Does nothing visible*/	
.popup_co {
	color:#3C5290; 	
}

/*Landing Page "I dont want to sign upload text and signer names"*/
.primary_co {
	color:#0045A3 !important;
}	

/*Landing Page "I dont want to sign upload text hover over"*/
a.primary_co:hover {
	color: #013797 !important;
}

/*Landing Page "View and sign all" button
 Signing Page "Document viewer header"
 Signing Page "Review Documents" button
 Signing Page "Start" and "Zoom" buttons
 Signing Pages "Adopt and Sign" button
 Final Page "Done" button*/
.primary_bg {
	background-color:#0045A3 !important;
	border-color:#0045A3 !important;
}

/*Landing Page "View and sign all" button hover over
 Signing Page "Review Documents" button hover over
 Signing Page "Start" and "Zoom" buttons hover over
 Signing Pages "Adopt and Sign" button hover over
 Final Page "Done" button hover over*/
.edibtn.primary_bg:hover,
a.primary_bg:hover{
	background-color:#013797 !important; 
	border: 1px solid #013797 !important;
}

/*Signing Page "Cancel", "Go Back", and "Leave" buttons Border and Font color
Final Page "Download Signed Documents" Border and Font color*/
.primary_br {
	border-color:#0045A3 !important;
	color:#000000 !important;        
}

/*Signing Page "Cancel", "Go Back", and "Leave" buttons Background and Border hover over
Final Page "Download Signed Documents" Background and Border hover over*/
a.primary_br:hover,
.edibtn.primary_br:hover,
.bttn.outline:hover {
	border-color:#013797 !important; 
	background-color:#013797 !important;
/*Signing Page "Cancel", "Go Back", and "Leave" buttons Font hover over
Final Page "Download Signed Documents" Font hover over*/
	color:#FFFFFF !important;
	
}

/*Signing Page "Cancel" button base color*/	
.bttn.outline {
    background-color: #FFFFFF;
    border: 1px solid #0045A3;
    color: #0045A3;
    margin: -1px 0px !important;
}

/*Signing Page "Start" button font color*/
.primary_font {
	color:#FFFFFF; 
}


/*Secondary*/
/*Finish button*/
.secondary_bg {
/*Signing Page "Finish" button base color*/
	background-color: #0045A3 !important;
}
/*Sign Page "Finish" button hover over color*/
.secondary_bg:hover,a.secondary_bg:hover {
	background-color: #013797 !important;
}
/*Sign Page "Finish" button font color*/
.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*/
 
/* Solid color header class*/ 
.header{
	/*background image settings*/
	background-image: url("../images/CORP021.png");
	background-repeat:no-repeat;
	background-position:0px 0px;
	background-size:136px 58px;
	background-color: white;
	/*
	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*/
.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;
}