@import '../core/mixins.scss';

@import './modal-header.scss';
@import './modal-no-header.scss';
@import './modal-payment.scss';
@import './modal-terms.scss';
@import './modal-feedback.scss';
@import './modal-hello.scss';

.modal-sm {
  min-width: 450px !important;
}


.margin-icon {
  margin-left: 10px;
}

.modal-backdrop {
  background-color: #2b2f3a;
  &.in {
    opacity: 0.85;
  }
}

.message-modal .icon-close {
  @include transform(rotate(0));

  &:hover {
    @include transform(rotate(-90deg));
  }
}

@media screen and (max-width: 720px) {
  .modal-sm {
    min-width: 100% !important;
    margin: 50px 0;
  }
}

@keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-moz-keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-ms-keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}