/* TKLM CRM BUTTONS LIKE SSL v4.1.1 */

:root{
  --tklm-btn-blue:#2563eb;
  --tklm-btn-gray:#475569;
  --tklm-btn-orange:#b45309;
  --tklm-btn-red:#b91c1c;
  --tklm-btn-green:#15803d;
}

button:not(.navbar-toggler):not(.dropdown-toggle),
input[type="submit"],
input[type="button"],
a.btn,
.btn,
.ssl-btn,
.mc-btn,
.tklm-btn{
  display:inline-block;
  border:0!important;
  border-radius:8px!important;
  padding:9px 13px!important;
  cursor:pointer;
  text-decoration:none!important;
  margin:2px;
  font-weight:500;
  line-height:1.25;
  color:#fff!important;
  background:var(--tklm-btn-blue);
  transition:filter .12s ease,transform .06s ease;
}

.btn-sm,
button.btn-sm,
a.btn-sm{
  padding:6px 10px!important;
  border-radius:7px!important;
  font-size:.875rem!important;
}

.tklm-btn-primary,
.btn-primary{
  background:var(--tklm-btn-blue)!important;
  color:#fff!important;
}

.tklm-btn-secondary,
.btn-secondary,
.ssl-btn.secondary,
.mc-btn.secondary{
  background:var(--tklm-btn-gray)!important;
  color:#fff!important;
}

.tklm-btn-warning,
.btn-warning,
.ssl-btn.warn,
.mc-btn.warn{
  background:var(--tklm-btn-orange)!important;
  color:#fff!important;
}

.tklm-btn-danger,
.btn-danger,
.ssl-btn.danger,
.mc-btn.danger{
  background:var(--tklm-btn-red)!important;
  color:#fff!important;
}

.tklm-btn-success,
.btn-success,
.ssl-btn.ok,
.mc-btn.ok{
  background:var(--tklm-btn-green)!important;
  color:#fff!important;
}

.btn-outline-primary{background:var(--tklm-btn-blue)!important;color:#fff!important}
.btn-outline-secondary{background:var(--tklm-btn-gray)!important;color:#fff!important}
.btn-outline-warning{background:var(--tklm-btn-orange)!important;color:#fff!important}
.btn-outline-danger{background:var(--tklm-btn-red)!important;color:#fff!important}
.btn-outline-success{background:var(--tklm-btn-green)!important;color:#fff!important}

button:not(:disabled):hover,
input[type="submit"]:not(:disabled):hover,
input[type="button"]:not(:disabled):hover,
a.btn:hover,
.btn:hover,
.ssl-btn:hover,
.mc-btn:hover,
.tklm-btn:hover{
  filter:brightness(1.10);
  color:#fff!important;
}

button:not(:disabled):active,
.btn:not(:disabled):active,
.ssl-btn:active,
.mc-btn:active{
  transform:translateY(1px);
}

button:disabled,
.btn:disabled,
input[type="submit"]:disabled,
input[type="button"]:disabled{
  opacity:.5!important;
  cursor:not-allowed!important;
}

input[type="checkbox"],
input[type="radio"]{
  padding:initial!important;
  margin:initial;
}