/***
Login page
***/
body {
    background-image: url(/new/media/login/images/bg.jpg);
    background-repeat: repeat;
	 background-color: #00acd2;
}

/* logo page */
.login {
  background-image:  url(/new/media/login/images/side-image.png);  background-repeat: no-repeat;background-position:right top;background-size:contain;
  height:100%;
  min-height:100%;
  position:relative;

}

.login .logo {
  width: 247px;
  margin: 0 auto;
  margin-top:60px;
  padding: 15px;
  text-align: center;
}


.login .content {
  background-color:#b7e8f2;
  width: 291px;
  margin: 0px auto;
  margin-bottom: 0px;
  padding: 30px;
  padding-top: 20px;
  padding-bottom: 15px;
}

.effect2
{
  box-shadow: 5px 10px 6px -6px #777;
}
.effect2:before, .effect2:after
{

}

.login .content h3 {
  color: #eee;
}
.login .content h4  {
  color: #545454;
}

.login .content p,
.login .content label {
  color: #545454;
}

.login .content .login-form,
.login .content .forget-form {
    padding: 0px;
    margin: 0px;
}

.login .content .m-wrap {
  width: 249px;
  background-color: #fff;
}


.login .content .control-group {
  margin-bottom: 20px !important;
}

.login .content .input-icon .m-wrap {
  margin: 0px !important;
}

.login .content .forget-form {
  /*display: none;*/
}

.login .content .register-form {
  display: none;
}

.login .content .form-title {
  font-weight: 600;
  margin-bottom: 25px;
  text-align:center;
  color:#545454;
}

.login .content .form-actions {
  background-color: transparent;
  clear: both;
  border: 0px;
  border-bottom1: 1px solid #999;
  padding: 0px 30px 25px 30px;
  margin-left: -30px;
  margin-right: -30px;
}

.login .content .forget-form .form-actions {
  border: 0;
  margin-bottom: 0;
  padding-bottom: 20px;
}

.login .content .register-form .form-actions {
  border: 0;
  margin-bottom: 0;
  padding-bottom: 0px;
}

.login .content .form-actions .checkbox {
  margin-top: 8px;
  display: inline-block;
  margin-left:21px;
}

.login .content .form-actions .btn {
  margin-top: 1px;
}

.login .content .forget-password {
  margin-top: 25px;
}

.login .content .create-account {
  border-top: 1px dotted #eee;
  padding-top: 10px;
  margin-top: 15px;
}

.login .content .create-account a {
  display: inline-block;
  margin-top: 5px;
}

/* select2 dropdowns */
.login .content .select2-container i {
  display: inline-block;
  color: #ccc;
  z-index: 1;
  margin: 2px 4px 4px 3px;
  width: 16px;
  height: 16px;
  font-size: 16px;
  text-align: center;
}

.login .content .select2-container a span {
  font-size: 13px;
}

.login .content .select2-container a span img {
  margin-left: 4px;
}

/* footer copyright */
.login .copyright {
  text-align: center;
  width: 270px;
  margin: 0 auto;
  padding: 10px 10px 0 10px;
  color: #eee;
  font-size: 12px;
}

.footer-wrapper {
    background: #000 none repeat scroll 0 0;
    bottom: 0;
    height: 40px;
    opacity: 0.7;
    position: fixed;
    width: 100%;
}
.header-topbar {
    background: #fff none repeat scroll 0 0;
    top: 0;
    height: 80px;
    opacity: 0.9;
    width: 100%;
}
.mtalogo {
    margin: 10px;
    max-width: 210px;
}
@media (max-width: 480px) {
  /***
  Login page
  ***/
  .login .logo {
    margin-top:10px;
  }

  .login .content {
    padding: 30px;
    width: 222px;
  }

  .login .content h3 {
    font-size: 22px;
  }

  .login .content .m-wrap {
      width: 180px;
  }

  .login .checkbox {
    font-size: 13px;
  }
}

.submit-button{
border:0px solid #01728c; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 0px; font-size:8px; margin-left:80px; font-family:arial, helvetica, sans-serif; padding: 8px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3); color: #FFFFFF; font-size:20px; text-transform: capitalize;
 background-color: #01A0C4; background-image: -webkit-gradient(linear, left top, left bottom, from(#01A0C4), to(#01A0C4));
 background-image: -webkit-linear-gradient(top, #01A0C4, #01A0C4);
 background-image: -moz-linear-gradient(top, #01A0C4, #01A0C4);
 background-image: -ms-linear-gradient(top, #01A0C4, #01A0C4);
 background-image: -o-linear-gradient(top, #01A0C4, #01A0C4);
 background-image: linear-gradient(to bottom, #01A0C4, #01A0C4);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#01A0C4, endColorstr=#01A0C4);
 /* box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); */

}


.submit-button:hover{
 /*background-color: #017791; background-image: -webkit-gradient(linear, left top, left bottom, from(#017791), to(#4F5E9D));
 background-image: -webkit-linear-gradient(top, #017791, #4F5E9D);
 background-image: -moz-linear-gradient(top, #017791, #4F5E9D);
 background-image: -ms-linear-gradient(top, #017791, #4F5E9D);
 background-image: -o-linear-gradient(top, #017791, #4F5E9D);
 background-image: linear-gradient(to bottom, #017791, #4F5E9D);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#017791, endColorstr=#4F5E9D);
 box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
  background-color: #017791;
    background-image: linear-gradient(to bottom, #0797b7, #445895);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    opacity: 1;
	transform: rotateY(10deg);
    transform-style: preserve-3d;
}