/*
 *  FONTS
 *

 <link href="https://fonts.googleapis.com/css?family=Muli|Philosopher" rel="stylesheet" type="text/css">
 font-family: 'Outfit', sans-serif;
 *
*/


/*
 *  COLORS
 *  ecoPlus cream:   #ebdad5;
 *  ecoPlus brown:   #9e8d85;
 *	background-color: #30A77F;
	#ebdad5;  //#3.  creamy but of pink in cream
	#c1b1a4;  //#2.  good neutral - most like postcard
	#a89281; //slightly darker brown
	#9e8d85; //slightly grayer
	#009966;  //grean color
	#dbd6d2;	//#1.  great light natural - most like binder board

    background: white;



*/

/*
 *  IMAGES
 *
 background-image: url('../images/bkg_eco_weave.jpg');
 	background-image: url("../images/transp_texture_natural-paper.png");
    background-image: url('images/bkg_white_satin.jpg');
    background-image: url('images/bkg_eco_weave.jpg');
 *
*/

#wrapper-panel {
	color: #000000;
	box-shadow: 0 0 10px #000;
    background-color:  #fff;
	background-image: url("../images/bkg_eco_weave.jpg");
	/*background-color: fuchsia;*/
}

.wrap-login-form-btn{
    box-shadow: 0 5px 30px 0px rgba(219, 214, 210, 0.5);
    -moz-box-shadow: 0 5px 30px 0px rgba(219, 214, 210, 0.5);
    -webkit-box-shadow: 0 5px 30px 0px rgba(219, 214, 210, 0.5);
    -o-box-shadow: 0 5px 30px 0px rgba(219, 214, 210, 0.5);
    -ms-box-shadow: 0 5px 30px 0px rgba(219, 214, 210, 0.5);
    /*  rgb(219, 214, 210) = #dbd6d2;  */
}


.login-form-bgbtn{
    background-color: #009966;;
    color: #fff;
}

.login-form-bgtn:hover{
    color:#000;
}

.wrap-login-form-btn:hover{
    box-shadow: 0 5px 30px 0px rgba(230, 227, 224, 0.5);
    -moz-box-shadow: 0 5px 30px 0px rgba(230, 227, 224, 0.5);
    -webkit-box-shadow: 0 5px 30px 0px rgba(230, 227, 224, 0.5);
    -o-box-shadow: 0 5px 30px 0px rgba(230, 227, 224, 0.5);
    -ms-box-shadow: 0 5px 30px 0px rgba(230, 227, 224, 0.5);
    /* rgb(230, 227, 224) = hsl(27, 11%, 89%) = #e6e3e0;   */
}

#nameplate h1 {
	 font-family: "Exo 2", sans-serif; 
	 font-size:4em;	
	 font-weight: 400;
     margin-top: 0px;
     margin-bottom: 0px;
}


.button_tmp_test {

	background: #ffffff;
	color: #30A77F;
	text-decoration: none;
	font-weight: bold;
	font-size:3em;
	
	border:  thick #30A77F solid;
	box-shadow: 0 2px 3px #000;
	border-radius: 50px;
}


.button_tmp_test:hover {
	color: #000000;
	background: #efefef;
	border:  thick #000000 solid;

}