:root{
  --vd-dark:#08b145;
  --vd-blue:#14c855;
  --vd-bg:#f4f6f9;
  /*
  --vd-btn-hover-color:#FFF;
  --vd-btn-hover-bg:#14c855;
  --vd-btn-hover-border-color:#14c855;
  */
}
body{ background:var(--vd-bg); }
.vd-sidebar{
  width:260px; min-height:100vh;
  background:linear-gradient(180deg,var(--vd-blue),var(--vd-dark));
}
.vd-sidebar .nav-link{ color:rgba(255,255,255,.9); }
.vd-sidebar .nav-link.active, .vd-sidebar .nav-link:hover{
  background:rgba(255,255,255,.12); color:#fff; border-radius:10px;
}
.vd-topbar{ background:var(--vd-dark); }
.vd-badge{ font-size:.8rem; }
.card{ border-radius:14px; }
.table thead th{ background:#e9eef5; }
.small-muted{ color:#6c757d; font-size:.9rem; }
.code-like{ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size:.9rem; }

.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #14c855;
    --bs-btn-border-color: #14c855;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #14c855;
    --bs-btn-hover-border-color: #14c855;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #14c855;
    --bs-btn-active-border-color: #14c855;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #14c855;
    --bs-btn-disabled-border-color: #14c855;
}

.btn-outline-primary {
    --bs-btn-color: #14c855;
    --bs-btn-border-color: #14c855;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #14c855;
    --bs-btn-hover-border-color: #14c855;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #14c855;
    --bs-btn-active-border-color: #14c855;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #14c855;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #14c855;
    --bs-gradient: none;
}
/*
.btn-bgcolor{background:#14c855; border-color:#14c855;}
.btn-bgcolor:hover {
    color: var(--vd-btn-hover-color);
    background-color: var(--vd-btn-hover-bg);
    border-color: var(--vd-btn-hover-border-color);
}
*/
.form_input{
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
	}
.error{color:#FF0000; font-size:14px;}
.success{color:#008000; font-size:14px;}
.user_status_active{color:#008000;}
.user_status_inactive{color:#FF0000;}