body {
  background: #474a4f;
  color: #666666;  /*font-family: 'dosismedium' arial, tohoma; */
   font-size:0.85em; font-weight:normal;
  font-family: normal arial,'dosismedium','RobotoDraft', 'Roboto', sans-serif;
  font-size: 0.95em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#main-wrapper { width:56%; background: #ffffff; margin:0 auto; padding:0; height:auto; box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); }


.clear {clear:both;}

/*******added*********/

.mtop20px { margin-top:20px;}
.left { float: left;}
.right { float: right;}
#f-bg {background: #474a4f; font-family: arial, 'dosismedium';}
#footer {  background-color:#474a4f; padding: 0px; text-align: center; 
        font-size: 0.85em; font-weight:normal; font-family: arial, 'dosismedium'; color: #fff; font-weight:normal;
}

#footer a {
    font-family:  arial,'dosismedium';
    text-decoration: none;
    color: #6caa3b; font-weight:normal;
}
#footer a:hover { color: #b9e894; }
 
.f-logo {
    margin: 4px auto;
    padding: 0;
    
    height:25px;
}




/* Pen Title */
.pen-title {
  padding: 0px 0 0;
  text-align: center;
  letter-spacing: 2px;
}
.pen-title h1 {
  /*margin: 0 0 20px;*/
  margin: 0 0 0px;
  font-size: 48px;
  font-weight: normal;
}
.pen-title h3 {
 /*font-size: 14px;*/
 font-size: 0.95em;
 color: white;
 margin:8px 0 6px;
 padding: 0px; line-height: 25px; font-family: arial,'dosismedium'; text-align:center;
 
}
.heading-span{
	  width:52%; margin: 0px; padding: 0px;font-family:arial, 'dosismedium'; font-size: 1.7em; text-align:center; text-transform:uppercase; font-weight:normal;
	 
}
.empty-div{
	/*border-top: solid 2px #9E9E9E; margin-top: 10px; */
   margin-top: 0px;
height: 0;
}
.span-error-message{
	/*background: #615F5F;border: 1px dotted #ff0000; */ width:70%; margin: 0 auto;  color: beige;  border-radius: 5px; font-style: italic; height: auto; font-size: 0.95em;
	  padding: 5px; font-style: italic; 
}
.dnone {display:none;}
.span-success-message {width: 65%; color: red; font-size:0.95em; height: 40px; /* background: white; */font-size: 1.3em;
}

.pen-title span .fa {
  color: #3e4245;
}
.pen-title span a {
  color: #3e4245;
  font-weight: 600;
  text-decoration: none;
}

a{
  color: gray;
  font-weight: 600;
  text-decoration: none; font-family: arial, 'dosismedium' ;
  
}

.err-msg { margin:0; width:100%; padding:10px 0 0; box-sizing: border-box; }
.error {
	display: block;	color: red;	font-style: italic;	text-align: center;	margin-top: 2px; 
	font-size:0.90em; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px;
}

.success-msg {
    padding: 10px 30px 30px;
    margin: 0 auto;
    width: 80%;
    box-sizing: border-box;
    font-size: 0.90em;
}
.success {
    /*display: block; */
    
    padding: 4px;
    color: #740ff0;
    font-style: italic;
    text-align: center;
    margin-top: 2px;
    font-size: 0.90em;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
}

/****form-module container**********/
.mauto{ margin:0 auto; padding:0; /*width: 52%; */text-align: center;}
/* Form Module */
.form-module {
  position: relative; top:0;
  background: #ffffff;
  max-width: 550px;
  width: 100%;   
  margin: 0 auto; min-height: 375px; height: auto; vertical-align: middle;
}
.form-module .toggle {
  cursor: pointer;
  position: absolute;
  top: -0;
  right: -0;
  background: #d7d8da;
  width: 30px;
  height: 30px;
  margin: -5px 0 0;
  color: #ffffff;
  font-size: 12px;
  line-height: 30px;
  text-align: center;
}
.form-module .toggle .tooltip {
  position: absolute;
  top: 5px;
  right: -65px;
  display: block;
  background: rgba(0, 0, 0, 0.6);
  width: auto;
  padding: 5px;
  font-size: 10px;
  line-height: 1;
  text-transform: uppercase;
}
.form-module .toggle .tooltip:before {
  content: '';
  position: absolute;
  top: 5px;
  left: -5px;
  display: block;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid rgba(0, 0, 0, 0.6);
}
.form-module .form { position: relative; top:0px; padding:0px; max-width:286px; margin: 0 auto; box-sizing: border-box; }

