/* LEGEND

(a)
PLUS
UNDO
EXPORT XLSX
ALL/VALID
REFRESH

(button)
CHECK
EXCHANGE
RUN

++ If the icon in button/a is not defined here. It is probably genearted by "<i>" element in code ++

   ------ */
.btn-primary {
  background-color: #467a94;
  border-color: #467a94;
  transition: 0.3s;
}
.btn-primary.disabled {
  background-color: #467a94;
  border-color: #467a94;
  opacity: 0.7;
  pointer-events: none;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
  background-color: #365d71 !important;
  border-color: #365d71 !important;
  transition: 0.3s;
}

.btn-danger {
  background-color: #af4e4e;
  border-color: #af4e4e;
  transition: 0.3s;
}
.btn-danger.disabled {
  background-color: #af4e4e;
  border-color: #af4e4e;
  opacity: 0.7;
  pointer-events: none;
}
.btn-danger:hover, .btn-danger:active, .btn-danger:focus {
  background-color: #8c3e3e !important;
  border-color: #8c3e3e !important;
  transition: 0.3s;
}

.btn-warning {
  background-color: #c7761e;
  border-color: #c7761e;
  transition: 0.3s;
}
.btn-warning.disabled {
  background-color: #c7761e;
  border-color: #c7761e;
  opacity: 0.7;
  pointer-events: none;
}
.btn-warning:hover, .btn-warning:active, .btn-warning:focus {
  background-color: #9b5c17 !important;
  border-color: #9b5c17 !important;
  transition: 0.3s;
}

.btn-success {
  background-color: #36a25d;
  border-color: #36a25d;
  transition: 0.3s;
}
.btn-success.disabled {
  background-color: #36a25d;
  border-color: #36a25d;
  opacity: 0.7;
  pointer-events: none;
}
.btn-success:hover, .btn-success:active, .btn-success:focus {
  background-color: #297c47 !important;
  border-color: #297c47 !important;
  transition: 0.3s;
}

/* PLUS -------------------------------------------*/
.add-button:before {
  content: "\f067";
}
.add-button:after {
  content: "\10f067";
}

/* UNDO -------------------------------------------*/
/* EXPORT XLSX -------------------------------------------*/
.export-button:before {
  content: "\f1c3";
}
.export-button:after {
  content: "\10f1c3";
}

/* ALL/VALID -------------------------------------------*/
.report-part-data-invalid-values-button:before {
  content: "\f550";
}
.report-part-data-invalid-values-button:after {
  content: "\10f550";
}

.report-part-data-all-values-button:before {
  content: "\f0c9";
}
.report-part-data-all-values-button:after {
  content: "\10f0c9";
}

/* REFRESH -------------------------------------------*/
.refresh-button:before {
  content: "\f021";
}
.refresh-button:after {
  content: "\10f021";
}

div.btn-file:before {
  position: absolute;
  color: white;
  opacity: 1;
  font-family: "Font Awesome 5 Duotone";
  left: 0;
  top: 0;
  width: 30px;
  padding-top: 8px;
  height: 100%;
  z-index: 1;
}
div.btn-file:after {
  position: absolute;
  color: white;
  opacity: 0.4;
  font-family: "Font Awesome 5 Duotone";
  left: 0;
  top: 0;
  width: 30px;
  padding-top: 8px;
  height: 100%;
  z-index: 2;
}

button[id*=group_action_submit]:before {
  content: "\f144";
}
button[id*=group_action_submit]:after {
  content: "\10f144";
}

div.form-group button[type=submit]:before {
  content: "\f00c";
}
div.form-group button[type=submit]:after {
  content: "\10f00c";
}

button {
  /* EXCHANGE -------------------------------------------*/
  /* RUN -------------------------------------------*/
  /* IMPORT -------------------------------------------*/
  /* REMOVE -------------------------------------------*/
}
button[type=submit]:before, button[type=button]:before {
  position: absolute;
  color: white;
  opacity: 1;
  font-family: "Font Awesome 5 Duotone";
  left: 0;
  top: 0;
  width: 30px;
  padding-top: 8px;
  height: 100%;
  z-index: 1;
}
button[type=submit]:after, button[type=button]:after {
  position: absolute;
  color: white;
  opacity: 0.4;
  font-family: "Font Awesome 5 Duotone";
  left: 0;
  top: 0;
  width: 30px;
  padding-top: 8px;
  height: 100%;
  z-index: 2;
}
button[type=submit].btn-success, button[type=button].btn-success {
  background-color: #36a25d;
}
button[type=submit].btn-primary, button[type=button].btn-primary {
  background-color: #467a94;
}
button[type=submit].btn-danger, button[type=button].btn-danger {
  background-color: #af4e4e;
}
button[type=submit].btn-warning, button[type=button].btn-warning {
  background-color: #c7761e;
}
button[type=submit]:hover:not(.close), button[type=submit]:active:not(.close), button[type=submit]:focus:not(.close), button[type=button]:hover:not(.close), button[type=button]:active:not(.close), button[type=button]:focus:not(.close) {
  background-color: rgba(0, 0, 0, 0.3);
}
button#report-part-selector-form-submit:before, button#select-report-form-form-submit:before, button.action-change:before, button#action-change:before {
  content: "\f0ec";
}
button#report-part-selector-form-submit:after, button#select-report-form-form-submit:after, button.action-change:after, button#action-change:after {
  content: "\10f0ec";
}
button[id="*group_action_submit"]:before {
  content: "\f144";
}
button[id="*group_action_submit"]:after {
  content: "\10f144";
}
button#import-form-submit:before {
  content: "\f56f";
}
button#import-form-submit:after {
  content: "\10f56f";
}
button.fileinput-remove-button:before {
  content: "\f2ed";
}
button.fileinput-remove-button:after {
  content: "\10f2ed";
}

div {
  /* CHOOSE -------------------------------------------*/
}
div.btn-file {
  box-shadow: none;
  outline: 0;
}
div.btn-file:before {
  content: "\f15c";
}
div.btn-file:after {
  content: "\10f15c";
}

/*# sourceMappingURL=icon-button.css.map */
