#drawerEl_event {
  .hy-drawer-content.hy-drawer-right.hy-drawer-opened {
    top: 50px;
    width: 500px;
  }
}

#drawerEl_woo-booking {
  .hy-drawer-content.hy-drawer-right.hy-drawer-opened {
    top: 50px;
    width: 550px;
  }
  .event-tab {
    li a {
      padding: 12px 12px;
      color: #111111;
      font-weight: bold;
      text-transform: capitalize;
      display: block;
      &:hover {
        text-decoration: none;
      }
    }
    li.active a {
      border-bottom: 2px solid #ffae03;
    }
  }
}

.el-input input {
  width: 241px !important;
  padding-bottom: 30px;
}

#drawerEl_event .hy-drawer-content.hy-drawer-right.hy-drawer-opened {
  top: 50px;
  width: 500px;
}

#drawerElEditOrder_event .hy-drawer-content.hy-drawer-right.hy-drawer-opened {
  top: 50px;
  width: 550px;
}

.view-list-finance {
  .toolbar {
    .btn-add-new, .btn-delete {
      span {
        display: inline-block;
        margin-left: 8px;
      }
    }
  }
  .wrapper-finance-item {
    td {
      .btn-edit-finance {
        span {
          display: inline-block;
          margin-left: 8px;
        }
        i {
          font-size: 14px;
        }
      }
      &.status {
        span {
          display: inline-block;
          margin-left: 8px;
        }
        i {
          color: #a98232;
        }
      }
    }
  }
  table.list-finance {
    thead {
      text-transform: uppercase;
    }
    tbody {
      tr {
        td {
          vertical-align: middle;
          &.employee {
            span {
              display: inline-block;
              line-height: 60px;
              &:nth-child(1) {
                float: left;
                width: 60px;
                height: 60px;
                border-radius: 50%;
                overflow: hidden;
                margin-right: 20px;
                img {
                  width: 100%;
                }
              }
              &:nth-child(2) {
                float: left;
              }
            }
          }
          &.name-customer {
            p {
              &:first-child {
                font-size: 18px;
                font-weight: bold;
              }
            }
          }
        }
      }
      .item-finance-info {
      }
    }
  }
  .pagination-list-event {
    margin: 0 auto;
  }
}
