body {margin:0 auto; font-family:Roboto,arial; color:#666; font-weight:300;}
.header{    
	padding: 10px 10px;
    color: #333;
    font-size: 12px;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
    z-index: 100; text-align:left;    position: fixed;
    bottom: 0;
    left: 0;
	
}.header p{margin:0;}
.header span{display:inline-block; font-family: Roboto,Arial,Helvetica,sans-serif;}
.module_login_wp{
	
	display: flex;
    overflow: hidden;
    position: absolute;
	top:0;left:0;
    display: -webkit-flex;
    display: -moz-flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    height: 100%;
    width: 100%;
    background: #f1f1f1;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: center;
}
.module_login_wp_in{width:100%;}
.clear{clear:both;}

/* Form Module */
.form-module {
    position: relative;
    max-width: 320px;
    width: 100%;
    margin: 0 auto;
    border: 1px solid #e0e0e0;
	background: rgba(238,238,238,1);
    background: -moz-linear-gradient(-45deg, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(238,238,238,1)), color-stop(100%, rgba(204,204,204,1)));
    background: -webkit-linear-gradient(-45deg, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%);
    background: linear-gradient(135deg, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=1 );
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 5px 5px 0px #ccc;
}
.form-module .toggle {
    cursor: pointer;
    width: 100%;
    color: #fff;
    font-size: 16px;
    line-height: 1.5em; font-weight:bold;
	text-align:center;
    padding: 10px; position:relative;    padding-top: 20px;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.form-module .toggle:before{content:""; width:60px; height:3px; position:absolute; bottom:5px; left:50%;    margin-left: -35px;background: #0382f3;}
.form-module .toggle  .text_toggle{display:inline-block;}
.form-module .toggle  span{display:inline-block; float:left;}

.form-module .toggle  span.logo{height:50px;}
.form-module .toggle  span.logo img{max-width:100%; max-height:100%; }
.form-module .toggle  span.text_cms{
	font-family:Roboto,Arial,Helvetica,sans-serif;
	 display: inline-block;
    float: left;
    font-size: 30px;
    line-height: 45px;
	padding-right:10px;
}
.form-module .form {
  display: none;
}
.form-module .form:nth-child(2) {
  display: block;
}
.form-module h2 {
  margin: 0 0 20px;
  color: #33b5e5;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
}
.form-module .input_icon input {
  outline: none;
  display: block;
  width: 100%;
  border: 1px solid #d9d9d9;
  margin: 0 0 15px;
  padding: 5px; font-weight:bold;
  box-sizing: border-box;
  font-wieght: 400;
  height:35px;
  box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.form-module .input_icon input{padding-left:40px;}
.form-module input:last-child{margin-bottom:0;}
.form-module input:focus,.form-module input{
  color: #888;
}
.form-module button {
    cursor: pointer;
    background:transparent;
    width:auto;
    border: 0;
    padding: 10px 15px;
    text-transform: uppercase;
    color: #333; font-weight:bold;
	font-family: Roboto,Arial,Helvetica,sans-serif;
}
.form-module button:focus,.form-module button:active{outline:none;}
.form-module button i.fa{font-size:18px;}
.form-module .cta {
  background: #f2f2f2;
  width: 100%;
  padding: 15px 40px;
  box-sizing: border-box;
  color: #666666;
  font-size: 12px;
  text-align: center;
}
.form-module .cta a {
  color: #333333;
  text-decoration: none;
}
.module.form-module .form_in {
    padding: 10px 20px 10px 20px;
}
.module.form-module .form_in .input{ margin-bottom:10px; text-align:left;}
.module.form-module .form_in .input span.icon{
	position: absolute;
    top: 0;
    left: 0;
    padding: 10px;
    height: 35px;
    width: 35px; line-height:0;
	color: #ccc;
    background: #666666;
    text-align: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.module.form-module .form_in .input .input_icon{ position:relative;}
.module.form-module .form_in .input label{    
font-size: 0.8em;
    display: block;
	    color: #333;
    padding-bottom: 3px; font-style:italic;
font-family: Roboto,Arial,Helvetica,sans-serif;
}

.module.form-module .btn_login{text-align:center;}
.site-link a, .site-link a:visited{
    color: #888;
    font-size: 14px;
    font-family: arial, sans-serif;
    float: right;
    margin-right: 10%;
    text-decoration: none;
}
.site-link a:hover{
    color: #E62600;
}
.form-module .toggle  span.text_cms{color:#0382f3;}
.form-module .toggle  span.text_cms.text_login{color:#666;}
.message_box .msg-error {
    color: #f30303;
    padding: 0;
    text-align: center;
    display: block;
    font-size: 13px;
    padding-bottom: 0;
}
.module_login_wp,html{ 
    background: -moz-linear-gradient(rgba(216,211,222,0), #f1f1f1) repeat-x border-box,-moz-radial-gradient(#fff, #f1f1f1) repeat-x border-box;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(216,211,222,0)), color-stop(75%, #f1f1f1)) repeat-x border-box,-webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #fff), color-stop(50%, #f1f1f1)) repeat-x border-box;
    background: -webkit-linear-gradient(rgba(216,211,222,0), #f1f1f1) repeat-x border-box,-webkit-radial-gradient(#fff, #f1f1f1) repeat-x border-box;
    background: linear-gradient(rgba(216,211,222,0), #f1f1f1) repeat-x border-box,radial-gradient(#fff, #f1f1f1) repeat-x border-box;
    background: -o-linear-gradient(top, rgba(216,211,222,0) 0, #f1f1f1 100%) repeat-x border-box,-o-radial-gradient(center, ellipse cover, #fff 0%, #f1f1f1 50%) repeat-x border-box;
    background: -ms-linear-gradient(top, rgba(216,211,222,0) 0, #f1f1f1 100%) repeat-x border-box,-ms-radial-gradient(center, ellipse cover, #fff 0%, #f1f1f1 50%) repeat-x border-box;
    background: linear-gradient(rgba(216,211,222,0), #f1f1f1) repeat-x border-box,radial-gradient(#fff, #f1f1f1) repeat-x border-box;
    background-color: #f1f1f1;
    background-position: 0 100%, 0 0;
    background-size: 100% 25%, 100% 100%;
    background-position: 0 100%, 0 0;
    background-size: 100% 25%, 100% 100%;}
.form-module .input_icon input:active,.form-module .input_icon input:focus{background:#fff; color:#555;}
.form-module .input_icon input:-webkit-autofill {
    background-color: #fff !important;
    background-image: none !important;
    color: #555 !important;
}
.form-module .input_icon input{font-family: arial; font-size:0.8em; }
@media (max-width: 450px)
{
	.form-module{max-width:95%;}
}