@charset "utf-8";
/* CSS Document */

.loginBtn:before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 34px;
  height: 100%;
}
.loginBtn:focus {
  outline: none;
}
.loginBtn:active {
  box-shadow: inset 0 0 0 32px rgba(0,0,0,0.1);
}

/* line */
.loginBtn--line {
  background-color: #06C755;
  background-image: linear-gradient(#06C755 , #06C755 );
  /*font-family: "Helvetica neue", Helvetica Neue, Helvetica, Arial, sans-serif;*/
  text-shadow: 0 -1px 0 #354C8C;
}
.loginBtn--line:before {
  border-right: #000000 1px solid;
  background: url('https://easybio.in.th/img/web_login/btn_base.png') no-repeat;
  background-size: 100%;
}
.loginBtn--line:hover,
.loginBtn--line:focus {
  background-color: #06C755;
  background-image: linear-gradient(#06C755, #06C755);
}
 

/* Facebook */
.loginBtn--facebook {
  background-color: #4C69BA;
  background-image: linear-gradient(#4C69BA, #3B55A0);
  /*font-family: "Helvetica neue", Helvetica Neue, Helvetica, Arial, sans-serif;*/
  text-shadow: 0 -1px 0 #354C8C;
}
.loginBtn--facebook:before {
  border-right: #364e92 1px solid;
  background: url('https://easybio.in.th/img/web_login/fb_icon.png') no-repeat;
  background-size: 100%;
}
.loginBtn--facebook:hover,
.loginBtn--facebook:focus {
  background-color: #5B7BD5;
  background-image: linear-gradient(#5B7BD5, #4864B1);
}

/* apple */
.loginBtn--apple {
  background-color: #000000;
  background-image: linear-gradient(#000000, #000000);
  /*font-family: "Helvetica neue", Helvetica Neue, Helvetica, Arial, sans-serif;*/
  text-shadow: 0 -1px 0 #000000;
}
.loginBtn--apple:before {
  border-right: #000000 1px solid;
  background: url('https://easybio.in.th/img/web_login/apple.png') no-repeat;
  background-size: 100%;
}
.loginBtn--apple:hover,
.loginBtn--apple:focus {
  background-color: #000000;
  background-image: linear-gradient(#000000, #000000);
}


/* Google */
.loginBtn--google {
  /*font-family: "Roboto", Roboto, arial, sans-serif;*/
  background: #DD4B39;
}
.loginBtn--google:before {
  border-right: #BB3F30 1px solid;
  background: url('https://easybio.in.th/img/web_login/g_icon.png') no-repeat;
  background-size: 100%;
}
.loginBtn--google:hover,
.loginBtn--google:focus {
  background: #E74B37;
}
.form-sso .tempalate-1 input {
    width: 80% !important;
    max-width: 250px !important;
    height: 30px !important; 
}
.btnlogin{
	height: 30px;
    width:80%;
    cursor: pointer;
    display: inline-block;border:0px;
	max-width: 250px;
}
.loginBtn {
    width: 80%;
    max-width: 250px;
}