/*.btn {*/
/*    padding: 0.375rem 0.6rem;*/
/*}*/

.btn-close {
    opacity: 0.4;
}

.btn .icon  {
    margin-top: -2px;
}

.btn .icon svg {
    width: 18px;
    height: 18px;
    vertical-align: middle;
}

.btn .icon-left {
    margin-right: .5rem;
}

.btn-link {
    text-decoration: none;
    color: var(--bs-primary);
}

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

.btn-primary-light:hover {
    color: var(--bs-primary);
    background-color: var(--bs-primary-light);
    border-color: var(--bs-primary-light);
}

.btn-primary-light svg,
.btn-link svg {
    fill: var(--bs-primary);
}

.btn-link:active,
.btn-link:hover {
    background-color: var(--bs-primary-light);
    color: var(--bs-primary);
    box-shadow: none;
}

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

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

.btn-outline-primary:hover {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.btn-danger-light,
.btn-danger-light:hover,
.btn-danger-light:active,
.btn-danger-light:focus {
    background-color: var(--bs-danger-light);
    border-color: var(--bs-danger-light);
    color: var(--color-danger);
    box-shadow: none;
}

.btn-warning,
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active{
    color: #fff;
    background-color: #f79c00;
    border-color: #f79c00;
    box-shadow: none;
}


.btn-success,
.btn-primary svg,
.btn-warning svg {
    fill: #fff;
}


.btn-outline-secondary {
    color: var(--bs-dark);
    border-color: var(--button-default-color);
}

.btn-outline-secondary:hover {
    border-color:  #ced4da !important;
}



.btn-outline-secondary.is-invalid,
.btn-outline-secondary.is-invalid:hover,
.btn-outline-secondary.is-invalid:active,
.btn-outline-secondary.is-invalid:focus {
    border-color: #dc3545!important;
}

.btn .text-progress {
    display: none;
}

.btn.onProgress {
    padding: 0;
}

.btn.onProgress .text-progress {
    display: inline-block;
}

.btn.onProgress .text-complete {
    display: none;
}


.btn-check:checked + .btn-outline-secondary,
.btn-check:active + .btn-outline-secondary,
.btn-outline-secondary:active,
.btn-outline-secondary:focus,
.btn-outline-secondary:hover,
.btn-outline-secondary.active,
.btn-outline-secondary.dropdown-toggle.show {
    background-color: var(--bs-white);
    color: var(--bs-dark);
    border-color: var(--button-default-color);
    box-shadow: none;
}

.btn-check:checked + .btn-outline-secondary:focus,
.btn-check:active + .btn-outline-secondary:focus,
.btn-outline-secondary:active:focus,
.btn-outline-secondary.active:focus,
.btn-outline-secondary.dropdown-toggle.show:focus {
    box-shadow: none;
}

.btn-success {
    background-color: #21BA46;
    border-color: #21BA46;
}

.btn-success:hover {
    background-color: #07B261;
    border-color: #07B261;
}

.btn-success-light {
    color: #21BA46;
    background-color: #E2F6E2;
}

.btn-success-light:hover,
.btn-success-light:focus {
    color: #21BA46;
    background-color: #E2F6E2
}

.btn-secondary-light {
    background-color: var(--bs-gray);
    border-color: var(--bs-gray);
}