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

/* float-panel
 ----------------------------*/


@include b(float-panel) {
  background-color: $--color-grey;
  padding: 0 0 10px 0;
  left:auto;
  .el-dialog {
    background:transparent;
    box-shadow:none;
    .el-dialog__header {
      border-bottom: 1px solid $--color-grey;
      background-color:$--color-grey-lighter; 
      padding: 13px 20px 13px 60px;
      text-align: left;
      margin-bottom:13px;
      position: relative;
      .arrow-right{
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        border-radius: 4px;
        background-color: #f0f0f0;
        position: absolute;
        left:15px;
        cursor: pointer;
      }
      .el-dialog__title {
        color: $--color-grey;
      }
      .el-dialog__headerbtn {
        top: 15px;
        &:focus, &:hover {
          .el-dialog__close {
            color: $--color-primary;
          }
        }
      }
    }
    .el-dialog__body {
      padding: 0;
      .nb-form {
        padding: 20px;
      }
    }
    .el-dialog__footer {
      padding-top: 0px;
    }
  } 
}