@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");
/* line 3, app/assets/stylesheets/styles.scss */
* {
  box-sizing: border-box;
}

/* line 7, app/assets/stylesheets/styles.scss */
.logo {
  position: absolute;
  left: 0;
  bottom: 0;
}

/* line 13, app/assets/stylesheets/styles.scss */
body {
  font-family: poppins, Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #666666;
}

/* line 20, app/assets/stylesheets/styles.scss */
.red {
  color: #e5185c;
}

/* line 24, app/assets/stylesheets/styles.scss */
.checkboxfield {
  display: flex;
  flex-direction: row;
}

/* line 29, app/assets/stylesheets/styles.scss */
input[type="checkbox" i] {
  background-color: initial;
  cursor: default;
  appearance: auto;
  box-sizing: border-box;
  margin: 0px 0px 0px 0px;
  border: initial;
}

/* line 38, app/assets/stylesheets/styles.scss */
.wrapper {
  margin: 0 auto;
  width: 100%;
  max-width: 1140px;
  min-height: 60vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  display: flex;
  background: #ffffff;
  align-items: center;
}

/* line 53, app/assets/stylesheets/styles.scss */
.container {
  position: relative;
  width: 100%;
  max-width: 800px;
  height: auto;
  display: flex;
  background: #ffffff;
  box-shadow: 0 0 5px #999999;
}

/* line 62, app/assets/stylesheets/styles.scss */
.login .col-left,
.login .col-right {
  padding: 30px;
  display: flex;
}

/* line 67, app/assets/stylesheets/styles.scss */
.login .col-left {
  width: 60%;
}

/* line 70, app/assets/stylesheets/styles.scss */
.login .col-right {
  padding: 60px 30px;
  width: 50%;
  margin-left: -10%;
}

@media (max-width: 575px) {
  /* line 77, app/assets/stylesheets/styles.scss */
  .login .container {
    flex-direction: column;
    box-shadow: none;
  }
  /* line 81, app/assets/stylesheets/styles.scss */
  .login .col-left,
.login .col-right {
    width: 100%;
    margin: 0;
    clip-path: none;
  }
  /* line 87, app/assets/stylesheets/styles.scss */
  .login .col-right {
    padding: 30px;
  }
}

/* line 92, app/assets/stylesheets/styles.scss */
.login .login-text {
  position: relative;
  width: 100%;
  color: #e5185c;
}

/* line 97, app/assets/stylesheets/styles.scss */
.login .login-text h2 {
  color: #e5185c;
  margin: 0 0 15px 0;
  font-size: 30px;
  font-weight: 700;
}

/* line 103, app/assets/stylesheets/styles.scss */
.login .login-text p {
  margin: 0 0 20px 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
}

/* line 110, app/assets/stylesheets/styles.scss */
.login .login-text .btn {
  display: inline-block;
  font-family: poppins;
  padding: 7px 20px;
  font-size: 16px;
  letter-spacing: 1px;
  text-decoration: none;
  border-radius: 30px;
  color: #ffffff;
  outline: none;
  border: 1px solid #ffffff;
  box-shadow: inset 0 0 0 0 #ffffff;
  transition: 0.3s;
}

/* line 124, app/assets/stylesheets/styles.scss */
.login .login-text .btn:hover {
  color: #e5185c;
  box-shadow: inset 350px 0 0 0 #ffffff;
}

/* line 129, app/assets/stylesheets/styles.scss */
.login .login-form {
  position: relative;
  width: 100%;
}

/* line 133, app/assets/stylesheets/styles.scss */
.login .login-form h2 {
  margin: 0 0 15px 0;
  font-size: 22px;
  font-weight: 700;
}

/* line 138, app/assets/stylesheets/styles.scss */
.login .login-form p {
  margin: 0 0 10px 0;
  text-align: left;
  color: #666666;
  font-size: 15px;
}

/* line 144, app/assets/stylesheets/styles.scss */
.login .login-form p:last-child {
  margin: 0;
  padding-top: 3px;
}

/* line 148, app/assets/stylesheets/styles.scss */
.login .login-form p a {
  color: #e5185c;
  font-size: 14px;
  text-decoration: none;
}

/* line 153, app/assets/stylesheets/styles.scss */
.login .login-form label {
  display: block;
  width: 100%;
  margin-bottom: 2px;
  letter-spacing: 0.5px;
}

/* line 159, app/assets/stylesheets/styles.scss */
.login .login-form p:last-child label {
  width: 60%;
  float: left;
}

/* line 163, app/assets/stylesheets/styles.scss */
.login .login-form label span {
  color: #ff574e;
  padding-left: 2px;
}

/* line 167, app/assets/stylesheets/styles.scss */
.login .login-form input {
  display: block;
  width: 100%;
  height: 35px;
  padding: 0 10px;
  outline: none;
  border: 1px solid #cccccc;
  border-radius: 3px;
}

/* line 177, app/assets/stylesheets/styles.scss */
#admin_remember_me {
  width: 60%;
}

/* line 181, app/assets/stylesheets/styles.scss */
.login .login-form input:focus {
  border-color: #e5185c;
}

/* line 184, app/assets/stylesheets/styles.scss */
.login .login-form button,
.login .login-form input[type="submit"] {
  display: inline-block;
  width: 100%;
  margin-top: 5px;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 1px;
  cursor: pointer;
  background-color: #e5185c;
  border-radius: 3px;
  box-shadow: inset 0 0 0 0 #e5185c;
  transition: 0.3s;
}

/* line 198, app/assets/stylesheets/styles.scss */
.login .login-form button:hover,
.login .login-form input[type="submit"]:hover {
  color: #ffffff;
  box-shadow: inset 250px 0 0 0 #e5185c;
}

/* line 204, app/assets/stylesheets/styles.scss */
.alerts_container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

/* line 212, app/assets/stylesheets/styles.scss */
form {
  width: 100%;
  padding: 2%;
}

/* line 217, app/assets/stylesheets/styles.scss */
input[type="email"],
input[type="password"] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

/* line 227, app/assets/stylesheets/styles.scss */
button {
  display: inline-block;
  width: 100%;
  height: 35px;
  margin-top: 5px;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 1px;
  cursor: pointer;
  border: 1px solid #cccccc;
  background-color: #e5185c;
  border-radius: 3px;
  box-shadow: inset 0 0 0 0 #e5185c;
  transition: 0.3s;
}

/* line 243, app/assets/stylesheets/styles.scss */
button:hover {
  opacity: 0.8;
}

/* line 247, app/assets/stylesheets/styles.scss */
.center-components {
  display: flex;
  width: 370px;
}

/* line 252, app/assets/stylesheets/styles.scss */
.margin-div {
  margin-top: 10%;
  align-items: center;
}

/* line 257, app/assets/stylesheets/styles.scss */
.forgot-password-div {
  margin-top: 2%;
  margin-bottom: 2%;
  display: flex;
  justify-content: center;
}

/* line 264, app/assets/stylesheets/styles.scss */
.centerMessage {
  margin: auto;
  width: 70%;
  padding: 10px;
}

/* line 270, app/assets/stylesheets/styles.scss */
.logoJonde {
  margin: auto;
  width: 300px;
}

/* line 275, app/assets/stylesheets/styles.scss */
.textCenter {
  text-align: center;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */