/*@import url('https://fonts.googleapis.com/css?family=Roboto');*/ body { background-color: #f1f1f1 !important; } #wpwrap { background: #ffffff !important; } div#wpcontent { height: auto; } #wpwrap hr { border-top: 1px solid #ededed; } #wpwrap hr.ays-pb-bolder-hr { border-top: 1px solid #c9c9c9; box-shadow: 0px 1px 2px #0000001f; } body.toplevel_page_poll-maker-ays #wpwrap { background-color: #F3F4F5 !important; } /* Notice banner styles start */ div.ays-notice-banner{ width: calc(100% - 20px); background-color: #F8F8F8; box-shadow: 0px 3px 4px 0px rgb(188 198 216 / 11%); border-radius: 0px 0px 12px 12px; background-image: unset; z-index: 300; } .ays-notice-banner .navigation-bar li.ays_poll_take_gift a { color: #eb5757; } .ays-notice-banner .navigation-bar li.ays_poll_take_gift a:hover { color: #c44949; } .error:not([class*="ays-poll"]):not([class*="ays_poll"]), .notice:not([class*="ays-poll"]):not([class*="ays_poll"]) { display: none !important; } .ays-poll-logo-container-upgrade { display: flex; align-items: center; } .ays-poll-logo-container-upgrade span.ays-poll-logo-container-one-time-text{ font-size: 11px; font-style: normal; font-weight: 600; line-height: normal; margin-top: 5px; } .ays-notice-banner .logo-container img.poll-logo { width: 100%; height: 100%; object-fit: contain; max-height: 75px; min-width: 50px; } .ays-poll-upgrade-container { margin-left: 10px; display: flex; flex-direction: column; } .poll-maker-upgrade-to-pro { display: flex; align-items: center; justify-content: center; color: #fff; background-color: #10a37f; border: 2px solid #10a37f; margin-left: 5px; padding: 5px 15px; border-radius: 25px; font-size: 13px; font-weight: 700; text-decoration: none; transition: background-color 0.3s; } .poll-maker-upgrade-to-pro .poll-maker-upgrade-white-icon { display: inline-block; } .poll-maker-upgrade-to-pro:hover { background-color: #10876b; color: #fff; text-decoration: none } .poll-maker-upgrade-to-pro img { margin-right: 5px; width: 8px; } @media screen and (max-width: 425px){ .poll-maker-upgrade-to-pro img { width: 8px; } .poll-maker-upgrade-to-pro span { font-size: 12px; } } .ays_poll_fa, .ays_poll_far, .ays_poll_fas { font-family: "Font Awesome 5 Free"; } .ays_poll_fa, .ays_poll_fas { font-weight: 900; } .ays_fa_file_code::before { content: "\f1c9"; font-weight: 400; } .ays_fa_file_text::before { content: "\f15c"; } .ays_fa_link::before { content: "\f0c1"; } .ays_label_flex{ display: flex; justify-content: space-between; } .ays_fa{ display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: "Font Awesome 5 Free"; } .ays_poll_fa_question_circle:before { content: "\f059"; font-weight: 400; } .ays_poll_fa, .ays_poll_fab, .ays_poll_fal, .ays_poll_far, .ays_poll_fas { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } /* Social buttons */ .ays_poll-fa-linkedin:before { content: "\f0e1"; } .ays_poll_facebook:before { content: "\f09a"; } .ays_poll_fa-twitter:before { content: "\f081"; } .ays_poll_fa-vk:before { content: "\f189"; } .ays_poll_far { font-weight: 400; } .ays_poll_fa_globe:before { content: "\f0ac"; } .ays_poll_fa_music:before { content: "\f001"; } .ays_poll_fa-star:before { content: "\f005"; } .ays_poll_fa-smile:before { content: "\f118"; } .ays_poll_fa-frown:before { content: "\f119"; } .ays_poll_fa-tired:before { content: "\f5c8"; } .ays_poll_fa-dizzy:before { content: "\f567"; } .ays_poll_fa-meh:before { content: "\f11a"; } .ays_poll_fa-thumbs-up:before { content: "\f164"; } .ays_poll_fa-thumbs-down:before { content: "\f165"; } .ays_poll_fa-info-circle:before { content: "\f05a"; } .ays_poll_fa-lock:before { content: "\f023"; } .ays_poll_fa-check:before { content: "\f00c"; } .ays_poll_fa-plus-square:before { content: "\f0fe"; } .ays_poll_fa-minus-square:before { content: "\f146"; } .ays_poll_fa-users:before { content: "\f0c0" } .ays_poll_fa_trash:before { content: "\f1f8"; } .ays_poll_fa_thumbs_up::before { content: "\f164"; } .ays_poll_fa_thumbs_up{ font-size: 14px; } .ays_fa_calendar:before { content: "\f073"; font-weight: 400; } .ays_poll_fa_text::before { content: "\f036"; } .ays_poll_fa_heart_o::before { content: "\f004"; } .ays_poll_fa_arrows:before { content: "\f0b2"; } .ays_poll_fa_minus_square:before { content: "\f146"; } .ays_fa_ellipsis_h:before { content: "\f141"; } .ays_poll_fa-code:before{ content: "\f121"; } .ays_poll_fa-left:before { content: "\f104"; font-weight: 900; } .ays_poll_fa-right:before { content: "\f105"; font-weight: 900; } .ays_poll_fa-poll:before { content: "\f681"; font-weight: 900; } .ays_poll_fa-diamond:before { content: "\f3a5"; font-weight: 900; } .ays_fa_users:before { content: "\f0c0"; font-weight: 900; } .ays_poll_fa-warning:before { content: "\f071"; } .ays_poll_fa_play:before { content: "\f04b"; } .ays_poll_fa-check-square:before { content: "\f14a"; } .ays_poll_fa-xmark-square:before { content: "\f410"; } .ays_fa_arrow_down::before { content: "\f078"; } /*-- (fa --> ays_poll_fa) END --*/ #ui-datepicker-div { /*width: fit-content;*/ width: 200px; font-size: .9em; z-index: 4 !important; } .ays-poll-tab-content fieldset, .ays-settings-wrapper fieldset { border: 1px solid #aaa; padding: 10px; } .ays-poll-tab-content legend, .ays-settings-wrapper legend { width: auto; padding: 0 5px; display: flex; align-items: center; justify-content: space-between; } .ays-poll-tab-content legend h5, .ays-settings-wrapper legend h5 { display: inline-block; margin: 0px 10px 5px; } .ays-notice-banner #navigation-container { position: relative; width: 100%; margin: 0 auto; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; align-content: stretch; padding: 20px; padding-right: 0; background-color: #E1EEFF; } .ays-notice-banner .navigation-bar { width: 100%; text-align:center; } .ays-notice-banner .navigation-bar a.logo-container{ margin: 0 0 0 20px; } .ays-notice-banner .navigation-bar a.logo-container .logo { float: left; width: 80px; } .ays-notice-banner .navigation-bar ul { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; align-items: center; align-content: stretch; padding: 0; margin: 0 20px 0 0; max-width: 100%; min-width: 200px; width: 100%; } .ays-notice-banner .navigation-bar li { padding: 0px; margin-top: 4px; margin-bottom: 4px; margin-right: 44px; } .ays-notice-banner .navigation-bar li:last-child { margin-right: 0; } .ays-notice-banner .navigation-bar li.make_a_suggestion a { color: #EB5757; } .ays-notice-banner .navigation-bar li.make_a_suggestion a:hover { color: #C44949; } .ays-notice-banner .navigation-bar li a { color: #0b328e; cursor: pointer; font-size: 18px; font-weight: 500; line-height: 45px; margin: 0 0 2em; max-width: 160px; position: relative; text-decoration: none; text-transform: capitalize; width: 100%; letter-spacing: 0; } div.ays-notice-banner .navigation-bar li a:after { -webkit-backface-visibility: hidden; backface-visibility: hidden; border: 1px solid rgba(255, 255, 255, 0); bottom: 0; content: " "; display: none; margin: 0 auto; position: relative; transition: all 280ms ease-in-out; width: 0; } .ays-notice-banner .navigation-bar li a:hover{ outline: unset; box-shadow: unset; color: #2275ea; } .ays-notice-banner .modile-ddmenu-lg { display: none; } .ays-notice-banner .modile-ddmenu-sm, .ays-notice-banner .modile-ddmenu-md { display: none; position: relative; width: 80px; } .ays-notice-banner #menu li a.toggle_ddmenu { font-size:25px; /*color: #fff;*/ color: #5561A3; width: 100%; } .ays-notice-banner #menu li a.toggle_ddmenu i.ays_fa{ transition: .1s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .ays-notice-banner li ul.ddmenu { display: none; position: absolute; right: -55px; top: 50px; z-index: 10000; flex-direction: column; width: fit-content; min-width: 200px; text-align: left; /*background-color: #0093E9;*/ background-color: #FFFFFF; /*background-image: linear-gradient(-160deg, #80D0C7 0%, #0093E9 100%);*/ background-image: unset; box-shadow: 0px 4px 4px rgb(188 198 216 / 11%); } .ays-notice-banner li ul.ddmenu[data-expanded="true"] { display: flex; align-items: flex-start; animation: slideInRight .2s; } .ays-notice-banner li ul.ddmenu li { padding-left: 20px; } @media screen and (min-width: 1218px){ .ays-notice-banner .modile-ddmenu-lg { display: block; } } @media screen and (max-width: 1218px){ .ays-notice-banner .modile-ddmenu-md { display: block; } } @media screen and (max-width: 890px){ .ays_menu_left, .ays_menu_right { height: 40% !important; top: 10px; } } @media screen and (max-width: 768px){ div#ays-poll-dicount-month-main.ays_poll_dicount_info.notice { display: none; } .ays-notice-banner .navigation-bar ul.ddmenu { align-items: stretch; } .ays-notice-banner .modile-ddmenu-sm { display: block; } .ays-notice-banner .modile-ddmenu-md { display: none; } #poststuff .metabox-holder.ays-poll-maker-categories-list-tables th#polls, #poststuff .metabox-holder.ays-poll-maker-categories-list-tables td.polls.column-polls{ text-align: initial !important; } div.ays-notice-banner{ width: 100%; } } @media screen and (max-width: 630px){ .ays-notice-banner .navigation-bar ul { min-width: auto; } .ays-notice-banner .modile-ddmenu-sm { display: block; } .ays-notice-banner .modile-ddmenu-md { display: none; } .ays-notice-banner .modile-ddmenu-xs { display: none; } } .ays-fa-margin-right { margin-right: 5px; } /* Notice banner end */ .ays-text-input { width: 100%; height: 40px; } input.ays-text-input, textarea.ays-textarea { display: block; width: 100%; resize: none; } textarea.ays-textarea.wp-editor-area { resize: vertical; } input.ays-text-input.ays-text-input-short { width: 250px; display: inline-block; margin: 7.5px 0; } .ays-select-short { width: 250px; } .ays-redirect-content-left{ margin-right: 10px; } .ays-redirect-parent-box{ display: flex; /*justify-content: space-between;*/ } input.ays-text-input.ays-text-input-short:first-child { margin-top: 0; } textarea.ays-textarea { height: 160px; margin-top: 5px; width: 100%; } #ays-button-top, #ays-button-top-apply, #ays_poll_cancel_top, #ays_poll_cancel, #ays-button-apply, #ays-button-cat, #ays-button, #ays-polls-next-button, #ays-polls-prev-button{ margin-left: 10px; } select.ays-select { width: 200px; height: 40px !important; } .if-not-choosing-hide{ display: none; } .if-choosing .answers-col i { display: inline-block; font-size: 27px; position: relative; top: 5px; left: 5px; color: var(--info); } [id|='select2'] li[id$='-pro'] { color: #e14d43 !important; } #vote-res, #rate-res { position: relative; top: 2px; color: var(--info); font-size: 20px; } div[class|="if"] { display: none; } hr[class|="if"] { display: none; } #add-answer { /*position: absolute;*/ /*left: 275px;*/ cursor: pointer; transition: .2s ease-in; } .remove-answer { cursor: pointer; } .ays-poll-change-notice { font-style: italic; font-size: 12px; margin-left: 10px; color: var(--gray); } input[type=text]:not(#current-page-selector), input[type=search], input[type=tel], input[type=time], input[type=url], input[type=week], input[type=password], input[type=color], input[type=date], input[type=datetime], input[type=datetime-local], input[type=email], input[type=month], input[type=number], select, textarea, .select2-selection__rendered { /*font-size: 16px;*/ /*height: 40px;*/ border-radius: 4px; /* margin-top: -1px; */ } input[readonly] { max-width: 100%; width: 100%; } .ays-field { width: 100%; flex-wrap: wrap; } .ays-poll-shortcode-container { display: flex; align-items: center; } .ays-poll-copy-image { display: flex; justify-content: center; align-items: center; cursor: pointer; margin-right: 5px; } .ays-bg-music-container { display: flex; align-items: center; } a.add-question-image, a.add-poll-bg-music, a.add-bg-image { display: inline-block; background: #666; color: #fff; padding: 5px 10px; box-sizing: border-box; text-decoration: none; border-radius: 3px; transition: all .3s; margin-left: 10px; margin-bottom: 10px; } a.add-poll-bg-music { margin-left: 0px; margin-right: 10px; white-space: nowrap; } .ays-poll-question-image-container{ position: relative; width: 360px; margin: 10px auto; max-width: 100%; } .ays-poll-bg-image-container{ position: relative; width: 300px; /* display: none; */ margin: auto; height: 250px; padding: 10px; } .ays-poll-info-form-text { font-family: unset; background: red; } .ays-poll-question-image-container .ays-remove-question-img, .ays-poll-bg-image-container .ays-remove-bg-img { background: url(../images/remove-normal.png) no-repeat center center/80% rgba(255, 255, 255, .9); position: absolute; display: inline-block; width: 40px; height: 40px; border-radius: 3px; top: 11px; right: 25px; cursor: pointer; transition: all .3s; } .ays-poll-question-image-container .ays-remove-question-img:hover, .ays-poll-bg-image-container .ays-remove-bg-img:hover { background: url(../images/remove-hover.png) no-repeat center center/80% rgba(255, 255, 255, .9); transition: all .3s; } .ays-poll-question-image-container img{ width: 95%; } .ays-poll-bg-image-container img { width: 100%; height: 100%; object-fit: cover; } a.add-question-image:hover, a.add-question-image:focus, a.add-bg-image:hover, a.add-bg-image:focus { outline: none; box-shadow: none; background: #666; transition: all .3s; } .ays-poll-tab-content .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 38px !important; } .select2.select2-container,.select2-container--default.select2-container{ z-index: 10000; } div#tab1 .select2.select2-container,.select2-container--default.select2-container, div#tab1 .pro_features{ z-index: 3; } a.ays-poll-zindex-for-pro-tooltip { z-index: 4; } /* Polls page | Options accordion styles start */ .ays-poll-accordion-header { display: flex; justify-content: flex-start; align-items: center; padding-top: 30px; cursor: pointer; } .ays-poll-accordion-header:hover { color: #008cff; } .ays-poll-accordion-header p.ays-subtitle { margin: 0px; } .ays-poll-accordion-header .ays-poll-accordion-arrow-box { cursor: pointer; } .ays-poll-accordion-header .ays-poll-accordion-arrow { transition: .3s ease; } .ays-poll-accordion-header .ays-poll-accordion-arrow-active { transform: rotate(90deg); } .ays-poll-accordion-header .ays-poll-accordion-arrow.ays-poll-accordion-arrow-active path { fill: #008cff; } /* Polls page | Options accordion styles end */ .select2 { display: inline-block !important; } .select2-selection.select2-selection--single { height: 40px !important; border: 1px solid #ddd !important; box-shadow: inset 0 1px 2px rgba(0, 0, 0, .07) !important; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 39px !important; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 40px !important; } .select2.select2-container { width: 200px !important; } select[multiple] + .select2.select2-container { width: 100% !important; } .ays-poll-tab-content { animation: fadeEffect 1s; display: none; } .ays-poll-tab-content-active { display: block; } @keyframes fadeEffect { from { opacity: 0; } to { opacity: 1; } } .nav-tab-wrapper .nav-tab:focus { box-shadow: none; outline: none; } /*#ays-poll-question_ifr { height: 250px !important; }*/ .ays-poll-container, .ays-poll-live-container { max-width: 900px; margin: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; height: auto; transition: 1s ease-in; } .ays-poll-live-container { width: 96%; margin: 10px auto; background: white; border: none; box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4); padding: 1rem; box-sizing: border-box; position: relative; } #ays_styles_tab, #ays-poll-live-container { max-width: 100%; min-width: 300px; } .ays-poll-style-tab-live-container{ position: sticky; top: 50px; } .flex-apm { margin: 0 auto; border: 1px solid #0C6291; display: flex; justify-content: center; align-items: center; flex-wrap: nowrap; box-sizing: border-box; } .flex-apm > *:not(img):not(.ays-poll-vote-btn):not(span) { margin: .5rem; width: 95%; } .flex-apm * { box-sizing: border-box; padding: 0; } .flex-apm label { display: inline-block; } .ays-poll-vote-btn { line-height: 0.5; margin-bottom: 1rem; } .flex-col-apm { flex-direction: column; align-items: flex-start; } .flex-apm h2, .flex-apm h5 { width: 95%; text-align: center; align-self: center; } .flex-apm .btn { align-self: center; height: 2rem; padding: .5rem; } .ays-poll-img { width: 96%; display: inline-block; margin: 5px auto; } .aligncenter { align-self: center; } .alignleft { align-self: flex-start; } .alignright { align-self: flex-end; } #ays-poll-rate-value { margin-left: 1rem; display: none; } table.wp-list-table.polls .column-id { width:70px; } .ays_help { top: 1px; position: relative; color: var(--info) !important; cursor: help; } .ays_help i { font-size: 14px !important; } div.tooltip { text-align: left !important; position: absolute !important; font-size: 14px; z-index: 99999999999; } .tooltip > .tooltip-inner { position: relative !important; width: max-content !important; max-width: 300px !important; text-align: justify!important; box-shadow: 0px 0px 10px #fff; } .tooltip > .arrow { left: calc(50% + 28px) !important; } .tooltip > .tooltip-inner img { max-width: 100%; height: 100%; object-fit: contain; } .ays-subtitle { font-size: 18px; margin: 15px 0; } /* POLL STYLES FOR LIVE PREVIEW */ .box-apm *:not(i):not(.ays-poll-btn) { color: var(--theme-text-color); } .box-apm i { color: var(--theme-icon-color); font-size: var(--poll-icons-size); } .box-apm.choosing-poll label { background-color: var(--theme-answer-bg-color); border: 1px solid var(--theme-main-color); } .box-apm .apm-title-box { background-color: var(--theme-title-bg-color); } .box-apm.choosing-poll input[type='radio']:checked + label, .box-apm.choosing-poll label.ays_enable_hover:hover { background-color: var(--theme-answer-hover-color, var(--theme-text-color)); color: var(--theme-bg-color); } .box-apm.choosing-poll input[type='radio']:checked + label *, .box-apm.choosing-poll label.ays_enable_hover:hover * { color: var(--theme-answer-bg-color); } .box-apm .apm-title-box { text-align: center; display: var(--poll-display-title); } .box-apm .apm-img-box { display: var(--poll-display-image-box); } .box-apm { width: var(--poll-width); max-width: 100%; margin: 0 auto !important; border-style: var(--poll-border-style); border-radius: var(--poll-border-radius); border-width: var(--poll-border-width); box-shadow: var(--poll-box-shadow); /* border-color: var(--theme-main-color); */ background-color: var(--theme-bg-color); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 14px 0; box-sizing: border-box; /* overflow: hidden; */ transition: .2s ease-in !important; -webkit-transition: -webkit-filter .2s ease-in !important; max-height: 800px; overflow-y: scroll; overflow: auto; padding-bottom: 40px; } .box-apm > div { margin: 16px 0; } .box-apm label { cursor: pointer; } .box-apm * { box-sizing: border-box; padding: 0; margin: 0; } .apm-button-box { width: 100%; text-align: center; } input[type='button'].ays-poll-btn { background-color: var(--theme-main-color); color: var(--theme-bg-color); font-family: sans-serif; font-size: medium; /* line-height: 20px; */ border-radius: 0; box-shadow: unset; border: none; cursor: pointer; display: inline-block; margin: 0 auto; /* padding: 9px 15px; */ /* height: 35px; min-width: 90px; */ transition: .2s ease-in !important; -webkit-transition: -webkit-filter .2s ease-in !important; max-width: 100%; } input[type='button'].ays-poll-btn:hover { border: none; box-shadow: unset; -webkit-filter: opacity(0.7); filter: opacity(0.7); } input[type='button'].ays-poll-btn:focus { outline: none; } .box-apm h2, .box-apm h5 { margin: 0 auto; text-align: center; align-self: center; } .flex-apm { display: flex; flex-wrap: nowrap; align-items: center; } .answer-title.flex-apm { justify-content: space-between; border: none; } .apm-img-box { text-align: center; } .ays-poll-img { width: 100%; display: inline-block; max-width: max-content; } .ays_poll_minimal_theme { display: flex; align-items: center; } .ays_poll_minimal_theme label{ font-weight: initial !important; margin: 3px 0 !important; border: none; } .ays_poll_minimal_theme label.ays_enable_hover:hover, .ays_poll_minimal_theme input[type=radio]:checked + label { background-color: var(--theme-answer-hover-color, initial) !important; color: var(--theme-main-color) !important; font-weight: initial !important; margin: 3px 0 !important; } .ays_poll_minimal_theme input[type='radio']{ display: block !important; } input[type='button'].ays_poll_minimal_theme_btn.ays-poll-btn{ color: initial; background: initial; border: 1px solid var(--theme-text-color); border-radius: 3px; } .box-apm input[type='radio'] { display: none; } .ays_question { text-align: center; } .box-apm.choosing-poll .apm-choosing.ays-poll-field { margin-bottom: 10px; } .apm-choosing label { font-size: 16px; font-weight: normal; display: block; /* margin: 4px auto; */ width: 100%; padding: 10px; /*transition: .3s ease-in;*/ } .choosing-poll input[type='radio']:checked + label { font-weight: bold; } .choosing-poll { padding: 0 14px; } .rating-poll, .voting-poll { text-align: center; } .rating-poll .apm-answers, .voting-poll .apm-answers { display: inline-flex; justify-content: center; align-items: center; flex-wrap: nowrap; } .rating-poll .apm-answers > div { margin: 0 5px; } .voting-poll .apm-answers > div { margin: 0 15px; } .box-apm i { position: relative; } .box-apm label > i.ays_poll_fa-thumbs-down { top: .3em; } .box-apm i::before { font-family: "Font Awesome 5 Free" !important; } /*LIVE PREVIEW STYLES END*/ .apm-pro-feature { color: #e14d43; } .apm-pro-feature-text { color: rgba(33, 37, 41, 0.4); } .apm-pro-feature-text a:hover { text-decoration: none; } .apm-pro-feature-block, .ays_poll_theme_image_div_pro { position: relative; } .ays_poll_theme_image_div_pro { display: flex; width: 60%; } .apm-pro-feature-block .apm-pro-feature-link { position: absolute; width: 100%; height: calc(100% + 2rem); display: flex; align-items: flex-end; justify-content: flex-end; padding-right: 5px; right: 0; top: -1rem; background-color: rgba(0, 0, 0, .2); color: white; cursor: pointer; } .apm-pro-feature-block.apm-types-row .apm-pro-feature-link, .apm-pro-feature-block.apm-themes-row .apm-pro-feature-link { /*width: 60%;*/ justify-content: center; padding-right: 0; } .apm-pro-feature-block.apm-types-row .apm-pro-feature-link { width: 30%; } .apm-types-row .apm-pro-feature-link span, .apm-themes-row .apm-pro-feature-link span { background-color: rgba(0, 0, 0, .7); text-align: center; padding: 5px; width: 100%; } .apm-pro-feature-link a { color: #e14d43 } .nav-tab-wrapper .nav-tab:focus { box-shadow: none; outline: none; } /* Our products PAGE STYLES */ .comparison { max-width: 100%; margin: 0 auto; margin-bottom: 20px; margin-top: 30px; font: 13px/1.4 "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: center; padding: 10px; } .comparison table { width: 100%; border-collapse: collapse; border-spacing: 0; table-layout: auto; } .comparison td, .comparison th { border-right: 1px solid #E8E8E8; empty-cells: show; padding: 10px; border-top: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8; color: #808080; font-size: 15px; } .comparison tbody tr:nth-child(odd) { display: none; } .comparison .compare-row { background: #F7F7F7; } .comparison .ays_poll_fa-check { color: #69C7F1; } .comparison th { font-weight: normal; padding: 0; border-top: 0px solid #E8E8E8; border-bottom: 0px solid #E8E8E8; } .comparison tr td:first-child { text-align: left; padding: 15px; border-left: 1px solid #E8E8E8; border-top: 1px solid #E8E8E8; } .comparison .product, .comparison .tl { color: #FFF; padding: 10px; font-size: 14px; } .comparison .tl2 { border-right: 0; } .comparison .product { background: #69C7F1; height: 40px; font-size: 1.6em; } .comparison .price-info { padding: 15px; } .comparison .price-now, .comparison .price-now span { color: #808080; } .comparison .price-now span { font-size: 36px; color: #545454; } .comparison .price-now p { font-size: 14px; text-align: center; line-height: 16px; display: inline; } .comparison .price-buy { background: #69C7F1; padding: 10px 20px; font-size: 14px; display: inline-block; color: #fff; text-decoration: none; border-radius: 3px; text-transform: uppercase; margin: 5px 0 10px 0; letter-spacing: 1px; cursor: pointer; -webkit-transition: .3s all ease; transition: .3s all ease; } .comparison .price-buy:hover { background: #6BB0DC; } .comparison .ays-poll-pracing-table-td-flex { display: flex; justify-content: center; align-items: center; flex-direction: column; } .comparison .ays-poll-pracing-table-td-flex span { font-size: 11px; color: #96a3bd; text-transform: uppercase; margin-top: 5px; } @media screen and (min-width: 721px) and (max-width: 1000px) { .table_ul li { letter-spacing: 0px; } .comparison .price-now span { font-size: 32px; } .comparison .price-now p { display: block; } } @media screen and (max-width: 720px) { .table_ul { padding: 0px; } .table_ul li { font-size: 10px; line-height: 16px; padding: 3px 0; } .comparison { max-width: 100%; } .comparison td:first-child, .comparison th:first-child { display: none; } .comparison tbody tr:nth-child(odd) { display: table-row; background: #F7F7F7; } .comparison .row { background: #FFF; } .comparison td, .comparison th { border: 1px solid #CCC; border-top: none; padding: 10px; } .price-info { border-top: 0 !important; padding: 10px 0 !important; } .price-info p { line-height: 8px; font-size: 8px !important; } .comparison .compare-row { background: #ffffff; } .comparison .price-now p { display: block; } .comparison .price-now span { font-size: 24px; } .comparison .qbse { font-size: 1.2em; } .comparison td { font-size: 14px; } .comparison th { font-size: 14px; } .ays-poll-col-4{ width: 100%; padding: 5px; } div.comparison .product { font-size: 15px; } } /* Poll Maker Challange Start */ /*.poll-maker-challenge { position: fixed; right: 20px; bottom: 0; width: 230px; z-index: 100110; border-top-left-radius: 4px; border-top-right-radius: 4px; box-shadow: 0 0 30px rgba(0, 0, 0, 0.15); } .poll-maker-challenge .poll-maker-challenge-list-block { border-top-left-radius: 4px; border-top-right-radius: 4px; padding: 26px 20px 20px 20px; background-color: white; overflow: hidden; position: relative; transition: all 0.3s; transition-timing-function: ease; } .poll-maker-challenge .poll-maker-challenge-list-block .list-block-button { position: absolute; color: #8e8e8e; top: 8px; right: 6px; cursor: pointer; width: 20px; height: 20px; background-size: 16px 16px; background-position: center center; background-repeat: no-repeat; transition: 0.3s; z-index: 999; } .poll-maker-challenge .poll-maker-challenge-list-block .list-block-button:hover { color: #3f3939; } .poll-maker-challenge .poll-maker-challenge-list { list-style: decimal; margin: 0; font-size: 14px; line-height: 16px; transition: all 0.3s; padding-left: 10px; } .poll-maker-challenge .poll-maker-challenge-list li { height: 16px; margin-bottom: 17px; transition: opacity 0.1s, height 0.3s, margin 0.3s; } .poll-maker-challenge .poll-maker-challenge-block-timer { padding: 10px 20px; background-color: #222222; box-sizing: border-box; display: flex; align-items: center; line-height: 20px; } .poll-maker-challenge .poll-maker-challenge-block-timer img { width: 40px; height: 40px; border-radius: 50%; margin-right: 10px; } .poll-maker-challenge .poll-maker-challenge-block-timer h3 { font-size: 15px; font-weight: 500; color: #ffffff; margin: 0; }*/ /* Poll Maker Challange End */ .ays-poll-row { display: flex; box-sizing: border-box; } .ays-poll-col-4 { width: 25%; padding: 5px; } .ays-poll-col-4 a { display: inline-block; padding: 5px; } .ays-poll-row .lightbox-opened { background-color: #333; background-color: rgba(51, 51, 51, 0.9); cursor: pointer; height: 100%; left: 0; overflow-y: scroll; padding: 24px; position: fixed; text-align: center; top: 0; width: 100%; z-index: 999999; } .ays-poll-row .lightbox-opened:before { background-color: #333; background-color: rgba(51, 51, 51, 0.9); color: #eee; content: "x"; font-family: sans-serif !important; padding: 6px 12px; position: fixed; text-transform: uppercase; } .ays-poll-row .lightbox-opened img { box-shadow: 0 0 6px 3px #333; max-width: 800px; width: 90%; } .no-scroll { overflow: hidden; } .open-lightbox { cursor: zoom-in; } .lightbox-opened, .lightbox-opened img { cursor: zoom-out; } /* Our products PAGE STYLES END */ .apm-alert { position: fixed; bottom: 1rem; right: 1rem; } .apm-alert .close { padding: .55rem 1.25rem; } .apm-alert .close:focus { outline: none; } table.results .row-actions { /*display: inline-block;*/ } table.eachresults .column-unread, table.results .column-id { width: 10%; } table.results .row-actions { display: inline-block; margin-left: 15px; } .unread-result-badge { margin: 5px auto; width: 10px; height: 10px; border-radius: 50%; background-color: #ccc; } .unread-result-badge.unread-result { background-color: #ffc107; } .results-apm { color: #0C6291; padding: 14px; background: #fff; border: 3px solid; width: 80%; margin: 20px auto; } .results-apm .answer-title{ font-size: 20px; } .results-apm .answer-title .answer-text{ word-wrap: break-word !important; word-break: break-word !important; } div.results-apm div.answer-percent { max-width: 100%; min-width: 1%; padding: 0 3px; margin-bottom: 12px; background-color: #0C6291; border-radius: 5px; text-align: right; font-size: 12px; transition: 1s ease-out !important; color: #fff; font-size: 16px; height: 26px; } /* Results Modal */ div.ays-poll-preloader { display: none; position: absolute; background: rgba(255, 255, 255, 0.8); width: 100%; justify-content: center; height: 100%; align-items: center; } .ays_disable_modal { display: none; } .ays_modal_title { padding: 4px 0px 4px 5px; } .ays_modal_element:not(.ays_modal_question) { margin-top: 10px; } .ays_modal_element label { margin: 0; } .ays-modal-body #add_question_rows_top { margin-top: 10px; margin-bottom: 15px; } /* The Close Button */ .ays-close { color: #aaa; float: right; font-size: 28px; font-weight: bold; } .ays-close:hover, .ays-close:focus { color: black; text-decoration: none; cursor: pointer; } .ays-modal-header { padding: 2px 16px; background-color: whitesmoke; color: #666; } /* The Modal (background) */ .ays-modal { display: none; position: fixed; z-index: 999999999999999999999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); } /* Modal Content/Box */ .ays-modal-content { background-color: #fefefe; margin: auto; /* 15% from the top and centered */ margin-bottom: 30px; margin-top: 100px; border: 1px solid #888; width: 85%; /* Could be more or less, depending on screen size */ z-index: 100000; position: relative; padding-left: 0 !important; animation-duration: .3s; transition: .5s ease-in-out; border-radius: 4px; } /* Modal Body */ .ays-modal-body { padding: 2px 16px; } table#ays-results-table svg { width: 30px; vertical-align: middle; } table#ays-results-table .path { stroke-dasharray: 1000; stroke-dashoffset: 0; } table#ays-results-table .path.circle { -webkit-animation: dash 0.9s ease-in-out; animation: dash 0.9s ease-in-out; } table#ays-results-table .path.line { stroke-dashoffset: 1000; -webkit-animation: dash 0.9s 0.35s ease-in-out forwards; animation: dash 0.9s 0.35s ease-in-out forwards; } table#ays-results-table .path.check { stroke-dashoffset: -100; -webkit-animation: dash-check 0.9s 0.35s ease-in-out forwards; animation: dash-check 0.9s 0.35s ease-in-out forwards; } table#ays-results-table p { display: inline-block; margin: 0; font-size: 1.25em; vertical-align: middle; } table#ays-results-table p.success { color: #73AF55; } table#ays-results-table p.error { color: #D06079; } @-webkit-keyframes dash { 0% { stroke-dashoffset: 1000; } 100% { stroke-dashoffset: 0; } } @keyframes dash { 0% { stroke-dashoffset: 1000; } 100% { stroke-dashoffset: 0; } } @-webkit-keyframes dash-check { 0% { stroke-dashoffset: -100; } 100% { stroke-dashoffset: 900; } } @keyframes dash-check { 0% { stroke-dashoffset: -100; } 100% { stroke-dashoffset: 900; } } table#ays-results-table { width: 100%; } table#ays-results-table tr td { padding: 10px; } table#ays-results-table td h1 { padding: 0; } table#ays-results-table .hr-line td { padding-bottom: 0; } table#ays-results-table .hr-line + tr td { padding-top: 0; } table#ays-results-table tr td:first-child { font-weight: bold; } .pro_features { display: flex; align-items: center; justify-content: center; width: 100%; height: 260px; box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, .5); background-repeat: no-repeat; background-position: top left; z-index: 99999999; margin: 30px 0; } .pro_features_2{ width: 100%; height: 260px; box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, .5); background-repeat: no-repeat; background-position: top left; z-index: 99999999; margin: 30px 0; } .pro_features_by_email { margin: 0; box-shadow: none; display: flex; align-items: flex-end; justify-content: flex-end; width: 100%; height: 468px; background: rgba(0,0,0,.1); z-index: 99999999; top: 0; left: 0; } .pro_features p { color: ghostwhite; font-size: 40px; box-sizing: border-box; padding: 10px 15px; background: rgba(0, 0, 0, .7); border-radius: 3px; } .pro_features p a { color: #f50057; font-weight: 700; transition: all .3s ease-in; } .pro_features p a:hover { color: #C51162; transition: all .3s ease-in; } input.ays_toggle[type=checkbox] { display: none; } label.ays_switch_toggle { cursor: pointer; text-indent: -9999px; width: 35px; height: 14px; background: grey; display: block; border-radius: 50px; position: relative; transition: .3s ease; } [dir="rtl"] label.ays_switch_toggle { text-indent: 9999px; } [dir="rtl"] .color-alpha { right: 0 !important; } label.ays_switch_toggle:after { content: ''; position: absolute; top: -3px; left: -3px; width: 20px; height: 20px; background: #0085ba; border-radius: 30px; transition: 0.3s; } [dir="rtl"] label.ays_switch_toggle:after { left: auto; right: -3px; } input:checked + label.ays_switch_toggle { background: #b7ccea; } input:checked + label.ays_switch_toggle:after { left: calc(100% - -5px); transform: translateX(-100%); } [dir="rtl"] input:checked + label.ays_switch_toggle:after { left: auto; right: calc(100% - -5px); transform: translateX(100%); } label.ays_switch_toggle:hover:after { box-shadow: 0 0 10px #31618c; } .ays_divider_left { border-left: 1px solid #ededed; } .ays_divider_right { border-right: 1px solid #ededed; } .ays_divider_top { border-top: 1px solid #ededed; } .ays_poll_type_image_div input[type="radio"], .ays_poll_theme_image_div input[type="radio"] { display: none; } .ays_poll_type_image_div p, .ays_poll_type_image_div_pro p, .ays_poll_theme_image_div p { text-align: center; margin-bottom: 7px; } .ays_poll_type_image_div img, .ays_poll_type_image_div_pro img { background-color: white; border: 1px solid #0073aa; padding: 5px; transition: .2s ease; } .ays_poll_theme_image_div, .ays_poll_theme_image_div>label { cursor: pointer; } .ays_poll_theme_image_div img { transition: .2s ease; } .ays_poll_type_image_div:not(.apm-pro-feature):hover img, .ays_poll_theme_image_div:not(.apm-pro-feature):hover img { opacity: 0.8; } .ays_vote_limitation_time_period_box { max-width: 33%; } div.row { padding: 0; /* conflict with WP Phlox theme */ } div.col.ays-poll-styles-page-main-container { /* conflict with WP Phlox theme */ padding: 0; margin-left: 0; margin-right: 0; float: none; } /* * Poll themes Mobile | Start */ @media screen and (max-width: 1200px) { div.ays-poll-all-themes-container { overflow-x: scroll; } div.ays-poll-all-themes-container .ays-poll-new-upgrade-button-box { top: 3px; } div.ays-poll-all-themes-container .only_pro { width: 520px; } } @media screen and (max-width: 768px) { .box-apm.choosing-poll label { flex-direction: column !important; } div.ays-poll-themes-pro-features { width: 560px; } div.ays_poll_theme_image_div_pro { width: initial; } div.apm-themes-row .ays_poll_theme_image_div { display: flex; justify-content: center; align-items: center; margin-bottom: 15px; } div.apm-themes-row .ays_poll_theme_image_div label.ays-poll-theme-item { margin: 0 auto; } div.apm-themes-row .ays_poll_theme_image_div_pro{ /*display: block;*/ margin: 0 auto; } #ays-poll-form .wp-picker-container .wp-color-result.button { padding: 0 0 0 30px; } #ays-poll-form input[type=radio] { height: 1rem; width: 1rem; } table.results .row-actions { margin-left: 15px; } } /* * Poll themes Mobile | End */ .apm_active_type img, .apm_active_theme img { box-shadow: 0 0 3px 3px #b73b39; } .apm-types-row { margin-bottom: 1rem; } .apm-loader { width: 95px; margin-right: 10px; padding: 10px 13.5px; border: 1px solid #b3b3b3; background: white; border-radius: 8px; } .apm-loader .loader{ height: auto; } .apm-loader.apm-pro-feature { border-color: #dc3545; } .apm-loader.apm-pro-feature svg { fill: #dc3545; } .apm-loader:last-child { margin-right: 0; } .apm-loading-gif { margin-bottom: 0; margin-top: 0; } .apm-loading-gif svg { width: 36px; height: 42px; } blockquote.error_message { color: crimson; font-size: 12px; font-style: italic; border-color: crimson; } blockquote.error_message a { color: brown; font-weight: bold; } blockquote { font-size: 14px; width: 100%; margin: 0 auto; font-style: italic; color: #555555; padding: 8px 15px 8px 15px; border-left: 5px solid #78c0a8; line-height: 1.6; position: relative; background: #ededed; } blockquote::before { content: none; } blockquote::after { content: ""; } blockquote span { display: block; color: #333333; font-style: normal; font-weight: bold; margin-top: 1em; } .ays_poll_settings_integration_container { border-radius: 8px; border-color: #E0DADA !important; } .ays_poll_settings_integration_container blockquote.error_message { border: none; background-color: #2454a60a; border-radius: 8px; color: #000; font-style: normal; } .ays_poll_settings_integration_container blockquote.error_message a { color: #000 !important; text-decoration: underline; font-size: 18px !important; } i.ays_poll_fa-check-square { color: var(--success); } i.ays_poll_fa-xmark-square { color: var(--danger); } i.ays_poll_fa-square { color: var(--danger); } h1.wp-heading-inline { margin-bottom: 20px; } .ays-poll-each-results-heading-inline { display: flex; align-items: center; justify-content: center; } p.ays-subtitle { margin-top: 20px; font-size: 18px; font-weight: 500; } /*aray*/ .ays-poll-sel-fields, .ays-poll-req-fields { padding: 20px 0; } .ays-poll-sel-fields .ays-poll-check-box.mr-2, .ays-poll-req-fields .ays-poll-check-box.mr-2 { padding: 8px; border: 1px solid #ccc; white-space: nowrap; margin-bottom: .75rem; } .ays-poll-sel-fields .ays-poll-check-box.mr-2 label, .ays-poll-req-fields .ays-poll-check-box.mr-2 label { margin: 0; line-height: 1; vertical-align: baseline; } /*#user_email.manage-column { width: 200px; }*/ a.forArrow { display: inline-block; width: 30px; height: 30px; color: black; } a.forArrow:focus { outline: none; box-shadow: none; } .color-alpha, .wp-picker-container .color-alpha { height: 100% !important; } button:hover .color-alpha, button:active .color-alpha { border-color: #999; } button:active .color-alpha { box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, .5); } .if-logged-in{ border-left: 1px solid #ccc; } blockquote.error_message { color: crimson; font-size: 16px; font-style: italic; border-color: crimson; } blockquote.error_message a { color: brown; font-weight: bold; } blockquote { font-size: 14px; width: 100%; margin: 0 auto; font-style: italic; color: #555555; padding: 8px 15px 8px 15px; border-left: 5px solid #78c0a8; line-height: 1.6; position: relative; background: #ededed; } blockquote::before { content: none; } blockquote::after { content: ""; } blockquote span { display: block; color: #333333; font-style: normal; font-weight: bold; margin-top: 1em; } blockquote.ays_poll_warning_triangle { font-size: 14px; width: 100%; margin: 0 auto; font-style: italic; color: #555555; padding: 8px 15px 8px 15px; border-left: 5px solid #F3BF60; line-height: 1.6; position: relative; background: #ededed; } blockquote.ays_poll_warning_triangle i { color: #F3BF60; } .ays-settings-wrapper { display: flex; } .ays-settings-wrapper .nav-tab-wrapper { min-width: 150px; margin-right: 15px; border-bottom: none; padding: 0; background: revert; } .ays-settings-wrapper .nav-tab-wrapper .nav-tab { display: block; width: 100%; border: 1px solid #ccc; margin: 0; float: none; padding: 5px 10px; font-size: 14px; font-weight: 600; background: #dcdcde; } .ays-settings-wrapper .nav-tab-wrapper .nav-tab-active, .ays-settings-wrapper .nav-tab-wrapper .nav-tab-active:focus, .ays-settings-wrapper .nav-tab-wrapper .nav-tab-active:focus:active, .ays-settings-wrapper .nav-tab-wrapper .nav-tab-active:hover { color: #000; border: 1px solid #ccc; background: #f0f0f1; box-shadow: unset; } .ays-settings-wrapper .nav-tab-wrapper .nav-tab-active { border-bottom: 1px solid #f0f0f1; background: #f0f0f1; color: #000; } .ays-settings-wrapper .nav-tab-wrapper .nav-tab:last-child { border-bottom: 1px solid #ccc; } @media screen and (max-width: 768px) { .ays-poll-results-list-table div.ays-top-menu-wrapper { margin-top: 50px; } } .ays-settings-wrapper .ays-poll-tabs-wrapper { width: 100%; border-left: 1px solid #ccc; padding-left: 15px; } .ays-settings-wrapper .ays-poll-tabs-wrapper p.ays-subtitle { margin-top: 0; } .pro_features_integrations{ width: 97% !important; left: 16px !important; } .ays_select2_pro_disabled + span.select2-container--default.select2-container--focus .select2-selection--multiple{ border:1px solid #aaa; } @media screen and (max-width: 1200px) { .apm-loading-gif svg { width: 30px; height: 25px; } .ays-poll-sel-fields{ flex-direction: column; gap: 10px; max-width: 200px; } .apm-loader { width: 60px; padding: 10px 2.5px; margin-right: 5px; margin-bottom: 5px; } .apm-loader:first-child { margin-left: 50px; } .apm-loader:last-child { margin-right: 5px; } .apm-loader input[type="radio"] { margin: 0; } .if-loading-gif { justify-content: flex-end; } .if-loading-message { text-align: right; } } @media screen and (max-width: 768px) { .if-loading-gif { max-width: 100%; justify-content: flex-start; flex: 0 0 100%; margin-top: 10px; margin-left: 0; } .apm-loader:first-child { margin-left: 0; } .if-loading-message { text-align: left; margin-top: 10px; margin-left: 0; max-width: 100%; flex: 0 0 100%; } } .pro_features, .pro_features_integrations{ margin: 0; box-shadow: none; position: absolute; display: flex; align-items: flex-end; justify-content: flex-end; width: 100%; height: 100%; /* background: rgba(0,0,0,.1); */ background: rgba(53 113 196 / 5%); z-index: 3; z-index: 3; top: 0; left: 0; border-radius: 10px; } div.only_pro .row *:not(i) { color: #A3A3A3; } div.only_pro .row input[type=text], div.only_pro .row input[type=number], div.only_pro .row input[type=button], div.only_pro .row input[type=radio], div.only_pro .row button, div.only_pro .row select, div.only_pro .row textarea, div.only_pro .row .select2-container--default .select2-selection--multiple { border: 1px solid #ccc !important; } div.only_pro .row .ays_help { z-index: 4; } .only_pro_full_tab { opacity: 0.9; } .pro_features.pro_features_popup_only_hover, .pro_features.pro_features_popup { /*background-color: #dfdfdf;*/ background: rgba(53 113 196 / 5%); border-radius: 10px; /* box-shadow: 0 1px 2px 0 #d9d9da; */ color: #636a84; cursor: pointer; display: block; font-size: 14px; overflow: hidden; padding: 10px 5px; text-align: center; text-overflow: ellipsis; transition: all .05s; white-space: nowrap; /*opacity: 0.5;*/ transition: 0.15s; } .pro_features.pro_features_popup_only_hover:hover, .pro_features.pro_features_popup:hover { background-color: #3571C4; background-color: rgba(53 113 196 / 10%); color: #fff; } .only_pro input[type=checkbox] { border: 1px solid #D1D1D1; background: #EDF2FC; } a.ays-poll-new-upgrade-button-link { text-decoration: unset; } .pro_features.centered { align-items: center; justify-content: center; } .pro_features p , .pro_features_by_email p { font-size: 20px; box-sizing: border-box; padding: 5px; border-radius: 3px; margin-right: 5px; } a.only_pro_lik, .pro_features p a , .pro_features_by_email p a { color: #f50057; font-weight: 700; transition: all .3s ease-in; } a.only_pro_lik:hover, .pro_features p a:hover, .pro_features_by_email p a:hover{ color: #C51162; transition: all .3s ease-in; } /* Upgrade button start */ .ays-poll-new-upgrade-button-box { display: flex; justify-content: center; align-items: center; position: absolute; top: -15px; right: 10px; background-color: #ffe9de; color: #F47535; font-size: 15px; padding: 5px 20px; border-radius: 20px; filter: drop-shadow(rgba(0, 0, 0, 0.2) 0px 1px 0.833333px); z-index: 4; cursor: pointer; font-weight: bold; } .ays-poll-new-upgrade-button-box img { width: 24px; } .ays-poll-new-upgrade-button-box:hover { color: #FF5500; } .ays-poll-new-upgrade-button-hover, .ays-poll-new-upgrade-button-box:hover img:not(.ays-poll-new-upgrade-button-hover) { display: none; } .ays-poll-new-upgrade-button-box:hover .ays-poll-new-upgrade-button-hover{ display: inline-block; } /* Upgrade button end */ /* Watch video button start */ .ays-poll-new-watch-video-button-box { display: flex; justify-content: center; align-items: center; position: absolute; top: -15px; right: 145px; background-color: #E0EBFF; color: #6392D4; font-size: 15px; padding: 5px 20px; border-radius: 20px; filter: drop-shadow(rgba(0, 0, 0, 0.2) 0px 1px 0.833333px); z-index: 4; cursor: pointer; font-weight: bold; } .ays-poll-new-watch-video-button-box img { width: 24px; } .ays-poll-new-watch-video-button-box:hover { color: #3571C4; } .ays-poll-new-watch-video-button-hover, .ays-poll-new-watch-video-button-box:hover img:not(.ays-poll-new-watch-video-button-hover) { display: none; } .ays-poll-new-watch-video-button-box:hover .ays-poll-new-watch-video-button-hover{ display: inline-block; } .ays-poll-new-big-button-flex { display: flex; justify-content: center; align-items: center; } @media screen and (max-width: 768px){ div.ays-poll-new-upgrade-button-box, div.ays-poll-new-view-demo-button-box, div.ays-poll-new-watch-video-button-box { font-size: 12px; } div.ays-poll-new-watch-video-button-box{ right: 130px; } div.ays-poll-new-big-button-flex { flex-direction: column; } div.ays-poll-new-big-button-flex > div:nth-child(2) { margin-top: 20px; } div.ays-poll-center-big-watch-video-button-box { margin-right: 0 !important; } div.ays-poll-new-view-demo-button-box{ top: 30px; right: 80px; } } /* Watch video button end */ /* View Demo button start */ .ays-poll-new-view-demo-button-box { display: flex; justify-content: center; align-items: center; position: absolute; top: -15px; /*right: 310px;*/ right: 145px; background-color: #e0ffe4; color: #178c07; font-size: 15px; padding: 5px 20px; border-radius: 20px; filter: drop-shadow(rgba(0, 0, 0, 0.2) 0px 1px 0.833333px); z-index: 4; cursor: pointer; font-weight: bold; } .ays-poll-new-view-demo-button-box img { width: 24px; } .ays-poll-new-view-demo-button-box:hover { color: #0f5c05; } /*.ays-poll-new-view-demo-button-hover, .ays-poll-new-view-demo-button-box:hover img:not(.ays-poll-new-view-demo-button-hover) { display: none; }*/ /*.ays-poll-new-view-demo-button-box:hover .ays-poll-new-view-demo-button-hover{ display: inline-block; }*/ /* View Demo button end */ .ays-poll-sm-content-row-sg { background-color: #ecf6ff; margin: 70px 0; } .ays-poll-sm-main-container-sg * { margin: 0; padding: 0; box-sizing: border-box; background-repeat: no-repeat; } .ays-poll-sm-center-box-sg { display: flex; align-items: center; justify-content: center; } .ays-poll-sm-guarantee-container-sg { width: 70%; margin: auto; padding: 15px 0; } .ays-poll-sm-guarantee-container-sg img { width: 200px; margin-right: 30px; } .ays-poll-sm-guarantee-text-container-sg { max-width: 555px; } .ays-poll-sm-guarantee-container-sg h3 { font-size: 32px; text-transform: uppercase; color: #5F61FB; font-weight: 600; margin-bottom: 20px; } .ays-poll-sm-guarantee-container-sg p { font-size: 14px; color: #6A6A6A; line-height: 1.5em; } /* Big buttons start */ .ays-poll-center-big-main-button-box{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 4; visibility: hidden; } .only_pro:hover .ays-poll-center-big-main-button-box{ visibility: visible; } .only_pro .ays-poll-center-big-main-button-box .ays-poll-center-new-big-upgrade-button{ display: flex; background-color: #fff; border-radius: 31px; color: #F47535; font-size: 25px; box-shadow: 0px 1px 2px #00000036; font-weight: 700; cursor: pointer; text-decoration: none; width: 250px; height: 65px; align-items: center; justify-content: center; flex-wrap: wrap; } .only_pro .ays-poll-center-big-main-button-box .ays-poll-center-new-big-upgrade-button img{ width: 40px; } .only_pro .ays-poll-center-big-main-button-box .ays-poll-center-new-big-upgrade-button:hover{ color: #FF5500; } /* .ays-poll-new-upgrade-button-hover, .ays-poll-center-big-main-button-box:hover img:not(.ays-poll-new-upgrade-button-hover) { display: none; } .ays-poll-center-big-main-button-box:hover .ays-poll-new-upgrade-button-hover{ display: inline-block; } */ /* Big buttons end */ /* Big View Demo button start */ .only_pro .ays-poll-center-big-main-button-box .ays-poll-center-new-big-view-demo-button{ display: flex; background-color: #fff; border-radius: 31px; color: #178c07; font-size: 25px; box-shadow: 0px 1px 2px #00000036; font-weight: 700; cursor: pointer; text-decoration: none; width: 250px; height: 65px; align-items: center; justify-content: center; flex-wrap: wrap; } .only_pro .ays-poll-center-big-main-button-box .ays-poll-center-new-big-view-demo-button img{ width: 40px; } .only_pro .ays-poll-center-big-main-button-box .ays-poll-center-new-big-view-demo-button:hover{ color: #0f5c05; } /* Big View Demo button end */ /* Big Watch Video button start */ body.locale-ru-ru span.ays-poll-center-new-watch-video-demo-name, .only_pro .ays-poll-center-big-main-button-box .ays-poll-center-new-big-upgrade-button { font-size: 18px; } body.locale-ru-ru .ays-poll-message-vars-box .ays-poll-message-vars-icon { width: 200px; } .only_pro .ays-poll-center-big-main-button-box .ays-poll-center-big-watch-video-button-box { display: flex; background-color: #fff; border-radius: 31px; color: #6392D4; font-size: 25px; box-shadow: 0px 1px 2px #00000036; font-weight: 700; cursor: pointer; text-decoration: none; width: 250px; height: 65px; align-items: center; justify-content: center; flex-wrap: wrap; margin-right: 10px; } .only_pro .ays-poll-center-big-main-button-box .ays-poll-center-big-watch-video-button-box img{ width: 40px; } .only_pro .ays-poll-center-big-main-button-box .ays-poll-center-big-watch-video-button-box:hover{ color: #3571C4; } .ays-poll-new-upgrade-button-hover, .ays-poll-center-new-big-upgrade-button:hover img.ays-poll-new-button-img-hide { display: none; } .ays-poll-center-new-big-upgrade-button:hover .ays-poll-new-upgrade-button-hover{ display: inline-block; } /* Big View Demo button end */ .only_pro.ays-poll-margin-top-20 { margin-top: 20px; } .ays-poll-margin-top-20 { margin-top: 20px; } .ays-poll-new-upgrade-button-link:focus { box-shadow: unset; } /*PRO features popup | start*/ .pro_features.pro_features_popup_only_hover, .pro_features.pro_features_popup { /*background-color: #dfdfdf;*/ background: rgba(53 113 196 / 5%); border-radius: 10px; /*box-shadow: 0 1px 2px 0 #d9d9da;*/ color: #636a84; cursor: pointer; display: block; font-size: 14px; overflow: hidden; padding: 10px 5px; text-align: center; text-overflow: ellipsis; transition: all .05s; white-space: nowrap; /*opacity: 0.5;*/ transition: 0.15s; } .pro_features.pro_features_popup_only_hover:hover, .pro_features.pro_features_popup:hover { background-color: #3571C4; background-color: rgba(53 113 196 / 10%); color: #fff; } .only_pro input[type=checkbox] { border: 1px solid #D1D1D1; background: #EDF2FC; } div.only_pro input, div.only_pro textarea { background: rgba(255, 255, 255, 0.5); border-color: rgba(220, 220, 222, 0.75); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04); color: rgba(44, 51, 56, 0.5); } div.only_pro select { border-color: rgba(220, 220, 222, 0.75); color: rgba(44, 51, 56, 0.5); } div.only_pro button { border-color: rgba(220, 220, 222, 0.75); color: rgba(44, 51, 56, 0.5); } div.only_pro label.ays_poll_rw_icon, div.only_pro label.ays_poll_loader { border-color: rgba(220, 220, 222, 0.75); font-weight: normal; } div.pro-features-popup-conteiner { display: none; } #pro-features-popup-modal .ays-modal-header { padding: 0 16px; justify-content: flex-end; } #pro-features-popup-modal .ays-modal-body { padding: 20px; } #pro-features-popup-modal .ays-modal-content { margin: auto; border-radius: 5px; } #pro-features-popup-modal .ays-modal-header .ays-close-pro-popup { color: #aaa; float: right; font-size: 28px; font-weight: bold; cursor: pointer; } #pro-features-popup-modal .pro-features-popup-modal-left-section { padding: 0; display: flex; justify-content: center; align-items: center; } #pro-features-popup-modal .pro-features-popup-modal-right-section { padding-right: 0; } #pro-features-popup-modal .pro-features-popup-modal-right-box, #pro-features-popup-modal .pro-features-popup-modal-right-box-footer-text { text-align: center; } #pro-features-popup-modal .pro-features-popup-modal-right-box-icon { margin-top: 1em; } #pro-features-popup-modal .pro-features-popup-modal-right-box-icon i { font-size: 40px; } #pro-features-popup-modal .pro-features-popup-modal-right-box-title { color: #1d2327; font-size: 1.3em; margin-bottom: 1em; font-weight: 600; } #pro-features-popup-modal .pro-features-popup-modal-right-box-content { width: 90%; margin: auto; } #pro-features-popup-modal .pro-features-popup-modal-right-box-content div { margin-top: 5px; } #pro-features-popup-modal .pro-features-popup-modal-right-box-content p { margin-bottom: 0px; margin-top: 0; font-size: 15px; text-align: justify; } #pro-features-popup-modal .pro-features-popup-modal-right-box-button { margin-top: 20px; } #pro-features-popup-modal .pro-features-popup-modal-right-box-button .pro-features-popup-modal-right-box-link { -webkit-appearance: none; background: #fff; border: 1px solid #dcdfe6; border-radius: 4px; box-sizing: border-box; color: #606266; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 500; line-height: 1; margin: 0; outline: 0; padding: 12px 20px; text-align: center; transition: .1s; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; white-space: nowrap; text-decoration: none; background-color: #409eff; border-color: #409eff; color: #fff; } #pro-features-popup-modal .pro-features-popup-modal-right-box-button .pro-features-popup-modal-right-box-link:hover{ background: #66b1ff; border-color: #66b1ff; color: #fff; } #pro-features-popup-modal .pro-features-popup-modal-left-section iframe { max-width: 100%; } .only_pro_save_as_default .pro_features.pro_features_popup { background-color: transparent; } .only_pro_save_as_default .pro_features.pro_features_popup:hover { background-color: transparent; } .only_pro_save_as_default .button.ays_default_btn { opacity: 0.4; } @media screen and (min-width: 1500px){ #pro-features-popup-modal .ays-modal-content { width: 60%; } } @media screen and (max-width: 768px){ div#pro-features-popup-modal .pro-features-popup-modal-left-section iframe { height: 315px; max-width: 100%; } div#pro-features-popup-modal .ays-modal-header .ays-close-pro-popup { position: absolute; right: 5px; top: -5px; } div#pro-features-popup-modal .ays-modal-body .row { padding: 20px; } div#pro-features-popup-modal .pro-features-popup-modal-right-section { padding: 0; } div#pro-features-popup-modal .pro-features-popup-modal-right-box-content { width: 90%; } div.ays_save_default_button_box { display: block; } .ays-poll-show-result-view-type{ display: flex; flex-direction: column; gap: 10px; } } /*PRO features popup | end*/ .ays_integration_logo { width: 50px; height: auto; } .ays_actDect, .ays-poll-date-create{ width: 200px !important; margin: 0 !important; } .ays_select_role_img{ width: 100%; height: auto; } label.ays_poll_answer_icon:before{ content: ""; display: inline-block; background: #ddd; background-clip: content-box; width: 20px; height: 20px; border: 3px solid #ccc; padding: 4px 3px 3px 3px; box-sizing: border-box; transition: all .4s linear; vertical-align: middle; margin-right: 10px; margin-bottom: 2px; } label.ays_poll_answer_icon[for="poll_answer_icon_radio"]:before{ border-radius: 50%; } label.ays_poll_answer_icon{ border: 1px solid #ccc; padding: 8px; display: flex; } .form-check input[type=radio] { margin-top: 3px !important; } .ays_poll_block_with_hidden_row input[type=radio] { margin-top: 0 !important; } input[type=radio]:checked::before { content: ""; border-radius: 50%; width: .5rem; height: .5rem; margin: .1875rem; background-color: #1e8cbe; line-height: 1.14285714; } table.ays-answers-table{ border-collapse: collapse; width: 100%; margin-top: 15px; } table.ays-answers-table th, table.ays-answers-table td{ background: #fff; border-bottom: 1px solid #B8B8B8; font-weight: normal !important; padding: 10px; vertical-align: middle; text-align: center; } table.ays-answers-table th:first-child, table.ays-answers-table td:first-child{ width: 100px; cursor: move; } .ays-modal-body table.ays-answers-table td:first-child{ cursor: default; } table.ays-answers-table td:first-child .ays_fa_arrows { position: absolute; width: 100%; height: 100%; top: 0; left: 0; vertical-align: middle; display: flex; justify-content: center; align-items: center; } table.ays-answers-table th.th-350 { width: 350px; } table.ays-answers-table th.th-650{ width: 650px; } table.ays-answers-table th.th-150{ width: 100px; } table.ays-answers-table tr.even th, table.ays-answers-table tr.even td{ background: #f1f1f1; } table.ays-answers-table tr th, table.ays-answers-table tr td{ transition: .5s ease-in-out; } table.ays-answers-table thead{ text-transform: uppercase; } table.ays-answers-table thead th{ background: #666; color: white; } table.ays-answers-table td:not(:first-child) { border-left: 1px solid #B8B8B8; } table.ays-answers-table input:not([type='checkbox']) { width: 100%; } table.ays-answers-table textarea { width: 100%; } table.ays-answers-table label.ays-label { margin-top: 0; } .ays-answers-table{ margin-bottom: 20px; } @media screen and (max-width: 620px) { .allow_add_answers_not_show_up_container { border-top: 1px solid #ededed; padding-top: 10px; flex: 0 0 100%; max-width: 100%; } .allow_add_answers_not_show_up div.ays_divider_left { border: none; padding-right: none; } .allow_add_answers_not_show_up>div.col-10 { padding-left: 0; } .ays_poll_allow_add_answers_flex_container>div.col-1, .ays_poll_allow_add_answers_flex_container>div.col-4 { max-width: 100%; } .ays_poll_allow_add_answers_flex_container>div.col-4 { flex: 0 0 80%; padding-left: 0; } } @media screen and (max-width: 768px) { div.ays-poll-answers-table-scroll-mobile { padding-bottom: 10px; } table.ays-answers-table { table-layout: fixed; } .bottom-buttons-container{ flex-direction: column; } } .ui-sortable-helper input{ width: 100%; } /* a.add-answer-image , a.ays-poll-add-answer-image{ display: inline-block; background: url(../images/icons/add-img-icon.svg) no-repeat center center/80% rgba(255,255,255, 0); color: #fff !important; padding: 5px 10px; box-sizing: border-box; text-decoration: none; border-radius: 3px; transition: all .3s; margin-left: 10px; margin-bottom: 10px; margin-top: 10px !important; } */ .add-answer-image.add-answer-image , a.ays-poll-add-answer-image{ margin: auto; } a.ays-delete-answer{ color: #dc3545 !important; font-size: 20px !important; } a.ays-add-answer i, a.ays-delete-answer i{ vertical-align: middle; } a.ays-add-answer:hover, a.ays-add-answer:focus, a.ays-delete-answer:hover, a.ays-delete-answer:focus{ outline: none; box-shadow: none; text-decoration: none; } #tab1 a.ays-add-answer { color: #666; font-size: 30px; display: inline-block; /* margin-left: 10px; */ } /* pics */ .ays-poll-answer-image-container img { width: 100%; height: 100px; object-fit: cover; object-position: center center; /* box-shadow: 0px 0px 10px; */ min-width: 100px; min-height: 100px; } .ays-poll-answer-image-container{ width: 50%; margin: auto; width: 100px; position: relative; display: none; margin: 10px auto; } @media screen and (max-width: 768px) { .ays-poll-answer-image-container { width: 80px; } .ays-poll-answer-image-container img { min-width: 70px; } } .ays-poll-form #tab1 table.ays-answers-table td.ays-answer-redirect-row{ padding-left:3px; padding-right:3px; } .ays-poll-answer-image-container .ays-poll-remove-answer-img{ /* background: url(../images/remove-normal.png) no-repeat center center/80% rgba(255,255,255, .9); */ background: url(../images/icons/Xclose.svg) no-repeat center center/80% rgba(255,255,255, 0); position: absolute; display: inline-block; width: 25px; height: 25px; border-radius: 3px; top: 0px; right: 0px; cursor: pointer; transition: all .3s; /* box-shadow: 0px 0px 5px; */ } /* View type settings */ .ays-poll-grid-type-columns{ background-color: #00000057; } .ays_poll_grid_view_container { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; } .ays-poll-field.ays_poll_list_view_item{ display: flex; } .ays_poll_grid_view_item{ width: calc(50% - 5px); } .ays_poll_list_view_item{ width: 100%; } .ays-poll-answer-image-live{ width: 220px; height: 220px; object-fit: cover; } label.ays_poll_label_without_padding{ padding: 10px; flex-direction: column; align-items: center; } label.ays_poll_label_without_padding span.ays_poll_label_text_with_padding, span.ays-poll-each-answer { padding: 5px; word-break: break-word; } label.ays_poll_answer_icon{ border: 1px solid #ccc; padding: 8px; display: flex; } label.ays_poll_answer_icon:before, label.ays_poll_answer_icon_radio:before, label.ays_poll_answer_icon_checkbox:before{ content: ""; display: inline-block; background: #ddd; background-clip: content-box; width: 20px; height: 20px; border: 3px solid #ccc; padding: 3px 3px 3px 3px; box-sizing: border-box; transition: all .4s linear; vertical-align: middle; margin-right: 10px; margin-bottom: 2px; } label.ays_poll_answer_icon[for="poll_answer_icon_radio"]:before, label.ays_poll_answer_icon_radio:before{ border-radius: 50%; } .ays_reset_answers_div{ padding-left: 15px; display: inline-block; } .ays_poll_fa-list:before { content: "\f022"; } /*How to use Submenu Style Start*/ .ays-poll-faq-main{ max-width: 800px; margin: auto; text-align: center; } .ays-poll-faq-main p{ color: #3a546f; font-size: 18px; } .ays-poll-faq-main ol{ color: #3a546f; } div.wrap .ays-poll-wp-heading-inline{ font-size: 27px; color: #364150; font-weight: 700; letter-spacing: -1px; } .ays-poll-faq-main h2{ color: inherit; font-size: 22px; font-weight: 400; letter-spacing: -1px; margin-bottom: 20px; } .ays-poll-p-container p{ font-weight: 600; } .ays-poll-ol-container ol { text-align: left; } .ays-poll-asked-questions .ays-pro-asked-question:first-child { border-top: 1px solid #e5ecf6; } .ays-poll-asked-question { margin: 0; border-bottom: 2px solid #000; } .ays-poll-asked-question__header { cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; align-items: center; padding: 0 22px; min-height: 50px; } .ays-poll-asked-question__title h4{ font-size: 19px; color: #364150; } .ays-poll-asked-question__body { text-align: left; color: #3a546f; font-size: 18px; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; padding: 0 22px; } .ays-poll-asked-question__arrow { cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 10px; background: #f7faff; width: 20px; height: 20px; border-radius: 100%; } .ays-poll-faq-main .ays-poll-faq-footer{ font-size: 15px; margin-top: 50px; } /*How to use Submenu Style End*/ .ays_option_with_default_measurement_unit { display: flex; } .ays_option_default_measurement_unit { margin-left: 15px; } .ays_option_default_measurement_unit input { display: inline-block; width: 63.5px; height: 40px; text-align: center; border: 1px solid rgba(34,36,38,.15); border-radius: unset; padding: 13px 13px 17px 13px; } @-webkit-keyframes ays_poll_pulse { from, to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 50% { -webkit-transform: scale3d(1.2, 1.2, 1.2); transform: scale3d(1.2, 1.2, 1.2) } } @-moz-keyframes ays_poll_pulse { from, to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 50% { -webkit-transform: scale3d(1.2, 1.2, 1.2); transform: scale3d(1.2, 1.2, 1.2) } } @-ms-keyframes ays_poll_pulse { from, to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 50% { -webkit-transform: scale3d(1.2, 1.2, 1.2); transform: scale3d(1.2, 1.2, 1.2) } } @keyframes ays_poll_pulse { from, to { -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 50% { -webkit-transform: scale3d(1.2, 1.2, 1.2); -moz-transform: scale3d(1.2, 1.2, 1.2); -ms-transform: scale3d(1.2, 1.2, 1.2); transform: scale3d(1.2, 1.2, 1.2) } } .ays_poll_pulse { -webkit-animation-name: ays_poll_pulse; -moz-animation-name: ays_poll_pulse; -ms-animation-name: ays_poll_pulse; animation-name: ays_poll_pulse; } .wrap h1.ays-poll-maker-wrapper{ text-align: center; font-size: 40px; margin-bottom: 20px; } .ays_heart_beat i.ays_fa{ color: red!important; } .ays_heart_beat { font-size: 20px; margin-left: 10px; } .ays_poll_display_none{ display: none; } .swal2-container.swal2-shown{ z-index: 10000; } div.ays-poll-type-block{ margin-bottom: 0; /*overflow-x: auto;*/ } div.ays-poll-answers-table-scroll-mobile { overflow-x: auto; } /* .ays_logo_container{ display: flex; padding: 0; } */ .ays-poll-logo-image-container{ display: flex; } form#ays-poll-form .ays_live_logo_container{ position: absolute; left: 3px; /* bottom: 3px; */ text-align: left; /* margin-bottom: 0px; */ margin: 0; padding-bottom: 3px; } .ays_logo_cont_image_on{ padding-bottom: 50px; position: relative; } .display_none{ display: none !important; } div[class~='fade']:not(.show){ opacity: 1; } /* Our products, results page,*/ label.ays_poll_loader { margin-right: 5px; border: 1px solid #ccc; display: inline-flex; align-items: center; padding: 8px; } .ays_poll_loader { margin-right: 5px; border: 1px solid #ccc; display: inline-flex; align-items: center; padding: 8px; line-height: 25px; } /*show results by*/ div.ays_poll_loader_show_results_by label.ays_poll_check_label.form-check-label { display: flex; align-items: center; } div.ays_poll_loader_show_results_by { margin-right: 10px; border: 1px solid #b3b3b3; background: #fff; display: inline-flex; align-items: center; padding: 10px 13.5px; border-radius: 8px; } /*show results by end*/ /* .ays_poll_hidden_block_content.ays_divider_left { padding-left: 20px; } */ .ays_save_buttons_content{ display: flex; justify-content: space-between; } @media screen and (max-width: 1300px) { .ays_poll_block_with_hidden_row.ays_poll_result_view_type>div>div.col-sm-9 .form-group.row { align-items: start; flex-direction: column; } .ays_poll_block_with_hidden_row.ays_poll_result_view_type>div>div.col-sm-9 .form-group.row>div { max-width: 100%; } .ays_poll_block_with_hidden_row.ays_poll_result_view_type>div>div.col-sm-9 .form-group.row>div.col-sm-8 { padding-left: 15px !important; margin-top: 20px; } } @media screen and (max-width: 1024px) { .ays_poll_block_with_hidden_row.ays_poll_result_view_type div.col-sm-10 div.form-group.row>div.col-sm-4>div { justify-content: flex-start !important; } .ays_poll_result_view_type .ays_poll_hidden_hr_content { display: none !important; } .ays_poll_block_with_hidden_row.ays_poll_result_view_type>.form-group.row>.col-sm-10>.form-group.row>.col-sm-4 { margin-bottom: 20px; } } @media screen and (max-width: 782px) { .ays_save_buttons_content{ flex-direction: column; align-items: center; } #ays-poll-form.ays-poll-form .ays_save_buttons_content .ays_save_buttons_box_for_mobile#ays-save-buttons-box-for-mobile { display: flex; flex-direction: column; } .ays_save_default_button_box { display: flex; flex-direction: column; } .ays_save_as_default_content_for_mobile { display: flex; align-items: center; } .col-sm-12.only_pro .form-check.form-check-inline.ays_poll_loader_show_results_by { margin-bottom: 5px; } } .button.ays_default_btn{ background-color: #ffa500; color: #fffdfd; border-color: #ffa500; margin-right: 0; opacity: 0.6; } .button.ays_default_btn:focus, .button.ays_default_btn:active, .button.ays_default_btn:hover{ background-color: #f59e00; color: #fff; border-color: #f59e00; } .button.ays_default_btn:focus{ box-shadow: 0 0 0 1px #fff, 0 0 0 3px #f59e00; } div.ays_lb_container { padding-top: 15px; padding-bottom: 30px; width: 100%; } ul.ays_lb_ul { list-style-type: none; margin: 0; padding: 0; font-size: 17px; } li.ays_lb_li { display: flex; height: 40px; align-items: center; } .ays_lb_pos { min-width: 40px; width: auto; text-align: center; white-space: nowrap; } .ays_lb_user { width: 65%; word-break: break-word; padding-right: 3px; } .ays_lb_score { width: 20%; min-width: 75px; text-align: right; } .ays_lb_duration { width: 30%; min-width: 100px; text-align: right; padding-right: 30px; } li.ays_lb_li:nth-child(odd) { background: #F6F8EF; } li.ays_lb_li:first-child { background: #99BB5A; color: white; } input.ays-poll-answer-results-short-input{ width: 200px; } hr.ays_hr_display_none{ display: none; } #ays_poll_default_cat + .select2.select2-container{ width: 100% !important; } #ays_poll_default_type + .select2.select2-container{ width: 100% !important; } /* Featured plugins */ /*.card img{ width: 128px; margin: auto; }*/ .coming-soon span { font-size: 25px; font-weight: 600; background: -webkit-linear-gradient(19deg, #21D4FD 0%, #B721FF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /*.card { min-height: 380px; }*/ div.ays_poll_types_pro{ flex-wrap: wrap; } div.ays_poll_types_pro .pro_features{ width: 200px; } div#ays_poll_answer_chart{ margin-top: 15px; } /* Ask a question box start */ div.ays_ask_question_content { display: flex; justify-content: flex-end; position: fixed; bottom: 10px; right: 10px; z-index: 99999; } div.ays_ask_question_content .ays-ask-question-content-inner-hidden-text{ position: absolute; display: block; /* display: inline-block; */ opacity: 0; padding: 7px; font-size: 16px; } div.ays_ask_question_content:hover .ays-ask-question-content-inner-hidden-text{ opacity: 1; display: inline-block; position: static; transition: .5s; } div.ays_ask_question_content:hover .ays_poll_question_link{ border-radius: 29px; } div.ays_ask_question_content .ays-ask-question-content-inner-question-mark-text{ padding: 8px; background-color: white; color: #258BB3; border-radius: 50%; display: inline-block; } div.ays_ask_question_content_inner { position: relative; } a.ays_poll_question_link { color: white; font-weight: bold; box-shadow: unset; outline: none; display: flex; justify-content: center; align-items: center; text-align: center; background-color: #258BB3; border-radius: 50%; bottom: 0; right: 0; font-size: 18px; padding: 16px; display: inline-block; line-height: 0.5; text-decoration: none !important; } /* Our products (new design) */ .ays-poll-cards-block { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: 38px 0 2px; align-items: stretch; } .ays-poll-card__text-hidden { display: none; } .ays-poll-card { width: 32%; margin-bottom: 65px; background-color: #fff; display: flex; flex-direction: column; justify-content: space-between; border-radius: 2px; } .ays-poll-card__content { display: flex; justify-content: space-between; background-color: #fff; padding: 25px 12px 8px 19px; min-height: 140px; flex: 1 0 auto; } .ays-poll-card__content-img-box { margin-right: 14px; } .ays-poll-card__img { width: 85px; height: 85px; border-radius: 9px; } .ays-poll-card__title { font-style: normal; margin-bottom: 12px; font-weight: 600; font-size: 22px; line-height: 24px; color: #18191f; } .ays-poll-card__text { font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; color: #4c4d54; } .ays-poll-card__footer { background-color: #f7f7f7; padding: 25px 20px; } .ays-poll-card__btn-info { display: inline-block; color: #2b74b9; border: 1px solid #2b74b9; padding: 10px 16px; background-color: #fff; font-weight: 500; font-size: 14px; line-height: 14px; border-radius: 2px; transition: background-color 0.3s ease-in-out, text-decoration 0.3s ease-in-out, color 0.3s ease-in-out, border 0.3s ease-in-out; margin-right: 10px; } .ays-poll-card__btn-primary { display: inline-block; color: #ffffff; border: 1px solid transparent; padding: 10px 16px; background-color: #2b74b9; font-weight: 500; font-size: 14px; line-height: 14px; border-radius: 2px; transition: background-color 0.3s ease-in-out, text-decoration 0.3s ease-in-out, color 0.3s ease-in-out; } .ays-poll-card__btn-info:hover { text-decoration: none; background-color: #cdc8c81a; border: 1px solid #0e63b3; } .ays-poll-card__btn-primary:hover { text-decoration: none; background-color: #0067c9; color: #ffffff; } .ays-poll-card__btn-info.disabled { color: #a7aaad !important; border-color: #dcdcde !important; background: #f6f7f7 !important; box-shadow: none !important; cursor: default; transform: none !important; outline: unset; } #ays-poll-intro-title { font-size: 38px; font-weight: 600; margin: 30px 0; width: 50%; } .flexible { flex-grow: 1; } .ays-poll-see-all { text-align: center; } .ays-poll-all-btn { background: #2b74b9; padding: 10px 18px; display: block; max-width: 240px; color: #fff; text-align: center; margin: 20px auto 30px; box-shadow: -1px 4px 8px 1px rgb(76 151 222 / 15%), 3px 4px 29px rgb(110 177 240 / 40%); border-radius: 2px; font-weight: 600; font-size: 20px; line-height: 28px; position: relative; text-transform: capitalize; transition: background-color 0.3s ease-in-out, text-decoration 0.3s ease-in-out, color 0.3s ease-in-out; } .ays-poll-card__btn-primary:visited, .ays-poll-all-btn:visited { color: #fff; } .ays-poll-all-btn:hover { text-decoration: none; background-color: #0067c9; color: #ffffff; } .ays-poll-all-btn:before { content: ""; top: 50%; right: 112%; width: 100%; height: 1px; background-color: #dfdfdf; position: absolute; pointer-events: none; } .ays-poll-all-btn:after { content: ""; top: 50%; left: 112%; width: 100%; height: 1px; background-color: #dfdfdf; position: absolute; pointer-events: none; } /* Our products Media Queries */ /* max-width */ @media screen and (max-width: 1160px) { .ays-poll-all-btn:before { width: 60%; } .ays-poll-all-btn:after { width: 60%; } } @media screen and (max-width: 1096px) { .ays-poll-card { width: 47%; } #ays-poll-intro-title { font-size: 33px; width: 67%; } .ays-poll-card__img { width: 93px; height: 93px; } .ays-poll-card__content { min-height: 140px; } .ays-poll-card__text { font-size: 15px; } .ays-poll-card__footer { padding: 25px 15px; } } @media screen and (max-width: 992px) { .ays-poll-card__text { font-size: 16px; } } @media screen and (max-width: 786px) { .ays-poll-card { width: 48%; } #ays-poll-intro-title { font-size: 33px; width: 85%; } } @media screen and (max-width: 662px) { .ays-poll-card { width: 74%; margin-left: auto; margin-right: auto; } .ays-poll-card__title { font-size: 24px; } .ays-poll-card__text { font-size: 18px; line-height: 24px; } .ays-poll-card { min-height: 220px; } .ays-poll-card__footer { padding: 25px 14px; } .ays-poll-all-btn:before { width: 40%; } .ays-poll-all-btn:after { width: 40%; } .ays-poll-card { margin-bottom: 50px; } } @media screen and (max-width: 574px) { .ays-poll-card { width: 78%; } .ays-poll-card__btn-info { padding: 10px 18px; font-size: 15px; } .ays-poll-card__btn-primary { padding: 10px 18px; font-size: 15px; } .ays-poll-all-btn { padding: 7px 14px; max-width: 210px; font-size: 19px; margin: 8px auto 10px; } .ays-poll-card__footer { padding: 25px 14px; } .ays-poll-all-btn:before { display: none; } .ays-poll-all-btn:after { display: none; } #ays-poll-intro-title { font-size: 30px; width: 98%; } } @media screen and (max-width: 520px) { .ays-poll-card { width: 85%; } .ays-poll-card__title { font-size: 22px; } } @media screen and (max-width: 375px) { .ays-poll-card { width: 94%; } .ays-poll-card__text { font-size: 16px; line-height: 23px; } #ays-poll-intro-title { font-size: 28px; width: 100%; } .ays-poll-all-btn { padding: 5px 12px; max-width: 185px; font-size: 17px; margin: 8px auto 30px; } .ays-poll-card__content { display: flex; justify-content: space-between; background-color: #fff; padding: 18px 11px 5px 18px; min-height: 140px; flex: 1 0 auto; } } /* min-width */ @media screen and (min-width: 1440px) { .ays-poll-card__title { font-size: 24px; } .ays-poll-card__img { width: 93px; height: 93px; } .ays-poll-card__text { font-size: 17px; } .ays-poll-card__btn-info { padding: 10px 17px; } .ays-poll-card__btn-primary { padding: 10px 17px; } .ays-poll-card__btn-info { font-size: 16px; } .ays-poll-card__btn-primary { font-size: 16px; } .ays-poll-card__text { font-size: 16px; } .ays-poll-card__title { font-size: 24px; } .ays-poll-card__content { padding: 20px 20px 8px 22px; } #ays-poll-intro-title { font-size: 42px; font-weight: 600; margin: 30px 0; width: 50%; } .ays-poll-card__footer { padding: 22px 24px; } } @media screen and (min-width: 1820px) { .ays-poll-card__text-hidden { display: inline; } #ays-poll-intro-title { width: 32%; } .ays-poll-card__text { font-size: 14px; } .ays-poll-card__title { font-size: 18px; } } @media screen and (min-width: 1820px) { #ays-poll-intro-title { width: 36%; } } .ays-poll-articles-and-video-wrap { text-align: center; width: 70%; margin: auto; margin-bottom: 60px; } .ays-poll-heading-box { float: right; margin-top: 10px; } .ays-poll-heading-box .ays-poll-wordpress-user-manual-box a { display: inline-block; width: auto; min-width: 80px; padding: 5px 14px; font: 500 12px / 16px "Roboto", Arial, sans-serif; letter-spacing: -.25px; text-transform: capitalize; border-color: #ddd; background-color: transparent; color: #888; cursor: pointer; margin: 0; border: 2px solid transparent; border-radius: 4px; text-decoration: underline; text-align: center; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .ays-poll-heading-box .ays-poll-wordpress-user-manual-box a:hover { color: #666; } @-webkit-keyframes ays_pulse { from, to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 50% { -webkit-transform: scale3d(1.2, 1.2, 1.2); transform: scale3d(1.2, 1.2, 1.2) } } @-moz-keyframes ays_pulse { from, to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 50% { -webkit-transform: scale3d(1.2, 1.2, 1.2); transform: scale3d(1.2, 1.2, 1.2) } } @-ms-keyframes ays_pulse { from, to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 50% { -webkit-transform: scale3d(1.2, 1.2, 1.2); transform: scale3d(1.2, 1.2, 1.2) } } @keyframes ays_pulse { from, to { -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 50% { -webkit-transform: scale3d(1.2, 1.2, 1.2); -moz-transform: scale3d(1.2, 1.2, 1.2); -ms-transform: scale3d(1.2, 1.2, 1.2); transform: scale3d(1.2, 1.2, 1.2) } } .ays_pulse { -webkit-animation-name: ays_pulse; -moz-animation-name: ays_pulse; -ms-animation-name: ays_pulse; animation-name: ays_pulse; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } /* Our products (new design) END */ @media screen and (max-width: 640px){ div.ays_ask_question_content{ display: none; } } /* Ask a question box end */ div#ays_poll_dicount_banner a.ays-poll-sale-banner-link{ cursor: pointer; } div#ays_poll_dicount_banner a.ays-poll-sale-banner-link:focus{ outline: none; border: 0; text-decoration: unset; box-shadow: unset; } span.ays_poll_small_hint_text { font-style: italic; color: gray; display: inline-block; font-size: 12px; } .ays_poll_small_hint_text_for_message_variables { font-style: italic; font-size: 11px; color: gray; } input.ays-text-input-90-width { width: 90px; max-width: 100%; } button.disabled-button{ border: none; font-size: 14px; padding: 4px 6px 5px 8px; background: #0073aa; color: white; opacity: 0.5; } button.disabled-button:focus, button.disabled-button:focus-visible { outline: none; border: none; } .ays_poll_check_label{ margin-right: 5px; } .ays_poll_logo_image_main{ object-fit: cover; } span.ays_poll_small_hint_text { font-style: italic; color: gray; display: block; font-size: 12px; } #ays_poll_buttons_size + .select2.select2-container{ width: 250px !important; } form#ays-poll-form p.ays-poll-subtitle-button{ font-weight: 500; } form#ays-poll-form .ays_poll_display_flex{ display: flex; justify-content: center; align-items: center; padding:8px 0px; } form#ays-poll-form .ays_show_user_added{ margin-left: 10px; /* height: 1rem; width: 1rem; */ } /* PRO FEATUERS */ .ays-show-user-history-table-wrap, .ays-poll-all-results-table-wrap { border: 2px dashed #9E9E9E; padding: 20px; display: flex; } .ays-show-user-history-table, .ays-poll-all-results-table { height: 100%; margin: 0; } .ays-show-user-history-table .ays_user_history_sortable_placeholder, .ays-poll-all-results-table li, .ays-show-user-history-table li { font-weight: normal !important; font-size: 14px; padding: 9px; vertical-align: middle; text-align: center; margin-right: 10px; cursor: move; position: relative; float: left; } .ays-show-user-history-table li:last-child, .ays-poll-all-results-table li:last-child { clear: right; } .ays-show-user-history-table li label, .ays-poll-all-results-table li label { margin-bottom: 0; } .ays-show-user-history-table .ays_user_history_sortable_placeholder { border: 1px dotted #aaa; background-color: #ccc; } ul.ays-show-user-history-table li.ays-user-history-option-row input[type=checkbox], ul.ays-poll-all-results-table li.ays-poll-all-results-table-row input[type=checkbox] { max-width: 1rem; } div.ays_answer_font_size_box input.ays_answer_font_size, div#ays-poll-border-side-box select#ays-poll-border-side, div#ays-poll-border-side-box select#ays-poll-border-side + .select2.select2-container, div#ays_poll_image_background_size_box select#ays_poll_image_background_size + .select2.select2-container { width: 100% !important; } /* Scroll Bar */ div.box-apm::-webkit-scrollbar { width: 5px; } div.box-apm::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey; border-radius: 10px; } div.box-apm::-webkit-scrollbar-thumb { background: #A8A8A8; border-radius: 10px; } div.box-apm::-webkit-scrollbar-thumb:hover { background: #A8A8A8; } .ays-poll-general-settings-blockquote-ul > li { border-bottom: 1px solid rgb(85 85 85 / 30%); } .ays-poll-general-settings-blockquote-ul > li:last-child { border-bottom: unset; } .ays-poll-general-settings-ul { padding-left: 40px; list-style: circle; } form#ays-poll-form div.apm-title-box h5{ word-break: break-word; word-wrap: break-word; padding: 5px; } select#ays_poll_title_alignment + span.select2-container, select#ays_poll_title_alignment_mobile + span.select2-container { width: 250px !important; } form#ays-poll-form div.ays-poll-maker-text-live-preview{ padding: 0 10px; } form#ays-poll-form div.ays-poll-maker-text-live-preview input#ays_poll_text_type_short_live, form#ays-poll-form div.ays-poll-maker-text-live-preview textarea#ays_poll_text_type_paragraph_live{ background-color: #f3f5f7; transition: .5s; } form#ays-poll-form div.ays-poll-maker-text-live-preview textarea#ays_poll_text_type_paragraph_live{ min-height: 120px; width: 100%; padding: 16px 0px 16px 16px; overflow: hidden; resize: none; border: 0; border-radius: 4px 4px 0 0; box-shadow: unset; outline: none; } form#ays-poll-form div.ays-poll-maker-text-live-preview input#ays_poll_text_type_short_live{ /* width: 60%; */ height: 40px; resize: none; border: 0; border-radius: 4px 4px 0 0; box-shadow: unset; outline: none; } form#ays-poll-form div.ays-poll-maker-text-live-preview input#ays_poll_text_type_short_live:hover{ background-color: #d8d8d8; } form#ays-poll-form div.ays-poll-maker-text-live-preview textarea#ays_poll_text_type_paragraph_live:hover{ background-color: #d8d8d8; } div#wpbody div.wrap div.ays-poll-maker-htu-header{ text-align: center; clear: both; } div#wpbody div.wrap div.ays-poll-maker-op-header{ text-align: center; } form#ays-poll-form .ays-poll-tab-content .wp-picker-container .iris-strip.iris-slider.iris-alpha-slider{ margin-left: 7.8125px !important; } .ays-poll-tabs-wrapper #tab4 blockquote span.ays-poll-blockquote-span { font-weight: 600; font-style: italic; margin: 0; } form#ays-poll-form select.ays_poll_select_short{ width: 70px; } form#ays-poll-form #ays_poll_text_type_width,form#ays-poll-form #ays_poll_text_type_placeholder{ width: 100%; height: 40px; } form#ays-poll-form #ays_poll_question_image_object_fit{ width: 250px; } #poststuff .metabox-holder.ays-poll-maker-categories-list-tables th#polls, #poststuff .metabox-holder.ays-poll-maker-categories-list-tables td.polls.column-polls{ text-align: center; } /* Poll Responsive tabs start */ div.ays-top-menu-wrapper { position: relative; display: flex; align-items: center; } .ays_menu_left, .ays_menu_right { position: absolute; cursor: pointer; font-size: 16px; height: 80%; display: none; align-items: center; bottom: 0; z-index: 3; } .ays_menu_left { left: -10px; padding-right: 20px; padding-left: 2px; } .ays_menu_right { right: -10px; padding-left: 20px; padding-right: 2px; } .ays_menu_left:hover { background-image: linear-gradient(to right, #000 , transparent); color: #ccc; border-radius: 50% 0 0 50%; } .ays_menu_right:hover { background-image: linear-gradient(to left, #000 , transparent); color: #ccc; border-radius: 0 50% 50% 0; } div.ays-top-menu-wrapper div.ays-top-menu { overflow: hidden; width: 100%; margin: auto; } div.ays-top-menu-wrapper div.ays-top-menu div.ays-top-tab-wrapper { display: flex; flex-wrap: nowrap; transform: translate(0); transition: .5s ease-in-out; padding-right: 7px; padding-left: 0; background: revert; padding-bottom: 0; } /* Poll Responsive tabs end */ form#ays-poll-general-settings-form .ays-poll-message-variables-inputs{ font-size: 16px; height: 40px; border-radius: 4px; margin-top: 2px; width: 350px; } .form-group.row.ays-poll-button-box .ays-poll-button-first-row, .form-group.row.ays-poll-button-box .ays-poll-button-second-row { padding: 0; } .form-group.row.ays-poll-button-box .ays-poll-button-second-row { position: relative; display: flex; justify-content: center; } .form-group.row.ays-poll-button-box .ays-poll-button-second-row .ays-button { z-index: 9999; } .form-group.row.ays-poll-button-box .ays-poll-button-second-row .ays-poll-category-prev-button { margin-right: 10px; } .form-group.row.ays-poll-button-box .button.ays_default_btn { opacity: 1; } @media screen and (max-width: 640px){ div.form-group.row.ays-poll-button-box .ays-poll-button-second-row { justify-content: flex-start; margin-top: 10px; } } @media screen and (max-width: 575px){ .ays_divider_right{ border: none; } .ays_poll_hidden_block_content.ays_divider_left { border-left: none; } .col-sm-9.ays_option_with_default_measurement_unit { padding-left: 0; } } @media screen and (max-width: 425px){ .ays_divider_right{ border: none; } #ays-poll-maker-countdown-main-container li { padding: 14px 8px; } #ays-poll-maker-countdown-main-container li span { min-width: 50px; min-height: 50px; font-size: 30px; } div.if-choosing div.form-group.row { flex-wrap: nowrap; } } .ays-poll-new-watch-video-button-box, .ays-poll-new-upgrade-button-box { top: -25px; } } .ays-poll-heading-box { float: right; margin-top: 10px; } .ays-poll-heading-box .ays-poll-wordpress-user-manual-box a { display: inline-block; width: auto; min-width: 80px; padding: 5px 14px; font: 500 12px/16px "Roboto",Arial,sans-serif; letter-spacing: -.25px; text-transform: capitalize; border-color: #ddd; background-color: transparent; color: #888; cursor: pointer; margin: 0; border: 2px solid transparent; border-radius: 4px; text-decoration: underline; text-align: center; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .ays-poll-heading-box .ays-poll-wordpress-user-manual-box a:hover { color: #666; } .ays-poll-heading-box .ays-poll-wordpress-user-manual-box a:focus { /*box-shadow: 0 0 0 1px #ddd, 0 0 2px 1px #f1f1f1;*/ box-shadow: unset; outline: unset; } .ays-poll-heading-box .ays-poll-wordpress-user-manual-box a { padding: 5px 0px; font-style: italic; } /* Our products (new design)*/ .ays-poll-cards-block { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: 38px 0 2px; align-items: stretch; } .ays-poll-card__text-hidden { display: none; } .ays-poll-card { width: 32%; margin-bottom: 65px; background-color: #fff; display: flex; flex-direction: column; justify-content: space-between; border-radius: 2px; } .ays-poll-card__content { display: flex; justify-content: space-between; background-color: #fff; padding: 25px 12px 8px 19px; min-height: 140px; flex: 1 0 auto; } .ays-poll-card__content-img-box { margin-right: 14px; } .ays-poll-card__img { width: 85px; height: 85px; border-radius: 9px; } .ays-poll-card__title { font-style: normal; margin-bottom: 12px; font-weight: 600; font-size: 22px; line-height: 24px; color: #18191f; } .ays-poll-card__text { font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; color: #4c4d54; } .ays-poll-card__footer { background-color: #f7f7f7; padding: 25px 20px; } .ays-poll-card__btn-info { display: inline-block; color: #2b74b9; border: 1px solid #2b74b9; padding: 10px 16px; background-color: #fff; font-weight: 500; font-size: 14px; line-height: 14px; border-radius: 2px; transition: background-color 0.3s ease-in-out, text-decoration 0.3s ease-in-out, color 0.3s ease-in-out, border 0.3s ease-in-out; margin-right: 10px; cursor: pointer; } .ays-poll-card__btn-primary { display: inline-block; color: #ffffff; border: 1px solid transparent; padding: 10px 16px; background-color: #2b74b9; font-weight: 500; font-size: 14px; line-height: 14px; border-radius: 2px; transition: background-color 0.3s ease-in-out, text-decoration 0.3s ease-in-out, color 0.3s ease-in-out; } .ays-poll-card__btn-info:hover { text-decoration: none; background-color: #cdc8c81a; border: 1px solid #0e63b3; } .ays-poll-card__btn-primary:hover { text-decoration: none; background-color: #0067c9; color: #ffffff; } #ays-poll-intro-title { font-size: 38px; font-weight: 600; margin: 30px 0; width: 50%; } .flexible { flex-grow: 1; } .ays-poll-see-all { text-align: center; } .ays-poll-all-btn { background: #2b74b9; padding: 10px 18px; display: block; max-width: 240px; color: #fff; text-align: center; margin: 20px auto 30px; box-shadow: -1px 4px 8px 1px rgb(76 151 222 / 15%), 3px 4px 29px rgb(110 177 240 / 40%); border-radius: 2px; font-weight: 600; font-size: 20px; line-height: 28px; position: relative; text-transform: capitalize; transition: background-color 0.3s ease-in-out, text-decoration 0.3s ease-in-out, color 0.3s ease-in-out; } .ays-poll-card__btn-primary:visited, .ays-poll-all-btn:visited { color: #fff; } .ays-poll-all-btn:hover { text-decoration: none; background-color: #0067c9; color: #ffffff; } .ays-poll-all-btn:before { content: ""; top: 50%; right: 112%; width: 100%; height: 1px; background-color: #dfdfdf; position: absolute; pointer-events: none; } .ays-poll-all-btn:after { content: ""; top: 50%; left: 112%; width: 100%; height: 1px; background-color: #dfdfdf; position: absolute; pointer-events: none; } /* Our products Media Queries*/ /* max-width */ @media screen and (max-width: 1160px) { .ays-poll-all-btn:before { width: 60%; } .ays-poll-all-btn:after { width: 60%; } } @media screen and (max-width: 1096px) { .ays-poll-card { width: 47%; } #ays-poll-intro-title { font-size: 33px; width: 67%; } .ays-poll-card__img { width: 93px; height: 93px; } .ays-poll-card__content { min-height: 140px; } .ays-poll-card__text { font-size: 15px; } .ays-poll-card__footer { padding: 25px 15px; } } @media screen and (max-width: 992px) { .ays-poll-card__text { font-size: 16px; } } @media screen and (max-width: 786px) { .ays-poll-card { width: 48%; } #ays-poll-intro-title { font-size: 33px; width: 85%; } } @media screen and (max-width: 662px) { .ays-poll-card { width: 74%; margin-left: auto; margin-right: auto; } .ays-poll-card__title { font-size: 24px; } .ays-poll-card__text { font-size: 18px; line-height: 24px; } .ays-poll-card { min-height: 220px; } .ays-poll-card__footer { padding: 25px 14px; } .ays-poll-all-btn:before { width: 40%; } .ays-poll-all-btn:after { width: 40%; } .ays-poll-card { margin-bottom: 50px; } } @media screen and (max-width: 574px) { .ays-poll-card { width: 78%; } .ays-poll-card__btn-info { padding: 10px 18px; font-size: 15px; } .ays-poll-card__btn-primary { padding: 10px 18px; font-size: 15px; } .ays-poll-all-btn { padding: 7px 14px; max-width: 210px; font-size: 19px; margin: 8px auto 10px; } .ays-poll-card__footer { padding: 25px 14px; } .ays-poll-all-btn:before { display: none; } .ays-poll-all-btn:after { display: none; } #ays-poll-intro-title { font-size: 30px; width: 98%; } } @media screen and (max-width: 520px) { .ays-poll-card { width: 85%; } .ays-poll-card__title { font-size: 22px; } } @media screen and (max-width: 375px) { .ays-poll-card { width: 94%; } .ays-poll-card__text { font-size: 16px; line-height: 23px; } #ays-poll-intro-title { font-size: 28px; width: 100%; } .ays-poll-all-btn { padding: 5px 12px; max-width: 185px; font-size: 17px; margin: 8px auto 30px; } .ays-poll-card__content { display: flex; justify-content: space-between; background-color: #fff; padding: 18px 11px 5px 18px; min-height: 140px; flex: 1 0 auto; } } /* min-width */ @media screen and (min-width: 1440px) { .ays-poll-card__title { font-size: 24px; } .ays-poll-card__img { width: 93px; height: 93px; } .ays-poll-card__text { font-size: 17px; } .ays-poll-card__btn-info { padding: 10px 17px; } .ays-poll-card__btn-primary { padding: 10px 17px; } .ays-poll-card__btn-info { font-size: 16px; } .ays-poll-card__btn-primary { font-size: 16px; } .ays-poll-card__text { font-size: 16px; } .ays-poll-card__title { font-size: 24px; } .ays-poll-card__content { padding: 20px 20px 8px 22px; } #ays-poll-intro-title { font-size: 42px; font-weight: 600; margin: 30px 0; width: 50%; } .ays-poll-card__footer { padding: 22px 24px; } } @media screen and (min-width: 1820px) { .ays-poll-card__text-hidden { display: inline; } #ays-poll-intro-title { width: 32%; } .ays-poll-card__text { font-size: 14px; } .ays-poll-card__title { font-size: 18px; } } @media screen and (min-width: 1820px) { #ays-poll-intro-title { width: 36%; } } /* Community */ @media (min-width: 1250px) { .ays-poll-community-wrap .ays-poll-community-item { width:calc(28.3333333% - 13.3333333px) } .ays-poll-community-wrap .ays-poll-community-item:nth-child(3n) { margin-right: 0 } } @media (max-width: 1249px) { .ays-poll-community-wrap .ays-poll-community-item { width:calc(50% - 10px) } .ays-poll-community-wrap .ays-poll-community-item:nth-child(2n) { margin-right: 0 } } @media (max-width: 767px) { div.ays-poll-community-wrap .ays-poll-community-item { width:100%; margin-right: 0 } div.ays-poll-community-youtube-video iframe { width: 100%; } } .ays-poll-community-wrap { text-align: center; width: 95%; margin: auto; margin-bottom: 60px; } .ays-poll-community-wrap *, .ays-poll-community-wrap *::before, .ays-poll-community-wrap *::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ays-poll-community-wrap .ays-poll-community-container { display: flex; flex-wrap: wrap; justify-content: center; margin: 20px; margin-top: 40px; } .ays-poll-community-wrap .ays-poll-community-item { /*border: 1px solid #DDDDDD;*/ margin: 0 20px 20px 0; background-color: #FAF8F8; position: relative; box-shadow: 0px 2px 16px 2px rgba(178, 218, 240, 0.25), 0px 4px 16px #FAF8F8; border-radius: 2px; } .ays-poll-community-wrap .ays-poll-community-item-cover { width: 100%; height: 120px; position: relative; display: block } .ays-poll-community-wrap .ays-poll-community-item-img { width: auto; height: auto; max-width: 80px; max-height: 80px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; font-size: 70px; line-height: 80px; } .ays-poll-community-wrap .ays-poll-community-item-img.ays_fa_youtube_play { color: #B74141; } .ays-poll-community-wrap .ays-poll-community-item-img.ays_fa_users { color: #E78A2C; } .ays-poll-community-wrap .ays-poll-community-item-title { margin: 17px 20px 10px 20px; font-size: 16px } .ays-poll-community-wrap .ays-poll-community-item-desc { margin: 0 20px 100px 20px; font-size: 14px } .ays-poll-community-wrap .ays-poll-community-item-footer { position: absolute; width: 100%; bottom: 0; padding: 20px; /*border-top: 1px solid #dddddd; background-color: #F7F7F7*/ } .ays-poll-community-wrap .button { display: inline-block; width: 150px; background-color: #FAF8F8; color: #1C75A6; font-weight: bold; border: 1px solid #0e6897; padding: 3px 34px; height: auto; /*line-height: 13px;*/ /*text-shadow: 1px 1px 1.5px rgba(0,0,0,0.35);*/ transition: 0.5s; } .ays-poll-community-wrap .button:hover { background: #008ec2; border-color: #006799; color: #fff; } .ays_poll_type_image_div .ays_poll_type_link { display: flex; align-items: center; justify-content: center; } .ays_poll_type_image_div .ays_poll_type_link a { font-size: 12px; } .ays_poll_type_image_div .ays_poll_type_label_div { display: flex; align-items: center; justify-content: center; } /* CUSTOM FIELDS VIDEO */ .ays-poll-how-to-user-custom-fields-box{ display: flex; justify-content: center; align-items: center; flex-direction: column; margin-bottom: 10px; } /**/ /* div.wrap h1.wp-heading-inline .ays-poll-add-new-button, div.wrap h1.wp-heading-inline .ays-poll-add-new-cat-button, .ays-notice-banner .ays-poll-add-new-button{ background-color: #08A9BE; padding: 10px 20px; border: 1px solid #08A9BE; color: #ffffff; border-radius: 5px; font-size: 13px; font-weight: 500; } div.wrap h1.wp-heading-inline .ays-poll-add-new-button:hover, div.wrap h1.wp-heading-inline .ays-poll-add-new-cat-button:hover { text-decoration: underline; } */ .ays-poll-add-new-button, .ays-poll-add-new-cat-button { margin: 0 10px !important; } .ays-poll-create-poll-video-box{ display: flex; justify-content: center; align-items: center; flex-direction: column; margin-bottom: 10px; } .ays-poll-create-poll-youtube-video-button-box{ margin: 0px; } .ays-poll-create-poll-youtube-video-button-box.create-poll-youtube-video-bottom{ margin: 80px 0 10px; } .ays-poll-create-poll-youtube-video { margin: 10px auto; } .ays-poll-youtube-placeholder { position: relative; cursor: pointer; max-width: 100%; width: 560px; height: 315px; margin: 0 auto; } .ays-poll-create-poll-youtube-video iframe { max-width: 100%; } .ays-poll-youtube-placeholder img { display: block; width: 100%; height: 100%; object-fit: contain; } @media screen and (max-width: 768px) { div.ays-poll-youtube-placeholder { width: 100%; height: auto; } } .ays-poll-add-new-button-video{ background-color: #08A9BE; color: #fff !important; outline: none; border-radius: 5px; box-shadow: unset; padding: 10px 20px; border: 1px solid #08A9BE; display: inline-block; font-size: 13px; font-weight: 500; } .wrap.ays-poll-list-table .ays-poll-add-new-button-new-design { background: #2275EA; border-color: #2275EA; border-radius: 8px; padding: 5px 27px; color:white; } .wrap.ays-poll-list-table .ays-poll-add-new-button-new-design:hover { background: #0f34e7; color:white; } .wrap.ays-poll-list-table .ays-poll-add-new-button-new-design:active { padding: 5px 27px; line-height: 28px; } .wrap.ays-poll-list-table .ays-poll-add-new-button-new-design img { width: 10px; margin-top: -2px; margin-right: 5px; } .wrap.ays-poll-list-table .ays-poll-create-poll-youtube-video-button-box .ays-poll-add-new-button-new-design { padding: 10px 30px; } .wrap.ays-poll-list-table .ays-poll-create-poll-youtube-video-button-box .ays-poll-add-new-button-new-design:hover { padding: 10px 30px; text-decoration: unset; } div.ays_save_default_button_box .ays-poll-next-prev-button-class{ background-color: #005AE0; max-height: 30px; min-height: 30px; display: inline-block; text-decoration: none; font-size: 13px; line-height: 2.15384615; margin: 4px; margin-top: 0px; padding: 0 10px; cursor: pointer; border-width: 1px; border-style: solid; -webkit-appearance: none; border-radius: 3px; white-space: nowrap; box-sizing: border-box; } div.ays_save_default_button_box .ays-poll-next-prev-button-class:hover{ background-color: #004CBD; } .ays_save_default_button_box{ padding-top: 4px; } div.ays_save_default_button_box .ays-poll-prev-poll-button, .ays_poll_next_poll_button{ /* opacity: 0.8; */ } div.ays-poll-answers-redirect-alignment { height: 55px; align-items: center; } #tab5 span.ays-poll-small-hint-fields-placeholders { display: none; } #tab6 span.ays-poll-message-variables-hint-text { font-size: 18px; } #tab6.ays-poll-message-variables-text-divider-for-mobile { display: none; } div.ays-poll-export-import-box { display: flex; justify-content: flex-end; padding-right: 5px; } a.ays-poll-crown-img-container img { width: 18px; } a.ays_save_default_button_box { padding-right: 90px; } @media screen and (max-width: 782px) { .ays-poll-youtube-video-responsive { max-width: 100%; } #tab5 span.ays-poll-small-hint-fields-placeholders { display: block; } #tab5 span.ays-poll-title-fields-placeholders { display: none; } #tab6 span.ays-poll-message-variables-text-divider { display: none } #tab6 p.vmessage { margin-bottom: 30px; } form#ays-poll-general-settings-form .ays-poll-message-variables-inputs { width: 100% } #tab6.ays-poll-message-variables-text-divider-for-mobile { display: block; } #tab6 span.ays-poll-message-variables-hint-text { font-size: 14px; } div.ays-poll-crown-img-container { right: 15px; } div.ays_save_default_button_box { padding-right: 0; } } .ays-poll-dropdown-select-width-250 { width: 250px; } /*Redirect to another poll from polls edit page select start*/ .ays-poll-subtitle-main-box{ position: relative; } .ays-poll-polls-data{ position: absolute; top: 27px; max-height: 350px; overflow: auto scroll; z-index: 99999; background-color: #ffff; border-radius: 3px; border: 1px solid grey; width: 200px; display: none; } .ays-poll-polls-data::-webkit-scrollbar { width: 0.2em; } .ays-poll-polls-data::-webkit-scrollbar-track{ box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } .ays-poll-polls-data::-webkit-scrollbar-thumb{ background-color: darkgrey; outline: 1px solid slategrey; border-radius: 5px; } .ays-poll-polls-data .ays-poll-polls-each-data{ border-bottom: 1px solid #80808059; cursor: pointer; } .ays-poll-polls-data .ays-poll-polls-each-data:hover{ background-color: #E8F0FF; } .ays-poll-message-vars-each-data-checker:checked + div.ays-poll-message-vars-each-data{ background-color: #e1e1e1; } .ays-poll-message-vars-each-data-label{ display: block; margin: 0; } .ays-poll-open-list { display: flex; } .ays-poll-open-list > img.ays-poll-open-polls-list { margin-left: 20px; cursor: pointer; } .ays-poll-subtitle-main-box .ays-poll-polls-data .ays-poll-go-to-polls{ display: inline-block; color: unset; border: 0; outline: unset; box-shadow: unset; padding: 8px 0 8px 8px; width: 100%; cursor: pointer; } .ays-poll-subtitle-main-box .ays-poll-polls-data .ays-poll-go-to-polls { text-decoration: none; } /*Redirect to another poll from polls edit page select end*/ #bulk-action-selector-bottom, #bulk-action-selector-top, #bulk-action-selector-top-select-top, #bulk-action-selector-top-select-bottom { height: 30px; } /* Select message vars galleries page | Start */ .ays-poll-message-vars-box{ display: flex; justify-content: flex-end; flex-direction: column; align-items: flex-end; user-select: none; position: relative; } .ays-poll-subtitle-main-box{ position: relative; min-height: 27px; word-break: break-word; } .ays-poll-message-vars-box .ays-poll-message-vars-icon{ display: flex; width: 150px; justify-content: space-between; cursor: pointer; margin-bottom: 15px; } .ays-poll-message-vars-box .ays-poll-message-vars-icon span{ font-size: 13px; margin-right: 5px; } .ays-poll-message-vars-data{ position: absolute; top: 27px; max-height: 350px; overflow: auto scroll; z-index: 99999; background-color: #ffff; border-radius: 3px; width: 250px; display: none; box-shadow: 0 0px 0px 0.5px #00000087; } .ays-poll-message-vars-data::-webkit-scrollbar{ width: 0.2em; } .ays-poll-message-vars-data::-webkit-scrollbar-track{ box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } .ays-poll-message-vars-data::-webkit-scrollbar-thumb{ background-color: darkgrey; outline: 1px solid slategrey; border-radius: 5px; } .ays-poll-message-vars-data .ays-poll-message-vars-each-data{ border-bottom: 1px solid #80808059; cursor: pointer; } .ays-poll-message-vars-data .ays-poll-message-vars-each-data{ padding: 8px 0 8px 8px; } .ays-poll-message-vars-each-data-checker:checked + div.ays-poll-message-vars-each-data{ background-color: #e1e1e1; } .ays-poll-message-vars-each-data-label{ display: block; margin: 0; } @media only screen and (max-width: 768px) { div.ays-poll-sm-guarantee-container-sg { width: 100%; } div.ays-poll-sm-guarantee-container-sg img { width: 140px; margin-right: 20px; } div.ays-poll-sm-guarantee-container-sg h3 { font-size: 19px; } div.ays-poll-sm-guarantee-container-sg p { font-size: 12px; } div.wrap.ays-poll-features-wrap-box { margin: 0; } div.comparison { padding: 0; } } div.ays_polls_list_table .heading_buttons_container { display: flex; justify-content: space-between; margin: 10px 0; padding-right: 30px; } /*Quick Poll Start*/ div.wrap .wp-heading-block { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } /* div.wrap .create_quick_poll_container { display: flex; justify-content: flex-end; margin: 10px 0; padding-right: 30px; } */ div.wrap .create_quick_poll { display: flex; justify-content: center; align-items: center; border: 3px solid #1db3c8; border-radius: 50%; cursor: pointer; width: 60px; height: 60px; } div.wrap .create_quick_poll img { width: 35px; height: 35px; } /* The Modal (background) */ .ays_poll_modal { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000; animation-duration: .5s; transition: .5s ease-in-out; outline: 0; overflow-y:scroll; background: #0000008a; } .ays_poll_modal_content { background-color: #fefefe; margin: auto; /* 15% from the top and centered */ margin-bottom: 30px; margin-top: 40px; border: 1px solid #888; width: 50%; z-index: 10000; position: relative; padding-left: 0 !important; animation-duration: .3s; transition: .5s ease-in-out; border-radius: 4px; overflow: hidden; } .ays-modal-header { height: 50px; padding: 0 16px; color: #666; background-color: whitesmoke; position: relative; display: flex; align-items: center; justify-content: space-between; } .ays-modal-header .ays-close-quick-create { color: #666; font-size: 30px; font-weight: 500; position: absolute; bottom: 15px; right: 5px; cursor: pointer; } .ays-close-quick-create:hover, .ays-close-quick-create:focus { color: #000; } .ays-modal-poll-title-add, .ays-modal-poll-question-add, .ays-modal-poll-answers-section { display: flex; flex-direction: column; } .ays-modal-poll-question-add { margin: 30px 0; } .ays-modal-poll-answers-section { align-items: flex-start; } .ays-modal-poll-title-add label, .ays-modal-poll-question-add label, .ays-modal-poll-answers-section label { color: #3d92d0; font-weight: 700; letter-spacing: 0.5px; word-spacing: 2px; } .ays-modal-quick-poll-content { border-top: 1px solid #666666; padding: 40px; } .quick_poll_answer_box { display: flex; align-items: center; justify-content: space-between; width: 100%; } .quick_poll_answer_box input { width: 90%; } .quick_poll_answer_box:not(:first-child) { margin-top: 13px; } .quick_poll_answer_box button { border: none; cursor: pointer; } .quick_poll_add_option { color: #3d92d0; cursor: pointer; border: none; display: flex; align-items: center; margin-top: 10px; } .quick_poll_add_option div{ display: flex; align-items: center; justify-content: center; background-color: #3d92d0; border-radius: 50%; width: 15px; height: 15px; margin-right: 10px; } .quick_poll_add_option span { color: #fff; } .quick_poll_divider { margin: 40px 0; height: 1px; background-color: #666; } .quick_poll_settings h4 { color: #3d92d0; } .quick_poll_settings div { display: flex; align-items: center; width: 35%; justify-content: space-between; } .quick_poll_settings div:first-child { margin: 10px 0 5px 0; } .quick_poll_settings span { font-weight: 500; } .quick_poll_settings input{ height: 0; width: 0; visibility: hidden; } .quick_poll_settings label { cursor: pointer; text-indent: -9999px; width: 35px; height: 20px; min-width: 35px; min-height: 20px; background: grey; display: block; border-radius: 20px; position: relative; margin-bottom: 0; } .quick_poll_settings label:after { content: ''; position: absolute; top: 1px; left: 1px; width: 18px; height: 18px; background: #fff; border-radius: 18px; transition: 0.3s; } .quick_poll_settings input:checked + label { background: #3d92d0; } .quick_poll_settings input:checked + label:after { left: calc(100% - 1px); transform: translateX(-100%); } .quick_poll_settings label:active:after { width: 22px; } .quick_poll_save { text-align: right; } .quick_poll_save input { background: #3d92d0; border: none; color: #fff; border-radius: 10%; padding: 3px 13px; cursor: pointer; } .quick-poll-save-disabled{ background-color: #a7aaad !important; } .quick_poll_settings .multivote-container .quick_poll_multivote_settings { display: flex; flex-direction: column; align-items: flex-start; visibility: hidden; } .quick_poll_settings .multivote-container .quick_poll_multivote_settings input{ width: 100px; height: 30px; margin: 5px; } #quick_poll_shortcode, #ays-poll-create-new{ width: 200px; max-width: 100%; } .ays_poll_modal_content .quick_poll_settings > div { margin-bottom: 10px; } .quick_poll_settings .multivote-container{ width: 100%; height: 24px; padding-bottom: 4px; line-height: 1; } @media only screen and (max-width: 1145px) { .quick_poll_settings .multivote-container{ height:48px; } } @media only screen and (max-width: 750px) { .ays_poll_modal_content { width: 70%; } } @media only screen and (max-width: 645px) { .ays_poll_modal_content { width: 90%; } } /*Quick Poll End*/ /* Redesigned list table start */ div.ays_polls_list_table #post-body-content { padding: 20px 0 3px; background-color: #ffffff; border-radius: 5px; box-shadow: 0px 1px 3px 1px rgb(0 0 0 / 25%); color: #253858; } div.ays_polls_list_table #post-body-content table.wp-list-table.polls thead, div.ays_polls_list_table #post-body-content table.wp-list-table.polls tfoot{ background-color: #f1f1f1; } div.ays_polls_list_table #post-body-content table.wp-list-table.polls tbody tr{ background-color: #fff; } div.ays_polls_list_table #post-body-content table.wp-list-table.polls tbody tr { box-shadow: 0px -2px 0px rgba(0,0,0,0.12); } div.ays_polls_list_table #post-body-content table.wp-list-table.polls tbody tr:first-child{ box-shadow: none; } div.ays_polls_list_table div#wpcontent{ background: #f0f0f1; } div.ays_polls_list_table #post-body-content table.wp-list-table.polls thead tr td, div.ays_polls_list_table #post-body-content table.wp-list-table.polls thead tr th{ border:none; } div.ays_polls_list_table #post-body-content table.wp-list-table.polls{ border:none; border-top: 1px solid transparent; } div.ays_polls_list_table #post-body-content table.wp-list-table.polls .ays-poll-shortcode-container{ /* min-width: 90px; */ background-color: #f4f5f7; border-radius: 5px; overflow: hidden; display: flex; justify-content: space-between; box-shadow: 0px 1px 2px rgb(0 0 0 / 50%); margin: auto; } div.ays_polls_list_table #post-body-content table.wp-list-table.polls .ays-poll-shortcode-container { align-items: stretch; } div.ays_polls_list_table #post-body-content table.wp-list-table.polls .ays-poll-shortcode-container .ays-poll-copy-image{ min-width: 25px; height: auto; display: flex; justify-content: center; align-items: center; background-color: #ebecf0; cursor: pointer; border-right: 1px solid #dddddf; } div.ays_polls_list_table #post-body-content table.wp-list-table.polls .ays-poll-shortcode-container .ays-poll-shortcode-input{ border: none; padding-left: 0px; background-color: #f4f5f7; } div.ays_polls_list_table #post-body-content table.wp-list-table.polls input[type=checkbox]{ border: 1px solid #ced4da !important; } div.ays_polls_list_table #bulk-action-selector-bottom, div.ays_polls_list_table #bulk-action-selector-top, div.ays_polls_list_table #bulk-action-selector-top-select-top, div.ays_polls_list_table #bulk-action-selector-top-select-bottom{ border-color:#EBECF0 !important; box-shadow: 0 1px 1px rgb(0 0 0 / 6%); color: #061938; border-radius: 5px; padding: 2px 10px; padding-right: 24px; font-size: 14px; width: 150px; height: 34px; } div.ays_polls_list_table #bulk-action-selector-bottom:hover, div.ays_polls_list_table #bulk-action-selector-top:hover, div.ays_polls_list_table #bulk-action-selector-top-select-top:hover, div.ays_polls_list_table #bulk-action-selector-top-select-bottom:hover{ color:#2271b1; } div.ays_polls_list_table #post-body-content .tablenav .actions .button, div.ays_polls_list_table .actions_style, div.ays_polls_list_table #search-submit.actions, div.ays_polls_list_table .pagination-links .button, div.ays_polls_list_table .search-box .button{ background: #FFFFFF !important; border: 1px solid #EBECF0 !important; box-sizing: border-box !important; box-shadow: 0 1px 1px rgb(0 0 0 / 6%) !important; color: #061938 !important; border-radius: 5px !important; padding: 0px 12px ; /* width: 90px; */ font-size: 16px !important; margin-left: 5px !important; height: 34px; } div.ays_polls_list_table .pagination-links .current-page{ height: 34px; margin-top:5px; } @media only screen and (max-width: 781px) { div.ays_polls_list_table .pagination-links .button{ padding:8px 12px; width: unset; } div.ays_polls_list_table .pagination-links .current-page{ height: 34px; margin-top:0px; min-height: 34px; } } div.ays_polls_list_table .tablenav{ padding:5px 12px 0; } div.ays_polls_list_table .column-title:not(.manage-column) > a{ text-decoration: underline; font-weight: bold; } div.ays_polls_list_table p.search-box{ padding-right: 12px; } div.ays_polls_list_table #poll-maker-ays-search-input{ border-color: #CED4DA; height: 34px; } div.ays_polls_list_table .subsubsub{ padding-left:12px; /* font-size: 16px; */ } div.ays_polls_list_table #post-body-content *{ font-size: 14px; } div.ays_polls_list_table .column-publish > i{ padding-right: 8px; } .ays-poll-add-new-button-box { display: flex; align-items: center; } /* Redesigned list table end */ /*Dashboard Redesign Start*/ .ays-poll-form .top-menu-buttons-container{ display: flex; width: 300px; flex-wrap: nowrap; justify-content: flex-end; padding-top:13px; } @media screen and (max-width: 1270px) { .ays-poll-form .top-menu-buttons-container{ /* width: 100%; */ justify-content: flex-start; } } .ays-poll-form .button-primary.ays-top-menu-save-and-close, .ays-poll-form .button-primary.ays-bottom-menu-save-and-close{ height: 32px; border-radius: 4px; border-color:#005AE0; padding:4px 18px; background-color: white; color:#005AE0; margin-left:10px; line-height: unset; } .ays-poll-form .button-primary.ays-top-menu-save-and-close:hover, .ays-poll-form .button-primary.ays-bottom-menu-save-and-close:hover{ background-color: #E5EEFF; color:#005AE0; } .ays-poll-form .button#ays-button-top-apply, .ays-poll-form .button#ays-button-apply{ background-color: #005AE0; color:white; height: 32px; padding:4px 17px; border-radius: 4px; margin-left:10px; line-height: unset; } .ays-poll-form .button#ays-button-apply:hover, .ays-poll-form .button#ays-button-top-apply:hover{ background-color: #004CBD; } .ays-poll-form .button#ays_poll_cancel_top, .ays-poll-form .button#ays_poll_cancel{ height: 32px; border-radius: 4px; border-color:#005AE0; padding:4px 17px; background-color: white; color:#005AE0; margin-left:10px; line-height: unset; } .ays-poll-form .button#ays_poll_cancel_top:hover, .ays-poll-form .button#ays_poll_cancel:hover{ background-color: #E5EEFF; color:#005AE0; } body.toplevel_page_poll-maker-ays div.ays-top-menu-wrapper div.ays-top-menu div.ays-top-tab-wrapper { width: 690px; border-bottom:none; } body.toplevel_page_poll-maker-ays div.ays-top-menu-wrapper div.ays-top-menu { display: flex; flex-wrap: wrap; justify-content: space-between; padding-bottom:1px; } body.toplevel_page_poll-maker-ays .ays-poll-form .ays-top-menu-wrapper .nav-tab{ border-top: none ; border-right: none ; border-left: none ; margin-left:0px; padding-bottom:12px; background-color: transparent; border-bottom:1px solid #c7c3c3; color: #333; margin-bottom: 0px; margin-right: 0; padding: 5px 10px; font-weight: 500; } .nav-tab { padding: 8px 25px; font-size: 15px; } a[href="#tab1"]{ margin-left:0px !important; } body.toplevel_page_poll-maker-ays .ays-poll-form .ays-top-menu-wrapper .nav-tab:hover{ border-bottom:1px solid #005AE0 !important; text-decoration: none; } body.toplevel_page_poll-maker-ays .ays-poll-form .nav-tab-active{ border-bottom:1px solid #005AE0 !important; color: #005AE0 !important; } body.toplevel_page_poll-maker-ays .ays-poll-form .ays_poll_fa-info-circle:before{ color: #005AE0; } body.toplevel_page_poll-maker-ays .ays-poll-form input[type="text"]:focus{ border-color: #005AE0; box-shadow: 0 0 0 1px #2271b1; outline: 2px solid transparent; } body.toplevel_page_poll-maker-ays .ays-poll-form #tab1 .add-option-top-container .ays-add-answer{ display: flex; justify-content: center; align-items: center; width: 140px; height: 34px; border-radius: 4px; border-color:#ADC6FF; padding:4px 15px 4px 10px; background-color: #F0F5FF; color:#005AE0; border: 1px solid; font-size: 16px; } .ays-poll-form #tab1 .add-option-top-container .ays-add-answer:hover{ background-color: #d1def5 !important; cursor: pointer; } .ays-poll-form #tab1 .plus-sign{ height: 17px; margin-right: 7px; } .ays-poll-form #tab1 tr.ays-answer-row td{ background-color: white; } .ays-poll-form #tab1 table.ays-answers-table thead th{ background: #F3F4F5; color: black; } .ays-poll-form #tab1 table.ays-answers-table thead th:nth-child(1), .ays-poll-form #tab1 table.ays-answers-table thead th:nth-child(2){ border-right: 1px solid rgba(0, 0, 0, 0.06); } .ays-poll-form #tab1 table.ays-answers-table td{ border:none; padding:0px; } .ays-poll-form .ays-text-input{ border-color:rgba(0, 0, 0, 0.25); } /* pics */ .ays-poll-form #tab1 .ays-poll-answer-image-container img { min-width: 60px; min-height: 60px; width: 60px; height: 60px; } .ays-poll-form #tab1 .ays-poll-answer-image-container{ width: 60px; height: 60px; margin:5px auto; } @media screen and (max-width: 768px) { .ays-poll-answer-image-container { width: 48px; } .ays-poll-answer-image-container img { min-width: 48px; } } .ays-all-container{ background-color: #F3F4F5; padding: 10px 0px !important; margin-left: 0px !important; margin-right: 0px !important; } body.toplevel_page_poll-maker-ays .ays-top-menu{ background-color: #F3F4F5; } .ays-all-sub-container{ width: 90%; margin:auto; } .ays-poll-tab-content{ background-color: white !important; padding:12px 24px; border-radius:15px; margin-top:20px; } .bottom-buttons-container{ display: flex; /* align-items: flex-end; */ /* flex-direction: column; */ justify-content: space-between; padding-top:20px; } body.toplevel_page_poll-maker-ays input[type=checkbox]{ accent-color: #005AE0; } @media screen and (min-width: 782px){ .unset-padding-left{ padding-left: 0px; } } .ays-bottom-menu-buttons{ max-height: 30px !important; min-height: 30px !important; display: inline-block; text-decoration: none; font-size: 13px; line-height: 2.15384615; margin-top: 4px !important; padding: 0 10px; cursor: pointer; border-width: 1px; border-style: solid; -webkit-appearance: none; border-radius: 3px; white-space: nowrap; box-sizing: border-box; } .ays-poll-form .ays-loader-img{ width: 16px; height: 16px; } .ays_save_buttons_box_for_mobile{ display: flex; } .add-answer-image-icon{ display: inline-block; background: url(../images/icons/add-img-icon.svg) no-repeat center center/80% rgba(255,255,255, 0); width:24px; height: 24px; margin:18px auto; } .add-answer-image-icon:hover{ background: url(../images/icons/add-img-icon-hover.svg) no-repeat center center/80% rgba(255,255,255, 0); cursor: pointer; } label.ays-label[for="ays-answer"]{ margin-bottom:0px; } a.ays-delete-answer{ display: inline-block; background: url(../images/icons/trash.svg) no-repeat center center/80% rgba(255,255,255, 0); width:24px; height: 24px; margin:18px auto; } a.ays-delete-answer:hover{ background: url(../images/icons/trash-hover.svg) no-repeat center center/80% rgba(255,255,255, 0); cursor: pointer; } .ays_poll_move_arrows{ display: inline-block; width: 26px; height: 26px; background: url(../images/icons/move-arrows.svg) no-repeat center center/80% rgba(255,255,255, 0); } .ays_poll_move_arrows:hover{ background: url(../images/icons/move-arrows-hover.svg) no-repeat center center/80% rgba(255,255,255, 0); } .ays-poll-form #tab1 thead tr.ui-state-default th:first-child:hover{ cursor: unset; } /*Dashboard Redesign End*/ /* Preview Popup new design | Start */ body[class~="toplevel_page_poll-maker-ays"] .swal2-popup { padding: 27px 10px; border-radius: 10px; } body[class~="toplevel_page_poll-maker-ays"] .swal2-popup .swal2-title { color: #000; } body[class~="toplevel_page_poll-maker-ays"] .swal2-popup #swal2-content { max-width: 80%; margin: 0 auto; } body[class~="toplevel_page_poll-maker-ays"] .swal2-popup .ays-poll-preview-popup-cancel-button.swal2-styled.swal2-cancel { background-color: #fff; color: #007DCB; padding: 0; border: 1px solid #007DCB; border-radius: 6px; } body[class~="toplevel_page_poll-maker-ays"] .swal2-popup .ays-poll-preview-popup-cancel-button.swal2-styled.swal2-cancel a { display: flex; justify-content: center; align-items: center; gap: 6px; padding: .625em .75em; text-decoration: none; color: #007DCB; min-width: 152px; } body[class~="toplevel_page_poll-maker-ays"] .swal2-popup .ays-poll-maker-swal2-created-row { font-style: normal; font-weight: 400; font-size: 14px; line-height: 16px; text-align: center; color: #000000; } body[class~="toplevel_page_poll-maker-ays"] .swal2-popup .ays-poll-maker-swal2-content-text-row { font-style: normal; font-weight: 400; font-size: 14px; line-height: 16px; text-align: center; color: #6F6F6F; } body[class~="toplevel_page_poll-maker-ays"] .swal2-popup #ays-poll-create-new { border: 1px solid #000000; border-radius: 6px; color: #000000; } body[class~="toplevel_page_poll-maker-ays"] .swal2-popup .swal2-styled.swal2-confirm { min-width: 152px; background-color: #007DCB; border-radius: 6px; border: 1px solid transparent; } body[class~="toplevel_page_poll-maker-ays"] .swal2-popup .swal2-styled.swal2-confirm:hover { background-color: #29A6F4; } body[class~="toplevel_page_poll-maker-ays"] .swal2-popup .swal2-close:hover { color: #979797; } body[class~="toplevel_page_poll-maker-ays"] .swal2-popup .swal2-actions { flex-direction: row-reverse; } /* Preview Popup new design | End */ /* Poll Top Banner Coupon Button | Start */ .ays-poll-coupon-container .ays-poll-coupon-box { display: flex; align-items: center; border: 2px dashed #000; text-decoration: none; font-size: 13px; font-weight: 700; /*color: #0B328E;*/ padding: 5px 15px; border-radius: 20px; color: #000; background-color: #f9dc6c; cursor: pointer; } .ays-poll-logo-container-upgrade span.ays-poll-logo-container-one-time-text{ font-size: 10px; font-style: normal; font-weight: 600; line-height: normal; } .ays-poll-coupon-container { margin-left: 25px; display: flex; justify-content: center; align-items: center; flex-direction: column; } .ays-poll-coupon-container .ays-poll-coupon-box span { margin-left: 5px; } .ays-poll-coupon-container .ays-poll-coupon-box img { width: 10px; } .ays-coupon-container .ays-poll-coupon-box img { width: 8px; } .ays-poll-coupon-container .ays-poll-coupon-box:hover { color: #000; background-color: #f1c51b; } .ays-poll-coupon-container .ays-poll-coupon-box:focus { box-shadow: unset; } .ays-poll-coupon-container .ays-poll-coupon-box:hover .ays-poll-svg-light-hover{ display: flex; } @media screen and (max-width: 425px){ .ays-poll-coupon-container .ays-poll-coupon-box span { font-size: 12px; } .ays-poll-coupon-container { margin-left: 5px; } } /* Poll Top Banner Coupon Button | End */ @media screen and (max-width: 400px) { .ays-notice-banner .modile-ddmenu-sm, .ays-notice-banner .modile-ddmenu-md{ width: fit-content; } } @media screen and (max-width: 1600px) and (min-width:769px) { body.toplevel_page_poll-maker-ays div.ays-top-menu-wrapper div.ays-top-menu { flex-direction:column-reverse; align-items: flex-end } body.toplevel_page_poll-maker-ays div.ays-top-menu-wrapper div.ays-top-menu div.ays-top-tab-wrapper { width: 100%; } }