:root {
    interpolate-size: allow-keywords;

    --body-background: #FFF;
    --body-color: #555;
    --body-light-background: #f2f2f7;
    --body-light-color: #8d8d8d;

    --headless-space: 0px;
    --headless-menu: 55px;

    --shade-background: #00000014;

    --poll-create-settings-background: transparent;
    --poll-create-settings-border-color: #c9c9d1;
    --poll-create-settings-color: #333;
    --poll-create-settings-help-color: #00000078;
    --poll-create-settings-arrow-color: #00000038;
    --poll-create-options-background: #e3e3e9;
    --poll-create-option-background: #FFF;
    --poll-create-settings-field-background: rgba(255, 255, 255, 0.95);
    --poll-create-fixed-header-background: #ffffff;
    --poll-create-btn-background: #ffffff;
    --poll-create-btn-color: #007CFF;
    --poll-create-btn-border-color: #e3e3e8;
    --poll-create-btn-fixed-shadow: 0px 0px 20px 20px #FFF;
    --poll-create-field-background_hover: rgba(255, 255, 255, 0.95);
    --poll-create-field-color_hover: #000;
    --poll-create-badge-background: #e7f2ff;
    --poll-create-badge-color: #007CFF;
    --poll-create-time-background: #f4f4f4;
    --poll-create-time-color: #000;
    --poll-create-time-color_focus: #fff;
    --poll-create-time-color_active_focus: #FFF;
    --poll-create-option-active: #ffcb00;
    --poll-create-limit-background: #868686;
    --poll-dragshadow-background: #fff;
    --option-image-preview-background: transparent;

    --start-button-box-shadow: 0 0 15px 0px rgb(0 0 0 / 30%);
    --start-button-box-shadow-hover: 0 0 25px 0px rgb(0 0 0 / 40%);

    --marked-remove-background: rgb(255 255 255 / 80%);

    --input-field-placeholder-color: #9c9c9c;
    --input-field-placeholder-color_focus: #cccccc;

    --package-background: #FFF;
    --package-background2: #007CFF;
    --package-title-color: #000;
    --package-color: #888;
    --package-color2: #737373;
    --package-border-color: #efefef;

    --pages-hotlinks-background: #fbfbfc;
    --pages-hotlinks-color: #d0d0d0;
    --pages-image-border-color: #d1d0d0;
    --pages-list-background: #656565;
    --pages-blockquote-background: #007cff1a;
    --pages-blockquote-color: #00448cff;
    --pages-blockquote-shadow: 5px 0 0 -2px #00448cff inset;

    --feature-background: #FFF;
    --feature-color: #808080;
    --feature-title-color: #1D1D1F;
    --section0-background: #e8f0fe;
    --section1-background: #f6f6f9;
    --section2-background: #f2f2f7;
    --section3-background: linear-gradient(#0065ff 25%, #007CFF 75%);
    --section3-color: #FFF;
    --section4-background: #007CFF;
    --section4-color: #FFF;

    --faq-block-background: #fff;
    --faq-block-color: #007CFF;
    --faq-infobox-background: #fff9de;
    --faq-question-border-color: #efefef;
    --faq-question-background_hover: #F3F3F6;
    --faq-question-selected-background: #fffef5;
    --faq-answer-color: #00000096;

    --navbar-background: #007CFF;
    --top-navbar-background: #007CFF;
    --navbar-color: #FFF;
    --navbar-dark-background: #4b535c;
    --navbar-light-background: linear-gradient(
            to top,
            rgba(240, 240, 245, 0) 0px,
            rgba(240, 240, 245, 0.7) calc(100% - 65px),
            rgba(255, 255, 255, 1) 70%
    );
    --navbar-theme-background: #0000007a;
    --navbar-border-bottom-shadow: 0 0 0 1px #EAEAEA;
    backdrop-filter: blur(17px);
    --navbar-light-color: #007CFF;
    --menu-background: linear-gradient(#007CFF 15%, #0071e9 75%);
    --menu-side-background: #f2f2f7;
    --menu-side-color: #555;
    --menu-side-color_active: #007CFF;
    --menu-title: #000;

    --sidebar-background: #FFF;

    --header-menu-background: #FFF;
    --header-menu-background_hover: #1a89ff;
    --header-menu-background_active: #f2f2f7;
    --header-menu-color_hover: #fff;
    --header-menu-color: #8d8d8d;
    --header-menu-color_active: #1a89ff;
    --header-menu-btn-color: #2f2f2f;
    --header-menu-btn-navbar-background: #fff;
    --header-menu-btn-navbar-background_hover: transparent;
    --header-menu-btn-navbar-color: #2f2f2f;
    --header-menu-btn-navbar-color_hover: #007CFF;
    --header-menu-btn-navbar-border-bottom: 1px solid #eaeaea;

    --theme-example-border: 1px solid rgba(0, 0, 0, 0.3);
    --theme-example-filter: brightness(65%);
    --language-menu-selected-background: #efefef;

    --primary_color: #007CFF;
    --primary_color_link: #007CFF;
    --primary_color_link_hover: #2b91ff;

    --table-background_hover: #E9E9E9;
    --table-border-color: #E9E9E9;
    --hr-border-color: #cecece;

    --caret-color: auto;

    --toggle-background: #007CFF;
    --toggle-color: #FFF;
    --toggle-unselected_background: #ffffff;
    --toggle-unselected_background2: #efefef;
    --toggle-background_hover: #DFDFDF;
    --toggle-border-color: #fff;
    --toggle-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);

    --modal-background: #FFF;
    --modal-background-fade: rgba(0, 0, 0, .65);
    --modal-fullscreen-background: #FFF;
    --modal-teaser-bottom-background: #f3f3f5;
    --modal-shadow: none;
    --modal-content-color: #444444;
    --modal-color: #000;
    --cookie-consent-main-background: rgb(0 0 0 / 50%);
    --cookie-consent-background: #FFF;
    --cookie-consent-color: #000;

    --jalert-radius: 10px;
    --jalert-container-background: #FFF;
    --jalert-container-color: #333;
    --jalert-close-icon-color: #d9d9d9;
    --jalert-shadow: none;

    --alert-box-shadow: none;
    --alert-action-background: #007CFF;
    --alert-action-color: #FFF;
    --alert-info-background: #c7dcff;
    --alert-info-background: #dbe7ff;
    --alert-info-color: #0060c6;
    --alert-info-title-color: rgb(0 0 0 / 60%);
    --alert-warning-background: #ffefcb;
    --alert-warning-color: #9e7100;
    --alert-warning-with-icon-color: #d5990073;
    --alert-warning-border-top: #c38c0126;
    --alert-light-background: #fff3db;
    --alert-light-color: #5e5e5e;
    --alert-light-title-color: #dda00b;
    --alert-light-with-icon-color: #ffca00;
    --alert-white-background: #fff;
    --alert-white-color: #414247;
    --alert-white-shadow: 2px 4px 12px rgb(0 0 0 / 8%);
    --alert-dark-background: #4b535c;
    --alert-dark-color: #fff;
    --alert-dark-with-icon-color: rgba(255, 255, 255, 0.4);
    --alert-lightdark-background: #656d79;
    --alert-lightdark-color: #fff;
    --alert-darkdark-background: #3c434b;
    --alert-darkdark-color: #fff;
    --alert-error-background: #e93a91;
    --alert-error-color: #fce5ef;
    --alert-poll-color: #6b6c71;
    --alert-poll-background: #FFF;
    --alert-poll-icon-color: rgba(0, 0, 0, 0.3);

    --info-box-onwhite-background: #fef7e0;
    --info-box-onwhite-color: #202125;
    --info-box-ongrey-background: #fff2c7c9;
    --info-box-ongrey-color: #414247;

    --bubble-radius: 8px;
    --bubble-radius-input: 7px;
    --bubble-background: #000;
    --bubble-color: #fff;
    --bubble-background_hover: #272727;
    --bubble-background_active: #272727;
    --bubble-color_hover: #fff;
    --bubble-color_inactive: #7b7b7b;
    --bubble-color_active: #fff;
    --bubble-color_secondary: #ffea00;
    --bubble-default-shadow: 0px 15px 50px 0px rgb(0 0 0 / 60%);
    --bubble-default-filter: none;
    --bubble-shadow: 4px 5px 15px -5px rgba(0, 0, 0, 0.5);
    --bubble-border-left: 1px solid rgba(254, 254, 254, 0.35);
    --bubble-border-top: inset 0px 1px 0 0px #57575773;
    --bubble-header-background: #4b4e56;
    --bubble-header-color: #ffffffa3;

    --bubble-notify-color: var(--bubble-color);
    --bubble-notify-background: var(--bubble-background);
    --bubble-notify-shadow: var(--bubble-shadow);

    --bubble-white-background: #fff;
    --bubble-white-background_hover: #f1f1f1;
    --bubble-white-color: #fff;
    --bubble-white-color_hover: #000;
    --bubble-white-border-color: #fff;
    --bubble-white-arrow-color: #fff;
    --bubble-white-btn-color: #333;
    --bubble-white-btn-color: #333;
    --bubble-white-btn-border-color: #eee;
    --bubble-hr-color: #eee;


    --scrollbar-color: #656d79;
    --scrollbar-background: #FFF;
    --scrollbar-background_list: rgba(220, 221, 225, 0.46);

    --options-background: #ffffff;
    --options-color: #333;
    --options-border: #f2f2f7;
    --options-border-bottom: rgba(234, 234, 237, 0.6);
    --options-bottom-shadow: 0 4px 10px -10px rgb(0 0 0 / 70%);

    --options-limit-text-color: #0000006e;

    --options-unselectable-background: #f2f2f7;
    --options-unselectable-color: #656d79;

    --options-yes-background: #e8ffe3;
    --options-yes-color: #369409;

    --options-no-background: #FFD9D9;
    --options-no-color: #ad4343;

    --options-may-background: #FFF2BC;
    --options-may-color: #c88e00;

    --options-blocked-background: #cecfd4;
    --options-blocked-color: #656d79;

    --options-deleted-background: #676579;
    --options-deleted-color: #cecfd4;
    --options-icon-color: #cecfd4;
    --deleted-column-badge-background: #ff0078;

    --action-background: #dde7f8;
    --action-background-hover: #cfdef9;
    --action-color: #007CFF;
    --action-color-hover: #007CFF;
    --action-color-vertical: #e0e0e0;
    --action-border: #f2f2f7;
    --action-border_edit: #fff;
    --action-border_freetext_edit: #f2f2f7;

    --action-unselectable-background: #656D79;
    --action-unselectable-color: #cecfd4;
    --action-deleted-background: #676579;

    --action-freetext-background: #FFF;
    --action-freetext-background-hover: #eef5ff;
    --action-freetext-filled-background-hover: #eef4ff;
    --action-freetext-filled-color-hover: #007CFF;
    --action-freetext-color: #737373;
    --action-freetext-color-hover: #007CFF;
    --action-freetext-arrow: #FFF;
    --action-freetext-arrow-border: #d5efd0;
    --action-freetext-vertical-background: #FFF;
    --action-freetext-vertical-color: #037cff;

    --action-yesno-background: #f2f2f7;
    --action-yesno-button-background: #dde7f8;
    --action-yesno-default-background: #fff;
    --action-yesno-novote-background: #dde7f8;
    --action-yesno-novote-background_hover: #d0d2d5;
    --action-yesno-novote-color: #FFF;
    --action-yesno-novote-color_hover: #5C6274;


    --action-yes-background: #4CD324;
    --action-yes-background-hover: #74d156;
    --action-yes-color: #ffffff;
    --action-yes-color-inverted: #4CD324;

    --action-no-background: #FD9A9A;
    --action-no-background-hover: #f5a7a7;
    --action-no-color: #ffffff;
    --action-no-color-inverted: #FD9A9A;

    --action-may-background: #FFCB10;
    --action-may-background-hover: #fcd225;
    --action-may-color: #ffffff;
    --action-may-color-inverted: #ffa600;

    --list-description-background: #ffffff;
    --list-description-color-light: #4b535c;
    --list-description-color: #3e3e3e;
    --list-alert-border-color: #efefef;
    --list-description-code-background: #efefef;
    --list-description-code-color: #d6336c;
    --list-description-blockquote-background: #fff9e8;
    --list-description-blockquote-border-color: #ffa50033;
    --list-description-blockquote-color: #815500;

    --list-eventdate-background_hover: #FFF;
    --list-eventdate-color_hover: #444;

    --list-showvotes-background: #fff;
    --list-showvotes-color: #8A8C93;

    --list-background: #f2f2f7;
    --list-color: #000;
    --list-border-color: #f2f2f7;
    --list-radius-outside: 6px;

    --list-admin-background: #656d79;

    --list-closed-background-header: #5b1ca1;
    --list-closed-background: #5b1ca1;
    --list-closed-color: #FFF;
    --list-closed-link: #fff3aa;

    --list-yes-background: #4CD324;
    --list-yes-background-hover: #3bc314;
    --list-yes-color: #ffffff;

    --list-no-background: #f6d9db;
    --list-no-background-hover: #f8c9cb;
    --list-no-color: #f48b8b;

    --list-may-background: #FFCB10;
    --list-may-background-hover: #f9ba0e;
    --list-may-color: #FFF;

    --list-novote: #d8d9df;
    --list-novote-color: #fff;
    --list-novote-hover: #cccfd3;
    --list-novote-highlighted-background: #c1c5c9;

    --list-limit-text-color: #646c78b8;
    --list-stats-text-color: #737373;

    --showvotes-no-background: #FD9A9A;
    --showvotes-no-color: #fff;
    --showvotes-yes-background: #4cd325;
    --showvotes-yes-color: #fff;


    --icon-color: #737373;

    --admin-menu-poll-background: #656d79;

    --btn-background: #e9e9eb;
    --btn-color: #000;
    --btn-background_active: #e3e6e9;
    --btn-background_focus: #F1F1F1;
    --btn-background_selected: rgba(57, 142, 233, 0.75);
    --btn-color_selected: #fff;

    --btn-background_hover: #eef5ff;
    --btn-color_hover: #2b91ff;

    --btn-primary-background: #007CFF;
    --btn-primary-color: #FFF;
    --btn-primary-background_hover: #2b91ff;
    --btn-primary-color_hover: #FFF;

    --btn-dark-background: #656d79;
    --btn-dark-color: #ffffff;
    --btn-dark-background_hover: #4b535c;

    --btn-light-background: #eef5ff;

    --btn-white-background: #FFF;
    --btn-white-color: #007CFF;
    --btn-white-background_hover: #eef5ff;
    --btn-white-color_hover: #007CFF;

    --btn-clear-background: transparent;
    --btn-clear-color: #007CFF;
    --btn-clear-color_hover: #2b91ff;

    --btn-gray-background: #F1F1F1;
    --btn-gray-color: #007CFF;
    --btn-gray-background_hover: #e3e3e3;
    --btn-gray-color_hover: #444;

    --btn-trans-background: rgba(0, 0, 0, 0.3);
    --btn-trans-color: rgba(255, 255, 255, 0.9);
    --btn-trans-background_hover: rgba(0, 0, 0, 0.5);
    --btn-trans-color_hover: #FFF;

    --btn-bordered-background: transparent;
    --btn-bordered-color: #007CFF;
    --btn-bordered-color_hover: #007CFF;
    --btn-bordered-box-shadow: inset 0 0 0 1px #007CFF;
    --btn-bordered-light-box-shadow: inset 0 0 0 1px #c9c9d1;
    --btn-bordered-background_hover: #eef5ff;

    --btn-success-background: #007CFF;
    --btn-success-color: #fff;
    --btn-success-background_hover: #2b91ff;
    --btn-success-color_hover: #fff;

    --btn-remove-background: #fff;
    --btn-remove-color: #fff;
    --btn-remove-alert-color: #e93a91;

    --btn-outlined-background: transparent;
    --btn-outlined-color: #6e6e6e;
    --btn-outlined-border: 1px solid #eaebed;

    --filter-badge-background: transparent;
    --filter-badge-color: #6e6e6e;
    --filter-badge-border-color: #eaebed;
    --filter-badge-background_active: #f2f2f7;
    --filter-badge-color_active: #007CFF;
    --filter-badge-border-color_active: transparent;

    --datebox-background: rgba(255, 255, 255, 0.7);
    --datebox-expired-background: #dadada21;
    --datebox-color: #000;
    --datebox-line: #63687526;
    --datebox-shadow: 0 3px 7px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .1);
    --datebox-header-background: #007cff;
    --datebox-header-color: #FFF;
    --datebox-header-background_expired: transparent;
    --datebox-header-color_expired: #000;
    --datebox-header-expired-badge-background: #00000075;
    --datebox-header-expired-badge-color: #fff;
    --datebox-cal-result-bottom-backround_free: #e5f8e0;
    --datebox-cal-result-bottom-color_free: #48b229;
    --datebox-cal-result-bottom-backround_busy: #fce5ef;
    --datebox-cal-result-bottom-color_busy: #e93a91;
    --datebox-cal-result-icon-color_busy: #e93a91;
    --datebox-cal-result-bottom-backround_expired: #00000021;
    --datebox-cal-result-bottom-color_expired: #575757;
    --datebox-final-background: #FFF;

    --calendar-border-radius: 16px;
    --calendar-background: #FFF;
    --calendar-shadow: 0px 20px 60px 10px rgb(0 0 0 / 60%);
    --calendar-filter: none;
    --calendar-color: #000;
    --calendar-border-color: #FFF;
    --calendar-date-border-radius: 3px;
    --calendar-arrow-color: var(--calendar-background);
    --calendar-header-background: #f4f4f4;
    --calendar-header-color: #FFF;
    --calendar-header-background_hover: #fafafa;
    --calendar-header-color_hover: #007CFF;
    --calendar-header-color_selected: #333;
    --calendar-header-border-color: transparent;
    --calendar-btn-background: #FFF;
    --calendar-btn-color: #007cff;
    --calendar-btn-background_hover: #007CFF;
    --calendar-btn-color_hover: #FFF;
    --calendar-date-background: #FFF;
    --calendar-date-color: #666666;
    --calendar-date-color2: #666666;
    --calendar-date-expired: #c1c1c1;
    --calendar-date-border_selected: #FFF;
    --calendar-date-shadow_selected: #dcdcdc;

    --calendar-time-range-background: #ebf4ff;
    --calendar-time-range-color: #449dff;
    --calendar-time-background_select: #4ea5ff;
    --calendar-time-background_selected: #007CFF;
    --calendar-time-color_selected: #ffffff;

    --calendar-date-background_select: #007CFF;
    --calendar-date-background_selected: #4ea5ff;
    --calendar-date-color_selected: #ffffff;
    --calendar-date-background_select_hover: #007CFF;

    --calendar-date-expired-background_selected: #cecece;
    --calendar-date-expired_selected: #8e8e8e;
    --calendar-date-color_today: #ff8713;
    --calendar-sun-color: #ff8713;

    --calendar-event-background: #00000012;
    --calendar-event-color: #00000069;
    --calendar-event-title-color: #000;
    --calendar-event-blocked-background: #e93a911c;
    --calendar-event-blocked-icon-color: #e93a91;

    --show-all-options-background: #f2f2f78a;
    --show-all-options-color: #848484;

    --vote-comment-color: rgba(0, 0, 0, 0.45);
    --vote-name-black-shadow: drop-shadow(8px 10px 4px rgb(0 0 0 / 30%));
    --vote-comment-popup-background: #fff;
    --vote-comment-popup-color: rgba(0, 0, 0, 0.8);
    --vote-comment-popup-border: 1px solid transparent;
    --vote-name-background: #007cff;
    --vote-name-section-background: #f2f2f7;
    --vote-name-selected-background: #dde7f8;
    --vote-name-color_hover: #007cff;
    --vote-name-color_selected: #007cff;
    --vote-name-input-field-background: #f2f2f7;
    --vote-name-input-field-background_focus: #fff;
    --vote-name-input-field-color: #007CFf;
    --vote-comment-input-field-background: #f2f2f78f;
    --vote-comment-input-field-color_focus: #000;

    --hidden-column-badge-background: #000;
    --hidden-column-badge-color: #fff;

    --blocked-column-badge-background: #ff0063;
    --blocked-column-badge-color: #fff;

    --input-bordered-color: #dedede;
    --input-label-background: transparent;
    --input-label-color: rgb(0 0 0 / 20%);
    --input-field-background: #fff;
    --input-field-voter_name-background: #fff;
    --input-field-flexible-background: #fff;
    --input-field-color: #000;
    --input-field-light-color: #222;
    --input-field-border-color: #fff;
    --input-field-bordered-border: 1px solid #00000024;
    --input-field-border-color_focus: #007CFF;
    --input-field-border-color_hover: #007CFF;
    --input-field-cancel-border-color: #f1f1f1;
    --input-checkbox-error-color: #e93a91;
    --input-checkbox-disabled-color: #7e7e7e;
    --input-dropdown-background: #fff;
    --input-dropdown-border: 1px solid #dedede;

    --qrcode-filter: none;
    /*--app-info-layer-background: linear-gradient(7deg, #0173ff 17px, #A9CCFF 60%, #EFF6FF);*/
    --app-info-layer-background: linear-gradient(7deg, #0051b5 17px, #007CFF 60%, #007CFF);

    --footer-fixed-background: #FFF;

    --notification-badge-background: #000;
    --notification-badge-color: #FFF;
    --notification-badge-alert-background: #ff0062;
    --notification-badge-alert-color: #FFF;

    --chat-background: #4b535c;
    --chat-footer-background: linear-gradient(to bottom, rgb(255 255 255 / 0%) 0px, rgb(85, 92, 101) 25px, rgb(85, 92, 101) 100%);
    --chat-form-background: linear-gradient(to top, var(--chat-background) 80px, rgba(242, 242, 247, 0) 100%);
    --chat-close-background: #4b535cab;
    --chat-close-color: #a5a9ad;
    --chat-close-background_hover: #5b626b;
    --chat-close-color_hover: #FFF;
    --chat-header-color: #a5a9ad;
    --chat-wrapper-background: #efefef;
    --chat-wrapper-color: #4e4e4e;
    --chat-wrapper-me-background: #d9fdd3;
    --chat-wrapper-me-color: #000;
    --chat-wrapper-admin-background: #007cff;
    --chat-wrapper-admin-color: #fff;
    --chat-input-field: #fff;

    --feedback-background: #f2f2f7;
    --feedback-bubble-me-background: #f2f2f7;
    --feedback-bubble-color: #1D1D1F;
    --feedback-bubble-support-background: #e8f0fe;

    --result-badge-high-background: #44C31B;
    --result-badge-high-color: #fff;

    --quote-color: #00000040;
    --grey-color: #C1C3C8;

    --countdown-background: #c38c01;
    --countdown-color: #fff;

    --password-input-background: #00000014;

    --black-color: #000;
    --lblack-color: #4b535c;
    --g-color: #8F8F94;
    --dg-color: #737378;
    --white-background: #FFF;
    --gback-background: #E9E9E9;
    --lgback-background: #f2f2f7;
    --lbback-background: #e8f0fe;

    --polls-list-background_hover: #f2f2f7;
    --polls-list-divider-color: #f2f2f7;

    --package-duration-savings-background: #3c445c;
    --package-compare-background1: #fff;
    --package-compare-background2: rgb(239 246 255 / 26%);
    --package-compare-background3: rgba(235, 185, 33, 0.07);
    --package-compare-background4: rgb(172 192 255 / 19%);
    --package-compare-background5: #fbfbfb;
    --package-compare-background-free: #eff6ff;
    --package-compare-popular-background: #3c445c;
    --package-compare-popular-color: #fff;
    --package-compare-cross-color: #0000002b;

    --theme-background-darken: rgba(0, 0, 0, 0.5);

    --livemode-progress-background: #7ff085;
    --livemode-box-background: #fff;
    --livemode-box-border: 1px solid #ffffff3b;
    --livemode-qrcode-filter: unset;

    --popup-shadow: -1px 8px 20px rgba(0, 0, 0, 0.3);
}

@font-face {
    /*
    Font is loaded in header
     */
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/*noinspection ALL*/
.fa,
[class^="fa-"], [class*=" fa-"] {
    font-family: 'fa' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.fa-ok:before,
.fa-check:before {
    content: "\e609";
}

.fa-square-o:before {
    content: "\e622";
}

.fa-check-square:before {
    content: "\e618";
}

.fa-check-square-o:before {
    content: "\e924";
}

.fa-maybe:before {
    content: "\e924";
}

.fa-square:before {
    content: "\e61b";
}

.fa-freetext:before {
    content: "\e932";
}

.fa-plus-square:before {
    content: "\e61e";
}

.fa-cog:before {
    content: "\e608";
}

.fa-viewlist:before {
    content: "\e634";
}

.fa-playlist_add_check:before {
    content: "\e925";
}

.fa-addpoll:before {
    content: "\e635";
}

.fa-edit:before {
    content: "\e637";
}

.fa-clock:before {
    content: "\e60b";
}

.fa-envelope-o:before {
    content: "\e607";
}

.fa-envelope:before {
    content: "\e61d";
}

.fa-trash:before {
    content: "\e60a";
}

.fa-remove:before {
    content: "\e60c";
}

.fa-remove-thin:before {
    content: "\e91f";
}

.fa-chevron-left:before {
    content: "\e612";
}

.fa-chevron-right:before {
    content: "\e611";
}

.fa-map-marker:before {
    content: "\e60e";
}

.fa-image:before {
    content: "\e60d";
}

.fa-camera:before {
    content: "\e920";
}

.fa-user:before {
    content: "\e624";
}

.fa-user-add:before {
    content: "\e623";
}

.fa-user-check:before {
    content: "\e919";
}

.fa-users:before {
    content: "\e625";
}

.fa-sun:before {
    content: "\e626";
}

.fa-moon:before {
    content: "\e619";
}

.fa-bell:before {
    content: "\e629";
}

.fa-comment:before {
    content: "\e614";
}

.fa-lock:before {
    content: "\e91d";
}

.fa-no_lock:before {
    content: "\e91e";
}

.fa-printer:before {
    content: "\e628";
}

.fa-question-sign:before {
    content: "\e613";
}

.fa-legal:before {
    content: "\e61a";
}

.fa-eye-close:before {
    content: "\e620";
}

.fa-eye-half-close:before {
    content: "\e90c";
}

.fa-bone:before {
    content: "\e631";
}

.fa-not:before {
    content: "\e633";
}

.fa-undo:before {
    content: "\e630";
}

.fa-winner:before {
    content: "\e632";
}

.fa-list-ol:before {
    content: "\e61f";
}

.fa-bars:before {
    /*content: "\e616";*/
    content: "\e93b";
}

.fa-sandwich:before {
    content: "\e93b";
}

.fa-link:before {
    content: "\e602";
}

.fa-whatsapp:before {
    content: "\e606";
}

.fa-facebook:before {
    content: "\e915";
}

.fa-messenger:before {
    content: "\e927";
}

.fa-twitter:before {
    content: "\e928";
}

.fa-alternate_email:before {
    content: "\e929";
}

.fa-linkedin:before {
    content: "\e930";
}

.fa-telegram:before {
    content: "\e931";
}

.fa-globe:before {
    content: "\e617";
}

.fa-spinner:before {
    content: "\e903" !important;
}

.fa-info:before {
    content: "\e62b";
}

.fa-new:before {
    content: "\e62c";
}

.fa-hint:before {
    content: "\e62d";
}

.fa-mobile:before {
    content: "\e62e";
}

.fa-desktop:before {
    content: "\e62f";
}

.fa-star:before {
    content: "\e600";
}

.fa-star-filled:before {
    content: "\e621";
}

.fa-and_star:before {
    content: "\e922";
}

.fa-and_star_outline:before {
    content: "\e923";
}

.fa-checklist:before {
    content: "\e615";
}

.fa-options:before {
    content: "\e61f";
}

.fa-narrow:before {
    content: "\e921";
}

.fa-move-vertical:before {
    content: "\e92a";
}

.fa-username:before {
    content: "\e636";
}

.fa-comment-o:before {
    content: "\e900";
}

.fa-arrow-left:before {
    content: "\e901";
}

.fa-arrow-right:before {
    content: "\e902";
}

.fa-loading:before {
    content: "\e903";
}

.fa-check-thin:before {
    content: "\e904";
}

.fa-cross:before {
    content: "\e905";
}

.fa-check-thin-circle:before {
    content: "\e906";
}

.fa-remove-circle:before,
.fa-cross-circle:before {
    content: "\e907";
}

.fa-check-thin-o:before {
    content: "\e908";
}

.fa-cross-circle-o:before {
    content: "\e909";
}

.fa-minus-circle:before {
    content: "\e90a";
}

.fa-minus-o:before {
    content: "\e90b";
}

.fa-plus:before {
    content: "\e92c";
}

.fa-minus:before {
    content: "\e92d";
}

.fa-plus-minus1:before {
    content: "\e92e";
}


.fa-add_circle_outline:before {
    content: "\e926";
}

.fa-share:before {
    content: "\e90d";
}

.fa-copy:before {
    content: "\e90e";
}

.fa-download:before {
    content: "\e90f";
}

.fa-file-csv:before {
    content: "\e910";
}

.fa-file-excel:before {
    content: "\e911";
}

.fa-file-pdf:before {
    content: "\e913";
}

.fa-qr:before {
    content: "\e914";
}

.fa-chat:before {
    content: "\e912";
}

.fa-send:before {
    content: "\e916";
}

.fa-calendar:before {
    content: "\e917";
}

.fa-calendar-check-o:before {
    content: "\e91a";
}

.fa-dots:before {
    content: "\e918";
}

.fa-dots-vertical:before {
    content: "\e91b";
}

.fa-search:before {
    content: "\e92b";
}

.fa-archive:before {
    content: "\e91c";
}

.fa-unarchive:before {
    content: "\e92f";
}

.fa-edit2:before {
    content: "\e933";
}

.fa-sort-alpha:before {
    content: "\e934";
}

.fa-sort-time:before {
    content: "\e935";
}

.fa-play_circle_outline:before {
    content: "\e936";
}

.fa-play_circle_filled:before {
    content: "\e937";
}

.fa-pause_circle_outline:before {
    content: "\e938";
}

.fa-pause_circle_filled:before {
    content: "\e939";
}

.fa-youtube-play:before {
    content: "\e93a";
}

.fa-plusminus:before {
    content: "\e93c";
}

.fa-return:before {
    content: "\e93d";
}

.fa-repeat:before {
    content: "\e93e";
}

.fa-fullscreen:before {
    content: "\e93f";
}

.fa-live:before {
    content: "\e940";
}

.fa-magic:before {
    content: "\e941";
}


*::-webkit-scrollbar {
    width: 10px;
    height: 11px;
    background: transparent;
}

html.is_safari *::-webkit-scrollbar {
    background: inherit;
}

@media not all and (min-resolution: .001dpcm) {
    @media {

        *::-webkit-scrollbar {
            background: #f2f2f7;
        }

    }
}

*::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 10px;
    margin: 10px;
}

*::-webkit-scrollbar-track:hover {
    background: #4b535c17;
}

*::-webkit-scrollbar-thumb {
    background: rgba(159, 164, 169, 0.3);

    border-radius: 10px;
    min-width: 120px;
}

*::-webkit-scrollbar-thumb:hover {
    background-color: #9fa4a9;
}

html.menu_show .list_wrapper::-webkit-scrollbar,
.chat-wrapper::-webkit-scrollbar-track {
    background: var(--scrollbar-background_list);
}

* {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;

    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;

    scrollbar-width: auto;
    scrollbar-color: var(--scrollbar-color) var(--scrollbar-background);
    scrollbar-color: auto;

    box-decoration-break: clone;

    caret-color: var(--caret-color);
}


html {
    margin: 0;
    height: 100%;
    background: var(--body-background);
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    /*-webkit-tap-highlight-color: rgba(0, 0, 0, 0);*/
    overflow: overlay;
    interpolate-size: allow-keywords;
    -webkit-tap-highlight-color: transparent; /* oder rgba(0,0,0,0) */
}

body {
    position: relative;
    /*-webkit-overflow-scrolling: touch;*/
    background: var(--body-background);
    color: var(--body-color);
    font-size: 16px;
    line-height: 1.3;
    padding-top: 50px;
    height: 100%;
    margin: 0;
}

html, body {
    /*overscroll-behavior-y: contain;*/
    /*overflow: overlay; DONT DO THIS*/
}

html.menu_voted,
html.menu_voted body,
html.menu_done,
html.menu_done body,
html.menu_logout,
html.menu_logout body,
modal.fullscreen.menu_examples mcontainer,
html.menu_examples,
html.menu_examples body,
html.menu_new,
html.menu_new body {
    background: var(--body-light-background);
}

html.menu_show,
html.menu_show body {
    background: var(--list-background);
}

html.has-fullback {
    overflow: hidden
}

html.is_admin.menu_show body {
    padding-top: 50px
}

html.is_app.menu_show body {
    padding-top: 47px;
}

html.modal_open {
    overflow: hidden;
}

html.menu_pages,
html.menu_pages body,
html.is_app.menu_faq,
html.is_app.menu_faq body,
html.wbck body {
    background: var(--pages-background)
}

html.p0 body {
    padding: 0
}


html.menu_home,
html.menu_feedback,
html.menu_feedback body,
html.menu_webaccount,
html.menu_webaccount body,
.menu_home body {
    padding-top: 0;
    background: var(--body-background);
}

/*
html.theme body {
    color: #fff;
    text-shadow: 0 0 54px rgba(0, 0, 0, 0.92);
}
*/

html.theme.menu_show body::after,
html.theme.menu_show body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -2;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    will-change: transform;
    transform: translateZ(0);
}

html.theme.menu_show.intro body::after {
    z-index: 10000000;
    transition: opacity 2s;
    opacity: 1;
    pointer-events: none;
    animation: intro 2s ease-out forwards;
    animation-delay: 1.5s;
    pointer-events: all;
}

html.theme[class*="th-"].menu_show body:before {
    background-image: linear-gradient(var(--theme-background-darken), var(--theme-background-darken)), var(--theme-img) !important;
    z-index: -1;
}

html.theme[class*="th-"].menu_show body:after {
    background-image: var(--theme-img) !important;
}

@keyframes intro {
    from {
        opacity: 1;
        pointer-events: all;
    }
    to {
        opacity: 0;
        pointer-events: none;
    }
}


html.theme.menu_show,
html.theme.menu_show body,
html.theme.menu_show #content_top {
    background: none !important;
}

html.theme #app_info_layer {
    opacity: 0.85;
}

html.theme:not(.example_mode) {
    --top-navbar-background: #000;
}

html.theme {
    --navbar-background: #000;
    --list-background: transparent;
    --vote-name-section-background: transparent;
    --list-color: #ffffff;
    --list-stats-text-color: #fff;
    --vote-comment-color: rgba(255, 255, 255, 0.8);
    --vote-name-selected-background: #0000007d;
    --scrollbar-background_list: rgb(0 0 0 / 0%);
    --list-showvotes-background: transparent;
    --show-all-options-color: #ffffff80;
    /*--options-background: transparent;*/
    /*--list-description-background:#00000069;*/
    /*--list-description-color-light:#fff;*/
    /*--list-description-color:#fff;*/
}

.h1, .h2, .h3, .h4, .h5, .h6,
h1, h2, h3, h4, h5, h6 {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: inherit;
    /*text-rendering:optimizelegibility;*/
}

.h1,
h1 {
    font-size: 22px
}

.h1.headline,
h1.headline {
    font-size: 28px;
    font-weight: 500;
    margin-top: 40px;
    margin-bottom: 10px;
}

.h2,
h2 {
    font-size: 20px
}

.h3,
h3 {
    font-size: 18px
}

em {
    font-style: normal;
}

.alert h1 {
    margin-bottom: 10px !important;
}

input[type="text"],
input[type="time"],
input[type="date"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="submit"],
textarea {
    /*font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
    resize: none;
    color: var(--input-field-light-color);
    background: var(--input-field-background);
    max-width: 100%;
}

input[type="date"] {
    line-height: inherit;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: inherit;
}

input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    /*font-size: 200px;*/
    direction: ltr;
    z-index: -1
}

input:not(.ios)[type="checkbox"] {
    display: none;
}

input[type="checkbox"]:not(.ios) + span:before {
    font-family: 'fa';
    font-size: 26px;
    position: absolute;
    content: "\e622";
    /*speak: none;*/
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    border-radius: 5px;
    color: var(--input-label-color);
    left: 10px;
}

input[type="checkbox"]:not(.ios) + span {
    margin-left: 30px;
    display: inline-block;
    pointer-events: none;
    line-height: 20px
}

html:not(.menu_account):not(.menu_webaccount) input#create_account:not(.ios) + span,
html:not(.menu_account):not(.menu_webaccount) input#newsletter:not(.ios) + span,
html:not(.menu_account):not(.menu_webaccount) input#terms:not(.ios) + span {
    margin-left: 40px;
    font-size: 15px;
}

input[type="checkbox"]:not(.ios) + span a {
    pointer-events: all;
}


input[type="checkbox"]:not(.ios):checked + span:before {
    content: "\e618";
    /*background: rgba(0, 0, 0, 0);*/
    -webkit-animation: tick 120ms ease-in;
    animation: tick 120ms ease-in;
    color: #007CFF
}

@media (hover: hover) {
    input[type="checkbox"]:not(.ios) + span:active:before,
    input[type="checkbox"]:not(.ios) + span:hover:before,
    label:hover input[type="checkbox"]:not(.ios) + span:before {
        /*background: rgba(193, 195, 200, 0.2);*/
        color: #007CFF
    }
}

input[type="checkbox"]:not(.ios):focus {
    outline: none
}

label {
    font-weight: normal;
    margin: 0;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    height: auto !important;
    cursor: pointer;
}

ul, ol {
    margin-bottom: 0;
    padding: 0;
}

ul, li {
    list-style-type: none;
}

.link-style,
a {
    text-decoration: none;
    color: var(--primary_color_link);
}

.link-inherit {
    color: inherit;
}

@media (hover: hover) {

    label[for].form-control:hover span {
        color: var(--primary_color_link_hover);
    }

    .link,
    a:hover,
    a:focus {
        color: var(--primary_color_link_hover);
        outline: 0;
    }
}

a.ondarkback {
    color: #3499ff
}

a.u {
    text-decoration: underline;
}

a.u:hover,
html.mobile a,
html.mobile a:hover,
html.mobile a:active {
    text-decoration: none;
}


/* THIS HACK REMOVES THE 300ms TOUCH DELAY ON IE10 */
a, input, button {
    -ms-touch-action: none !important;
}

us {
    text-decoration: none;
    border-bottom: 1px solid #555;
}

.hidden,
.hide {
    display: none;
}

.hide_important {
    display: none !important;
}

.twb {
    text-wrap: balance;
}

.container {
    position: relative;
    padding-right: 5px;
    padding-left: 5px;
}

.desktop.menu_show footer.container {
    text-align: center;
}

.desktop.menu_show .avatar .fa-user {
    font-size: 70px;
}

.desktop.fullsize .container {
    margin-left: 0
}

html.menu_pages #content_top {
    padding: 20px 15px 60px 15px;
}

.account-photo {
    max-width: 100%;
    z-index: 2;
    width: 40px;
    position: relative;
    margin-top: -5px;
    margin-right: -10px;
    margin-left: 10px;
    top: 1px;
    border-radius: 50%;
}

.account-photo-vote {
    width: 32px;
    left: 10px;
    border-radius: 50%;
    position: absolute;
    z-index: 3;
    top: 0px;
}

html.menu_new .account-photo-vote {
    top: 5px;
}

.account-photo.is_empty,
.account-photo-vote.is_empty {
    filter: grayscale(1);
}


html.menu_home .account-photo {
    border-radius: 50%;
    border: 2px solid #FFF;
    position: absolute;
    width: 51px;
    top: 12px;
    margin-left: -51px;
}

.account-avatar.shadow {
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.08);
}

.calendar_provider_icon {
    width: 30px;
    height: 30px;
    display: inline-block;
}

.calendar_provider_icon.google {
    background: url("/img/google.svg") center/contain no-repeat;
}

.calendar_provider_icon.office365 {
    background: url("/img/office365.svg") center/contain no-repeat;
}

.phone .container {
    /*max-width: 570px;*/
}

.alert {
    padding: 18px 20px 18px;
    border-radius: 10px;
    border: none;
    position: relative;
    z-index: 1;
    text-wrap: balance;
    line-height: 1.2;
}

.alert.alert-flex-centered {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    row-gap: 4px;
}

.alert.sticky {
    box-shadow: var(--alert-box-shadow);
}

.alert.alert-padding {
    padding: 20px;
}

.alert h4 {
    margin-top: 0 !important;
    color: inherit;
}

.alert > p,
.alert > ul {
    margin-bottom: 0;
}

.alert > p + p {
    margin-top: 5px;
}

.alert-success {
    background: linear-gradient(161deg, #7be85a, #2fcd00) !important;
    color: #FFF !important;
}

.alert-action {
    background: var(--alert-action-background) !important;
    color: var(--alert-action-color) !important;
}

.alert-action a:not(.btn) {
    color: var(--alert-action-color)
}

.alert-warning {
    background-color: var(--alert-warning-background);
    border: none;
    color: var(--alert-warning-color);
}

.alert-warning.with-icon .fa {
    color: var(--alert-warning-with-icon-color);
}

.alert-warning + .alert-warning {
    border-top: 1px solid var(--alert-warning-border-top);
}

.alert-light {
    background-color: var(--alert-light-background);
    color: var(--alert-light-color);
}

.alert-info {
    border: none;
    background-color: var(--alert-info-background);
    color: var(--alert-info-color);
}

.alert-info h4 {
    font-weight: 500;
}

.alert-info h6 {
    padding: 0;
    color: var(--alert-info-title-color)
}

.alert-white {
    background-color: var(--alert-white-background);
    border: none;
    color: var(--alert-white-color);
    box-shadow: var(--alert-white-shadow);
}

.info-box {
    padding: 22px 24px;
    border-radius: 10px;
}

.info-box-icon {
    color: #f9ab00;
}

.info-box-onwhite {
    background-color: var(--info-box-onwhite-background);
    color: var(--info-box-onwhite-color);
}

.info-box-ongrey {
    background-color: var(--info-box-ongrey-background);
    color: var(--info-box-ongrey-color);
}

.alert-info.with-icon > .fa {
    color: #0056b14d;
}

.alert-info.alert-dark-force.with-icon > .fa {
    color: var(--alert-dark-with-icon-color);
}

.alert-dark .btn-bordered {
    box-shadow: inset 0 0 0 1px var(--alert-dark-color);
    color: var(--alert-dark-color);
}

.alert.with-icon > .fa-hint,
.alert.info-box-onwhite.with-icon > .fa,
.alert.info-box-ongrey.with-icon > .fa,
.alert-light.with-icon > .fa {
    color: var(--alert-light-with-icon-color);
}

.alert-light > h1 {
    color: var(--alert-light-title-color);
}


.alert.with-icon {
    padding-left: 50px;
}

.alert.alert-padding.with-icon {
    padding-left: 55px;
}

.alert.with-icon .fa {
    font-size: 21px;
    margin: 0;
    vertical-align: text-top;
    top: auto;
    position: absolute;
    left: 17px;
    display: inline-block;
    margin-top: 1px;
}

.alert.alert-padding.with-icon .fa {
    left: 20px;
}

.alert.with-icon.happy {
    padding-left: 80px;
    min-height: 75px;
    padding-top: 25px;
}

.alert.with-icon.happy .fa {
    font-size: 36px;
    left: 25px;
    top: 15px;
    color: inherit;
}

.alert.with-icon.happy .fa:before {
    content: '🎉';
}

.menu_show .alert.with-icon {
    padding-left: 50px;
}

.menu_show .alert.with-icon .fa {
    font-size: 18px;
    left: 20px;
}

.alert-dark {
    color: var(--alert-dark-color);
    background: var(--alert-dark-background);
    font-weight: 500;
}

.alert-dark-force {
    color: var(--alert-dark-color) !important;
    background: var(--alert-dark-background) !important;
}

.alert-ldark {
    color: var(--alert-lightdark-color);
    background: var(--alert-lightdark-background)
}

.alert-ddark {
    color: var(--alert-darkdark-color);
    background: var(--alert-darkdark-background)
}

.alert-danger,
.alert-error {
    color: #FFF;
    background: #e93a91
}

.alert-red {
    color: #e93a91 !important;
}

.alert-error ul li {
    list-style-type: disc;
    margin-left: 10px;
    line-height: 1.2;
}

.alert-error ul li + li {
    margin-top: 8px;
}

.alert .fa {
    font-size: 20px;
    /*float: left;*/
    margin: 0 10px 0 0;
    vertical-align: text-top;
    top: -3px
}

.alert em {
    font-style: normal;
    background: rgba(0, 0, 0, 0.18);
    padding: 2px 5px;
    margin-top: -2px;
    border-radius: 2px;
}

.alert-poll {
    color: var(--alert-poll-color);
    background: var(--alert-poll-background);
    padding: 12px 20px 10px;
    font-size: 15px;
}

.alert-poll.alert i.fa {
    color: var(--alert-poll-icon-color);
    font-size: 16px !important;
}

asterisk {
    font-size: 20px;
    font-family: 'Times New Roman', Times, serif;
}

.info-box.asterisk {
    padding-left: 40px
}

.info-box.asterisk asterisk {
    position: absolute;
    margin-left: -20px;
}

password {
    display: block;
    font-weight: 600;
    font-size: 20px;
    margin: 10px 0;
    padding: 8px 15px;
    border-radius: 8px;
    width: fit-content;
    background: var(--password-input-background);
    border: 1px solid #00000012;
    font-family: courier, tahoma, arial;
}

.menu_voted password {
    padding-right: 60px;
    position: relative;
}

.menu_voted password:after {
    position: absolute;
    content: '\e90d';
    font-family: fa;
    right: 10px;
    color: var(--primary_color_link);
    font-weight: 400;
}

.menu_voted password:hover:after {
    opacity: 1;
    cursor: pointer
}

.feature-recommendation.alert {
    font-size: 15px !important;
    line-height: 19px;
}

.feature-recommendation.alert h1 {
    font-size: 17px !important;
    font-weight: 500;
    margin-bottom: 20px !important;
}

.feature-recommendation.alert li + li {
    margin-top: 10px;
}

.badge {
    border-radius: 20px;
    margin-top: -1px;
    padding: 3px 8px;
    font-weight: normal;
    background: var(--btn-primary-background);
}

.badge-notification {
    border-radius: 10px;
    height: 20px;
    background: var(--notification-badge-alert-background);
    color: var(--notification-badge-alert-color);
    font-size: 12px;
    min-width: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: 500;
}

.badge-notification.settings_selected_count {
    opacity: 0;
    position: absolute;
    top: -4px;
    transition: all 0.2s ease;
    margin-left: -2px;
}

.badge-notification.settings_selected_count.has_value {
    margin-left: 0;
    opacity: 1;
}

.badge-default {
    background: var(--notification-badge-background);
    color: var(--notification-badge-color);
}

.flex-col {
    display: flex;
    flex-direction: column;
}

.flex-center {
    display: flex;
    justify-content: center;
}

.flex-evenly {
    display: flex;
    justify-content: space-evenly;
}

.flex-around {
    display: flex;
    justify-content: space-around;
}

.flex-right {
    display: flex;
    justify-content: flex-end;
}


.flex-end {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.flex-start {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.flexvcenter {
    display: flex;
    align-items: center;
}

.flex-middle {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.flex3 > * {
    width: 33.3%
}

.self-start {
    align-self: flex-start;
}

.self-end {
    align-self: flex-end;
}

.row {
    margin-left: 0;
    margin-right: 0;
}

.btn {
    padding: 0 15px;
    line-height: 37px;
    /*box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);*/
    outline: 0;
    max-width: 100% !important;
    font-size: 16px;
    margin: 0;
}

.btn,
.form-control {
    border-radius: 8px;
    border: none;
}

.btn {
    background-color: var(--btn-background);
    color: var(--btn-color);
    outline: none;
    font-weight: 500;
}

.btn:active,
.btn.active {
    outline: none;
    box-shadow: none;
}

.btn:hover,
.btn:focus {
    background-color: var(--btn-background_focus);
    outline: none;
}

.btn:active {
    background-color: var(--btn-background_active);
}

.btn.selected {
    background: var(--btn-background_selected);
    color: var(--btn-color_selected);
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
    color: unset;
    border-color: unset;
}

@media (hover: hover) {
    .btn:hover, .btn:focus,
    .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
        color: var(--btn-color_hover);
        border-color: unset;
        background: var(--btn-background_hover)
    }
}

.btn-white,
.btn-white:active,
.btn-white.ative {
    background: var(--btn-white-background);
    color: var(--btn-white-color);
}


@media (hover: hover) {
    .btn-white:hover {
        background: var(--btn-white-background_hover);
        color: var(--btn-white-color_hover);
    }
}

.btn-gray,
.btn-gray:active,
.btn-gray.active {
    color: var(--btn-gray-color) !important;
    background-color: var(--btn-gray-background) !important;
}

.btn-gray:hover {
    background-color: var(--btn-gray-background_hover) !important;
    color: var(--btn-gray-color_hover) !important;
}

.btn-primary {
    background: var(--btn-primary-background);
    color: var(--btn-primary-color);
    font-weight: 500;
}

.btn-primary.active,
.btn-primary:active {
    background: var(--btn-primary-background_hover) !important;
    color: var(--btn-primary-color_hover);
    box-shadow: none;
}


.btn-primary:hover {
    background-color: var(--btn-primary-background_hover);
    color: var(--btn-primary-color_hover)
}

.btn-primary:focus {
    background-color: var(--btn-primary-background_hover);
    color: var(--btn-primary-color_hover);
}

@media (hover: hover) {

    .options .btn-gray:hover {
        color: #2b91ff !important;
        background: #eef5ff !important;
    }

    #request_options li.options .btn-gray:hover {
        color: #2b91ff !important;
        box-shadow: 0px 0px 0px 1px #007CFF !important;
    }
}

@media (hover: none) {
    .btn-primary:active,
    .btn-primary:focus,
    .btn-primary:hover {
        background: var(--btn-primary-background);
        color: var(--btn-primary-color);
        font-weight: 500;
    }

    .btn-primary:active {
        background: var(--btn-primary-background) !important;
    }
}

.btn-primary#jalert_ok {
    background: var(--btn-primary-background);
}

.btn-primary#jalert_ok:hover {
    background-color: var(--btn-primary-background_hover);
}

.btn-primary.selected {
    background: var(--btn-primary-background_hover);
}

.btn-bordered,
.btn-bordered:active,
.btn-bordered.ative {
    background: var(--btn-bordered-background);
    color: var(--btn-bordered-color);
    box-shadow: var(--btn-bordered-box-shadow);
}

.btn-light,
.btn-light:active,
.btn-light:hover,
.btn-light:focus {
    background: var(--btn-light-background) !important;
    color: inherit;
}

.btn-dark,
.btn-dark:active,
.btn-dark.active {
    color: var(--btn-dark-color) !important;
    background-color: var(--btn-dark-background) !important;
}


.btn-trans,
.btn-trans:active,
.btn-trans.active {
    background-color: var(--btn-trans-background) !important;
    color: var(--btn-trans-color) !important;
}

.btn-clear,
.btn-clear:active,
.btn-clear:hover,
.btn-clear:focus,
.btn-clear.active {
    background-color: var(--btn-clear-background) !important;
    color: var(--btn-clear-color)
}


.btn-success,
.btn-success:active,
.btn-success.active,
.btn-greenhover:hover {
    background-color: var(--btn-success-background) !important;
    color: var(--btn-success-color) !important;
    font-weight: 500;
}

.btn-rounded {
    border-radius: 50px;
    padding: 0 12px;
}


.btn-bordered:focus,
.btn-bordered:hover {
    background: var(--btn-bordered-background_hover);
    color: var(--btn-bordered-color_hover);
}

@media (hover: hover) {
    .btn-dark:focus,
    .btn-dark:hover {
        background-color: var(--btn-dark-background_hover) !important;
        box-shadow: inset 0 0 0 2px var(--btn-dark-background);
        border-radius: 10px;
    }

    .btn-trans:focus,
    .btn-trans:hover {
        background-color: var(--btn-trans-background_hover) !important;
        color: var(--btn-trans-color_hover) !important;
    }

    .btn-success:hover,
    .btn-success:focus {
        background-color: var(--btn-success-background_hover) !important;
        color: var(--btn-success-color_hover) !important;
    }

    .btn-clear:focus,
    .btn-clear:focus i.fa.blue,
    .btn-clear:hover,
    .btn-clear:hover i.fa.blue {
        color: var(--btn-clear-color_hover) !important;
    }
}

.btn-primary.success,
.vote_options .btn-success,
.vote_options .btn-success.active {
    background-color: #4CD324 !important;
    color: #FFF !important;
}

@media (hover: hover) {
    .vote_options .btn-success:active,
    .vote_options .btn-greenhover:hover {
        background-color: #4CD324 !important;
        color: #FFF !important;
    }

    .vote_options .btn-success:hover,
    .vote_options .btn-success:focus {
        background-color: #44C31B !important;
    }
}

.btn-danger,
.btn-danger.active {
    color: #FFF !important;
    background-color: #e93a91 !important;
}

@media (hover: hover) {

    .btn-danger:active,
    .btn-redhover:hover,
    .btn-redhover:active {
        color: #FFF !important;
        background-color: #ff399d !important;
    }

    .btn-danger:hover {
        background-color: #ff399d !important;
    }
}

.btn-redhover:hover .fa,
.btn-greenhover:hover .fa {
    color: #FFF;
}


.btn:not(.btn-bordered) > i.fa:not(.dg),
.alert i.fa,
.toggle .active i.fa {
    color: rgba(255, 255, 255, 0.5);
}


.alert#close_action,
.btn.close_poll,
.closed_poll {
    background: var(--list-closed-background-header);
    color: var(--list-closed-color);
}

.closed_poll.fixed {
    z-index: 2;
}

.closed_poll h2 {
    background: var(--list-closed-background-header);
    line-height: 20px;
}

.close_poll_hint {
    padding: 2px 12px;
    border-radius: 6px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    background: var(--list-closed-background-header);
    color: #fff;
}

.show_all_poll {
    padding: 2px 5px;
    border-radius: 6px;
    /*background: var(--show-all-options-background);*/
    color: var(--show-all-options-color);
    line-height: 14px;
    display: inline-block;
    text-align: left;
    margin-left: 10px;
    font-size: 12px;
    z-index: 0;
    pointer-events: auto;
    backdrop-filter: blur(2px);
}

.closed_poll_result {
    display: inline-flex;
    column-gap: 20px;
    row-gap: 20px;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
}

.selected .cal-ev event,
.closed_poll_result .cal-ev event {
    background: #ffffffbf !important;
}

.btn:hover i.fa {
    color: inherit;
}

.btn > .fa.med {
    position: relative;
    top: 8px;
    margin-right: 10px;
}

.btn > .fa.mid {
    font-size: 20px;
    top: 3px;
}

.btn:hover > .fa.mid {
    color: inherit !important;
}


.btn-100 {
    padding: 0 15px;
    width: 100%;
    text-align: left;
}

.btn-small {
    padding: 0 12px;
    line-height: 30px;
    font-size: 14px;
}

.btn-large {
    padding: 0 35px;
    width: auto;
    min-width: 135px;
    max-width: 100%;
}

.btn.disabled {
    opacity: 0.5;
    filter: grayscale(1);
}

a.pending::after,
.btn.pending::after {
    position: absolute;
    content: "\e601";
    margin-left: 7px;
    font-family: 'fa';
    -webkit-animation: spin 2s infinite linear;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
    font-size: 16px;
}

.btn-pending.pending {
    color: transparent;
    transition: color .1s ease-out;
    overflow: hidden;
}

a.btn-pending::after,
.btn.btn-pending::after {
    left: 150%;
    opacity: 0;
    margin-left: 0;
    color: var(--primary_color_link);
    font-size: 20px;
}

.btn-pending.pending::after {
    transition: all 0.3s ease-out;
    left: calc(50% - 10px);
    opacity: 1;
}

.col-sm-3,
.col-sm-9 {
    min-height: 0;
}

.content {
    margin-bottom: 20px;
}

html.menu_done .content {
    float: none;
}


.header_message {
    z-index: 1000;
    text-align: center;
    border-radius: 0;
    position: relative;
}

.header_message > .alert {
    border-radius: 0;
    text-align: left;
}


.ucase {
    text-transform: uppercase;
}


.awesomplete [hidden] {
    display: none;
}

.awesomplete .visually-hidden {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}


.awesomplete > ul {
    position: absolute;
    left: 0;
    z-index: 100;
    min-width: 100%;
    box-sizing: border-box;
    list-style: none;
    padding: 0;
    margin: 0;
    background: #fff;
}

.awesomplete > ul:empty {
    display: none;
}

.awesomplete > ul {
    border-radius: .3em;
    margin: .2em 0 0;
    background: #FFF;
    box-shadow: .05em .2em .6em rgba(0, 0, 0, .2);
    text-shadow: none;
}

@supports (transform: scale(0)) {
    .awesomplete > ul {
        transition: .3s cubic-bezier(.4, .2, .5, 1.4);
        transform-origin: 1.43em -.43em;
    }

    .awesomplete > ul[hidden],
    .awesomplete > ul:empty {
        opacity: 0;
        transform: scale(0);
        display: block;
        transition-timing-function: ease;
    }
}

/* Pointer */
.awesomplete > ul:before {
    content: "";
    position: absolute;
    top: -.43em;
    left: 1em;
    width: 0;
    height: 0;
    padding: .4em;
    background: #fff;
    border: inherit;
    border-right: 0;
    border-bottom: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.awesomplete > ul > li {
    position: relative;
    padding: 5px 8px;
    cursor: pointer;
}

.awesomplete > ul > li:hover {
    background: rgba(0, 0, 0, 0.1);
    color: black;
}

.awesomplete > ul > li[aria-selected="true"] {
    background: #007CFF;
    color: #fff;
}

.awesomplete mark {
    background: hsl(50, 100%, 85%);
    background: transparent;
}

.awesomplete li:hover mark {
    background: hsl(68, 100%, 41%);
    background: transparent;
}

.awesomplete li[aria-selected="true"] mark {
    background: transparent;
    color: inherit;
}

#confetti-canvas {
    position: absolute;
    top: 0;
    left: 0;
}


.text_content ul li {
    list-style-type: disc;
    margin-left: 15px;
    margin-bottom: 5px;
    padding-left: 5px;
}

.text_content ul {
    margin-top: 15px;
    margin-bottom: 15px;
}

/************************************
 	ICON FONT STYLES
 	ANIMATIONS
*************************************/
a > i.fa,
a:hover i.fa {
    display: inline-block;
    text-decoration: none;
}

.fa-fw {
    width: 1.3em;
    text-align: center;
    display: inline-block;
}

.fa-f {
    margin-right: 3px;
    text-align: center;
    display: inline-block;
    position: relative;
    top: 2px;
    font-size: 16px;
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
}

.fa-stack-1x,
.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}

.fa-stack-1x {
    line-height: inherit;
}

.fa-stack-2x {
    font-size: 30px;
}

.icon-ul {
    padding-left: 0;
    margin-left: 2.142857142857143em;
    list-style-type: none;
}

.icon-ul > li {
    position: relative;
}

.icon-li {
    padding-left: 1.2em;
}

.icon-li .fa:first-child {
    position: absolute;
    left: 0;
}


.icon-ul-padding li {
    padding-left: 35px;
}

.fa-li {
    position: absolute;
    left: 0;
    width: 2.142857142857143em;
    text-align: center;
}

.btn > .fa {
    position: relative;
    top: 3px;
}

.spin,
.fa-spinner {
    -webkit-animation: spin 2s infinite linear;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg) scale(1);
    }
    100% {
        transform: rotate(359deg) scale(1);
    }
}

.bounce {
    animation: bounce 4s cubic-bezier(.55, .1, .45, .9) infinite alternate;
    will-change: transform;
    display: inline-block;
    position: absolute;
    bottom: 50%;
    left: 33%;
    transform: translateX(-50%);
    transform: translatey(-50%);
    opacity: 0;
}

.fullback-delay .bounce {
    animation: appear 1s ease-out 0.8s forwards, bounce 4s cubic-bezier(.55, .1, .45, .9) 0.8s infinite alternate;
    will-change: transform, opacity;
}

@keyframes bounce {
    0% {
        transform: translateX(-50%) translateY(0) scale(1, 1);
    }
    10% {
        transform: translateX(calc(-50% + 30px)) translateY(-120px) scale(0.9, 1.1);
    }
    20% {
        transform: translateX(calc(-50% + 60px)) translateY(0) scale(1.2, 0.8);
        opacity: 1;
    }
    30% {
        transform: translateX(calc(-50% + 90px)) translateY(-100px) scale(0.92, 1.08);
    }
    40% {
        transform: translateX(calc(-50% + 120px)) translateY(0) scale(1.15, 0.85);
    }
    50% {
        transform: translateX(calc(-50% + 150px)) translateY(-90px) scale(0.95, 1.05);
    }
    60% {
        transform: translateX(calc(-50% + 120px)) translateY(0) scale(1.1, 0.9);
    }
    70% {
        transform: translateX(calc(-50% + 90px)) translateY(-80px) scale(0.96, 1.04);
    }
    80% {
        transform: translateX(calc(-50% + 60px)) translateY(0) scale(1.08, 0.92);
    }
    90% {
        transform: translateX(calc(-50% + 30px)) translateY(-70px) scale(0.98, 1.02);
    }
    100% {
        transform: translateX(-50%) translateY(0) scale(1, 1);
        opacity: 1;
    }
}

@keyframes appear {
    from {
        opacity: 0;
        transform: translate(-50%, -50%) scale(0.5);
    }
    to {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
}

.fa.shw,
.text_shw {
    text-shadow: 0 1px 0 #FFF !important;
}

.fa.shb,
.text_shb {
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3) !important;
}


.btn-floating {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .5);
    position: fixed;
    bottom: 60px;
    right: 50px;
    width: 60px;
    height: 60px;
    border-radius: 30px;
}

.btn-floating > i.fa {
    color: inherit !important;
    top: unset
}

/*******************************************/
placeholder {
    display: none;
    position: absolute;
    z-index: 1;
    font-weight: 400;
    top: -5px;
    font-size: 10px;
    right: 7px;
    opacity: 0;
    color: #aeaeae;
    white-space: nowrap;
    transition: all .2s ease;
    display: inline-block;
}


input:not(:placeholder-shown) + placeholder,
input:valid:not(:placeholder-shown) + placeholder {
    opacity: 1;
    top: 3px;
}

input:placeholder-shown + placeholder {
    opacity: 0;
}


.form-group {
    background: var(--input-field-background);
    position: relative;
}

.form-control {
    position: relative;
    height: 42px;
    font-size: 16px;
    line-height: 21px;
    background: var(--input-field-background);
    color: var(--input-field-light-color);
    border: none;
    padding: 6px 10px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    transition: none;
}

label.form-control {
    background: var(--input-label-background);

}

.form-control:focus {
    position: relative;
    z-index: 1;
    border-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-color: var(--input-field-border-color_focus) !important;
}

@media (hover: hover) {
    .bordered:hover {
        border-color: var(--input-field-border-color_hover) !important;
    }
}

.inverted-fields textarea.form-control,
.inverted-fields input.form-control,
html.menu_login input.form-control,
html.menu_register input.form-control,
#jalert_container textarea.form-control,
#jalert_container input.form-control {
    border: var(--input-field-bordered-border);
}

.icon {
    font-size: 23px;
    margin-right: 6px;
    vertical-align: middle;
    top: -1px;
    position: relative;
}


.input {
    padding-top: 9px;
    vertical-align: middle;
    line-height: inherit;
}

.input.selected {
    background: #007CFF;
    color: #fff !important;
}

.input.selected:hover {
    background: #2b91ff;
}

.input.selected span {
    color: #FFF
}

.input.selected .icon {
    color: rgba(255, 255, 255, 0.7) !important;
}


.bot {
    border-top: 1px solid var(--table-border-color); /*#d9d8db*/
}

.bob {
    border-bottom: 1px solid var(--table-border-color);
}

.border {
    border-top: 1px solid var(--table-border-color);
    border-bottom: 1px solid var(--table-border-color);
}

.bordered {
    border: 1px solid var(--input-bordered-color) !important;
}

.box {
    word-break: normal;
}

#content_box {
    word-wrap: break-word;
    background: var(--modal-background);
    padding: 30px 30px 30px 30px;
    border-radius: 8px;
    min-height: 308px;
}

#content_box h1:first-child {
    margin-top: 0;
}

.menu_account #content_box {
    min-height: 250px;
}

.menu_faq #content_box,
.menu_newsletter #content_box,
.menu_backlinks #content_box,
.menu_backlinks #content_box .feature:not(.section-g1),
.menu_download #content_box .feature:not(.section-g1),
.menu_download #content_box {
    background: transparent;
}

.form_fields label[for].form-control,
.menu_webaccount label[for].form-control,
.menu_account label[for].form-control {
    display: block;
    width: fit-content;
    border-radius: 5px !important;
    margin-bottom: 1px;
}

html.menu_account .submitform {
    position: relative;
}

.resendValidation i.fa {
    top: 0;
    margin: 0 5px;
}


/*noinspection CssInvalidPseudoSelector*/
::-webkit-input-placeholder { /* WebKit browsers */
    color: var(--input-field-placeholder-color) !important;
    font-weight: normal;
}

/*noinspection ALL*/
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: var(--input-field-placeholder-color) !important;
    font-weight: normal;
}

/*noinspection CssInvalidPseudoSelector*/
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: var(--input-field-placeholder-color) !important;
    font-weight: normal;
}

/*noinspection ALL*/
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: var(--input-field-placeholder-color) !important;
    font-weight: normal;
}

/*noinspection ALL*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: var(--input-field-placeholder-color) !important;
    font-weight: normal;
}

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
    color: var(--input-field-placeholder-color_focus) !important;
    font-weight: normal;
}

/*noinspection ALL*/
input:-moz-placeholder, textarea:-moz-placeholder {
    color: var(--input-field-placeholder-color) !important;
    font-weight: normal;
}

/*noinspection ALL*/
#voter_name::-webkit-input-placeholder {
    color: var(--input-field-placeholder-color) !important;
    font-weight: 400;
}

.time_title ::-webkit-input-placeholder {
    color: var(--primary_color_link) !important;
    font-weight: 400;
}

.error {
    box-shadow: -3px 0 0 #e93a91;
    transition: border linear .2s, box-shadow linear .2s;
}

.error:focus {
    box-shadow: -3px 0 0 #e93a91, 0 0 0 3px rgba(0, 0, 0, 0.15);
}

.error.changed {
    box-shadow: -3px 0 0 #009800;
}

.inline_label + .error {
    box-shadow: none;
    background: linear-gradient(to right, #e93a91 41px, transparent 0%);
    border-color: #e93a91 !important;
}

.inline_label + .error.changed {
    background: linear-gradient(to right, #e2e2e2 41px, transparent 0%);
    border-color: #dddddd !important;
}


.errmess.changed {
    color: rgba(255, 255, 255, 0.8);
    list-style-type: circle;
}

.select {
    position: relative;
    min-width: 200px;
}

.select svg {
    position: absolute;
    right: 12px;
    top: calc(50% - 3px);
    width: 10px;
    height: 6px;
    stroke-width: 2px;
    stroke: #9098a9;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    pointer-events: none;
}

.select select {
    -webkit-appearance: none;
    padding: 7px 40px 7px 12px;
    width: 100%;
    min-width: 350px;
    max-width: 100%;
    border: var(--input-dropdown-border);
    border-radius: 5px;
    background: var(--input-dropdown-background);
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
    transition: all 150ms ease;
}

.select select:required:invalid {
    color: #5a667f;
}

.select select option {
    color: #223254;
}

.select select option[value=""][disabled] {
    display: none;
}

.poll_menu .select,
.select select.order-select-field {
    min-width: 100%;
}

.btn-dark .select select.order-select-field {
    color: var(--btn-dark-color) !important;
    background-color: var(--shade-background) !important;
    border-color: transparent !important;
}

.order-select-field-wrapper {
    margin-left: 35px;
}

.selected-option-order {
    position: absolute !important;
    top: 6px;
    color: var(--list-limit-text-color);
    right: 8px;
    font-size: 15px !important;
}

html.compact .selected-option-order {
    right: 4px;
}


@media (hover: hover) {

    .select select:hover,
    .select select:focus {
        outline: none;
        border-color: #007CFF;
    }

    .select select:focus + svg,
    .select select:hover + svg {
        stroke: #007CFF;
    }
}


html.menu_account label.select {
    width: 100%
}


.sprites {
    position: absolute;
    width: 0;
    height: 0;
    pointer-events: none;
    user-select: none;
}

.select_lang {
    position: fixed;
    background: var(--modal-background);
    display: flex;
    color: var(--modal-content-color);
    flex-direction: column;
    justify-content: center;
    width: 160px;
    padding: 4px;
    border-radius: 6px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
    font-size: 16px;
    margin-top: -10px;
    z-index: 10;
}

.select_lang div {
    display: block;
    padding: 8px 12px;
    border-radius: 4px;
    text-align: left;
}

.select_lang div + div {
    margin-top: 1px;
}

.select_lang div.active,
.select_lang div:hover {
    background: var(--language-menu-selected-background);
    cursor: pointer;
    color: var(--primary_color)
}

.select_lang div i {
    margin-right: 10px
}


/**********************************************************************************
    Navbar
**********************************************************************************/
.navbar {
    background: var(--top-navbar-background);
    min-height: 50px;
    color: #FFF;
    margin-bottom: 0;
    /*border-bottom:6px solid #72AFF3*/
    border-bottom: none;
}

.navigation li {
    width: 33.33%;
    display: inline-block;
    float: left;
    white-space: nowrap;
}

html.menu_show .navigation li {
    width: 50%;
}

.navbar-collapse {
    padding-left: 0;
    padding-right: 10px;
    max-height: 100%;
}


.navbar-nav {
    margin: 0;
}

.navbar-collapse .navbar-nav.navbar-right:last-child {
    margin-right: -10px;
}

html.menu_register .navbar-fixed-top,
html.menu_login .navbar-fixed-top,
html.menu_new .navbar-fixed-top,
html.menu_done .navbar-fixed-top {
    position: absolute;
}

.navigation li.tal > a {
    padding-left: 26px;
}

.navigation li.tar > a {
    padding-right: 15px;
    padding-left: 10px;
}

.navbar-toggle {
    float: none;
    border: none;
}

.navbar-nav > li > a,
.navbar h1 {
    line-height: 49px;
    font-size: 17px;
    margin: 0;
    padding: 0;
}

.navbar-fixed-top {
    border: none;
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
}

.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:hover {
    color: #FFF;
    outline: none !important;
}


.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background: #7DB6F5;
}

.navbar-nav > li > a.b {
    font-weight: 500;
}

.navbar-collapse > ul > li > a:hover {
    background: #f0f0f0 !important;
}

ul.navbar-nav.poll_menu > li > a + a {
}

.navbar-collapse > ul.poll_menu > li > a > i.fa {
    position: absolute;
    left: 10px;
    top: 10px;
    opacity: .3;
}

/*
li.menugroup-1:first-child a {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

li.menugroup-1:last-child a {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
*/
a.pending:after {
    color: #2b91ff
}

a.pending.disabled {
    pointer-events: none;
    cursor: default;
}

.headerwave {
    position: absolute;
    bottom: -1px;
    width: 100%;
    height: auto;
    max-height: 350px;
    pointer-events: none;
}

.container > .navbar-header, .container > .navbar-collapse {
    margin: 0;
    border: none;
}

.container > .navbar-collapse.in {
    background: linear-gradient(#007CFF 15%, #0071e9 75%);
}


.navbar-default .navbar-toggle .icon-bar {
    background-color: #9d9d9d;
}

.menu_home .topmenu.member a {
    padding-top: 5px;
    height: 50px;
}

.menu_home .topmenu a.member {
    line-height: 17px;
    padding-top: 0px;
    font-size: 13px;
    max-width: 160px;
    white-space: nowrap;
    overflow-x: clip;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.account_username {
    line-height: 19px;
    display: inline-flex;
    flex-direction: column;
    position: relative;
    padding-left: 10px;
    text-align: right;
    padding-right: 6px;
    font-size: 13px;
    font-weight: 500;
    width: 90px;
    white-space: nowrap;
    overflow-x: clip;
}

.account_username.member {
    top: -10px;
    overflow-x: clip;
}

.account_username:after {
    position: absolute;
    right: -6px;
    background: linear-gradient(270deg, var(--navbar-background), transparent);
    height: calc(100% + 8px);
    width: 15px;
    content: '';
}

#account_menu_link.active .account_username.member:after,
#account_menu_link.active .account_username:after,
#account_menu_link:hover .account_username.member:after,
#account_menu_link:hover .account_username:after {
    background: linear-gradient(270deg, var(--header-menu-background_hover), transparent);
}

/*
#account_menu_link.active .account_username.member:after,
#account_menu_link.active .account_username:after {
    background: linear-gradient(270deg, #f2f2f7, transparent);
}
*/

html.theme .account_username:after {
    background: linear-gradient(270deg, #000, transparent);
}


.menu_home .topmenu a.member em,
.small-account-toggle em,
.account_username.member em {
    font-style: normal;
    font-size: 11px;
    font-weight: 400;
    display: block;
    top: 19px;
    text-align: center;
    border-radius: 11px;
    position: absolute;
    line-height: 15px;
    width: fit-content;
    padding-left: 15px;
    padding-right: 15px;
    z-index: 1;
    right: 3px;
}

.menu_home .topmenu a.member em {
    top: unset;
    right: unset;
    position: relative;
}

/* Account Dropdown */
.account-dropdown-wrap {
    position: relative;
}

.account-dropdown {
    position: absolute;
    top: 100%;
    margin-top: -2px;
    right: 10px;
    width: 280px;
    background: var(--header-menu-background);
    color: var(--header-menu-btn-navbar-color);
    border-radius: 12px;
    box-shadow: var(--popup-shadow);
    z-index: 9999;
    padding: 12px 0;
}

.account-dropdown.hidden {
    display: none;
}

.account-dropdown-title {
    padding: 14px 20px 10px;
    font-size: 14px;
    color: var(--body-light-color);
}

.account-dropdown-account {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 20px;
    text-decoration: none;
    transition: background .15s;
}

.account-dropdown-account:hover {
    background: var(--table-background_hover);
}

.account-dropdown-photo {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.account-dropdown-account-info {
    min-width: 0;
}

.account-dropdown-name {
    color: var(--header-menu-btn-navbar-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
}
.account-dropdown-label {
    font-size: 14px;
    color: var(--body-light-color);
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 186px;
    overflow: hidden;
}

.account-dropdown-divider {
    height: 1px;
    border-bottom: var(--header-menu-btn-navbar-border-bottom);
    margin: 4px 0;
}

.account-dropdown-item {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 12px 14px;
    color: var(--header-menu-btn-navbar-color);
    text-decoration: none;
    transition: background .15s;
}

.account-dropdown-item:hover {
    text-decoration: none;
}

.account-dropdown-item i {
    font-size: 20px;
    width: 24px;
    text-align: center;
    color: var(--body-color);
    opacity: .5;
}

.small-account-toggle em {
    display: inline-block;
    margin-left: -45px;
    padding: 0 6px;
    top: 18px;
    position: absolute;
    right: unset;
}

.newfeature {
    background: #ff1289 !important;
    color: #fff !important;
    font-weight: 600;
    text-transform: uppercase;
}


.gold {
    background: linear-gradient(to bottom, #eccb33 0%, #e9a004 100%) !important;
    color: #724802 !important;
    text-shadow: -1px 1px 0 rgb(255 236 170 / 60%) !important;
}

.platin {
    background: linear-gradient(to bottom, #c3c7d6 0%, #b3b8cb 100%) !important;
    color: #6d789a !important;
    text-shadow: 0 1px 1px rgba(249, 249, 249, 0.51) !important;
}

.badge.newfeature,
.badge.gold,
.badge.platin {
    border-radius: 10px !important;;
}


/***********************************
 TOGGLE CONTENT
***********************************/
[data-toggle-id]:not([data-toggle-status="active"]) {
    display: none !important;
}

/**********************************************************************************
	HOME
**********************************************************************************/
#start_list h1 {
    font-size: unset;
    margin: unset;
    font-weight: unset;
    line-height: unset;
}

#start_list {
    box-shadow: none;
    font-size: 20px;
    line-height: 14px;
    padding: 14px 40px;
    color: var(--btn-white-color);
    background: var(--btn-white-background);
    transition: background-color 300ms ease;
    min-width: 260px;
    margin: 10px 0 20px;
    transition: all .15s ease;
    box-shadow: var(--start-button-box-shadow);
    border-radius: 6px;
}

#start_list:active,
#start_list:hover {
    background: var(--btn-white-background) !important;
    color: #006ee5 !important;
}

@media (hover: hover) {
    #start_list:active,
    #start_list:hover {
        transform: scale(1.015);
        box-shadow: var(--start-button-box-shadow-hover);
    }
}

.subslogan {
    margin-top: 10px;
    text-wrap: balance;
    font-size: 20px;
    line-height: 22px;
    color: #FFF;
    font-weight: 500;
}

.intro {
    color: #fff;
    font-size: 18px;
    line-height: 22px;
}

.fragab_bck {
    background: linear-gradient(#0065ff 25%, #007CFF 75%);
}

.fragab_bck_sprite,
.feature.fragab_bck_sprite,
.main-header-background {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 800'%3E%3Cdefs%3E%3CradialGradient id='a' cx='400' cy='400' r='50%25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%230F92FE'/%3E%3Cstop offset='1' stop-color='%230773FE'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='400' cy='400' r='70%25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%230F92FE'/%3E%3Cstop offset='1' stop-color='%23075FFF'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='800' height='800'/%3E%3Cg fill-opacity='.8'%3E%3Cpath fill='url(%23b)' d='M998.7 439.2c1.7-26.5 1.7-52.7 0.1-78.5L401 399.9c0 0 0-0.1 0-0.1l587.6-116.9c-5.1-25.9-11.9-51.2-20.3-75.8L400.9 399.7c0 0 0-0.1 0-0.1l537.3-265c-11.6-23.5-24.8-46.2-39.3-67.9L400.8 399.5c0 0 0-0.1-0.1-0.1l450.4-395c-17.3-19.7-35.8-38.2-55.5-55.5l-395 450.4c0 0-0.1 0-0.1-0.1L733.4-99c-21.7-14.5-44.4-27.6-68-39.3l-265 537.4c0 0-0.1 0-0.1 0l192.6-567.4c-24.6-8.3-49.9-15.1-75.8-20.2L400.2 399c0 0-0.1 0-0.1 0l39.2-597.7c-26.5-1.7-52.7-1.7-78.5-0.1L399.9 399c0 0-0.1 0-0.1 0L282.9-188.6c-25.9 5.1-51.2 11.9-75.8 20.3l192.6 567.4c0 0-0.1 0-0.1 0l-265-537.3c-23.5 11.6-46.2 24.8-67.9 39.3l332.8 498.1c0 0-0.1 0-0.1 0.1L4.4-51.1C-15.3-33.9-33.8-15.3-51.1 4.4l450.4 395c0 0 0 0.1-0.1 0.1L-99 66.6c-14.5 21.7-27.6 44.4-39.3 68l537.4 265c0 0 0 0.1 0 0.1l-567.4-192.6c-8.3 24.6-15.1 49.9-20.2 75.8L399 399.8c0 0 0 0.1 0 0.1l-597.7-39.2c-1.7 26.5-1.7 52.7-0.1 78.5L399 400.1c0 0 0 0.1 0 0.1l-587.6 116.9c5.1 25.9 11.9 51.2 20.3 75.8l567.4-192.6c0 0 0 0.1 0 0.1l-537.3 265c11.6 23.5 24.8 46.2 39.3 67.9l498.1-332.8c0 0 0 0.1 0.1 0.1l-450.4 395c17.3 19.7 35.8 38.2 55.5 55.5l395-450.4c0 0 0.1 0 0.1 0.1L66.6 899c21.7 14.5 44.4 27.6 68 39.3l265-537.4c0 0 0.1 0 0.1 0L207.1 968.3c24.6 8.3 49.9 15.1 75.8 20.2L399.8 401c0 0 0.1 0 0.1 0l-39.2 597.7c26.5 1.7 52.7 1.7 78.5 0.1L400.1 401c0 0 0.1 0 0.1 0l116.9 587.6c25.9-5.1 51.2-11.9 75.8-20.3L400.3 400.9c0 0 0.1 0 0.1 0l265 537.3c23.5-11.6 46.2-24.8 67.9-39.3L400.5 400.8c0 0 0.1 0 0.1-0.1l395 450.4c19.7-17.3 38.2-35.8 55.5-55.5l-450.4-395c0 0 0-0.1 0.1-0.1L899 733.4c14.5-21.7 27.6-44.4 39.3-68l-537.4-265c0 0 0-0.1 0-0.1l567.4 192.6c8.3-24.6 15.1-49.9 20.2-75.8L401 400.2c0 0 0-0.1 0-0.1L998.7 439.2z'/%3E%3C/g%3E%3C/svg%3E");
    background-attachment: fixed;
    background-size: cover;
}


#recent_lists {
    max-width: 500px;
    margin: 0 auto;
    padding-bottom: 40px;
}

#recent_lists a.lh {
    display: block;
    color: var(--body-color);
    background: var(--body-background);
    padding: 9px 6px 12px 12px;
    position: relative;
    margin-bottom: 10px;
    border-radius: 5px;
    /*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);*/
    box-shadow: 0px 0px 15px -10px rgb(0 0 0 / 30%);
    text-align: left;
    font-weight: 500;
}

#recent_lists a.lh:hover,
#recent_lists a.lh:focus,
#recent_lists a.lh:active {
    text-decoration: none;
    box-shadow: 0px 0px 15px -10px rgb(0 0 0 / 100%);
    cursor: pointer;
    color: var(--body-color);
}


#recent_lists div a.lh div.ss {
    color: var(--body-light-color);
}

#recent_lists a.lh em {
    position: absolute;
    right: 9px;
    font-size: 24px;
    top: -1px;
    color: var(--body-light-color);
    z-index: 1;
}

#recent_lists a.lh:hover em {
    color: var(--body-light-color);
}

#recent_lists a.lh em:hover {
    color: #ff0000;
}

#recent_lists span {
    color: var(--body-light-color);
    font-size: 12px;
    font-weight: normal;
    display: inline-block;
}

#recent_lists a.lh.closed {
    background: var(--body-light-background);
    color: var(--body-light-color);
}


.feature {
    overflow: hidden;
    color: var(--feature-color);
    text-align: center;
    background: var(--feature-background);
}

.feature.section-g0 {
    background: var(--section0-background)
}

.feature.next_has_shape {
    padding-bottom: 40px;
}

.section-g0 .shape_wave svg path {
    fill: var(--section0-background);
}

.feature.section-g1 {
    background: var(--section1-background);
}

.section-g1 .shape_wave svg path {
    fill: var(--section1-background);
}

.feature.section-g2 {
    background: var(--section2-background);
}

.section-g2 .shape_wave svg path {
    fill: var(--section2-background);
}

.feature.section-g3 {
    background: linear-gradient(#0065ff 25%, #007CFF 75%);
    color: var(--section3-color);
}

.feature.section-g4 {
    background: var(--section4-background);
    color: var(--section4-color);
}

.section-g4 .shape_wave svg path {
    fill: var(--section4-background);
}

.feature:not(.section-g1):not(.section-g2) +
.feature:not(.section-g1):not(.section-g2) {
    /*margin-top: 20px;*/
}


.feature .wrapper {
    max-width: 940px;
    margin: 0 auto;
    padding: 0;
}

.feature.next_has_shape .wrapper {
    padding-bottom: 40px;
}

.feature .wrapper.maxsize1 {
    max-width: 650px;
}

.feature .h1,
.feature .h2,
.feature h1,
.feature h2 {
    font-size: 32px;
    line-height: 1.125;
    font-weight: 500;
    margin: 0;
    padding: 0;
    color: var(--feature-title-color);
}

.feature .h3,
.feature h3 {
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    color: var(--feature-title-color);
}

.feature ul li,
.feature p {
    font-size: 17px;
    line-height: 1.47059;
    font-weight: 400;
    color: var(--feature-title-color);
    margin-bottom: 0;
}

.feature p.s {
    font-size: 13px;
    line-height: 17px;
}

.feature .h1 + p,
.feature .h2 + p,
.feature .h3 + p,
.feature h1 + p,
.feature h2 + p,
.feature h3 + p {
    margin-top: .8em;
}

.feature.white-text h1,
.feature.white-text .h1,
.feature.white-text h2,
.feature.white-text .h2,
.feature.white-text .h3,
.feature.white-text h3 {
    color: #FFF
}


#form_settings h3 {
    color: var(--menu-title);
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 16px;
    margin-top: 40px;
}


.feature .checklist li {
    padding-left: 35px;
    position: relative;
    margin-bottom: 10px;
}

.feature .checklist li:before {
    content: '\e609';
    font-family: fa;
    color: #55d62d;
    font-size: 20px;
    position: absolute;
    top: 0;
    left: 0;
}

.feature .mbot1 {
    margin-bottom: 40px;
}

.feature .mbot2 {
    margin-bottom: 14px;
}

.feature .mbot3 {
    margin-bottom: 25px;
}

.feature .mbot4 {
    margin-bottom: 65px;
}

.feature .mbot5 {
    margin-bottom: 8px
}

.feature .mtop1 {
    margin-top: 40px;
}

.feature .mtop3 {
    margin-top: 25px
}

.feature .mtop4 {
    margin-top: 65px
}

.feature .mtop5 {
    margin-top: 8px
}

.feature .h1 + .h3,
.feature .h1 + h3,
.feature h1 + h3,
.feature h1 + .h3,
.feature h2 + .h3,
.feature .h2 + h3,
.feature .h2 + .h3,
.feature h2 + h3,
.feature .mtop2 {
    margin-top: 14px
}

.arrowlink {
    display: inline-block;
    padding-right: 20px;
    position: relative;
    font-size: 18px;
}

.arrowlink:after {
    content: "\e902";
    font-family: fa;
    position: absolute;
    right: 0;
    font-size: 21px;
}

.btn.arrowlink {
    padding-right: 35px;
    padding-left: 20px;
}

.btn.arrowlink:after {
    right: 10px;
    top: 1px;
}

.feature hr {
    border-color: var(--hr-border-color);
    margin-bottom: unset;
    margin-top: unset;
}

.feature-badges {
    font-size: 1px;
}

.feature-badges > span {
    display: inline-block;
    padding: 5px 15px;
    font-size: 16px;
    background: var(--btn-white-background);
    color: var(--btn-white-color);
    border-radius: 20px;
    margin-bottom: 5px;
}

.feature-badges > span + span {
    margin-left: 5px;
}

.feature form {
    width: 500px;
    max-width: 100%;
}

.stars {
    display: inline-block;
    color: transparent;
    color: #FF9D00;
}

.stars i {
    position: relative;
}

.stars.android {
    color: #007AF5;
}

.stars.ios i:before {
    content: "\e621";
}

.stars.ios i.fa-and_star_outline:before {
    content: "\e600"
}

.stars i > i.overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    overflow: hidden;
}

.how_it_works.flex3 > * + * {
    margin-left: 40px;
}

.how_it_works_badge {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    font-size: 24px;
    background: var(--body-light-background);
    color: var(--btn-white-color);
}

.retention {
    border-radius: 10px;
    padding: 20px 30px 30px;
    color: var(--body-color);
    background: var(--body-light-background);
    font-size: 18px;
    line-height: 26px;
    text-align: left;
}

.retention + .retention {
    margin-top: 15px;
}

.ret-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px;
}

.ret-header .stars {
    font-size: 16px;
    margin-top: 5px;
}

.ret-title {
    font-weight: 600;
    font-size: 22px;
}

.ret-info {
    text-align: right;
    color: var(--body-light-color);
    font-size: 16px;
}

.ret-name {
    font-size: 18px;
    font-weight: 500;
}

.feature img {
    max-width: 100%;
}

img.app_teaser {
    max-width: 220px;
    height: auto;
    border-radius: 20px;
    box-shadow: 4px 5px 10px 0 rgb(0 0 0 / 30%);
    /*margin: 0 0 0 10px;*/
}

.slider-container li:last-child img.app_teaser {
    margin-right: 40px
}


.phone_with_shadow {
    position: relative;
}

.phone_with_shadow > img {
    max-width: 66.7%;
    position: relative;
    z-index: 1;
}

.phone_with_shadow > img:first-child {
    position: absolute;
    z-index: 0;
    max-width: 100%;
    opacity: .5;
}

.duo-text {
    max-width: 60%;
    padding-right: 20px;
    padding-left: 20px;
}

.nf_fancy {
    font-size: smaller;
    vertical-align: text-top;
}

.h1.text-gradient1,
h1.text-gradient1 {
    -webkit-background-clip: text;
    background-clip: text;
    background-image: linear-gradient(90deg, #2fbd00 25%, #ec8800 40%, #ec8800 50%, #ff1312 70%, #c50200 90%);
    color: transparent;
}

@media (max-width: 710px) {
    .feature .wrapper.maxsize1 {
        max-width: calc(100% - 60px);
    }
}

@media (max-width: 650px) {


    .flex-center.duo,
    .flex-around.duo,
    .feature .how_it_works.flex3 {
        flex-direction: column;
        align-items: center;
    }

    .feature .how_it_works.flex3 > * {
        width: 100%;
        max-width: 350px;
        background: var(--body-light-background);
        padding: 20px 40px;
        border-radius: 10px;
    }

    .how_it_works.flex3 > * + * {
        margin-left: 0;
        margin-top: 15px;
    }

    .how_it_works_badge {
        width: 50px;
        height: 50px;
        background: var(--btn-white-background);
        color: var(--btn-white-color);
        border-radius: 25px;
        font-size: 28px;
    }

    .how_it_works p.s {
        font-size: 17px;
        line-height: 1.47059;
    }

    .duo-image {
        max-width: 306px;
        width: 100% !important;
        height: auto !important;
    }

    .duo-text {
        max-width: 100%;
        margin-top: 0px !important;
    }

    .mbot4-small {
        margin-bottom: 65px;
    }
}

/**********************************************************************************
	BREADCRUMBS
**********************************************************************************/
body .breadcrumbs {
    position: relative;
    padding: 20px 15px 10px 15px;
    z-index: 100;
    font-size: 0;
}

ol.breadcrumbs_list {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 14px;
}


ol.breadcrumbs_list li span:not(.hidden),
ol.breadcrumbs_list li a,
ol.breadcrumbs_list li {
    display: inline-block;
    line-height: 1.1;
}

ol.breadcrumbs_list li a span.hidden {
    display: none !important;
}

ol.breadcrumbs_list li:after {
    content: '\e611';
    padding: 0 8px;
    box-sizing: border-box;
    color: #d6d6d6;
    font-family: fa;
    font-size: 9px;
    width: 23px;
    display: inline-block;
}

ol.breadcrumbs_list li:last-child:after {
    content: '';
    padding: 0;
    font-size: 0;
}

/**********************************************************************************
	NEW LIST
**********************************************************************************/
.new {
    margin: 0 auto;
    padding-bottom: 160px;
    max-width: 615px;
    position: relative;
}

.new h1 {
    padding-left: 4px;
    color: #5F5F5F;
    margin-top: 0;
}

.menu_new h3 {
    color: var(--menu-title);
    font-weight: 500;
}

.menu_new .edit_title,
.menu_new .new_title {
    margin-bottom: 20px;
}

.menu_new .new .options_title {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 5px;
}

h6 {
    font-size: 15px;
    line-height: 19px;
    color: var(--body-light-color);
    padding: 0 5px;
    position: relative;
}

h6.explanation {
    margin-right: 85px;
}

html.menu_new h6 {
    line-height: 21px;
}

.checkbox_help {
    font-size: 14px;
    line-height: 17px;
    color: var(--body-light-color);
    margin-left: 50px;
    margin-bottom: 15px;
    margin-top: 0px;
}

.new_title_wrapper {
    /*border-bottom: 1px solid #f2f2f7;*/
    margin-left: 0px;
}

#title {
    font-size: 26px;
    line-height: 30px;
    color: var(--menu-title);
    padding: 15px 150px 10px 15px;
    border-radius: 0;
    font-weight: 500;
    min-height: 90px
}

#title_addons {
    position: absolute;
    margin-top: -46px;
    right: 9px;
    z-index: 3;
}

#title_addons > .btn {
    padding: 10px 15px;
    line-height: inherit;
    /*background-color: rgba(0, 0, 0, 0);*/
    border-radius: 8px !important;
    width: 45px;
    margin: 2px;
}

.basics.add_date_span {
    min-height: 34px
}

#add_desc_span {
    min-height: 50px;
}

.help_info {
    margin-left: -5px;
}

.help_info ul {
    margin-top: 10px;
    color: #555;
    padding: 10px 10px 20px;
    font-size: 14px;
    line-height: 18px;
}

.group {
    border-radius: 10px;
    overflow: hidden;
    background: var(--input-field-flexible-background);
    /*box-shadow: 0px 0px 15px -10px rgb(0 0 0 / 5%);*/
    min-height: 33px;
}

.votes_info {
    position: absolute;
    right: 35px;
    top: 62px;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #a5a5a5;
    text-align: right;
    z-index: 3;
    opacity: 1;
    transition: opacity 200ms ease;
}

.votes_info:empty {
    display: none;
}

.votes_info:after {
    position: absolute;
    content: '\e625';
    font-family: fa;
    right: -16px;
}

.votes_info.just_text {
    right: 91px;
    top: 24px;
}

li.options.active .votes_info.just_text {
    opacity: 0;
}

.votes_info.just_text.hide {
    display: none
}

#request_options li.options .btn.call_text_button {
    margin-left: 10px;
    width: 100px
}

#request_options li.options .btn.call_image_button {
    margin-left: 10px;
    min-width: 0;
    position: relative;
    right: auto;
    display: none;
    box-shadow: none !important;
}

html.package_platin #request_options li.options:not(.box_expanded) .btn.call_image_button {
    display: inline-block;
}

#request_options li.options .btn.call_image_button .call_image_button_text {
    margin-left: 0;
    display: none;
}

#request_options li.options .btn.call_image_button i {
    display: inline-block;
    margin: 0;
}

.box_expanded .hide_on_expand {
    display: none;
}

.box_expanded .show_on_expand {
    display: block
}

.call_location_button {
    position: absolute;
    right: 65px;
    min-width: 40px;
    top: 15px;
}


.call_image_button {
    position: absolute;
    right: 15px;
    min-width: 50px;
}

.call_menu .drag-icon {
    font-size: 20px;
    top: 4px;
}


.box_expanded .call_location_button,
.box_expanded .call_image_button {
    top: 55px;
    right: 14px;
}

.subfield {
    position: relative;
    z-index: 3 !important;
}

.group.user_voted,
.logged_in .border_if_logged_in {
    box-shadow: none;
}

.user_voted #voter_name:not(:focus),
.logged_in .border_if_logged_in input:not(:focus) {
    background: var(--vote-name-input-field-background);
    color: var(--vote-name-input-field-color);
    box-shadow: none;
    border-radius: 0;
}

html.theme .user_voted #voter_name:not(:focus),
html.theme .logged_in .border_if_logged_in input:not(:focus) {
    background: transparent;
    color: #FFF;
}

.yes_no_vote_wrapper {
    margin-top: 50px;
}

.yes_no_vote_wrapper .group {
    min-height: auto;
}

#homearrow {
    display: none;
}


.subfield .field,
.subfield .form-control {
    height: 30px;
}

/*
.subfield.inline_label i.fa:not(.time-icon-identifier) {
    top: 5px;
    color: #AAA;
}
*/


.field {
    padding: 6px;
    display: inline-block;
    cursor: pointer;
}

.field.touch_bck {
    background: inherit !important;
    color: #000
}

.inline_label {
    font-size: 18px;
    z-index: 2;
}

.inline_label i.fa {
    position: absolute;
    font-size: 18px;
    left: 10px;
    top: 11px;
}

.inline_label i.remove {
    right: 75px;
    left: auto !important;
    font-size: 20px;
    padding: 8px;
    top: 0px !important;
    cursor: pointer;
    z-index: 3;
    display: none;
    color: rgba(155, 155, 155, 0.6) !important;
}

.inline_label i.remove.text {
    top: 10px !important;
}

#add_desc_span.inline_label i.remove.text {
    right: 93px;
}

.inline_label i.remove:hover {
    color: #F02923 !important;
}

.icon_line_break {
    display: none;
    content: '\e93d';
    color: var(--icon-color);
    font-size: 22px !important;
    right: 40px;
    left: auto !important;
    width: 32px;
    height: 32px;
    top: -1px !important;
    z-index: 1;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.options.active textarea:not(:placeholder-shown) + i + .icon_line_break {
    display: flex;
}

.options.active .icon_line_break:hover {
    color: #007cff;
}

.create_helpers {
    display: flex;
    column-gap: 8px;
    align-items: flex-start;
    height: 44px;
}

.create_helpers .btn {
    line-height: 34px;
    box-shadow: var(--btn-bordered-light-box-shadow);
}

.btn-aipoll {
}

#basics {
    padding: 5px;
    /*box-shadow: 1px 1px 9px 0 #e3e3e8;*/
    overflow: visible;
}

#basics .inline_label:first-child i.remove {
    right: 90px
}

.basics.inline_label i.remove {
    right: 65px;
}

#basics .inline_label:first-child i.remove {
    top: 13px !important
}

#request_options .inline_label i.remove {
    right: 3px;
    top: -4px !important;
}

.add_location_span.inline_label i.remove:before,
#request_options .inline_label i.remove:before {
    content: '\e90a';
}

.add_time_field_show,
.add_endtime_field_show {
    left: 205px;
    position: absolute;
    min-width: 70px;
}

.add_date_field_show {
    width: 100px
}


.add_time_field_show i,
.add_endtime_field_show i {
    font-style: normal;
    cursor: pointer;
}

.add_date_span.empty .add_time_field_show,
.add_date_span.empty .add_endtime_field_show {
    display: none;
}

.basics.add_date_span .add_time_field_show:empty,
.basics.add_date_span .add_time_field_show:not(:empty) + .time_picker,
.add_endtime_field_show:empty {
    display: none !important;
}

.options .add_date_field_show {
    position: relative;
    z-index: 1;
}

.basics.add_date_span > .field {
    background: transparent !important;
    color: var(--poll-create-btn-color);
    left: 124px;
}

.basics .add_date_field_show {
    width: auto;
    left: 0 !important;
    z-index: 1;
    position: relative;
}

.basics .add_date_field_show.active + .add_time_field_show .time-icon-identifier {
    display: none;
}

.time-icon-identifier {
    color: var(--g-color) !important;
}

.time_picker:hover .time-icon-identifier,
.add_time_field_show:hover .time-icon-identifier {
    color: var(--primary_color_link) !important;
}

.basics.add_date_span .datebox {
    margin-bottom: 9px;
    font-weight: 400;
}

.add_location_span i.fa {
    top: 5px;
    color: #AAA;
}

.basics.add_date_span > .field:hover {
    background: var(--list-eventdate-background_hover) !important;
    color: var(--list-eventdate-color_hover) !important;
}

#add_desc_field {
    padding: 15px 110px 5px 15px;
    margin-bottom: 0px;
    height: auto;
    overflow: hidden;
}

.add_date_span i.remove:before {
    content: '\e90a';
}

.basics .add_endtime_field_show {
    left: 184px !important;
}

.basics .add_endtime_field_show.btn-primary:not(:empty):before {
    content: "-";
    position: absolute;
    left: -7px;
    width: 10px;
    line-height: 16px;
}

.options .group .btn.call_menu {
    width: 50px;
}

.call_menu em {
    display: none
}

.box_expanded .call_menu em {
    margin-right: 8px;
    font-size: 12px;
    color: #999;
    position: relative;
    top: -1px;
    display: inline-block;
}

@media (hover: hover) {
    .box_expanded .call_menu:hover em {
        color: var(--primary_color_link);
    }
}


#add_options {
    margin-left: 10px;
    min-width: 180px;
}


.add_option_animation {
    animation: addOptionAnimation .4s ease;
}

#request_options li.options.add_option_animation.sliding {
    animation: none;
}

.add_location_field {
    padding-right: 30px !important;
    margin-top: 10px;
    margin-bottom: 5px;
    max-width: 90% !important;
    text-overflow: ellipsis;
}


#basics add_location_field {
    color: var(--primary_color_link);
    margin-top: 5px;
    margin-bottom: 7px;
}

#request_options .inline_label i.fa:not(.time-icon-identifier) {
    left: 0;
}

#request_options .inline_label.add_date_span i.remove {
    left: 335px !important;
    top: 0 !important;
}

#request_options .add_time_field_show,
#request_options .add_endtime_field_show {
    left: 110px;
    top: 0px;
    padding: 0
}

#request_options .add_time_field_show:empty,
#request_options .add_endtime_field_show:empty {
    display: none !important;
}

html.t12 #request_options .add_time_field_show,
html.t12 #request_options .add_endtime_field_show {
    min-width: 90px;
    padding: 0 10px;
}

#request_options .add_endtime_field_show {
    left: 170px;
}

html.t12 #request_options .add_endtime_field_show {
    left: 195px;
}

#request_options .add_endtime_field_show.btn-primary:not(:hover):before {
    content: "-";
    position: absolute;
    left: 0px;
    /*background: var(--poll-create-time-background);*/
    background: inherit;
    width: 11px
}

#request_options .add_time_field_show.active + .add_endtime_field_show.btn-primary:before,
#request_options .add_time_field_show:hover + .add_endtime_field_show.btn-primary:before,
#request_options .add_endtime_field_show.btn-primary.active:before {
    content: '';
}

.options .add_date_span .btn-primary:focus,
.options .add_date_span .btn-primary:not(:hover),
.options .add_date_span .btn-primary:active {
    background: var(--poll-create-time-background);
    color: var(--poll-create-time-color);
}

.options .add_date_span .btn-primary:not(:hover),
.options .add_date_span .btn-primary:not(.active) {
    font-weight: 600;
    z-index: 1
}

.options .add_date_span .btn-primary.active {
    background: #439dff !important;
    color: #FFF;
    font-weight: 600;
}

.options .add_date_span .btn:hover,
.options .add_date_span .btn-primary.active {
    z-index: 2;
    color: var(--poll-create-time-color_focus);
}

.options .add_date_span .btn-primary:hover {
    color: var(--poll-create-time-color_active_focus);
}

.options .add_date_span .btn-primary.active .datebox {
    box-shadow: 0px 0px 20px 0px #007aff66;
}

@media (hover: hover) {
    .options .add_date_span .btn-white:not(.btn-primary):hover {
        box-shadow: inset 0 0 0 1px #007cff !important;
        color: var(--poll-create-btn-color);
    }
}


#request_options li.options .add_date_field_show.btn-primary {
    padding: 0 0 0 2px !important;
    width: auto;
    font-weight: 400;
    margin: 0;
    background: transparent !important;
    max-height: 69px;
}


@media (hover: hover) {
    .basics.add_date_span:hover .datebox,
    #request_options li.options .add_date_field_show:hover .datebox {
        box-shadow: 3px 3px 10px 0px rgb(0 0 0 / 30%);
    }
}


.options_title_help {
    display: inline-flex;
    align-items: center;
    flex: 1;
    margin-top: 3px;
    padding-left: 5px;
}

.options_top_menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px;
    column-gap: 5px;
    height: 52px;
    line-height: 1;
    border-radius: 10px;
    transition: all .2s ease;
    z-index: 50;
    margin-top: 0;
}

html:not(.option_calendar_opened):not(.input_focussed) .options_top_menu {
    position: sticky;
    top: 0px;
}

html.headless:not(.option_calendar_opened):not(.input_focussed) .options_top_menu {
    top: calc(var(--headless-space) + var(--headless-menu));
}

html:not(.option_calendar_opened):not(.input_focussed).options_top_menu_fixed .options_top_menu {
    background: var(--poll-create-fixed-header-background);
    padding-left: 10px;
    box-shadow: 0 0 25px -10px rgb(0 0 0 / 50%);
    margin-left: -20px;
    margin-right: -20px;
    padding-right: 0px;
    border-radius: 0;
}

html:not(.option_calendar_opened):not(.input_focussed).options_top_menu_fixed .options_top_menu .options_title_help {
    margin-top: 2px;
}


html:not(.option_calendar_opened):not(.input_focussed).options_top_menu_fixed .options_top_menu .options_title {
    font-size: 15px;
}


html:not(.option_calendar_opened):not(.input_focussed).options_top_menu_fixed .options_top_menu .js-add-option {
    display: block;
}

.remove_expired_options,
.sort_options {
    padding: 5px;
    text-align: right;
}

.sort_options .icon-sort-date {
    display: none !important;
}

.time_options {
    position: absolute;
    top: 38px;
    left: 110px;
}

.time_options .copy_time {
    font-size: 24px;
    width: 35px;
    position: absolute;
    top: -38px;
    left: 132px;
}

html.t12 .time_options .copy_time {
    left: 180px;
}

.time_options .copy_time i.fa {
    color: #d1d1d1 !important;
    top: 0px !important;
}

.time_options .add_time.btn:hover > i.fa,
.time_options .copy_time:hover i.fa {
    color: var(--primary_color_link) !important;
}

.time_options .add_time {
    font-size: 14px;
    padding-left: 3px;
}

.basics .time_picker {
    left: 124px;
    position: absolute;
}

.time_options .time_picker {
    top: -39px;
    position: absolute;
    z-index: 1;
    min-width: 40px;
}

.time_options .time_picker.btn > i.fa {
    color: var(--btn-clear-color);
}

.time_options .add_time.btn > i.fa,
.time_options .add_time:not(:hover) {
    color: var(--g-color);
}

.add_time_field_show:not(:empty) + .add_endtime_field_show + .time_options .time_picker,
.hide_add_time .add_time_field_show:not(:empty) .time_options .time_picker,
.hide_add_time .time_options .copy_time,
.hide_add_time .time_options .add_time {
    display: none !important;
}

.add_time_field_show:not(:empty) + .add_endtime_field_show:empty + .time_options .copy_time {
    left: 70px
}

.time_options .paste_time {
    top: -39px;
    position: relative;
    z-index: 1;
    min-width: 135px;
    background: #fff69d;
    font-weight: 500;
    line-height: 33px;
    color: #000;
}

.time_options .paste_time time {
    position: absolute;
    font-size: 11px;
    color: #0000006e;
    text-align: center;
    width: 100%;
    left: 0;
    background: inherit;
    height: 15px;
    line-height: 1;
    bottom: -8px;
    border-radius: 0 0 8px 8px;
}

.time_options .paste_time:after {
    top: 9px;
    border: solid transparent;
    content: " ";
    position: absolute;
    pointer-events: none;
    border-bottom-color: #fff69d;
    border-width: 10px;
    left: -18px;
    transform: rotate(273deg);
}

.time_options .paste_time.btn:hover {
    color: var(--primary_color_link);
}

.time_options .paste_time i.fa.close_paste_time {
    position: absolute !important;
    right: -6px !important;
    top: -6px !important;
    left: auto !important;
    font-size: 12px;
    cursor: pointer;
    color: #555 !important;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff69d;
    border: 2px solid var(--input-field-flexible-background);
    z-index: 2;
}

.time_options .btn i.fa {
    left: -5px !important;
    top: 3px;
    position: relative;
}


.switch {
    color: var(--poll-create-settings-arrow-color);
    display: flex;
    justify-content: flex-end;
    margin-top: -23px;
}

.selected .s_y,
.s_n {
    display: inline-block;
}

.selected .s_n,
.s_y {
    display: none;
}

.selected .s_y,
.switch i.fa {
    position: relative;
    top: 2px;
    font-size: 20px;
    right: 7px;
}

.switch i.switch-opener-icon {
    font-size: 31px;
    top: -3px;
    right: 0;
}

#titlecounter {
    position: absolute;
    font-size: 16px;
    color: #c6c6c6;
    right: 125px;
    top: 20px;
    z-index: 1;
    display: none;
}

.form-group .fa {
    position: absolute;
    margin-top: 5px;
    font-size: 32px;
    color: #a4a4a9;
    left: 15px;
    z-index: 3;
}

.form-group .fa.active {
    color: #007AFF;
}

#settings {
    background: var(--poll-create-settings-background);
    padding: 15px 25px 20px;
    margin-top: 15px;
    border-radius: 10px;
    border: 1px solid var(--poll-create-settings-border-color);
    transition: opacity .3s ease;
}


html.bulk_remove #settings,
html.bulk_remove #basics,
html.bulk_remove h6.help,
html.bulk_remove .btn.add_option,
html.option_calendar_opened.menu_new #basics:not(:has(#calendar_container)),
html.option_calendar_opened.menu_new .options_top_menu,
html.option_calendar_opened.menu_new .options:not(:has(#calendar_container)),
html.option_calendar_opened.menu_new h6.help,
html.option_calendar_opened.menu_new .add_option,
html.option_calendar_opened #settings {
    opacity: 0.3;
    pointer-events: none;
    filter: grayscale(1);
    transition: all .3s ease;
}

html.option_calendar_opened.menu_new .options:not(:has(#calendar_container)) {
    opacity: 0.3;
    pointer-events: auto;
    filter: none;
}

.settings {
    margin-top: 15px;
}

.settings .form-control.poll_option {
    margin-top: 5px;
    border-radius: 8px;
    line-height: 23px;
    color: var(--body-color);
    font-weight: 600;
    padding-left: 55px;
    cursor: pointer;
    text-align: left;
    min-height: 42px;
    height: auto;
    background: var(--poll-create-option-background);
    padding-top: 9px;
    vertical-align: middle;
}

.settings .poll_option .setting_expand {
    max-height: 0;
    transition: all .2s ease, opacity 0s;
    visibility: hidden;
    opacity: 0;
    width: calc(100% + 55px);
    display: block !important;
    margin-left: -50px;
    margin-right: -5px;
    background: var(--poll-create-option-background);
    padding: 0 15px;
}

.settings .poll_option.selected .setting_expand {
    transition: all .3s cubic-bezier(0.0, .50, 0.5, 1.0), opacity .5s, margin 0s;
    margin-top: 33px;
    padding: 15px;
    height: auto;
    max-height: 450px;
    opacity: 1;
    visibility: unset;
    display: flex;
    justify-content: space-between;
    border-radius: 0 0 2px 2px;
    color: var(--poll-create-settings-color);
    align-items: flex-start;
    position: relative;
    z-index: 1;
}

.settings .poll_option.selected .setting_expand span {
    color: var(--poll-create-settings-color);
}

.settings .poll_option:not(.selected) + h6 > .show-if-selected {
    opacity: 0;
    height: 0;
}

.settings .poll_option.selected + h6 > .show-if-selected {
    transition: all .3s ease-in-out;
    opacity: 1;
    margin-top: 5px;
}


#settings .extended_option.form-control > i.fa {
    align-items: unset;
    padding-top: 6px;
}

.setting_expand .setting_wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    column-gap: 30px;
    width: 100%;
    font-weight: 400;
}

.poll_option us {
    border-bottom-color: #555
}

.poll_option .badge {
    position: relative;
    top: -1px
}

.settings .form-control:first-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.settings .form-control:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.settings img {
    position: relative;
    top: -1px;
    margin-right: 10px;
    width: 22px;
}

.settings .selected .hide_on_switch_selected,
.settings .show_on_switch_selected {
    display: none;
}

.settings .selected .show_on_switch_selected {
    display: block;
}

.settings .list_password_field,
.settings .vote_one_field,
.settings .max_voters_field {
    background: var(--poll-create-settings-field-background);
    position: absolute;
    width: 80px;
    text-align: right;
    padding-right: 10px;
    right: 2px;
    top: 2px;
    margin: 0;
    height: 38px;
}

.settings .theme-thumb {
    position: absolute;
    width: 80px;
    height: 38px;
    top: 2px;
    right: 52px;
    border-radius: 6px;
    background-size: cover;
    background-position-y: 30%;
    background-repeat: no-repeat;
    transition: background .3s ease-in-out;
    animation: bgMove 7s ease-in-out infinite alternate;
}

@keyframes bgMove {
    0% {
        background-position-y: 30%;
    }
    100% {
        background-position-y: 70%;
    }
}

#request_options .vote_one_field,
#request_options .max_voters_field {
    width: 45px;
    height: 26px;
    text-align: center;
    color: #FFF;
    background: transparent;
    border-radius: 0 16px 16px 0;
    font-weight: 600;
    position: relative;
    z-index: 1;
    border: 1px solid transparent !important;
    padding: 3px
}

/*
#request_options .max_voters:has(.max_voters_field[value=""]) {
    background:var(--poll-create-unlimit-background) !important;
    color:var(--poll-create-unlimit-color) !important;
}
*/

#request_options .option_actions {
    align-items: center;
    font-size: 13px;
    color: #999;
    display: flex;
    flex-wrap: wrap;
    column-gap: 8px;
}

#request_options .option_actions div {
    height: 28px;
    display: none;
    align-items: center;
    border-radius: 16px;
    padding: 0 10px;
    border: 1px solid transparent;
    background: #efefef;
    color: #000;
    font-weight: 500;
    min-width: 100px;
    justify-content: space-between;
    column-gap: 10px;
    margin-top: 8px;
}

#request_options.with_limit .option_actions div.max_voters {
    display: flex;
    border-color: #868686;
    background: var(--poll-create-limit-background);
    color: #dcdcdc;
    padding: 0 5px 0 10px;
    padding-right: 0;
}

#request_options .option_actions.with_freetext div.freetext {
    display: flex;
    background: var(--poll-create-badge-background);
    border-color: transparent;
    color: var(--poll-create-badge-color);
    column-gap: 5px;
}

#request_options .option_actions .hide_column {
    background: var(--hidden-column-badge-background);
    color: var(--hidden-column-badge-color);
    line-height: 27px;
    text-align: center;
    min-width: auto;
}

#request_options .option_actions .blocked_column {
    background: var(--blocked-column-badge-background);
    color: var(--blocked-column-badge-color);
    line-height: 27px;
    text-align: center;
    min-width: auto;
}

.freetext .badge_freetext_private {
    background: var(--poll-create-badge-color);
    color: var(--poll-create-badge-background);
    white-space: normal;
    display: none;
    white-space: normal;
    max-height: 100%;
    line-height: 11px;
    min-height: 18px;
    justify-content: center;
    align-items: center;
    margin-right: -6px;
}

#request_options .option_actions.with_freetext_private .freetext .badge_freetext_private {
    display: flex;
}

.freetext .freetext_type {
    font-weight: 600;
}

.freetext-icon:before {
    content: "\e902";
}

.freetext-icon {
    transform: rotate(-270deg);
    font-size: 22px;
    cursor: pointer;
}

input.freetext_option:not([value="1"]) + .freetext-icon {
    display: none;
}

#request_options .vote_one_field:focus,
#request_options .max_voters_field:focus {
    background: var(--poll-create-field-background_hover);
    color: var(--poll-create-field-color_hover)
}

.vote_one_field::-webkit-input-placeholder,
.max_voters_field::-webkit-input-placeholder {
    color: #FFF !important;
}


@media (hover: hover) {
    #request_options .vote_one_field:hover,
    #request_options .max_voters_field:hover {
        background: var(--poll-create-field-background_hover);
        color: var(--poll-create-field-color_hover)
    }

    .vote_one_field:hover::-webkit-input-placeholder,
    .max_voters_field:hover::-webkit-input-placeholder {
        color: v(--poll-create-field-color_hover) !important;
    }

    #request_options.with_limit .box_expanded .option_actions div:hover {
        /*border-color: #007CFF;*/
    }
}

.vote_one_field:focus::-webkit-input-placeholder,
.max_voters_field:focus::-webkit-input-placeholder {
    color: transparent !important;
}

.settings .list_password_field {
    width: 90px;
}

.settings #toggle_list_password .copy {
    position: absolute;
    right: 95px;
    width: 34px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    top: 2px;
    z-index: 1;
    opacity: .7;
}

.settings #toggle_list_password .copy:hover {
    opacity: 1;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#settings .form-control > i.fa {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 6px;
    left: 6px;
    border-radius: 6px;
    font-size: 20px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background: #838383;
}

.poll_option.selected {
    color: #fff;
    background: #838383;
    transition: background 0.15s, color 0.15s;
    box-shadow: none !important;
}

.poll_option.selected us {
    border-bottom-color: #fff
}

.vote_maybe_option.selected,
i.vote_maybe_icon {
    background: #f7b900 !important;
}

.theme_option.selected,
i.theme_icon {
    background: #ffdb2b !important;
    color: #000000e0 !important;
}

i.theme_icon {
    color: #00000066 !important;
}

.vote_no_option.selected,
i.vote_no_icon {
    background: #ff6392 !important;
}

.vote_one_option.selected,
i.vote_one_icon {
    background: #00bbef !important;
}

.no_comments_option.selected,
i.no_comments_icon {
    background: #ff6f00 !important;
}

.vote_single_option.selected,
i.vote_single_icon {
    background: #ee00ff !important;
}

.vote_binding_option.selected,
i.vote_binding_icon {
    background: #9854ff !important;
}

.vote_multiple_option.selected,
i.vote_multiple_icon {
    background: #007CFF !important;
}

.vote_hidden_option.selected,
i.vote_hidden_icon {
    background: #6b6a6a !important;
}

.anonymous_settings_option.selected,
i.anonymous_settings_icon {
    background: #6b6a6a !important;
}

.other_settings_option.selected,
i.other_settings_icon {
    background: #007cff !important;
}

.hide_names_option.selected,
i.hide_names_icon {
    background: #838383 !important;
}

.hide_comments_option.selected,
i.hide_comments_icon {
    background: #9c9c9c !important;
}

.login_required_option.selected,
i.login_required_icon {
    background: #0eae00 !important;
}

.ongoing_list_option.selected,
i.ongoing_list_icon {
    background: #584CFF !important;
}

.max_voters_option.selected,
i.max_voters_icon {
    background: #b000b2 !important;
}

.list_password_option.selected,
i.list_password_icon {
    background: #00be0f !important;
}

.no_edit_password_required_option.selected,
i.no_edit_password_required_icon {
    background: #e93a91 !important;
}

.chat_option.selected,
i.chat_option_icon {
    background: #00abb9 !important;
}

.end_at_option.selected,
i.end_at_option_icon {
    background: #7326c7 !important;
}

.live_option.selected,
i.live_option_icon {
    background: #c72639 !important;
}

i.theme_icon:before {
    content: "\e626";
}

i.vote_maybe_icon:before {
    content: "\e924";
}

i.vote_no_icon:before {
    content: "\e905";
}

i.vote_one_icon:before {
    content: "\e631";
}

i.no_comments_icon:before {
    content: "\e614";
}

i.vote_single_icon:before {
    content: "\e61a";
}

i.vote_binding_icon:before {
    content: "\e925";
}

i.vote_hidden_icon:before {
    content: "\e620";
}

i.anonymous_settings_icon:before {
    content: "\e620";
}

i.hide_names_icon:before {
    content: "\e90c";
}

i.hide_comments_icon:before {
    content: "\e900";
}

i.other_settings_icon:before {
    content: "\e91b";
}

i.max_voters_icon:before {
    content: "\e625";
}

i.vote_multiple_icon:before {
    content: "\e92e";
}

i.login_required_icon:before {
    content: "\e919";
}

i.ongoing_list_icon:before {
    content: "\e91a";
}

i.list_password_icon:before {
    content: "\e91d";
}

i.no_edit_password_required_icon:before {
    content: "\e91e";
}

i.chat_option_icon:before {
    content: "\e614";
}

i.end_at_option_icon:before {
    content: "\e60b";
}

i.live_option_icon:before {
    content: "\e940";
}

@media (hover: hover) {

    .poll_option:not(.selected):hover,
    .poll_option:not(.selected):hover .switch {
        color: var(--primary_color_link);
    }

    .poll_option.selected:not(.no-hover):hover {
        -webkit-filter: brightness(103%);
        box-shadow: 0px 0px 15px -10px rgb(0 0 0 / 60%);
    }
}

#request_options {
    padding-left: 0;
    list-style: none;
    position: relative;
    margin-top: 10px;
    min-height: 65px;
    border-radius: 10px;
    background: var(--poll-create-options-background);
    padding: 3px 4px;
}

#request_options li.options {
    position: relative;
    border-radius: 0;
    /*min-height: 35px;*/
    min-height: 63px;
    padding: 3px 5px 3px 5px;

    margin: -2px;
    padding: 3px 2px;
    border-radius: 6px;
}

/*
#request_options li.options + li.options {
    margin-top: -5px;
}

#request_options li.options:not(.active) + li.options .group {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
#request_options li.options:not(.active):has(+ li.options) .group {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
*/

#request_options li.options.active {
    z-index: 1;
    outline-color: var(--poll-create-option-active);
    outline-offset: -3px;
    outline-width: 4px;
    border-radius: 10px;
}

#request_options li.options:first-child {
    animation: none;
}

#request_options li.options.same_date {
    margin-top: -5px;
}

#request_options li.options.same_date .group {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#request_options li.options:has(+ .same_date) .group {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

#request_options li.options.same_date .add_date_field_show {
    opacity: 0.1;
    visibility: hidden;
    overflow: hidden;
}

#request_options li.options.same_date .add_date_field_show:hover {
    opacity: 1
}

#request_options li.options.same_date.hide_add_time .add_date_field_show,
#request_options li.options.box_expanded.same_date.hide_add_time .add_date_field_show {
    max-height: 30px;
}

#request_options li.options.same_date.hide_add_time,
#request_options li.options.same_date.hide_add_time .group {
    min-height: 36px;
}

#request_options li.options.same_date .add_date_field_show {
    visibility: unset;
}

#request_options li.options.same_date .datebox {
    box-shadow: none !important;
    background: transparent !important;
}

#request_options li.options.same_date .datebox p:nth-child(3),
#request_options li.options.same_date .date_expired {
    display: none;
}

#request_options li.options .group {
    padding: 10px 10px 10px 10px;
    min-height: 56px;
    transition: min-height .2s ease;
    border-radius: 8px;
}

#request_options li.options:first-child .group {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

#request_options li.options:last-child .group {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}


#request_options li.options.box_expanded .group {
    padding: 10px 10px 10px 10px;
    min-height: 58px;
}

#request_options li.options.box_expanded:not(.hide_add_time).same_date .group {
    min-height: 90px;
}

#request_options li.options.drag_shadow .group {
    border-radius: 6px !important;
}

#request_options h5 {
    margin: 0;
    height: 0;
}

#request_options h5 span {
    font-size: 15px;
    color: #A3A3A3;
    display: inline-block;
    padding: 9px 0 0 4px;
}

#request_options h5 span b {
    font-weight: normal;
    display: inline-block;
    background: #D3D3D3;
    color: #FFF;
    padding: 2px;
    margin-left: 5px;
    border-radius: 3px;
    z-index: 3;
    position: relative;
    width: 22px;
    text-align: center;
}

#request_options li.options .btn {
    min-height: 35px;
    box-shadow: none;
}

#request_options li.options .btn-gray,
#request_options li.options .btn-gray:active,
#request_options li.options .btn-gray.active {
    color: var(--poll-create-btn-color) !important;
    background-color: var(--poll-create-btn-background) !important;
    box-shadow: 0px 0px 0px 1px var(--poll-create-btn-border-color) !important;
}


#request_options li.options .btn:hover {
    z-index: 2
}

#request_options textarea {
    border: none;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 0px;
    margin-left: -5px;
    padding: 4px 70px 8px 10px;
    color: var(--input-field-color);
    height: 33px;
    min-height: 30px;
    font-weight: 500;
    transition: none;
}


#request_options .btn-group .btn {
    padding: 4px;
    background: var(--btn-white-background);
}

#request_options .btn-group .btn i.fa {
    color: var(--primary_color_link);
    font-size: 22px;
}

#request_options .options:not(.box_expanded) .add_date_span {
    display: inline-block;
    font-size: inherit;
}

#request_options .options.box_expanded .add_date_span {
    width: calc(100% - 100px);
    min-height: 36px;
}

#request_options .text_span {
    margin-right: 60px;
    min-height: 32px;
}

.sort_button_icon {
    position: relative;
    border-radius: 2px;
    background: transparent;
    top: 2px;
    padding: 2px 7px;
    color: #a4a4a4;
}

#request_type span {
    font-size: 17px;
    line-height: 16px;
    min-height: 53px;
    height: auto;
    padding-top: 10px;
}

#request_type span p {
    font-size: 14px;
    margin-top: 1px;
    margin-bottom: 0;
}

#request_type span.active p {
    color: rgba(255, 255, 255, 0.67);
}

.options_loader {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-size: 22px;
    top: 32px;
    position: absolute;
    color: #73737887;
    z-index: 1;
}

.add_option {
    padding-left: 2px;
    align-self: flex-start;
}

#date_text_options {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 3;
    min-height: 115px;
    margin-bottom: 10px;
}


#date_text {
    position: relative;
}

#date_text.active:after {
    bottom: -4px;
    border: solid rgba(0, 0, 0, 0);
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #f2f2f7;
    border-width: 10px;
    left: 50%;
    margin-left: -10px;
}

#yes_no_buttons button {
    padding: 4px;
    height: 40px;
    background: var(--action-yesno-default-background);
}

#yes_no_buttons button i {
    font-size: 20px;
    margin-right: 0;
    top: 2px;
    color: var(--action-yesno-novote-color);
}

#yes_no_buttons button i.fa-remove {
    font-size: 21px;
}


#yes_no_buttons button i.fa-remove:before {
    content: '\e91f';
}

.mobile #yes_no_buttons button i,
#yes_no_buttons button.blue {
    color: var(--primary_color_link);
}

.desktop #yes_no_buttons button:not(.blue):not(:hover) i {
    color: #737378;
}

.desktop #yes_no_buttons button:not(.blue):hover i {
    color: var(--primary_color_link);
}

#yes_no_buttons button.btn-success i,
#yes_no_buttons button.btn-danger i {
    color: #FFF !important;
}

table.list.yes_no {
    width: 100%;
    max-width: 480px;
}

table.list.yes_no td.first {
    text-align: center;
}

table.list.yes_no td {
    width: auto !important;
    max-width: unset !important;
}

table.list td.yes_no,
table.list.yes_no td.first {
    min-width: 280px;
    border-radius: 8px;
}

table.list.yes_no td.first.last {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    font-weight: 500;
}

table.list td.yes_no .btn-group {
    background: var(--action-yesno-background);
}

html.theme table.list td.yes_no .btn-group {
    background: none;
}

table.list td.yes_no #yes_no_buttons button {
    background: var(--action-yesno-default-background);
    border: none;
    border-radius: 0;
    padding: 3px;
    height: 38px;
    box-shadow: none;
    border-radius: 0 0 8px 8px;
}

html.list_type_yesno #yes_no_buttons button.btn-danger,
table.list td.yes_no #yes_no_buttons button.btn-danger {
    background: var(--action-no-background) !important;
    color: var(--action-no-color)
}

table.list tr.s + tr.uv td.yes_no #yes_no_buttons button {
    border-radius: 8px;
}


table.list td.yes_no #yes_no_buttons button.blue {
    background: var(--action-yesno-novote-background);
    color: var(--action-yesno-novote-color) !important;
}


table.list td.yes_no #yes_no_buttons button.blue i {
    color: var(--action-color);
}


@media (hover: hover) {
    table.list td.yes_no #yes_no_buttons button.blue:hover {
        background: var(--action-yesno-novote-background_hover);
        color: var(--action-yesno-novote-color_hover) !important;
    }
}

table.list.yes_no tr.v td i.fa-remove {
    position: relative;
    right: -70px
}

table.list.yes_no tr.v td i.fa-check {
    position: relative;
    left: -70px
}

table.list.yes_no #action_row td {
    text-align: center;
}

table.list #actions {
    /*background: #f2f2f7;*/
    position: absolute;
    top: 5px;
    z-index: 21;
    padding: 10px 0;
    padding-left: 0;
    text-align: left;
    white-space: nowrap;
    width: max-content;
}

table.list #actions a {
    margin-right: 3px;
    margin-left: 3px;
}

table.list #actions .bubble a {
    margin-right: 0;
    margin-left: 0;
}

table.list #actions .bubble a[disabled] {

}


.on_phone table.list #actions {
    left: 0;
    /*min-width: 400px;*/
}

/*
.list_type_yesno table.list #actions {
    position: relative;
    display: flex;
    justify-content: center;
}
*/

table.list.yes_no #actions #save_vote_button,
table.list.yes_no #actions #add_vote_button {
    right: auto !important;
    bottom: auto !important;
    position: relative;
}

table.list.yes_no tr.h td.voted,
table.list.yes_no tr.h td.unvoted {
    background: #ffd4d4;
}

table.list.yes_no tr.h td.voted div > i,
table.list.yes_no tr.h td.unvoted div > i {
    border-color: #ffd4d4 transparent transparent transparent;
}


.thead.scrolled {
    box-shadow: 0px 10px 10px -10px rgb(0 0 0 / 40%);
}

/*noinspection ALL*/
.smooth-sortable li {
    /*

	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: -o-grab;
	cursor: -ms-grab;
	cursor: grab;
*/

    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;

    transition: all .2s ease;

    outline-offset: -2px;
    outline: 2px solid transparent;
}

li.sliding {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
    opacity: 1 !important;
}

/*noinspection ALL*/
.smooth-sortable li.drag_shadow:active,
.ui-draggable-dragging {

    -webkit-user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    z-index: 1019;

    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}


.drag_shadow {
    box-shadow: 0px 0px 20px 3px rgb(0 0 0 / 50%);
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
    background: var(--poll-dragshadow-background);
    border-radius: 9px !important;
    z-index: 1000;
    transform: scale(1.05);
    overflow: hidden;
}

/*noinspection ALL*/
.drag_shadow input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
}


.ui-sortable .placeholder {
    margin-bottom: 10px;
}


.navbar-default .navbar-nav > li > a.invert,
a.invert {
    background: #9BC8FA;
    color: #FFF;
    padding: 6px 12px;
    font-size: 15px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    text-align: center;
    display: inline-block;
    text-decoration: none;
}

.navbar-default .navbar-nav > li > a.invert {
    margin-top: 7px
}

a.button {
    border: 1px solid #007CFF;
    color: #007CFF;
    padding: 5px 12px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    text-align: center;
    display: inline-block;
    text-decoration: none;
}

a.button:hover {
    background: #e3efff;
}

.whatsapp {
    background: #56AC1D
}

html.menu_done .whatsapp_canvas iframe {
    border-radius: 3px;
}

#done_confirmation {
}

.done_link {
    display: inline-block;
    text-align: center;
    border-radius: 8px;
}


/***************
	GOOGLE PLACES API
***************/
.pac-container {
    background-color: #4b535c;
    border-top: none;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
    overflow: visible;
    padding: 5px;
    margin-top: 5px;
}

.pac-container:before {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #4b535c;
    border-width: 10px;
    left: 38px;
    margin-left: 0;
}

.pac-item {
    border-top: none;
    line-height: 26px;
    padding: 0
}

.pac-item:hover {
    background-color: #5C5C5C;
    border-color: transparent;
}

.pac-item-selected {
    background-color: #207ee4;
}

.pac-item-selected span {
    color: #EDEDED
}

.pac-icon {
    margin-top: 4px;
    margin-left: 2px;
}

.pac-item-query {
    font-size: 15px;
    color: #EDEDED;
}

.pac-matched {
    color: #FFF;
    font-weight: normal;
}

.map_canvas {
    width: 100%;
    height: 150px;
    margin-top: 5px;
    overflow: hidden;
}

.map_iframe,
.map_canvas iframe {
    width: 100%;
    height: 100%;
    border: none;
    /*border-radius: 6px;*/
}

ul.list li.vote_options.y div.map_canvas,
ul.list li.vote_options.m div.map_canvas,
ul.list li.vote_options.n div.map_canvas {
    box-shadow: 0 0 20px -5px rgb(0 0 0 / 16%);
}

.map_exists .fa.fa-map-marker,
[data-geo] .fa-map-marker {
    color: var(--primary_color_link) !important;
    cursor: pointer;
    top: 1px;
}

.map_exists .add_location_field:hover {
    color: var(--primary_color_link) !important
}

.unvoted .map_exists .fa.fa-map-marker,
.unvoted [data-geo] .fa-map-marker {
    color: #666 !important;
}


#save_vote_button,
#add_vote_button {
    display: inline-block;
    min-width: 120px;
}

#no_options.hide,
#save_vote_button.hide,
#add_vote_button.hide {
    display: none;
}

html.theme #no_options {
    background: #00000087
}

/*
.navbar-default .navbar-nav > li >
a.share_link_header {
    color: rgb(0, 131, 129) !important;
    background: #e7f9f8;
}
*/

/**********************************************************************************
    SETTING ETC
**********************************************************************************/

.slider_prepend {
    font-size: 11px;
    right: 60px;
    top: 9px;
    width: 70px;
    text-align: center;
    line-height: 12px;
    color: #999;
    z-index: 1;
    position: absolute;
}


input.ios[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #f2f2f7;
    border: 1px solid #f2f2f7;
    border-radius: 27px;
    box-shadow: inset 0 0 0 0 #f2f2f7;
    cursor: pointer;
    height: 30px !important;
    position: relative;
    transition: border .25s .15s, box-shadow .25s .3s, padding .25s;
    -webkit-transition: border .25s .15s, box-shadow .25s .3s, padding .25s;
    width: 50px !important;
    vertical-align: top;
    margin: 0;
    outline: none;
    position: relative;
    top: -3px;
}

input.ios[type="checkbox"]:after {
    background-color: white;
    border: 1px solid #f2f2f7;
    border-radius: 24px;
    box-shadow: inset 0 -3px 3px rgba(0, 0, 0, 0), 0 1px 4px rgba(0, 0, 0, 0.4), -1px 2px 4px rgba(0, 0, 0, 0.15);
    content: '';
    display: block;
    height: 28px;
    left: 0;
    position: absolute;
    right: 20px;
    top: 0;
    transition: border .25s .15s, left .25s .1s, right .15s .175s;
}

input.ios[type="checkbox"]:checked {
    border-color: #4CD324;
    box-shadow: inset 0 0 0 15px #4CD324;
    padding-left: 18px;
    transition: border .25s, box-shadow .25s, padding .25s .15s;
}

input[type="checkbox"]:checked:after {
    border-color: rgba(76, 211, 36, 0.76);
    left: 20px;
    right: 0;
    transition: border .25s, left .15s .25s, right .25s .175s;
}

.animate_height {
    transition: max-height 100ms ease-out;
}

.animate_background {
    -webkit-transition: background-color 150ms linear;
    -moz-transition: background-color 150ms linear;
    -o-transition: background-color 150ms linear;
    -ms-transition: background-color 150ms linear;
    transition: background-color 150ms linear;
}

.bezier {
    -webkit-transition: all .3s cubic-bezier(.10, .10, .25, .90);
    -moz-transition: all 1s cubic-bezier(.10, .10, .25, .90);
}

.animate_slide {
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    -moz-transition-property: top, opacity;
    -webkit-transition-property: top, opacity;
    -o-transition-property: top, opacity;
    -ms-transition-property: top, opacity;
    transition-property: top, opacity;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);

    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;

    animation-name: fadeInDown;
    animation-duration: 0.1s;
    animation-fill-mode: both;
}


.popup_close,
#popup_close {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 38px;
    cursor: pointer;
    color: var(--icons-darkgray);
    z-index: 1;
    border-radius: 0;
    padding: 5px;
    background: rgba(255, 255, 255, 0.7);
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 1.1;
}

#popup_close:hover,
.zoom_hover:hover {
    color: var(--link-font-hover);
    background: #FFFFFF;
}

.inPopup #popup_close:before,
.popup_content .icon-remove:before {
    content: '\00d7';
    top: -8px;
    position: relative;
    left: 0px;
}

.inPopup #popup_close {
    position: fixed;
}

.popup_content {
    display: none;
    position: absolute !important;
    z-index: 100001;
    background: #fff;
}

.popup_content.loader:empty {
    min-height: 200px;
}

.popup_content.loader:before {
    display: none;
}

.popup_content:empty.loader:before,
.popup_content.showLoader.loader:before {
    display: block;
}

.popup_content.shadow {
    box-shadow: 0 0 50px #333333;
    *border: 8px solid #999; /* IE 7 fix */
    *background: #777;
    *padding: 2px
}


/***********************************
	POPUP
***********************************/
bubble {
    display: block;
}

.pp {
    position: absolute;
    z-index: 1031;
    padding: 10px 15px;
    background: rgba(23, 40, 58, 0.50) !important;
    color: #000;
    border: 1px solid transparent;
    font-size: 15px;
    border-radius: 10px;
    box-shadow: var(--bubble-default-shadow);
    filter: var(--bubble-default-filter);
}

.pp.bubble {
    background: var(--bubble-background) !important;
    color: var(--bubble-color);
    border: 0;
    line-height: 18px;
    padding: 9px 14px !important;
    margin: 0 10px !important;
    text-align: center;
    font-size: 16px;
    animation: zoomIn .2s cubic-bezier(0.0, 0.0, 0.2, 1);
    box-shadow: var(--bubble-shadow) !important;
    border-radius: var(--bubble-radius);
    filter: var(--bubble-filter);
    font-weight: 500;
}

.pp.bubble.title-popup,
.pp.bubble.notify {
    background: var(--bubble-notify-background) !important;
    color: var(--bubble-notify-color);
    box-shadow: var(--bubble-notify-shadow) !important;
    filter: var(--bubble-notify-filter) !important;
}

.pp.bubble.with-header {
    text-align: left;
}

.pp.bubble.vertical {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-width: 100px;
}

.pp.bubble.title-popup {
}

.pp.bubble a,
.pp.bubble span {
    display: inline-block !important;
    padding: 8px 14px !important;
    color: var(--bubble-color) !important;
    text-decoration: none !important;
    min-width: 100px;
}

.pp.bubble.with-header a,
.pp.bubble.with-header span {
    text-align: center;
}

.pp.bubble:not(.vertical).with-header[data-children="2"] a,
.pp.bubble:not(.vertical).with-header[data-children="2"] span {
    width: 100%;
}

.pp.bubble:not(.vertical).with-header[data-children="3"] a,
.pp.bubble:not(.vertical).with-header[data-children="3"] span {
    width: 50%;
}

.pp.bubble:not(.vertical).with-header[data-children="4"] a,
.pp.bubble:not(.vertical).with-header[data-children="4"] span {
    width: 33.33%;
}


.pp.bubble *:first-child:not(.bubble-header) {
    border-top-left-radius: var(--bubble-radius) !important;
    border-top-right-radius: var(--bubble-radius) !important;
    border-bottom-left-radius: var(--bubble-radius) !important;
}

.pp.bubble.vertical *:first-child:not(.bubble-header):not(sub):not(:last-child) {
    border-top-left-radius: var(--bubble-radius) !important;
    border-bottom-left-radius: 0px !important;
    border-top-right-radius: var(--bubble-radius) !important;
}

.pp.bubble * + * {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.pp.bubble.vertical * + * {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-left-color: transparent;
}

.pp.bubble:not(.vertical) *:last-child {
    border-top-right-radius: var(--bubble-radius) !important;
    border-bottom-right-radius: var(--bubble-radius) !important;
}

.pp.bubble:not(.vertical).with-header *:last-child {
    border-top-right-radius: 0 !important;
}

.pp.bubble.with-header:not(.vertical) *:nth-child(1) {
    border-bottom-left-radius: 0 !important;
}

.pp.bubble.with-header:not(.vertical) *:nth-child(2) {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: var(--bubble-radius) !important;
}

.pp.bubble.vertical *:last-child {
    border-bottom-right-radius: var(--bubble-radius) !important;
    border-bottom-left-radius: var(--bubble-radius) !important;
}

.pp.bubble.vertical a,
.pp.bubble.vertical span {
    width: 100%;
    min-width: 140px;
    max-width: 100%
}

.pp.bubble.with-icon i.fa {
    position: absolute;
    left: 12px;
}

.pp.bubble.with-icon a,
.pp.bubble.with-icon span {
    padding-left: 40px !important;
    text-align: left;
    display: flex !important;
    align-items: center;
}

.pp.bubble a.inactive,
.pp.bubble span.inactive {
    color: var(--bubble-color_inactive) !important;
}


.pp.bubble * + *:not(i):not(b):not(p) {
    border-left: var(--bubble-border-left);
}

.pp.bubble > p + a,
.pp.bubble a:first-child {
    border-left: none !important;
}

.pp.bubble.vertical *:not(.bubble-header) + *:not(i):not(b):not(p) {
    border-left: 0;
    box-shadow: var(--bubble-border-top);
}

.pp.bubble.vertical *:not(.bubble-header) + *:not(i):not(b):not(p):hover {
    box-shadow: var(--bubble-border-top_hover);
}

.pp.bubble a:active {
    background: var(--bubble-background_active) !important;
    color: var(--bubble-color_active) !important;
}

@media (hover: hover) {
    .pp.bubble a:hover {
        background: var(--bubble-background_hover) !important;
        color: var(--bubble-color_hover) !important;
        cursor: pointer;
        border-color: transparent !important;
    }
}

.pp.bubble.p0 {
    padding: 0 !important
}

.pp.bubble a.mark_remove:hover {
    background: #e93a91 !important;
}

.pp.bubble input.form-control {
    height: 34px;
    margin: 1px;
    min-width: 90px;
    max-width: calc(100% - 2px);
    padding: 6px 10px;
    padding-right: 60px;
    border-radius: var(--bubble-radius-input) !important;
}

.pp.bubble.vertical .btn-pwd-submit,
.pp.bubble .btn-pwd-submit {
    position: absolute;
    z-index: 1;
    right: 2px;
    display: inline-block;
    width: 49px;
    font-size: inherit;
    bottom: 2px;
    background: #007cff;
    color: #fff;
    height: 32px;
    padding: 0;
    text-align: center;
    border-radius: 7px !important;
    box-shadow: none !important;
    line-height: 1;
    border: 1px solid transparent;
}

.pp.white {
    background: var(--bubble-white-background) !important;
    color: var(--bubble-white-color);
    border-color: var(--bubble-white-border-color);
    filter: var(--bubble-white-filter);
}

.pp.black {
    background: #2c2c2c !important;
    color: #FFF;
    border-color: #2c2c2c;
}

.pp.dark {
    background: #4b535c !important;
    color: #FFF;
    border-color: #4b535c;
}

.pp.light {
    background: #77AEEB;
    color: #444;
    border-color: #77AEEB;
}

.arrow_box:after {
    bottom: calc(100% - 1px);
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #8B949D;
    border-width: 12px;
    left: 43px;
    margin-left: -12px;
    z-index: -1;
}

.arrow_box.white:after {
    border-bottom-color: var(--bubble-white-arrow-color)
}

.arrow_box.bottom:after {
    bottom: -23px;
    transform: rotate(180deg);
}

.options .arrow_box:after {
    left: 68px
}

.arrow_box.date:after {
    left: 78px;
}

.options .arrow_box.date:after {
    left: 68px
}

#basics .arrow_box.date:after {
    left: 81px
}

/*
.arrow_box.time:after {
    left: 161px;
}

.arrow_box.endtime:after {
    left: 228px !important;
}

#basics .arrow_box.time:after {
    left: 190px;
}

#basics .arrow_box.endtime:after {
    left: 270px !important;
}
*/

.arrow_box.arrow_center:after,
.arrow_box.arrow_center.time:after,
.arrow_box.arrow_center.endtime:after {
    left: 50% !important;
}

.arrow_box.arrow_left:after,
.arrow_box.arrow_left.time:after,
.arrow_box.arrow_left.endtime:after {
    left: 72px !important;
}

.arrow_box.r:after {
    left: auto;
    right: 16px;
}

.arrow_box.r:before {
    left: auto;
    right: 16px;
}

.arrow_box.rs:before,
.arrow_box.rs:after {
    left: auto;
    right: -20px;
    transform: rotate(90deg);
    top: 6px;
}

.arrow_box.rs:before {
    right: -16px;
    top: 7px;
}

.arrow_box.ls:before,
.arrow_box.ls:after {
    right: auto;
    left: -9px;
    transform: rotate(-90deg);
    top: 6px;
}

.arrow_box.ls:before {
    left: -16px;
    top: 7px;
}


.arrow_box.b:after,
.arrow_box.c:after {
    left: calc(50% - 11px);
    margin-left: 0;
    top: -22px;
}

.arrow_box.l:after {
    left: 14px;
    margin-left: 0;
    top: -19px;
}

.arrow_box.b:after {
    top: unset;
    bottom: -15px;
    transform: rotate(180deg);
}

.arrow_box.black:after,
.arrow_box.bubble:after {
    border-bottom-color: var(--bubble-background);
}

.arrow_box.bubble:has(> a:first-child:hover)::after {
    border-bottom-color: var(--bubble-background_hover);
}

.notify.arrow_box.black:after,
.notify.arrow_box.bubble:after {
    border-bottom-color: var(--bubble-notify-background);
}

.arrow_box.with-header.bubble:after {
    border-bottom-color: var(--bubble-header-background);
}


.arrow_box.dark:after {
    border-bottom-color: #4b535c;
}

.arrow_box.light:after {
    border-bottom-color: #77AEEB;
}

/*
.arrow_box.bubble:hover:after {
    border-bottom-color: #494949;
}
*/

.arrow_box.bubble.bubble-help:after {
    border-bottom-color: #007cff;
}

.arrow_box.bubble.bubble-help close:after {
    position: absolute;
    content: "\e905";
    font-family: fa;
    right: 0;
    top: 0;
    opacity: .5;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.arrow_box.bubble.bubble-help close:hover:after {
    opacity: 1;
}


.pp.bubble.incrementor {
    width: 140px;
}

.pp.bubble.bubble-help {
    background: #007cff !important;
    padding: 5px !important;
    max-width: 300px;
    text-align: left;
    box-shadow: 4px 5px 20px -5px rgb(0 0 0 / 80%) !important;
    animation: zoomIn .6s cubic-bezier(0.0, 0.0, 0.2, 1);
    transition: all .3s ease-out;
}

.arrow_box.bubble.bubble-help:not(.c):not(.r):not(.rs):after {
    left: 40px;
}

.pp.bubble.bubble-help a {
    color: #fff !important;
    min-width: auto;
    width: auto;
    padding: 0 !important;
    display: inline !important;
    font-weight: 500;
    text-decoration: underline;

}

.pp.bubble.bubble-help span {
    color: #FFF !important;
    padding: 15px 15px 15px 40px !important;
}

.pp.bubble.bubble-help p {
    margin-top: 8px;
    margin-bottom: 0;
}

.pp.bubble.bubble-help span:before {
    content: "\e62d";
    font-family: fa;
    position: absolute;
    left: 16px;
    font-size: 20px;
    top: 22px;
    color: #ffffff69;
}


.bubble.map {
    padding: 5px !important;
    height: 200px;
    z-index: 10;
    min-width: 200px;
}


.pp.bubble span.calevs {
    background: #efefef;
    color: #888;
    border-radius: 0 0 6px;
    display: flex !important;
    padding: 5px !important;
}

.pp.bubble span.calevs:empty {
    display: none !important
}

.pp button,
.bigbutton {
    width: 100%;
    background: var(--bubble-white-background);
    color: var(--bubble-white-btn-color);
    border: none;
    border-radius: 8px;
    padding: 8px 8px 8px 45px;
    margin-bottom: 0;
    margin-top: 0;
    font-size: 18px;
    line-height: 18px;
    outline: none;
    text-align: left;
    font-weight: 500;
}

.pp.black button {
    background: #3b3b3b;
    color: #FFF;
}

.pp button:first-child {
    margin-top: 0
}

@media (hover: hover) {
    .pp.black button:hover {
        background: #696969 !important;
        border-bottom-color: #494949;
        cursor: pointer;
    }

    .pp.white button:hover {
        background: var(--bubble-white-background_hover);
        color: var(--bubble-white-color_hover);
        cursor: pointer;
    }
}

@media (hover: none) {
    .pp.white button:active {
        background: var(--bubble-white-background_hover);
        color: var(--bubble-white-color_hover);
        cursor: pointer;
    }
}


.bigbutton {
    font-size: 20px;
}

a.bigbutton {
    display: inline-block;
}

.pp .bottom-info {
    margin-top: 2px;
    padding-bottom: 2px;
    border-top: 1px solid var(--bubble-hr-color);
}

.bubble_info_name_exists {
    color: var(--bubble-color_secondary);
}

.cc-floating.cc-theme-classic {
    margin: 20px;
}

.cc-window {
    opacity: 1;
    transition: opacity .2s ease !important;
}

.cc-btn {
    background-color: rgb(115, 115, 115) !important;
    font-weight: 400 !important;
}

.cc-link {
    padding: 0 !important;
}

.cc-floating.cc-theme-classic {
    box-shadow: 7px 7px 15px 0px rgba(0, 0, 0, 0.3);
    font-size: 14px;
    line-height: 18px;
    border-radius: 16px;
}

.video-phone {
    box-shadow: 4px 8px 20px rgba(0, 0, 0, 0.25);
    transition: all .2s ease-in-out;
    border-radius: 10px;
    width: 280px;
    height: 191px;
    cursor: pointer;
}

.video-wrapper {
    display: inline-block;
    position: relative;
    cursor: pointer;
}

html:not(.is_app) .video-wrapper video {
    pointer-events: none;
}


.video-wrapper.playing video {
    pointer-events: unset !important;
}

.video-phone.playing {
    height: 603px;
    border-radius: 24px;
}

/***********************************
 ALERT / CONFIRM / PROMPT
 **********************************/
#jalert_overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--modal-background-fade);
    justify-content: center;
    align-items: center;
    z-index: 99998;
    will-change: opacity;
    animation: mmfadeIn .3s cubic-bezier(0, 0, .2, 1);
    display: block;
}

#jalert_container {
    min-width: 500px;
    max-width: 600px;
    background: var(--jalert-container-background);
    color: var(--jalert-container-color);
    border-radius: var(--jalert-radius);
    padding: 15px 10px;
    outline: 0;
    text-align: center;
    animation: zoomIn .3s cubic-bezier(0.0, 0.0, 0.2, 1);
    opacity: 0;
    box-shadow: var(--jalert-shadow);
}

#jalert_container.jalert-show {
    opacity: 1;
}

#jalert_content {
    padding: 15px 20px;
    margin: 0em;
}

#jalert_message {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
}

#jalert_panel {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    row-gap: 15px;
    column-gap: 10px;
    flex-wrap: wrap;
}

#jalert_prompt {
    margin: 15px 0 0;
    text-align: center;
}

html.menu_invoices #jalert_prompt {
    min-height: 100px;
    text-align: left;
}

#jalert_prompt[type="color"],
#jalert_prompt[type="date"],
#jalert_prompt[type="datetime-local"],
#jalert_prompt[type="url"],
#jalert_prompt[type="time"] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 15px auto;
}

#jalert_prompt[type="date"] {
    width: 140px;
}

#jalert_prompt[type="time"] {
    width: 120px;
}

#jalert_prompt[type="datetime-local"] {
    width: 200px;
}

#jalert_prompt[type="color"] {
    padding: 4px;
    height: 60px;
    max-width: 60px;
}


#jalert_container.fullscreen {

}

#jalert_container.ai_prompt #jalert_prompt {
    min-height: 220px;
    padding: 10px 12px;
    text-align: left;
}

#jalert_container.with_delete #jalert_prompt {
    padding-right: 34px;
}

#jalert_container.with_delete .jalert_delete {
    position: absolute;
    right: 40px;
    margin-top: 24px;
    z-index: 2;
    color: var(--jalert-close-icon-color)
}

.invoice_address:not(:empty) {
    margin-top: 10px;
}


/* hacks */

#jalert_panel input,
#jalert_panel button {
    margin: 0;
    width: auto;
    height: auto;
    min-width: 110px;
    outline: none;
    padding: 0 20px;
}

#jalert_panel.jalert_panel_heigh button {
    width: 100%;
}

#jalert_img {
    max-width: calc(100% + 20px);
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -15px;
    border-radius: calc(var(--jalert-radius) - 2px) calc(var(--jalert-radius) - 2px) 0 0;
    overflow: hidden;
}

#jalert_img img {
    max-width: 100%;
    object-fit: cover;
}

#jalert_title {
    font-size: 22px;
    font-weight: bold;
    margin: 10px;
    color: var(--jalert-container-color);
    text-align: center;
}

#jalert_title:empty {
    display: none;
}

emoji {
    display: block;
    font-size: 36px;
}

#jalert_message > emoji {
    margin-bottom: 25px
}

#jalert_panel #jalert_cancel.btn:not(:hover) {
    background-color: var(--btn-outlined-background);
    color: var(--btn-outlined-color);
    border: var(--btn-outlined-border);
}

#jalert_panel #jalert_cancel.btn-gray:not(:hover) {
    border-color: var(--input-field-cancel-border-color);
}

#jalert_panel #jalert_cancel.btn:hover {
    border: 1px solid transparent;
}

#jalert_panel .js-jalert-close {
    top: 0;
    right: 0;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: absolute;
    font-size: 24px;
    color: var(--jalert-close-icon-color);
}

#jalert_panel .js-jalert-close:hover {
    opacity: 0.8;
}

#jalert_panel .js-jalert-close:before {
    content: '\e905';
    font-family: 'fa';
}

#jalert_message > list,
ps,
#jalert_message > ps {
    font-size: 16px;
    line-height: 18px;
    margin-top: 16px;
    display: block;
    opacity: .7;
}

#jalert_message > list {
    margin-top: 16px;
    margin-bottom: 16px;
    display: block;
    opacity: 1;
    background: #00000017;
    padding: 8px;
    border-radius: 6px;
}


/**********************************************************************************
    Footer
**********************************************************************************/
footer {
    text-align: center;
    padding: 40px 15px;
    margin-bottom: 20px;
}

html.mobile footer {
    -webkit-user-select: none;
}

html.phone.menu_show footer,
html.menu_new footer {
    padding-bottom: 120px;
    text-align: center;
}


footer,
footer a {
    color: #999999;
    font-size: 13px;
}

footer a:hover {
    color: #686868;
}

footer ul {
    padding-left: 0;
    margin: 0;
    display: inline-block;
}

.menu_home footer ul {
    margin-left: 0;
}

footer ul li {
    float: left;
}

footer ul li a {
    padding: 5px 15px;
}

.menu_home .topmenu li:first-child {
    border-left: none;
}

.menu_home ul.topmenu {
    /*background: #0074ff;*/
    /*border-radius: 8px;*/
    margin-top: 5px;
    overflow: hidden;
    display: inline-flex;
    align-items: stretch;
}

.menu_home .topmenu li + li {
    /*box-shadow: inset 1px 0 0 0px #0065ff;*/
    position: relative;
}

.menu_home .topmenu a {
    color: #fff;
    font-weight: 500;
    font-size: 17px;
    line-height: 40px;
    padding: 0 25px;
    display: inline-block;
    text-align: center;
    min-width: 95px;
    border-radius: 8px;
}

.menu_home .topmenu a#switch_lang {
    min-width: auto;
}


@media (hover: hover) {
    .menu_home .topmenu a:hover {
        background: #4186fe;
        color: #FFF;
        text-decoration: none;
    }
}

.menu_packages footer,
.menu_packages_compare footer,
.menu_examples footer,
.menu_home footer,
.menu_home footer a {
    text-align: center;
    color: #939393;
}

footer a:hover {
    text-shadow: none;
    text-decoration: none;
    border-radius: 2px;
    color: #686868;
}


html.mobile .hide_if_mobile,
html:not(.mobile) .show_if_mobile,
.hide_small {
    display: none
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background-color: inherit;
    color: inherit;
}

.nav-pills > li > a {
    /*background-color: var(--menu-side-background);*/
    color: var(--menu-side-color);
    border-radius: 8px;
}

.nav-pills > li.active {
    position: relative;
    background-color: var(--menu-side-background);
    color: var(--menu-side-color_active);
    border-radius: 8px;
    font-weight: 500;
}

#sidebar .nav > li > a {
    padding: 8px 15px
}

.nav-stacked > li + li {
    margin-top: 2px;
}

.nav-pills > li.active > a {
    border-radius: 8px;
}

.nav > li > a:hover,
.nav > li > a:focus {
    background-color: var(--menu-side-background);
    color: var(--primary_color_link)
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: inherit;
}

#sidebar {
    margin-bottom: 20px !important;
}


/*
sidebar .nav-pills {
    background: #fff;
    position:absolute;
    width: calc(100% - 30px);
    z-index:1;
}
#sidebar {
    height:30px;
}
#sidebar .nav-pills > li:not(.active) {
    display:none;
}
#sidebar .nav-pills:hover > li {
    display:block;
}
*/

html.menu_terms h2,
html.menu_privacy h2 {
    margin-top: 30px
}

html.menu_terms.is_modal .container,
html.menu_privacy.is_modal .container {
    padding: 30px;
}

.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
    border-bottom: 1px solid var(--table-border-color);
    border-top: none;
}

@media (hover: hover) {
    .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
        background-color: var(--table-background_hover);
    }
}

.table.border {
    border: 1px solid var(--table-border-color);
    border-radius: 8px;
}

/**********************************************************************************
    SHOW (LARGE)
**********************************************************************************/
table.list {
    table-layout: fixed;
    border-collapse: separate;
    /*border-collapse: collapse;*/
    margin-right: 10px;
    margin-bottom: 90px;
}

html.is_vote_multiple table.list {
    margin-bottom: 120px;
}

html.mobile table.list {
    -webkit-user-select: none;
}

table.list td {
    position: relative;
    z-index: 1;
    text-align: center;
    line-height: 19px;
    border-bottom: 1px solid var(--options-border);
    border-left: 1px solid var(--options-border);
    /*border-bottom: 1px solid rgba(255, 255, 255, 0.4);*/
    /*border-left: 1px solid rgba(255, 255, 255, 0.4);*/
    border-bottom: 1px solid var(--options-border-bottom);
    height: 37px;
}

table.list td.add_user_option_cell {
    background: transparent !important;
    min-width: 100px;
}

.add_user_option_inner {
    position: relative !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: var(--primary_color_link);
    font-weight: 600;
    cursor: pointer;
    bottom:auto !important;
}

.add_user_option_inner .fa {
    font-size: 22px;
    font-weight: 600;
}

.user_option_menu_trigger {
    position: absolute;
    top: 0;
    right: 0px;
    z-index: 5;
    color: var(--options-icon-color);
    padding: 4px 0px 5px 8px;
    line-height: 1;
}

.user_option_menu_trigger:hover {
    color: var(--body-color);
}

ul.list li.vote_options {
    position: relative;
}

/* :Header */
table.list tr.h td {
    background: var(--options-background);
    color: var(--options-color);
    font-size: 15px;
    line-height: 20px;
    padding: 14px;
    border-bottom: none;
    border-left: 1px solid var(--options-border);
    /*border-left: 1px solid rgba(0, 0, 0, 0.1);*/
    vertical-align: top;
    position: relative;
    z-index: 3;
    word-wrap: break-word;
    max-width: 160px;
}

.list_wrapper.has_max_voters table.list tr.h td {
    padding-bottom: 30px;
}

.list_wrapper.has_max_voters table.list tr.h.multiple_time_options td {
    padding-bottom: 5px;
}

.word-wrap-hyphens {
    hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
}

html:not(.no_edit) table.list tr.h td[data-opid]:hover {
    cursor: pointer;
    -webkit-user-select: none;
}

.is_admin table.list tr.h td {
    box-shadow: inset 0 4px rgba(0, 0, 0, 0);
}

@media (hover: hover) {
    .is_admin.close_poll table.list tr.h td[data-opid]:not(.selected):hover {
        cursor: pointer;
        background: #d8c5ef;
        color: #333;
    }
}

table.list tr.h td[data-opid].selected p[data-geo],
table.list tr.h td.selected[data-opid] p[data-geo] > i.fa-map-marker,
.finalwrapper p,
.finalwrapper p > i.fa-map-marker {
    color: var(--list-closed-link) !important;
}

.is_admin.close_poll table.list tr.h td[data-opid]:not(.selected):hover div > i {
    border-color: #d8c5ef transparent transparent transparent !important;
    border-color: transparent transparent transparent transparent !important;
}


.tablet table.list tr.h td {
    font-size: 16px;
    line-height: 19px;
}

table.list tr.h td[data-opid] {
    min-width: 160px;
    box-shadow: var(--options-bottom-shadow);
}

table.list tr.h td[data-opid].unselectable,
table.list tr.h td[data-opid].deleted {
    box-shadow: none;
}

ul.list li.vote_options.blocked:before,
table.list tr.h td[data-opid].blocked:before {
    position: absolute;
    content: "\e633";
    font-family: 'fa';
    font-size: 18px;
    color: rgb(0 0 0 / 50%);
    top: 2px;
    right: 2px;
}

ul.list li.vote_options.blocked:before {
    right: unset;
    left: 3px;
}

html.compact table.list tr.h td[data-opid].blocked:before {
    font-size: 14px;
}

table.list tr.n td.vote_options.nn.blocked > i:before,
table.list tr.n td.vote_options.n.blocked > i:before {
    content: "\e633";
}

table.list tr td.newgroup:not(.first) {
    border-left: 8px solid #f2f2f7;
}

table.list tr.h td:first-child {
    background: inherit;
    color: #888;
    border: transparent;
    border-left: none;
    min-width: 200px;
}

table.list tr.h td.first {
    border-top-left-radius: var(--list-radius-outside);
    border-left: transparent !important;
}

table.list tr.h td.last {
    border-top-right-radius: var(--list-radius-outside);
}

table.list tr.h.multiple_time_options + tr.h td.first,
table.list tr.h.multiple_time_options + tr.h td.last {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

table.list tr.h.multiple_time_options td {
    padding-bottom: 5px;
}

table.list tr.h.multiple_time_options + tr.h td {
    padding-top: 8px;
}

/* :Header -> Arrows */
table.list tr.h td div {
    position: absolute;
    z-index: 1;
    bottom: -10px;
    text-align: center;
    width: 100%;
    pointer-events: none;
    left: 0;
}

.tablet table.list tr.h td div {
    bottom: -9px;
}

table.list tr.h td div.max_voters {
    bottom: 14px;
    font-size: 11px;
    color: var(--list-limit-text-color);
}

table.list tr.h td div > i {
    position: relative;
    left: 0;
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 18px 0 18px;
    border-color: var(--options-background) transparent transparent transparent;
    line-height: 0;
}

table.list tr.h td.add_user_option_cell .add_user_option_inner {
    pointer-events: auto;
}

table.list.yes_no tr.h td.uvoted div {
    width: 50%;
}

table.list.yes_no tr.h td.unvoted div {
    width: 100%;
    padding-left: 50%;
}

table.list tr.h td i.fa-map-marker {
    color: rgba(56, 56, 56, 0.5);
}

/*table.list tr.h td span.day {
    color: rgba(97, 97, 97, 0.6);
    margin-bottom: 2px;
    display: inline-block;
}
table.list tr.h td span.day.sa {
    color: rgba(0, 121, 216, 0.6);
}
table.list tr.h td span.day.so {
    color: rgba(226, 154, 0, 0.8);
}
table.list tr.h td.selected span.day {
	color:#FFF;
}*/

table.list tr.h td.single {
    background: var(--options-blocked-background);
    color: var(--options-blocked-color)
}

table.list tr.h td.single div > i {
    border-color: var(--options-blocked-background) transparent transparent transparent;
}

table.list tr.h td.deleted {
    background: var(--options-deleted-background);
    color: var(--options-deleted-color)
}

table.list tr.h td.deleted div > i {
    border-color: transparent;
}


table.list tr.h td.voted,
table.list tr.h td.uvoted,
table.list tr.h td.unvoted {
    background: var(--options-yes-background);
    /*border-left: 1px solid rgba(255, 255, 255, 0.6);*/
}

table.list tr.h td.uvoted {
    background: var(--options-yes-background);
    color: var(--options-yes-color);
}

table.list tr.h td.uvoted.m {
    background: var(--options-may-background);
    color: var(--options-may-color);
}

table.list tr.h td.selected div > i,
table.list tr.h td.voted div > i,
table.list tr.h td.uvoted div > i,
table.list tr.h td.unvoted div > i {
    border-color: var(--options-yes-background) transparent transparent transparent;
}

table.list tr.h td.uvoted.m div > i {
    border-color: var(--options-may-background) transparent transparent transparent;
}

table.list tr.h td.uvoted p[data-geo] {
    color: #369409A1;
}

table.list tr.h td.uvoted.m p[data-geo] {
    color: #c88e00c2;
}

table.list tr.h td.uvoted.ft {
    box-shadow: 0 1px 0px -1px rgb(0 0 0 / 31%);
    border-bottom: 1px solid var(--action-freetext-arrow-border);
}

table.list tr.h td.uvoted.ft div > i {
    border-color: var(--action-freetext-arrow) transparent transparent transparent;
    transform: rotate(180deg);
    top: -4px;
    filter: drop-shadow(0px 1px 0px var(--action-freetext-arrow-border));
    border-width: 6px 12px 0 12px;
}


table.list tr.h td.uvoted span.day,
table.list tr.h td.unvoted span.day {
    color: rgba(255, 255, 255, 0.7);
}

table.list tr.h td.nvoted {
    background: #fff !important;
}

table.list tr.h td.nvoted div > i {
    border-color: #fff transparent transparent transparent !important;
}

table.list tr.h td.unvoted {
    background: var(--options-no-background) !important;
    color: var(--options-no-color);
}

table.list tr.h td.unvoted div > i {
    border-color: var(--options-no-background) transparent transparent transparent !important;
}

table.list tr.h td.selected {
    background: var(--list-closed-background) !important;
    color: var(--list-closed-color) !important;
}

table.list tr.h td.selected div > i {
    border-color: var(--list-closed-background) transparent transparent transparent !important;
}

table.list tr.h td.selected i.winner {
    border-radius: 50%;
    padding: 8px;
    top: -4px;
    position: relative;
    margin-left: 4px;
    z-index: 1;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: radial-gradient(ellipse at center, #ffd925 10%, #ffa517 100%);
    color: transparent;
}

table.list tr.h td.selected a {
    color: var(--primary_color_link);
}

html.is_admin.close_poll table.list tr.h td:not(.selected) i.winner {
    display: none;
}

/* :Header -> If New Vote Row is not in first line */
table.list tr.h.uv td div {
    /*bottom: -6px;*/
}

li.vote_options.unselectable .max_voters,
table.list tr.h td.deleted div,
table.list tr.h td.unselectable div {
    display: none;
}

/* :Votes */
/*
table.list tr.v {
    position: relative;
}
table.list tr.v:hover:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 2px;
    z-index: 5;
    outline: 1px solid #ffffff;
    border-radius: 6px;
    outline-offset: 0px;
    top: -1px;
}
*/
table.list tr.v td i.fa {
    font-size: 20px;
}

table.list tr.v td.n i.fa {
    font-size: 21px;
}

table.list tr.v td i.fa-remove {
    top: 2px;
    position: relative;
}

table.list tr.v td i.fa-remove:before {
    content: "\e91f";
}

/* :Votes -> If New Vote Row is not in first line */
table.list tr.v.uv td {
    border-top: 1px solid #f2f2f7;
    border-top: 1px solid transparent;
}

table.list tr.v.uv td.na {
    border-top: 1px solid transparent;
}

/* :Votes -> Avatar */
table.list td.av {
    border-left: none !important;
    border-bottom: none !important;
    width: 30px !important;
}

/* :Votes -> Name */
table.list tr.v td.na {
    text-align: right;
    border-left: none;
    font-size: 14px;
    width: auto;
    min-width: 180px;
    max-width: 180px;
    border-bottom: 1px solid transparent;
    padding-right: 10px;
    padding-left: 10px;
    word-wrap: break-word;
    line-height: 14px;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-end;
    height: 38px;
    padding-top: 2px;
    padding-bottom: 2px;
}

table.list tr.v:not(.hl) td.na:after {
    position: absolute;
    content: '';
    height: 5px;
    background: linear-gradient(0deg, var(--vote-name-section-background), transparent);
    width: 100%;
    bottom: -1px;
    right: 0;
    width: calc(100% - 15px);
}

html.theme table.list tr.v:not(.hl) td.na:after {
    background: none;
}

@media (hover: hover) {
    table.list tr.v:not(.hl):hover td.na:after {
        background: linear-gradient(0deg, var(--vote-name-selected-background), transparent);
    }

    html.theme table.list tr.v:not(.hl):hover td.na:after {
        background: none;
    }
}


table.list tr td.busy:after {
    content: '\e633';
    font-family: 'fa';
    font-size: 24px;
    bottom: -10px;
    position: relative;
}

ul.list li.busy:before {
    content: '\e633';
    font-family: 'fa';
    font-size: 28px;
    top: 5px;
    position: relative;
    left: 30px;
}

.desktop table.list tr.v.hl td.na {
    color: var(--vote-name-color_selected) !important;
    background: var(--vote-name-selected-background);
    border-radius: var(--list-radius-outside) 0 0 var(--list-radius-outside);
}

@media (hover: hover) {
    .desktop table.list tr.v:hover td.na {
        color: var(--vote-name-color_hover);
        background: var(--vote-name-selected-background);
        border-radius: var(--list-radius-outside) 0 0 var(--list-radius-outside);
    }

    .desktop table.list tr.v:hover td.na.with-comment:before {
        background: linear-gradient(to right, var(--vote-name-selected-background) 10px, transparent);
        border-radius: var(--list-radius-outside) 0 0 var(--list-radius-outside);
    }
}

.desktop.scrolled table.list tr.v:not(.hl) td.na:after,
.desktop.scrolled table.list tr.last.v td.na {
    border-bottom-right-radius: var(--list-radius-outside) !important;
}

.desktop table.list tr.v td.na > div > i:not(.hidden_vote) {
    display: block;
    color: var(--vote-comment-color);
    font-size: 11px;
    line-height: 11px;
    white-space: nowrap;
    left: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    /*direction: rtl;*/
    text-align: right;
    display: flex;
    justify-content: flex-end;
    min-height: 14px;
    padding-top: 1px;
}

td.na.with-comment:before {
    content: '';
    position: absolute;
    background: linear-gradient(to right, var(--vote-name-section-background) 10px, transparent);
    width: 15px;
    height: 100%;
    left: 0;
    z-index: 1;
}

tr.hl td.na.with-comment:before {
    background: linear-gradient(to right, var(--vote-name-selected-background) 10px, transparent);
    border-radius: var(--list-radius-outside) 0 0 var(--list-radius-outside);
}

.hidden_vote {
    opacity: .8;
    font-size: 20px;
}


#countdown {
    font-size: 11px;
    display: flex;
    text-align: center;
    border-radius: 5px;
}

#countdown > div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 2px 0;
    width: 60px;
    height: 55px;
}

#countdown > div + div {
    padding-left: 2px;
}

#countdown div > span {
    font-size: 20px;
    border-radius: 6px;

    background: linear-gradient(to bottom, #656d79, #4b525c 48%, #2c2c2c 10px, #b6b6b6 10px, #3c3f45 50%);

    background: var(--countdown-background);
    color: var(--countdown-color);
    height: 100%;
    display: inline-flex;
    align-items: center;
    margin-bottom: 3px;
    font-weight: 500;
    justify-content: center;
    /*
    text-shadow: 0px -1px 0px #0000009c;
    box-shadow: 0px 1px 0px #1c1d21;
    */
}

unlocked,
waiting {
    z-index: 1;
    margin-left: 5px;
    display: inline-flex;
    align-items: center;
    position: relative;
    font-size: 18px;
}

html.compact unlocked,
html.compact waiting {
}

.with-unlocked:not(.mobile) unlocked {
    margin-left: 0;
    position: absolute;
    right: 2px;
}

waiting:before {
    color: var(--primary_color_link);
    font-family: 'fa';
    content: "\e60b";
}

unlocked:before {
    color: #ff0481;
    font-family: 'fa';
    content: "\e91e";
}

label > span > unlocked,
label > span > waiting {
    top: 2px;
    font-size: inherit;
}

.show_votes u > unlocked,
.show_votes b > unlocked,
.show_votes u > waiting,
.show_votes b > waiting {
    height: 14px;
    width: 16px;
    top: 3px;
}

.show_votes u > waiting,
.show_votes b > waiting {
    border-radius: 7px;
    background: #007cff;
}

.show_votes u > waiting:before,
.show_votes b > waiting:before {
    color: #FFF;
}


.show_votes u > unlocked > i:before,
.show_votes b > unlocked > i:before,
.show_votes u > waiting > i:before,
.show_votes b > waiting > i:before {
    top: -1px;
    position: relative;
}

.desktop table.list tr.v td.na > div > i.show {
    display: inline-block;
    background: var(--vote-comment-popup-background);
    color: var(--vote-comment-popup-color);
    font-size: 14px;
    line-height: 15px;
    white-space: normal;
    left: 10px;
    text-align: left;
    position: absolute;
    padding: 16px 20px;
    z-index: 100000;
    position: absolute;
    direction: ltr;
    overflow: unset;
    text-overflow: unset;
    width: 100%;
    bottom: 35px;
    border-radius: 5px;
    box-shadow: 5px 5px 20px -5px rgb(0 0 0 / 50%);
    border: var(--vote-comment-popup-border);
}

.desktop table.list tr.v td.na > div > i.show:after {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-left-color: var(--vote-comment-popup-background);
    border-width: 10px;
    right: -3px;
    bottom: -7px;
    transform: rotate(4deg);
}

table.list tr.v.hl {
    z-index: 4
}

@media (hover: hover) {
    .desktop:not(.no_edit) table.list tr.v td.na:hover {
        /*background:inherit;*/
        color: var(--primary_color_link);
        cursor: pointer;
        z-index: 4
    }
}

table.list tr.v td.first {
    border-left-color: #f2f2f7;
    border-left: 0;
}

html:not(.scrolled) table.list tr.v.last:not(.hl):not(:hover) td.first {
    border-bottom-left-radius: var(--list-radius-outside);
}

/* :Votes -> Yes */
table.list tr.v td.y {
    background: var(--list-yes-background);
}

.desktop table.list tr.v.hl td.y {
    background: #44C31B;
}

.desktop table.list tr.v.hl td.y.freetext {
    background: var(--action-freetext-filled-background-hover);
    color: var(--action-freetext-filled-color-hover);
}

@media (hover: hover) {
    .desktop table.list tr.v:hover td.y {
        background: var(--list-yes-background-hover);
    }

    .desktop table.list tr.v:hover td.y.freetext {
        background: var(--action-freetext-filled-background-hover);
        color: var(--action-freetext-filled-color-hover);
    }
}

table.list tr.v td.y i.fa {
    color: var(--list-yes-color);
    top: 1px;
    position: relative;
}

table.list tr.v td.un i.fa {
    color: var(--list-no-color);
}

/* :Votes -> None */
table.list tr.v td.nn {
    background: var(--list-novote);
    color: var(--list-novote-color);
}

table.list tr.v.hl td.nn {
    background: var(--list-novote-highlighted-background);
}

@media (hover: hover) {
    table.list tr.v:hover td.nn {
        background: var(--list-novote-hover);
    }
}

/* :Votes -> No */
table.list tr.v td.n,
table.list tr.v td.un {
    background: var(--list-no-background);
    color: var(--list-no-color);
}

.desktop table.list tr.v.hl td.n,
.desktop table.list tr.v.hl td.un {
    background: var(--list-no-background-hover);
}

@media (hover: hover) {
    .desktop table.list tr.v:hover td.n,
    .desktop table.list tr.v:hover td.un {
        background: var(--list-no-background-hover);
    }
}

/* :Votes -> Maybe */
table.list tr.v td.m {
    background: var(--list-may-background);
}

table.list tr.v td.m i.fa {
    color: var(--list-may-color);
    position: relative;
    top: 2px;
    font-size: 21px;
}

.desktop table.list tr.v.hl td.m {
    background: var(--list-may-background-hover);
}

@media (hover: hover) {
    .desktop table.list tr.v:hover td.m {
        background: var(--list-may-background-hover);
    }
}

/* :Votes -> Non-Selectable (single) */
table.list tr.v td.ns {
    background: #d1d1d7;
}

table.list tr.v:hover td.ns {
    background: #c1c5c9;
}

table.list tr.v.last td,
table.list tr.v td.na {
    border-bottom: 1px solid var(--options-border);
}

html.theme table.list tr.v.last td,
html.theme table.list tr.v td.na {
    border-bottom-color: transparent;
}

html.theme.fullsize.scroll table.list tr.e td {
    border-left-color: transparent;
}

table.list tr.v.last:not(.hl):not(:hover) td.na {
    overflow: hidden;
}


/* :New Vote */
table.list tr.n td {
    background: var(--action-background);
    height: 38px;
    padding: 0;
    border-left: 1px solid var(--action-border);
    position: relative;
    z-index: 2;
    outline: none;
    border-bottom: none;
}

table.list tr.n td.unselectable:not(.blocked) {
    background: var(--action-unselectable-background)
}

table.list tr.n td.deleted {
    background: var(--action-deleted-background)
}

table.list:not(.yes_no) tr.last td:last-of-type {
    border-radius: 0 0 var(--list-radius-outside) 0;
}

table.list.yes_no tr.n td {
    border-bottom: 20px solid var(--list-background);
    border-radius: 0;
}

html.theme table.list.yes_no tr.n td {
    background: transparent;
    border-left-color: transparent;
}


table.list:not(.yes_no) tr#action_row + tr td {
    border-top: 1px solid var(--options-border-bottom);
    /*height: 38px;*/
    min-height: 37.5px;
}

html.theme table.list:not(.yes_no) tr#action_row + tr td.na {
    border-color: transparent;
}

table.list:not(.yes_no) tr#action_row + tr td.na {
    border-color: transparent;
    border-bottom: 1px solid var(--options-border);
}

table.list:not(.yes_no) tr#action_row.active + tr td {
    border-top: 1px solid transparent;

}

table.list tr.n div.name {
    background: var(--vote-name-background);
    padding: 2px;
    height: 38px;
    border-radius: 5px 0 0 5px;
    border-bottom-width: 6px;
}


table.list tr.n div.name img.a {
    position: absolute;
    right: -16px;
    top: 0;
    z-index: 1;
    height: 38px;
}


/*
table.list tr.n div.name:before {
    position: absolute;
    right: -20px;
    background: #007cff;
    content: '';
    width: 20px;
    height: 100%;
    top: 0;
    border-radius: 0 20px 20px 0;
    box-shadow: 0px 0 0px 1px #fff;
    z-index: -1;
}
*/

html.compact table.list tr.h td {
    padding: 9px;
}

html.compact table.list tr:not(.h):not(.n):not(.stats):not(#action_row) td {
    height: 29px !important;
    padding: 2px 4px !important;
    line-height: 12px;
}

html.compact table.list tr:not(.h):not(.n):not(.stats):not(#action_row) td.freetext {
    padding: 1px 10px !important;
}

html.compact .has_freetime_option table.list tr:not(.h):not(.n):not(.stats):not(#action_row) td {
    height: 33px !important;
}


html.compact table.list tr.v td.na {
    font-size: 14px;
    font-weight: 500;
    padding-right: 6px !important;
}

html.compact table.list tr td .cal-ev event {
    min-width: 103px;
}

html.compact table.list tr.h td {
    font-size: 13px;
    line-height: 15px;
}

html.compact table.list tr.h td div > i {
    top: -2px;
    border-width: 10px 18px 0 18px;
}

html.compact table.list tr:not(.n) td.na > div {
    overflow: overlay;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 16px;
    height: inherit;
}

html table.list tr:not(.n) td.na > .name_wrapper.first_row_after_action {
    margin-top: -1px;
    background: transparent;
}

html.compact table.list tr:not(.n) td.na > .name_wrapper.first_row_after_action {
    margin-top: -10px;
    background: transparent;
}

html.compact.with-unlocked table.list tr:not(.n) td.na > div {
    padding-right: 18px;
}

html.compact table.list tr:not(.n).hl td.na > div {
    overflow: visible;
    background: inherit
}


html.compact table.list tr.v td.y i.fa,
html.compact table.list tr.v td i.fa-remove,
html.compact table.list tr.v td.m i.fa {
    top: 0px;
    font-size: 18px;
}

table.list tr.n div.name sub {
    position: absolute;
    z-index: 100;
    font-size: 11px;
    top: -19px;
    left: 10px;
    color: #757576;
}

.voter_info_group {
    background: transparent
}

.fullsize #voter_name,
.desktop #voter_name,
.tablet #voter_name {
    padding: 2px 5px 2px 8px;
    font-size: 16px;
    outline: none;
    border: none;
    width: 100%;
    min-width: 172px;
    /*max-width: 172px;*/
    height: 34px;
    border-radius: 3px;
    /*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);*/
    font-weight: 500;
    background: var(--input-field-voter_name-background);
}

.phone #voter_name {
    background: inherit;
}

tr.n #voter_name.has_value:not(:focus),
.fullsize tr.uv #voter_name:not(.is_empty):not(:focus),
.desktop tr.uv #voter_name:not(.is_empty):not(:focus),
.tablet tr.uv #voter_name:not(.is_empty):not(:focus) {
    background: #007CFF;
    color: #FFF;
    text-align: right;
    box-shadow: none;
    line-height: 19px;
    border-radius: 2px;
    font-weight: 500;
}

tr.n #voter_name:not(:focus):not(:hover):not(:empty):placeholder-shown::-webkit-input-placeholder {
    color: white !important;
    font-weight: 500;
}

.list_type_options.fullsize #voter_name:not(:hover):not(:active):not(:focus) {
    width: auto;
    text-overflow: ellipsis;
    /*background:none;*/
}


html.phone.menu_show.list_type_options .account-photo-vote {
    left: 25px;
}

html.phone.menu_show.list_type_options.fullsize #voter_name {
    padding-left: 74px !important;
}

/*.desktop tr.uv:hover #voter_name,*/
.logged_in tr.n #voter_name:hover,
.logged_in tr.n #voter_name:focus,
.desktop tr.uv #voter_name:hover,
.desktop tr.uv #voter_name:focus,
.fullsize tr.uv #voter_name:focus,
.tablet tr.uv #voter_name:hover,
.tablet tr.uv #voter_name:focus {
    background: var(--input-field-background);
    color: var(--input-field-color);
    padding-bottom: inherit !important;
    z-index: 100;
    box-shadow: 0px 0px 0px 1px var(--input-field-border-color);
}

.desktop #voter_name:active,
.desktop #voter_name:focus {
    box-shadow: 0px 0px 0px 1px #FFF;
}

table.list tr.n div.name.comment b {
    font-weight: normal;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.5);
    display: block;
    position: absolute;
    bottom: 5px;
    right: 9px;
    line-height: 11px;
    white-space: nowrap;
    left: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    /*direction: rtl;*/
    text-align: right;
    display: flex;
    justify-content: flex-end;
}

html:not(.no_comments) table.list tr.n div.name.comment #voter_name {
    padding-bottom: 12px;
}

#comment {
    color: var(--primary_color_link);
    font-weight: normal;
}

#comment:focus {
    color: var(--vote-comment-input-field-color_focus)
}

table.list tr.n td.vote_options i {
    color: var(--action-color);
    font-size: 21px;
    top: 1px;
    left: 0;
    position: relative;
}

table.list tr.n td.vote_options i.y {
    display: none;
    font-size: 20px;
    margin-top: -5px;
    margin-left: 2px;
    color: #FFF;
    top: 2px;
}

table.list tr.n td.vote_options i.m {
    display: none;
    margin-left: 2px;
    margin-top: -2px;
    font-size: 21px;
    top: 1px;
    left: -1px;
    color: #FFF;
}

table.list tr.n td.vote_options i.un {
    display: none;
    margin-top: 0;
    margin-left: 0;
    /*color: #F48B8B;*/
    color: #FFF;
}

table.list tr.n td.vote_options i.un:before {
    content: "\e91f";
}

table.list tr.n td i.ns {
    color: var(--action-unselectable-color);
    font-size: 24px;
    top: 2px;
    left: 0;
    position: relative;
}

table.list tr.n td.vote_options i.fa-freetext {
    top: 1px
}

@media (hover: hover) {
    table.list tr.n td.vote_options:hover,
    table.list tr.n td.vote_options:focus {
        background: var(--action-background-hover);
        cursor: pointer;
        outline: none;
    }

    table.list tr.n td.vote_options:hover i.n,
    table.list tr.n td.vote_options:focus i.n {
        color: var(--action-color-hover)
    }
}


table.list tr.n td.vote_options.y {
    background: var(--action-yes-background);
    border-bottom-color: transparent
}

table.list tr td.freetext {
    color: #fff;
    padding: 2px 16px;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
}

table.list tr.n.uv td.vote_options.nn.y.freetext,
table.list tr td.vote_options.y.freetext,
table.list tr td.y.freetext {
    color: var(--action-freetext-color);
    background: var(--action-freetext-background);
    text-align: center;
    /*box-shadow: inset 0px 0px 5px 0px rgb(0 0 0 / 10%);*/
}

table.list tr td.vote_options.y.freetext {
    border-left-color: var(--action-border_freetext_edit) !important;
}

table.list tr td.y.freetext.ftt_color .freetext_data {
    padding: 4px 8px;
    border-radius: 16px;
    font-family: monospace;
    font-size: 11px;
    font-weight: 600;
    line-height: 11px;
}

table.list tr td.vote_options.y.freetext {
    /*color: var(--primary_color_link);*/
    /*background: linear-gradient(180deg, #f0f0f2, white 15px);*/
    font-weight: 600
}

table.list tr td.vote_options.first.y.freetext {
    padding-left: 20px;
}

table.list tr td .freetext_data {
    width: max-content;
    display: inline-block;
    max-width: 260px;
}

@media (hover: hover) {
    .desktop table.list tr.n td.vote_options.y:hover,
    .desktop table.list tr.n td.vote_options.y:focus {
        background: var(--action-yes-background-hover);
    }

    .desktop table.list tr.n td.vote_options.y.freetext:hover,
    .desktop table.list tr.n td.vote_options.y.freetext:focus {
        background: var(--action-freetext-background-hover);
        color: var(--action-freetext-color-hover);
    }
}

/*table.list tr.n td.vote_options.n,*/
table.list tr.n td.vote_options.un {
    background: var(--action-no-background);
    border-bottom-color: transparent
}

@media (hover: hover) {
    /*
    .desktop table.list tr.n td.vote_options.n:hover,
    .desktop table.list tr.n td.vote_options.n:focus {
        background: #e49597;
    }*/
    .desktop table.list tr.n td.vote_options.un:hover,
    .desktop table.list tr.n td.vote_options.un:focus {
        background: var(--action-no-background-hover);
    }
}

table.list tr.n td.vote_options.m {
    background: var(--action-may-background);
    border-bottom-color: transparent
}

@media (hover: hover) {
    .desktop table.list tr.n td.vote_options.m:hover,
    .desktop table.list tr.n td.vote_options.m:focus {
        background: var(--action-may-background-hover);
    }
}

/* only if user edits his vote */
table.list tr.n.uv td.vote_options {
    /*border-left-color: #f2f2f7;*/
    border-left-color: var(--action-border_edit);
    /*border-left-color: rgba(0, 0, 0, 0.1)*/
}

table.list tr.n.uv td.vote_options.n {
    background: var(--action-background);
    border-bottom-color: transparent
}

/*
ul.list li.vote_options.n i.n:before,
table.list tr.n.uv td.vote_options.n i:before {
    content: '\e905'
}
*/

table.list tr.n.uv td.vote_options.un {
    background: var(--action-no-background);
    border-bottom-color: transparent
}

table.list tr.n.uv td.vote_options.nn {
    background: var(--action-background);
}

@media (hover: hover) {
    table.list tr.n td.vote_options.nn:hover {
        background: var(--action-background-hover);
        /*border-bottom: 1px solid #f2f2f7;*/
    }
}

table.list tr.n.uv td.vote_options.n > i {
    color: var(--action-color);
}

@media (hover: hover) {
    .desktop table.list tr.n.uv td.vote_options.n:hover,
    .desktop table.list tr.n.uv td.vote_options.n:focus {
        background: var(--action-background-hover);
    }
}

table.list tr.n td.av {
    background: #0083F9 !important;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 2px 0 0 4px;
}

table.list tr.n td.nbb,
table.list tr.n td.first {
    border-left: none !important;
}

table.list tr.n td.nbb {
    border-bottom: none;
    z-index: 4;
    background: none;
    vertical-align: top;
}

tr.v button.multiple .multiple_number,
.vote_options button.multiple .multiple_number {
    font-size: 24px;
    font-weight: 600;
    top: -2px;
    position: relative;
}

.show_votes .multiple_number {
    font-size: 20px;
    font-weight: 600;
    float: right;
    display: none;
    margin-left: 10px;
}

.v button.multiple.more .fa-check,
.vote_options button.multiple.more .fa-check {
    display: none;
}

.unselectable .multiple_number,
tr.v .multiple_number,
.vote_options .multiple_number {
    display: none;
    position: relative;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    top: 0;
}

ul.list li.vote_options .multiple_number {
    font-size: 30px;
    width: 53px;
    left: -15px;
    text-align: center;
    top: 3px;
    letter-spacing: -.1em;
    position: absolute;
}


ul.list li.vote_options.y .multiple_number {
    color: var(--action-yes-color-inverted);
}

ul.list li.vote_options.m .multiple_number {
    color: var(--action-may-color-inverted);
}

html.compact table.list tr.v .multiple_number {
    font-size: 18px;
}

html.compact table.list tr td.freetext {
    font-size: 12px;
    line-height: 14px;
}

table.list.yes_no tr.v .multiple_number {
    float: left;
    padding-left: 22%;
}

tr.v td.multiple_active.y .multiple_number,
tr.v td.multiple_active.m .multiple_number,
.vote_options.multiple_active.y .multiple_number,
.vote_options.multiple_active.m .multiple_number,
#yes_no_buttons.vote_options button.btn-success.multiple_active .multiple_number,
.show_votes .multiple_active .multiple_number {
    display: block
}

table.list tr.v td.multiple_active.y i,
table.list tr.n .vote_options.multiple_active.y i,
ul.list li.vote_options.multiple_active i.y,
table.list tr td.freetext.multiple_active.y .multiple_number,
#yes_no_buttons.vote_options button.btn-success.multiple_active .fa-check {
    display: none !important;
}

table.list tr.v td.multiple_active.m i,
ul.list li.vote_options.multiple_active i.m,
table.list tr.n .vote_options.multiple_active.m i {
    position: absolute;
    top: 14px;
    left: 12px;
    transition: all .3s ease, opacity .3s linear;
    animation: mmFadeIn 0s ease-in 5s;
    animation-fill-mode: forwards;
    font-size: 16px;
    display: none !important;
}

tr.v td.multiple_active.m .multiple_number:before,
tr.v td.multiple_active.m .multiple_number:after,
.vote_options.multiple_active.m .multiple_number:before,
.vote_options.multiple_active.m .multiple_number:after {
    position: absolute;
    content: '(';
    margin-left: -6px;
    font-size: 80%;
    margin-top: -1px;
    font-weight: 400;
}

tr.v td.multiple_active.m .multiple_number:after,
.vote_options.multiple_active.m .multiple_number:after {
    content: ')';
    margin-left: 3px;
}

ul.list li.vote_options.multiple_active i.m {
    top: 30px;
    left: 5px;
}

table.list tr.v td.multiple_active.m i {
    /*right: 30px;*/
    top: 10px;
}

html.compact table.list tr.v td.multiple_active.m i {
    /*right: 10px;*/
    top: 5px;
}

/*
html.compact table.list tr.n .vote_options.multiple_active.m i,
html.compact table.list tr.n td.multiple_active.m i {
    left: 7px;
    top: 14px;
    right: auto;
    font-size: 16px;
}

 */

.multiple_icon:before {
    content: "\e92c";
    top: 1px;
    position: relative;
    opacity: .7;
}

.multiple_active:hover .multiple_icon:before,
.multiple_icon:active:before,
.multiple_icon:hover:before {
    opacity: 1;
}

.multiple_icon {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    left: calc(100% - 30px) !important;
    position: absolute !important;
    top: 0 !important;
    color: #fff !important;
    width: 30px;
    height: 100%;
    justify-content: center;
    align-items: center;
    z-index: 11;
    font-size: 21px !important;
}

#votes_form .blocked .multiple_icon.js-multiple-incrementor {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

li.vote_options .multiple_icon {
    top: -1px !important;
    left: -33px !important;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    background: #4bd323;
}

li.vote_options.m .multiple_icon {
    background: #ffcb11;
}


html:not(.list_type_yesno) .vote_options.multiple_active.m.current_selected_option:not(.multiple-selected):not(.freetext) .multiple_icon,
html:not(.list_type_yesno) .vote_options.multiple_active.y.current_selected_option:not(.multiple-selected):not(.freetext) .multiple_icon,
html:not(.list_type_yesno) table.list tr.n .vote_options.multiple_active.m:not(.multiple-selected):not(.freetext) .multiple_icon,
html:not(.list_type_yesno) table.list tr.n .vote_options.multiple_active.y:not(.multiple-selected):not(.freetext) .multiple_icon {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
}

html:not(.current_optionid_set) .btn-multiple-incrementor {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.3;
    filter: grayscale(1);
    transition: all 0.2s ease;
}

#action_row {
    display: none;
    height: 90px;
}

html.is_vote_multiple #action_row {
    height: 110px;
}

/*
html:not(.list_type_yesno) #action_row {
    box-shadow: inset 0px 19px 8px -20px rgb(0 0 0 / 57%);
}
*/

#action_row td {
    /*border-top: 1px solid #CCCCCC;*/
    border-bottom: 1px solid #f2f2f7;
    border-bottom: 1px solid transparent;
    border-left: none;
    padding: 0;
    text-align: right;
    position: relative;
    z-index: 0;
}

#action_row td:first-child {
    /*border-color:transparent;*/
}


/* :Sums */
table.list tr.s td {
    color: var(--list-stats-text-color);
    border: none;
    font-size: 16px;
    padding: 12px 0 5px 0;
    line-height: 18px;
}

table.list tr.s:first-child td {
    padding: 0px 0 12px 0;
}

table.list tr.s td:first-child {
    color: var(--list-stats-text-color) !important;
    text-align: right;
    font-size: 17px;
    padding-right: 8px;
    border: none;
}

table.list tr.s td div {
    color: var(--list-stats-text-color);
    font-size: 13px;
    margin-top: 3px;
}


.is_admin table.list tr.s td.high b {
    display: inline-block;
    background: var(--result-badge-high-background);
    color: var(--result-badge-high-color);
    padding: 1px 16px;
    border-radius: 12px;
    margin-bottom: -2px;
    margin-top: -4px;
}

table.list p {
    margin: 9px 0 0;
    padding-top: 7px;
    text-align: center;
}

table.list p:first-child {
    margin: 0 0 10px;
    border: none !important;
    padding-top: 0;
}

ul.list p.option_text,
table.list p.option_text {
    font-weight: 500;
    padding-bottom: 2px;
    word-wrap: anywhere;
    hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    text-wrap: balance;
}

ul.list p.option_text {
    min-width: 80px;
}


table.list p.option_text e {
    font-size: 40px;
    display: block;
    padding-top: 8px;
    padding-bottom: 16px;
}

ul.list p.option_text e {
    position: relative;
    font-size: 32px;
    vertical-align: text-bottom;
    padding-right: 4px;
}

html.compact table.list p.option_text e {
    font-size: 32px;
}

table.list p.option_text {
    hyphens: auto;
}

li.vote_options p[data-geo],
table.list p[data-geo] {
    font-size: 14px;
    line-height: 16px;
    color: #444444a6;
    width: max-content;
    max-width: 100%;
    margin: 9px auto 0;
}

li.vote_options p[data-geo] {
    margin: 9px 0 0;
}

li.vote_options.m p[data-geo] {
    color: #ffa400cf
}

.option_image {
    border-radius: 8px;
    margin: -6px;
    margin-left: -6px;
    width: calc(100% + 12px);
    display: block;
    height: 120px;
    object-fit: cover;
    z-index: 2;
    position: relative;
}

.datebox + .option_image {
    margin-top: 8px;
}

li.vote_options.y p[data-geo] {
    color: #ffffffbd
}

li.vote_options.n p[data-geo] {
    color: rgba(140, 78, 78, 0.72);
}

.maplink {
    padding: 3px;
}

#show_title .maplink {
    padding: 0;
    padding-left: 10px;
    display: inline-block;
}

#title_wrapper {
    min-height: 177px
}

/*-------------------------------------
	SHOW (SMALL)
---------------------------------------*/
.wrapper {
    padding: 10px;
    margin-top: 0
}

#upload_avatar {
    z-index: -1;
    opacity: 0;
    width: 1px;
    height: 1px;
    visibility: hidden;
}

#upload_option_image {
    z-index: -1;
    opacity: 0;
    width: 1px;
    height: 1px;
    visibility: hidden;
}

input::file-selector-button {
    display: none;
}

.avatar {
    position: absolute;
    left: 10px;
    width: 60px;
    height: 60px;
    z-index: 2;
    top: -35px;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    border-radius: 7px;
    border: 1px solid #00000017;
}

html.menu_new .avatar-wrapper {
    position: absolute;
    right: -5px;
    top: -5px;
    width: 90px;
    height: 90px;
    z-index: 100;
}

.avatar-header {
    position: relative;
    height: 190px;
    z-index: 0;
    background-attachment: fixed;
    background-position: center -10%;
    background-repeat: no-repeat;
    background-size: contain;
}

.is_admin .avatar-header {
    background-position: center 0%;
}

.is_app.is_admin .avatar-header {
    background-position: center -10%;
}

.is_app:not(.is_admin) .avatar-header {
    background-position: center -15%;
    height: 190px;
}


.avatar.round {
    border-radius: 50%;
}

.avatar.small {
    width: 40px;
    height: 40px;

}

.avatar .image_text_wrapper {
    font-size: 14px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.avatar .fa {
    font-size: 20px;
    z-index: 0;
    position: relative;
}

.avatar > span:empty + .fa-camera {
    margin-top: 0
}

.avatar img {
    width: inherit;
    height: inherit;
    max-width: 100%;
    max-height: 100%;
    min-width: 66px;
    min-height: 66px;
    cursor: pointer;
    object-fit: cover;
}

.avatar.centered {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
}

.avatar-first {
    height: 130px;
    object-fit: cover;
    width: 100%;
    object-position: 0 40%;
    display: none;
    background: #FFF;
    /*
    position: sticky;
    top: 0px;
    z-index: 0;
     */
}

html.theme .avatar-background {
    display: none;
}

html.menu_new #content_top {
    margin-top: 0;
    min-height: 750px;
    background: inherit;
}

html.menu_show #content_top {
    background: var(--list-background);
    z-index: 1;
    position: relative;
}

html.theme.menu_show .vote_title {
    color: #fff !important;
}

.menu_new .help.sub_setting,
.menu_new h6.help {
    padding-bottom: 15px;
    padding-left: 10px;
    transition: all .5s ease, opacity .15s;
    height: auto;
    opacity: 1;
    color: var(--poll-create-settings-help-color);
}

.menu_new h6.help.fw {
    max-width: 100%;
}

.menu_new h6.help p {
    margin: 9px 0 0;
}

.menu_new .help.sub_setting {
    padding-bottom: 0;
    padding-left: 35px;
    margin-top: 3px;
    line-height: 1.35;
    opacity: 0.86;
}


.menu_new .save_poll_button {
    min-width: 200px
}

.js-email_validation_code_block {
    width: 200px;
}

#email_validation_code {
    font-weight: 600;
    font-size: 20px;
    letter-spacing: 2px;
}

#email_validation_code::placeholder {
    font-size: 16px;
    letter-spacing: normal;
    font-weight: 400;
    line-height: 21px;
    top: -1px;
    position: relative;
}

.menu_new .avatar {
    left: auto;
    right: 15px;
    top: 15px;
    width: 66px;
    height: 66px;
    cursor: pointer;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    color: var(--primary_color_link);
    overflow: hidden;
    /*box-shadow: 1px 1px 9px 0 #f2f2f7;*/
    box-shadow: 0px 0px 0px 1px #f2f2f7;
}


.menu_new .avatar:hover {
    cursor: pointer;
    color: var(--primary_color_link) !important;
    box-shadow: 0 0 0px 1px #007CFF;
}

.avatar progress,
.option_image_upload progress {
    z-index: 1;
    position: absolute;
    width: calc(100% - 5px);
    bottom: -2px;
}

.menu_new .avatar span {
    position: absolute;
    z-index: 1;
    cursor: pointer;
    width: 100%;
    height: 100%;
    display: block;
}

.avatar .fa-spinner,
.option_image_upload .fa-spinner {
    font-size: 36px;
    z-index: 1;
    background: #ffffffa8;
    padding: 3px;
    color: #007CFF;
    border-radius: 17px;
}

.avatar.nb {
    border: 1px solid var(--body-background) !important;
}

#remove_avatar {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 20px;
    color: #9d9d9d;
    z-index: 10;
    background: var(--body-background);
    border-radius: 50%;
}

i#remove_avatar:before {
    content: '\e90a';
}

#remove_avatar:hover,
.redhover:hover {
    cursor: pointer;
    color: #F02923
}

.title_wrapper h6 {
    margin-bottom: 4px;
    text-align: left;
}

#show_title {
    padding: 10px 20px 40px 20px;
    background: var(--list-description-background);
    box-shadow: 0px 0px 15px -10px rgb(0 0 0 / 5%);
}

#show_title h2 {
    font-size: 26px;
    line-height: 30px;
    margin: 5px 0 20px 0;
    color: var(--list-description-color);
    font-weight: 500;
    min-height: 35px;
    text-wrap: balance
}

#show_title .avatar + h2 {
    margin-right: 46px;
    min-height: 35px;
}

#show_title li {
    margin-top: 15px;
    margin-bottom: 15px;
    position: relative;
    line-height: 20px;
    color: var(--list-description-color);
    font-size: 16px;
    width: max-content;
    max-width: 100%;
    word-wrap: break-word;
    text-wrap: balance
}

#show_title li .fa {
    font-size: 20px;
    top: -1px;
    color: #f2f2f7;
}

#show_title li.list-desc {
    max-height: 100%;
    height: auto;
    transition: height .5s ease;
}

#show_title li.list-desc ul {
    margin: 16px 0 16px 16px;
}

#show_title li.list-desc ul li {
    list-style-type: disc;
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left: 8px;
    padding-left: 4px;
}

#show_title li.list-desc blockquote {
    background: var(--list-description-blockquote-background);
    color: var(--list-description-blockquote-color);
    margin: 10px 0 10px 0;
    border-left: 4px solid var(--list-description-blockquote-border-color);
    border-radius: 6px !important;
    padding: 12px 16px;
    font-style: italic;
    width: 100%;
}

#show_title li.list-desc.collapsed {
    max-height: 120px;
    overflow: hidden;
    margin-bottom: 10px;
}

#show_title li.list-desc.collapsed:before {
    content: '';
    position: absolute;
    background: linear-gradient(90deg, var(--list-description-background) 0%, var(--list-description-background) 10px);
    top: 100px;
    z-index: 1;
    width: 100%;
    height: 20px;
    left: 0;
}

#show_title li.list-desc .list-desc-extend {
    display: none;
}

#show_title li.list-desc.collapsed .list-desc-extend {
    display: block;
    top: 101px;
    color: var(--primary_color_link);
    position: absolute;
    z-index: 1;
    left: 2px;
    cursor: pointer;
    font-size: 15px;
}

#show_title .list-desc + .list-event,
#show_title .list-location + .list-event {
    margin-top: 20px;
    margin-bottom: 10px;
}

#show_title .list-desc code {
    font-family: monospace;
    background: var(--list-description-code-background);
    color: var(--list-description-code-color);
    border-radius: 3px;
    padding: 2px 5px;
    font-size: 85%;
    font-weight: 500;
}

.title_wrapper img.qrcode {
    top: 33px;
    right: 15px;
    max-height: 50px;
    z-index: 2;
    filter: var(--qrcode-filter);
}

html.no_qr .title_wrapper img.qrcode,
html.no_qr .livemode-box .qrcode {
    display: none !important;
}

html.hide_viewmode #view_mode {
    display: none !important;
}

html.phone .title_wrapper img.qrcode {
    top: 15px;
    right: 5px;
}

.qrcode-image {
    filter: var(--qrcode-filter);
}

html:not(.is_admin) .title_wrapper img.qrcode {
    /*display:none*/
}

#show_title a {
    color: var(--primary_color_link);
}

.title_wrapper #show_title + .alert,
.title_wrapper .alert + .alert {
    margin-top: -7px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-bottom: 0;
    padding-top: 12px;
}

.title_wrapper #show_title + .alert-dark,
.alert-dark + .alert-dark,
.alert-ldark + .alert-ldark,
.alert-info + .alert-info,
.alert-ddark + .alert-ddark {
    border-top: 1px solid rgba(238, 238, 238, 0.15);
}

.title_wrapper #show_title + .alert-poll {
    border-top: 1px solid var(--list-alert-border-color);
}

.title_wrapper .alert:last-child {
    padding-bottom: 16px !important;
}

.title_wrapper #show_title + .alert {
    /*padding-bottom: 20px;*/
}


ul.list {
    margin: 0;
    padding: 0;
}

ul.list li {
    line-height: 20px;
    background: var(--options-background);
    /*padding: 20px 60px 26px 20px;*/
    padding: 16px 52px 18px 18px;
    min-height: 55px;
    margin-top: 5px;
    color: var(--options-color);
    font-size: 16px;
    border-radius: 10px;
    /*box-shadow: 0 1px 3px rgb(0 0 0 / 18%);*/
    box-shadow: 0px 0px 15px -10px rgb(0 0 0 / 5%);
    position: relative;
    min-height: 64px;
    filter: drop-shadow(2px 4px 6px #00000010);
}

ul.list li:not(.show_votes) {
    box-shadow: 0px 0px 15px -10px rgb(0 0 0 / 20%);
}

ul.list li.vote_options + li.vote_options,
ul.list li.show_votes + li.unselectable,
ul.list li.show_votes + li.vote_options {
    margin: 6px 0;
}

.add_user_option_item {
    margin: 6px 0;
    border: 1px dashed var(--btn-outlined-color);
    background: transparent;
    border-radius: 10px;
    padding-left: 20px;
}

.add_user_option_item .add_user_option_inner {
    min-height: 62px;
    align-items: flex-start;
}

.options.user_added_locked .call_menu,
.options.user_added_locked .remove.text {
    display: none;
}

.user_added_lock_note {
    margin-top: 10px;
    color: #7a5a00;
    font-size: 12px;
    line-height: 1.4;
}

html.theme ul.list li.vote_options + li.vote_options,
html.theme ul.list li.show_votes + li.unselectable,
html.theme ul.list li.show_votes + li.vote_options {
    margin-top: -1px;
    border-top: 1px solid #000;
}

ul.list li:first-child {
    margin-top: 0;
}

ul.list li div:not(.map_canvas) {
    margin-left: 46px;
    margin-top: 2px;

    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 15px;
}

ul.list li div:first-child {
    margin-left: 0;
    margin-top: 0;
    float: left;
    position: relative;
}

ul.list li div.location {
    display: block;
    margin-top: 10px;
    width: auto;
}

.option_image_upload {
    display: none;
    position: relative;
    width: 100px;
    min-height: 100px;
    margin-top: 10px;
}

.options:has(.add_date_span[style*="display: none"]) .option_image_upload {
    margin-top: 0;
}

.option_image_upload.with_image {
    display: block;
}

.option_image_upload .image_text_wrapper {
    display: none;
}

.option_image_preview {
    border-radius: 10px;
    display: none;
    width: 100px;
    height: 100px;
    object-fit: cover;
    cursor: pointer;
}

.option_image_upload.loaded .option_image_preview {
    display: block;
}

.option_image_upload.placeholder .option_image_preview {
    background: var(--option-image-preview-background);
    box-shadow: 0px 0px 0px 1px var(--poll-create-btn-border-color);
}

.option_image_upload.placeholder:hover .option_image_preview {
    box-shadow: 0px 0px 0px 1px #007CFF;
}

.option_image_upload.placeholder .image_text_wrapper {
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: var(--poll-create-btn-color);
    z-index: 1;
    pointer-events: none;
}

.option_image_upload.placeholder .image_text_wrapper .fa-camera {
    font-size: 20px;
    margin-bottom: 4px;
}

.option_image_upload.placeholder .image_text_wrapper .image_text {
    font-size: 14px;
    line-height: 1;
}

.option_image_upload.loading {
    min-height: 100px;
}

.option_image_upload.loading .option_image_preview {
    display: block;
}

.option_image_upload .fa-spinner {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
}

ul.list li div.map_canvas {
    margin-left: 0;
}

.datebox_wrapper {
    width: 100%;
    position: relative;
    display: inline-block;
    border-radius: 8px;
    line-height: 0;
    background: var(--datebox-background);
    /*    pointer-events: none;*/
    text-align: left;
    /*box-shadow: 3px 3px 10px 0px #00000012;*/
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .1);
}


.single_date .datebox_wrapper {
    width: auto
}

.datebox_wrapper:before {
    content: '';
    position: absolute;
    width: 100%;
    background: var(--datebox-header-background);
    height: 20px;
    left: 0;
    border-radius: 8px 8px 0 0;
    pointer-events: none;
}

html.compact .datebox_wrapper:before {
    height: 16px;
}

.datebox {
    position: relative;
    text-align: center;
    min-width: 96px;
    display: inline-block;
    background: var(--datebox-background);
    border-radius: 8px;
    overflow: hidden;
    font-size: 13px;
    line-height: 18px;
    white-space: nowrap;
    max-width: 100%;
    /*box-shadow: 3px 3px 10px 0px #00000012;*/
    box-shadow: var(--datebox-shadow);
    min-height: 92px;
}

html:not(.is_closed) .datebox.is_expired,
html:not(.is_closed) .datebox_wrapper.is_expired {
    /*background: var(--datebox-expired-background);*/
    filter: contrast(0.9);

    opacity: 0.8;
}

.datebox_wrapper .datebox {
    min-width: 111px;
    position: sticky;
    left: 140px;
    right: 0;
    box-shadow: none;
    background: none;
}

html.compact .datebox_wrapper .datebox {
    left: 130px;
}

html.menu_new .datebox {
    min-height: 66px;
}

.datebox p {
    margin: 0 !important;
    overflow: hidden;
}

.datebox p:nth-child(1) {
    background: var(--datebox-header-background);
    color: var(--datebox-header-color);
    padding: 1px 5px !important;
    font-weight: 500;
}

.options.same_date .datebox p:nth-child(1) {
    background: transparent;
    color: var(--datebox-color);
    font-weight: 400;
}

.datebox_wrapper.is_expired:before,
.datebox.is_expired p:nth-child(1) {
    background: var(--datebox-header-background_expired);
    color: var(--datebox-header-color_expired);
}

.datebox .btn-cal {
    background: var(--datebox-header-background);
    color: var(--datebox-header-color);
    padding: 0 !important;
    margin: 0px !important;
    font-size: 12px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    border-radius: 0;
}

.datebox_wrapper .datebox .btn-cal {
    top: 3px;
    position: relative;
}

.datebox.busy .btn-cal {
    background: var(--datebox-cal-result-bottom-backround_busy);
    color: var(--datebox-cal-result-bottom-color_busy);
    font-weight: 600;
}

.datebox.free .btn-cal {
    background: var(--datebox-cal-result-bottom-backround_free);
    color: var(--datebox-cal-result-bottom-color_free);
    font-weight: 600;
}

.datebox.is_expired .btn-cal {
    background: var(--datebox-cal-result-bottom-backround_expired);
    color: var(--datebox-cal-result-bottom-color_expired);
    display: none !important;
}

html.mobile ul.list li .datebox {
    min-height: 72px;
    min-width: 149px;
}

html.mobile ul.list li .datebox .btn-cal {
    width: 100%;
}

html.mobile ul.list li p[rel="m"] {
    text-align: left;
    padding-left: 15px !important;
}

html.mobile ul.list li p[rel="d"] {
    float: left;
    min-width: 55px;
    border-bottom: 0 !important;
    text-align: center;
    padding-top: 14px;
}

html.mobile ul.list li p[rel="w"] {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    min-height: 47px;
    padding-top: 4px;
    padding-left: 0;
    justify-content: center;
}

html.mobile .datebox.busy p:nth-child(1):before {
    left: 8px;
    color: var(--datebox-cal-result-icon-color_busy);
    top: 70px;
}

html.mobile .datebox.busy.is_expired p:nth-child(1):before {
    display: none;
}

.datebox.cal:hover {
    opacity: .8;
    cursor: pointer
}

sub {
    font-weight: 400;
    vertical-align: unset;
    padding-left: 1px;
}

ul.list li .cal-ev {
    flex: 0 0 140px;
    /*margin-bottom: 20px;*/
}


html:not(.mobile).list_type_options table.list .cal-ev {
    margin: 5px 0 0;
    /*width: 100%;*/
}


.cal-ev {
    overflow: overlay;
    max-height: 180px;
    display: inline-block;
    /*padding-bottom: 20px;*/
    height: auto;
    transition: max-height ease-in-out .5s;
}

.multiple_time_options .cal-ev-wrapper {
    width: 100%;
    display: block;
    overflow: visible;
    text-align: left;
}

.multiple_time_options .cal-ev {
    position: sticky;
    left: 5px;
}

.cal-ev.hide {
    max-height: 0;
    display: block;
    margin: 0 !important;
}

/*html:not(.mobile).list_type_options table.list*/
/*.cal-ev:before {*/
/*    position: absolute;*/
/*    content: '';*/
/*    width: 100%;*/
/*    height: 15px;*/
/*    background: linear-gradient(to bottom, transparent, #FFF);*/
/*    z-index: 1;*/
/*    left: 0;*/
/*    margin-top: 165px;*/
/*}*/

.cal-ev event {
    display: flex;
    border-left: 2px solid #c3c3c3;
    flex-direction: column;
    align-items: flex-start;
    align-content: space-between;
    padding: 3px;
    white-space: normal;
    text-align: left;
    line-height: 12px;
    font-size: 11px;
    background: var(--calendar-event-background);
    color: var(--calendar-event-color);
    border-radius: 2px;
    margin: 1px 0;
    font-weight: 500;
    position: relative;
    min-width: 130px;
    max-width: 245px;
}

.multiple_time_options td:not(.single_date) .cal-ev-wrapper .cal-ev event {
    min-width: 200px;
}

.cal-ev event:first-child {
    margin-top: 0
}


html.mobile ul.list li .cal-ev event {
    width: 160px;
}

@media (hover: hover) {
    .cal-ev event:hover {
        backdrop-filter: brightness(0.9);
    }
}

.cal-ev event.blocked {
    background: var(--calendar-event-blocked-background);
}

event.blocked:before {
    position: absolute;
    content: '\e62c';
    left: 3px;
    color: var(--calendar-event-blocked-icon-color);
    font-family: 'fa';
    font-size: 13px;
    top: 4px;
}

event.js-data-cal-unblocked:before {
    position: absolute;
    content: '\e633';
    right: 3px;
    color: rgba(0, 0, 0, 0.2);
    font-family: 'fa';
    font-size: 14px;
    top: 3px;
}


.datebox.is_expired + .cal-ev event.blocked {
    background: #00000012
}


html.close_poll td[data-opid].selected .datebox + .cal-ev event,
html.close_poll .vote_options.selected .datebox + .cal-ev event,
html.is_closed .vote_options.selected .datebox + .cal-ev event,
html.is_closed .final .datebox + .cal-ev event,
html.is_closed td[data-opid].selected .datebox + .cal-ev event {
    background: #ffffff
}


@media (hover: hover) {
    html.close_poll td[data-opid]:hover .datebox + .cal-ev event,
    html.close_poll .vote_options:hover .datebox + .cal-ev event {
        background: #ffffff
    }
}


.cal-ev evtitle {
    color: var(--calendar-event-title-color);
    word-break: break-word;
    max-height: 25px;
    overflow: hidden;
}

.cal-ev event.expand evtitle {
    max-height: unset;
}


.cal-ev event.blocked evtime,
.cal-ev event.blocked evtitle {
    padding-left: 15px;
}


.cal-ev evgroup {
    display: block;
    text-align: left;
    font-size: 11px;
    line-height: 12px;
    color: #999;
    word-break: break-word;
}

html.compact table.list .datebox {
    min-width: 81px;
    min-height: 76px;
}

html.compact table.list .cal-ev event,
html.compact table.list p[data-geo],
html.compact table.list .datebox p:nth-child(1),
html.compact table.list .datebox p:nth-child(3),
html.compact table.list .datebox p:nth-child(3) > span {
    font-size: 12px;
    line-height: 14px;
}

html.compact table.list .datebox.date-added:before {
    font-size: 14px;
    top: 23px;
}

html.compact table.list event.blocked:before,
html.compact table.list event.date-added:before, .datebox.date-added:before {
    font-size: 14px;
}

html.compact table.list .cal-ev event.blocked evtitle {
    padding-left: 15px;
}

html.compact table.list .datebox.busy p:nth-child(1):before {
    font-size: 14px;
    top: 25px;
}

html.compact table.list .datebox p:nth-child(2) {
    padding: 7px 0 0 0;
    height: 34px;
    font-size: 24px;
}

html.compact .has_time_option table.list .datebox:not(.date_span):not(.only_time) p:nth-child(3) {
    min-height: 36px;
}


.bubble .bubble-header {
    padding: 6px 10px !important;
    background: var(--bubble-header-background);
    border-radius: 6px 6px 0 0;
    margin: 1px 1px 1px 1px !important;
    width: calc(100% - 2px)
}

.bubble.with-header .bubble-header {
    color: var(--bubble-header-color);
    font-weight: 400;
    line-height: 15px;
    padding: 4px 20px !important;
}

.bubble .bubble-header > em,
.bubble a[data-cal-groupname] em {
    color: #ffea00;
    font-weight: 600
}

.bubble.with-header .bubble-header > sub {
    position: absolute;
    font-size: 10px;
    left: 3px;
    top: 3px;
    height: 14px;
    border-radius: 8px !important;
    color: var(--bubble-header-color);
    min-width: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
}


.datebox p:nth-child(2) {
    color: var(--datebox-color);
    font-size: 26px;
    font-weight: 600;
    padding: 11px 0 0 0;
    border-top: 0;
    position: relative;
    height: 40px;
    min-width: 60px;
    width: fit-content;
    margin: 0 auto !important;
    border-bottom: 1px solid var(--datebox-line) !important;
}

html.menu_new .datebox p:nth-child(1) {
    padding: 0px 5px !important;
}

html.menu_new .datebox p:nth-child(2) {
    padding: 5px 0 0 0;
    border-bottom: none !important;
    height: 22px;
    font-size: 20px;
}

html.menu_new .same_date .datebox p:nth-child(2) {
    padding-top: 0
}

html.menu_new .datebox p:nth-child(3) {
    font-size: 13px;
}

.datebox p:nth-child(3) {
    font-size: 12px;
    color: var(--datebox-color) !important;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 5px;
    padding-right: 5px;
    margin: 0;
    display: inline-grid;
    min-width: 50px;
    font-weight: 500;
}

.datebox.busy p:nth-child(1):before {
    position: absolute;
    content: '\e62c';
    left: 7px;
    color: var(--datebox-cal-result-icon-color_busy);
    font-family: 'fa';
    font-size: 18px;
    top: 27px;
}


.datebox.is_expired p:nth-child(1):before,
.datebox.is_expired p:nth-child(2):before {
    color: #0000004a
}

.datebox.is_expired + .cal-ev event.blocked:before {
    color: #00000047
}

.datebox.is_expired p:nth-child(3) {
    opacity: .8;
}

.has_time_option .datebox p:nth-child(3) {
    min-height: 46px
}


ul.list li .datebox {
    margin-top: 0;
}

ul.list li .datebox + p {
    margin-top: -2px;
    margin-bottom: 10px;
}

.no_edit .vote_options .datebox p:nth-child(1) {
    background: #939393;
}

.datebox p:nth-child(3) b {
    font-weight: normal;
    display: inline-block;
    width: 14.285%;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    height: 16px;
    line-height: 16px;
    vertical-align: middle;
}

.datebox p:nth-child(3) b.b {
    background: rgba(0, 0, 0, 0.1);
    color: #000;
    font-size: 9px;
    /*font-family: tahoma, Helvetica, Arial;*/
}

.datebox p:nth-child(3) b + b {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.add_date_span .date_expired,
.date_expired,
.datebox p.expired {
    font-size: 9px;
    height: 15px;
    background: var(--datebox-header-expired-badge-background);
    color: var(--datebox-header-expired-badge-color);
    position: absolute;
    z-index: 0;
    top: 7px;
    right: -48px;
    padding: 0;
    width: 130px;
    transform: rotate(405deg);
    font-weight: 600;
    text-align: center;
    line-height: 14px
}

#show_title .datebox {
    background: var(--datebox-background);
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .1);
    float: left;
    margin-right: 20px;
    margin-bottom: 0px;
    min-width: 100px;
    min-height: 92px;
}

/* selected datebox */
.vote_options.selected .datebox p:nth-child(1) {
    background: #007cff;
    color: #FFF;
}

ul.list li.ns .datebox p,
ul.list li.y .datebox p,
ul.list li.m .datebox p,
ul.list li.vote_options.selected .datebox p,
#show_title .datebox p {
    border-color: transparent;
}

.final .datebox {
    background: var(--datebox-final-background);
    margin-top: 5px
}

.datebox.js-cal {
    cursor: pointer;
}

.datebox.only_time p[rel="w"],
.datebox [rel="t"] {
    font-weight: 700;
    font-size: 14px;
    border-radius: 16px;
    line-height: 1.5;
    letter-spacing: -.8px;
    font-family: system-ui, 'Helvetica Neue', Helvetica, Arial, sans-serif
}

.datebox [rel="t"].sit {
    font-size: 15px;
    line-height: 1.22;
}

.datebox [rel="t"] sup {
    top: 2px;
    position: relative;
    left: 1px;
    margin-right: 1px;
    font-size: 11px;
    text-decoration: underline;
    /*text-underline-position: under;*/
    text-decoration-color: rgba(0, 0, 0, 0.33);
}

.datebox.date_span p[rel="w"] {
    min-height: auto;
}

.datebox.date_span p[rel="w"] [rel="t"] {
    display: none;
}

.datebox.date_span {
    padding-bottom: 3px;
}


.datebox.only_time p {
    display: none;
}

.datebox.only_time p.btn-cal {
    display: flex;
}

.datebox.only_time p[rel="w"] {
    display: block;
    min-height: auto;
}

.datebox.only_time p[rel="w"] [rel="t"] {
    display: block;
}

.datebox.only_time [rel="wd"] {
    display: none;
}

.datebox.only_time {
    /*box-shadow: 0px 0px 0px 1px #0000001c;*/
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .1);
    min-width: 100%;
    border-radius: 20px;
    min-height: 29px;
}

.datebox.only_time.free,
.datebox.only_time.busy {
    /*box-shadow: 0px 0px 0px 1px #0000001a;*/
    border-radius: 10px;
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .1);
}

html.compact table.list .datebox.only_time {
    min-height: 22px;
}

event.date-added:before,
.datebox.date-added:before {
    content: '\e91a';
    font-family: 'fa';
    position: absolute;
    right: 8px;
    color: #4cd325;
    font-size: 18px;
    top: 28px;
}

.datebox.repeat:before {
    content: '\e93e';
    font-family: 'fa';
    position: absolute;
    right: 4px;
    font-size: 20px;
    top: 12px;
    color: #fff;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
}

.datebox.repeat p:nth-child(1),
.datebox.repeat:before,
.datebox.repeat.repeat_color_1 p:nth-child(1),
.datebox.repeat.repeat_color_1:before {
    background: #ff8000;
}

.datebox.repeat.repeat_color_2 p:nth-child(1),
.datebox.repeat.repeat_color_2:before {
    background: #ffc400;
}

.datebox.repeat.repeat_color_3 p:nth-child(1),
.datebox.repeat.repeat_color_3:before {
    background: #9900ff;
}

.datebox.repeat.repeat_color_4 p:nth-child(1),
.datebox.repeat.repeat_color_4:before {
    background: #e600ff;
}

.datebox.repeat.repeat_color_5 p:nth-child(1),
.datebox.repeat.repeat_color_5:before {
    background: #ba0095;
}

.datebox.repeat.repeat_color_6 p:nth-child(1),
.datebox.repeat.repeat_color_6:before {
    background: #3fb7cc;
}

.datebox.repeat.repeat_color_7 p:nth-child(1),
.datebox.repeat.repeat_color_7:before {
    background: #109e63;
}

event.date-added:before {
    top: 7px;
    right: 6px;
}

event.date-added {
    background: #e5ffe9;
    padding-right: 30px;
    color: var(--calendar-event-added-color);
}

event.date-added evtitle {
    color: var(--calendar-event-title-added-color);
}

.calgroups {
    margin-bottom: 20px;
    display: block;
}

.calgroups button.btn {
    max-width: 300px !important;
    text-overflow: ellipsis;
    margin-bottom: 5px;
    box-shadow: inset 0 0 0 1px #c0c0c0;
    overflow: hidden;
}

.finalwrapper {
    border: 1px solid rgba(255, 255, 255, 0.2);
    display: inline-block;
    margin-top: 5px;
    padding: 8px 12px 0;
    border-radius: 5px;
    min-width: 160px;
    background: var(--list-closed-background);
}

.finalwrapper a {
    color: var(--primary_color_link)
}

.final i.fa {
    color: rgba(0, 0, 0, 0.5);
}


ul.list li.vote_options i {
    font-size: 30px;
    position: relative;
}

ul.list li.vote_options i.y {
    display: none;
    top: -1px;
}

ul.list li.vote_options i.m {
    top: 0;
    left: -3px;
}

ul.list li.vote_options i.n,
ul.list li i.ns {
    color: var(--action-color-vertical);
    font-size: 33px;
    top: -1px;
    position: relative;
}

ul.list li.vote_options .user_option_menu_trigger {
    top: 3px;
}
ul.list li.vote_options .user_option_menu_trigger i {
    font-size: 20px;
}


ul.list li.ns {
    background: var(--options-blocked-background);
    color: var(--options-blocked-color);
    box-shadow: none;
}

ul.list li.show_votes.ns {
    background: #b2b3b8;
}

ul.list li i.ns,
ul.list li.unselectable i.fa {
    left: -4px;
    color: #b2b3b8;
}

ul.list li.vote_options.y {
    color: var(--options-yes-color);
    /*background: linear-gradient(to right, var(--action-yes-background) 63px, var(--options-yes-background) 0%);*/
    background: linear-gradient(to right, var(--options-yes-background) 63px, var(--options-yes-background) 0%);
}


ul.list li.vote_options.y i.y {
    text-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
    color: var(--action-yes-color-inverted);
    font-size: 27px;
    top: 1px;
}

ul.list li.vote_options i.fa-freetext {
    color: #e0e0e0;
    font-size: 32px;
    left: -3px;
}

ul.list li.vote_options.y .option_text {

}

ul.list li.vote_options.y .freetext_data {
    width: 100%;
    border-radius: 6px;
    background: var(--action-freetext-vertical-background);
    color: var(--action-freetext-vertical-color);
    padding: 12px 16px;
    box-shadow: 0px 0 5px 0 rgb(0 0 0 / 10%);
}

ul.list li.vote_options.m {
    /*background: linear-gradient(to right, var(--action-may-background) 63px, var(--options-may-background) 0%);*/
    background: linear-gradient(to right, var(--options-may-background) 63px, var(--options-may-background) 0%);
}

ul.list li.vote_options.m .maytext,
ul.list li.vote_options.m i.m {
    color: var(--action-may-color-inverted);
}


ul.list li.vote_options.un {
    color: var(--options-no-color);
    /*background: linear-gradient(to right, var(--action-no-background) 63px, var(--options-no-background) 0%);*/
    background: linear-gradient(to right, var(--options-no-background) 63px, var(--options-no-background) 0%);
}

ul.list li.vote_options.un :not(.quote) i.un:not(.winner) {
    color: #fff;
    left: -3px;
    color: var(--action-no-color-inverted);
}

ul.list li.vote_options.un :not(.quote) i.un:not(.winner):before {
    content: "\e91f";
}


ul.list li.vote_options.selected {
    background: var(--list-closed-background);
    color: var(--list-closed-color)
}

ul.list li.vote_options.selected .g {
    color: inherit;
}

.no_edit ul.list li.vote_options i.n,
ul.list li.vote_options.selected i.n {
    display: none
}

ul.list li.vote_options div > i.winner {
    color: var(--list-closed-color);
    left: -12px;
    position: absolute;
    z-index: 1;
    background: var(--list-closed-background);
    border-radius: 5px;
    padding: 8px;
    top: 13px;
    right: 60px;
    left: auto;
}

ul.list li.vote_options.selected div > i.winner {
    color: #ffd925;
    display: block !important;
    filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, .8));
}


html.is_admin.is_closed ul.list li div:not(.map_canvas),
html.is_admin.close_poll ul.list li div:not(.map_canvas) {
    margin-left: 5px;
}

html.is_admin.is_closed ul.list li.vote_options,
html.is_admin.close_poll ul.list li.vote_options {
    padding-right: 20px;
}

ul.list li.vote_options div > i.winner {
    right: 30px;
}

ul.list li.vote_options.selected div > i.winner:before {
    filter: drop-shadow(0px 0px 13px #ffd925);
}

ul.list li.vote_options.selected .quote {
    color: rgba(255, 255, 255, 0.4);
}

.list_wrapper.multiple-selected td.yes_no,
td.vote_options.multiple-selected {
    z-index: 12 !important;
}

.list_wrapper.multiple-selected td[data-opid],
    /*.list_wrapper.multiple-selected td.na,*/
table.list tr.h td[data-opid].multiple-selected,
.fullsize.scroll .multiple-selected table.list tr.n td.na {
    z-index: 13 !important;
}

.fullsize.scroll .multiple-selected table.list tr.s td:first-child {
    z-index: 4 !important;
}

/*
td.vote_options.multiple-selected:after {
    content: '';
    position: absolute;
    border-bottom: 3px solid #007CFF;
    width: 100%;
    left: 0;
    bottom: -2px;
    border-radius: 3px;
}
*/

li.vote_options .max_voters {
    position: absolute;
    font-size: 9px;
    top: -16px;
    left: -17px;
    width: 64px;
    text-align: center;
    color: var(--options-limit-text-color);
}

li.unselectable .max_voters {
    display: none;
}

.max_voters.exceeded {
    color: var(--datebox-cal-result-bottom-color_busy) !important;
    font-weight: 600;
}

.maytext {
    position: absolute;
    font-size: 9px;
    top: 22px;
    left: -20px;
    width: 62px;
    text-align: center;
    opacity: 0;
    color: var(--action-may-color);
}

td.vote_options .maytext {
    top: 9px;
    right: 22px;
    left: auto;
}

td.vote_options.m .maytext,
li.vote_options.m .maytext {
    top: 27px;
    opacity: 1;
    /*transition: opacity .3s linear;*/
    animation: mmfadeOut 1.5s ease 1s;
    animation-fill-mode: forwards;
}

td.vote_options.m .maytext {
    top: 7px;
    padding-top: 3px;
    right: 0;
    text-align: center;
    left: 0;
    width: 100%;
    background: var(--action-may-background);
    font-size: 14px;
}

td.vote_options.m.may-text-disabled .maytext {
    display: none;
}

.vote_options.m.multiple_active .maytext,
html.compact td.vote_options.m .maytext {
    top: 7px;
    left: 0;
    text-align: center;
    right: unset;
    background: var(--action-may-background);
    width: 100%;
    font-size: 12px;
    padding: 2px 0;
}

html.mobile .vote_options.m.multiple_active .maytext {
    font-size: 9px;
    padding: 0;
    top: 28px;
    left: -17px;
    right: unset;
    background: var(--options-may-background);
    color: var(--options-may-color);
    text-align: center;
    width: 61px;
}

@media (hover: hover) {
    td.vote_options.m:hover .maytext,
    html.compact td.vote_options.m:hover .maytext,
    .vote_options.m.multiple_active:hover .maytext {
        background: var(--action-may-background-hover);
    }
}

html.compact td.vote_options.m .maytext {
    width: 100%;
    left: 0;
    padding: 5px 0;
    top: 5px;
    font-size: 11px;
}

ul.list li p {
    margin: 0;
    padding-top: 2px;
}

ul.list li b.quote.y,
ul.list li b.quote.m {
    font-size: 11px;
    font-weight: 500;
    position: absolute;
    right: 0px;
    top: 0px;
    color: var(--quote-color);
    min-width: 45px;
    display: flex;
    justify-content: flex-end;
    height: 55px;
    border-top-right-radius: 10px;
    padding-top: 2px;
    padding-right: 7px;
    /*background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M0 0 L100 0 L100 100 Z' fill='%2300000024'/%3E%3Ccircle cx='100' cy='0' r='0' fill='%2300000024' /%3E%3C/svg%3E");*/
    background-repeat: no-repeat;
    background-position: top right;
}

ul.list li b.quote .fa {
    font-size: 18px;
    position: relative;
    top: 3px
}


ul.list li.date_header {
    background: none;
    box-shadow: none;
    padding: 5px 20px 3px 20px;
    margin-top: 5px;
    min-height: 25px;
    display: block;
    color: #c0c0c0;
    font-size: 14px;
    font-weight: 400;
    border-radius: 0;
    min-width: 166px;
    margin-bottom: 0px;
    width: calc(100% + 20px);
    z-index: 1;
    background: #ffffff;
    position: relative;
    top: 1px;
}

ul.list li.date_header.first {
    margin-top: 0;
}


ul.list li.vote_options .g {
    color: rgba(0, 0, 0, 0.5);
}

ul.list li.vote_options.selected .g {
    color: rgba(255, 255, 255, 0.5);
}

ul.list li.vote_options.y .g,
ul.list li.vote_options.m .g {
    color: rgba(255, 255, 255, 0.7);
}

ul.list li.vote_options p + p {
    margin-top: 10px
}

ul.list li.vote_options p > i {
    font-size: inherit;
    color: inherit;
    margin-left: 0px;
    top: 1px;
    position: relative;
}

ul.list li.vote_options i.fa-clock {
    font-size: 14px;
}

/*-------------------------------------
	VOTE OPTIONS EXISTING VOTES
---------------------------------------*/
ul.list li.show_votes {
    padding: 0;
    margin-top: -10px !important;
    padding-bottom: 15px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    /*background: var(--list-showvotes-background);*/
    color: var(--list-showvotes-color);
    min-height: inherit;
    font-size: 15px;
    display: none;
    filter: drop-shadow(0px 0px 2px #00000020);
}

ul.list li.show_votes.s {
    background: var(--list-closed-background);
}

ul.list li.show_votes div:not(.pp) {
    padding: 10px;
    margin: 0;
    float: none;
    display: block;
}

li.show_votes div + div:not(.pp):not(.w50p) {
    padding-top: 0 !important;
    margin-top: -6px !important;
}

.show_votes b,
.show_votes u,
.show_votes em {
    display: inline-table;
    color: var(--showvotes-yes-color);
    font-weight: 500;
    font-style: normal;
    text-decoration: none;
    background: var(--showvotes-yes-background);
    border-radius: 5px;
    margin: 2px 4px 0 0;
    padding: 6px 11px;
    text-align: left;
    line-height: 18px;
    min-height: 30px;
}


.show_votes u {
    background: var(--showvotes-no-background);
    color: var(--showvotes-no-color)
}

.show_votes em {
    background: var(--action-may-background);
    color: #FFF;
}

.show_votes.hide_all em {
    background: #d1d1d7;
    color: #8F8F94;
    text-align: center !important;
}

.show_votes b:after,
.show_votes u:after,
.show_votes em:after {
    clear: both
}

.show_votes b > i,
.show_votes u > i,
.show_votes em > i {
    font-size: 12px;
    font-style: italic;
    color: rgba(0, 0, 0, 0.5);
    color: rgb(255 255 255);
    line-height: 12px;
    display: block;
    min-height: 14px;
    font-weight: 400
}

.show_votes .hl {
    box-shadow: 0 0 10px #000;
    position: relative;
    z-index: 1;
}

.show_votes .left .active {
    background: var(--action-yes-background);
}

.show_votes .right .active {
    background: var(--showvotes-no-background);
    color: var(--showvotes-no-color);
}

.show_votes .show_comment {
    font-size: 12px;
    line-height: 13px;
    display: block;
    font-weight: 400;
    font-style: italic;
    padding-top: 2px;
}

.show_votes .freetext {
    font-size: 12px;
    line-height: 13px;
    display: block;
    font-weight: 500;
    padding-top: 2px;
    font-style: normal;
    background: #FFF;
    color: #737373;
    padding: 1px 4px;
    border-radius: 3px;
    text-align: center;
    margin-top: 2px;
}

/*
.show_votes:before {
    bottom: calc(100% - 0px);
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #0000000d;
    border-width: 11px;
    left: 33px;
    margin-left: -10px;
}
*/

html:not(.list_type_yesno) .show_votes:after {
    bottom: calc(100% - 1px);
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: var(--list-showvotes-background);
    border-width: 10px;
    left: 33px;
    margin-left: -10px;
}

.show_votes.s:after {
    border-bottom-color: var(--list-closed-background);
}

.show_votes.ns:after {
    border-bottom-color: #b2b3b8;
}

li.show_votes[style*="display: list-item"] + .vote_options,
li.show_votes[style*="display:block"] + .vote_options {
    /*box-shadow: 0px 0px 15px -10px rgb(0 0 0 / 50%);*/
    box-shadow: 0px 0px 15px -10px rgb(0 0 0 / 70%);
    /*margin-bottom: 0px !important;*/
}

/*-------------------------------------
	VOTE OPTIONS ICONS
 	-> valid for both, mobile and desktop
---------------------------------------*/
.vote_options i.m,
.vote_options i.un,
.vote_options.y i.m,
.vote_options.y i.n,
.vote_options.y i.un,
.vote_options.m i.y,
.vote_options.m i.un,
.vote_options.m i.n,
.vote_options.un i.n {
    display: none !important;
}

.vote_options.y i.y,
.vote_options.m i.m,
.vote_options.n i.n,
.vote_options.un i.un {
    display: block !important;
    color: #fff;
    left: -1px;
}


/*-------------------------------------
	TOGGLE BUTTONS (BUTTON GROUPS)
---------------------------------------*/
.btn-group {
    width: 100%;
}

.btn-group > .btn {
    font-size: 16px;
    line-height: 21px;
    z-index: 1;
    padding: 8px 12px;
}

/*noinspection ALL*/
.btn-group > .btn:first-child {
    width: 49.9%;
    width: calc(50%);
}

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .btn:not(:first-child):not(:last-child) {
    margin-left: 1px;
    width: calc(50% - 1px);
}


.btn-group.tri > .btn:first-child {
    width: 33%;
    width: calc(33.33%);
}

.btn-group.quad > .btn:first-child {
    width: 25%;
    width: calc(25%);
}

.btn-group.tri > .btn:last-child:not(:first-child),
.btn-group.tri > .btn:not(:first-child):not(:last-child) {
    width: 33.3%;
    width: calc(33.33% - 1px);
}

.btn-group.quad > .btn:last-child:not(:first-child),
.btn-group.quad > .btn:not(:first-child):not(:last-child) {
    width: 25%;
    width: calc(25% - 1px);
}

.btn-group-fit {
    width: fit-content;
    display: inline-flex;
}

.btn-group-fit > .btn {
    min-width: 130px;
}


.btn-group .btn .fa {
    top: 1px;
    position: relative;
    font-size: 20px;
}

.form_fields .btn-group .btn .fa {
    top: 3px;
}

.btn-group .btn-default:not(.btn-primary) .fa:before {
    color: var(--primary_color_link);
}

#export_form {
    padding-bottom: 30px;
}

#export_form .btn-group > .btn {
    padding: 4px;
    line-height: 35px;
}

.btn-group > .btn[disabled] {
    color: #637E9B
}

.btn-fullscreen i.fa {
    top: 2px;
    position: relative;
}

html.is_app .btn-fullscreen,
html.is_fullscreen .btn-fullscreen {
    display: none;
}

html.hide-help .js-toggle-help > .untoggled,
.js-toggle-help > .toggled {
    display: none
}

html.hide-help .js-toggle-help > .toggled {
    display: inherit
}

html.hide-help .help {
    opacity: 0;
    height: 0;
    padding: 0;
    margin: 0;
    visibility: hidden;
}

html.hide-help.menu_new #settings {
    margin-top: 18px;
}

.toggle {
    color: #338ceb;
    overflow: hidden;
}

.toggle.dark {
    color: #4b535c;
}

.toggle.ldark {
    color: #656d79;
}

html.mobile .toggle {
    -webkit-user-select: none;
}

html.mobile #see_votings.toggle {
    position: sticky;
    top: 50px;
    z-index: 9;
    box-shadow: var(--toggle-box-shadow);
    border-radius: 5px;
}

html.mobile.is_app #see_votings.toggle {
    top: 50px;
}

html.mobile.is_app.headless #see_votings.toggle {
    top: calc(var(--headless-space) + var(--headless-menu) + 5px);
}


.toggle span {
    display: inline-block;
    font-size: 15px;
    line-height: 34px;
    float: left;
    padding: 0;
    text-align: center;
    width: 50%;
    min-height: 34px;
    cursor: pointer;
    background: var(--toggle-unselected_background);
}

.toggle span:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.toggle span:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.toggle.double span {
    line-height: 15px;
    min-height: 44px;
}

.toggle.vlines span {
    /*border: 1px solid #f2f2f7;*/
}

.toggle.ldark span {
    background: #f6f6f7
}

.toggle.ldark span + span {
    width: calc(50% - 1px);
    margin-left: 1px
}

.toggle.vlines.dark span {
    border: 1px solid #4b535c;
}

.toggle.vlines.ldark span {
    border: 1px solid transparent;
    color: var(--primary_color_link);
    border-radius: 5px;
}

.toggle.vlines span:first-child {
    border-right: none;
}

.toggle.tri.vlines span:last-child {
    border-left: none;
}

.toggle span[data-toggle-status="active"]:not([data-toggle-id]),
.toggle span.active {
    margin-left: 0;
    background: var(--toggle-background);
    color: var(--toggle-color);
    transition: background-color 50ms linear;
}

.toggle.dark span.active {
    background: #4b535c;
}

.toggle.ldark span.active {
    background: #f2f2f7;
    color: #858585;
}


.toggle span.selected {
    background: rgba(57, 142, 233, 0.75);
    color: #9BC8FA;
}

.toggle.dark span.selected {
    background: rgba(61, 61, 61, 0.75);
    color: #e6e6e6;
}

.toggle.tri span {
    width: 33.33%;
}

.toggle_hidden span:hover,
span:hover.toggle_hidden {
    text-decoration: none;
}

.toggle.buttons {
    border-right: none;
    border-left: none;
    border-color: #DDDCE0;
    position: relative;
    top: -1px;
}

.toggle.buttons span {
    border-left: 1px solid #DDDCE0;
    width: 60px;
    height: 33px;
    padding-top: 6px;
}

/* Button style for popup */
.toggle.button span {
    padding: 4px;
    font-size: 18px;
    background: rgba(255, 255, 255, 0.95);
    height: auto;
}

.toggle.button.vlines span {
    border-color: #9EA6B0
}

.toggle.single span {
    width: fit-content;
    padding-left: 30px;
    padding-right: 30px;
}

.title_wrapper_actions {
    position: absolute;
    bottom: 10px;
    right: 20px;
    height: 36px;
    display: flex;
    align-items: center;
    column-gap: 20px;
    z-index: 2;
    font-size: 15px;
    padding-left: 18px;
}

#view_mode {
    cursor: pointer;
    z-index: 2;
}

#show_title #total_results {
    color: #92989f;
}


.home_header {
    text-align: center;
    position: relative;
    padding: 0 20px 0 20px;
}

.home_header.has_next_shape {
    padding-bottom: 60px;
}

.shape_wave {
    height: 150px;
    overflow: hidden;
    position: absolute;
    width: 100%;
    left: 0;
    margin-top: -145px;
    pointer-events: none;
}

.shape_wave.shape_bottom {
    bottom: 0;
    margin-top: 0;
}

.shape_wave svg {
    height: 100%;
    width: 100%;
}

.shape_wave svg path {
    stroke: none;
    fill: var(--feature-background);
}


#home_logo {
    background: url('/img/fragab_logo_de_250.png') no-repeat;
    background-size: 100%;
    width: 250px;
    height: 81px;
    display: inline-block;
}


#nav_logo,
#nav_logo_toggle {
    background: url(/img/fragab_logo_de_100.png) no-repeat !important;
    background-size: 100px !important;
    height: 32px;
    display: inline-block;
    padding: 0;
    margin-top: 12px;
    margin-left: 15px;
    width: 100px;
    margin-right: 0;
    box-shadow: none !important;
}

#homearrow + #nav_logo_toggle {
    margin-left: 20px;
}

#ex {
    background: url('/img/ex1.png') no-repeat;
    width: 251px;
    height: 98px;
    background-size: 100%;
    border: 4px solid #FFF;
}

.no_votes_be_first {
    padding-top: 10px;
    opacity: .4;
    text-align: center;
}

.right-click-scrolling-info {
    position: fixed;
    bottom: 4px;
    right: 4px;
    background: #007cff;
    color: #fff;
    z-index: 10000;
    padding: 8px 12px;
    border-radius: 8px;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.4);
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    font-size: 12px;
    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, .55) .3s;
}

html.right-click-scrolling .right-click-scrolling-info {
    transition: all .1s ease-in-out;
    visibility: visible;
    opacity: 1;
}

html.is_app .right-click-scrolling-info {
    display: none;
}

/************************************
    LOGIN / REGISTER
*************************************/

.social_login .btn {
    width: 250px;
    max-width: 100%;
    text-align: left;
    white-space: nowrap;
}

.social_login {
    margin-left: 0 !important;
}

#register_container,
#login_container {
    max-width: 480px;
    margin: 0 auto;
}

.socialbuttons .btn {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 42px;
    font-size: 15px;
    border: 1px solid transparent;
    border-radius: 8px;
    white-space: nowrap;
    background: var(--btn-background);
    color: var(--btn-color);
}

#customAppleBtn svg {
    margin-left: -20px;
}

#customGoogleBtn svg {
    width: 18px;
    height: 18px;
    margin-right: 10px
}

span.googlebuttonText {
    display: inline-block;
}

@media (hover: hover) {
    .socialbuttons .btn:hover {
        cursor: pointer;
        border-color: var(--table-border-color);
    }
}

/************************************
    FEEDBACK
*************************************/
#chat_box,
.feedback {
    scroll-behavior: smooth;
}

.feedback p {
    display: block;
    margin-top: 2px;
    margin-bottom: 0;
}

.feedback p:not(.support) + p.support,
.feedback p.support + p:not(.support) {
    margin-top: 20px;
}

.feedback p > span {
    background: var(--feedback-bubble-me-background);
    border-radius: 5px;
    color: var(--feedback-bubble-color);
    position: relative;
    float: right;
    display: inline-block;
    min-width: 200px;
    max-width: 80%;
    padding: 10px 20px 10px 12px;
    margin-right: 0;
}

.feedback p > span:after {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-left-color: var(--feedback-bubble-me-background);
    border-width: 10px;
    right: -19px;
    top: 10px;
}

.feedback p.support > span {
    background: var(--feedback-bubble-support-background);
    float: left;
    margin-right: 0;
    margin-left: 0
}

.feedback p.support > span:after {
    border-left-color: transparent;
    border-right-color: var(--feedback-bubble-support-background);
    right: auto;
    left: -19px;
}

.feedback p help {
    cursor: pointer;
    color: var(--primary_color_link);
    text-decoration: underline;
    font-weight: 500;
}

.menu_feedback #feedback_form {
    padding: 0 10px 40px;
    background: var(--input-field-background);
}

#feedback_area {
    height: 42px;
    line-height: 20px;
    padding-top: 12px;
    font-size: 18px;
    background: var(--shade-background);
    max-height: calc(100vw - 100px);
}

.chat-button {
    min-width: 50px;
    height: 50px;
    border-radius: 25px;
    background: #007cff;
    color: #FFF;
    box-shadow: 0 0 20px 2px rgb(0 0 0 / 40%);
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    z-index: 23;
    bottom: 35px;
    left: 25px;
    cursor: pointer;
    /*display: none;*/
}

.chat-button .badge-notification {
    top: 0;
    right: 0;
}


html.phone .fix_bottom .chat-button {
    display: none
}

.fix_bottom .chat-button + #toggle_comment {
    margin-left: -20px !important;
}

.menu_account .fix_bottom {
    background: var(--footer-fixed-background);
}

html.phone.menu_show .fix_bottom {
    transition: transform .3s ease-in-out;
}

html.phone.menu_show:not(.action_row_open) .fix_bottom {
    transform: translateY(100%);
}

#chat_area {
    height: 40px;
    margin: 10px;
    width: 280px;
    padding-top: 10px;
    padding-right: 40px;
    font-size: 16px;
    margin-bottom: 12px;
    background: var(--chat-input-field);
}

.close-chat {
    cursor: pointer;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    position: fixed;
    margin-top: -5px;
    margin-left: -5px;
    z-index: 5;
    display: flex;
    border-radius: 20px;
    background: var(--chat-close-background);
    color: var(--chat-close-color);
}

.close-chat:hover {
    color: var(--chat-close-color_hover);
    background: var(--chat-close-background_hover);
}

.chat-wrapper {
    left: 0;
    bottom: 0;
    position: fixed;
    width: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    overflow: overlay;
    height: fit-content;
    max-height: calc(100vh - 85px);
    background: var(--chat-background);
    padding: 10px 10px 0 10px;
    color: #FFF;
    display: flex;
    flex-direction: column;
    box-shadow: 0 0 20px 0px rgb(0 0 0 / 13%);
    border-radius: 0px 10px 0 0;
    padding-bottom: 85px;
    z-index: 401;
    display: none;
    overscroll-behavior-y: contain;
}

.chat-wrapper.active {
    display: flex;
    height: calc(100vh - 181px);
    box-shadow: 0 0 10px 6px rgb(0 0 0 / 20%);
}

.chat-header {
    color: var(--chat-header-color);
    text-align: center;
    font-size: 16px;
    margin-bottom: 20px;
    margin-top: 3px;
}

.chat-button .badge-notification.wave-hand:before {
    font-size: 36px;
    left: -26px;
    top: 2px;
}

.chat-header-submessage {
    font-size: 12px;
    background: #00ff7f17;
    display: inline-block;
    padding: 4px 8px;
    border-radius: 5px;
    color: #d3fde7c9;
    margin-top: 3px;
}

html.is_admin .chat-wrapper {
    max-height: calc(100vh - 141px);
}

html.menu_chat .chat-wrapper {
    width: 100% !important;
    position: relative !important;
    display: flex !important;
    background: #4b535c !important;
    box-shadow: none;
    bottom: 0 !important;
    height: calc(100vh - 50px);
    max-height: calc(100vh - 50px);
    justify-content: flex-end;
    left: auto;
    border-radius: 0 !important;
}

html.menu_chat .close-chat {
    display: none !important;
}

html.menu_chat #chat_form {
    width: 100% !important;
}

html.menu_chat #chat_area {
    width: calc(100% - 40px) !important;
}


.chat-wrapper + .poll-wrapper {
    margin-left: 230px;
}


.chat-wrapper p {
    margin: 0;
}

.chat-wrapper p + p {
    margin-top: 9px;
}

.chat-wrapper p > span {
    background: var(--chat-wrapper-background);
    color: var(--chat-wrapper-color);
    border-radius: 10px;
    position: relative;
    display: inline-block;
    min-width: 210px;
    max-width: 80%;
    padding: 6px 20px 6px 10px;
    font-size: 16px;
    line-height: 18px;
    float: left;
    margin-right: 0;
    margin-left: 6px;
    hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    overflow-wrap: anywhere;
}

.chat-wrapper p > span:after {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-left-color: var(--chat-wrapper-background);
    border-width: 10px;
    top: -5px;
    right: auto;
    left: -1px;
    transform: rotate(323deg);
}

.chat-wrapper p > span.theadmin {
    background: var(--chat-wrapper-admin-background);
    color: var(--chat-wrapper-admin-color);
}

.chat-wrapper p > span.theadmin:after {
    border-left-color: var(--chat-wrapper-admin-background);
}

.chat-wrapper p > span.theadmin a {
    color: var(--chat-wrapper-admin-color);
    border-bottom: 1px solid #ffffff7d;
}

.chat-wrapper p > span.theadmin a:hover {
    border-bottom-color: #FFF;
}

.chat-wrapper p > span.me {
    background: var(--chat-wrapper-me-background);
    color: var(--chat-wrapper-me-color);
    float: right;
    margin-right: 6px;
    margin-left: 0;
}

html.logged_in .chat-wrapper.is_admin .chatbox:hover:before,
html.logged_in .chat-wrapper .chatbox.me:hover:before {
    content: '\e905';
    position: absolute;
    font-family: 'fa' !important;
    right: 3px;
    top: 3px;
    opacity: .5;
    width: 20px;
    height: 20px;
    cursor: pointer;
    z-index: 1;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.chat-wrapper p > span.me:after {
    border-left-color: transparent;
    border-right-color: var(--chat-wrapper-me-background);
    right: -6px;
    left: auto;
    transform: rotate(270deg);
    bottom: auto;
    top: 5px;
}

.chat-wrapper p > span > em {
    display: block;
    font-weight: 500;
    opacity: .7;
    font-size: 12px;
}

.chat-wrapper p.theadmin + p.theadmin em,
.chat-wrapper p.me + p.me em {
    display: none;
}

.chat-wrapper p.theadmin + p.theadmin,
.chat-wrapper p.me + p.me {
    margin-top: 2px;
}

.chat-wrapper p.theadmin + p.theadmin span:after,
.chat-wrapper p.me + p.me span:after {
    display: none;
}

.chat-wrapper p > span > date {
    display: block;
    font-weight: 400;
    opacity: .5;
    font-size: 10px;
    text-align: right;
    margin-right: -10px;
    margin-bottom: -2px;
    margin-top: -2px
}

#chat_form {
    width: 300px;
    background: var(--chat-footer-background);
    padding-bottom: 10px;
}

#submit_chat {
    top: 15px;
    right: 15px;
    border-radius: 15px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#submit_chat i {
    color: var(--primary_color_link);
    top: auto;
}

#submit_chat:hover,
#chat_area:not(:empty) #submit_chat {
    background: #007CFF !important;
}

#submit_chat:hover i {
    color: #FFF;
}

.chat-wrapper::-webkit-scrollbar {
    border-radius: 20px;
}

.chat-wrapper::-webkit-scrollbar,
.chat-wrapper::-webkit-scrollbar-track {
    background: var(--chat-background);
}

footer #countries {
    border: 1px solid #939393;
    border-style: solid;
    border-radius: 5px;
    margin-left: 10px;
    cursor: pointer;
}

#countries_wrapper {
    display: none;
    position: absolute;
    bottom: -5px;
    z-index: 1;
    min-width: calc(100% + 7px);
    background: #fff;
    box-shadow: 0 0 20px 0px rgb(0 0 0 / 30%);
    overflow: hidden;
    border-radius: 5px;
    padding: 3px 0;
}

#countries,
#countries_wrapper a {
    text-transform: capitalize;
    padding: 3px 12px;
    margin: 0;
}

#countries_wrapper a {
    background: #fff;
    font-size: 12px;
    line-height: 12px;
    padding-left: 10px;
    width: calc(100% - 6px);
    border-radius: 5px;
    display: block;
    text-align: center;
    margin-left: 3px;
    padding: 5px 12px;
}

#countries_wrapper a:hover {
    background: #f3f3f6;
}

#countries_wrapper a.active {
    color: #FFF !important;
    background: #686868;
}

/**
 * MODAL
 */
modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--modal-background-fade);
    justify-content: center;
    align-items: center;
    z-index: 99998;
    will-change: opacity;
    animation: mmfadeIn .3s cubic-bezier(0, 0, .2, 1);
    display: flex;
}

mcontainer {
    position: relative;
    font-size: 16px;
    background-color: var(--modal-background);
    color: var(--modal-color);
    padding: 40px 56px 56px;
    padding-top: 0px;
    min-width: 360px;
    min-height: 240px;
    max-height: calc(100vh - 160px);
    max-width: 750px;
    border-radius: 15px;
    overflow-y: auto;
    will-change: transform;
    animation: mmslideIn .3s cubic-bezier(0.0, 0.0, 0.2, 1);
    box-shadow: var(--modal-shadow);
}

modal.fullscreen mcontainer {
    max-width: 100vw;
    max-height: 100vh;
    width: 100vw;
    height: 100vh;
    background-color: var(--modal-fullscreen-background);
    border-radius: 0;
    box-shadow: none;
}

.add-headless-space,
html.is_modal-fullscreen body,
html.headless modal.fullscreen:not(.fullsize) mcontainer {
    padding-top: var(--headless-space);
}

modal.fullheight mcontainer {
    height: calc(100vh - 30px);
}

modal.dark mcontainer {
    background-color: #000;
}


modal.fullscreen {
    align-items: stretch;
}

modal.midsize mcontainer {
    width: 440px
}

modal.largesize mcontainer {
    width: 700px
}

modal.widesize mcontainer {
    width: 940px
}

modal.qrmodal mcontent {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: calc(100vh - 120px);
    /*overflow:hidden;*/
}


modal.nopadding mcontainer,
modal.fullscreen.fullsize mcontainer {
    padding: 0;
}

modal.fullscreen.fullsize mcontent {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100vh;
    overflow: hidden;
}


modal.with_teaser mcontainer {
    padding-bottom: 30px;
    overflow-x: hidden;
}

modal.paste mfooter button {
    width: auto
}

modal mcontent info {
    font-size: 14px;
    line-height: 19px;
    background: #efefef;
    display: block;
    padding: 10px 15px;
    border-radius: 8px;
    color: #6a6a6a;
}

modal mcontent list ul {
    padding-top: 15px;
    padding-left: 15px;
}

modal mcontent list ul li {
    list-style-type: disc;
    padding-left: 5px;
    padding-bottom: 20px;
}

modal mcontent list ul ul li {
    padding-bottom: 15px;
}


modal mcontent list h {
    padding-bottom: 10px;
    font-weight: 600;
    display: block;
    line-height: 1.3;
    padding-bottom: 15px;
    padding-top: 10px;
}

mclose {
    position: sticky;
    z-index: 100;
    cursor: pointer;
    font-size: 26px;
    opacity: .3;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: calc(100% - 40px);
    transform: translate(100%, 10px);
}

mclose:after {
    position: absolute;
    top: 22px;
    left: 4px;
    animation: mmfadeIn 3s cubic-bezier(0, 0, .2, 1);
}

modal.fullscreen mclose {
    color: var(--modal-color);
    opacity: .8;
    background: var(--modal-background);
    border-radius: 20px;
}

modal.noclosebutton mclose {
    display: none;
}


modal.dark mclose,
modal.dark.fullscreen mclose,
modal.dark.fullscreen.fullsize mclose {
    background: #000;
    opacity: .5;
    color: #FFF;
}

mclose:hover {
    opacity: 1 !important;
}

modal.fullscreen.fullsize:not(.closeright) mclose {
    position: absolute;
    top: 10px;
    left: -10px;
    background: var(--modal-fullscreen-background);
    border-radius: 20px;
}

modal.iframe mcontent {
    display: flex;
    flex-direction: column;
    align-items: center;
}

modal.iframe mcontent iframe {
    width: 100%;
    height: calc(100vh - 200px);
    border: 0;
}

modal.iframe.fullsize mcontent iframe {
    height: 100vh;
}

modal.iframe.nopadding mclose {
    position: absolute;
    background: #0000001c;
    opacity: .5;
}

html.headless modal.fullscreen.fullsize mclose {
    top: calc(var(--headless-space) + 3px);
}


modal.nopadding mclose {
    left: calc(100% - 100px);
    background: var(--modal-background);
    border-radius: 20px;
}

mheader {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


mcontent {
    line-height: 1.3;
    color: var(--modal-content-color);
    display: block;
    max-width: 100%;
    overscroll-behavior-y: contain;
}

mtitle {
    font-size: 24px;
    font-weight: 600;
}

mfooter {
    padding-top: 24px;
    font-size: 14px;
    display: flex;
    align-items: center;
    column-gap: 16px;
}

mfooter button {
    padding: 6px 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

mheader:empty,
mfooter:empty {
    display: none;
}

mcontent loader {
    display: flex;
    font-size: 8px;
    margin-top: 32px;
    color: #007CFB;
}

.modal_teaser {
    background: linear-gradient(#0065ff 25%, #007CFF 75%);
    position: relative;
    top: -40px;
    left: -30px;
    width: calc(100% + 60px);
    min-height: 100px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-weight: 500;
    font-size: 24px;
}

.modal_teaser.modal_bottom {
    top: auto;
    bottom: -20px;
    min-height: 75px;
    padding-bottom: 20px;
    background: var(--modal-teaser-bottom-background);
    margin-bottom: -20px;
    position: sticky;
    margin-left: -30px;
    z-index: 1;
    box-shadow: 0 0 25px -10px rgb(0 0 0 / 50%);
}

modal.with_teaser mcontainer {
    padding-bottom: 20px;
}

modal.cookie-consent {
    align-items: flex-end;
    background: var(--cookie-consent-main-background);
}

modal.cookie-consent mcontainer {
    background: var(--cookie-consent-background);
    color: var(--cookie-consent-color);
    animation: mmslideUpScale .3s cubic-bezier(0.0, 0.0, 0.2, 1);
    padding: 30px;
    max-width: 720px;
    bottom: 100px;
    padding-bottom: 50px;
}

modal.cookie-consent:not(.cookie-preferences-open) mcontainer {
    overflow: unset
}

.consent-content {
    display: flex;
    align-items: flex-end;
    line-height: 1.35;
}


.consent-content .cookie-image {
    width: 120px;
    right: 30px;
    top: 10px;
    position: absolute;
}

modal:not(.cookie-preferences-open) .cookie-image {
    width: 170px;
    position: absolute;
    top: -50px;
    right: 40px;
}

.consent-content .cookie-logo {
    width: 80px;
    margin-bottom: 10px;
}

.consent-content .cookie-title {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 10px;
}

.cookie-consent .btn {
    border-radius: 8px;
    padding: 4px 24px;
}

.cookie-consent .btn-white {
    background: transparent
}

.cookie-consent .btn-primary {
    font-weight: 600;
    min-width: 180px;
}

.cookie-preferences li + li {
    margin-top: 10px;
}

.cookie-preferences
input[type="checkbox"] + span {
    margin-left: 40px;
}

.cookie-preferences
input[type="checkbox"] + span:before {
    left: 0
}

.cookie-preferences input[type="checkbox"]#essential + span:before {
    color: #bcbcbc;
}

.cookie-preferences-open .consent-content {
    justify-content: space-between;
    margin-bottom: 20px;
}

.cookie-preferences-open .js-container-options,
.cookie-preferences-open .js-save-selection {
    display: block;
}

.cookie-consent:not(.cookie-preferences-open) .show-on-cookie-preferences,
.cookie-preferences-open .hide-on-cookie-preferences {
    display: none;
}

.cookie-consent #popup_close {
    font-size: 30px;
    background: transparent;
    top: 65px;
    border-radius: 40px;
}

.cookie-consent mfooter {
    column-gap: 8px;
}

@media (max-width: 767px) {

    modal.cookie-consent mcontainer {
        border-radius: 15px 15px 0 0;
        min-width: 100%;
        max-height: calc(100vh - 35px);
        bottom: 0;
        animation: mmslideUp .5s cubic-bezier(0.0, 0.0, 0.2, 1);
    }

    modal:not(.cookie-preferences-open).cookie-consent mcontainer span {
        overflow-y: overlay;
        max-height: calc(100vh - 70px);
        display: block;
    }

    modal:not(.cookie-preferences-open) .consent-content {
        flex-direction: column-reverse;
        align-items: center;
    }

    modal:not(.cookie-preferences-open) .consent-content .cookie-image {
        width: 145px;
        right: 30px;
        top: -35px;
    }

    .consent-content .cookie-logo {
        width: 90px;
        margin-bottom: 5px;
    }

    modal.cookie-consent mfooter {
        align-items: stretch;
        column-gap: 0;
        flex-direction: column;
        row-gap: 8px;
    }

    modal.modal-hl-close mclose {
        background: #4f4f4f !important;
        opacity: 1;
        color: #fff;
    }

    .cookie-preferences {
        font-size: 15px;
    }

    .cookie-preferences-open .btn-save-all {
        order: -1;
        z-index: 1;
    }

    html:not(.menu_show):not(.menu_new.modal_open) .navbar-fixed-top {
        z-index: 1111111;
    }

    .mdtoast {
        z-index: 1111111 !important;
    }
}


@keyframes mmfadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes mmfadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes mmslideIn {
    0% {
        transform: translateY(-10%)
    }
    to {
        transform: translateY(0)
    }
}

@keyframes addOptionAnimation {
    0% {
        transform: translateY(-10%);
        opacity: 0;
        min-height: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
        min-height: inherit;
    }
}

@keyframes mmslideUp {
    0% {
        transform: translateY(100%)
    }
    to {
        transform: translateY(0)
    }
}

@keyframes mmslideDown {
    0% {
        transform: translateY(-100%)
    }
    to {
        transform: translateY(0)
    }
}

@keyframes mmslideUpScale {
    0% {
        transform: translateY(100%) scale(0.5)
    }
    to {
        transform: translateY(0) scale(1)
    }
}

@keyframes zoomIn {
    0% {
        transform: scale(.6, .6);
    }
    50% {
        transform: scale(1.06, 1.06);
    }
    100% {
        transform: scale(1, 1);
    }
}


.noscriptmsg .modal_teaser {
    background: #f0da4e;
    margin-top: 30px;
}

.noscriptmsg img {
    width: 320px;
    max-width: 100%
}

.noscriptmsg {
    font-size: 20px;
}

/**
 * ==============================================
 * loader
 * ==============================================
 */
loader,
loader:before,
loader:after {
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: loader 1.8s infinite ease-in-out;
    animation: loader 1.8s infinite ease-in-out;
}

loader {
    font-size: 2px;
    margin: auto;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
    display: inline-block;
    left: 7px;
    top: -7px;
    color: inherit;
}

loader:before,
loader:after {
    content: '';
    position: absolute;
    top: 0;
}

loader:before {
    left: -3.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

loader:after {
    left: 3.5em;
}

@-webkit-keyframes loader {
    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }
    40% {
        box-shadow: 0 2.5em 0 0;
    }
}

.btn-progress-pending {
    position: relative;
    overflow: hidden;
    color: transparent !important;
}

.btn-progress-pending > .fa {
    color: transparent !important;
}

.btn-progress-pending:after,
.btn-progress-pending:before {
    position: absolute;
    content: '';
    background: var(--action-yes-background);
    top: 0;
    left: 0;
    height: 100%;
    animation: background-progress 5s infinite linear;
}

.btn-progress-pending:after {
    background: transparent;
    width: 100%;
    z-index: 1;
    content: '\e903';
    font-family: 'fa';
    animation: spin 2s infinite linear;
    color: #fff;
}

@keyframes background-progress {
    0% {
        width: 0
    }
    100% {
        width: 100%;
    }
}

/************************************
    MIGRATION
************************************/
.migrate_email_form ul {
    margin: 10px 0 10px;
}

.migrate_email_form ul li {
    padding: 5px;
    border-bottom: 1px solid #efefef
}


/************************************
    ANIMATIONS
************************************/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.half {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
}

.animated.slow {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
}

.animated.after01 {
    animation-delay: .1s;
}

.animated.after02 {
    animation-delay: .2s;
}

.animated.after03 {
    animation-delay: .3s;
}

.animated.after05 {
    animation-delay: .5s;
}

.animated.after07 {
    animation-delay: .7s;
}

.animated.after1 {
    animation-delay: 1s;
}

.animated.after15 {
    animation-delay: 1.5s;
}

.animated.after2 {
    animation-delay: 2s;
}

.animated.after3 {
    animation-delay: 3s;
}


/*
.flipInX {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    -moz-backface-visibility: visible !important;
    -moz-animation-name: flipInX;
    -o-backface-visibility: visible !important;
    -o-animation-name: flipInX;
    backface-visibility: visible !important;
    animation-name: flipInX;
    animation-delay: .1s;
    -webkit-animation-delay: .1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .7s;
    -moz-animation-duration: .7s;
    -ms-animation-duration: .7s;
    -o-animation-duration: .7s;
    animation-duration: .7s;
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

@-moz-keyframes flipInX {
    0% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -moz-transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -moz-transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

@-ms-keyframes flipInX {
    0% {
        -ms-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -ms-transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -ms-transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -ms-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

@-o-keyframes flipInX {
    0% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -o-transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -o-transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -o-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
*/
@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}


@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInDown {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}


@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}


@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}


@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}


@-webkit-keyframes tick {
    0% {
        -webkit-transform: scale(0);
    }
    90% {
        -webkit-transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1);
    }
}

@keyframes tick {
    0% {
        transform: scale(0);
    }
    90% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, 100% {
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }

    20% {
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        transform: scale3d(.9, .9, .9);
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        transform: scale3d(.97, .97, .97);
    }

    100% {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}

@keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, 100% {
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }

    20% {
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        transform: scale3d(.9, .9, .9);
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        transform: scale3d(.97, .97, .97);
    }

    100% {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}

.bounceIn {
    animation-name: bounceIn;
    animation-duration: .5s;
}

.mmslideIn {
    animation: mmslideIn .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.mmfadeIn {
    animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.mmfadeOut {
    animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.mmslideUpScale {
    animation: mmslideUpScale .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.mmslideUp {
    animation: mmslideUp .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.mmslideDown {
    animation: mmslideDown .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.tick {
    animation: tick 120ms ease-in;
}


.wave-twice,
.wave {
    animation-name: wave-animation;
    animation-duration: 2.5s;
    animation-iteration-count: infinite;
    transform-origin: 70% 70%;
    display: inline-block;
}

.wave-twice {
    animation-iteration-count: 1;
    animation-delay: 3s;
}

@keyframes wave-animation {
    0% {
        transform: rotate(0.0deg)
    }
    10% {
        transform: rotate(14.0deg)
    }
    20% {
        transform: rotate(-8.0deg)
    }
    30% {
        transform: rotate(14.0deg)
    }
    40% {
        transform: rotate(-4.0deg)
    }
    50% {
        transform: rotate(10.0deg)
    }
    60% {
        transform: rotate(0.0deg)
    }
    100% {
        transform: rotate(0.0deg)
    }
}


.wave-hand:before {
    content: '👋';
    position: absolute;
    animation-name: wave-animation;
    animation-duration: 2.5s;
    animation-iteration-count: infinite;
    transform-origin: 70% 70%;
    display: inline-block;
}

@keyframes wave-animation {
    0% {
        transform: rotate(0.0deg)
    }
    10% {
        transform: rotate(14.0deg)
    }
    20% {
        transform: rotate(-8.0deg)
    }
    30% {
        transform: rotate(14.0deg)
    }
    40% {
        transform: rotate(-4.0deg)
    }
    50% {
        transform: rotate(10.0deg)
    }
    60% {
        transform: rotate(0.0deg)
    }
    100% {
        transform: rotate(0.0deg)
    }
}


/*-------------------------------------
	ADMIN AND OTHER
---------------------------------------*/


/*-------------------------------------
	INFO
---------------------------------------*/
.languages {
    padding: 0;
    margin-bottom: 20px;
    margin-left: -10px;
}

.languages li {
    float: left;
    width: 33%;
    margin: 0;
    margin-bottom: 8px;
}

.languages li a {
    display: inline-block;
    padding: 5px 10px;
    min-width: 150px;
    max-width: 100%;
}

.languages li a:hover,
.languages li a.active {
    text-decoration: none;
    background: #EBEEF3;
    border-radius: 2px;
}

.languages li a p {
    padding-left: 27px;
    margin-bottom: 0;
}

#switcher {
    background: #FFFFFF !important;
    top: -360px;
}

.pp .languages {
    margin: 0;
    width: 150px;
}

.pp .languages li {
    width: 100%;
    margin-bottom: 1px;
    text-align: left;
}

/*noinspection ALL*/
.pp .languages li a {
    padding: 5px;
    min-width: auto;
}

.info_overflow {
    margin: -30px;
    border-radius: 6px;
}

.menu_info footer {
    text-align: center
}

.menu_info footer ul {
    margin-left: 160px;
}

.menu_register footer,
.menu_login footer {
    max-width: 460px;
    margin: 0 auto;
    padding-left: 0 !important;
    text-align: left;
}

.menu_register footer a:first-child,
.menu_login footer a:first-child {
    padding-left: 0;
}


/**********************************************************************************
    Other
**********************************************************************************/
.rounded {
    border-radius: 3px;
}

.rounded_b {
    border-radius: 10px;
}

.shadow {
    box-shadow: 0 1px 40px rgba(0, 0, 0, 0.5);
}

.shadow_small {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
}

.shadow_line {
    height: 20px;
    position: relative;
    z-index: 0;
    top: -10px;
    left: -10px;
    width: 106%;
    width: calc(100% + 20px);
    box-shadow: 0 7px 10px -7px rgba(160, 160, 160, 0.6);
}

.shadow_wide {
    box-shadow: 0 0 30px rgba(0, 0, 0, .6);
}

.shadow_dark {
    box-shadow: 0 0 3px #666;
}

.shadow_btn {
    box-shadow: 0 7px 8px -5px rgba(0, 0, 0, 0.7);
}

.btn_shadow {
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2);
    transition: none;
    -webkit-transition: none;
}

.btn_shadow:hover {
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.35);
}

.shadow_inset {
    box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.4);
    border-radius: inherit;
}

.no_shadow {
    box-shadow: none !important;
}

.nowrap {
    white-space: nowrap;
}

.pointer {
    cursor: pointer
}

.t-1 {
    top: -1px !important;
}

.t-2 {
    top: -2px !important;
}

.t-3 {
    top: -3px !important;
}

.t0 {
    top: 0 !important;
}

.t1 {
    top: 1px !important;
}

.t2 {
    top: 2px !important;
}

.t3 {
    top: 3px !important;
}

.t4 {
    top: 4px !important;
}

.t5 {
    top: 5px !important;
}

.l0 {
    left: 0;
}

.l10 {
    left: 10px;
}

.l15 {
    left: 15px;
}

.l20 {
    left: 20px;
}

.r15 {
    right: 15px;
}

.m0 {
    margin: 0 !important
}

.m5 {
    margin: 5px
}

.m10 {
    margin: 10px
}

.m15 {
    margin: 15px
}

.m20 {
    margin: 20px
}

.m25 {
    margin: 25px
}

.mt0 {
    margin-top: 0
}

.mt1 {
    margin-top: 1px
}

.mt2 {
    margin-top: 2px
}

.mt3 {
    margin-top: 3px
}

.mt5 {
    margin-top: 5px
}

.mt6 {
    margin-top: 6px
}

.mt7 {
    margin-top: 7px
}

.mt10 {
    margin-top: 10px
}

.mt15 {
    margin-top: 15px
}

.mt20 {
    margin-top: 20px
}

.mt25 {
    margin-top: 25px
}

.mt30 {
    margin-top: 30px
}

.mt40 {
    margin-top: 40px
}

.mt50 {
    margin-top: 50px
}


.mb0 {
    margin-bottom: 0
}

.mb1 {
    margin-bottom: 1px
}

.mb2 {
    margin-bottom: 2px
}

.mb3 {
    margin-bottom: 3px
}

.mb5 {
    margin-bottom: 5px
}

.mb10 {
    margin-bottom: 10px
}

.mb15 {
    margin-bottom: 15px
}

.mb20 {
    margin-bottom: 20px
}

.mb25 {
    margin-bottom: 25px
}

.ml0 {
    margin-left: 0
}

.ml5 {
    margin-left: 5px
}

.ml3 {
    margin-left: 3px
}

.ml10 {
    margin-left: 10px
}

.ml15 {
    margin-left: 15px
}

.ml20 {
    margin-left: 20px
}

.ml25 {
    margin-left: 25px
}

.ml50 {
    margin-left: 50px
}

.ml80 {
    margin-left: 80px
}

.ml100 {
    margin-left: 100px
}

.ml25p {
    margin-left: inherit
}

.mr0 {
    margin-right: 0
}

.mr3 {
    margin-right: 3px
}

.mr5 {
    margin-right: 5px
}

.mr10 {
    margin-right: 10px
}

.mr15 {
    margin-right: 15px
}

.mr20 {
    margin-right: 20px
}

.mr25 {
    margin-right: 25px
}

.p0i {
    padding: 0 !important;
}

.p0 {
    padding: 0
}

.p2 {
    padding: 2px
}

.p3 {
    padding: 3px
}

.p5 {
    padding: 5px
}

.p8 {
    padding: 8px
}

.p10 {
    padding: 10px
}

.p15 {
    padding: 15px
}

.p20 {
    padding: 20px
}

.p30 {
    padding: 30px
}

.p0_3 {
    padding: 0 3px
}

.p0_5 {
    padding: 0 5px
}

.p1_3 {
    padding: 1px 3px
}

.p1_5 {
    padding: 1px 5px
}

.p2_8 {
    padding: 2px 8px
}

.p0_15 {
    padding: 0 15px
}

.p5_12 {
    padding: 5px 10px
}

.pl5 {
    padding-left: 5px
}

.pl10 {
    padding-left: 10px
}

.pl15 {
    padding-left: 15px
}

.pl20 {
    padding-left: 20px
}

.pl22 {
    padding-left: 22px
}

.pl25 {
    padding-left: 25px
}

.pl30 {
    padding-left: 30px
}

.pl40 {
    padding-left: 40px
}

.pl45 {
    padding-left: 45px
}

.pl50 {
    padding-left: 50px
}

.pl80 {
    padding-left: 80px
}

.pl100 {
    padding-left: 100px
}

.pr5 {
    padding-right: 5px
}

.pr50 {
    padding-right: 50px
}

.pr80 {
    padding-right: 80px
}

.pb0 {
    padding-bottom: 0
}

.pb5 {
    padding-bottom: 5px
}

.w50p {
    width: 50%;
}

.w100p {
    width: 100%;
}

.tal {
    text-align: left
}

.tar {
    text-align: right !important
}

.tac {
    text-align: center
}

.vat {
    vertical-align: top
}

.vab {
    vertical-align: bottom
}

.vam {
    vertical-align: middle
}

.vami {
    vertical-align: middle !important
}

tr.vam td {
    vertical-align: middle
}

.right {
    float: right
}

.left {
    float: left
}

.db {
    display: block
}

.dib {
    display: inline-block
}

.dibi {
    display: inline-block !important
}

.clb {
    clear: both
}

.nts {
    text-shadow: none
}

.b {
    font-weight: bold;
}

.nob {
    font-weight: normal !important;
}

.nb {
    border: none !important;
}

.nbck {
    background: none !important;
}

.bl {
    border-left: 1px solid #DDDCE0
}

.normal {
    font-style: normal;
}

.radius {
    border-radius: 8px;
}

.tradius {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.bradius {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.no_radius {
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
}

.no_tradius {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.no_bradius {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.no_rradius {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.oh {
    overflow: hidden
}

.ov {
    overflow: visible
}

.z1 {
    z-index: 1
}

.z2 {
    z-index: 2
}

.z100 {
    z-index: 100
}

/*noinspection ALL*/
.faded {
    height: 0;
    opacity: 0;
    -moz-transition: height 0.5s opacity 0.5s;
    -webkit-transition: height 0.5s opacity 0.5s;
    -o-transition: height 0.5s opacity 0.5s;
    -ms-transition: height 0.5s opacity 0.5s;
    transition: height 0.5s, opacity 0.5s;
}

.h37 {
    height: 37px;
}

.h42 {
    height: 42px;
}

.h43 {
    height: 43px;
}

.invisible {
    visibility: hidden;
}

.show {
    display: block !important;
}

.op0 {
    opacity: 0;
    filter: alpha(opacity=0);
}

.op3 {
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.op5 {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.op7 {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.op1 {
    opacity: 1;
    filter: alpha(opacity=100);
}

.btn.img_opa img,
.btn.img_opa i[class*="fa-"],
img.img_opa {
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.btn.img_opa:hover img,
.btn.img_opa:hover i[class*="fa-"],
img.img_opa:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}

.pa {
    position: absolute;
}

.pr {
    position: relative;
}

.pf {
    position: fixed;
}

.fixed {
    position: fixed;
    width: 100%;
}

.lg {
    color: #B9B9BE
}

.g {
    color: var(--g-color)
}

.dg {
    color: var(--dg-color);
}

.w {
    color: #FFF
}

.ss {
    font-size: 12px;
}

.s {
    font-size: 13px;
}

.nor {
    font-size: 15px
}

.big {
    font-size: 16px
}

.big1 {
    font-size: 17px
}

.big2 {
    font-size: 18px;
}

.med,
.big3 {
    font-size: 20px;
}

.big4 {
    font-size: 22px;
}

.big5 {
    font-size: 26px;
}

.big6 {
    font-size: 28px;
}

.big7 {
    font-size: 30px;
}

.big8 {
    font-size: 32px;
}

.huge {
    font-size: 34px;
}

.giant {
    font-size: 60px;
}

.monster {
    font-size: 100px;
}

.black {
    color: var(--black-color) !important;
}

.lblack {
    color: var(--lblack-color) !important;
}

.blue {
    color: var(--primary_color_link) !important;
}

.lblue {
    color: #acd3f0
}

.dblue {
    color: var(--primary_color_link);
}

.turkey {
    color: #37B7FF !important;
}

.purple {
    color: #9E4CF7 !important;
}

.green {
    color: #53d76a !important;
}

.darkgreen {
    color: #00b237 !important;
}

.orange {
    color: #FF9500 !important;
}

.yellow {
    color: #ffea00 !important;
}

.red {
    color: #ff4141 !important;
}

.darkred {
    color: #c28a8a !important;
}

.purpur {
    color: #f14577 !important;
}

.white {
    color: #FFF !important;
}

.grey {
    color: var(--grey-color) !important;
}

i.grey {
    color: #0000003b !important;
}

.wbck {
    background: var(--white-background)
}

.bbck {
    background: #4b535c
}

.fragab_blue_bck {
    background: #007CFF;
}

.touch_bck:not(.ntb) {
    opacity: 0.9 !important;
}

html:not(.bulk_remove) #poll_delete_options {
    display: none;
}

html.bulk_remove #poll_save_options {
    display: none;
}


.poll_delete_button:not(.cancel-status) .status-cancel,
.poll_delete_button.cancel-status .status-delete {
    display: none;
}

.fix_bottom .btn.poll_delete_button.cancel-status,
.poll_delete_button.cancel-status {
    background: var(--btn-background) !important;
    color: var(--btn-color) !important;
}

.poll_delete_button .status-cancel {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 5px;
}

.mark_remove {
    background: var(--btn-remove-background) !important;
    /*box-shadow: 0px 0 0px 3px rgb(233 58 145);*/
    box-shadow: 0px 0 6px 4px rgb(233 58 145 / 90%);
    z-index: 4;
    outline: 3px solid rgb(233 58 145) !important;
}

.mark_remove:not(.options),
.mark_remove:not(.options) i.fa:not(.blue) {
    color: #FFF !important;
}

.options.marked_remove .btn.call_menu i:before,
html.bulk_remove .options .btn.call_menu i:before,
html.bulk_remove .js-bulk-remove i:before {
    content: "\e60a";
    color: var(--btn-remove-alert-color);
}

#delete_vote i.blue {
    color: var(--btn-remove-alert-color) !important;
}

html.bulk_remove #request_options li.options {
    pointer-events: none;
}

#request_options li.options.marked_remove {
    pointer-events: none;
    filter: grayscale(1) contrast(0.8) !important;
    box-shadow: 0px -6px 12px -8px #00000033 !important;
    height: 64px;
    transition: filter .2s ease-out;
    outline: 0 !important;
    overflow: hidden;
}

#request_options li.options.marked_remove::after {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--marked-remove-background);
    z-index: 100;
}

html.bulk_remove li.options .add_time_field_show:not(.btn-primary),
html.bulk_remove li.options .add_endtime_field_show:not(.btn-primary),
html.bulk_remove li.options textarea::-webkit-input-placeholder,
html.bulk_remove #request_options li.options.marked_remove .datebox p:nth-child(3),
html.bulk_remove #request_options li.options .time_options {
    transition: opacity .1s ease-out;
    opacity: 0;
}

html.bulk_remove .options.marked_remove .btn.call_menu i:before {
    content: "\e630" !important;
}

@media (hover: hover) {
    html.bulk_remove #request_options li.options .btn-gray:hover {
        box-shadow: 0px 0px 0px 1px #e93a91 !important;
    }
}

html.bulk_remove .bulk_remove_button {
    border-radius: 8px;
}

html.bulk_remove .bulk_remove_button,
html.bulk_remove #request_options li.options.mark_remove .btn-gray.call_menu {
    background-color: #e93a91 !important;
}

html.bulk_remove .bulk_remove_button i:before,
html.bulk_remove .options.mark_remove .btn.call_menu i:before {
    color: #fff;
}

html:not(.deleted-options-existing) .undo-remove {
    display: none;
}

html.bulk_remove #request_options li.options .btn.call_menu,
.options.marked_remove .btn.call_menu {
    pointer-events: auto !important;
}

.gback {
    background: var(--gback-background);
}

.lgback {
    background: var(--lgback-background);
}

.lbback {
    background: var(--lbback-background);
}

.woodbck {
    background: url(/img/fragab_background_wood_small.jpg) no-repeat !important;
    background-size: 100%
}

/* prevent popping up menu when holding down on elements */
.no_co,
html.is_app img,
html.is_app a,
html.is_app btn,
html.mobile img,
html.mobile a,
html .btn,
html.mobile .btn {
    -webkit-touch-callout: none; /* Safari Touch */
}

/* prevent any actions like magnifier glass etc */
/*

* {
-webkit-text-size-adjust:none;
	-webkit-user-drag: none;
	-webkit-user-modify: none;
	-webkit-highlight: none;
	-webkit-touch-callout: none;

	-webkit-user-select:    none;
	-khtml-user-select:     none;
	-moz-user-select:       none;
	-ms-user-select:        none;
	-o-user-select:         none;
	user-select:            none;
}
*/

/* prevent select text, magnifier */
html.is_app .no_cp,
html.is_app .btn,
html.is_app a,
html.mobile .no_cp,
html.mobile .btn,
.disable-user-select-text,
.unselectable {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.force_wrap {
    word-break: break-all;
    white-space: normal;
    line-height: initial !important;
}

.s-resize {
    cursor: s-resize;
}

.trans {
    background: transparent;
    border-color: transparent;
}


.fullback {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 2000;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    will-change: transform;
    animation: mmfadeIn .2s cubic-bezier(0, 0, .2, 1);
}

.fullback div {
    position: absolute;
    background: rgba(0, 0, 0, 0.35);
    border-radius: 20px;
    height: 90px;
    width: 90px;
    color: #FFF;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.drop-shadow {
    filter: drop-shadow(0px 0 30px rgba(0, 0, 0, .5));
}

.fullback div .fa-spinner {
    font-size: 50px;
}


.flag {
    margin-top: 1px;
    width: 16px;
    height: 11px;
    background: url(/img/flags.png) no-repeat;
    display: inline-block;
}

.flag-ao {
    background-position: -16px 0
}

.flag-ar {
    background-position: -32px 0
}

.flag-at,
.flag-de_at {
    background-position: -48px 0
}

.flag-au {
    background-position: -64px 0
}

.flag-be,
.flag-fr_be,
.flag-nl_be {
    background-position: -80px 0
}

.flag-bg {
    background-position: -96px 0
}

.flag-br,
.flag-pt_br {
    background-position: 0 -11px
}

.flag-ch,
.flag-de_ch {
    background-position: -16px -11px
}

.flag-cn {
    background-position: -32px -11px
}

.flag-cz {
    background-position: -48px -11px
}

.flag-de {
    background-position: -64px -11px
}

.flag-da,
.flag-dk {
    background-position: -80px -11px
}

.flag-es {
    background-position: -96px -11px
}

.flag-fi {
    background-position: 0 -22px
}

.flag-fr {
    background-position: -16px -22px
}


.flag-gb,
.flag-uk {
    background-position: -32px -22px
}

.flag-gr {
    background-position: -48px -22px
}

.flag-hr {
    background-position: -64px -22px
}

.flag-hu {
    background-position: -80px -22px
}

.flag-id {
    background-position: -96px -22px
}

.flag-ie {
    background-position: 0 -33px
}

.flag-hi,
.flag-in {
    background-position: -16px -33px
}

.flag-it {
    background-position: -32px -33px
}

.flag-jp {
    background-position: -48px -33px
}

.flag-lt {
    background-position: -64px -33px
}

.flag-lu {
    background-position: -80px -33px
}

.flag-mz {
    background-position: -96px -33px
}

.flag-nl {
    background-position: 0 -44px
}

.flag-no {
    background-position: -16px -44px
}

.flag-pl {
    background-position: -32px -44px
}

.flag-pt {
    background-position: -48px -44px
}

.flag-ro {
    background-position: -64px -44px
}

.flag-ru {
    background-position: -80px -44px
}

.flag-sv,
.flag-se {
    background-position: -96px -44px
}

.flag-si {
    background-position: 0 -55px
}

.flag-sk {
    background-position: -16px -55px
}

.flag-tr {
    background-position: -32px -55px
}

.flag-tw {
    background-position: -48px -55px
}

.flag-ua {
    background-position: -64px -55px
}

.flag-en,
.flag-en_us {
    background-position: -80px -55px
}


/*************************
*	SCROLL BIG TABLE
*************************/
.fullsize.menu_show table.list:after {
    content: '';
    position: fixed;
    right: 0;
    height: 100%;
    top: 0;
    width: 10px;
    z-index: 20;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(90%, rgba(235, 236, 239, 1)), color-stop(100%, rgba(242, 242, 247, 1)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(235, 236, 239, 1) 90%, rgba(242, 242, 247, 1) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(235, 236, 239, 1) 90%, rgba(242, 242, 247, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#f2f2f7', GradientType=1);
    display: none;
}

.menu_show .admin {
    z-index: 1001;
    padding: 0;
    position: fixed;
    top: 50px;
    width: 100%;
    max-height: 100%;
    overflow: overlay;
    box-shadow: 0px -5px 15px 5px rgb(0 0 0 / 30%);
    overscroll-behavior-y: contain;
}

.is_app.menu_show .admin {
    top: 0;
}

.fullsize.scroll #votes_form div.overflow {
    overflow-x: auto;
    /*-webkit-overflow-scrolling:touch;*/
    padding-bottom: 100px;
    /*padding-right: 10px;*/
    min-height: 205px;
    display: flex;
}

.fullsize.scroll .overflow .list_inner {
    padding-right: 0px;
}

.fullsize.scroll table.list td.na,
.fullsize.scroll table.list tr.h td:first-child,
.fullsize.scroll table.list tr.s td:first-child {
    position: absolute;
    z-index: 4;
    background: var(--vote-name-section-background);
    width: auto;
    min-width: 180px;
    max-width: 180px;
    height: 37px; /* safari fix */
    transition: filter linear .2s;
    font-weight: 500;
    color: var(--list-color);
}

.with-unlocked.fullsize.scroll table.list td.na,
.with-unlocked.fullsize.scroll table.list tr.h td:first-child,
.with-unlocked.fullsize.scroll table.list tr.s td:first-child {
    padding-right: 22px;
}


/*
.fullsize.scroll table.list td.na:not(.with-comment) > div:not(.name) {
    padding-top: 10px;
}
*/

.fullsize.scroll table.list td.na.with-comment > div:not(.name) {
    max-width: inherit;
    width: 100%;
}

.fullsize.scroll table.list tr.h td:first-child {
    z-index: 4;
    box-shadow: none;
    background: linear-gradient(to right, var(--list-background) 0%, transparent 8%);
}

html.theme.fullsize.scroll table.list tr.h td:first-child {
    background: transparent;
}

#list-table-first-td {
    position: relative;
}

html:not(.close_poll) #list-table-first-td {
    z-index: 3 !important;
}

.fullsize.scroll table.list tr.s td:first-child {
    height: 58px;
    margin-top: 1px;
    padding-top: 12px;
    background: linear-gradient(0deg, var(--list-background) 0px, transparent);
    backdrop-filter: blur(6px);
    transition: transform .2s, filter linear .2s, all .2s;
    z-index: 2;
}

html.theme.fullsize.scroll table.list tr.s td:first-child {
    backdrop-filter: none;
}

.fullsize.scroll table.list tr.s:first-child td:first-child {
    height: 60px;
    margin-top: -10px;
    padding-top: 13px;
    border-radius: 8px;
    overflow: hidden;
}

.fullsize.scroll table.list tr.n td.na {
    padding: 0;
    opacity: 1;
    z-index: 4;
}

td.na #add_comment {
    left: 4px;
    top: 4px;
    color: #FFF;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 33px;
    height: 30px;
    cursor: pointer;
    z-index: 100;
    background: linear-gradient(to right, #007CFF 20px, transparent);
}

tr.n #voter_name:hover + #add_comment,
td.na #voter_name.has_value:focus + #add_comment,
td.na #voter_name.is_empty + #add_comment {
    background: transparent;
    color: var(--primary_color_link);
}

tr.n #voter_name:hover + #add_comment + .js-comment-subline {
    display: none;
}

td.na #voter_name.is_empty + #add_comment {
    display: none;
}

td.na #voter_name.is_emtpy:hover + #add_comment {
    color: var(--primary_color_link);
    background: linear-gradient(to right, #FFF 20px, transparent);
    border-radius: 3px 0 0 3px;
}

td.na #voter_name:focus + #add_comment {
    display: none;
}

td.na #add_comment:hover {
    background: #248eff !important;
    color: #FFF !important;
    border-radius: 4px;
}

html.no_comments #add_comment,
html.no_comments #toggle_comment,
html.no_comments #comment_box,
html.no_comments .comment_line {
    display: none !important;
}

.fullsize.scroll table.list tr.e td {
    position: relative;
    box-shadow: none !important;
    height: 0 !important;
    line-height: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    padding: 0 !important;
    filter: none !important;
    background: transparent !important;
}

.fullsize.scroll #content_top.container {
    width: 100%;
    max-width: 100%;
}

.title_wrapper {
    position: relative;
    z-index: 21;
}

.fullsize.scroll .title_wrapper {
    max-width: 750px;
}

html:not(.phone).fullsize.scroll .title_wrapper {
    margin-right: 10px;
}

.fullsize.scroll .wrapper {
    padding-right: 0;
}

html.phone.fullsize.scroll .wrapper {
    margin-right: 10px;
}

.fullsize.scroll.scrolled table.list td.na {
    filter: var(--vote-name-black-shadow);
    transition: transform .2s, filter linear .2s, all .2s;
}

html.theme.fullsize.scroll.scrolled table.list td.na {
    background: #000000cc;
    border-color: transparent;
}

html.menu_show .votes_wrapper > ul.list {
    margin-top: 20px;
}

html.menu_show .votes_wrapper > h6 + ul.list {
    margin-top: 0;
}

/***********************************/
#calinf {
    position: fixed;
    bottom: 95px;
    z-index: 20
}

html.with_chat #calinf {
    justify-content: flex-end;
    padding-right: 15px;
}

#app_info_layer {
    border-radius: 16px;
    margin-bottom: 120px;
    margin-top: 60px;
    background: var(--app-info-layer-background);
    /*box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);*/
    max-width: 620px;
    font-weight: 400;
    display: none;
    color: #fff;
}


#registerform label {
    margin-left: 10px;
    font-size: 15px;
}

#registerform input[type="checkbox"] + span:before {
    margin-left: 0;
    left: 0
}

label.disabled {
    opacity: .5;
}

label.disabled input[type="checkbox"]:not(.ios):checked + span:before {
    color: var(--input-checkbox-disabled-color)
}

input[type="checkbox"].error + span:before {
    color: var(--input-checkbox-error-color);
}

.js-toggle_poll_buttons {
    display: none;
}

#poll_buttons {
    display: block;
    background: var(--admin-menu-poll-background)
}

.poll_buttons {
    overflow: hidden;
}

.nav > li.toggle_poll_menu {
    display: none;
}

#share_buttons iframe {
    height: 40px !important;
    margin-bottom: -5px;
}


.examples {
    text-align: center;
}

.share_page {
    text-align: center;
    max-width: 400px
}

.examples h1,
.share_page h1 {
    font-size: 24px;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 20px
}

.examples h2 {
    font-weight: 500;
    padding-bottom: 14px;
    line-height: 18px;
    font-size: 22px;
    margin: 0;
}

.example_options,
.share_page_options {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    row-gap: 20px;
}

.example_options {
    row-gap: 50px;
}

.example_links {
    padding-top: 8px;
    color: var(--body-light-color);
    display: flex;
    column-gap: 8px;
}

.example_poll_message {
    background: var(--top-navbar-background);
    color: var(--navbar-color);
}

.example_poll_message a {
}

.example_poll_message h1 {
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 10px 0 !important;
}

.share_page_options li {
    width: 33.33%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    align-content: center;
}

.example_options li {
    width: 33.33%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    column-gap: 12px;
}

.example_img {
    height: 97px;
    border-radius: 10px;
    padding: 2px;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 25%);
}

.self-full {
    width: 100% !important;
}

.share_page_options .btn {
    background: var(--shade-background);
}

.share_page_options .btn-round {
    width: 68px;
    height: 68px;
    display: flex;
    border-radius: 34px;
    justify-content: center;
    align-items: center;
}

.share_page_options .btn-round > i.fa {
    color: #FFF;
    top: auto;
    font-size: 34px;
}

.share_page_options .btn-round:hover {
    opacity: .9;
}

.share_page_options .embed_code {
    padding: 3px 10px 3px 8px;
    height: 50px;
    text-wrap: auto;
    line-height: 12px;
    font-size: 11px;
    text-align: left;
    color: var(--body-light-color);
}

.share_page_options .embed_code_data {
    background: transparent;
    border: 0;
    width: 100%;
    font-size: 10px;
    height: 100%;
    line-height: 10px;
}

.sp-title {
    font-weight: 500;
    padding-top: 10px;
    line-height: 18px;
}

.alert#close_action .btn {
    min-width: 200px
}

.js-change-to-original-name {
    cursor: pointer;
}

.headless-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-height: calc(var(--headless-space) + var(--headless-menu));
    z-index: 10000;
    padding: 0;
    font-size: 17px;
}

.headless-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: var(--headless-menu);
    padding-top: 10px;
}

.headless-menu div {
    height: 100%;
    display: flex;
    align-items: center;
    color: var(--navbar-color);
    min-width: 50px;
    justify-content: center;
    padding: 0 10px !important;
    font-weight: 500;
    column-gap: 15px;
}

.headless-spacer {
    height: var(--headless-space) !important;
}

.headless-menu div:hover {
    background: inherit;
    color: #FFF;
}


.headless-header {
    background: var(--navbar-background);
}

html.is_app.menu_voted .headless-header {
    background: transparent;
}

html.is_app.has_image .headless-header {
    /*transition: all .2s ease-out;*/
    background-color: transparent;
    background-image: linear-gradient(
            to bottom,
            hsla(0, 0%, 0%, 0.78) 0%,
            hsla(0, 0%, 0%, 0.774) 7.1%,
            hsla(0, 0%, 0%, 0.758) 13.5%,
            hsla(0, 0%, 0%, 0.731) 19.5%,
            hsla(0, 0%, 0%, 0.696) 25.2%,
            hsla(0, 0%, 0%, 0.652) 30.6%,
            hsla(0, 0%, 0%, 0.602) 35.9%,
            hsla(0, 0%, 0%, 0.546) 41.3%,
            hsla(0, 0%, 0%, 0.485) 46.8%,
            hsla(0, 0%, 0%, 0.419) 52.6%,
            hsla(0, 0%, 0%, 0.351) 58.7%,
            hsla(0, 0%, 0%, 0.281) 65.4%,
            hsla(0, 0%, 0%, 0.21) 72.8%,
            hsla(0, 0%, 0%, 0.139) 80.9%,
            hsla(0, 0%, 0%, 0.068) 90%,
            hsla(0, 0%, 0%, 0) 100%
    );
}


html.is_app.menu_new {

    .headless-header {
        background: var(--navbar-dark-background);
    }

    .headless-menu div {
        color: var(--navbar-color);
        column-gap: 0px
    }
}

html.is_app.menu_show:not(.header-background-filled):not(.has-poll-buttons-open):not(.has_image) {
    .headless-header {
        background: var(--navbar-light-background);
        backdrop-filter: blur(27px);
    }

    .headless-menu div {
        color: var(--navbar-light-color);
    }
}


html.theme.is_app.menu_show:not(.header-background-filled):not(.has-poll-buttons-open):not(.has_image) {
    .headless-header {
        background: transparent;
        backdrop-filter: blur(2px);
    }

    .headless-menu div {
        color: #fff;
    }
}

html.theme.header_scroll_behind.is_app.menu_show:not(.header-background-filled):not(.has-poll-buttons-open):not(.has_image) {
    .headless-header {
        background: var(--navbar-theme-background) !important;
        backdrop-filter: blur(27px);
        border-color: transparent;
        box-shadow: 0px 6px 11px 0px rgb(0 0 0 / 36%);
    }
}


html.is_app.menu_new.input_focussed .headless-header {
    /*background: linear-gradient(180deg, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, .20) 50%, transparent) !important;*/
    /*
        background: linear-gradient(
                to bottom,
                #000 0%,
                #000 var(--headless-space),
                hsla(0, 0%, 0%, 0) var(--headless-space),
                hsla(0, 0%, 0%, 0) 100%
        ) !important;
    */
    background: transparent !important;
}


html.is_app.header-background-filled .headless-header,
html.is_app.has-poll-buttons-open .headless-header {
    background: var(--navbar-dark-background);
    transition: background-image .05s;
}

html.is_app:not(.has_image) .headless-header {
    transition: box-shadow .3s;
}

html.is_app.header_scroll_behind:not(.has_image):not(.header-background-filled):not(.has-poll-buttons-open) .headless-header {
    box-shadow: var(--navbar-border-bottom-shadow);
    background: var(--navbar-light-background) !important;
}

html.is_app.header_scroll_behind.has_image:not(.header-background-filled) .headless-header {
    /*backdrop-filter: blur(20px);*/
    transition: all .2s ease-out;
    /*background: var(--navbar-light-background);*/
    /*box-shadow: var(--navbar-border-bottom-shadow);*/
}

html.is_app.header_scroll_behind.has_image:not(.header-background-filled) .headless-menu div {
}


html.is_app.has_image:not(.has-poll-buttons-open):not(.is_closed) .headless-menu div {
    text-shadow: 0 0 20px #00000099;
}

.if-has-poll-buttons-open {
    display: none !important;
    width: 59px;
}

html.is_app.has-poll-buttons-open .if-has-poll-buttons-open {
    display: flex !important
}

html.is_app.has-poll-buttons-open .ifnot-has-poll-buttons-open {
    display: none !important
}

html.headless .poll_buttons .hide-if-headless {
    display: none;
}

html.is_app.headless:not(.has_image) body {
    padding-top: calc(var(--headless-space) + var(--headless-menu));
}

html.is_app.menu_voted.headless body,
html.is_app.headless.has_image body {
    padding-top: 0;
}

html.is_app.menu_voted.headless .success-message {
    padding-top: calc(var(--headless-space) + 50px);
}

html.is_app.headless #closed_wrapper,
html.is_app.headless.menu_show .admin {
    top: calc(var(--headless-space) + var(--headless-menu));
}

html.is_app.headless.menu_show:not(.has-poll-buttons-open) .admin {
    box-shadow: none;
    display: none;
}

html.is_app.headless.menu_show .admin #poll_buttons {
    display: block;
}

html.is_admin .hide-if-admin,
html:not(.is_admin) .hide-if-not-admin {
    display: none;
}

html.is_app.headless .mdtoast[data-position*='top'] {
    padding-top: calc(var(--headless-space) + 5px)
}

html.is_app.menu_show.is_closed:not(.has-poll-buttons-open) .headless-header {
    background: #5b1ca1;
}

/*
html.is_app.headless #closed_wrapper {
    padding-top: calc(var(--headless-space) + var(--headless-menu))
}
*/

html.is_app.input_focussed .headless-menu,
html.is_app.input_focussed.menu_show .alert.admin {
    opacity: 0;
    pointer-events: none;
}

html.is_app.input_focussed .headless-header {
    transition: all .2s ease-out;
    background: transparent;
    background-color: transparent;
    /*    background-image: linear-gradient(
                to bottom,
                hsla(0, 0%, 0%, 0.3) 0%,
                hsla(0, 0%, 0%, 0.25) 6%,
                hsla(0, 0%, 0%, 0.2) 12%,
                hsla(0, 0%, 0%, 0.1) 25%,
                hsla(0, 0%, 0%, 0.05) 35%,
                hsla(0, 0%, 0%, 0.01) 45%,
                hsla(0, 0%, 0%, 0) 50%
        );*/
    background-image: none;
}

html.menu_voted .success-password-wrapper .success-message {
    background: linear-gradient(353deg, #34a800, #1cd100 40%, #c8ff00) !important;
}


html:not(.is_app).menu_voted .success-password-wrapper {
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 50%);
    margin: 15px 0;
    border-radius: 16px;
    overflow: hidden;
    border: 0 !important;
}

html:not(.is_app).menu_voted .success-password-wrapper .success-message {
    margin: -5px;
    padding: 20px 20px 10px;
}

html.menu_voted .success-password-wrapper .help.alert {
    padding: 20px 30px 10px;
}

html:not(.is_app).menu_voted .success-password-wrapper .pwd_title {
    font-size: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
    font-weight: 600;
}

html:not(.is_app).menu_voted .success-password-wrapper {
    animation: scaleInApp 0.7s cubic-bezier(0, 0, .2, 1);
}


@keyframes scaleInApp {
    0% {
        border-radius: 50px;
        transform: scale(0.5) translateY(100px);
        opacity: 0;
        overflow: hidden;
    }
    99% {
        overflow: hidden;
    }
    100% {
        opacity: 1;
    }
}

.action_table {
    display: flex;
    flex-direction: column;
}

.action_table > div {
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid var(--faq-question-border-color);
    padding: 8px 0;
}

.action_time {
    display: flex;
    flex-direction: column;
    padding-right: 30px;
}


overlay {
    position: fixed;
    z-index: 999998;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .4;
    transform-style: preserve-3d;
    animation: overlay .2s cubic-bezier(0, 0, .2, 1);
}

@keyframes overlay {
    0% {
        opacity: 0
    }
    to {
        opacity: .4
    }
}


.pp.bubble.freetext_popup .freetext_popup_option {
    text-align: left;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    column-gap: 15px;
}

.pp.bubble.freetext_popup .freetext_popup_option .fa:before {
    content: "\e609";
    display: none;
}

.pp.bubble.freetext_popup .freetext_popup_option.inactive .fa:before {
    display: block;
}

.pp.bubble.freetext_popup .freetext_private_option .fa:before {
    content: "\e622";
    color: var(--bubble-color_inactive) !important;
    display: block;
    left: -1px;
    position: relative;
}

.pp.bubble.freetext_popup .freetext_private_option.inactive .fa:before {
    content: "\e609";
}


#request_options .option_actions .hide_column.with_hide_column,
#request_options .option_actions .blocked_column.with_blocked_column {
    display: block;
}


.hidden_column_badge,
.hidden_column_badge_vertical {
    position: relative;
    top: -20px;
    background: var(--hidden-column-badge-background);
    color: var(--hidden-column-badge-color);
    border-radius: 16px;
    padding: 3px 6px;
    min-height: 20px;
    font-size: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 10px;
}

.hidden_column_badge.only_time {
    top: -9px;
}

html.compact .hidden_column_badge {
    top: -15px;
}

html.compact .hidden_column_badge.only_time {
    top: -10px;
}


.hidden_column_badge_vertical {
    position: absolute;
    top: 3px;
    flex-wrap: nowrap;
    margin-left: -28px;
}

.deleted_column_badge {
    background: var(--deleted-column-badge-background);
}


/**********************************************************************************
    RESPONSIVE
**********************************************************************************/
/* PHONES VERTICAL */
@media (max-width: 767px) {

    .home_header.has_next_shape {
        padding-bottom: 40px;
    }

    .shape_wave {
        height: 70px;
        margin-top: -70px;
    }

    .pp button,
    .bigbutton {
        padding: 10px 10px 10px 45px;
        color: var(--bubble-white-btn-color);
    }

    .pp .bottom-info {
        border-top: 0;
    }

    @media (hover: hover) {
        .btn-primary:hover,
        .btn-primary:focus {
            background: #007CFF !important;
            color: #FFF !important;
        }
    }

    html.menu_webaccount #content_top {
        padding-bottom: 120px;
    }

    mcontainer {
        max-width: calc(100vw - 40px);
    }

    .menu_show .navbar-collapse {
        box-shadow: -11px 0px 20px rgb(0 0 0 / 30%);
        max-height: calc(100vh - 50px);
    }

    .on_phone #homearrow {
        display: block;
        position: absolute;
        left: -20px;
        top: 2px;
    }

    .on_phone #homearrow + #nav_logo_toggle {
        margin-left: 30px;
    }

    .navbar {
        background: var(--navbar-background);
    }

    html.menu_show.is_closed {
        --navbar-background: var(--list-closed-background);
    }

    html.has-poll-buttons-open .navbar {
        background: var(--navbar-dark-background);
    }

    .navbar-collapse {
        text-align: center;
        padding-right: 0;
        padding-bottom: 24px;
        padding-top: 0;
        box-shadow: -8px 0px 20px rgba(0, 0, 0, 0.3);
    }

    .navbar-collapse #nav_logo,
    .navbar-collapse #nav_logo_toggle,
    .navbar-collapse #account_menu_link {
        display: none;
    }

    .container.header-navbar {
        max-width: 100%;
        padding-right: 0;
        padding-left: 0;
    }

    .navigation .account-photo {
        margin-top: -3px;
        border-radius: 50%;
        width: 40px;
        border: 1px solid rgba(255, 255, 255, 0.5);
        margin-left: -60px;
    }

    .navigation .small-account-toggle .account-photo {
        margin-left: 0px;
    }

    .navigation i.fa-bars + .account-photo {
        margin-left: 0;
    }

    .navbar-collapse > ul > li > a {
        background: #FFF;
        margin: 0 20px 0 20px;
        color: #2f2f2f !important;
        line-height: 28px;
        font-size: 19px;
        padding: 3px;
        outline: none;
        border-bottom: 1px solid #eaeaea;
    }

    .navbar-collapse > ul > li:last-child > a:not(#switch_lang) {
        border-bottom: 0;
    }

    .navbar-collapse .navbar-nav.navbar-right:last-child {
        margin-right: 0;
    }

    .menu_account #content_box {
        padding-left: 10px;
        padding-right: 10px;
    }

    .info_overflow,
    #content_box {
        border-radius: 0
    }

    .menu_account #content_box {
        padding-top: 10px;
    }


    .container > .navbar-collapse {
        right: -100%;
        transition: right .2s ease-in-out;
    }

    .container > .navbar-collapse.in {
        background: var(--menu-background);
        position: fixed;
        min-height: 100%;
        right: 0;
        width: 70%;
        top: 0;
        padding-top: 40px;
        z-index: 2;
    }

    .navbar-toggle:not(.collapsed) #menu_icon {
        z-index: 3;
        transform: rotate(90deg);
    }

    .navbar-toggle:not(.collapsed) #menu_icon:before {
        content: "\e905";
    }

    .navbar-collapse > ul > li > a {
        background: transparent;
        margin: 0 20px 0 20px;
        color: #fff !important;
        line-height: 40px;
        padding: 3px;
        outline: none;
        border-bottom: 1px solid #ffffff3d;
    }

    .navbar-collapse > ul > li > a:hover {
        background: #f0f0f01c !important;
    }

    #recent_lists,
    html:not(.menu_show):not(.menu_info):not(.menu_webaccount):not(.menu_account):not(.menu_packages):not(.menu_done):not(.menu_voted):not(.menu_actions):not(.menu_chat):not(.menu_retentions):not(.is_modal):not(.menu_newsletter) #content_top,
    body .breadcrumbs,
    html.menu_votes #content_box,
    html.menu_lists #content_box,
    html.menu_account #content_box,
    html.menu_new #content_top {
        padding-left: 20px;
        padding-right: 20px;
    }

    html.menu_new modal #content_top {
        padding-left: inherit;
        padding-right: inherit;
    }

    .menu_register footer,
    .menu_login footer {
        padding-left: 10px !important;
    }

    .content {
        padding: 10px !important;
        padding-top: 0 !important;
    }

    #new_request h6 {
        padding-left: 7px;
        padding-right: 7px;
    }

    #new_request .submit_form {
        margin-right: 10px;
    }

    #menu_icon {
        font-size: 28px;
        position: relative;
        top: 6px;
        transition: transform 0.2s;
    }

    .content_padding,
    .voted-navigation {
        margin: 20px 15px;
    }

    html.menu_voted .success-password-wrapper,
    html.menu_done .success-link-wrapper,
    html.menu_voted #notification .form-group {
        border-radius: 0;
    }

    html.is_app.menu_voted .success-password-wrapper {
        top: -1px;
    }

    html:not(.is_app).menu_voted .success-password-wrapper {
        margin: 15px;
    }

    .s_xs {
        font-size: 13px;
    }

    .w100p_xs {
        width: 100%;
    }

    .tac_xs {
        text-align: center;
    }

    table.list tr.h td:first-child {
        min-width: 100%;
    }

    table.list td {
        padding: 6px
    }

    table.list tr.v td.na {
        padding-left: 0;
    }

    .fullsize #voter_name,
    .desktop #voter_name,
    .tablet #voter_name {
        min-width: 115px;
        text-overflow: ellipsis;
        line-height: 16px;
        width: auto;
        max-width: 50%;
    }

    .tablet #voter_name,
    .fullsize #voter_name,
    .desktop #voter_name {
        max-width: 100%;
        width: 100%;
    }

    .fullsize #voter_name:focus {
        transition: all .1s ease-out;
    }

    .languages li {
        width: 50%
    }

    label.select {
        width: 100%
    }

    .select select {
        min-width: 100%;
    }

    .help {
        font-size: 15px;
        line-height: 18px;
    }

    .admin a.btn:not(.inline-btn) {
        width: 100%;
        margin: 3px 0;
        text-align: left;
        margin: 1px 0 0;
        border-radius: 0;
    }

    .admin a.btn:not(.inline-btn):first-child {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

    .admin a.btn:not(.inline-btn):last-child {
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    #jalert_overlay.fullscreen {
        opacity: 1 !important;
        background: var(--jalert-container-background) !important;
    }

    #jalert_container {
        width: auto !important;
        min-width: inherit !important;
        min-width: 350px !important;
        max-width: calc(100% - 40px) !important;
    }

    #jalert_container.fullscreen {
        min-width: calc(100% - 0px) !important;
        max-width: calc(100% - 0px) !important;
        border-radius: 0 !important;
    }

    .header_message {
        margin: 0;
        position: sticky;
        /*top: 97px;*/
        top: 50px;
    }

    html.is_app .header_message {
        top: calc(var(--headless-space) + var(--headless-menu));
    }

    .fullsize.scroll table.list td.na,
    .fullsize.scroll table.list tr.h td:first-child,
    .fullsize.scroll table.list tr.s td:first-child {
        min-width: 160px;
        max-width: 160px;
        width: 160px;
    }

    html.scrolled-left-threshold-extended.fullsize.scroll table.list tr.s td:first-child,
    html.scrolled-left-threshold-extended.fullsize.scroll table.list td.na {
        /*min-width: min(90%, 270px);*/
        max-width: min(90%, 270px) !important;
        width: min(90%, 270px) !important;
    }

    html.scrolled-left-threshold-extended.list_type_options.fullsize #voter_name {
        width: min(100%, 270px) !important;
    }

    html.scrolled-left-threshold-extended.fullsize.scroll table.list td.na.with-comment > div:not(.name) {
        max-width: 100% !important;
    }

    .fullsize.scroll:not(.compact) table.list td.na > div:not(.name) {
        padding-top: 0px;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 18px;
    }

    html:not(.compact):not(.input_focussed):not(.block-scrolled-left-threshold).fullsize.scroll.scrolled-left-threshold table.list tr.s td:first-child,
    html:not(.compact):not(.input_focussed):not(.block-scrolled-left-threshold).fullsize.scroll.scrolled-left-threshold table.list td.na {
        transform: translateX(-80px);
    }

    .add_date_field_show {
        width: 100px
    }

    #request_options li.options {
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
    }

    #request_options li.options .btn.call_text_button {
        width: 100px;
    }


    #request_options li.options.drag_shadow .group {
        margin-left: 4px !important;
        margin-right: 4px !important;
    }

    #request_options .add_date_span .remove {
        right: -15px !important;
        left: auto !important;
    }

    .box_expanded .add_date_field_show {
        /*width: 100px;*/
        /*padding-left: 8px;*/
    }

    #request_options .add_time_field_show {
        left: 110px;
    }

    #request_options .add_endtime_field_show {
        left: 170px
    }

    html.t12 #request_options .add_endtime_field_show {
        left: 195px;
    }

    /*    .arrow_box.time:after {
            left: 180px;
        }

        .arrow_box.endtime:after {
            left: 214px !important;
        }*/
    .call_location_button,
    .call_image_button {
        width: 40px;
        min-width: 40px;
        padding: 0 !important;
    }

    .call_image_button {
        right: 10px
    }

    #request_options li.options .btn.call_image_button {
        min-width: 0;
        right: auto;
        position: relative;
    }

    .call_menu {
        right: 10px;
        position: absolute;
    }

    .title_wrapper h6 {
        font-size: 12px;
        margin: -10px -10px 0px -10px;
        padding: 20px 20px;
        padding-right: 90px;
        padding-bottom: 0;
        background: var(--list-description-background);
        border-radius: 0;
        color: var(--list-description-color-light);
        z-index: 1
    }

    .title_wrapper.no_avatar h6 {
        padding-right: 20px;
    }

    .title_wrapper .avatar {
        top: -22px;
        right: 20px;
        width: 70px;
        height: 70px;
        left: auto;
        border-radius: 5px;
        border: none;
    }

    #show_title {
        margin: -1px -10px 10px -10px;
        padding-top: 5px;
        border-radius: 0;
        min-height: 100px;
    }

    #show_title .avatar + h2,
    #show_title h2 {
        margin-top: 0;
        margin-right: 85px;
    }

    .basics.inline_label i.remove {
        right: 50px;
        top: -5px !important;
    }

    .add_location_span.inline_label i.remove {
        right: 90px;
        top: -4px !important;
    }

    .new > .alert {
        margin: 0 -5px;
        padding-left: 15px;
        background: #007CFf;
        color: rgba(255, 255, 255, 0.6);
    }

    .alert#close_action {
        border-radius: 0;
    }

    html.mobile .alert#close_action {
        margin: -10px -10px 10px;
    }

    .menu_new #add_desc_span textarea {
        min-height: 60px;
    }

    .title_wrapper #show_title + .alert,
    .title_wrapper .alert + .alert {
        margin: -10px -10px 0 -10px;
        border-radius: 0;
    }

    .menu_info footer ul {
        margin-left: auto;
    }

    .menu_support #feedback_form {
        background: var(--feedback-background);
        padding: 10px;
        border-radius: 0;
        border: 0 !important;
        /*padding-bottom: 25px;*/
        padding-bottom: calc(env(safe-area-inset-bottom) + 10px);
    }

    .feedback #feedback {
        border-radius: 0;
        margin-bottom: 16px;
    }

    .feedback #feedback,
    #submit_feedback {
        font-size: 20px
    }

    #submit_feedback {
        /*bottom: 29px !important;*/
        bottom: calc(env(safe-area-inset-bottom) + 14px) !important;
    }

    html.is_app #submit_feedback {
        bottom: 44px !important;
    }

    html.is_flutter_android #submit_feedback {
        bottom: calc(env(safe-area-inset-bottom) + 10px) !important;
    }

    .menu_feedback #feedback_form {
        background: var(--body-light-background);
        box-shadow: 0 0px 10px 5px rgb(0 0 0 / 15%);
    }

    #feedback_area {
        background: var(--input-field-flexible-background)
    }

    #feedback_form .badge {
        font-size: 13px;
        text-overflow: ellipsis;
        overflow-x: clip;
        margin: 0;
        padding: 6px 8px;
    }

    .new {
        margin-top: 20px;
        padding-bottom: 300px;
    }


    table.list #actions,
    .fix_bottom {
        position: fixed;
        bottom: 0;
        width: 100%;
        background: var(--footer-fixed-background);
        color: #FFF;
        text-align: center !important;
        margin: 0;
        padding: 10px;
        padding-bottom: 10px;
        z-index: 100;
        left: 0;
        box-shadow: 0 0 25px -10px rgb(0 0 0 / 50%);
    }

    html.menu_show.list_type_yesno.phone
    .fix_bottom {
        box-shadow: none;
    }

    .bottom_vote_menu {
        background: var(--footer-fixed-background);
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    html.theme:not(.list_type_yesno) .bottom_vote_menu,
    html.theme table.list #actions,
    html.theme:not(.list_type_yesno) .fix_bottom {
        background: #00000073;
        backdrop-filter: blur(17px);
    }

    html table.list #actions,
    html .fix_bottom {
        padding-bottom: calc(env(safe-area-inset-bottom) + 10px);
    }

    /*html.is_ios table.list #actions,*/
    /*html.is_ios .fix_bottom,*/
    html.is_flutter_ios table.list #actions,
    html.is_flutter_ios .fix_bottom {
        /*padding-bottom: 30px;*/
        padding-bottom: env(safe-area-inset-bottom);
    }


    html.input_focussed.menu_show.list_type_options .bottom_vote_menu,
    html.input_focussed.menu_show.list_type_options table.list #actions {
        display: none !important;
    }

    html.option_calendar_opened.menu_new .fix_bottom,
    html.input_focussed.menu_new .fix_bottom {
        position: absolute;
        background: inherit;
        box-shadow: none;
        padding-left: 0;
        padding-right: 0;
    }

    @media (max-height: 540px) {
        html.is_ios table.list #actions,
        html.is_ios .fix_bottom,
        html.is_flutter_ios table.list #actions,
        html.is_flutter_ios .fix_bottom {
            padding-bottom: 10px;
        }

        html.menu_new .fix_bottom {
            transform: translateY(80px);
            transition: all .05s linear;
            animation: setToBottom 0s ease-in .5s;
            animation-fill-mode: forwards;
        }

        @keyframes setToBottom {
            to {
                transform: translateY(0);
                width: calc(100% + 40px);
                padding-bottom: 25px;
                margin-left: -20px;
                position: absolute;
                height: inherit;
            }
        }

    }

    /*table.list #actions #delete_vote .fa, */
    table.list #actions .btn,
    .fix_bottom #no_options,
    .fix_bottom #save_vote_button,
    .fix_bottom #add_vote_button,
    .fix_bottom .btn:not(.btn-clear):not(.btn-bordered):not(.poll_delete_button) {
        color: #FFF !important;
    }

    html.menu_account .submitform {
        transform: unset !important;
    }

    table.list #actions .btn,
    .fix_bottom #no_options,
    #new_request .submit_form,
    .fix_bottom .submitform,
    .fix_bottom #save_vote_button,
    .fix_bottom #add_vote_button {
        /*box-shadow: inset 0 0 0 1px #ffffff63;*/
        flex-grow: 1;
        background: #007CFF;
        margin: 0;
        font-size: 18px;
        font-weight: 500;
    }

    .fix_bottom {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .fix_bottom .btn {
        margin: 2px 0 2px 0 !important;
        min-width: 52px;
    }

    html.menu_account .fix_bottom .submitform {
        float: none;
        top: unset;
        right: unset;
    }

    html.menu_new .fix_bottom {
        padding-left: 20px;
        padding-right: 20px;
    }

    table.list #actions {
        left: 0 !important;
        top: auto;
        z-index: 200;
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: 10px;
        padding-left: 20px;
        padding-right: 20px;
    }

    #action_row,
    #action_row td {
        height: 0px !important;
        z-index: inherit !important;
        border: none !important;
        transition: height .3s ease;
    }

    #action_row.active,
    #action_row.active td {
        height: 20px !important;
        /*background: linear-gradient(0deg, #00000026 -60px, transparent 15px);*/
        border-bottom: 0px solid #d1d1d7 !important;
    }


    table.yes_no #action_row,
    table.yes_no #action_row td {
        height: 0px !important;
    }

    table.list #actions #delete_vote {
        position: relative;
        flex-grow: 0;
        width: 50px;
        /*padding: 10px 12px 0;*/
    }

    html:not(.phone) .chat-button {
        bottom: 30px;
    }

    html:not(.phone).action_row_open .chat-button {
        bottom: 90px;
        transition: bottom .5s ease;
    }

    .fullsize.scroll #votes_form div.overflow {
        padding-bottom: 120px;
        padding-right: 60px;
        margin-bottom: 60px;
    }

    html.theme.fullsize.scroll #votes_form div.overflow {
        padding-bottom: 180px;
    }

    ul.list li {
        margin: 6px 10px !important;
        border-radius: 10px;
    }

    html.list_type_yesno.menu_show #votes_form {
        padding-bottom: 220px;
    }

    html.phone.list_type_options.menu_show #votes_form {
        padding-bottom: 100px;
    }

    .hide-if-medium {
        display: none !important;
    }

    .closed_poll_result {
        overflow: overlay;
        flex-wrap: nowrap;
        padding-left: 20px;
        padding-right: 20px;
        justify-content: flex-start;
        display: flex;
    }

    .closed_poll_result .final {
        flex-grow: 1;
        position: relative;
    }

    ol.breadcrumbs_list li {
        padding: 5px 0;
        font-size: 16px;
    }

    ol.breadcrumbs_list li:after {
        font-size: 12px;
    }

    html:not(.menu_account) #sidebar {
        margin-bottom: 0px !important;
        position: sticky;
        top: 50px;
        z-index: 1001;
        background: var(--sidebar-background);
        padding-top: 10px
    }

    html:not(.menu_account) .nav-pills > li:not(.active) {
        height: 0;
        opacity: 0;
        margin: 0;
        transition: all .2s ease-in-out;

    }

    html:not(.menu_account) #sidebar.uncollapsed .nav-pills > li:not(.active) {
        height: 44px;
        opacity: 1;
    }

    html:not(.menu_account) .nav-pills > li {
        font-size: 20px;
    }

    html:not(.menu_account) .nav-pills > li.active {
        background: var(--btn-primary-background);
        color: var(--btn-primary-color);
    }

    html:not(.menu_account) #sidebar .nav > li > a {
        background: transparent;
    }

    html:not(.menu_account) #sidebar .nav > li.active:after {
        content: '\e902';
        position: absolute;
        font-family: 'fa' !important;
        right: 5px;
        font-size: 32px;
        color: var(--btn-primary-color);
        top: -1px;
        transition: transform .3s ease-in-out;
        transform: rotate(-270deg);
    }

    html:not(.menu_account) #sidebar.uncollapsed .nav > li.active:after {
        opacity: 0;
        transform: rotate(-90deg);
    }

    html:not(.menu_account) #sidebar.uncollapsed {
        box-shadow: 0px -5px 15px 5px rgb(0 0 0 / 30%);
        padding-bottom: 10px;
    }


    html .title_wrapper *:not(bubble):not(.btn):not(event):not(.cal-ev):last-child {
        border-radius: 0 0 10px 10px !important;
    }

    html .title_wrapper {
        margin-right: 30px !important;
        margin-left: 20px !important;
        margin-top: 20px !important;
        border-radius: 10px;
        filter: drop-shadow(2px 4px 6px #00000010);
    }

    html.list_type_yesno .title_wrapper,
    html.phone .title_wrapper {
        margin-right: 20px !important;
    }

    html .title_wrapper h6 {
        border-radius: 10px 10px 0 0;
        padding: 12px 100px 5px 20px;
    }

    #avatar {
        mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 0) 100%);
        mask-repeat: no-repeat;
        mask-position: bottom;
        mask-size: 100% 100%;
    }

    .badge-notification.settings_selected_count {
        top: 8px;
    }


}

@media (max-width: 670px) {

    .example_options li {
        width: 50%;
    }

    .example_options {
        row-gap: 40px;
    }
}


@media (max-width: 600px) {

    .setting_expand .setting_wrapper {
        flex-direction: column;
    }


    .title_wrapper img.qrcode {
        display: none;
    }
}

/*@media (max-width: 549px) {*/
@media (max-width: 767px) {

    mcontainer {
        padding-left: 30px;
        padding-right: 30px;
    }


    .menu_register footer,
    .menu_login footer {
        padding-left: inherit !important;
        text-align: center;
    }

    .menu_register footer a:first-child,
    .menu_login footer a:first-child {
        padding-left: 15px;
    }

    html.is_app modal:not(.fullscreen) mcontainer {
        max-height: calc(100vh - 100px);
    }

    mclose {
        left: calc(100% - 60px);
    }

    .menu_home ul.topmenu {
        float: none;
        margin: 5px auto 20px;
        width: fit-content;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

    .menu_home .topmenu li + li {
        box-shadow: none;
    }

    .js-toggle_poll_buttons:hover,
    .js-toggle_poll_buttons:active {
        background: #007CFF;
    }

    .js-toggle_poll_buttons {
        display: block;
        padding-left: 20px !important;
    }

    .js-toggle_export_buttons:after,
    .js-toggle_poll_buttons:after {
        content: '\e902';
        position: absolute;
        font-family: 'fa' !important;
        right: 18px;
        font-size: 32px;
        color: #ffffffba;
        top: 4px;
        transition: transform .2s ease-in-out;
    }

    .js-toggle_poll_buttons:after {
        top: 5px;
        top: 0px;
        left: -12px;
        right: unset;
        transition: all .2s ease-in-out;
        opacity: 0
    }

    .js-toggle_export_buttons.open:after,
    .js-toggle_poll_buttons.open:after {
        transform: rotate(-270deg);
        opacity: 1
    }

    #export_buttons,
    #poll_buttons {
        display: none;
        overflow: hidden;
    }

    .poll_buttons a.btn {
        border: none;
        /*border-top: 1px solid transparent;*/
        border-radius: 0 !important;
        margin: 0;
        padding: 5px 15px;
        font-size: 17px;
        position: relative;
        box-shadow: 53px 0px 0px 1px rgb(0 0 0 / 15%);
        overflow: hidden;
    }

    .poll_buttons a.btn:not(.btn-dark) {
        background: var(--navbar-background) !important;
    }


    .poll_buttons a.btn:first-child {
        box-shadow: none;
    }

    .poll_buttons a.btn > .fa.med {
        top: 9px
    }

    @media (hover: hover) {
        .poll_buttons a.btn:hover {
            box-shadow: none;
        }
    }

    html:not(.is_app).menu_show body {
        /*padding-top: 97px;*/
        padding-top: 50px
    }

    html.menu_home .account-photo {
        top: 14px;
    }

    .chat-wrapper {
        width: 100%;
        border-radius: 15px 15px 0 0;
        height: calc(100vh - 135px);
        padding-bottom: 110px;
    }


    #chat_form {
        width: 100%;
        background: var(--chat-form-background);
    }

    #chat_area {
        width: calc(100% - 30px);
        margin-left: 15px;
        /*margin-bottom: 40px;*/
        margin-bottom: env(safe-area-inset-bottom);
    }

    #submit_chat {
        right: 25px;
    }

    /*
    #avatar-title {
        display:none
    }
    */
    .avatar-first {
        display: block;
    }

    .headless .avatar-first {
        height: 160px;
    }

    #show_title .avatar {
        display: none;
    }

    #show_title .avatar + h2, #show_title h2 {
        margin-right: 0;
        min-height: 35px;
    }

    #app_info_layer {
        display: block;
        margin: auto;
        max-width: calc(100% - 40px);
    }

    @media (hover: none) {
        #app_info_layer .btn:hover,
        #app_info_layer .btn:hover {
            background: var(--btn-white-background_hover);
            color: var(--btn-white-color_hover);
        }
    }

    .hide-if-small,
    html.is_admin .hide-if-admin-small,
    html:not(.is_admin) .hide-if-not-admin-small {
        display: none !important;
    }

    .action_table > div {
        flex-direction: column;
    }

    .action_time {
        flex-direction: row-reverse;
        padding-right: 0;
        justify-content: space-between;
        padding-bottom: 5px;
    }


    html.has-expired-options .sort_options span {
        display: none;
    }

    html.has-expired-options .sort_options .icon-sort-date {
        display: block !important;
    }

    #avatar + .poll-wrapper {
        margin-top: -100px !important;
    }

    html.menu_new.logged_in .navigation li,
    html.menu_account .navigation li {
        width: 30%;
    }

    html.menu_new.logged_in li.small-account-toggle,
    html.menu_account li.small-account-toggle {
        width: 70%;
    }

    .small-account-toggle {
        text-align: right;
    }

    html.menu_new.logged_in .account_username.member,
    html.menu_account .account_username.member {
        width: 160px;
    }

    html.menu_new.logged_in .navbar-right-menu,
    html.menu_account .navbar-right-menu {
        display: none !important;
    }

    .slidebar0 {
        transform: translate(0px, 0px);
        -webkit-transform: translate(0px, 0px);
    }

    .navigation .small-account-toggle .account-photo {
        margin-right: 35px;
    }
}

/* SMALL PHONES (IPHONE 3-5) */
@media (max-width: 320px) {

    #request_options .add_time_field_show {
        left: 155px;
    }

    .done_link {
        font-size: 15px;
    }

    .add_date_field_show {
        width: 150px
    }

    .btn.call_text_button {
        width: 80px;
    }

    .box_expanded .add_date_field_show {
        width: 140px;
    }

    #request_options .add_time_field_show {
        left: 142px;
    }

    .add_date_span .btn {
        padding: 0 10px;
    }

    #request_options .add_endtime_field_show {
        left: 203px;
    }

    #request_options .add_endtime_field_show.btn-primary:before {
        left: -5px;
    }

    .add_time_field_show, .add_endtime_field_show {
        min-width: 60px;
    }

    #request_options .text_span {
        margin-right: 70px;
    }

    #request_options textarea {
        padding: 10px 0 5px 5px;
    }

    .arrow_box.time:after {
        left: 172px;
    }

    .arrow_box.endtime:after {
        left: 232px !important;
    }

    #request_options
    .options.box_expanded .add_date_span {
        width: 264px;
    }

    #request_options .add_date_span .remove {
        right: -20px !important;
        top: -16px !important;
        left: auto !important
    }

    #request_options li.options .btn.call_text_button {
        width: 80px;
    }

    .container {
        padding-left: 0;
        padding-right: 0;
    }

    .group {
        /*margin-left: -5px;*/
        /*margin-right: -5px;*/
        border-radius: 0
    }

    .add_option {
        margin-left: 5px;
        width: calc(100% - 10px)
    }

    html:not(.is_app) modal:not(.fullscreen) mcontainer {
        max-height: calc(100vh - 60px);
    }

    modal:not(.cookie-preferences-open) .consent-content .cookie-image {
        z-index: -1;
    }

    modal:not(.cookie-preferences-open) .consent-content .cookie-image {
        width: 100px;
        top: 4px;
    }

    modal.cookie-consent:not(.cookie-preferences-open) mcontainer {
        /*overflow: auto;*/
        padding: 10px;
        padding-bottom: 30px;
        font-size: 13px;
    }

}


/* PHONES LANDSCAPE */
/* TABLET + DESKTOP */
@media (min-width: 460px) {

    .navbar-fixed-top {
        position: fixed;
    }

    #request_options .text_span {
    }

    #request_options .add_date_field_show b,
    #request_options .add_time_field_show b {
        /*font-size: 17px;*/
    }

    #request_options .btn-group .btn {
        padding: 3px 12px;
        background: #007CFF;

    }

    #request_options .btn-group .btn i.fa {
        color: rgba(255, 255, 255, 0.7);
        font-size: 21px;
    }

    #request_options .btn-group .btn:hover i.fa {
        color: #FFF
    }

    .time_options .copy_time {
        top: -38px;
    }

}

/* PHONES LANDSCAPE */
/* TABLET + DESKTOP */
/*@media (min-width: 550px) {*/
@media (min-width: 768px) {

    #help_add_title {
        display: inline-block;
        margin-top: 15px;
    }

    html.is_app.is_admin.menu_show body {
        padding-top: 0px;
    }

    #title {
        min-height: 115px
    }

    .menu_show .admin {
        padding: 0;
        position: sticky;
        box-shadow: none;
        background-color: var(--list-admin-background) !important;
    }

    html .header_message {
        position: sticky;
        top: 50px;
    }

    html.is_admin .header_message {
        position: sticky;
        top: 131px;
    }

    #add_desc.btn {
        border-radius: 0;
    }

    .admin a.btn:not(.inline-btn) {
        width: auto;
        margin: 0;
        padding: 3px 15px;
        margin-left: 0px;
        line-height: 34px;
        margin-bottom: 3px;
        margin-top: 2px;
    }

    #poll_buttons {
        display: flex !important;
        text-align: center;
        font-size: 0;
        margin-bottom: -1px;
        justify-content: center;
        flex-wrap: wrap;
    }

    .sort-menu-dropdown {
        display: flex;
        justify-content: center;
    }

    #home_logo {
        background: url('/img/fragab_logo_de_375.png') no-repeat;
        background-size: 100%;
        width: 375px;
        height: 122px;
    }

    .map_canvas {
        height: 200px;
    }

    html.menu_home .account-photo {
        width: 70px;
        top: 21px;
        margin-left: -74px;
    }

    .toggle#view_mode {
        max-width: fit-content;
    }

    .toggle#view_mode.vlines span {
        padding: 0 20px;
    }

    #avatar-header {
        display: none
    }

    .modal_teaser {
        left: -56px;
        width: calc(100% + 112px);
    }

    .modal_teaser.modal_bottom {
        margin-left: -56px;
    }

    /*
        html.has_image .title_wrapper .avatar {
            top: -38px;
            left: 20px;
            width: 170px;
            height: 138px;
            left: 0px;
            border-radius: 0px;
            border: none;
        }
        html.has_image .title_wrapper h6,
        #show_title {
            padding-left: 190px;
        }
     */
    overlay[data-overlay-id="chat"] {
        display: none;
    }

    html.menu_new .avatar-wrapper {
        width: 130px;
        height: 130px;
    }

    .menu_new .avatar {
        width: 106px;
        height: 106px;
    }

    html.phone.menu_show.list_type_options .account-photo-vote {
        left: 16px;
    }

    html.phone.menu_show.list_type_options.fullsize #voter_name {
        padding-left: 64px !important;
    }


    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li > a:focus {
        color: inherit;
        /*
        box-shadow: inset 0 0 0 1px var(--top-navbar-background);
        border-radius: 10px;

         */
    }
}


/* TABLET + DESKTOP */
@media (min-width: 768px) {

    /*
    html.has_image #show_title {
        padding-left: 20px;
    }
    html.has_image .title_wrapper h6 {
        padding-left: 5px;
    }
    */
    .fullsize.scroll #votes_form div.overflow {
        padding-bottom: 5px;
    }

    .btn-floating {
        display: none
    }

    .nav > li.toggle_poll_menu {
        display: block;
    }

    .navbar-nav.poll_menu {
        display: none;
        flex-direction: column;
        width: 310px;
        top: 47px;
        position: absolute;
        padding: 12px;
        right: 110px;
        text-align: center;
        background: var(--header-menu-background);
        color: var(--header-menu-color);
        border-radius: 12px;
        box-shadow: var(--popup-shadow);
        z-index: 1;
    }

    .navbar-nav.poll_menu.active {
        display: flex;
    }

    .navbar-nav.poll_menu h2 {
        padding-bottom: 10px;
    }


    ul.navbar-nav.poll_menu > li > a {
        background: var(--header-menu-btn-navbar-background);
        color: var(--header-menu-btn-navbar-color) !important;
        line-height: 28px;
        font-size: 19px;
        padding: 6px 20px;
        outline: none;
        border-bottom: var(--header-menu-btn-navbar-border-bottom);
        font-size: 17px;
        border-radius: 0;
    }

    ul.navbar-nav.poll_menu > li > a:active,
    ul.navbar-nav.poll_menu > li > a:focus,
    ul.navbar-nav.poll_menu > li > a:hover {
        background: var(--header-menu-btn-navbar-background_hover) !important;
        color: var(--header-menu-btn-navbar-color_hover) !important;
    }

    ul.navbar-nav.poll_menu > li > a:hover > i.fa {
        opacity: 1;
    }

    ul.navbar-nav.poll_menu > li > a.tal {
        padding-left: 45px;
        text-align: left;
    }

    .poll_menu .menugroup-1:last-child a {
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px;
    }

    .navbar-collapse > ul > li:last-child > a:not(#switch_lang) {
        border-bottom: 0;
    }

    .navbar-collapse .navbar-nav.navbar-right:last-child {
        margin-right: 0;
    }

    html,
    body {
        height: 100%;
    }

    html.menu_account .navbar-fixed-top,
    html.menu_info .navbar-fixed-top {
        position: fixed;
    }

    html:not(.phone).mobile #account_menu_link span {
        display: none;
    }

    .mobile .navbar-collapse > .navbar-nav:first-child > li:first-child {
        /*margin-right: 20px !important;*/
    }

    .mobile.logged_in .navbar-collapse > .navbar-right > li:last-child > a {
        padding: 0
    }

    .mobile .navbar-collapse > .navbar-right .account-photo {
        border-radius: 50%;
        margin: -5px 5px 0 5px;
        float: none;
    }

    #ex {
        width: 400px;
        height: 156px;
        background-size: 100%;
    }

    .h1,
    h1 {
        font-size: 24px;
    }

    .h2,
    h2 {
        font-size: 22px;
    }

    .h3,
    h3 {
        font-size: 20px;
    }

    .navbar {
        min-height: 50px;
    }

    .navbar-nav > li > a,
    .navbar h1 {
        line-height: 44px;
        border-radius: 8px;
        margin-top: 3px;
    }

    .navbar-nav > li > a {
        padding: 0 20px;
    }

    .navbar-collapse > ul > li > a.new_poll.active,
    .navbar-collapse > ul > li > a.active,
    .navbar-collapse > ul > li > a:hover {
        background: var(--header-menu-background_hover) !important;
        color: var(--header-menu-color_hover) !important;
    }

    /*
    .navbar-collapse > ul > li > a.active {
        background: var(--header-menu-background_active) !important;
        color: var(--header-menu-color_active) !important;
    }

    .navbar-collapse > ul > li > a.new_poll.active {
        background: var(--body-light-background) !important;
    }
    */
    .navbar-collapse > ul > li + li:hover > a,
    .navbar-collapse > ul > li:hover + li > a.active {
        /*box-shadow: inset 1px 0 0 0 #007cff;*/
    }

    .navbar-fixed-top {
        position: fixed;
    }

    #new_request,
    .smaller,
    html.phone #votes_form,
    .bottom_vote_menu,
    .title_wrapper {
        max-width: 750px;
        position: relative;
    }

    html.options_top_menu_fixed .options_top_menu {
        border-radius: 0 0 10px 10px !important;
    }

    #show_title {
        min-height: 145px;
    }

    .menu_new .new_title {
        display: none;
    }

    .menu_new #new_request {
        margin-top: 30px
    }

    .desktop.menu_show .title_wrapper,
    .desktop.menu_show #votes_form h6 {
        margin-left: 122px;
    }

    .desktop.menu_show .avatar {
        left: -180px;
        width: 165px;
        height: 145px;
        top: 0;
        border-radius: 6px;
        border: 0;
    }

    .desktop.menu_show .title_wrapper,
    .desktop.menu_show #votes_form h6 {
        margin-left: 180px;
        max-width: 750px;
    }

    .desktop.menu_show.list_type_yesno .title_wrapper,
    .desktop.menu_show.list_type_yesno #votes_form h6,
    .desktop.menu_show.list_type_yesno .no_votes_be_first {
        margin-left: 200px;
    }

    .desktop.menu_show .no_votes_be_first {
        text-align: left;
    }

    .border {
        border: 1px solid #dedede !important;
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.16);
    }

    .box {
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        padding: 20px 0;
    }

    .box.small > div {
        max-width: 570px;
        float: left;
    }


    #admincanvas {
        display: block;
    }

    .hide_smalli {
        display: inline-block
    }

    .hide_small {
        display: block
    }

    span.hide_small {
        display: inline-block;
    }

    ul.list li {
        cursor: pointer;
    }

    ul.list li.show_votes {
        /*background: #f5f5f7;*/
    }

    .show_votes:after {
        /*border-bottom-color: #f5f5f7;*/
    }

    ul.list li b.badge {
        padding: 2px 4px 1px 4px;
        border: 2px solid #fff;
    }

    .toggle {
        max-width: 750px;
        /*margin-left: 0 !important;*/
        cursor: pointer;
    }

    .toggle span.active:hover {
        background: #1c7adf
    }

    .toggle.ldark span:not(.active):hover {
        background: #f3f3f5;
    }

    .toggle.ldark span.active:hover {
        background: #f2f2f7;
    }

    .toggle.buttons {
        top: -2px;
    }

    .toggle.buttons span {
        width: 100px;
        height: 35px;
        padding-top: 7px;
    }

    .pp button {
        font-size: 18px;
        cursor: pointer;
    }

    #save_vote_button,
    #add_vote_button {
        display: inline-block;
        max-width: 100%;
    }


    a.button {
        padding: 5px 12px 6px 12px;
        font-size: 13px;
    }

    footer {
        font-size: 15px;
        text-align: left;
    }

    html.phone footer {
        text-align: center;
    }

    .menu_show .container {
        max-width: 940px;
    }

    .navbar > .container {
        padding: 0;
    }

    .nav-pills > li.active:after {
        display: block;
    }

    #sidebar {
        padding-left: 0;
        padding-right: 10px;
        min-width: 135px;
        z-index: 1;
        display: block;
        position: sticky;
        top: 70px;
        max-height: calc(100vh - 100px);
        overflow: auto;
    }

    .nav-pillsmaxsize1 > li.active a {
        border-radius: 5px 1px 1px 5px;
    }

    .col-sm-3,
    .col-sm-9 {
        min-height: 1px;
    }

    .ml25p {
        margin-left: 25%
    }

    #register_or {
        position: absolute;
        margin-left: -63px;
        margin-top: 5px;
    }


    #register_container_social {
        padding-right: 40px;
    }

    .header_message {
        margin: 0 0 15px 0;
        position: sticky;
        top: 50px;
    }

    html.is_admin .header_message {
        position: sticky;
        top: 90px;
    }

    .pac-icon {
        margin-right: 14px;
        margin-left: 12px;
    }

    .map_canvas {
        height: 250px;
    }

    #basics .inline_label:first-child i.remove {
        right: 90px
    }

    .feedback .navbar-fixed-bottom {
        position: relative;
    }

    html.phone .title_wrapper {
        width: 100%
    }

    html.phone .title_wrapper .avatar {
        top: 17px;
        right: 20px;
        width: 80px;
        height: 80px;
        left: auto;
        border-radius: 5px;
        border: none;
    }

    html.phone .title_wrapper img.qrcode {
        top: 44px;
        right: 15px;
    }

    html.phone #show_title .avatar + h2 {
        margin-right: 140px;
    }

    html.phone #show_title .avatar + h2 + ul li.list-desc {
        padding-right: 140px;
    }


    html.phone:not(.menu_new):not(.menu_account) .fix_bottom {
        position: fixed;
        bottom: 0;
        width: 100%;
        /*background: #007CFF;*/
        /*color: #FFF;*/
        text-align: center !important;
        margin: 0;
        padding: 10px;
        padding-bottom: 10px;
        z-index: 100;
        box-shadow: 0px -5px 8px -5px rgb(0 0 0 / 50%);
        border-radius: 10px 10px 0 0;
    }

    html.phone.menu_show .fix_bottom #save_vote_button {
        min-width: 300px;
    }

    html.phone.menu_show .fix_bottom {
        background: var(--footer-fixed-background);
    }

    .menu_account .fix_bottom {
        position: fixed;
        bottom: 0;
        background: #ffffff96;
        width: 100%;
        left: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px 0 10px;
        /*box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 20%);*/
        backdrop-filter: blur(3px);
        z-index: 1;
    }

    html.bulk_remove.menu_new .poll_delete_button {
        width: auto;
    }

    /*
    html:not(.option_calendar_opened).menu_new .save_poll_button,
    */
    html:not(.option_calendar_opened).menu_new #poll_save_options,
    html.bulk_remove.menu_new .poll_delete_button {
        position: fixed;
        bottom: 40px;
        left: 50%;
        box-shadow: var(--poll-create-btn-fixed-shadow);
        transform: translateX(-50%);
        z-index: 51;
        min-width: 300px;
        opacity: 1;
    }

    html:not(.option_calendar_opened).menu_new #poll_save_options {
        background: var(--poll-create-btn-background) !important;
    }

    .poll_settings_button {
        margin-right: 10px;
    }

    html.phone .fix_bottom #no_options,
    html.phone .fix_bottom #save_vote_button,
    html.phone .fix_bottom #add_vote_button,
    html.phone .fix_bottom .btn > .fa,
    html.phone .fix_bottom .btn {
        /*color: #FFF !important;*/
    }

    html.phone .fix_bottom #no_options,
    html.phone .fix_bottom #save_vote_button,
    html.phone .fix_bottom #add_vote_button {
        flex-grow: 1;
        /*background: #439dff;*/
        margin-bottom: 0;
    }

    html.phone.menu_show .wrapper {
        padding-bottom: 160px;
    }

    html.phone.menu_show .wrapper,
    html.phone.menu_show .admin {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    html.phone #votes_form {
        width: 100%
    }

    /*
    html.fullsize:not(.vcenter) .closed_poll h2,
    html.fullsize:not(.vcenter) .closed_poll .closed_poll_result {
        max-width: 940px;
    }
    */
    .list_type_yesno table.list #actions {
        padding-left: 200px
    }

    table.list.yes_no tr.h td:first-child {
        width: 200px !important;
    }


    .box_expanded .call_location_button,
    .box_expanded .call_image_button {
        right: 18px;
    }

    #sidebar .nav-pills {
        background: var(--body-background);
        padding: 5px;
        border-right: 1px solid var(--body-background);
    }

    html:not(.is_app) .hide-if-large-ifnot-is-app,
    .hide-if-large {
        display: none !important;
    }

    .headless-header {
        min-height: 55px !important;
        height: 55px !important;
        foreground: linear-gradient(180deg, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, .20) 50%, transparent) !important;
        padding-right: 20px;
        padding-left: 20px;
    }

    html.is_app.has-poll-buttons-open .headless-header {
        background: #007CFF !important;
    }

    .headless-spacer {
        height: 0 !important;
    }

    html.is_app.headless body {
        padding-top: 55px !important;
    }

    html.is_app.headless.menu_show .admin {
        top: 55px !important;
    }

    html.is_app.headless #closed_wrapper {
        padding-top: 0;
    }

    html.is_app.menu_show.is_closed .headless-header {
        background: #5b1ca1 !important;
    }

    .closed_poll h2 {
        position: absolute;
    }

    .modal_teaser {
        left: -56px;
        width: calc(100% + 112px);
    }

    .menu_home .topmenu a.member:after {
        position: absolute;
        right: 0;
        background: linear-gradient(270deg, #0073ff 10px, transparent);
        height: 100%;
        width: 30px;
        content: '';
        top: 0;
        border-radius: 5px;
    }

    .menu_home .topmenu a.member:hover:after {
        background: linear-gradient(270deg, #4186fe 10px, transparent);
    }


    .datebox_wrapper .datebox {
        left: 195px;
    }

    ul.list li.vote_options + li.vote_options,
    ul.list li.show_votes + li.unselectable,
    ul.list li.show_votes + li.vote_options {
        margin-top: 6px !important;
    }


    html:not(.list_type_yesno) .show_votes:after {
        left: 34px;
    }

    html.theme:not(.list_type_yesno) .bottom_vote_menu,
    html.theme:not(.list_type_yesno) .fix_bottom,
    html.theme.list_type_yesno.phone .fix_bottom {
        background: #00000073;
        backdrop-filter: blur(17px);
    }


    html.vcenter .header_message > .alert {
        text-align: center;
    }

    html.vcenter .header_message > .alert.with-icon .fa {
        left: auto;
        margin-left: -26px;
    }
}

@media (max-width: 900px) {
    .navbar-nav > li > a {
        padding: 0 13px;
    }
}

@media (max-width: 992px) {

    .chat-button {
        display: flex;
    }

    .chat-wrapper {
        display: none;
    }

    .chat-wrapper,
    html.is_admin .chat-wrapper {
        height: 100px;
        top: unset;
        box-shadow: 0 0 20px 0px rgb(0 0 0 / 20%);
        transition: all .2s ease;
        transform: translateY(73vh);
        opacity: 0;
        display: flex;
    }


    .chat-wrapper.active,
    html.is_admin .chat-wrapper.active {
        max-height: unset;
        box-shadow: 0 0 10px 6px rgb(0 0 0 / 20%);
        display: flex;
        border-top: 1px solid #ffffff24;
    }

    .chat-wrapper.active {
        height: calc(100vh - 85px);
    }

    .chat-wrapper.active,
    html.is_admin .chat-wrapper.active {
        min-height: 515px;
        height: calc(100vh - 250px);
        display: flex;
        transform: unset;
        opacity: 1;
        z-index: 999999;
    }

    .chat-wrapper + .poll-wrapper {
        margin-left: inherit;
    }

    html.phone .fix_bottom .chat-button {
        position: relative;
        left: unset;
        top: unset;
        bottom: unset;
        box-shadow: none;
        border-radius: 6px;
        font-size: 26px;
        height: auto;
        width: auto;
        display: inline-block;
    }

    html.phone .fix_bottom .chat-button .badge-notification {
        top: -4px;
        right: -4px;
    }

    html.phone .main-chat-button {
        /*display: none !important;*/
        bottom: 90px;
        left: 15px;
    }

    html.input_focussed.menu_show .main-chat-button {
        display: none !important;
    }

    .account_username.member {
        width: 72px;
    }


    html.menu_account .submitform {
        transform: translateX(-83px);
    }

}

/* TABLET LANDSCAPE + DESKTOP */
@media (min-width: 992px) {

    html.fullsize.scroll.vcenter:not(.is_fullscreen) #content_top.container {
        width: auto;
        max-width: 940px;
    }

    .desktop.fullsize.vcenter .container {
        margin-left: auto;
    }

    .hide-if-desktop {
        display: none !important;
    }


    html.menu_account .submitform {
        transform: translateX(-138px);
    }

    html.fullsize.with_chat .poll-wrapper {
        margin-left: 0;
        transition: margin-left .5s ease-in-out;
    }

    html.fullsize.with_chat.chat_open .poll-wrapper {
        margin-left: 300px;
    }

}

/* DESKTOP */
@media (min-width: 1200px) {

    .menu_show .container,
    .container {
        max-width: 1160px;
    }

    .toggle span:hover {
        background: var(--toggle-background_hover)
    }

    html:not(.fullsize) .chat-wrapper + .poll-wrapper {
        margin-left: 100px;
    }


    html.menu_account .submitform {
        transform: translateX(-130px);
    }
}

@media (min-width: 1380px) {

    html:not(.fullsize) .chat-wrapper + .poll-wrapper {
        margin-left: 0px;
    }
}


/***** RETINA RESOLUTION *****/
/* ALL */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (   min--moz-device-pixel-ratio: 1.5), only screen and (     -o-min-device-pixel-ratio: 3/2), only screen and (        min-device-pixel-ratio: 1.5), only screen and (                min-resolution: 1.5dppx) {

    #home_logo {
        background: url('/img/fragab_logo_de_500.png') no-repeat;
        background-size: 100%;
    }

    #nav_logo,
    #nav_logo_toggle {
        background: url(/img/fragab_logo_de_200.png) no-repeat !important;
        background-size: 86px !important;
    }

}

/* TABLET / DESK */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5)      and (min-width: 700px), only screen and (   min--moz-device-pixel-ratio: 1.5)      and (min-width: 700px), only screen and (     -o-min-device-pixel-ratio: 3/2)    and (min-width: 700px), only screen and (        min-device-pixel-ratio: 1.5)      and (min-width: 700px), only screen and (                min-resolution: 1.5dppx)  and (min-width: 700px) {

    #home_logo {
        background: url('/img/fragab_logo_de_750.png') no-repeat;
        background-size: 100%;
    }

}


@media print {
    * {
        color: #000 !important;
        text-shadow: none !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    body {
        padding: 0;
    }

    a[href]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }


    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    .desktop.menu_show .title_wrapper,
    .desktop.menu_show #votes_form h6 {
        margin-left: 0
    }

    .title_wrapper h6 {
        padding-left: 0;
    }

    #show_title {
        border: 1px solid #ccc;
    }

    table.list,
    table.list td {
        border: 1px solid #ccc !important;
        border-width: 1px !important
    }

    #print_title {
        display: block;
        margin-top: 0;
        font-size: 30px;
    }

    header,
    footer {
        display: none
    }

    #fixer {
        display: none;
    }
}


html.phone.menu_show .toggle.dark {
    color: #f2f2f7;
    background: #4b535c;
}

html.phone.menu_show .toggle.dark.vlines span {
    border-color: #f2f2f7;
}

html.phone.menu_show .toggle.dark span.active {
    background: #f2f2f7;
    color: #4b535c
}

html.phone.menu_show .show_votes .left,
html.phone.menu_show .show_votes .right {
    margin-bottom: 10px;
}

html.phone.menu_show .show_votes .left > div.g {
    color: #00A412;
    font-weight: 600;
    padding-left: 18px;
}

html.phone.menu_show .show_votes .right > div.g {
    color: #E46466;
    font-weight: 600;
    padding-left: 18px;
}


@media (max-width: 480px) {

    #admincanvas:not(.admininfos-active) {
        width: 80px !important;
        height: 20px;
    }

    table.list.yes_no {
        width: 100%;
    }

    html.list_type_yesno .list_wrapper {
        max-width: 100%;
    }

    table.list tr.h td:first-child {
        width: 180px !important;
    }

    table.list td.yes_no, table.list.yes_no td.first {
        /*min-width: 100%;*/
        min-width: 250px;
        /*width: 250px !important;*/
    }

    table.list.yes_no tr.v td i.fa-remove {
        right: calc(-25% - 3px);
    }

    table.list.yes_no tr.v td i.fa-check {
        left: calc(-25% - 3px);
    }

    html.two_options table.list tr.h td[data-opid] {
        min-width: calc(50vw - 84px);
        max-width: calc(50vw - 84px);
    }

    .call_location_button,
    .call_image_button {
        display: none;
    }

    html.package_platin #request_options li.options:not(.box_expanded) .btn.call_image_button {
        display: inline-block;
        width: 40px;
        min-width: 40px;
        padding: 0 !important;
    }

    html.package_platin #request_options li.options .btn.call_image_button .call_image_button_text {
        display: none;
    }

    .icon_line_break {
        right: 5px;
    }

    #request_options textarea {
        padding-right: 35px;
    }

    .btn-group.quad > .btn:first-child,
    .btn-group.quad > .btn {
        width: 50% !important;
        border-radius: 0;
        margin-left: 0 !important;
        box-shadow: 0px 0px 0px 1px var(--toggle-border-color);
    }

    .btn-group.quad > .btn:nth-child(2),
    .btn-group.quad > .btn:nth-child(4) {
    }

    .btn-group.quad > .btn:nth-child(1) {
        border-top-left-radius: 5px;
    }

    .btn-group.quad > .btn:nth-child(2) {
        border-top-right-radius: 5px !important;
    }

    .btn-group.quad > .btn:nth-child(3) {
        border-bottom-left-radius: 5px !important;
    }

    .btn-group.quad > .btn:nth-child(4) {
        border-bottom-right-radius: 5px;
    }

    .btn-group-fit > .btn {
        min-width: 96px;
    }

    #title {
        padding: 15px 120px 10px 10px;
    }

    #add_desc_field {
        padding: 15px 100px 5px 10px;
    }

    .create_helpers {
        margin-left: -20px;
        margin-right: -20px;
        overflow-x: auto;
        padding-left: 20px;
        padding-right: 20px;
        margin-top: 20px;
        overflow-y: hidden;
    }

    modal.cookie-consent:not(.cookie-preferences-open) mcontainer {
        font-size: 14px;
    }
}

@media (min-width: 431px) {
    html.theme .yes_no_vote_wrapper > h6.black {
        color: #FFF !important;
    }
}

@media (max-width: 430px) {


    /*
    content-visibility allows us to skip rendering of the entire feature section until it is close to the viewport, which significantly improves performance on mobile devices. The intrinsic size prevents layout shifts when the content is loaded.
     */
    .feature {
        content-visibility: auto;
        content-intrinsic-size: auto 700px;
    }

    .btn-100-mobile {
        width: 100%
    }

    .new {
        margin-top: 0px;
    }

    #basics {
        margin-top: 20px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 0;
        border-radius: 10px;
    }

    .create_helpers + #basics {
        margin-top: 5px;
    }

    #title {
        min-height: 96px;
        padding-right: 45px;
        padding-top: 20px;
    }

    .basics .add_endtime_field_show.btn-primary:before {
        left: -13px;
    }

    #add_desc_span {
        border-top: 1px solid var(--table-border-color);
    }

    html.menu_new .avatar-wrapper {
        right: unset;
        position: relative;
        left: -10px;
        top: 0px;
        width: calc(100% + 20px);
        height: auto;
    }

    .menu_new .avatar-wrapper .random_image_link {
        color: var(--primary_color_link);
        cursor: pointer;
        margin-left: 10px;
        z-index: 1
    }

    .menu_new .avatar {
        left: unset;
        right: unset;
        top: unset;
        width: 100%;
        height: 0px;
        position: relative;
        background: #fff;
        box-shadow: none;
        border-radius: 10px 10px 0 0;
        justify-content: flex-end;
        overflow: visible;
        transition: all .3s cubic-bezier(0.0, .50, 0.5, 1.0);
    }

    .menu_new .avatar.with_image {
        height: 130px;
        margin-bottom: 15px;
        overflow: hidden;
    }

    .avatar .image_text_wrapper:not(.with_image) {
        align-items: center;
        padding: 10px 15px;
        width: 45px;
        top: 16px;
        position: absolute;
        right: 12px;
    }


    .menu_new .avatar:before {
        content: '';
        position: absolute;
        z-index: 1;
        cursor: pointer;
        /*padding: 20px;*/
        /*border-radius: 8px;*/
        /*border-bottom: 1px solid #f2f2f7;*/
        width: calc(100% - 40px);
        height: calc(100% - 20px);
        margin-top: 10px;
        /*box-shadow: 1px 1px 9px 0 #f2f2f7 !important;*/
        /*box-shadow: 0px 0px 0px 1px #f2f2f7 !important;*/
    }

    .menu_new #remove_avatar {
        right: 20px;
        top: 15px;
        font-size: 24px;
        color: #ffffffb8;
        background: #00000026;
        box-shadow: 0 0 3px 5px rgb(0 0 0 / 12%);
    }

    .menu_new .avatar:hover {
        box-shadow: none;
    }

    .new_title_wrapper i.remove.text {
        right: 3px;
        font-size: 24px;
    }

    #basics:has(.avatar.with_image) .new_title_wrapper #title {
        padding-top: 0px;
    }

    #titlecounter {
        right: 15px;
        top: unset;
        bottom: 10px;
    }

    .basics.add_date_span > .field {
        width: 150px;
        margin-left: 10px;
        padding: 0;
    }

    #basics .add_time_field_show,
    #basics .add_endtime_field_show {
        z-index: 1
    }

    .basics .add_endtime_field_show.btn-primary:not(:empty):before {
        left: -13px;
    }

    .add_date_field_show,
    .add_time_field_show,
    .add_endtime_field_show {
        min-width: 60px;
    }

    .box_expanded .add_date_field_show {
        width: 100px;
        padding: 0 10px;
    }

    #request_options {
        margin-left: -4px;
        margin-right: -4px;
    }

    #request_options .add_time_field_show {
        left: 110px;
        z-index: 1;
    }


    #request_options .add_endtime_field_show:hover {
        z-index: 1
    }

    #request_options .add_endtime_field_show.btn-primary:not(:hover):before,
    #request_options .add_endtime_field_show.btn-primary:before {
        z-index: 1;
        left: -4px
    }

    #request_options .inline_label i.remove {
        top: 2px !important;
        display: none !important;
    }

    html.two_options .datebox {
        min-width: max(100%, 76px);
        white-space: normal;
    }

    #settings {
        /*background: #FFF;*/
        border-color: transparent;
        margin-left: -20px;
        width: calc(100% + 40px);
        padding: 15px 20px 20px;
        margin-top: 30px;
        border-radius: 0px;
    }

    .switch {
        color: #00000042;
    }

    #toggle_account_sidebar {
        /*left: 0;*/
    }

    .call_menu {
        z-index: 200;
    }

    #new_request .submit_form {
        margin-right: 0;
    }

    .yes_no_vote_wrapper .mobile_fixed_bottom_margin {
        margin-bottom: 0;
    }

    html.mobile footer {
        padding-bottom: 80px !important;
    }

    .empty_action_row {
        display: none;
    }

    .fullsize.menu_show table.list:after {
        width: 0;
    }

    html:not(.phone).fullsize.scroll .title_wrapper {
        margin-right: 10px;
        margin-left: 30px !important;
    }

    html:not(.phone).fullsize.scroll .wrapper {
        padding-left: 0;
    }

    .desktop table.list tr:not(.last).v.hl td.na {
        border-radius: 0;
    }

    @media (hover: hover) {
        .desktop table.list tr:not(.last).v:hover td.na {
            border-radius: 0;
        }
    }


    html.compact.fullsize.scroll table.list td.na,
    html.compact.fullsize.scroll table.list tr.h td:first-child,
    html.compact.fullsize.scroll table.list tr.s td:first-child {
        min-width: 122px;
        max-width: 122px;
        width: 122px;
    }

    html.compact table.list tr.h td[data-opid] {
        min-width: 100px;
        max-width: 122px;
    }

    table.list tr.n div.name {
        border-radius: 0 3px 3px 0;
        margin-left: 0;
    }

    html.fullsize.scrolled table.list tr.n div.name {
        border-radius: 0 0 3px 0;
    }

    .desktop table.list tr.v.hl td.na {
        border-radius: 0;
    }

    .menu_show h6 {
        padding: 0 10px;
    }

    .menu_show .title_wrapper h6 {
        padding: 15px 100px 0px 20px;
    }

    /*    .title_wrapper .toggle {
            margin: 20px -20px -15px;
        }
        .title_wrapper .toggle.vlines span {
            border-radius: 0;
            border-left: 0;
            border-right: 0;
            border-bottom: 0;
        }*/
    table.list td.yes_no, table.list.yes_no td.first {
        min-width: 200px;
    }

    table.list tr.h td {
        width: 50% !important;
    }

    html.list_type_yesno .list_wrapper {
        margin-left: -10px;
        margin-right: -10px;
    }

    .yes_no_vote_wrapper {
        position: fixed;
        width: 100%;
        bottom: 0;
        left: 0;
        padding: 5px 15px 80px;
        z-index: 100;
        border-radius: 15px;
        background: var(--footer-fixed-background);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }

    html.is_ios .yes_no_vote_wrapper,
    html.is_flutter_ios .yes_no_vote_wrapper {
        padding-bottom: 90px;
    }

    html.is_flutter_ios.example_mode .yes_no_vote_wrapper,
    html.is_ios.example_mode .yes_no_vote_wrapper {
        padding-bottom: 20px;
    }

    html.phone.list_type_yesno .main-chat-button {
        bottom: 195px;
    }

    html.phone.is_ios.list_type_yesno .main-chat-button {
        bottom: 235px;
    }

    #comment_box i.fa-comment {
        left: 10px;
        font-size: 30px;
    }

    html.list_type_yesno .group {
        box-shadow: none;
    }

    html.list_type_yesno .votes_form {
        padding: 0 5px;
    }

    html.list_type_yesno .user_voted #voter_name:not(:focus),
    html.phone.list_type_options #voter_name:focus,
    html.phone.list_type_options #comment:focus {
        background: var(--vote-name-input-field-background_focus);
    }

    html.list_type_yesno .user_voted #voter_name:focus, .logged_in .border_if_logged_in input:focus,
    html.list_type_yesno .mobile_fixed_bottom_margin:not(.user_voted) #voter_name,
    .mobile_fixed_bottom_margin #comment:not(.has_comment) {
        background: var(--vote-comment-input-field-background);
    }

    html.list_type_yesno #yes_no_buttons button {
        background: var(--action-yesno-button-background);
        box-shadow: none;
        height: 40px;
        z-index: 10
    }

    html.list_type_yesno .show_votes b,
    html.list_type_yesno .show_votes u,
    html.list_type_yesno .show_votes em {
        width: calc(100% - 10px);
        margin: 4px 5px 0 5px;
        padding: 6px 11px;
        text-align: left;
    }

    html.t12 .box_expanded .call_menu em {
        display: none;
        font-size: 11px;
        margin-left: -5px;
        height: 32px;
        margin-right: 7px;
    }

    .video-phone {
        width: 100%;
        height: auto;
    }

    .video-phone.playing {
        height: auto;
    }

    .time_options .copy_time {
        left: 122px;
    }

    .example_options li {
        width: 50%;
    }

    .example_poll_message h1 {
        font-size: 16px;
    }

    .example_options {
        row-gap: 30px;
    }

    .example_links {
        flex-direction: column;
        row-gap: 4px;
    }

    .example_links_divider {
        display: none
    }

    .example_links a {
        padding: 0 12px;
        line-height: 30px;
        font-size: 14px;
        background: var(--btn-bordered-background);
        color: var(--btn-bordered-color);
        border-radius: 16px;
    }

    .example_links a.example_show {
        background: var(--btn-primary-background);
        color: var(--btn-primary-color);
    }

    .example_img {
        height: 82px;
    }

    .examples h2 {
        font-size: 20px;
    }

    html.menu_new.logged_in .account_username.member, html.menu_account .account_username.member {
        width: unset;
        max-width: 120px;
    }
}

@media (max-width: 320px) {
    table.list tr.h td:first-child {
        width: 150px !important;
    }

    table.list tr.v td.na {
        min-width: 150px;
    }

    #toggle_account_sidebar {
        /*left: 0;*/
    }

    html.list_type_yesno .votes_form {
        padding: 0;
    }

    .yes_no_vote_wrapper .group {
        margin-left: 0;
        margin-right: 0;
    }
}

@media (max-width: 374px) {
    html.two_options table.list tr.h td[data-opid] {
        min-width: 120px;
        max-width: 180px;
    }
}

@media (max-width: 380px) {

    ul.list li {
        margin: 1px -10px !important;
        border-radius: 0;
    }

    html:not(.live) ul.list li {
        filter: none;
    }

    ul.list li b.quote.y,
    ul.list li b.quote.m {
        border-radius: 0;
    }

}

@media (max-width: 395px) {
    .box_expanded .call_menu em {
        display: none;
        font-size: 11px;
        margin-left: -5px;
        height: 32px;
        margin-right: 7px;
    }

    #request_options .text_span {
        margin-right: 55px;
    }

    #request_options textarea {
        padding-right: 32px
    }


    #basics .inline_label:first-child i.remove {
        right: 70px;
    }

    html:not(.menu_show):not(.menu_info):not(.menu_webaccount):not(.menu_account):not(.menu_packages):not(.menu_done):not(.menu_voted):not(.menu_actions):not(.menu_chat):not(.is_modal):not(.menu_newsletter) #content_top, html.menu_votes #content_box, html.menu_lists #content_box,
    html.menu_history #content_box {
        padding-left: 10px;
        padding-right: 10px;
    }

    /*   .datebox.js-cal {
           margin-bottom: 10px;
       }*/
}

@media (max-width: 388px) {


    .time_options .copy_time {
        top: 0;
        left: 132px;
    }

    .add_time_field_show:not(:empty) + .add_endtime_field_show:empty + .time_options .copy_time {
        top: -38px
    }

}


@media (max-width: 375px) {

    .box_expanded .call_menu em {
        display: none
    }

    ul.list li div:not(.map_canvas) {
        display: block
    }

    ul.list li.vote_options .datebox + p {
        margin-top: 10px;
    }

    #request_options li.options .btn.call_text_button {
        position: relative;
        z-index: 201;
    }

    html.t12 .call_menu {
        right: 0px;
    }

    html.t12 #request_options .add_time_field_show {
        left: 102px;
    }

    html.t12 #request_options .add_endtime_field_show {
        left: 188px;
    }

    .settings-button-icon {
        display: block
    }

    .settings-button-text {
        display: none
    }

    .badge-notification.settings_selected_count {
        top: 6px;
        margin-left: 10px !important;
    }
}

@media (max-width: 400px) {
    #request_options li.options .btn.call_image_button {
        display: none !important;
    }
}

/**
    HIDE IN SPECIAL CASES
    Needs to be at the end of this CSS file
    to guarantee to really be hidden!
 */
html.menu_show.no_vote_save #action_row,
html.menu_show.example_mode .admin,
html.menu_show.example_mode .bottom_vote_menu,
html.menu_show.example_mode #total_results,
html.menu_show.example_mode #see_votings,
html.menu_show.example_mode .btn-livemode,
html.menu_show.example_mode .stats,
html.menu_show.example_mode .vote_title,
html.menu_show.example_mode .quote,
html.menu_show.example_mode table.list tr.n div.name sub,
html.local_showmode .newfeature,
html.is_flutter .hide_if_is_flutter,
html.is_webapp .hide_if_is_webapp,
html.is_flutter .hide_if_is_flutter,
html.is_flutter_ios .hide_if_is_flutter_ios,
html.is_flutter_android .hide_if_is_flutter_androids,
html.is_app .hide_if_is_app,
html:not(.is_flutter) .hide_ifnot_is_flutter,
html:not(.is_webapp) .hide_ifnot_is_webapp,
html:not(.is_flutter) .hide_ifnot_is_flutter,
html:not(.is_flutter_ios) .hide_ifnot_is_flutter_ios,
html:not(.is_flutter_android) .hide_ifnot_is_flutter_androids,
html:not(.is_app) .hide-ifnot-is-app,
html.menu_show.live:not(.is_admin) .title_wrapper_actions,
html.menu_show.live:not(.is_admin) .quote,
html.menu_show.live.is_app.admin,
html.menu_show.live.is_guest .voter_info_group,
html.menu_show.live.single_click_submit .bottom_vote_menu,
html.menu_show.livemode .menu-info-link,
html.menu_show.livemode .menu-new-link,
html.menu_show.livemode .menu-share-link,
html.menu_show.livemode .toggle_poll_menu,
html.menu_show.livemode .account_username,
html.menu_show.livemode .list-desc,
html.menu_show.livemode .show_votes,
html.menu_show.livemode .vote_fields_wrapper,
html.menu_show.livemode #app_info_layer,
html.menu_show.livemode .title_wrapper > h6,
html.menu_show.livemode .title_wrapper > .alert,
html.menu_show.livemode .bottom_vote_menu,
html.menu_show.livemode .vote_title,
html.menu_show.livemode .title_wrapper_actions,
html.menu_show.livemode #see_votings,
html.menu_show.livemode.is_fullscreen header.navbar-fixed-top,
html.menu_show.livemode.is_fullscreen footer,
html.menu_show.livemode .admin {
    display: none !important
}

html.menu_show.example_mode .header_message {
    top: 0 !important;
}

html.menu_show.example_mode body {
    padding-top: 0 !important;
}

html.menu_show.example_mode.mobile #votes_form {
    margin-top: 20px;
}

html.menu_show.example_mode.fullsize.scroll #votes_form div.overflow {
    padding-bottom: 0;
    margin-bottom: 0;
}

html.menu_show.livemode {
    --list-description-background: var(--list-background);
}


html.menu_show.livemode.has_image .avatar-first {
    height: 180px;
    object-position: 0 20%;
}


.livemode-box {
    border-radius: 12px;
    right: 0;
    padding: 4px;
    display: inline-block;
    padding-top: 12px;
    position: absolute;
    top: -16px;
    top: 14px;
    z-index: 100;
    width: 130px;
    height: 166px;
}

html.menu_show.livemode.is_fullscreen .livemode-box {
    background: var(--livemode-box-background);
    display: inline-block;
    border: var(--livemode-box-border);
    box-shadow: 0 0 12px 0px rgba(0, 0, 0, .2);
}

html.menu_show.livemode.is_fullscreen.has_image .livemode-box {
    right: 12px;
    top: 12px;
}

html.menu_show.livemode.is_fullscreen .livemode-logo {
    background: url(/img/fragab_logo_blue.png) no-repeat;
    background-size: 100px;
    height: 28px;
    display: block;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    width: 100px;
}

html.menu_show.livemode .livemode-box .qrcode {
    z-index: 3;
    position: relative;
    top: 0;
    left: 50%;
    max-height: unset;
    height: 120px;
    transform: translateX(-50%);
    filter: var(--livemode-qrcode-filter);
}

html.menu_show.livemode.theme:not(.is_fullscreen) .livemode-box .qrcode {
    filter: invert(1);
}

html.menu_show.livemode #avatar + .poll-wrapper {
    margin-top: 20px !important;
}

html.menu_show.livemode #show_title {
    padding-left: 0;
    padding-bottom: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

html.menu_show.livemode #show_title h2 {
    font-size: 40px;
    line-height: 48px;
    margin: 0;
}

html.menu_show.livemode:not(.has_image) #show_title h2 {
    padding-right: 160px;
}

html.menu_show.livemode .title_wrapper {
    filter: none;
}

html.phone.menu_show.livemode .title_wrapper .avatar {
    right: 0
}

html.menu_show.livemode .title_wrapper .avatar {
    width: calc(100% + 20px);
    height: 190px;
    left: auto;
    border-radius: 16px;
    border: none;
    position: relative;
    margin-bottom: 30px;
    top: -10px;
}

html.menu_show.livemode.has_image:not(.is_fullscreen) .livemode-box {
    top: 200px;
}

html.menu_show.livemode .votes_wrapper {
    margin-top: 40px;
}

html.menu_show.livemode ul.list li div:not(.map_canvas) {
    margin-left: 4px;
}

html.menu_show.livemode ul.list li {
    min-height: 70px;
    font-size: 24px;
    line-height: 26px;
    display: flex;
    align-items: center;
    overflow: hidden;
    margin-top: 10px !important;
    cursor: auto;
    padding-right: 80px;
}

html.menu_show.livemode ul.list li .live_progress {
    background: var(--livemode-progress-background);
    height: 100%;
    width: 0%;
    transition: width 2s ease;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

html.menu_show.livemode ul.list li .live_progress_number {
    display: inline-block;
    position: absolute;
    right: 20px;
    font-weight: 600;
}

html.menu_show.livemode.theme #show_title h2 {
    color: #fff;
}

html.menu_show.livemode.is_fullscreen body {
    padding-top: 0;
}

html.menu_show.livemode.is_fullscreen .chat-wrapper.active {
    height: calc(100vh);
    border-radius: 0;
}

html.menu_show.livemode.is_fullscreen.is_admin .chat-wrapper {
    max-height: calc(100vh);
}

html.menu_show.livemode.embed,
html.menu_show.livemode.embed body {
    transform-origin: top center;
}


@media (min-width: 768px) {
    html.menu_show.livemode.is_fullscreen:not(.embed) body {
        padding-top: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media (max-width: 767px) {
    html.menu_show.livemode.is_fullscreen.has_image .livemode-box {
        right: -10px;
        top: -168px;
    }

    html.menu_show.livemode .livemode-box {
        display: none;
    }

    html.menu_show.livemode:not(.has_image) #show_title h2 {
        padding-right: 0;
    }

    html.menu_show.livemode.has_image body {
        padding-top: 0;
    }

    html.menu_show.theme:not(.has-poll-buttons-open) .admin,
    html.menu_show.livemode.has_image:not(.has-poll-buttons-open) .admin,
    html.menu_show.theme:not(.has-poll-buttons-open) .navbar,
    html.menu_show.livemode.has_image:not(.has-poll-buttons-open) .navbar {
        background: none;
        box-shadow: none;
    }

    html.menu_show.theme.header_scroll_behind .navbar,
    html.menu_show.livemode.has_image .navbar {
        background-image: linear-gradient(to bottom, hsla(0, 0%, 0%, 0.78) 0%, hsla(0, 0%, 0%, 0.774) 7.1%, hsla(0, 0%, 0%, 0.758) 13.5%, hsla(0, 0%, 0%, 0.731) 19.5%, hsla(0, 0%, 0%, 0.696) 25.2%, hsla(0, 0%, 0%, 0.652) 30.6%, hsla(0, 0%, 0%, 0.602) 35.9%, hsla(0, 0%, 0%, 0.546) 41.3%, hsla(0, 0%, 0%, 0.485) 46.8%, hsla(0, 0%, 0%, 0.419) 52.6%, hsla(0, 0%, 0%, 0.351) 58.7%, hsla(0, 0%, 0%, 0.281) 65.4%, hsla(0, 0%, 0%, 0.21) 72.8%, hsla(0, 0%, 0%, 0.139) 80.9%, hsla(0, 0%, 0%, 0.068) 90%, hsla(0, 0%, 0%, 0) 100%);
    }
}