.color {
  background-color: #fff;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSItMS40MjEwODU0NzE1MjAyZS0xNCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZjFkMWM3IiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmFmMGViIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDI0IiBoZWlnaHQ9IjEwMjQiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==);
  background-image: -moz-linear-gradient(bottom, #f1d1c7 0%, #faf0eb 100%);
  background-image: -o-linear-gradient(bottom, #f1d1c7 0%, #faf0eb 100%);
  background-image: -webkit-linear-gradient(bottom, #f1d1c7 0%, #faf0eb 100%);
  background-image: linear-gradient(bottom, #f1d1c7 0%, #faf0eb 100%);
  padding: 0 0 63px 0;
  min-width: 1024px;
  height: auto;
  position: relative; }

header {
  width: 100%;
  height: auto;
  max-width: 100%;
  padding: 62px 0 0 0 !important; }

.header-content {
  width: 1024px;
  margin: 0 auto; }

.header-content .logo {
  width: 158px;
  height: 117px;
  margin: 0 auto;
  background: url(/assets/checklist/logo.png) no-repeat center; }

.header-content h1 {
  text-transform: uppercase;
  font-family: 'montserratregular';
  font-size: 24px;
  line-height: 24px;
  text-align: center;
  color: #2d296f;
  font-weight: 400;
  margin: 36px 0 22px 0; }

.header-content h2,
.login h2,
.login label,
.request-password {
  color: #2d296f;
  font-family: 'montserratregular';
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  font-weight: 400;
  margin: 0 0 30px 0;
  text-decoration: none;
  display: block;
  text-align: center; }

.login i {
  width: 280px;
  color: #2d296f;
  font-family: 'montserratregular';
  font-size: 10px;
  line-height: 10px;
  display: inline-block;
  font-weight: 400;
  text-align: center; }

.login label {
  margin: 0 0 8px !important;
  display: block; }

.login {
  width: 100%;
  height: auto; }

.login-content {
  min-width: 1024px;
  height: auto;
  margin: 0 auto; }

.login-content .form,
.new_user {
  width: 280px;
  height: auto;
  margin: 0 auto; }

.login-content .form input,
#user_password,
#user_password_confirmation {
  width: 266px;
  height: 38px;
  border: 1px solid #f5d9d1;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #fff;
  margin: 0 0 8px 0;
  color: #2d296f;
  font-family: 'montserratregular';
  font-size: 12px;
  line-height: 38px;
  padding-left: 12px;
  font-weight: 400; }

.login-content .form input:focus,
#user_password:focus,
#user_password_confirmation:focus {
  border: 1px solid #2d2a70;
  outline: none; }

::-webkit-input-placeholder {
  color: #c0bfd4; }

:-moz-placeholder {
  color: #c0bfd4; }

::-moz-placeholder {
  color: #c0bfd4; }

:-ms-input-placeholder {
  color: #c0bfd4; }

.login-content .form .checkbox {
  width: 129px;
  height: 12px;
  float: left; }

.login-content .form .checkbox .checkbox-input {
  width: 9px;
  height: 9px;
  float: left;
  position: relative; }

.login-content .form .checkbox .checkbox-input input[type="checkbox"] {
  width: 9px;
  height: 9px;
  position: relative;
  float: left;
  visibility: hidden; }

.login-content .form .checkbox .checkbox-input label {
  cursor: pointer;
  position: absolute;
  width: 9px;
  height: 9px;
  top: 0;
  left: 0;
  border: 1px solid #2d2a70;
  -moz-border-radius: 10px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  -ms-background-clip: padding;
  -o-background-clip: padding;
  background-clip: padding-box;
  background: #fff; }

.login-content .form .checkbox .checkbox-input label:after {
  opacity: 0;
  content: '';
  position: absolute;
  width: 5px;
  height: 5px;
  background: #2d2a70;
  top: 2px;
  left: 2px;
  border: none;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  -ms-background-clip: padding;
  -o-background-clip: padding;
  background-clip: padding-box; }

.login-content .form .checkbox .checkbox-input input[type=checkbox]:checked + label:after {
  opacity: 1; }

.login-content .form .checkbox p {
  color: #2d296f;
  font-family: 'montserratregular';
  font-size: 12px;
  line-height: 12px;
  float: left;
  font-weight: 400;
  margin-left: 8px; }

.login-content .form .request-password {
  color: #2d296f;
  font-family: 'montserratregular';
  font-size: 12px;
  line-height: 12px;
  float: left;
  text-decoration: none;
  font-weight: 400; }

.login-content .form .ingresar-btn,
.actions input,
.form input[type="submit"] {
  border: none;
  width: 280px;
  height: 38px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #2d2a70;
  -moz-box-shadow: 0 2px 0 #1d1b47;
  -webkit-box-shadow: 0 2px 0 #1d1b47;
  box-shadow: 0 2px 0 #1d1b47;
  display: inline-block;
  margin: 35px 0 0 0;
  color: #fefeff;
  font-family: 'montserratregular';
  font-size: 12px;
  line-height: 38px;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none; }

.login-content .form .ingresar-btn:hover,
.actions input:hover,
.form input[type="submit"]:hover {
  background-color: #1f1d51; }

footer {
  min-width: 100%;
  height: auto; }

.footer-content {
  min-width: 1024px;
  height: auto;
  margin: 0 auto;
  font-family: "Courier New", Courier, monospace;
  font-weight: 500;
  text-align: center;
  color: #2d296f;
  letter-spacing: 0.05em; }

.footer-content h1 {
  font-size: 11px;
  line-height: 14px;
  margin: 53px 0 0 0;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  font-weight: 500;
  text-transform: uppercase; }

.footer-content p {
  font-size: 11px;
  line-height: 14px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }

.footer-content a {
  display: inline-block;
  font-size: 11px;
  line-height: 14px;
  text-decoration: none;
  margin: 0 0 60px 0;
  color: #2d296f;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }

.footer-content .banner {
  width: 940px;
  height: 180px;
  margin: 0 auto;
  background: #ccc; }