.btn {
    border: none;
    padding: 10px 14px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
}

.btn.large {
    /* padding: 14px 28px; */
    padding: 18px 28px;
    
}

.btn.medium {
    padding: 10px 14px;
}

.btn.small {
    padding: 5px 13px;
}

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

.btn-secondary{
    background-color: var(--secondary-color)!important;
}

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

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

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

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

.btn-light{
    background-color: var(--light-color)!important;
}

.btn-dark{
    background-color: var(--dark-color)!important;
}

.btn-link,
.btn-link:hover{
    color: var(--neutral-70-color);
    text-decoration: none;
    font-weight: 600;
}

.btn-link:hover{
    color: var(--dark-color);
}

.btn-link-danger{
    color: var(--danger-color);
    font-weight: 600;
}

/* Hover */
.btn-primary:hover{
    background-color: var(--blue-400-color)!important;
}

.btn-secondary:hover{
    background-color: var(--neutral-300-color)!important;
}

.btn-success:hover{
    background-color: var(--green-400-color)!important;
}

.btn-danger:hover{
    background-color: var(--red-400-color)!important;
}

.btn-warning:hover{
    background-color: var(--orange-400-color)!important;
}

.btn-info:hover{
    background-color: var(--turquoise-400-color)!important;
}

.btn-light:hover{
    background-color: var(--neutral-40-color)!important;
}

.btn-dark:hover{
    background-color: var(--dark-color)!important;
}

.btn-link:hover{
    background-color: transparent !important;
}

.btn-link-danger:hover{
    color: white;
    background-color: var(--danger-color);
}


.btn-outline-primary{
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
}

.btn-outline-secondary{
    color: var(--secondary-color);
    border: 1px solid var(--secondary-color);
}

.btn-outline-success{
    color: var(--success-color);
    border: 1px solid var(--success-color);
}

.btn-outline-danger{
    color: var(--danger-color);
    border: 1px solid var(--danger-color);
}

.btn-outline-warning{
    color: var(--warning-color);
    border: 1px solid var(--warning-color);
}

.btn-outline-info{
    color: var(--info-color);
    border: 1px solid var(--info-color);
}

.btn-outline-light{
    color: var(--neutral-300-color);
    border: 1px solid var(--neutral-40-color);
}

.btn-outline-dark{
    color: var(--dark-color);
    border: 1px solid var(--dark-color);
}



/* Outline Hover */
.btn-outline-primary:hover{
    color:white;
    border: 1px solid var(--primary-color);
    background-color: var(--primary-color);
}

.btn-outline-secondary:hover{
    color:white;
    border: 1px solid var(--secondary-color);
    background-color: var(--secondary-color);
}

.btn-outline-success:hover{
    color:white;
    border: 1px solid var(--success-color);
    background-color: var(--success-color);
}

.btn-outline-danger:hover{
    color:white;
    border: 1px solid var(--danger-color);
    background-color: var(--danger-color);
}

.btn-outline-warning:hover{
    color:white;
    border: 1px solid var(--warning-color);
    background-color: var(--warning-color);

}

.btn-outline-info:hover{
    color:white;
    border: 1px solid var(--info-color);
    background-color: var(--info-color);
}

.btn-outline-light:hover{
    color: var(--dark-color);
    border: 1px solid var(--neutral-40-color);
    background-color: transparent;
}

.btn-outline-dark:hover{
    color:white;
    border: 1px solid var(--dark-color);
    background-color: var(--dark-color);
}