.form-module .form:nth-child(2) {  display: block;}

.form-module h2 { font-family:arial, 'dosismedium'; margin: 10px 0 14px; color: #3e4245; text-align: center;
  font-size: 18px; font-weight: 400; line-height: 1; text-transform:uppercase;}
  
.form-module label {  font-family:  arial, 'dosismedium'; width: 150px; float: left; text-align: right; margin: 10px; }
.form-module input {
	background-color: #ffffff  !important;
  outline: none;
  display: block;
  width: 100%;
  border: 1px solid #cccccc;
  margin: 0 0 14px;
  padding: 10px 15px;
  box-sizing: border-box;
  font-wieght: 400;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
   color: #555555;
   -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.form-module input:focus {	
	 background: #fff !important;
	  transition: 0.3s ease;
  border: 1px solid #7fb951;
  color: #5d992e;
}
.form-module input::after {	
	 background: #fff !important;
	  transition: 0.3s ease;
  border: 1px solid #7fb951;
  color: #5d992e;
}
.form-module button {
  cursor: pointer;
  background: #77bc42;
  width: 100%; margin: 0 0 0 0px;
  border: 0; border-radius: 3px;
  padding: 10px 15px;
  color: #ffffff; 
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.form-module p {/*width: 100%;*/ margin: 0 auto; font-size: 1.1em; }
.form-module p.mleft {width: 100%; margin: 0 0 0 0px; }

/********login gae btn*********/
.submit-button {
  cursor: pointer;
  background: #77bc42;
  width: 52%;
  border: 0;
  padding: 10px 15px;
  color: #ffffff;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
/********login gae btn*********/

.form-module button:hover {
  background: #5b952e;
}
.form-module button:focus {
  background: #5b952e;
}
.form-module .cta {
  /*background: #f2f2f2;  width: 34%; */ font-family:arial, 'dosismedium';
  width: auto; max-width: 248px !important;
  margin:0 auto;  
  padding: 0px;
  box-sizing: border-box;
  color: #666666;
  font-size: 0.80em; position: relative;
 top: -6px;
 height: 42px;
}

.form-module .cont {
 /* background: #f2f2f2; width: 30%;  max-width: 512px; width: 94%;  */  width:auto; max-width: 248px; font-family: arial, 'dosismedium'; 
  height: 30px;  margin:0 auto;  padding: 0px;  color: #666666; font-size: 1.em; text-align: left; line-height:20px; box-sizing: border-box;
}
.form-module .funame {
 /* background: #f2f2f2;  width: 32%;  max-width: 400px;*/ font-family:arial, 'dosismedium'; 
  margin:0 auto; padding: 0px; box-sizing: border-box;  color: #666666;
  font-size: 1.em; text-align: left; line-height:15px;}
  
  ul.a {list-style-type: circle;}
ul.b {list-style-type: square;}
ol.c {list-style-type: upper-roman;}
ol.d {list-style-type: lower-alpha;}

.form-module .cta ul {margin:0px 0px; padding: 0; display: inline; /*-moz-margin:0 0 0 26px; -webkit-margin:0 0 0 26px; -ms-margin:0 0 0 26px; margin:0 0 0 26px; */ -webkit-list-style-type: square; -moz-list-style-type: square; list-style-type: square; } 

.form-module .cta ul.b {list-style-type: square;}

.form-module .cta ul.mtop20px { margin-top:20px;} 
.form-module .cta li {margin:0px 0px 0; padding: 0; list-style-type: square;     box-sizing: border-box; /* width: 96px; */line-height: 23px;} 

.form-module .cta ul li a {/*width:110px; */ margin:0px;  padding: 0; }

.form-module .cta a {font-family: arial, 'dosismedium'; font-size: 1.06em;  color: #787878; text-decoration: none; font-weight: normal;}

.forgetp { width: 150px; margin:0px 28px 0 0px !important; padding: 0; float:left; }
.goTologin { width: 120px; margin:0px 0px 0 0px; padding: 0; float:left; }
.font12px {font-size: 1.1em;}

.clear-left {clear:left;}
.gotopage {color:#478d12 !important; /*text-transform: uppercase;*/}
.gotopage a {color:#478d12 !important; font-size: 1.1em; margin-bottom:20px; padding-bottom:20px;}