/* Global button styling */
/* Exclude modal close icons, odds-scope buttons, sidebar collapse arrows, carousel controls, and tab buttons */
.button,
button:not(.hamburger):not(.close):not(.collapse-toggle):not([class*="-odds-scope-btn"]):not(.row-toggle):not(.carousel-control):not(.tab):not(.dt-button),
input[type="button"],
input[type="reset"],
input[type="submit"] {
  outline: none;
  height: 40px;
  text-align: center;
  width: auto;
  min-width: 130px;
  padding: 0 20px;
  border-radius: 40px;
  box-sizing: border-box;
  background: #000;
  border: 2px solid #1de1d1;
  color: #1de1d1;
  letter-spacing: 1px;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.25s ease;
}
.button:hover,
button:not(.hamburger):not(.close):not(.collapse-toggle):not([class*="-odds-scope-btn"]):not(.row-toggle):not(.carousel-control):not(.tab):not(.dt-button):hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  color: #fff;
  background: #000;
  border-color: #1de1d1;
}
.button:active,
button:not(.hamburger):not(.close):not(.collapse-toggle):not([class*="-odds-scope-btn"]):not(.row-toggle):not(.carousel-control):not(.tab):not(.dt-button):active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
  letter-spacing: 2px;
}
.button.validate,
button:not(.hamburger):not(.close):not(.collapse-toggle):not([class*="-odds-scope-btn"]):not(.row-toggle):not(.carousel-control):not(.tab):not(.dt-button).validate,
input[type="button"].validate,
input[type="reset"].validate,
input[type="submit"].validate {
  font-size: 13px;
  color: #fff;
  background: #009688;
  border-color: #009688;
}
.button.validate:after,
button:not(.hamburger):not(.close):not(.collapse-toggle):not([class*="-odds-scope-btn"]):not(.row-toggle):not(.carousel-control):not(.tab):not(.dt-button).validate:after {
  font-family: 'FontAwesome';
  content: "\f00c";
}

/* DataTables button styling */
.dt-button {
  background-color: #000 !important;
  color: #1de1d1 !important;
  border: 2px solid #1de1d1 !important;
}

.dt-button:hover,
.dt-button:active {
  background-color: #000 !important;
  color: #fff !important;
  border-color: #1de1d1 !important;
}