/* Toggle Switch */
.form-check-input:checked {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

/* BADGES */
.badge-sm {
    padding: 4px 7px;
}

.badge-primary{
    color: var(--blue-300-color);
    background-color: var(--blue-50-color);
}

.badge-secondary{
    color: var(--neutral-500-color);
    background-color: var(--neutral-30-color);
}

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

.badge-danger{
    color: var(--red-300-color);
    background-color: var(--red-50-color);
}

.badge-warning{
    color: var(--orange-300-color);
    background-color: var(--orange-50-color);
}

.badge-info{
    color: var(--turquoise-300-color);
    background-color: var(--turquoise-50-color);
}

.badge-purple{
    color: var(--purple-300-color);
    background-color: var(--purple-50-color);
}

.badge-light{
    color: var(--neutral-300-color);
    background-color: var(--neutral-20-color);
}

.badge-dark{
    color: var(--neutral-800-color);
    background-color: var(--neutral-50-color);
}

.badge-neutral{

    color: var(--dark-color);
    background-color: transparent;

    border: 1px solid var(--dark-color);
}

.badge-neutral-light{

    color: var(--neutral-300-color);
    background-color: transparent;

    border: 1px solid var(--neutral-40-color);
}

/* ICONS */
.feather-16{
    width: 16px;
    height: 16px;
}
.feather-20{
    width: 20px;
    height: 20px;
}
.feather-24{
    width: 24px;
    height: 24px;
}
.feather-32{
    width: 32px;
    height: 32px;
}
.feather-40{
    width: 40px;
    height: 40px;
}

.bootstrap-small{
    font-size: 20px;
    position: relative;
    top: 3px;
}
.bootstrap-medium{
    font-size: 24px;
    position: relative;
    top: 4px;
}
.bootstrap-large{
    font-size: 28px;
    position: relative;
    top: 6px;
}


/* Group button */

.btn-group>.btn-group:not(:last-child)>.btn, .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.btn-check:active+.btn-outline-light, .btn-check:checked+.btn-outline-light, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show, .btn-outline-light:active {
    color: var(--dark-color);
    background-color: var(--blue-50-color);
    border-color: var(--primary-color);
}

.btn-check:active+.btn-outline-light.outline-danger, .btn-check:checked+.btn-outline-light.outline-danger, .btn-outline-light.outline-danger.active, .btn-outline-light.outline-danger.dropdown-toggle.show, .btn-outline-light.outline-danger:active {
    color: var(--danger-color);
    background-color: var(--red-50-color);
    border-color: var(--danger-color);
}


.btn-group label{
    margin-bottom: 0;
}


.btn-group.btn-checkbox-group>.btn-group.btn-checkbox-group:not(:last-child)>.btn, .btn-group.btn-checkbox-group>.btn:not(:last-child):not(.dropdown-toggle),
.btn-group.btn-checkbox-group>.btn-group.btn-checkbox-group:not(:first-child)>.btn, .btn-group.btn-checkbox-group>.btn:not(:first-child) {
    border-radius: 25px;
    margin-right: 5px;
}


.btn-group.btn-group-separated>.btn-group.btn-group-separated:not(:last-child)>.btn, .btn-group.btn-group-separated>.btn:not(:last-child):not(.dropdown-toggle),
.btn-group.btn-group-separated>.btn-group.btn-group-separated:not(:first-child)>.btn, .btn-group.btn-group-separated>.btn:not(:first-child) {
    border-radius: 6px;
    margin-right: 5px;
}

#export_lead_type>.btn:not(:first-of-type):not(:last-of-type){
    border-radius: 0px;
}

/* .btn-check:active+.btn-outline-primary, .btn-check:checked+.btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active {
    color: var(--dark-color);
    background-color: var(--primary-50-color);
    border-color: var(--primary-color);
} */

.authentification-container .btn {

    background-color: var(--blue-500-color);
    color: white;
}

/* FAQ */
.btn-outline-theme{
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
}
.btn-outline-theme:hover , 
.btn-check:checked+.btn-outline-theme
{
    color: var(--primary-color);
    border: 1px solid var(--blue-50-color);
    background-color: var(--blue-50-color);
}
.btn-active-theme{
    color: var(--primary-color);
    border: 1px solid var(--blue-50-color);
    background-color: var(--blue-50-color);
}
.btn-outline-theme, .btn-outline-theme:focus { 
    outline: 0  !important;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;

}
.btn-dark:focus{
    outline : none !important;
    box-shadow: none !important;
}
/* .btn-check:active+.btn-outline-theme, 
.btn-check:checked+.btn-outline-theme, 
.btn-outline-light.outline-theme.active, 
.btn-outline-light.outline-theme.dropdown-toggle.show, 
.btn-outline-light.outline-theme:active {
    color: var(--primary-color);
    border: none;
    background-color: var(--blue-50-color);
} */