:root {
    --vetncare-primary: #0e7c76;
    --vetncare-primary-dark: #0b635e;
    --vetncare-primary-darker: #094f4b;
    --vetncare-primary-light: #e8f5f4;
    --vetncare-success: #0e7c76;
    --vetncare-success-dark: #0b635e;
    --vetncare-success-light: #e8f5f4;
    --vetncare-danger: #c75050;
    --vetncare-danger-dark: #a94444;
    --vetncare-danger-light: #fbecec;
    --vetncare-warning: #c98a2e;
    --vetncare-warning-dark: #a36f24;
    --vetncare-warning-light: #faf3e6;
    --vetncare-info: #4a8f9c;
    --vetncare-info-dark: #3b7380;
    --vetncare-info-light: #eaf3f5;
}

/* Primary */

.btn-primary {
    background-color: var(--vetncare-primary);
    border-color: var(--vetncare-primary);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary:not(:disabled):not(.disabled):active {
    background-color: var(--vetncare-primary-dark);
    border-color: var(--vetncare-primary-dark);
}

.btn-primary:focus,
.btn-primary.focus,
.btn-primary:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 0.2rem rgba(14, 124, 118, 0.35);
}

.btn-outline-primary {
    color: var(--vetncare-primary);
    border-color: var(--vetncare-primary);
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active,
.btn-outline-primary:not(:disabled):not(.disabled):active {
    background-color: var(--vetncare-primary);
    border-color: var(--vetncare-primary);
    color: #fff;
}

.btn-outline-primary:focus,
.btn-outline-primary.focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 0.2rem rgba(14, 124, 118, 0.35);
}

.text-primary {
    color: var(--vetncare-primary) !important;
}

.bg-primary {
    background-color: var(--vetncare-primary) !important;
}

.badge-primary {
    background-color: var(--vetncare-primary);
}

.alert-primary {
    color: var(--vetncare-primary-darker);
    background-color: var(--vetncare-primary-light);
    border-color: rgba(14, 124, 118, 0.25);
}

.border-primary {
    border-color: var(--vetncare-primary) !important;
}

a.text-primary:hover,
a.text-primary:focus {
    color: var(--vetncare-primary-dark) !important;
}

.page-item.active .page-link {
    background-color: var(--vetncare-primary);
    border-color: var(--vetncare-primary);
}

.page-link {
    color: var(--vetncare-primary);
}

.page-link:hover {
    color: var(--vetncare-primary-dark);
}

.custom-control-input:checked ~ .custom-control-label::before {
    border-color: var(--vetncare-primary);
    background-color: var(--vetncare-primary);
}

.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(14, 124, 118, 0.35);
}

/* Success */

.btn-success {
    background-color: var(--vetncare-success);
    border-color: var(--vetncare-success);
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success:not(:disabled):not(.disabled):active {
    background-color: var(--vetncare-success-dark);
    border-color: var(--vetncare-success-dark);
}

.btn-success:focus,
.btn-success.focus,
.btn-success:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 0.2rem rgba(14, 124, 118, 0.35);
}

.btn-outline-success {
    color: var(--vetncare-success);
    border-color: var(--vetncare-success);
}

.btn-outline-success:hover,
.btn-outline-success:focus,
.btn-outline-success:active,
.btn-outline-success.active,
.btn-outline-success:not(:disabled):not(.disabled):active {
    background-color: var(--vetncare-success);
    border-color: var(--vetncare-success);
}

.text-success {
    color: var(--vetncare-success) !important;
}

.bg-success {
    background-color: var(--vetncare-success) !important;
}

.badge-success {
    background-color: var(--vetncare-success);
}

.alert-success {
    color: var(--vetncare-primary-darker);
    background-color: var(--vetncare-success-light);
    border-color: rgba(14, 124, 118, 0.25);
}

/* Danger */

.btn-danger {
    background-color: var(--vetncare-danger);
    border-color: var(--vetncare-danger);
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.btn-danger:not(:disabled):not(.disabled):active {
    background-color: var(--vetncare-danger-dark);
    border-color: var(--vetncare-danger-dark);
}

.btn-danger:focus,
.btn-danger.focus,
.btn-danger:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 0.2rem rgba(199, 80, 80, 0.35);
}

.btn-outline-danger {
    color: var(--vetncare-danger);
    border-color: var(--vetncare-danger);
}

.btn-outline-danger:hover,
.btn-outline-danger:focus,
.btn-outline-danger:active,
.btn-outline-danger.active,
.btn-outline-danger:not(:disabled):not(.disabled):active {
    background-color: var(--vetncare-danger);
    border-color: var(--vetncare-danger);
}

.text-danger {
    color: var(--vetncare-danger) !important;
}

.bg-danger {
    background-color: var(--vetncare-danger) !important;
}

.badge-danger {
    background-color: var(--vetncare-danger);
}

.alert-danger {
    color: var(--vetncare-danger-dark);
    background-color: var(--vetncare-danger-light);
    border-color: rgba(199, 80, 80, 0.25);
}

/* Warning */

.btn-warning {
    background-color: var(--vetncare-warning);
    border-color: var(--vetncare-warning);
    color: #fff;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.btn-warning:not(:disabled):not(.disabled):active {
    background-color: var(--vetncare-warning-dark);
    border-color: var(--vetncare-warning-dark);
    color: #fff;
}

.btn-warning:focus,
.btn-warning.focus,
.btn-warning:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 0.2rem rgba(201, 138, 46, 0.35);
}

.text-warning {
    color: var(--vetncare-warning) !important;
}

.bg-warning {
    background-color: var(--vetncare-warning) !important;
}

.badge-warning {
    background-color: var(--vetncare-warning);
    color: #fff;
}

.alert-warning {
    color: var(--vetncare-warning-dark);
    background-color: var(--vetncare-warning-light);
    border-color: rgba(201, 138, 46, 0.25);
}

/* Info */

.btn-info {
    background-color: var(--vetncare-info);
    border-color: var(--vetncare-info);
    color: #fff;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.btn-info:not(:disabled):not(.disabled):active {
    background-color: var(--vetncare-info-dark);
    border-color: var(--vetncare-info-dark);
    color: #fff;
}

.btn-info:focus,
.btn-info.focus,
.btn-info:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 0.2rem rgba(74, 143, 156, 0.35);
}

.btn-outline-info {
    color: var(--vetncare-info);
    border-color: var(--vetncare-info);
}

.btn-outline-info:hover,
.btn-outline-info:focus,
.btn-outline-info:active,
.btn-outline-info.active,
.btn-outline-info:not(:disabled):not(.disabled):active {
    background-color: var(--vetncare-info);
    border-color: var(--vetncare-info);
}

.text-info {
    color: var(--vetncare-info) !important;
}

.bg-info {
    background-color: var(--vetncare-info) !important;
}

.badge-info {
    background-color: var(--vetncare-info);
}

.alert-info {
    color: var(--vetncare-info-dark);
    background-color: var(--vetncare-info-light);
    border-color: rgba(74, 143, 156, 0.25);
}

/* Form focus */

.form-control:focus {
    border-color: rgba(14, 124, 118, 0.55);
    box-shadow: 0 0 0 0.2rem rgba(14, 124, 118, 0.2);
}