@import "../base/variables.less";
@import "../base/mixins.less";


.modal.daily-popup {
  text-align: center;
  padding: 0!important;
}

.modal.daily-popup:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.daily-popup .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}


.daily-popup .modal-content {
  border-radius: 5px;
}


.modal-form {
  padding: 25px;
  background-color: #F2F2F2;

  .forgot-password {
    margin: 0;
    line-height: 12px;

    a {
      margin-left: 17%;
      font-size: 12px;
      color: @dark;
    }
  }

  form {
    max-width: 350px;
  }
}

.modal-body {
  padding: 0;
}

.modal-body.text-large, .modal-body.text-large p {
  font-size: 140%;
}

.modal-content {
  border: 1px solid @dark;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  padding: 35px;
}

.modal-top {
  .c;
  padding-bottom: 35px;

  .logo-centered {
    margin: 0 auto;
  }

  .logo {
    float: left;
  }

  .logo, .logo-centered {
    width: 140px;
    height: 75px;
    display: block;
    background: url(../images/logo.png) 0 0 no-repeat;
    background-size: 100%;

    @media @mobile {
      float: none;
      margin: 30px auto;
    }
  }

  h3 {
    @media @mobile {
      text-align: center;
    }
  }

  &-text {
    float: right;
    width: 54%;

    @media @600 {
      float: none;
      width: 100%;
    }

    p {
      font-size: 12px;
      line-height: 18px;
      margin: 0;
    }

  }
}