:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #ffffff;
    --gray: #7E8299;
    --gray-dark: #3F4254;


    --primary100: #62c6ff45 !important;
    --primary200: #bddcfd !important;
    --primary400: #28a745 !important;

    --primary: #08a2df !important;
    
    --primary600: #088FC4 !important;
    --primary700: #036991 !important;
    --primary800: #06739E !important;
    --primary900: #04455E !important;
    --background_opacity: #0ca1df0f !important;
    --primary_opacity: #2290d030 !important;


    --secondary: #E4E6EF;

    --success100:#D7F9EF;
    --success200:#57aa6b;
    --success400:#28a745;

    --success: #28a745;
    --success-hover:#0BB7AF;

    --info: #8950FC;
    --warning: #FFA800;
    --danger: #F64E60;
    --light: #F3F6F9;
    --dark: #181C32;
    --white: #ffffff;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --breakpoint-xxl: 1400px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  }

  .label.label-light-success {
    color: var(--success400);
    background-color: var(--success100);
  }

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

.btn.btn-success:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-success:focus:not(.btn-text), .btn.btn-success.focus:not(.btn-text) {
    color: #ffffff;
    background-color: var(--success-hover);
    border-color: var(--success-hover);
}

.btn.btn-light-success{
    color: var(--success400);
    background-color: var(--success100);
}
.btn.btn-light-success:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-light-success:focus:not(.btn-text), .btn.btn-light-success.focus:not(.btn-text) {
    background-color: var(--success400);
}
.btn.btn-light-success i {
    color: var(--success400);
}

.btn-xs {
    padding: 0.312rem 0.6rem;
    font-size: 1rem;
    line-height: 1;
    border-radius: 0.42rem;
}

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

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

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