//Примеси Joomla
@import "variables";
@import "mixins";

/* Модальное окно (Magnific Popup) */
.white-popup-block {
  background: none repeat scroll 0 0 #FFFFFF;
  margin: 41px auto;
  padding: 20px 30px;
  position: relative;
  text-align: left;
}

.white-popup-block {
  max-width: 470px;
  min-width: 307px;
  padding: 30px;
  color: #474747;
  border: 1px solid #dfe3e8;
  box-shadow: 2px 3px 6px 0 #666;
  overflow: visible;
}

.white-popup-block .title {
  margin-bottom: 15px;
  font-size: 24px;
}

.mfp-close-btn-in .white-popup-block .mfp-close {
  color: #bc13ff;
  opacity: 0.95;
  filter: alpha(opacity=95);
}

.popup-wrapper .title {
  margin-bottom: 20px;
}

.popup-wrapper .title span {
  font-size: 24px;
  font-family: "Arial", sans-serif;
  color: rgb(71, 71, 71);
  line-height: 1.167;
  text-align: left;
}

.popup-wrapper .text {
  margin-bottom: 24px;
}

.popup-wrapper .text span {
  font-size: 14px;
  font-family: "Arial", sans-serif;
  color: rgb(71, 71, 71);
  line-height: 1.286;
  text-align: left;
}

.popup-wrapper .buttons {
  .continue {
    width: 140px;
  }
  .cancel {
    width: 106px;
  }
}


.popup-wrapper .win {
  margin: 10px 0;
}

.popup-wrapper .fail {
  margin: 10px 0;
}

//Блок с сообщением
.message-popup-block {
  position: relative;
  max-width: 620px;
  min-width: 300px;
  margin: 0 auto;
  padding: 20px;
  .border-radius(4px);
  &.message-popup-block-success {
    box-shadow: 0 0 25px 0 #BEE174;
    border: 1px solid #d0ff6d;
    background-color: #f3ffda;
    color: #737c61;
  }
  &.message-popup-block-error {
    box-shadow: 0 0 25px 0 #ec3f3f;
    border: 1px solid #ffa4a4;
    background-color: #ffe7e7;
    color: #7c6166;
  }
  .message-popup-header {
    margin-bottom: 15px;
    text-align: center;
    font-size: 38px;
  }
  .message-popup-description {
    margin-bottom: 15px;
    .set {
      font-weight: bold;
      width: 100%;
      margin: 10px 0 0 0;
    }
    .error {
      color: red;
      width: 100%;
      margin: 0 0 10px 0;
    }
  }
  .confirm-popup-description {
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    margin-top: 35px;
    margin-bottom: 45px;
  }
  .button-purple-less-wrapper {
    text-align: center;
    div {
      display: inline-block;
      float: none;
      cursor: pointer;
    }
  }
  .button-purple-less span {
    min-width:100px;
  }
}