.mc-dialog,.mc-dialog_mask{
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}
.mc-dialog_mask{
  @include opacity;
  background: #000;
}
.mc-dialog{
  position: fixed;
  .mc-dialog_content{
    @include radius;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 101;
    padding: 15px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
  }
  .mc-dialog_header{
    position: relative;
    padding-bottom: 10px;
    border-bottom: 1px solid #e9e9e9;
    .mc-dialog_title{
      font-size: 16px;
    }
    .mc-dialog_close{
      @extend %transition-all;
      position: absolute;
      right: 0;
      top: 0;
      cursor: pointer;
      &.mc-icon-close{
        font-size: 14px;
        padding:2px;
      }
      &:hover{
        color: $blue;
      }
    }
  }
  .mc-dialog_body{
    margin:10px 0;
    font-size: 14px;
    max-height:calc(100% - 85px);
    overflow: auto;
  }
  &.is-alert{
    .mc-dialog_header{
      border-bottom:none;
    }
    .mc-dialog_body{
      font-size: 16px;
      margin: 20px 0;
    }
    [class^="mc-icon-"], [class*=" mc-icon-"]{
      font-size: 20px;
    }
    .mc-icon-success{
      color: $green;
    }
    .mc-icon-warning{
      color: $yellow;
    }
    .mc-icon-danger{
      color: $red;
    }
  }
  .mc-dialog_footer{
    padding:10px 15px 5px 15px;
    position: absolute;
    bottom:10px;
    left: 0;
    right: 0;
    text-align: right;
  }
}