/*
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*/
/*Background of completion page for Integrators*/
.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:#5b8fbe !important;
}	

/*Landing Page "I dont want to sign upload text hover over"*/
a.primary_co:hover {
	color: #26547C !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:#5b8fbe !important;
	border-color:#5b8fbe !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:#26547C !important; 
	border-color:#26547C !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:#26547C !important;
	color:#26547C !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:#000000 !important; 
	background-color:#26547C !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 #000000;
    color: #3C5290;
    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: #3C5290 !important;
}
/*Sign Page "Finish" button hover over color*/
.secondary_bg:hover,a.secondary_bg:hover {
	background-color: #26547C !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*/
 
/*Gradiant color header class with logo class*/

.header{
                background: rgb(2,0,36);
                background: linear-gradient(#204361,#447098,#5B8FBE);
                height:60px;
                border-bottom:2px solid #a3a3a3;
                margin:0px 10px 20px 10px;
} 

.logo{
                background-image: url("../images/CORP010.png");
                background-repeat:no-repeat;
                background-position:0px 10px;
                background-size:507px 42px;
                float:left;
                width:507px;
                height:60px;
                margin-left: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;
}