@import "variables";
.wpbooking-hotel-view-admin {
  .nowrap {
    white-space: nowrap;
  }
  p, ul {
    margin: 0;
  }
  h1,h2,h3,h4,h5,h6 {
    margin: 0;
  }
  .hotel-operator-pro-view {

  }
  .toolbar{
    margin-bottom: 20px;
    margin-top: 20px;
    .wrapper-toolbar {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 20px 30px;
      background-color: #FAFAFA;
      @media (max-width: 575.98px) {
        padding: 10px 20px;
        flex-flow: column wrap;
        align-items: flex-start;
      }
      .title {
        width: 20%;
        @media (max-width: 575.98px) {
          width: 100%;
        }
        h3 {
          width: 100%;
          margin: 0;
          font-style: normal;
          font-weight: 600;
          font-size: 17px;
          line-height: 23px;
          color: #575962;
        }
      }

      .controllers {
        width: 80%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        @media (max-width: 575.98px) {
          width: 100%;
          justify-content: flex-start;
          flex-flow: row wrap;
        }
        button {
          padding: 13px 28px;
          border-radius: 3px;
          font-style: normal;
          font-weight: normal;
          font-size: 13px;
          line-height: 17px;
          border: none;
          margin: 0 0 0 15px;
          display: flex;
          align-items: center;
          justify-content: flex-start;
          @media (max-width: 575.98px) {
            width: 100px;
            padding: 10px 20px;
            margin: 10px 15px 0 0;
          }

          i {
            margin-right: 5px;
            &::before {
              font-size: 16px;
            }
          }

          &.btn-delete, &.btn-clone, &.btn-cancel, &.btn-back-to-list {
            background-color: #5867DD;
            transition: 250ms all ease-in-out;

            &:hover {
              background-color: #384AD7;
            }
          }

          &.btn-add, &.btn-apply, &.btn-save {
            background-color: #EE5757;
            transition: 250ms all ease-in-out;

            &:hover {
              background-color: #ED3838;
            }
          }

        }
      }
    }
  }
  .toolbar:last-child {
    margin-top: 20px;

  }
  .wrapper-wpbooking-hotel-view-admin{
    background: #fff;
    margin-right: 15px;
  }
  form[name="admin-form"] {
    .tab-content {
      padding: 30px 0;
    }
  }


}