/*-----------------------------------------------------------------------------------*/
/* Thumbs Ratings Styles */
/*-----------------------------------------------------------------------------------*/

.thumbs-rating-container {
	padding: 1em 0;
	display: block;
}

.thumbs-rating-container {
    border-width: 1px 0 !important;
}

.thumbs-rating-container {
    border-color: #E7E7E8 !important;
}

.thumbs-rating-container {
    padding: 7px 0px !important;
}

.thumbs-rating-container {
    margin: 12px 0px !important;
}
.thumbs-rating-container button {
	cursor: pointer;
}

.thumbs-rating-container button:hover {
	color: #dddddd;
}

.thumbs-rating-container .thumbs-rating-up,
.thumbs-rating-container .thumbs-rating-down {
	padding: 0.5em;
	color: white;
}

.thumbs-rating-container .thumbs-rating-up {
	background: #a4c346;
}

.thumbs-rating-container .thumbs-rating-down {
	background: #c84848;
}

.thumbs-rating-container .thumbs-rating-already-voted {
	display: none;
	font-size: 0.9em;
	padding-top: 1em;
}

.thumbs-rating-container .thumbs-rating-already-voted.thumbs-rating-show {
	display: block;
}


/*

Sections:

- Reset
- General
- Buttons
- Comment Form

 */

/* Reset ------------------------------------------------------------------------------------------------------------ */
.elperi-container,
.elperi-container * {
    box-sizing: border-box !important;
    text-transform: none !important;
    box-shadow: none !important;
}

/* General ---------------------------------------------------------------------------------------------------------- */
.elperi-comment {
    display: none;
}

.elperi-successful-submission-text {
    display: none;
    margin: 35px 0 33px !important;
}

.elperi-feedback {
    display: flex;
}

.elperi-layout-side-by-side .elperi-feedback {
    flex-direction: row !important;
    gap: 32px !important;
}

.elperi-layout-stacked .elperi-feedback {
    flex-direction: column !important;
}

.elperi-title {
    margin: 0 !important;
    padding: 0 !important;
}

.elperi-description {
    padding: 0 !important;
    margin: 32px 0 0 0 !important;
}

.elperi-alignment-left .elperi-description {
    order: 2 !important;
}

.elperi-alignment-left .elperi-title,
.elperi-alignment-left .elperi-description {
    text-align: left !important;
}

.elperi-alignment-center .elperi-title,
.elperi-alignment-center .elperi-description {
    text-align: center !important;
}

.elperi-alignment-right .elperi-title,
.elperi-alignment-right .elperi-description {
    text-align: right !important;
}

.elperi-container {
    display: flex !important;
    flex-direction: column !important;
    border-style: solid !important;
}

.elperi-image {
    width: 100% !important;
}

.elperi-container .elperi-image.elperi-image-position-top {
    order: 1 !important;
}

.elperi-container .elperi-image.elperi-image-position-bottom {
    order: 4 !important;
}

.elperi-container .elperi-comment {
    order: 3 !important;
}

/* Buttons ---------------------------------------------------------------------------------------------------------- */
.elperi-button {
    padding: 8px !important;
    margin: 8px !important;
    cursor: pointer !important;
    display: flex !important;
    width: fit-content !important;
}

.elperi-buttons-container {
    display: flex !important;
}

.elperi-buttons {
    display: flex !important;
    gap: 16px !important;
}

.elperi-button {
    height: fit-content !important;
    transition: opacity .4s !important;
}

.elperi-button:hover {
    opacity: 0.7 !important;
}

.elperi-alignment-left .elperi-buttons-container {
    justify-content: flex-start !important;
}

.elperi-alignment-center .elperi-buttons-container {
    justify-content: center !important;
}

.elperi-alignment-center .elperi-feedback {
    justify-content: center !important;
}

.elperi-alignment-right .elperi-feedback {
    justify-content: right !important;
}

.elperi-alignment-right .elperi-buttons-container {
    justify-content: flex-end !important;
}

.elperi-button svg{
    width: 48px !important;
    height: 48px !important;
}

.elperi-button-text {
    height: 32px !important;
    overflow: hidden !important;
}

.elperi-button-type-icon {
    padding: 0 !important;
    margin: 0 !important;
    width: 48px !important;
    height: 48px !important;
    background: none !important;
}

.elperi-button-type-icon-and-text {
    margin: 0 !important;
    padding: 0 16px !important;
    height: 48px !important;
    display: flex !important;
    gap: 16px !important;
}

.elperi-button-type-icon-and-text .elperi-button-icon {
    width: 48px !important;
    height: 48px !important;
}

.elperi-button-type-icon-and-text .elperi-button-text {
    height: 48px !important;
}

.elperi-button-type-icon-and-text .elperi-icon-circle {
    display: none !important;
}

.elperi-button-type-text {
    margin: 0 !important;
    padding: 0 16px !important;
    height: 48px !important;
}

/* Comment Form ----------------------------------------------------------------------------------------------------- */
.elperi-comment {
    margin: 32px 0 0 !important;
}

