.cameras-root {
  height: 100%;
  padding: 5px 10px 10px;

  .cameras-table {
    .cameras-table-button {
      display: flex;
      height: 40px;
      margin-top: 5px;
      margin-bottom: 5px;
      background: #f3f3f3;
      justify-content: space-between;
      align-items: center;

      .cameras-table-title {
        padding-left: 20px;
      }

      .cameras-button {
        display: flex;
        height: 35px;
        align-items: center;
        justify-content: flex-end;

        button {
          height: 2.5rem;
          margin-left: -0.9px !important;
          background: $content-color;
          border: 1px solid $core-border-color;
          opacity: 1;
        }
      }
    }

    .ant-table-title {
      display: none;
    }

    .ant-table-selection-column {
      width: 42px;
      min-width: 42px;
    }

    .ant-table-tbody {
      .highlight-row {
        background: #ecf6fd;

        &:hover {
          background: #ecf6fd;
        }
      }

      .normal-row {
        background: white;
      }
    }
  }
}

.cameras-form {
  .cameras-form-input {
    width: 30rem;
  }

  .cameras-form-select {
    width: 30rem;
  }
}

.cameras-modal {
  .amos-modal-header {
    background: $biz-title-color;
  }

  .amos-modal-footer {
    background: $biz-title-color;
  }
}
