/* Blanco */
.first-color {
  background-color: #283149; }

.second-color {
  background-color: #404b69; }

.third-color {
  background-color: #f73859; }

.fourth-color {
  background-color: #dbedf3; }

.neutral-color {
  background-color: #e1e1e1; }

.primary-text-color {
  background-color: #212121; }

@media (max-width: 767px) {
  .decorative, .optional {
    display: none; } }

/* Button themes */
.edit {
  border-color: #e0a800;
  background-color: #e0a800; }
  .edit i {
    color: #000; }

.trash {
  border-color: #000;
  background-color: #000; }
  .trash i {
    color: #FFF; }

.pdf {
  border-color: #c82333;
  background-color: #c82333; }
  .pdf i {
    color: #FFF; }

/* Basic elements */
body {
  margin: 0px;
  padding: 0px; }

a {
  color: #f73859;
  font-weight: bold; }

/* Form components */
.error {
  font-style: italic;
  color: #f73859; }

.form-control {
  font-family: "Montserrat";
  font-size: 14px; }

button {
  padding: 10px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #283149;
  background-color: #e1e1e1; }
  button i {
    width: 10px;
    margin: 5px; }
  button:hover {
    background-color: #283149;
    color: #ffffff; }
    button:hover i {
      color: #ffffff; }

/* Autocomplete component */
.autocomplete-suggestions {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #999;
  background: #FFF;
  cursor: default;
  overflow: auto;
  -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
  box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }

.autocomplete-suggestion {
  padding: 2px 5px;
  white-space: nowrap;
  overflow: hidden; }

.autocomplete-no-suggestion {
  padding: 2px 5px; }

.autocomplete-selected {
  background: #F0F0F0; }

.autocomplete-suggestions strong {
  font-weight: bold;
  color: #000; }

/* login page */
.lock {
  background-color: #FFF;
  /*background-image:url("../img/background.png");*/
  color: #212121; }
  .lock .lock-header {
    margin-top: 5%;
    margin-bottom: 5%;
    text-align: center; }
    .lock .lock-header img {
      width: 500px; }
      @media (max-width: 767px) {
        .lock .lock-header img {
          width: 100%; } }
    .lock .lock-header span {
      font-family: "Cinzel";
      font-size: 40px; }
  .lock .login-wrap {
    width: 960px;
    margin: 0 auto 0;
    text-align: center;
    font-family: "Montserrat";
    font-size: 16px; }
    @media (max-width: 767px) {
      .lock .login-wrap {
        width: 100%; } }
    .lock .login-wrap .metro {
      height: 165px;
      float: left;
      margin: 0 10px 10px 0; }
    .lock .login-wrap .single-size {
      width: 150px;
      text-align: center; }
      @media (max-width: 767px) {
        .lock .login-wrap .single-size {
          width: 100%; } }
      .lock .login-wrap .single-size .login-btn, .lock .login-wrap .single-size .login-btn:hover {
        background: none;
        border: none;
        line-height: 0.5;
        font-size: 28px;
        color: #ffffff; }
        .lock .login-wrap .single-size .login-btn i, .lock .login-wrap .single-size .login-btn:hover i {
          font-size: 80px;
          display: block;
          padding-top: 30px; }
        .lock .login-wrap .single-size .login-btn span, .lock .login-wrap .single-size .login-btn:hover span {
          font-size: 20px; }
      .lock .login-wrap .single-size i {
        width: 100%;
        font-size: 80px;
        display: block;
        padding-top: 30px;
        color: #ffffff; }
      .lock .login-wrap .single-size span {
        width: 100%;
        font-size: 20px;
        color: #ffffff; }
    .lock .login-wrap .double-size {
      width: 310px;
      display: flex;
      flex-wrap: wrap;
      align-items: center; }
      @media (max-width: 767px) {
        .lock .login-wrap .double-size {
          width: 100%; } }
      .lock .login-wrap .double-size .lock-input {
        width: 100%;
        text-align: center; }
      .lock .login-wrap .double-size .message {
        font-size: 18px;
        color: #ffffff; }
      .lock .login-wrap .double-size i {
        width: 100%;
        font-size: 60px;
        display: block;
        padding-top: 30px; }
      .lock .login-wrap .double-size span {
        width: 100%;
        font-size: 15px; }

#footer {
  width: 100%;
  background-color: #283149;
  position: fixed;
  bottom: 0; }

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