.elperi-comment-label {
    margin: 3px 0 9px !important;
}

.elperi-comment-top-container {
    display: flex !important;
}

.elperi-comment-character-counter-container {
    margin-left: auto !important;
}

.elperi-comment-character-counter-number,
.elperi-comment-character-counter-text {
    display: inline-block;
    margin: 3px 0 9px !important;
}



.elperi-comment-textarea:focus {
    outline: none !important;
}

.elperi-comment-buttons-container {
    display: flex !important;
    gap: 16px !important;
}

.elperi-comment-submit,
.elperi-comment-cancel {
    margin: 0 !important;
    padding: 0 16px !important;
    overflow: hidden !important;
    height: 48px !important;
    border-width: 1px !important;
    border-style: solid !important;
}

.elperi-button-text {
    font-size: 19px !important;
}

.elperi-button-text {
    font-style: normal !important;
}

.elperi-button-text {
    font-weight: 400 !important;
}

.elperi-button-text {
    line-height: 48px !important;
}

.elperi-button-text {
    color: #1E1E1F !important;
}

.elperi-comment-submit, .elperi-comment-cancel {
    font-size: 14px !important;
}

.elperi-comment-submit, .elperi-comment-cancel {
    font-style: normal !important;
}

.elperi-comment-submit, .elperi-comment-cancel {
    font-weight: 600 !important;
}

.elperi-comment-submit, .elperi-comment-cancel {
    line-height: 48px !important;
}

.elperi-comment-submit {
    background: #2B2D30 !important;
}

.elperi-comment-submit {
    border-color: #2B2D30 !important;
}

.elperi-comment-cancel {
    background: #ffffff !important;
}

.elperi-comment-cancel {
    border-color: #B8B9BA !important;
}



.elperi-comment-label,
.elperi-comment-character-counter-number, .elperi-comment-character-counter-text,
.elperi-successful-submission-text {
    font-size: 13px !important;
}

.elperi-comment-label,
.elperi-comment-character-counter-number, .elperi-comment-character-counter-text,
.elperi-successful-submission-text {
    font-style: normal !important;
}

.elperi-comment-label,
.elperi-comment-character-counter-number, .elperi-comment-character-counter-text,
.elperi-successful-submission-text {
    font-weight: 400 !important;
}

.elperi-comment-label,
.elperi-comment-character-counter-number, .elperi-comment-character-counter-text,
.elperi-successful-submission-text {
    line-height: 24px !important;
}

.elperi-comment-label {
    color: #2E2E2F !important;
}

.elperi-successful-submission-text {
    color: #2E2E2F !important;
}

.elperi-comment-character-counter-number, .elperi-comment-character-counter-text {
    color: #898A8C !important;
}

.elperi-comment-submit {
    color: #ffffff !important;
}

.elperi-comment-cancel {
    color: #063F85 !important;
}

.elperi-comment-textarea:focus {
    border-color: #063F85 !important;
}

.elperi-comment-textarea {
    border-width: 1px !important;
    border-style: solid !important;
    padding: 15px !important;
    margin: 0 0 32px !important;
    width: 100% !important;
    min-height: 104px !important;
    height: 104px !important;
    max-height: 104px !important;
    outline: none !important;
    transition: all 0.4s ease;
    resize: none !important;
    font-size: 13px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    color: #1E1E1F !important;
    background: #ffffff !important;
}

.elperi-comment-textarea {
    border-color: #E7E7E8 !important;
}

.elperi-container {
    border-width: 0 0 1px 0 !important;
    border-color: #E7E7E8 !important;
    padding: 7px 0px !important;
    margin: 0 0 12px 0 !important;
}


.elperi-title {
    font-size: 17px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 45px !important;
}


.happy-face-cls-1, .sad-face-cls-1, .thumb-up-cls-1, .thumb-down-cls-1 {
    fill: #c8c8c8 !important;
}

.happy-face-cls-3, .sad-face-cls-4, .thumb-up-cls-3, .thumb-down-cls-3 {
    fill: #666666 !important;
}

.elperi-yes:hover .elperi-icon-primary-color,
.elperi-yes-selected .elperi-icon-primary-color {
    fill: #7db340 !important
}

.elperi-yes:hover .elperi-icon-secondary-color, .elperi-yes-selected .elperi-icon-secondary-color {
    fill: #397038 !important
}

.elperi-no:hover .elperi-icon-primary-color,
.elperi-no-selected .elperi-icon-primary-color {
    fill: #e89795 !important
}

.elperi-no:hover .elperi-icon-secondary-color, .elperi-no-selected .elperi-icon-secondary-color {
    fill: #94322c !important
}

.elperi-button-type-icon-and-text.elperi-button.elperi-yes,
.elperi-button-type-text.elperi-button.elperi-yes,
.elperi-button-type-icon-and-text.elperi-button.elperi-no,
.elperi-button-type-text.elperi-button.elperi-no {
    background: #E7E7E8 !important;
}

.elperi-icon-circle {
    fill: #dddddd !important;
}

.elperi-button,
.elperi-comment-textarea {
    border-radius: 4px !important;
}