.modal {
 --modal-width: 800px !important;
 --bs-body-bg: white;
 --bs-border-radius-lg: 1rem;
}
.modal #consent-all.btn {
    background-color: var(--ftc-color-primary);;
}
.modal #consent-all.btn:hover {
    background-color: var(--ftc-color-hover);
    border-color: var(--ftc-color-hover);
}
.modal .btn.btn-danger {
    --btn-bg: #dc3545;
    background-color: var(--btn-bg);
}
.modal .btn.btn-danger:hover {
    --bs-btn-hover-bg: rgb(187, 45.05, 58.65);
    --bs-btn-hover-border-color: rgb(176, 42.4, 55.2);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
}
.modal-header {
    --modal-inner-border-radius: 1rem;
    --modal-header-padding: 1rem 1rem;
    background-color: var(--primary);
}
.modal-body p {
    font-size: 16px;
}
.form-check-input {
    --bs-border-color: #dee2e6;
    --bs-border-width: 1px;
}
.modal-body .form-check-input:checked {
  background-color: var(--primary);
  border-color: var(--primary);
}
/* Povećavamo switch */
.form-check-input.form-check-input-lg {
    width: 3rem;      /* širina switcha */
    height: 1.5rem;   /* visina switcha */
}

/* Povećavamo kružić unutar switcha */
.form-check-input.form-check-input-lg:checked {
    background-size: 1.5rem 1.5rem;
}

.form-check-input.form-check-input-lg::after {
    width: 1.5rem;
    height: 1.5rem;
    top: 0;
    left: 0;
}

/* Vertikalno centriramo label pored switcha */
.form-check.form-switch .form-check-label {
    margin-left: 1rem;       /* prostor između switcha i teksta */
    line-height: 1.5rem;     /* ista visina kao switch */
    vertical-align: middle;  /* centriranje */
}
.table {
    font-size: 1rem;
    --bs-border-width: 1px;
    
}
.table > :not(caption) > * > * {
    color: rgb(from var(--body-color) r g b / 0.5);
}
tbody tr:nth-of-type(2n) {
    --table-bg:#f8f9fa;
    background-color: var(--table-bg);
}
.title-details {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
    color: rgb(from var(--body-color) r g b / 0.5);
    border-top: solid 1px;
    padding-top: 1.5rem;
}
.consent-modal {
    width: 200px;
    position: fixed;
    bottom: 0;
    left: 10px;
    z-index: 1;
}
.consent-modal .btn {
    color: var(--primary);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: .75rem;
    border-top-right-radius: .75rem;
    background-color: wheat;
    border-bottom: solid 0px;
}
#consent-short-ok.btn {
    background-color: var(--ftc-color-primary);;
}
@media (max-width: 767.98px) {
    #consentModal {
        z-index: 6000;
    }
    #btn-show-details, #consent-ok, #btn-decline, #consent-all {
        position: initial;
        --btn-font-size: 0.8rem;
    }

    #cookieGroups {
        border-bottom-left-radius: .75rem;
        border-bottom-right-radius: .75rem;
        border-bottom: solid 2px;
    }
}