/* line 26, ../../../app/assets/stylesheets/colors_and_fonts.css.scss */
.bg1 {
  background-color: #19c9b4;
}

/* line 30, ../../../app/assets/stylesheets/colors_and_fonts.css.scss */
.bg1-light {
  background-color: #D3F5EF;
}

/* line 34, ../../../app/assets/stylesheets/colors_and_fonts.css.scss */
.bg2 {
  background-color: #264099;
}

/* line 38, ../../../app/assets/stylesheets/colors_and_fonts.css.scss */
.bg3 {
  background-color: #4b86ef;
}

/* line 42, ../../../app/assets/stylesheets/colors_and_fonts.css.scss */
.bg5 {
  background-color: #ff5e6e;
}

/* line 46, ../../../app/assets/stylesheets/colors_and_fonts.css.scss */
.color-white {
  color: white !important;
}

/* line 50, ../../../app/assets/stylesheets/colors_and_fonts.css.scss */
.color1 {
  color: #19c9b4 !important;
}

/* line 54, ../../../app/assets/stylesheets/colors_and_fonts.css.scss */
.color1-dark {
  color: #16b2a0;
}

/* line 58, ../../../app/assets/stylesheets/colors_and_fonts.css.scss */
.color2 {
  color: #264099 !important;
}

/* line 62, ../../../app/assets/stylesheets/colors_and_fonts.css.scss */
.color3 {
  color: #4b86ef !important;
}

/* line 66, ../../../app/assets/stylesheets/colors_and_fonts.css.scss */
.color4 {
  color: #1d2856 !important;
}

/* line 70, ../../../app/assets/stylesheets/colors_and_fonts.css.scss */
.color5 {
  color: #ff5e6e !important;
}

/* line 74, ../../../app/assets/stylesheets/colors_and_fonts.css.scss */
.text-muted-light {
  color: #cccccc;
}

/* line 78, ../../../app/assets/stylesheets/colors_and_fonts.css.scss */
.text-warning-2 {
  color: #ffc107;
}

/* line 82, ../../../app/assets/stylesheets/colors_and_fonts.css.scss */
.numbers-font {
  font-family: "IBM Plex Sans Condensed", "Roboto Condensed", "Calibri", "Arial", "Barlow";
}

@font-face {
  font-family: 'Barlow';
  src: url(/assets/Barlow-Regular.ttf) format("truetype");
  font-weight: 400;
}

