/*MY DEMO*/
/*ADT*/
/*$font-stack: Montserrat, sans-serif;
$background-color-start: #0083B0;
$background-color-end: #0083B0;
$color-primary: #0083B0;
$color-accent: #EFD218;
$logo-main: "/images/ADT.svg";
$logo-main-margin: 0px;
$logo-main-size-width: 75px;
$logo-main-size-height: 75px;*/
/*Beagle*/
/*$font-stack: Montserrat, sans-serif;
$background-color-start: #000000;
$background-color-end: #000000;
$color-primary: #000000;
$color-accent: #DF0B14;
$logo-main: "/images/Beagle.svg";
$logo-main-margin: 15px;
$logo-main-size-width: 100px;
$logo-main-size-height: 100px;*/
/*National*/
/*$font-stack: Montserrat, sans-serif;
$background-color-start: #242576;
$background-color-end: #242576;
$color-primary: #242576;
$color-accent: #3233a3;
$logo-main: "/images/National.svg";
$logo-main-margin: 15px; 
$logo-main-size-width: 75px;
$logo-main-size-height: 75px;*/
body {
  height: 100vh;
  color: #212121;
  font: 100% Montserrat, sans-serif;
  background-color: #EFEFEF;
  background: -webkit-linear-gradient(to right, #EFEFEF, #EFEFEF);
  background: linear-gradient(to right, #EFEFEF, #EFEFEF);
}

*:focus {
  outline: none;
}

.btnLogin {
  width: 100%;
  transition: 0.3s;
  background-color: #FF3B3F !important;
  color: #F5F5F5 !important;
}

.logoColor {
  color: #FF3B3F;
}

.btnLogin:hover {
  background-color: #ff2226 !important;
  color: #F5F5F5 !important;
}

.inputText {
  background-color: transparent !important;
  border: 1px solid #c3c3c3 !important;
  transition: 0.3s !important;
  color: #212121 !important;
}

.inputText:focus {
  background-color: transparent !important;
  border: 1px solid gainsboro !important;
  color: #212121 !important;
}

.logo {
  /*background: url($image-logo);*/
  background-repeat: no-repeat;
  background-size: cover;
}

.mainContainer {
  width: 800px;
}

.MainLogo {
  background-image: url("/images/MessengerLogo.svg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 75px;
  /*or your image's width*/
  height: 75px;
  /*or your image's height*/
  margin: 0;
  padding: 0;
  margin-top: 15px;
  display: inline-block;
}

.LogoTextColor {
  color: #A9A9A9;
}

.popover-header {
  color: #000000 !important;
}

@media only screen and (max-width: 768px) {
  .mainContainer {
    width: 100%;
  }

  [data-aos] {
    visibility: visible;
  }

  [data-aos=fade-up] {
    transform: translate3d(0, 0, 0) !important;
  }
}

/*# sourceMappingURL=login.css.map */