/* Default theme imported */
/*	Icon Colors */
/* Loading theme in configuration */
/* Themes of components */
/* Loading custom themes */
/* import theme overrides */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
/* BUTTON STYLES BEGINS   */
lyte-button {
  display: inline-block;
}
lyte-button button {
  border-radius: 2px;
  font-size: 15px;
  padding: 5px 15px;
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  display: inline-block;
  box-sizing: border-box;
  cursor: pointer;
  outline: none;
  border-width: 1px;
  border-style: solid;
}
lyte-button button:disabled {
  opacity: 0.5;
  pointer-events: none;
}
/*Specific type*/
.lyteDefaultBtn {
  background: #fff;
  color: #3c3c3c;
  border: 1px solid #c4c4c4;
}
.lyteDefaultBtn:hover {
  border: 1px solid #abaaaa;
}
.lytePrimaryBtn {
  background: #5ba1e5;
  color: #fff;
  border: 1px solid #5ba1e5;
}
.lytePrimaryBtn:hover {
  background: #3c98dd;
  color: #fff;
  border: 1px solid #3c98dd;
}
.lyte-button.lyteSecondary {
  background: #555;
  color: #fff;
  border: 1px solid #555;
}
.lyte-button.lyteSecondary:hover {
  background: #474747;
  color: #fff;
  border: 1px solid #444;
}
.lyteSuccess {
  background: #19bc7d;
  color: #fff;
  border: 1px solid #19bc7d;
}
.lyteSuccess:hover {
  background: #10ab6f;
  border: 1px solid #10ab6f;
}
.lyteDefaultBtn.lyteSuccess {
  background: #fff;
  color: #19bc7d;
  border: 1px solid #19bc7d;
}
.lyteDefaultBtn.lyteSuccess:hover {
  background: #19bc7d;
  color: #fff;
  border: 1px solid #19bc7d;
}
.lyteFailure {
  background: #ec4844;
  color: #fff;
  border: 1px solid #ec4844;
}
.lyteFailure:hover {
  background: #da3e3e;
  border: 1px solid #da3e3e;
}
.lyteDefaultBtn.lyteFailure {
  background: #fff;
  color: #ec4844;
  border: 1px solid #ec4844;
}
.lyteDefaultBtn.lyteFailure:hover {
  background: #ec4844;
  color: #fff;
  border: 1px solid #ec4844;
}
.lyteWarningBtn {
  background: #FF9318;
  color: #fff;
  border: 1px solid #FF9318;
}
.lyteWarningBtn:hover {
  background: #FF8800;
  border: 1px solid #FF8800;
}
.lyteDefaultBtn.lyteWarningBtn {
  background: #fff;
  color: #FF9318;
  border: 1px solid #FF9318;
}
.lyteDefaultBtn.lyteWarningBtn:hover {
  background: #FF9318;
  color: #fff;
  border: 1px solid #FF9318;
}
.lyteLg {
  padding: 7px 20px;
  font-size: 15px;
}
.lyteSm {
  padding: 3px 10px;
  font-size: 13px;
}
.lyteExsm {
  padding: 2px 8px;
  font-size: 12px;
}
/* import theme overrides - styles */
/* BUTTON STYLES ENDS   */