@font-face {
  font-family: 'Barlow';
  src: url(/assets/Barlow-Italic.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Barlow';
  src: url(/assets/Barlow-Medium.ttf) format("truetype");
  font-weight: 500;
}

@font-face {
  font-family: 'Barlow';
  src: url(/assets/Barlow-MediumItalic.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Barlow';
  src: url(/assets/Barlow-SemiBold.ttf) format("truetype");
  font-weight: 600;
}

@font-face {
  font-family: 'Barlow';
  src: url(/assets/Barlow-SemiBoldItalic.ttf) format("truetype");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Barlow';
  src: url(/assets/Barlow-Bold.ttf) format("truetype");
  font-weight: 700;
}

@font-face {
  font-family: 'Barlow';
  src: url(/assets/Barlow-BoldItalic.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'IBM Plex Sans Condensed';
  src: url(/assets/IBMPlexSansCondensed-Regular.ttf) format("truetype");
  font-weight: 400;
}

@font-face {
  font-family: 'IBM Plex Sans Condensed';
  src: url(/assets/IBMPlexSansCondensed-Italic.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'IBM Plex Sans Condensed';
  src: url(/assets/IBMPlexSansCondensed-Medium.ttf) format("truetype");
  font-weight: 500;
}

@font-face {
  font-family: 'IBM Plex Sans Condensed';
  src: url(/assets/IBMPlexSansCondensed-MediumItalic.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'IBM Plex Sans Condensed';
  src: url(/assets/IBMPlexSansCondensed-SemiBold.ttf) format("truetype");
  font-weight: 600;
}

@font-face {
  font-family: 'IBM Plex Sans Condensed';
  src: url(/assets/IBMPlexSansCondensed-SemiBoldItalic.ttf) format("truetype");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'IBM Plex Sans Condensed';
  src: url(/assets/IBMPlexSansCondensed-Bold.ttf) format("truetype");
  font-weight: 700;
}

@font-face {
  font-family: 'IBM Plex Sans Condensed';
  src: url(/assets/IBMPlexSansCondensed-BoldItalic.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
}

/* line 4, ../../../app/assets/stylesheets/layouts/guess.css.scss */
#alert {
  border: none;
  color: #fff;
  display: none;
  left: 20%;
  position: absolute;
  text-align: center;
  top: 8px;
  width: 60%;
  z-index: 10000;
}
/* line 15, ../../../app/assets/stylesheets/layouts/guess.css.scss */
#alert.alert-success, #alert.alert-info {
  background-color: #3eb19b;
}
/* line 18, ../../../app/assets/stylesheets/layouts/guess.css.scss */
#alert.alert-danger, #alert.alert-error {
  background-color: #e8314b;
}

/* line 23, ../../../app/assets/stylesheets/layouts/guess.css.scss */
html, .container {
  height: 100%;
}

/* line 27, ../../../app/assets/stylesheets/layouts/guess.css.scss */
a, a:hover {
  color: #19c9b4;
}

/* line 31, ../../../app/assets/stylesheets/layouts/guess.css.scss */
body {
  background-image: url(/assets/bg-dux-guess-layout.png);
  background-repeat: repeat;
  background-size: cover;
  font-family: Barlow;
  font-size: 13px;
  height: 100%;
}

/* line 40, ../../../app/assets/stylesheets/layouts/guess.css.scss */
h3 {
  text-align: center;
}

/* line 44, ../../../app/assets/stylesheets/layouts/guess.css.scss */
.modal-content {
  background-color: #4b86ef;
  color: white;
}
/* line 48, ../../../app/assets/stylesheets/layouts/guess.css.scss */
.modal-content .modal-title {
  color: white !important;
}

/* line 53, ../../../app/assets/stylesheets/layouts/guess.css.scss */
.text-danger {
  color: #ff5e6e;
}

/* line 57, ../../../app/assets/stylesheets/layouts/guess.css.scss */
.btn {
  border: none;
  border-radius: 50px;
  font-family: Barlow;
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
  min-width: 200px;
  text-transform: none;
}

/* line 68, ../../../app/assets/stylesheets/layouts/guess.css.scss */
.btn-default {
  background-color: #19c9b4;
  color: #264099;
}
/* line 72, ../../../app/assets/stylesheets/layouts/guess.css.scss */
.btn-default:hover {
  background-color: #19c9b4;
  color: #264099;
}

/* line 78, ../../../app/assets/stylesheets/layouts/guess.css.scss */
.well {
  background-color: #264099;
  border: none;
  border-radius: 34px;
  box-shadow: 0px 0px 20px #264099;
  color: white;
  margin-top: 30px;
  padding: 0px;
  overflow: hidden;
}
/* line 88, ../../../app/assets/stylesheets/layouts/guess.css.scss */
.well .well-main {
  padding: 40px;
}
/* line 91, ../../../app/assets/stylesheets/layouts/guess.css.scss */
.well .well-main > p, .well .well-main > h3 {
  text-align: center;
}
/* line 95, ../../../app/assets/stylesheets/layouts/guess.css.scss */
.well .illustration {
  background-image: url("/assets/bg-dux-guess-illustration-02.svg");
  background-size: cover;
  min-height: 100%;
}

/* line 102, ../../../app/assets/stylesheets/layouts/guess.css.scss */
label {
  color: white;
}

/* line 106, ../../../app/assets/stylesheets/layouts/guess.css.scss */
.form-control {
  background-color: transparent;
  border: 1px solid white;
  border-radius: 5px;
  color: white;
}
/* line 112, ../../../app/assets/stylesheets/layouts/guess.css.scss */
.form-control:focus {
  border-color: #19c9b4;
}
/* line 116, ../../../app/assets/stylesheets/layouts/guess.css.scss */
.form-control::placeholder {
  color: rgba(255, 255, 255, 0.4);
}

@media all and (max-width: 500px) {
  /* line 124, ../../../app/assets/stylesheets/layouts/guess.css.scss */
  .well .well-main {
    padding: 20px;
  }

  /* line 129, ../../../app/assets/stylesheets/layouts/guess.css.scss */
  .logo {
    text-align: center;
  }
}