/* Bootstrap default color set */
/*
$brand-primary:         #337ab7;
$brand-success:         #5cb85c;
$brand-info:            #5bc0de;
$brand-warning:         #f0ad4e;
$brand-danger:          #d9534f;
*/
/* color-set 1 */
/*$gray-dark:             lighten($gray-base, 20%);*/
html, body {
  background-color: #e2e2e2; }

.row {
  margin-bottom: 40px; }

.btn {
  background-color: #eeeeee;
  border-radius: 0;
  border: none;
  position: relative;
  border-left-style: solid;
  border-left-width: 10px;
  border-left-color: #c8c8c8;
  color: #555555 !important;
  transition: 0.2s background-color;
  margin: 20px;
  /* Colors */ }
  .btn.btn-icon {
    padding-left: 47px; }
  .btn:before {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    display: block;
    width: 35px;
    line-height: 35px;
    background-color: #c8c8c8;
    color: #eeeeee; }
  .btn.btn-lg.btn-icon {
    padding-left: 61px; }
    .btn.btn-lg.btn-icon:before {
      width: 45px;
      line-height: 45px; }
  .btn.btn-sm.btn-icon {
    padding-left: 40px; }
    .btn.btn-sm.btn-icon:before {
      width: 30px;
      line-height: 30px; }
  .btn.btn-xs.btn-icon {
    padding-left: 27px; }
    .btn.btn-xs.btn-icon:before {
      width: 22px;
      line-height: 22px; }
  .btn:hover, .btn:active, .btn:focus {
    background-color: #e2e2e2;
    border-color: #d5d5d5;
    outline: none !important; }
  .btn:active {
    box-shadow: inset -0.5px 1px 2px 1px rgba(51, 51, 51, 0.2); }
    .btn:active:before {
      box-shadow: inset 0.5px 3px 2px -1px rgba(51, 51, 51, 0.2); }
  .btn.btn-icon {
    border-left: none !important; }
  .btn.btn-primary {
    border-left-color: #52E5C5; }
    .btn.btn-primary:before {
      background-color: #52E5C5; }
  .btn.btn-success {
    border-left-color: #3B7E6F; }
    .btn.btn-success:before {
      background-color: #3B7E6F; }
  .btn.btn-info {
    border-left-color: #555555; }
    .btn.btn-info:before {
      background-color: #555555; }
  .btn.btn-warning {
    border-left-color: #222222; }
    .btn.btn-warning:before {
      background-color: #222222; }
  .btn.btn-danger {
    border-left-color: #A0314A; }
    .btn.btn-danger:before {
      background-color: #A0314A; }

.icon-cancel:before {
  content: 'X';
  font-weight: bold; }

.icon-approve:before {
  content: '\2714'; }

.icon-info:before {
  content: 'i';
  font-weight: bold; }

/*# sourceMappingURL=playground-sa.css.map */
