button {
    border-radius: 0;
}

button:focus:not(:focus-visible) {
    outline: 0;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
    cursor: pointer;
}

.btn {
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.375rem;
    --bs-btn-font-family: ;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: #212529;
    --bs-btn-bg: transparent;
    --bs-btn-border-width: 1px;
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: 0.375rem;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb),0.5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
}

.btn-check + .btn:hover {
    color: var(--bs-btn-color);
    background-color: var(--bs-btn-bg);
    border-color: var(--bs-btn-border-color);
}

.btn:focus-visible {
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow);
}

.btn-check:focus-visible + .btn {
    box-shadow: var(--bs-btn-focus-box-shadow);
}

.btn:active,
.btn.active,
.btn-check:checked + .btn {
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color);
}

.btn:active:focus-visible,
.btn.active:focus-visible,
.btn-check:checked + .btn:focus-visible {
    box-shadow: var(--bs-btn-focus-box-shadow);
}

.btn:disabled,
.btn.disabled,
fieldset:disabled .btn {
    color: var(--bs-btn-disabled-color);
    pointer-events: none;
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    opacity: var(--bs-btn-disabled-opacity);
}

.btn-lg {
    --bs-btn-padding-y: 0.5rem;
    --bs-btn-padding-x: 1rem;
    --bs-btn-font-size: 1.25rem;
    --bs-btn-border-radius: 0.5rem;
}

.btn-sm {
    --bs-btn-padding-y: 0.25rem;
    --bs-btn-padding-x: 0.5rem;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-border-radius: 0.25rem;
}

