﻿
.container{
max-width: 980px;
min-width:300px;
margin:auto;
padding:0px;
}
.imgHeader > img {
display: block;
margin: auto;
}
.maintext-title{
font-size:16px;
font-weight:bold;
/*color:#0D4FAF;*/
margin:20px;
margin-top:5px;
}
.page-menu {
	width: 100%;
	font-size: 18px;
	display: inline-block;
	text-align: center;
	color: #808080;
}
#btnReg {
	text-align: center;
	width: 100%;
}
.tt {
	font-weight: normal !important;
}
.titlleModal {
	margin: auto;
}
.Panelogin{
width:50%;
margin:auto;
}
.col-sm-8{
padding-left:0px;
margin-top:3px;
}
.form-control {
width: 80%;
padding-left:0px!important;
background:transparent;
border:0px;
}
.form-control:focus{
border-color:red!important;
}
#forgotPass, .forgotPass1{
color:red!important;
text-align:right;
font-size:10px;
margin-right:20%;
cursor:pointer;
}
.btn{
margin-top:10px;
width:80px;
}
.Submit{
margin-bottom:20px;
}
#btn_submit, #btn_getPass {	
	height: 30px;
	font-size: 13px;
	font-weight: bold;
	cursor: pointer;
	width: 120px;
}
.btnCancel {
	border-radius: .2rem;
}
/*------------------------------------------------------------------
[ Input ]*/
.wrap-input100 {
  width: 35%;
  margin:auto;
  position: relative;
  border-bottom: 1px solid #b2b2b2;
}
.btnBacktoLog {
	border: 1px solid transparent;
	float: right;
	font-size: 18px;
	text-decoration: none;
}
.modal-header, .modal-header, .btn-modal {
	opacity: .90;
}
.label-input100 {
  font-size: 16px;
  color:#808080;
  line-height: 1.2;
  text-align: right;

  position: absolute;
  top: 14px;
  left: -270px;
  width: 260px;
}
/*---------------------------------------------*/
.input100 {
  font-size: 15px;
  color: #555555;
  line-height: 1.2;
  border:0px;
  display: block;
  width: 100%;
  background: transparent;
  padding: 10px 6px;
}
:-ms-input-placeholder {
   color: #585858 !important;
   /*font-style: italic;*/
}
input::-webkit-input-placeholder {
   color: #585858 !important;
   /*font-style: italic;*/
}   
.focus-input100 {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}
.focus-input100::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 0;
  height: 1px;

  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  -moz-transition: all 0.6s;
  transition: all 0.6s;
  /*background: #57b846;*/
}
.login100-form-btn{
 margin-top:25px;
 margin-bottom:10px;
 border-radius:5px;
}
input.input100 {
	height: 45px;
	outline: none;
}
/*[Forgot-Password]*/
.txt1 {
  font-size: 12px;
  line-height: 1.4;
  color: #999999;
  float:right;
  margin-right:50px;
}
.divRegister{
    /*border:1px solid red;*/
    display:inline-block;
}
.linkRegister {
    color:#2b960c; 
    margin-right:5px;
}
.linkRegister:hover {
    text-decoration: none !important;
    color: #2b960c!important;
    font-weight:bold;
}
/****Test BTN New Customer******/
.testRegister {
	background: transparent;
	outline: none;
	position: relative;
	overflow: hidden;
	/*color: #2b960c;*/
	border: 0px;
	font-weight: bold;
}
.spanTitleR {
	font-weight: bold;
}
   .testRegister:hover {
      cursor: pointer;
      /*border: 1px solid blue;*/
      margin-bottom: -1px;
      margin-right: -2px;
      font-size: 18px !important;
		text-decoration:none!important;
   }

   .testRegister:hover:before {
      opacity: 1;
      transform: translate(0,0);
      font-size: 18px !important;
   }
	.testRegister:before {
    content: attr(data-hover);
    position: absolute;       
    left: 0;
    width: 100%;
    text-transform: uppercase;               
    font-size: 18px!important;
    opacity: 0;
  /* color:red;
   font-weight:bold;*/
    transform: translate(-100%,0);
    transition: all .3s ease-in-out;
}
    /*button div (button text before hover)*/
   .testRegister:hover div {
      opacity: 0;
      font-size: 18px !important;
      color: red;
      /*font-weight: bold;*/
      transform: translate(100%,0)
   }
.testRegister div {
    text-transform: uppercase;              
    font-size: 18px!important;
    transition: all .3s ease-in-out;
   /* color:red;
    font-weight:bold;*/
}

    

