/*******************************************************************************
 * Copyright (c) Lenovo 2020.
 * 
 *  LIMITED AND RESTRICTED RIGHTS NOTICE: If data or software is delivered
 *  pursuant a General Services Administration (GSA) contract, use, reproduction, or
 *  disclosure is subject to restrictions set forth in Contract No. GS-35F-05925.
 ******************************************************************************/

// Overwrite bootstrap buttons styles
.btn-circle {
  width: 30px;
  height: 30px;
  padding: 6px 0px;
  border-radius: 15px;
  text-align: center;
  font-size: 12px;
  line-height: 1.42857;
}

.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  border-radius: 35px;
  font-size: 24px;
  line-height: 1.33;
}

.btn-primary {
  background-color: $accent-color;
  color: white;
  border: none;
  cursor: pointer;

  &:hover {
    background-color: $background-dark-gray;
    color: white;
    border: none;
  }

  &.disabled,
  &:disabled {
    background-color: $default-gray !important;
    color: white;
    border: none;
    cursor: default;
  }
}

// Class used on an .img element in order to be used as button (to be able to use lenovo's images as buttons)
// see ldap-client.component.html line 52 and 56
.imgAsButton {
  width: 20px;
  height: 20px;
  padding: 1px;
  margin-left: 10px;
  margin-right: 10px;
  cursor: pointer;

  &.disabled {
    cursor: default;
  }
}

button.modalButton {
  margin-left: 10px;
}

// Class used on a div element which has inside an img and a span in order to be used as button with text and img (like all actions buttons in the table toolbar)
.buttonWithImg {
  background-color: inherit;
  box-shadow: none;
  cursor: pointer;
  font-size: 14px;
  padding: 10px;
  clear: both;
  border: 2px solid transparent;

  &.disabled {
    cursor: default;
    border: 2px solid transparent !important;
  }

  & img {
    height: 18px;
    width: 18px;
    margin-right: 10px;
    vertical-align: middle;
    border-style: none;
  }

  &:hover {
    border: 2px solid $accent-color-focus;
    border-radius: 0.2em;
  }
}