/* Add New Poll Container */
.rating {
    border: 1px solid rgb(52 52 52 / 30%);
    padding: 20px;
    border-radius: var(--general-border-raduis);
}

.danger-progress-container,
.success-progress-container,
.warning-progress-container {
    flex: 1;
    width: 100%;
}

.success-progress,
.success-progress .progress-bar,
.danger-progress .progress-bar,
.danger-progress,
.warning-progress .progress-bar,
.warning-progress {
    height: 10px;
}

.success-progress .progress-bar {
    background-color: #36A83F;
}

.danger-progress .progress-bar {
    background-color: var(--primary-color);
}

.warning-progress .progress-bar {
    background-color: #FF9600;
}

.rating .form-check input {
    margin: 0;
    float: unset;
}

.rating button {
    background-color: var(--primary-color);
    color: #fff;
    padding: 8px 20px;
    border: 0;
    border-radius: var(--general-border-raduis);
}

.rating .form-check-input {
    width: 22px;
    height: 22px;
}

.rating .form-check-input:checked {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.floating-poll {
    height: 450px;
    width: 510px;
    max-width: 510px;
    position: fixed;
    background-color: #fff;
    z-index: 2;
    bottom: 0;
    inset-inline-end: 70px;
    transition: .6s;
    border-radius: var(--general-border-raduis);
    overflow: hidden;
    padding: 0;
}
.poll-container .modal-content {
    border: 0 !important;
}
@media (max-width: 767.98px) {
    .floating-poll {
        width: 350px;
        inset-inline-end: 0;
    }
}
.rating-tools-container {
    background-color: var(--primary-color);
}

.floating-poll.close {
    bottom: -391px;
}
/* Add New Poll Container */
.poll-progress {
    flex: 1;
    width: 100%;
}
.logo-img picture {
    display: flex;
    width: 150px;
    padding-top: 1rem;
}