@import '../common/var-nb.scss';
@import '../mixins/utils.scss';
@import '../mixins/mixins.scss';

$--message-box-messge-color: $--color-font !default;
$--message-box-content-background-color: $--color-background-lighter !default;
/* messageBox
 ----------------------------*/
 .nb-message-box__wrapper {
   text-align: center;
   padding-bottom: 20px;
  .nb-message-box__content{
    margin-top: 8px;
    padding: 8px 38px;
    background-color: $--message-box-content-background-color;
    border-radius: 51px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    .nb-message-box__status {
      font-size: 35px;
      &.icon-nb-success {
        color: #59c14c;
      }
    }
    .nb-message-box__message {
        padding-left: 20px;
        font-size: 16px;
        color: $--message-box-messge-color;
    }
  }
  .nb-message-box__footer{
    text-align: center;
    margin: 30px 0 10px;
  }
}
.el-message-box{
  padding-bottom: 29px;
}
.el-message-box__wrapper{
  .el-message-box__header{
    background-color: #fafafa;
    .el-message-box__title{
      font-size: 16px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      color: #666666;
    }
    
  }
  .el-message-box__content{
    margin-top: 25px;
    text-align: center;
    .el-message-box__message {
      margin: 0;
      display: inline-block;
      text-align: center;
      max-width: 407px;
      border-radius: 20px;
      background-color: #fafafa;
      font-size: 16px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      letter-spacing: normal;
      padding: 0 50px 0 60px;
      p{
        line-height:3;
        color: #666666;
      }
     }
  }
  .el-message-box__status {
    margin-left: 14px;
  }
  .el-message-box__btns{
    text-align: center;
    margin-top: 10px;
     .el-button--primary,.el-button--default{
      color: #fff;
      background:#f7f7f7;
      border-color: transparent;
      background-origin: border-box;
      background-color: #909399;
      margin: 0 6px;
      width: 180px;
      height: 40px;
     }
     .el-button--primary{
      background-image: linear-gradient($--button-deg,#4d8df9,#4d8df9);
     }

  }
}