.btn-primary { --bs-btn-color:#fff;--bs-btn-bg:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0b5ed7;--bs-btn-hover-border-color:#0a58ca;--bs-btn-focus-shadow-rgb:13,110,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0a58ca;--bs-btn-active-border-color:#0a53be;--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#0d6efd;--bs-btn-disabled-border-color:#0d6efd;}
.btn-secondary { --bs-btn-color:#fff;--bs-btn-bg:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#5c636a;--bs-btn-hover-border-color:#565e64;--bs-btn-focus-shadow-rgb:108,117,125;--bs-btn-active-color:#fff;--bs-btn-active-bg:#565e64;--bs-btn-active-border-color:#51585e;--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#6c757d;--bs-btn-disabled-border-color:#6c757d;}
.btn-success { --bs-btn-color:#fff;--bs-btn-bg:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#157347;--bs-btn-hover-border-color:#146c43;--bs-btn-focus-shadow-rgb:25,135,84;--bs-btn-active-color:#fff;--bs-btn-active-bg:#146c43;--bs-btn-active-border-color:#13653f;--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#198754;--bs-btn-disabled-border-color:#198754;}
.btn-info { --bs-btn-color:#000;--bs-btn-bg:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#31d2f2;--bs-btn-hover-border-color:#25cff2;--bs-btn-focus-shadow-rgb:13,202,240;--bs-btn-active-color:#000;--bs-btn-active-bg:#3dd5f3;--bs-btn-active-border-color:#25cff2;--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#0dcaf0;--bs-btn-disabled-border-color:#0dcaf0;}
.btn-warning { --bs-btn-color:#000;--bs-btn-bg:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffca2c;--bs-btn-hover-border-color:#ffc720;--bs-btn-focus-shadow-rgb:255,193,7;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffcd39;--bs-btn-active-border-color:#ffc720;--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#ffc107;--bs-btn-disabled-border-color:#ffc107;}
.btn-danger { --bs-btn-color:#fff;--bs-btn-bg:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#bb2d3b;--bs-btn-hover-border-color:#b02a37;--bs-btn-focus-shadow-rgb:220,53,69;--bs-btn-active-color:#fff;--bs-btn-active-bg:#b02a37;--bs-btn-active-border-color:#a52834;--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#dc3545;--bs-btn-disabled-border-color:#dc3545;}
.btn-light { --bs-btn-color:#000;--bs-btn-bg:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#d3d4d5;--bs-btn-hover-border-color:#c6c7c8;--bs-btn-focus-shadow-rgb:248,249,250;--bs-btn-active-color:#000;--bs-btn-active-bg:#c6c7c8;--bs-btn-active-border-color:#babbbc;--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#f8f9fa;--bs-btn-disabled-border-color:#f8f9fa;}
.btn-dark { --bs-btn-color:#fff;--bs-btn-bg:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#424649;--bs-btn-hover-border-color:#373b3e;--bs-btn-focus-shadow-rgb:33,37,41;--bs-btn-active-color:#fff;--bs-btn-active-bg:#4d5154;--bs-btn-active-border-color:#373b3e;--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#212529;--bs-btn-disabled-border-color:#212529;}

.btn-outline-primary { --bs-btn-color:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0d6efd;--bs-btn-hover-border-color:#0d6efd;--bs-btn-focus-shadow-rgb:13,110,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0d6efd;--bs-btn-active-border-color:#0d6efd;--bs-btn-disabled-color:#0d6efd;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0d6efd;--bs-gradient:none;}

.btn-link {
    --bs-btn-font-weight: 400;
    --bs-btn-color: var(--bs-link-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--bs-link-hover-color);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: var(--bs-link-hover-color);
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: #6c757d;
    text-decoration: underline;
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
}

.btn-group > .btn {
    position: relative;
    flex: 1 1 auto;
}

.btn-group > .btn:not(:first-child) {
    margin-left: -1px;
}

.btn-group > .btn:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-group > .btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group-vertical {
    flex-direction: column;
}

.btn-group-vertical > .btn:not(:first-child) {
    margin-top: -1px;
}

.btn-group-vertical > .btn:not(:last-child) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.btn-qool {
    --bs-btn-color: #fff;
    --bs-btn-bg: #9A00FF;
    --bs-btn-border-color: #9A00FF;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #8300d9;
    --bs-btn-hover-border-color: #7a00cc;
    --bs-btn-focus-shadow-rgb: 154,0,255;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #7a00cc;
    --bs-btn-active-border-color: #6600a3;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #9A00FF;
    --bs-btn-disabled-border-color: #9A00FF;
}

.btn-orangee {
    --bs-btn-color: #000;
    --bs-btn-bg: #FF7307;
    --bs-btn-border-color: #FF7307;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #e66706;
    --bs-btn-hover-border-color: #cc5c00;
    --bs-btn-focus-shadow-rgb: 255,115,7;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #cc5c00;
    --bs-btn-active-border-color: #bf5305;
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #FF7307;
    --bs-btn-disabled-border-color: #FF7307;
}

.btn-grass {
    --bs-btn-color: #fff;
    --bs-btn-bg: #00B24F;
    --bs-btn-border-color: #00B24F;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #009944;
    --bs-btn-hover-border-color: #00863b;
    --bs-btn-focus-shadow-rgb: 0,178,79;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #00863b;
    --bs-btn-active-border-color: #007a35;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #00B24F;
    --bs-btn-disabled-border-color: #00B24F;
}

.btn-rosy {
    --bs-btn-color: #fff;
    --bs-btn-bg: #FF00DE;
    --bs-btn-border-color: #FF00DE;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #e600c8;
    --bs-btn-hover-border-color: #cc00b2;
    --bs-btn-focus-shadow-rgb: 255,0,222;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #cc00b2;
    --bs-btn-active-border-color: #bf00a9;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #FF00DE;
    --bs-btn-disabled-border-color: #FF00DE;
}

.btn-wood {
    --bs-btn-color: #000;
    --bs-btn-bg: #C19A6B;
    --bs-btn-border-color: #C19A6B;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #a67b4c;
    --bs-btn-hover-border-color: #8f6a42;
    --bs-btn-focus-shadow-rgb: 193,154,107;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #8f6a42;
    --bs-btn-active-border-color: #805f3b;
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #C19A6B;
    --bs-btn-disabled-border-color: #C19A6B;
}

.btn-lemon {
    --bs-btn-color: #000;
    --bs-btn-bg: #D5FF00;
    --bs-btn-border-color: #D5FF00;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ccef00;
    --bs-btn-hover-border-color: #b5cc00;
    --bs-btn-focus-shadow-rgb: 213,255,0;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #b5cc00;
    --bs-btn-active-border-color: #a3b800;
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #D5FF00;
    --bs-btn-disabled-border-color: #D5FF00;
}

.btn-turquoise {
    --bs-btn-color: #fff;
    --bs-btn-bg: #00756d;
    --bs-btn-border-color: #00756d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #00625a;
    --bs-btn-hover-border-color: #005951;
    --bs-btn-focus-shadow-rgb: 0,117,109;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #005951;
    --bs-btn-active-border-color: #004d47;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #00756d;
    --bs-btn-disabled-border-color: #00756d;
}

.btn-ocean {
    --bs-btn-color: #fff;
    --bs-btn-bg: #003FBC;
    --bs-btn-border-color: #003FBC;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0037a3;
    --bs-btn-hover-border-color: #003399;
    --bs-btn-focus-shadow-rgb: 0,63,188;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #003399;
    --bs-btn-active-border-color: #002e8f;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #003FBC;
    --bs-btn-disabled-border-color: #003FBC;
}

.btn-outline-qool {
    --bs-btn-color: #9A00FF;
    --bs-btn-border-color: #9A00FF;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #9A00FF;
    --bs-btn-hover-border-color: #9A00FF;
    --bs-btn-focus-shadow-rgb: 154,0,255;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #9A00FF;
    --bs-btn-active-border-color: #9A00FF;
    --bs-btn-disabled-color: #9A00FF;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #9A00FF;
}

.btn-outline-orangee {
    --bs-btn-color: #FF7307;
    --bs-btn-border-color: #FF7307;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #FF7307;
    --bs-btn-hover-border-color: #FF7307;
    --bs-btn-focus-shadow-rgb: 255,115,7;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #FF7307;
    --bs-btn-active-border-color: #FF7307;
    --bs-btn-disabled-color: #FF7307;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #FF7307;
}

.btn-tortora {
    --bs-btn-color: #716760;
    --bs-btn-bg: #ECE6E1;
    --bs-btn-border-color: #D6CEC7;
    --bs-btn-hover-color: #4A4542;
    --bs-btn-hover-bg: #E2DBD5;
    --bs-btn-hover-border-color: #CFC6BF;
    --bs-btn-focus-shadow-rgb: 214, 206, 199;
    --bs-btn-active-color: #4A4542;
    --bs-btn-active-bg: #DCD4CD;
    --bs-btn-active-border-color: #C7BEB7;
    --bs-btn-disabled-color: #4A4542;
    --bs-btn-disabled-bg: #ECE6E1;
    --bs-btn-disabled-border-color: #D6CEC7;
}

.btn-tortora-dark {
    --bs-btn-color: #ECE6E1;
    --bs-btn-bg: #4A4542;
    --bs-btn-border-color: #716760;
    --bs-btn-hover-color: #ECE6E1;
    --bs-btn-hover-bg: #5A544F;
    --bs-btn-hover-border-color: #6B645E;
    --bs-btn-focus-shadow-rgb: 113, 103, 96;
    --bs-btn-active-color: #ECE6E1;
    --bs-btn-active-bg: #3E3A38;
    --bs-btn-active-border-color: #5A544F;
    --bs-btn-disabled-color: #D6CEC7;
    --bs-btn-disabled-bg: #4A4542;
    --bs-btn-disabled-border-color: #716760;
}


input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 6px;
    border: 2px solid #716760;
    background-color: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    position: relative;
    padding: inherit;
}

input[type="checkbox"]::after {
    content: "\f00c";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    font-size: 12px;
    color: #ECE6E1;
    transform: scale(0);
    transition: transform 0.15s ease;
}

input[type="checkbox"]:checked {
    background-color: #716760;
    border-color: #716760;
}

input[type="checkbox"]:checked::after {
    transform: scale(1);
}