/*
    * Mixin used to add style and states to buttons
*/
/*
    * Mixin used for adding browser vendor specific prefixes    
*/
/*
    * Mixin used to add style for the filter component using different versions of colors   
*/
.od-btn-success {
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-family: "Roboto-Medium";
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  color: #ffffff;
  background-color: #008738;
  border: none;
  height: 40px;
  outline: none;
  font-size: 14px;
  line-height: 14px;
  text-transform: uppercase;
  margin: 5px;
  padding: 0 15px 0 15px;
}
@media only screen and (min-width: 1024px) {
  .od-btn-success:hover {
    background-color: #006329;
    color: #ffffff;
  }
}
.od-btn-success:active {
  background-color: #00401a;
  color: #ffffff;
}
.od-btn-success.disabled,
.od-btn-success[disabled],
fieldset[disabled] .od-btn-success,
.od-btn-success.disabled:hover,
.od-btn-success[disabled]:hover,
fieldset[disabled] .od-btn-success:hover,
.od-btn-success.disabled:focus,
.od-btn-success[disabled]:focus,
fieldset[disabled] .od-btn-success:focus,
.od-btn-success.disabled:active,
.od-btn-success[disabled]:active,
fieldset[disabled] .od-btn-success:active,
.od-btn-success.disabled.active,
.od-btn-success[disabled].active,
fieldset[disabled] .od-btn-success.active {
  background-color: #d2d2d2;
  color: #575757;
  border: none;
  cursor: not-allowed;
}
.od-btn-success:hover {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  -khtml-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}
.od-btn-error {
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-family: "Roboto-Medium";
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  color: #ffffff;
  background-color: #df0000;
  border: none;
  height: 40px;
  outline: none;
  font-size: 14px;
  line-height: 14px;
  text-transform: uppercase;
  margin: 5px;
  padding: 0 15px 0 15px;
}
@media only screen and (min-width: 1024px) {
  .od-btn-error:hover {
    background-color: #bb0000;
    color: #ffffff;
  }
}
.od-btn-error:active {
  background-color: #980000;
  color: #ffffff;
}
.od-btn-error.disabled,
.od-btn-error[disabled],
fieldset[disabled] .od-btn-error,
.od-btn-error.disabled:hover,
.od-btn-error[disabled]:hover,
fieldset[disabled] .od-btn-error:hover,
.od-btn-error.disabled:focus,
.od-btn-error[disabled]:focus,
fieldset[disabled] .od-btn-error:focus,
.od-btn-error.disabled:active,
.od-btn-error[disabled]:active,
fieldset[disabled] .od-btn-error:active,
.od-btn-error.disabled.active,
.od-btn-error[disabled].active,
fieldset[disabled] .od-btn-error.active {
  background-color: #d2d2d2;
  color: #575757;
  border: none;
  cursor: not-allowed;
}
.od-btn-error:hover {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  -khtml-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}
.od-btn-cancel {
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-family: "Roboto-Medium";
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  color: #757575;
  background-color: transparent;
  border: none;
  height: 40px;
  outline: none;
  font-size: 14px;
  line-height: 14px;
  font-weight: bold;
  margin: 5px;
  text-transform: uppercase;
  padding: 0 15px 0 15px;
}
@media only screen and (min-width: 1024px) {
  .od-btn-cancel:hover {
    background-color: rgba(0, 0, 0, 0);
    color: #757575;
  }
}
.od-btn-cancel:active {
  background-color: rgba(0, 0, 0, 0);
  color: #757575;
}
.od-btn-cancel.disabled,
.od-btn-cancel[disabled],
fieldset[disabled] .od-btn-cancel,
.od-btn-cancel.disabled:hover,
.od-btn-cancel[disabled]:hover,
fieldset[disabled] .od-btn-cancel:hover,
.od-btn-cancel.disabled:focus,
.od-btn-cancel[disabled]:focus,
fieldset[disabled] .od-btn-cancel:focus,
.od-btn-cancel.disabled:active,
.od-btn-cancel[disabled]:active,
fieldset[disabled] .od-btn-cancel:active,
.od-btn-cancel.disabled.active,
.od-btn-cancel[disabled].active,
fieldset[disabled] .od-btn-cancel.active {
  background-color: transparent;
  color: #575757;
  border: none;
  cursor: not-allowed;
}
.od-btn-cancel:hover {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  -khtml-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}