/* ============================================== CSS3 ANIMATION CHEAT SHEET ============================================== ============================================== slideDown ============================================== */ .slideDown { animation-name: slideDown; -webkit-animation-name: slideDown; animation-duration: 2s; -webkit-animation-duration: 2s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important; } @keyframes slideDown { 0% { transform: translateY(-100%); } 50% { transform: translateY(8%); } 65% { transform: translateY(-4%); } 80% { transform: translateY(4%); } 95% { transform: translateY(-2%); } 100% { transform: translateY(0%); } } @-webkit-keyframes slideDown { 0% { -webkit-transform: translateY(-100%); } 50% { -webkit-transform: translateY(8%); } 65% { -webkit-transform: translateY(-4%); } 80% { -webkit-transform: translateY(4%); } 95% { -webkit-transform: translateY(-2%); } 100% { -webkit-transform: translateY(0%); } } /* ============================================== slideUp ============================================== */ .slideUp { animation-name: slideUp; -webkit-animation-name: slideUp; animation-duration: 2s; -webkit-animation-duration: 2s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; visibility: visible !important; } @keyframes slideUp { 0% { transform: translateY(0%); } 50% { transform: translateY(-2%); } 95% { transform: translateY(-8%); } 100% { transform: translateY(-100%); } } @-webkit-keyframes slideUp { 0% { -webkit-transform: translateY(100%); } 50% { -webkit-transform: translateY(-8%); } 65% { -webkit-transform: translateY(4%); } 80% { -webkit-transform: translateY(-4%); } 95% { -webkit-transform: translateY(2%); } 100% { -webkit-transform: translateY(0%); } } /* ============================================== slideLeft ============================================== */ .slideLeft { animation-name: slideLeft; -webkit-animation-name: slideLeft; animation-duration: .7s; -webkit-animation-duration: .7s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; } @-webkit-keyframes slideLeft { 0% { -ms-transform: translate(-20px, 0); -webkit-transform: translate(-20px, 0); transform: translate(-20px, 0); opacity: 0; } 100% { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } } @keyframes slideLeft { 0% { -ms-transform: translate(-20px, 0); -webkit-transform: translate(-20px, 0); transform: translate(-20px, 0); opacity: 0; } 100% { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } } /* ============================================== slideRight ============================================== */ .SlideRight { animation-name: SlideRight; -webkit-animation-name: SlideRight; animation-duration: .7s; -webkit-animation-duration: .7s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; } @-webkit-keyframes SlideRight { 0% { -ms-transform: translate(20px, 0); -webkit-transform: translate(20px, 0); transform: translate(20px, 0); opacity: 0; } 100% { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } } @keyframes SlideRight { 0% { -ms-transform: translate(20px, 0); -webkit-transform: translate(20px, 0); transform: translate(20px, 0); opacity: 0; } 100% { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } } /* ============================================== slideExpandUp ============================================== */ .slideExpandUp { animation-name: slideExpandUp; -webkit-animation-name: slideExpandUp; animation-duration: 1.6s; -webkit-animation-duration: 1.6s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease -out; visibility: visible !important; } @keyframes slideExpandUp { 0% { transform: translateY(100%) scaleX(0.5); } 30% { transform: translateY(-8%) scaleX(0.5); } 40% { transform: translateY(2%) scaleX(0.5); } 50% { transform: translateY(0%) scaleX(1.1); } 60% { transform: translateY(0%) scaleX(0.9); } 70% { transform: translateY(0%) scaleX(1.05); } 80% { transform: translateY(0%) scaleX(0.95); } 90% { transform: translateY(0%) scaleX(1.02); } 100% { transform: translateY(0%) scaleX(1); } } @-webkit-keyframes slideExpandUp { 0% { -webkit-transform: translateY(100%) scaleX(0.5); } 30% { -webkit-transform: translateY(-8%) scaleX(0.5); } 40% { -webkit-transform: translateY(2%) scaleX(0.5); } 50% { -webkit-transform: translateY(0%) scaleX(1.1); } 60% { -webkit-transform: translateY(0%) scaleX(0.9); } 70% { -webkit-transform: translateY(0%) scaleX(1.05); } 80% { -webkit-transform: translateY(0%) scaleX(0.95); } 90% { -webkit-transform: translateY(0%) scaleX(1.02); } 100% { -webkit-transform: translateY(0%) scaleX(1); } } /* ============================================== expandUp ============================================== */ .expandUp { animation-name: expandUp; -webkit-animation-name: expandUp; animation-duration: 0.7s; -webkit-animation-duration: 0.7s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important; } @keyframes expandUp { 0% { transform: translateY(100%) scale(0.6) scaleY(0.5); } 60% { transform: translateY(-7%) scaleY(1.12); } 75% { transform: translateY(3%); } 100% { transform: translateY(0%) scale(1) scaleY(1); } } @-webkit-keyframes expandUp { 0% { -webkit-transform: translateY(100%) scale(0.6) scaleY(0.5); } 60% { -webkit-transform: translateY(-7%) scaleY(1.12); } 75% { -webkit-transform: translateY(3%); } 100% { -webkit-transform: translateY(0%) scale(1) scaleY(1); } } /* ============================================== fadeIn ============================================== */ @keyframes fadeIn { 0% { opacity: 0; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } 100% { opacity: 1; -webkit-transition-duration: 1.1s; transition-duration: 1.1s; -webkit-transition-delay: .05s; transition-delay: 0.05s; } } @-webkit-keyframes fadeIn { 0% { opacity: 0; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } 100% { opacity: 1; -webkit-transition-duration: 1.1s; transition-duration: 1.1s; -webkit-transition-delay: .05s; transition-delay: 0.05s; } } .fadeIn { animation-name: fadeIn; -webkit-animation-name: fadeIn; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; } /* ============================================== fadeIn ============================================== */ .fadeOut { animation-name: fadeOut; -webkit-animation-name: fadeOut; animation-duration: 2s; -webkit-animation-duration: 2s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* ============================================== expandOpen ============================================== */ .expandOpen { animation-name: expandOpen; -webkit-animation-name: expandOpen; animation-duration: 1.2s; -webkit-animation-duration: 1.2s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; visibility: visible !important; } @keyframes expandOpen { 0% { transform: scale(1.8); } 50% { transform: scale(0.95); } 80% { transform: scale(1.05); } 90% { transform: scale(0.98); } 100% { transform: scale(1); } } @-webkit-keyframes expandOpen { 0% { -webkit-transform: scale(1.8); } 50% { -webkit-transform: scale(0.95); } 80% { -webkit-transform: scale(1.05); } 90% { -webkit-transform: scale(0.98); } 100% { -webkit-transform: scale(1); } } /* ============================================== bigEntrance ============================================== */ .bigEntrance { animation-name: bigEntrance; -webkit-animation-name: bigEntrance; animation-duration: 1.6s; -webkit-animation-duration: 1.6s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; visibility: visible !important; } @keyframes bigEntrance { 0% { transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%); opacity: 0.2; } 30% { transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%); opacity: 1; } 45% { transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%); opacity: 1; } 60% { transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%); opacity: 1; } 75% { transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%); opacity: 1; } 90% { transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%); opacity: 1; } 100% { transform: scale(1) rotate(0deg) translateX(0%) translateY(0%); opacity: 1; } } @-webkit-keyframes bigEntrance { 0% { -webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%); opacity: 0.2; } 30% { -webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%); opacity: 1; } 45% { -webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%); opacity: 1; } 60% { -webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%); opacity: 1; } 75% { -webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%); opacity: 1; } 90% { -webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%); opacity: 1; } 100% { -webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%); opacity: 1; } } /* ============================================== hatch ============================================== */ .hatch { animation-name: hatch; -webkit-animation-name: hatch; animation-duration: 2s; -webkit-animation-duration: 2s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; visibility: visible !important; } @keyframes hatch { 0% { transform: rotate(0deg) scaleY(0.6); } 20% { transform: rotate(-2deg) scaleY(1.05); } 35% { transform: rotate(2deg) scaleY(1); } 50% { transform: rotate(-2deg); } 65% { transform: rotate(1deg); } 80% { transform: rotate(-1deg); } 100% { transform: rotate(0deg); } } @-webkit-keyframes hatch { 0% { -webkit-transform: rotate(0deg) scaleY(0.6); } 20% { -webkit-transform: rotate(-2deg) scaleY(1.05); } 35% { -webkit-transform: rotate(2deg) scaleY(1); } 50% { -webkit-transform: rotate(-2deg); } 65% { -webkit-transform: rotate(1deg); } 80% { -webkit-transform: rotate(-1deg); } 100% { -webkit-transform: rotate(0deg); } } /* ============================================== bounce ============================================== */ .bounce { animation-name: bounce; -webkit-animation-name: bounce; animation-duration: 1.6s; -webkit-animation-duration: 1.6s; animation-timing-function: ease; -webkit-animation-timing-function: ease; transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; } @keyframes bounce { 0% { transform: translateY(0%) scaleY(0.6); } 60% { transform: translateY(-100%) scaleY(1.1); } 70% { transform: translateY(0%) scaleY(0.95) scaleX(1.05); } 80% { transform: translateY(0%) scaleY(1.05) scaleX(1); } 90% { transform: translateY(0%) scaleY(0.95) scaleX(1); } 100% { transform: translateY(0%) scaleY(1) scaleX(1); } } @-webkit-keyframes bounce { 0% { -webkit-transform: translateY(0%) scaleY(0.6); } 60% { -webkit-transform: translateY(-100%) scaleY(1.1); } 70% { -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1.05); } 80% { -webkit-transform: translateY(0%) scaleY(1.05) scaleX(1); } 90% { -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1); } 100% { -webkit-transform: translateY(0%) scaleY(1) scaleX(1); } } /* ============================================== pulse ============================================== */ .pulse { animation-name: pulse; -webkit-animation-name: pulse; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } @keyframes pulse { 0% { transform: scale(0.9); opacity: 0.7; } 50% { transform: scale(1); opacity: 1; } 100% { transform: scale(0.9); opacity: 0.7; } } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(0.95); opacity: 0.7; } 50% { -webkit-transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(0.95); opacity: 0.7; } } /* ============================================== floating ============================================== */ .floating { animation-name: floating; -webkit-animation-name: floating; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } @keyframes floating { 0% { transform: translateY(0%); } 50% { transform: translateY(8%); } 100% { transform: translateY(0%); } } @-webkit-keyframes floating { 0% { -webkit-transform: translateY(0%); } 50% { -webkit-transform: translateY(8%); } 100% { -webkit-transform: translateY(0%); } } /* ============================================== tossing ============================================== */ .tossing { animation-name: tossing; -webkit-animation-name: tossing; animation-duration: 2.5s; -webkit-animation-duration: 2.5s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } @keyframes tossing { 0% { transform: rotate(-4deg); } 50% { transform: rotate(4deg); } 100% { transform: rotate(-4deg); } } @-webkit-keyframes tossing { 0% { -webkit-transform: rotate(-4deg); } 50% { -webkit-transform: rotate(4deg); } 100% { -webkit-transform: rotate(-4deg); } } /* ============================================== pullUp ============================================== */ .pullUp { animation-name: pullUp; -webkit-animation-name: pullUp; animation-duration: 1.1s; -webkit-animation-duration: 1.1s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; } @keyframes pullUp { 0% { transform: scaleY(0.1); } 40% { transform: scaleY(1.02); } 60% { transform: scaleY(0.98); } 80% { transform: scaleY(1.01); } 100% { transform: scaleY(0.98); } 80% { transform: scaleY(1.01); } 100% { transform: scaleY(1); } } @-webkit-keyframes pullUp { 0% { -webkit-transform: scaleY(0.1); } 40% { -webkit-transform: scaleY(1.02); } 60% { -webkit-transform: scaleY(0.98); } 80% { -webkit-transform: scaleY(1.01); } 100% { -webkit-transform: scaleY(0.98); } 80% { -webkit-transform: scaleY(1.01); } 100% { -webkit-transform: scaleY(1); } } /* ============================================== pullDown ============================================== */ .pullDown { animation-name: pullDown; -webkit-animation-name: pullDown; animation-duration: 1.1s; -webkit-animation-duration: 1.1s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -webkit-transform-origin: 50% 0%; } @keyframes pullDown { 0% { transform: scaleY(0.1); } 40% { transform: scaleY(1.02); } 60% { transform: scaleY(0.98); } 80% { transform: scaleY(1.01); } 100% { transform: scaleY(0.98); } 80% { transform: scaleY(1.01); } 100% { transform: scaleY(1); } } @-webkit-keyframes pullDown { 0% { -webkit-transform: scaleY(0.1); } 40% { -webkit-transform: scaleY(1.02); } 60% { -webkit-transform: scaleY(0.98); } 80% { -webkit-transform: scaleY(1.01); } 100% { -webkit-transform: scaleY(0.98); } 80% { -webkit-transform: scaleY(1.01); } 100% { -webkit-transform: scaleY(1); } } /* ============================================== stretchLeft ============================================== */ .stretchLeft { animation-name: stretchLeft; -webkit-animation-name: stretchLeft; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; -webkit-transform-origin: 100% 0%; } @keyframes stretchLeft { 0% { transform: scaleX(0.3); } 40% { transform: scaleX(1.02); } 60% { transform: scaleX(0.98); } 80% { transform: scaleX(1.01); } 100% { transform: scaleX(0.98); } 80% { transform: scaleX(1.01); } 100% { transform: scaleX(1); } } @-webkit-keyframes stretchLeft { 0% { -webkit-transform: scaleX(0.3); } 40% { -webkit-transform: scaleX(1.02); } 60% { -webkit-transform: scaleX(0.98); } 80% { -webkit-transform: scaleX(1.01); } 100% { -webkit-transform: scaleX(0.98); } 80% { -webkit-transform: scaleX(1.01); } 100% { -webkit-transform: scaleX(1); } } /* ============================================== stretchRight ============================================== */ .stretchRight { animation-name: stretchRight; -webkit-animation-name: stretchRight; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; } @keyframes stretchRight { 0% { transform: scaleX(0.3); } 40% { transform: scaleX(1.02); } 60% { transform: scaleX(0.98); } 80% { transform: scaleX(1.01); } 100% { transform: scaleX(0.98); } 80% { transform: scaleX(1.01); } 100% { transform: scaleX(1); } } @-webkit-keyframes stretchRight { 0% { -webkit-transform: scaleX(0.3); } 40% { -webkit-transform: scaleX(1.02); } 60% { -webkit-transform: scaleX(0.98); } 80% { -webkit-transform: scaleX(1.01); } 100% { -webkit-transform: scaleX(0.98); } 80% { -webkit-transform: scaleX(1.01); } 100% { -webkit-transform: scaleX(1); } } .Rotate { animation-name: Rotate; -webkit-animation-name: Rotate; animation-duration: 3s; -webkit-animation-duration: 3s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-timing-function: linear; } @keyframes Rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-webkit-keyframes Rotate { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } .Linear_1 { animation-name: Linear_1; -webkit-animation-name: Linear_1; animation-duration: 2s; -webkit-animation-duration: 2s; animation-timing-function: linear; -webkit-animation-timing-function: linear; } @keyframes Linear_1 { 0% { transform: translate(0px, 0px); } 50% { transform: translate(-20px, 0px); } 100% { transform: translate(0px, 0px); } } @-webkit-keyframes Linear_1 { 0% { -webkit-transform: translate(0px, 0px); } 50% { transform: translate(-20px, 0px); } 100% { -webkit-transform: translate(0px, 0px); } } .Linear_2 { animation-name: Linear_2; -webkit-animation-name: Linear_2; animation-duration: 2s; -webkit-animation-duration: 2s; animation-timing-function: linear; -webkit-animation-timing-function: linear; } @keyframes Linear_2 { 0% { transform: translate(0px, 0px); } 50% { transform: translate(20px, 0px); } 100% { transform: translate(0px, 0px); } } @-webkit-keyframes Linear_2 { 0% { -webkit-transform: translate(0px, 0px); } 50% { transform: translate(20px, 0px); } 100% { -webkit-transform: translate(20px, 0px); } } .pulse-down { -webkit-animation: pulse-down 3s ease-in infinite; animation: pulse-down 3s ease-in infinite; } @-webkit-keyframes pulse-down { 80% { -webkit-transform: translate3d(0, 1px, 0); transform: translate3d(0, 1px, 0); } 85% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 90% { -webkit-transform: translate3d(0, 1px, 0); transform: translate3d(0, 1px, 0); } 95% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: translate3d(0, 1px, 0); transform: translate3d(0, 1px, 0); } } @keyframes pulse-down { 80% { -webkit-transform: translate3d(0, 1px, 0); transform: translate3d(0, 1px, 0); } 85% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 90% { -webkit-transform: translate3d(0, 1px, 0); transform: translate3d(0, 1px, 0); } 95% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: translate3d(0, 1px, 0); transform: translate3d(0, 1px, 0); } } @keyframes fadeinout { 0% { opacity: 0; } 6.25% { /* 3s for fade in */ opacity: 1; } 26.75% { /* roughly 10s for stay as-is */ opacity: 1; } 33% { /* 3s for fade out */ opacity: 0; } } @keyframes flipdown { 0% { opacity: 0; transform-origin: top center; transform: rotateX(-90deg); } 5% { opacity: 1; } 80% { transform: rotateX(8deg); } 83% { transform: rotateX(6deg); } 92% { transform: rotateX(-3deg); } 100% { transform-origin: top center; transform: rotateX(0deg); } } @keyframes rotating { from { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes pulsate { 0% { -webkit-transform: scale(0.1, 0.1); opacity: 0.0; } 50% { opacity: 1.0; } 100% { -webkit-transform: scale(1.2, 1.2); opacity: 0.0; } } /* Make the element's opacity pulse*/ /* Usage .myElement { animation: opacityPulse 1s ease-out; animation-iteration-count: infinite; opacity: 0; } */ @-webkit-keyframes opacityPulse { 0% { opacity: 0.0; } 50% { opacity: 1.0; } 100% { opacity: 0.0; } } .xo_btn_default, .xo_btn_default:hover, .author-bio + author-images .xo_btn, .xo_btn:hover, .xo_header .xo-addnew-right .wpop-publish-campaign, .xo_header .xo-addnew-right .wpop-publish-campaign:hover, .xo_header .xo-addnew-right a, .xo_header .xo-addnew-right a:hover, .xo_wrap, .xo_wrap .btn, .xo_wrap .btn:hover, .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .xo_trigger_icons, .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .xo_trigger_icons:hover, .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .xo_trigger_slected, .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .select2-container .select2-selection__choice, .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .select2-container .select2-selection__choice:hover, .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .xo_submit:hover, .xo_wrap .xo-settings .xo_addNewform .xo_submit:hover { -webkit-transition: all ease-in-out .7s; -moz-transition: all ease-in-out .7s; -o-transition: all ease-in-out .7s; transition: all ease-in-out .7s; } .xo_btn_default { float: left; width: auto; font-size: 24px; background: #7FC6A6; color: #fff; padding: 12px 24px 12px 24px; border: none; clear: both; text-decoration: none; } .xo_btn_default:hover { background: #48D1CC; cursor: pointer; color: #fff; } .xo_invalid { float: left; margin-top: 0px; color: red; font-size: 16px; } .author-bio + author-images .xo_btn { float: left; width: auto; font-size: 24px; background: #7FC6A6; color: #fff; padding: 7px 24px 7px 24px; } .xo_btn:hover { background: #48D1CC; cursor: pointer; padding-left: 60px; } .toplevel_page_wpoptin #wpcontent, .wpoptin_page_wpop_overview #wpcontent, .wpoptin_page_wpop_accounts #wpcontent, .wpoptin_page_wpop_skins #wpcontent { padding-right: 20px; } .xo_header { text-align: center; float: left; width: 100%; background: #c92459; background: -moz-linear-gradient(282deg, #c92459 0%, #ed6d62 100%); background: -webkit-linear-gradient(282deg, #c92459 0%, #ed6d62 100%); background: linear-gradient(282deg, #c92459 0%, #ed6d62 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c92459", endColorstr="#ed6d62", GradientType=1); color: #fff; animation-duration: .5s; -webkit-animation-duration: .5s; } .xo_header .xo-addnew-right { float: right; } .xo_header .xo-addnew-right .wpop-no-preview-icon { display: none; } .xo_header .xo-addnew-right .wpop-preview-icon { display: block; } .xo_header .xo-addnew-right .wpop-publish-campaign { float: left; padding: 24px 40px; position: relative; border: none; font-size: 16px; background-color: #dd823d; color: #fff; letter-spacing: 1px; cursor: pointer; display: none; } .xo_header .xo-addnew-right .wpop-publish-campaign:hover { background-color: #da6d1a; } .xo_header .xo-addnew-right .wpop-publish-campaign.wpop-publish-campaign-show { display: block; } .xo_header .xo-addnew-right .xo-close { display: none; } .xo_header .xo-addnew-right a { float: left; padding: 17px 26px; position: relative; } .xo_header .xo-addnew-right a:hover { background-color: rgba(208, 93, 83, 0.4); cursor: pointer; } .xo_header .xo-addnew-right .material-icons { color: #fff; font-size: 28px; font-weight: bold; } .xo_wrap { float: left; clear: both; position: relative; width: 100%; overflow: hidden; background-color: transparent; margin-top: 20px; } .xo_wrap h1, .xo_wrap h2, .xo_wrap h3, .xo_wrap h4, .xo_wrap h5, .xo_wrap h6 { color: #eb6a61; letter-spacing: .7px; } .xo_wrap .btn { margin-top: 10px; height: auto; width: auto; padding: 11px 25px; border-radius: 20px; text-transform: capitalize; font-size: 15px; line-height: 22px; background: #ed6d62; background: -moz-linear-gradient(282deg, #ed6d62 0%, rgba(201, 36, 89, 0.800157563) 100%); background: -webkit-linear-gradient(282deg, #ed6d62 0%, rgba(201, 36, 89, 0.800157563) 100%); background: linear-gradient(282deg, #ed6d62 0%, rgba(201, 36, 89, 0.800157563) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ed6d62", endColorstr="#c92459", GradientType=1); } .xo_wrap .btn input[type="submit"] { color: #fff; cursor: pointer; } .xo_wrap .btn:hover { color: #fff; background: #ed6d62; background: -moz-linear-gradient(124deg, #ed6d62 0%, rgba(201, 36, 89, 0.800157563) 100%); background: -webkit-linear-gradient(124deg, #ed6d62 0%, rgba(201, 36, 89, 0.800157563) 100%); background: linear-gradient(124deg, #ed6d62 0%, rgba(201, 36, 89, 0.800157563) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ed6d62", endColorstr="#c92459", GradientType=1); } .xo_wrap .btn:focus, .xo_wrap .btn:visited { color: #fff; } .xo_wrap .xo_lost_holder .card { padding: 0; } .xo_wrap .xo_lost_holder .card .wpop-card-icon { background: #ed6d62; padding: 10px; } .xo_wrap .xo_lost_holder .card .wpop-card-icon material-icons { text-align: center; float: none; margin: 0 auto; display: table; color: #fff; font-size: 5rem; } .xo_wrap .xo_new_holder { position: relative; float: left; width: 100%; } @media screen and (min-width: 769px) { .xo_wrap .xo_new_holder { display: flex; } } .xo_wrap .xo_new_holder .mdl-checkbox.is-disabled .mdl-checkbox__label { color: inherit !important; } .xo_wrap .xo_new_holder .xo-tabs { float: left; width: 100%; margin: 0; overflow: hidden; height: auto; display: block !important; } .xo_wrap .xo_new_holder .mdl-tabs { float: left; } .xo_wrap .xo_new_holder .mdl-tabs__tab-bar { width: 16%; display: inline-block; text-align: left; position: relative; float: left; z-index: 9990; clear: both; height: auto; border: 0px; margin-top: 56px; min-height: 100vh; background: #ed6d62; background: -moz-linear-gradient(160deg, #ed6d62 0%, rgba(201, 36, 89, 0.9710259104) 100%); background: -webkit-linear-gradient(160deg, #ed6d62 0%, rgba(201, 36, 89, 0.9710259104) 100%); background: linear-gradient(160deg, #ed6d62 0%, rgba(201, 36, 89, 0.9710259104) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ed6d62", endColorstr="#c92459", GradientType=1); } @media screen and (max-width: 1382px) { .xo_wrap .xo_new_holder .mdl-tabs__tab-bar { width: 17%; } } @media screen and (max-width: 1308px) { .xo_wrap .xo_new_holder .mdl-tabs__tab-bar { width: 18%; } } @media screen and (max-width: 1230px) { .xo_wrap .xo_new_holder .mdl-tabs__tab-bar { width: 19%; } } @media screen and (max-width: 1163px) { .xo_wrap .xo_new_holder .mdl-tabs__tab-bar { width: 20%; } } @media screen and (max-width: 1024px) { .xo_wrap .xo_new_holder .mdl-tabs__tab-bar { width: 21%; } } @media screen and (max-width: 768px) { .xo_wrap .xo_new_holder .mdl-tabs__tab-bar { width: 103%; height: auto !important; min-height: auto; } } .xo_wrap .xo_new_holder .mdl-tabs__tab-bar .indicator { display: none; } .xo_wrap .xo_new_holder .mdl-tabs__tab-bar .xo-tab { float: left; width: 100%; text-align: left; margin: 0px; height: auto; line-height: normal; font-size: 16px; font-weight: 500; margin-bottom: 0px; background-color: #be3631; outline: none; list-style-type: none; } .xo_wrap .xo_new_holder .mdl-tabs__tab-bar .xo-tab .mdl-tabs__tab { float: left !important; clear: both !important; width: 100%; max-width: 100%; text-overflow: unset; height: auto; line-height: normal; display: block; text-align: left; padding: 18px 20px; text-decoration: none; color: #f1c8c7; border: 0px; position: relative; text-transform: capitalize; } .xo_wrap .xo_new_holder .mdl-tabs__tab-bar .xo-tab .mdl-tabs__tab .mdl-ripple { background: rgba(249, 249, 249, 0.5); } .xo_wrap .xo_new_holder .mdl-tabs__tab-bar .xo-tab .material-icons { opacity: 0; visibility: hidden; padding-right: 10px; float: left; margin-top: -3px; webkit-transition: all ease-in-out .7s; -moz-transition: all ease-in-out .7s; -o-transition: all ease-in-out .7s; transition: all ease-in-out .7s; } .xo_wrap .xo_new_holder .mdl-tabs__tab-bar .xo-tab .mdl-tabs__tab:after { display: none; } .xo_wrap .xo_new_holder .mdl-tabs__tab-bar .mdl-tabs__tab:hover { color: #fff; } .xo_wrap .xo_new_holder .mdl-tabs__tab-bar .mdl-tabs__tab:hover .material-icons { opacity: 0; visibility: visible; padding-right: 10px; animation-name: slideLeft; -webkit-animation-name: slideLeft; -webkit-animation: slideLeft .3s ease .3s forwards; -moz-animation: slideLeft .3s ease .3s forwards; -o-animation: slideLeft .3s ease .3s forwards; animation: slideLeft .3s ease .3s forwards; color: #fff; } .xo_wrap .xo_new_holder .mdl-tabs__tab-bar .mdl-tabs__tab.active { width: 100%; background-color: #dd823b; color: #fff; } .xo_wrap .xo_new_holder .mdl-tabs__tab-bar .mdl-tabs__tab.active .material-icons { opacity: 1; visibility: visible; } .xo_wrap .xo_new_holder .mdl-tabs__tab-bar .xo-tab-parent { background-color: #cf4944; text-transform: uppercase; padding: 18px 20px; } .xo_wrap .xo_new_holder .mdl-tabs__tab-bar .xo-tab-parent a { color: #FFF; font-size: 13px; text-decoration: none; font-weight: 500; } .xo_wrap .xo_new_holder .xo-tab-content { position: relative; margin-left: 20px; float: left; width: 80%; height: 100%; } .xo_wrap .xo_new_holder .xo-tab-content .wpop-ajax-loader { top: 10px; display: inline-block; position: relative; } .xo_wrap .xo_new_holder .xo-tab-content .wpop-ajax-loader img { width: 32px; animation: rotating 2s linear; animation-iteration-count: infinite; } .xo_wrap .xo_new_holder .xo-tab-content .tab-content { display: none; } .xo_wrap .xo_new_holder .xo-tab-content .tab-content .row .col.s9 { padding: 0; width: 79%; } .xo_wrap .xo_new_holder .xo-tab-content .tab-content .row .col.s9 .input-field { padding: 0; } .xo_wrap .xo_new_holder .xo-tab-content .tab-content .row .col.s3 { width: 21%; } @media screen and (max-width: 768px) { .xo_wrap .xo_new_holder .xo-tab-content .tab-content .row .col.s9, .xo_wrap .xo_new_holder .xo-tab-content .tab-content .row .col.s3 { width: 100%; } } .xo_wrap .xo_new_holder .xo-tab-content .tab-content .xo_optin_accounts_right { float: right; margin-top: 10px; } .xo_wrap .xo_new_holder .xo-tab-content .tab-content .xo_optin_accounts_right .xo_lost_holder { width: 100%; } .xo_wrap .xo_new_holder .xo-tab-content .tab-content .xo_optin_accounts_right .xo_lost_holder .card { padding: 0; min-width: auto; max-width: none; } .xo_wrap .xo_new_holder .xo-tab-content .tab-content .xo_optin_accounts_right .xo_lost_holder .card .wpop-card-icon { background: #e76261; padding: 10px; } .xo_wrap .xo_new_holder .xo-tab-content .tab-content .xo_optin_accounts_right .xo_lost_holder .card .wpop-card-icon .material-icons { text-align: center; float: none; margin: 0 auto; display: table; color: #fff; font-size: 5rem; } .xo_wrap .xo_new_holder .xo-tab-content .tab-content .xo_optin_accounts_right .xo_lost_holder .card h4 { text-align: center; font-size: 1.9rem; } @media screen and (max-width: 1074px) { .xo_wrap .xo_new_holder .xo-tab-content .tab-content .xo_optin_accounts_right .xo_lost_holder .card h4 { font-size: 1.7rem; } } .xo_wrap .xo_new_holder .xo-tab-content .tab-content .xo_optin_accounts_right .xo_lost_holder .card .card-content { border-top: 1px dotted #ccc; margin-top: 10px; padding-top: 12px; padding-bottom: 14px; } .xo_wrap .xo_new_holder .xo-tab-content .tab-content .xo_optin_accounts_right .xo_lost_holder .card .card-content a { text-align: center; float: none; margin: 0 auto; display: table; } @media screen and (max-width: 1150px) { .xo_wrap .xo_new_holder .xo-tab-content .tab-content .xo_optin_accounts_right .xo_lost_holder .card .card-content a { font-size: 13px; padding: 11px 18px; } } @media screen and (max-width: 1074px) { .xo_wrap .xo_new_holder .xo-tab-content .tab-content .xo_optin_accounts_right .xo_lost_holder .card .card-content a { padding: 11px 15px; } } .xo_wrap .xo_new_holder .xo-tab-content .tab-content.active { display: block !important; } .xo_wrap .xo_new_holder .xo-tab-content #accounts-panel .wpop-ajax-loader { top: 17px; } .xo_wrap .xo_new_holder .xo-tab-content #triggers-panel { float: left; width: 100%; } .xo_wrap .xo_new_holder .xo-tab-content #triggers-panel .xo_toggle_ul .xo_toggle_li .acc_i:before, .xo_wrap .xo_new_holder .xo-tab-content #triggers-panel .xo_toggle_ul .xo_toggle_li .acc_i:after { transition: all 0.25s ease-in-out; } .xo_wrap .xo_new_holder .xo-tab-content #triggers-panel .wpop-ajax-loader { top: 13px; left: 10px; } .xo_wrap .xo_new_holder .xo-tab-content #triggers-panel h2 { font-size: 35px; border-bottom: 1px solid #dce7eb; margin: 0px; padding: 10px 0px 10px 0px; display: block !important; } .xo_wrap .xo_new_holder .xo-tab-content #triggers-panel .xo_toggle_holder { float: left; clear: both; width: 100%; position: relative; padding-top: 20px; display: none; padding-bottom: 20px; } .xo_wrap .xo_new_holder .xo-tab-content #triggers-panel .xo_toggle_holder h6 { margin-bottom: 15px; margin-top: 0px; } .xo_wrap .xo_new_holder .xo-tab-content #triggers-panel .xo_toggle_li { cursor: pointer; position: relative; clear: both; } .xo_wrap .xo_new_holder .xo-tab-content #triggers-panel .xo_toggle_ul .xo_toggle_li .acc_i { position: absolute; transform: translate(-18px, 0); margin-top: 32px; right: 0; } .xo_wrap .xo_new_holder .xo-tab-content #triggers-panel .xo_toggle_ul .xo_toggle_li .acc_i:before, .xo_wrap .xo_new_holder .xo-tab-content #triggers-panel .xo_toggle_ul .xo_toggle_li .acc_i:after { content: ""; position: absolute; background-color: #ff6873; width: 3px; height: 9px; } .xo_wrap .xo_new_holder .xo-tab-content #triggers-panel .xo_toggle_ul .xo_toggle_li .acc_i:before { transform: translate(-2px, 0) rotate(45deg); } .xo_wrap .xo_new_holder .xo-tab-content #triggers-panel .xo_toggle_ul .xo_toggle_li .acc_i:after { transform: translate(2px, 0) rotate(-45deg); } .xo_wrap .xo_new_holder .xo-tab-content #triggers-panel .xo_chng_pos .acc_i:before { transform: translate(7px, 0) rotate(45deg) !important; } .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc { float: left; clear: both; width: 100%; } .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .mdl-checkbox__box-outline { border-color: #7FC6A6; } .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .xo_trigger_icons { margin-right: 5px; margin-bottom: 8px; margin-left: 0px !important; position: relative; float: left; cursor: pointer; background-color: #ed6d62; padding: 12px 12px 8px 12px; color: #fff; } .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .xo_trigger_icons input:checked:parent { background-color: #48D1CC; } .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .xo_trigger_icons .icon { text-align: center; display: table; margin: 0px auto; font-size: 24px; } .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .material-icons-spinner { font-size: 27px; margin-left: 20px; margin-top: 33px; color: #d05d53; float: left; } .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .xo_trigger_icons:hover { background-color: #7FC6A6; } .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .xo_trigger_slected { background-color: #7FC6A6; } .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .xo_trigger_scroll_main { padding: 12px 18px 8px 18px; } .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .xo_trigger_icons input[type=radio] { background-color: transparent; border: 0px; height: 48px; width: 48px; position: absolute; top: 0; opacity: 0; left: 0; right: 0; z-index: 9999999; pointer-events: all; } .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .xo_trigger_icons input[type=radio]:before { height: inherit; width: inherit; } .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .xo_auto_cond, .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .xo_scroll_cond, .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .xo_exit_cond, .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .xo_click_cond { float: left; clear: both; } .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .xo_auto_cond .xo_scroll_cond_wrap, .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .xo_auto_cond .xo_click_cond_wrap, .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .xo_scroll_cond .xo_scroll_cond_wrap, .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .xo_scroll_cond .xo_click_cond_wrap, .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .xo_exit_cond .xo_scroll_cond_wrap, .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .xo_exit_cond .xo_click_cond_wrap, .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .xo_click_cond .xo_scroll_cond_wrap, .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .xo_click_cond .xo_click_cond_wrap { position: relative; } .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .xo_auto_cond .xo_scroll_cond_wrap .wpop-help-icon, .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .xo_auto_cond .xo_click_cond_wrap .wpop-help-icon, .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .xo_scroll_cond .xo_scroll_cond_wrap .wpop-help-icon, .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .xo_scroll_cond .xo_click_cond_wrap .wpop-help-icon, .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .xo_exit_cond .xo_scroll_cond_wrap .wpop-help-icon, .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .xo_exit_cond .xo_click_cond_wrap .wpop-help-icon, .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .xo_click_cond .xo_scroll_cond_wrap .wpop-help-icon, .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .xo_click_cond .xo_click_cond_wrap .wpop-help-icon { position: absolute; right: 2px; color: #a8943d; top: 5px; } .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .xo_auto_cond h2, .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .xo_scroll_cond h2, .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .xo_exit_cond h2, .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .xo_click_cond h2 { font-size: 1.3em; margin: 0px; } .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .xo_auto_cond .xo_cond_wrap, .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .xo_scroll_cond .xo_cond_wrap, .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .xo_exit_cond .xo_cond_wrap, .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .xo_click_cond .xo_cond_wrap { float: left; clear: both; margin-top: 15px; } .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .xo_auto_cond .xo_cond_wrap .xo_auto_sec, .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .xo_auto_cond .xo_cond_wrap .xo_scrol_perc, .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .xo_scroll_cond .xo_cond_wrap .xo_auto_sec, .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .xo_scroll_cond .xo_cond_wrap .xo_scrol_perc, .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .xo_exit_cond .xo_cond_wrap .xo_auto_sec, .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .xo_exit_cond .xo_cond_wrap .xo_scrol_perc, .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .xo_click_cond .xo_cond_wrap .xo_auto_sec, .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .xo_click_cond .xo_cond_wrap .xo_scrol_perc { width: 60px; height: auto; } .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .xo_display_fields_wrap { float: left; clear: both; margin-top: 20px; } .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .xo_display_fields_wrap label { color: #444; font-size: 20px; text-transform: capitalize; margin-top: 10px; margin-bottom: 10px; float: left; clear: both; } .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .xo_display_fields_wrap .xo_cond_wrap { float: left; clear: both; width: 500px; margin-top: 10px; } .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .select2-container { width: 100% !important; padding: 0px; border-radius: 2px; color: #000; } .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .select2-container .select2-search, .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .select2-container .select2-search__field { margin: 0px; width: auto !important; } .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .select2-container .select2-selection__rendered { padding-top: 6px; } .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .select2-container .select2-selection__choice { background-color: #929EAA; color: #fff; padding: 3px 8px; border-radius: 2px; cursor: pointer; } .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .select2-container .select2-selection__choice .select2-selection__choice__remove { color: #EDEFF0; float: right; margin-left: 8px; font-size: 20px; } .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .select2-container .select2-selection__choice:hover { background-color: #7FC6A6; } .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .xo_pages_cond_wrap { float: left; clear: both; width: 100%; margin-top: 40px; } .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .xo_submit { float: left; clear: both; background: #ed6d62; background: -moz-linear-gradient(282deg, #ed6d62 0%, rgba(201, 36, 89, 0.800157563) 100%); background: -webkit-linear-gradient(282deg, #ed6d62 0%, rgba(201, 36, 89, 0.800157563) 100%); background: linear-gradient(282deg, #ed6d62 0%, rgba(201, 36, 89, 0.800157563) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ed6d62", endColorstr="#c92459", GradientType=1); margin-top: 10px; height: auto; border: none; width: auto; padding: 11px 25px; border-radius: 20px; text-transform: capitalize; font-size: 15px; line-height: normal; color: #fff; cursor: pointer; } .xo_wrap .xo_new_holder .xo-tab-content .xo_addNew_tnc .xo_submit:hover { color: #fff; background: #ed6d62; background: -moz-linear-gradient(124deg, #ed6d62 0%, rgba(201, 36, 89, 0.800157563) 100%); background: -webkit-linear-gradient(124deg, #ed6d62 0%, rgba(201, 36, 89, 0.800157563) 100%); background: linear-gradient(124deg, #ed6d62 0%, rgba(201, 36, 89, 0.800157563) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ed6d62", endColorstr="#c92459", GradientType=1); } .xo_wrap .xo_new_holder .xo-tab-content .xo_availble_wrap { float: left; clear: both; width: 100%; } .xo_wrap .xo_new_holder .xo-tab-content .xo_availble_wrap input[type=checkbox]:disabled { display: none; } .xo_wrap .xo_new_holder .xo-tab-content .xo_availble_wrap label { float: left; clear: both; margin-bottom: 5px; position: relative; } .xo_wrap .xo_new_holder .xo-tab-content .xo_availble_wrap .xo_col_half { float: left; width: 49%; padding: 10px 10px 10px 0px; } .xo_wrap .xo_new_holder .xo-tab-content .xo_availble_wrap .xo_col_half .xo_new_head h1 { font-size: 28px; margin-top: 0px; margin-bottom: 8px; } .xo_wrap .xo_new_holder .xo-tab-content .xo_new_tnc { float: left; clear: none !important; margin-top: 20px; } .xo_wrap .xo_new_holder .xo-tab-content .xo_right { float: right !important; } .xo_wrap .xo_new_holder .xo-tab-content .xo_display_wrap { float: left; clear: both; width: 100%; } .xo_wrap .xo_new_holder .mdl-radio__inner-circle, .xo_wrap .xo_new_holder .mdl-ripple { background: #7FC6A6; } .xo_wrap .xo_new_holder .mdl-radio__outer-circle { border-color: #7FC6A6; } .xo_wrap .xo_new_holder .mdl-radio.is-checked .mdl-radio__inner-circle { background: #7FC6A6; } .xo_wrap .xo_new_holder .mdl-checkbox__box-outline { border-color: rgba(0, 0, 0, 0.12); } .xo_wrap .xo_new_holder .mdl-checkbox.is-checked .mdl-checkbox__tick-outline { background-color: #7FC6A6; } .xo_wrap .xo_new_holder .mdl-checkbox.is-checked .mdl-checkbox__box-outline { border-color: #7FC6A6; } .xo_wrap .xo_new_holder .mdl-textfield { width: 200px; } .xo_wrap .xo_new_holder .mdl-textfield #xo_tt_selector, .xo_wrap .xo_new_holder .mdl-textfield #xo_tt_selectors { float: right; margin-top: 5px; } .xo_wrap .xo_new_holder .mdl-textfield__input { box-shadow: none; border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .xo_wrap .xo_new_holder .mdl-textfield__label:after { background: #7FC6A6; } .xo_wrap .xo_new_holder .disabled .mdl-checkbox__box-outline { border-color: #f1f1f1; } .xo_wrap .wpop-goals-holder { margin-bottom: 0; text-align: center; } .xo_wrap .wpop-goals-holder h4 { text-align: left; margin-bottom: 25px; } .xo_wrap .wpop-goals-holder .wpop-goal-holder { padding: 0 0.3rem; } @media screen and (max-width: 1024px) { .xo_wrap .wpop-goals-holder .wpop-goal-holder { width: 50%; } } .xo_wrap .wpop-goals-holder .wpop-goal-holder:first-child { padding-left: 0; } .xo_wrap .wpop-goals-holder .wpop-goal-holder .card { width: auto; max-width: none; min-width: auto; padding: 25px 0; } .xo_wrap .wpop-goals-holder .wpop-goal-holder .card .card-image { min-height: 70px; } .xo_wrap .wpop-goals-holder .wpop-goal-holder .card .card-image img { background: #9ea3a824; padding: 10px 0; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); } .xo_wrap .wpop-goals-holder .wpop-goal-holder .card .card-content { padding: 0 10px 0px 10px; } .xo_wrap .wpop-goals-holder .wpop-goal-holder .card .card-content h5 { margin-top: 0; font-size: 1.7rem; min-height: 56px; } .xo_wrap .wpop-goals-holder .wpop-goal-holder .card .card-content p { font-size: 13px; min-height: 57px; letter-spacing: .7px; } .xo_wrap .wpop-goals-holder .wpop-goal-holder .wpop_spinner { top: 15px; margin-left: 5px; } .xo_wrap .wpop-designs-holder { margin-bottom: 0; text-align: center; } .xo_wrap .wpop-designs-holder h4 { text-align: left; margin-bottom: 25px; } .xo_wrap .wpop-designs-holder .wpop-design-holder { padding: 0 0.3rem; } @media screen and (max-width: 1024px) { .xo_wrap .wpop-designs-holder .wpop-design-holder { width: 50%; } } .xo_wrap .wpop-designs-holder .wpop-design-holder:first-child { padding-left: 0; } .xo_wrap .wpop-designs-holder .wpop-design-holder .card { width: auto; max-width: none; min-width: auto; padding: 25px 0; } .xo_wrap .wpop-designs-holder .wpop-design-holder .card .card-image { min-height: 70px; } .xo_wrap .wpop-designs-holder .wpop-design-holder .card .card-image img { background: #9ea3a824; padding: 10px 0; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); } .xo_wrap .wpop-designs-holder .wpop-design-holder .card .card-content { padding: 0 10px 0px 10px; } .xo_wrap .wpop-designs-holder .wpop-design-holder .card .card-content h5 { margin-top: 0; font-size: 1.7rem; min-height: 56px; } .xo_wrap .wpop-designs-holder .wpop-design-holder .card .card-content p { font-size: 13px; min-height: 57px; letter-spacing: .7px; } .xo_wrap .wpop-designs-holder .wpop-design-holder .wpop_spinner { top: 15px; margin-left: 5px; } .xo_wrap .wpop-types-holder { display: none; float: left; } .xo_wrap .wpop-types-holder .wpop-goal-holder .card .card-image img { position: relative; top: 0; transform: none; width: 60%; float: none; margin: 0 auto; background: none; box-shadow: none; } .xo_wrap .wpop-types-holder .wpop-goal-holder .card .card-content { padding: 10px 15px 10px 15px; } .xo_wrap .wpop-types-holder .wpop-goal-holder .card .card-content h5 { min-height: 0; } .xo_wrap .wpop-types-holder .wpop-goal-holder .card .btn.disabled { color: #fff !important; } .xo_wrap .wpop-designs-holder { display: none; float: left; } .xo_wrap .wpop-designs-holder .wpop-design-holder .card .card-image img { position: relative; top: 0; transform: none; width: 60%; float: none; margin: 0 auto; background: none; box-shadow: none; } .xo_wrap .wpop-designs-holder .wpop-design-holder .card .card-content { padding: 10px 15px 10px 15px; } .xo_wrap .wpop-designs-holder .wpop-design-holder .card .card-content h5 { min-height: 0; } .xo_wrap .wpop-designs-holder .wpop-design-holder .card .btn.disabled { color: #fff !important; } .xo_wrap .xo_skin_type_holder, .xo_wrap .xo_skin_main_holder { position: relative; border: none; margin-right: 20px; margin-bottom: 30px; float: left; } .xo_wrap .xo_skin_type_holder .card, .xo_wrap .xo_skin_main_holder .card { padding: 0; margin: 0; } .xo_wrap .xo_skin_type_holder .card .card-content, .xo_wrap .xo_skin_main_holder .card .card-content { padding: 0px 15px 15px 15px; text-align: center; } .xo_wrap .xo_skin_type_holder .card .card-content h5, .xo_wrap .xo_skin_main_holder .card .card-content h5 { font-size: 2rem; } .xo_wrap .xo_skin_type_holder .wpop_spinner, .xo_wrap .xo_skin_main_holder .wpop_spinner { top: 15px; margin-left: 5px; } .xo_wrap .xo_skin_type_holder .mdl_img, .xo_wrap .xo_skin_main_holder .mdl_img { position: relative; height: 150px; color: #fff; background: url(../images/dog.png) left 15% center no-repeat #ed6d62; } .xo_wrap .xo_skin_type_holder .md_icon_holder, .xo_wrap .xo_skin_main_holder .md_icon_holder { height: 150px; color: #fff; background: #ed6d62; position: relative; } .xo_wrap .xo_skin_type_holder .md_icon_holder .material-icons, .xo_wrap .xo_skin_main_holder .md_icon_holder .material-icons { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 150px; } .xo_wrap .xo_skin_type_holder .mdl-card__supporting-text, .xo_wrap .xo_skin_main_holder .mdl-card__supporting-text { padding-top: 10px; font-size: 15px; line-height: 1.5; } .xo_wrap .xo_skin_type_holder .mdl-card__title, .xo_wrap .xo_skin_main_holder .mdl-card__title { color: #555d66; padding-bottom: 0px; } .xo_wrap .xo_skin_type_holder .mdl-card__title .mdl-card__title-text, .xo_wrap .xo_skin_main_holder .mdl-card__title .mdl-card__title-text { text-align: center; float: none; margin: 0px auto; } .xo_wrap .xo_skin_type_holder .mdl-card__supporting-text, .xo_wrap .xo_skin_type_holder .mdl-card__title, .xo_wrap .xo_skin_main_holder .mdl-card__supporting-text, .xo_wrap .xo_skin_main_holder .mdl-card__title { text-align: center; color: #555d66; width: 100%; } .xo_wrap .xo_skin_type_holder .mdl-button, .xo_wrap .xo_skin_main_holder .mdl-button { float: none; margin: 0px auto; display: table; } .xo_wrap .xo_skin_type_holder h1, .xo_wrap .xo_skin_main_holder h1 { font-size: 22px; color: #fff; text-transform: capitalize; } .xo_wrap .xo_skin_main_holder { padding: 0; margin-top: 0; width: 24% !important; margin-bottom: 15px; margin-right: 15px; min-height: 360px; } @media screen and (max-width: 768px) { .xo_wrap .xo_skin_main_holder { width: 100% !important; max-width: none; } } .xo_wrap .xo_skin_main_holder .card-image { position: relative; max-height: 180px; overflow: hidden; } .xo_wrap .xo_skin_main_holder .card-image .selected_skin { width: 200px; height: 30px; line-height: 30px; position: absolute; top: 17px; left: -73px; z-index: 2; overflow: hidden; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border: 1px dashed; box-shadow: 0 0 0 3px #27aae4, 0px 21px 5px -18px rgba(39, 170, 228, 0.44); background: rgba(39, 170, 228, 0.44); text-align: center; color: #fff; display: none; } .xo_wrap .xo_skin_main_holder .card-content { padding: 0; text-align: center; } .xo_wrap .xo_skin_main_holder .card-content h4 { margin-top: 11px; padding: 5px 0 10px 0; margin-bottom: 2px; text-transform: capitalize; } .xo_wrap .xo_skin_main_holder .card-content .selected_layout { padding: 6px; float: left; width: 100%; background: #27aae4; color: #fff; text-align: center; font-weight: bold; text-transform: capitalize; margin-bottom: 20px; font-size: 16px; } .xo_wrap .xo_skin_main_holder .card-content p { font-size: 15px; padding: 0 10px; } .xo_wrap .xo_skin_main_holder .wpop-skin-actions { padding: 10px 10px 15px; border-top: 1px solid #baa5a5; margin-top: 20px; } .xo_wrap .xo_skin_main_holder .wpop-skin-actions .wpop_spinner { margin-left: 5px; top: 15px; } .xo_wrap .xo_skin_main_holder.wpop_show_selected_label .selected_skin { display: block; } .xo_wrap .xo_skin_main_holder:nth-child(4n+4) { margin-right: 0 !important; } .xo_wrap .no_xo_accounts { display: none; float: left; clear: both; width: 100%; padding: 10px 20px 20px; background-color: #fff; } .xo_wrap .no_xo_accounts .xo_optin_accounts { float: left; width: 78%; } .xo_wrap .no_xo_accounts .xo_optin_accounts .dropdown-content { max-height: 250px !important; overflow-y: auto !important; backface-visibility: hidden !important; } .xo_wrap .no_xo_accounts .xo_optin_accounts_right { float: right; margin-top: 10px; } .xo_wrap .no_xo_accounts .xo_optin_accounts_right .xo_lost_holder { width: 240px; } .xo_wrap .no_xo_accounts .xo_optin_accounts_right .xo_lost_holder .card { padding: 0; } .xo_wrap .no_xo_accounts .xo_optin_accounts_right .xo_lost_holder .card .wpop-card-icon { background: #ed6d62; padding: 10px; } .xo_wrap .no_xo_accounts .xo_optin_accounts_right .xo_lost_holder .card .wpop-card-icon .material-icons { text-align: center; float: none; margin: 0 auto; display: table; color: #fff; font-size: 5rem; } .xo_wrap .no_xo_accounts .xo_optin_accounts_right .xo_lost_holder .card h4 { margin: 0; padding-top: 20px; text-align: center; } .xo_wrap .no_xo_accounts .xo_optin_accounts_right .xo_lost_holder .card .card-content { border-top: 1px dotted #ccc; margin-top: 10px; padding-top: 12px; } .xo_wrap .no_xo_accounts .xo_optin_accounts_right .xo_lost_holder .card .card-content a { text-align: center; float: none; margin: 0 auto; display: table; } .xo_wrap .no_xo_accounts .mdl-textfield__input { box-shadow: none; border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .xo_wrap .no_xo_accounts .mdl-textfield__label:after { background: #7FC6A6; } .xo_wrap .no_xo_accounts ul { float: left; width: 100%; } .xo_wrap .no_xo_accounts li { margin-top: 5px; margin-bottom: 5px; clear: both; float: left; width: 100%; } .xo_wrap .no_xo_accounts li .xo_sub_holder { clear: both; float: left; width: 100%; display: none; } .xo_wrap .no_xo_accounts li .xo_sub_holder .wpop_spinner { top: 16px; width: 30px; height: 30px; } .xo_wrap .no_xo_accounts li .material-icons-spinner { font-size: 20px; margin-left: 10px; margin-top: 10px; float: left; color: #ed6d62; } .xo_wrap .no_xo_accounts li .label { font-size: 16px; float: left; margin-top: 4px; color: #555d66; margin-right: 10px; clear: both; width: 100%; } .xo_wrap .no_xo_accounts li .select2-container { width: 34% !important; margin-top: 10px; float: left; } .xo_wrap .no_xo_accounts li .select2-selection__rendered { padding-top: 0px; } .xo_wrap .no_xo_accounts .xo_lists_holder { float: left; width: 100%; } .xo_wrap .no_xo_accounts .xo_lists_holder .label { font-size: 16px; float: left; margin-top: 4px; color: #555d66; margin-right: 10px; clear: both; width: 100%; } .xo_wrap .no_xo_accounts .xo_lists_holder .select2-container { width: 26% !important; margin-top: 10px; float: left; } .xo_wrap .no_xo_accounts .xo_lists_holder .select2-container .select2-selection__clear { display: none; } .xo_wrap .no_xo_accounts .xo_lists_holder .select2-selection__rendered { padding-top: 0px; } .xo_wrap .no_xo_accounts .xo_sub_holder { float: left; width: 70%; } .xo_wrap .no_xo_accounts .xo_sub_holder .wpop_spinner { top: 14px; } .xo_wrap .no_xo_accounts .xo_sub_holder .material-icons { font-size: 24px; color: #ed6d62; margin-left: 10px; margin-top: 6px; } .xo_wrap .no_xo_optins { float: left; clear: both; padding: 10px 20px 20px; background-color: #fff; width: 100%; } .xo_wrap .n_x_o_top { float: left; clear: both; width: 100%; } .xo_wrap .n_x_o_top .n_x_o_righticon { float: left; width: 10%; } @media screen and (max-width: 1024px) { .xo_wrap .n_x_o_top .n_x_o_righticon { display: none; } } .xo_wrap .n_x_o_top .n_x_o_righticon .img_logo { float: right; margin-top: 25%; max-width: 80px; } .xo_wrap .n_x_o_top .n_x_o_leftc { float: left; width: 90%; } @media screen and (max-width: 1024px) { .xo_wrap .n_x_o_top .n_x_o_leftc { width: 100%; } } .xo_wrap .n_x_o_top .n_x_o_leftc h1 { font-size: 28px; color: #777771; } .xo_wrap .n_x_o_top .n_x_o_leftc p { color: #555d66; font-size: 15px; line-height: 1.7; margin-top: 0; margin-bottom: 5px; } .xo_wrap .n_x_o_bottom { float: left; clear: both; width: 100%; border-top: 1px dashed #eaeaea; margin-top: 15px; } .xo_wrap .n_x_o_bottom h1 { font-size: 30px; color: #777771; } .xo_wrap .xo_sliders_wrap { float: left; padding: 8px 30px 0; cursor: pointer; } .xo_wrap .xo_sliders_wrap img { max-width: 40px; margin-top: 3px; } .xo_wrap .xo_sliders_wrap #xo_sliders { width: 36.5px; height: 35px; position: relative; cursor: pointer; float: left; } .xo_wrap .xo_sliders_wrap #xo_sliders span { width: 100%; height: 2px; display: block; background-color: #fff; position: absolute; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .xo_wrap .xo_sliders_wrap #xo_sliders span:nth-child(1) { top: 25%; } .xo_wrap .xo_sliders_wrap #xo_sliders span:nth-child(2) { top: 54%; } .xo_wrap .xo_sliders_wrap #xo_sliders span:nth-child(3) { top: 83%; } .xo_wrap .xo_sliders_wrap #xo_sliders .box { width: 7px; height: 7px; border-radius: 2px; border: 1px solid #eee; background-color: #fff; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: left .3s; -moz-transition: left .3s; transition: left .3s; } .xo_wrap .xo_sliders_wrap #xo_sliders span:nth-child(1) .box { left: 25%; } .xo_wrap .xo_sliders_wrap #xo_sliders span:nth-child(2) .box { left: 75%; } .xo_wrap .xo_sliders_wrap #xo_sliders span:nth-child(3) .box { left: 25%; } .xo_wrap .xo_sliders_wrap #xo_sliders:hover span:nth-child(1) .box { left: 75%; } .xo_wrap .xo_sliders_wrap #xo_sliders:hover span:nth-child(2) .box { left: 25%; } .xo_wrap .xo_sliders_wrap #xo_sliders:hover span:nth-child(3) .box { left: 75%; } .xo_wrap .woo-product-card .wpop-content-locked { position: absolute; z-index: 999; background: rgba(0, 0, 0, 0.2); top: 0; left: 0; right: 0; bottom: 0; -moz-transition: all ease-in .5s; -ms-transition: all ease-in .5s; -o-transition: all ease-in .5s; -webkit-transition: all ease-in .5s; transition: all ease-in .5s; } .xo_wrap .woo-product-card .wpop-content-locked:hover { background: rgba(0, 0, 0, 0.4); -moz-transition: all ease-in .5s; -ms-transition: all ease-in .5s; -o-transition: all ease-in .5s; -webkit-transition: all ease-in .5s; transition: all ease-in .5s; } .xo_wrap .woo-product-card .wpop-content-locked .material-icons { position: absolute; top: 50%; left: 50%; font-size: 70px; color: #ffffffdb; transform: translate(-50%, -50%); } .xo_wrap .wpop_no_woo_product_wrap .wpop-content-locked { position: absolute; z-index: 999; background: rgba(0, 0, 0, 0.2); top: 0; left: 0; right: 0; bottom: 0; transition: all ease-in .5s; margin-top: 5px; margin-bottom: 9px; } .xo_wrap .wpop_no_woo_product_wrap .wpop-content-locked:hover { background: rgba(0, 0, 0, 0.4); -moz-transition: all ease-in .5s; -ms-transition: all ease-in .5s; -o-transition: all ease-in .5s; -webkit-transition: all ease-in .5s; transition: all ease-in .5s; } .xo_wrap .wpop_no_woo_product_wrap .wpop-content-locked .material-icons { position: absolute; top: 50%; left: 50%; font-size: 40px; color: #ffffffdb; transform: translate(-50%, -50%); } .xo_wrap .xo-settings-genral-wrapper { float: left; width: 100%; position: relative; } .xo_wrap .xo-settings-genral-wrapper #orrsDiag_content p:first-child { display: none; } .xo_wrap .xo-settings-genral-wrapper #orrsDiag_content .xo_dialog p { font-size: 16px; font-weight: bold; } .xo_wrap .xo-settings-genral-wrapper #orrsDiag_content .xo_dialog span { float: left; clear: both; font-size: 14px; } .xo_wrap .xo-settings-genral-wrapper #orrsDiag_content .xo_dialog .mdl-button { float: right; background-color: transparent; font-size: 14px; color: #4285F4; margin-left: 10px; } .xo_wrap .xo-settings-genral-wrapper .xo_stats_wrap { float: left; width: 100%; background-color: #fff; padding: 10px 20px 20px; } .xo_wrap .xo-settings-genral-wrapper .xo_stats_wrap h2 { font-size: 35px; margin-top: 20px; } .xo_wrap .xo-settings-genral-wrapper .xo_stats_wrap h3 { font-size: 20px; margin-bottom: 0px; color: #7f7f7f; } .xo_wrap .xo-settings-genral-wrapper .xo_stats_wrap .xo_stats_overview_sec { float: left; width: 100%; padding: 20px 0 0px; margin-bottom: 0; position: relative; } .xo_wrap .xo-settings-genral-wrapper .xo_stats_wrap .xo_stats_overview_sec .wpop-content-locked { position: absolute; z-index: 999; background: rgba(0, 0, 0, 0.2); top: 0; left: 0; right: 0; bottom: 0; -moz-transition: all ease-in .5s; -ms-transition: all ease-in .5s; -o-transition: all ease-in .5s; -webkit-transition: all ease-in .5s; transition: all ease-in .5s; } .xo_wrap .xo-settings-genral-wrapper .xo_stats_wrap .xo_stats_overview_sec .wpop-content-locked:hover { background: rgba(0, 0, 0, 0.4); -moz-transition: all ease-in .5s; -ms-transition: all ease-in .5s; -o-transition: all ease-in .5s; -webkit-transition: all ease-in .5s; transition: all ease-in .5s; } .xo_wrap .xo-settings-genral-wrapper .xo_stats_wrap .xo_stats_overview_sec .wpop-content-locked .material-icons { position: absolute; top: 50%; left: 50%; font-size: 70px; color: #ffffffdb; transform: translate(-50%, -50%); } .xo_wrap .xo-settings-genral-wrapper .xo_stats_wrap .xo_stats_overview_sec .xo_stats_overview_inner { float: left; text-align: center; } .xo_wrap .xo-settings-genral-wrapper .xo_stats_wrap .xo_stats_overview_sec .xo_stats_overview_inner .conv_rate { font-size: 50px; font-weight: 600; clear: both; color: #00aeff; } .xo_wrap .xo-settings-genral-wrapper .xo_stats_wrap .xo_stats_overview_sec .xo_stats_overview_inner .conv_title { clear: both; float: none; margin: 0px auto; display: table; margin-top: 10px; font-weight: 400; color: #939AAA; font-size: 25px; } .xo_wrap .xo-settings-genral-wrapper .xo_stats_wrap .xo_stats_overview_sec .xo_stats_overview_active .pie-wrapper .left-side, .xo_wrap .xo-settings-genral-wrapper .xo_stats_wrap .xo_stats_overview_sec .xo_stats_overview_views .pie-wrapper .left-side, .xo_wrap .xo-settings-genral-wrapper .xo_stats_wrap .xo_stats_overview_sec .xo_stats_overview_conv .pie-wrapper .left-side { transform: rotate(360deg) !important; } .xo_wrap .xo-settings-genral-wrapper .xo_stats_wrap .xo_stats_overview_sec .xo_stats_overview_active .pie-wrapper .right-side, .xo_wrap .xo-settings-genral-wrapper .xo_stats_wrap .xo_stats_overview_sec .xo_stats_overview_views .pie-wrapper .right-side, .xo_wrap .xo-settings-genral-wrapper .xo_stats_wrap .xo_stats_overview_sec .xo_stats_overview_conv .pie-wrapper .right-side { transform: rotate(180deg) !important; } .xo_wrap .xo-settings-genral-wrapper .xo_stats_wrap .xo_stats_overview_sec .xo_stats_overview_active .pie-wrapper .pie, .xo_wrap .xo-settings-genral-wrapper .xo_stats_wrap .xo_stats_overview_sec .xo_stats_overview_views .pie-wrapper .pie, .xo_wrap .xo-settings-genral-wrapper .xo_stats_wrap .xo_stats_overview_sec .xo_stats_overview_conv .pie-wrapper .pie { clip: rect(auto auto auto auto); } .xo_wrap .xo-settings-genral-wrapper .xo_stats_wrap .xo_stats_overview_sec .xo_stats_overview_active .half-circle { border: 0.116em solid #BA65C9; } .xo_wrap .xo-settings-genral-wrapper .xo_stats_wrap .xo_stats_overview_sec .xo_stats_overview_views .half-circle { border: 0.116em solid #ed6d62; } .xo_wrap .xo-settings-genral-wrapper .xo_stats_wrap .xo_stats_overview_sec .xo_stats_overview_conv .half-circle { border: 0.116em solid #00BBD6; } .xo_wrap .xo-settings-genral-wrapper .xo_stats_wrap .xo_chart_sec { float: left; clear: both; width: 100%; position: relative; margin-top: 40px; } .xo_wrap .xo-settings-genral-wrapper .xo_stats_wrap .xo_chart_sec #xo_chart_holder { height: 660px; position: relative; } .xo_wrap .xo-settings-genral-wrapper .xo_stats_wrap .xo_chart_sec #xo_chart_holder img { float: left; width: 100%; } .xo_wrap .xo-settings-genral-wrapper .xo_stats_wrap .xo_chart_sec #xo_chart_holder .wpop-content-locked { position: absolute; z-index: 999; background: rgba(0, 0, 0, 0.2); top: 0; left: 0; right: 0; bottom: 0; -moz-transition: all ease-in .5s; -ms-transition: all ease-in .5s; -o-transition: all ease-in .5s; -webkit-transition: all ease-in .5s; transition: all ease-in .5s; } .xo_wrap .xo-settings-genral-wrapper .xo_stats_wrap .xo_chart_sec #xo_chart_holder .wpop-content-locked:hover { background: rgba(0, 0, 0, 0.4); } .xo_wrap .xo-settings-genral-wrapper .xo_stats_wrap .xo_chart_sec #xo_chart_holder .wpop-content-locked .material-icons { position: absolute; top: 50%; left: 50%; font-size: 70px; color: #ffffffdb; transform: translate(-50%, -50%); } .xo_wrap .xo-settings-genral-wrapper .xo_table_layout { float: left; width: 100%; border: 0px; background: #fff; } .xo_wrap .xo-settings-genral-wrapper .xo_table_layout .wpop-upgrade-link { color: #e96661; padding: 0; margin-left: 5px; margin-top: -3px; } .xo_wrap .xo-settings-genral-wrapper .xo_table_layout .xo_child_row .xo_add_var { display: none; } .xo_wrap .xo-settings-genral-wrapper .xo_table_layout .xo_child_row td:first-of-type { padding-left: 50px; } .xo_wrap .xo-settings-genral-wrapper .xo_table_layout .tr_parent { background-color: #eee; } .xo_wrap .xo-settings-genral-wrapper .xo_table_layout th, .xo_wrap .xo-settings-genral-wrapper .xo_table_layout td { text-align: left; padding: 15px 25px; } .xo_wrap .xo-settings-genral-wrapper .xo_table_layout th .mdl-switch, .xo_wrap .xo-settings-genral-wrapper .xo_table_layout td .mdl-switch { float: none; margin: 0px auto; width: auto; } .xo_wrap .xo-settings-genral-wrapper .xo_table_layout th .mdl-switch .mdl-ripple, .xo_wrap .xo-settings-genral-wrapper .xo_table_layout td .mdl-switch .mdl-ripple { background: #d05d53; } .xo_wrap .xo-settings-genral-wrapper .xo_table_layout th .mdl-switch.is-checked .mdl-switch__track, .xo_wrap .xo-settings-genral-wrapper .xo_table_layout td .mdl-switch.is-checked .mdl-switch__track { background: rgba(237, 109, 98, 0.8); } .xo_wrap .xo-settings-genral-wrapper .xo_table_layout th .mdl-switch.is-checked .mdl-switch__thumb, .xo_wrap .xo-settings-genral-wrapper .xo_table_layout td .mdl-switch.is-checked .mdl-switch__thumb { background: #d05d53; } .xo_wrap .xo-settings-genral-wrapper .xo_table_layout th a, .xo_wrap .xo-settings-genral-wrapper .xo_table_layout td a { text-decoration: none; padding: 10px; position: relative; } .xo_wrap .xo-settings-genral-wrapper .xo_table_layout th a .material-icons, .xo_wrap .xo-settings-genral-wrapper .xo_table_layout td a .material-icons { font-size: 16px; color: #444; } .xo_wrap .xo-settings-genral-wrapper .xo_table_layout th a:focus, .xo_wrap .xo-settings-genral-wrapper .xo_table_layout td a:focus { box-shadow: none; } .xo_wrap .xo-settings-genral-wrapper .xo_table_layout th .wpop-account-deleted, .xo_wrap .xo-settings-genral-wrapper .xo_table_layout td .wpop-account-deleted { padding-right: 0px; } .xo_wrap .xo-settings-genral-wrapper .xo_table_layout th .wpop-account-deleted .material-icons, .xo_wrap .xo-settings-genral-wrapper .xo_table_layout td .wpop-account-deleted .material-icons { margin-top: -3px; float: left; color: #d05d53; font-size: 24px; } .xo_wrap .xo-settings-genral-wrapper .xo_table_layout th .action_holder, .xo_wrap .xo-settings-genral-wrapper .xo_table_layout td .action_holder { position: relative; } .xo_wrap .xo-settings-genral-wrapper .xo_table_layout th .action_holder .xo_remove_varint, .xo_wrap .xo-settings-genral-wrapper .xo_table_layout td .action_holder .xo_remove_varint { display: none; } .xo_wrap .xo-settings-genral-wrapper .xo_table_layout th .action_holder a, .xo_wrap .xo-settings-genral-wrapper .xo_table_layout td .action_holder a { text-decoration: none; padding: 5px; float: left; position: relative; } .xo_wrap .xo-settings-genral-wrapper .xo_table_layout th .action_holder a .material-icons, .xo_wrap .xo-settings-genral-wrapper .xo_table_layout td .action_holder a .material-icons { font-size: 20px; color: #444; } .xo_wrap .xo-settings-genral-wrapper .xo_table_layout th .action_holder a:focus, .xo_wrap .xo-settings-genral-wrapper .xo_table_layout td .action_holder a:focus { box-shadow: none; } .xo_wrap .xo-settings-genral-wrapper .form-table { margin-top: 0px; } .xo_wrap .xo-settings-genral-wrapper #xo_all_skins_wrap { float: left; width: 100%; background-color: #fff; padding: 25px 20px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .xo_wrap .xo-settings-genral-wrapper #xo_new_skin_wrap { float: left; width: 100%; } .xo_wrap .xo-settings-genral-wrapper #xo_new_skin_wrap .xo_new_skin_holder, .xo_wrap .xo-settings-genral-wrapper #xo_new_skin_wrap .xo_new_goals { float: left; width: 100%; } .xo_wrap .xo-settings-genral-wrapper #xo_new_skin_wrap .xo_new_skin_holder .wpop_new_goals_wrap, .xo_wrap .xo-settings-genral-wrapper #xo_new_skin_wrap .xo_new_goals .wpop_new_goals_wrap { padding: 30px 95px 0; margin-bottom: 0; } .xo_wrap .xo-settings-genral-wrapper #xo_new_skin_wrap .xo_new_skin_holder .wpop_new_goals_wrap h2, .xo_wrap .xo-settings-genral-wrapper #xo_new_skin_wrap .xo_new_goals .wpop_new_goals_wrap h2 { margin: 0 0 15px; } .xo_wrap .xo-settings-genral-wrapper #xo_new_skin_wrap .xo_new_skin_holder .wpop_new_goals_wrap .card, .xo_wrap .xo-settings-genral-wrapper #xo_new_skin_wrap .xo_new_goals .wpop_new_goals_wrap .card { width: auto; max-width: none; padding: .7em 0; } .xo_wrap .xo-settings-genral-wrapper #xo_new_skin_wrap .xo_new_skin_type_holder, .xo_wrap .xo-settings-genral-wrapper #xo_new_skin_wrap .xo_new_skin_form_wraperr, .xo_wrap .xo-settings-genral-wrapper #xo_new_skin_wrap .wpop_new_goals { display: none; } .xo_wrap .xo-settings-genral-wrapper #xo_new_skin_wrap .xo_new_skin_form_wraperr { padding-left: 90px !important; width: 100%; padding-right: 90px !important; float: left; } .xo_wrap .xo-settings-genral-wrapper #xo_new_skin_wrap .xo_new_skin_form { float: left; width: 100%; color: #7f7f7f; margin-top: 40px; } .xo_wrap .xo-settings-genral-wrapper #xo_new_skin_wrap .xo_new_skin_form .input-field label { margin-left: 2.3rem; } .xo_wrap .xo-settings-genral-wrapper #xo_new_skin_wrap .xo_new_skin_form #wp-wpop_skin_description-wrap { margin-top: -30px; float: left; width: 100%; margin-bottom: 20px; } .xo_wrap .xo-settings-genral-wrapper #xo_new_skin_wrap .xo_new_skin_form .material-icons { font-size: 24px; color: #ed6d62; margin-left: 10px; margin-top: 6px; } .xo_wrap .xo-settings-genral-wrapper #xo_new_skin_wrap .xo_new_skin_form .description { float: left; clear: both; width: 100%; margin-bottom: 20px; margin-left: 2.3rem; } .xo_wrap .xo-settings-genral-wrapper #xo_new_skin_wrap .xo_new_skin_form .mdl-textfield { width: 100%; } .xo_wrap .xo-settings-genral-wrapper #xo_new_skin_wrap .xo_new_skin_form .mdl-textfield__input { float: left; width: 100%; box-shadow: none; border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .xo_wrap .xo-settings-genral-wrapper #xo_new_skin_wrap .xo_new_skin_form .wpop-skin-feat-warp { float: left; width: 87%; margin-right: 5px; } .xo_wrap .xo-settings-genral-wrapper #xo_new_skin_wrap .xo_new_skin_form .wpop-skin-feat-btn-warp { float: left; margin-top: 22px; color: #fff; } .xo_wrap .xo-settings-genral-wrapper #xo_new_skin_wrap .xo_new_skin_form .wpop-skin-feat-btn-warp .material-icons { margin: 0; font-size: 1.3rem; color: #fff; } .xo_wrap .xo-settings-genral-wrapper #xo_new_skin_wrap .xo_new_skin_form .wpop-skin-feat-btn-warp .xo_submit { color: #fff; } .xo_wrap .xo-settings-genral-wrapper #xo_new_skin_wrap .xo_new_skin_form .mdl-textfield__label:after { background: #7FC6A6; } .xo_wrap .xo-settings-genral-wrapper #xo_new_skin_wrap .xo_new_skin_form .mdl-textfield__label { color: #7f7f7f; } .xo_wrap .xo-settings-genral-wrapper #xo_new_skin_wrap .xo_new_skin_form .label { float: left; font-size: 18px; font-weight: bold; clear: both; margin-top: 20px; margin-bottom: 20px; color: #7f7f7f; } .xo_wrap .xo-settings { position: relative; overflow: hidden; padding: 10px 20px 20px; padding-top: 0px; padding-left: 0px; padding-bottom: 0px; background: #fff; opacity: 0; -webkit-animation: fadeIn .4s ease .4s forwards; -moz-animation: fadeIn .4s ease .4s forwards; -o-animation: fadeIn .4s ease .4s forwards; animation: fadeIn .4s ease .4s forwards; } @media screen and (max-width: 375px) { .xo_wrap .xo-settings { padding: 0; } } .xo_wrap .xo-settings .xo_addNewform { float: left; width: 100%; color: #7f7f7f; margin-top: 40px; } @media screen and (max-width: 768px) { .xo_wrap .xo-settings .xo_addNewform { margin-top: 10px; } } .xo_wrap .xo-settings .xo_addNewform .wpop_feat_img_wraper .btn { color: #fff; padding: 10px; margin-top: 22px; float: right; } .xo_wrap .xo-settings .xo_addNewform .wpop_feat_img_wraper .wpop-delete-feat-img { position: absolute; left: 83.3%; cursor: pointer; } .xo_wrap .xo-settings .xo_addNewform .wpop_feat_img_wraper .wpop-delete-feat-img .material-icons { color: #da5775; } .xo_wrap .xo-settings .xo_addNewform .wpop_feat_img_wraper .wpop-delete-feat-img.wpop-hide { display: none; } .xo_wrap .xo-settings .xo_addNewform .wpop_feat_img_wraper #wpop_feat_img { width: 82%; } .xo_wrap .xo-settings .xo_addNewform .wpop_feat_img_wraper #wpop_feat_img_btn { color: #fff; outline: none; cursor: pointer; } .xo_wrap .xo-settings .xo_addNewform .wpop_feat_img_wraper #wpop_feat_img_btn .material-icons { margin-right: 5px; } .xo_wrap .xo-settings .xo_addNewform .input-field.col.s12 { float: left; width: 100%; } .xo_wrap .xo-settings .xo_addNewform .wpop-fomo-countdown-wrap { display: none; } .xo_wrap .xo-settings .xo_addNewform #wp-wpop_new_content-wrap { margin-top: -40px; } .xo_wrap .xo-settings .xo_addNewform label { left: 0; } .xo_wrap .xo-settings .xo_addNewform [type="checkbox"].filled-in:checked + span:not(.lever):after { border: 2px solid #da5775; background-color: #da5775; } .xo_wrap .xo-settings .xo_addNewform input[type=text]:not(.browser-default):focus:not([readonly]) { border-color: #a8943d; -webkit-box-shadow: 0 1px 0 0 #a8943d; box-shadow: 0 1px 0 0 #a8943d; } .xo_wrap .xo-settings .xo_addNewform .label, .xo_wrap .xo-settings .xo_addNewform .mdl-checkbox { float: left; font-size: 20px; font-weight: bold; clear: both; margin-top: 20px; margin-bottom: 20px; color: #a8943d; } .xo_wrap .xo-settings .xo_addNewform .xo_new_cupon_wrap, .xo_wrap .xo-settings .xo_addNewform .xo_new_timer_wrap { float: left; width: 100%; clear: both; } .xo_wrap .xo-settings .xo_addNewform #wp-xo_new_newsletter_error_msg-wrap, .xo_wrap .xo-settings .xo_addNewform #wp-xo_new_newsletter_sucess_msg-wrap { float: left; clear: both; width: 100%; margin-top: -30px; margin-bottom: 20px; } .xo_wrap .xo-settings .xo_addNewform .mdl-textfield { width: 100%; } .xo_wrap .xo-settings .xo_addNewform .mdl-textfield__label { color: #7f7f7f; } .xo_wrap .xo-settings .xo_addNewform .mdl-textfield__input { float: left; width: 100%; } .xo_wrap .xo-settings .xo_addNewform textarea { min-height: 100px; } .xo_wrap .xo-settings .xo_addNewform #wpop_new_content.materialize-textarea { min-height: auto; } .xo_wrap .xo-settings .xo_addNewform .wpop-rich-editor-btn { margin-top: -12px; } .xo_wrap .xo-settings .xo_addNewform .xo_submit { margin-top: 20px; box-shadow: none; cursor: pointer; margin-top: 10px; height: auto; width: auto; padding: 11px 25px; border-radius: 20px; text-transform: capitalize; font-size: 15px; border: none; line-height: normal; color: #fff; background: #ed6d62; background: -moz-linear-gradient(282deg, #ed6d62 0%, rgba(201, 36, 89, 0.800157563) 100%); background: -webkit-linear-gradient(282deg, #ed6d62 0%, rgba(201, 36, 89, 0.800157563) 100%); background: linear-gradient(282deg, #ed6d62 0%, rgba(201, 36, 89, 0.800157563) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ed6d62", endColorstr="#c92459", GradientType=1); } .xo_wrap .xo-settings .xo_addNewform .xo_submit:hover { color: #fff; background: #ed6d62; background: -moz-linear-gradient(124deg, #ed6d62 0%, rgba(201, 36, 89, 0.800157563) 100%); background: -webkit-linear-gradient(124deg, #ed6d62 0%, rgba(201, 36, 89, 0.800157563) 100%); background: linear-gradient(124deg, #ed6d62 0%, rgba(201, 36, 89, 0.800157563) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ed6d62", endColorstr="#c92459", GradientType=1); } .xo_wrap .xo-settings .xo_addNewform .xo_submit[disabled][disabled] { background-color: #7f7f7f !important; } .xo_wrap .xo-settings .xo_addNewform .fa-spinner { font-size: 27px; margin-left: 20px; margin-top: 25px; color: #d05d53; } .xo_wrap .xo-settings .xo_new_head { float: left; width: 100%; } .xo_wrap .xo-settings .xo_new_head h1 { font-size: 35px; color: #7f7f7f; } .xo_wrap .xo-settings .xo_cond_wrap { float: left; width: 100%; } .xo_wrap .xo-settings .xo_cond_wrap .mdl-checkbox__label { font-weight: bold; color: #7f7f7f; } .xo_wrap .xo-settings .xo_cond_wrap .xo_cond_col { float: left; width: 49%; padding: 10px 10px 10px 0px; } .xo_wrap .xo-settings .xo_cond_wrap .xo_cond_col .xo_cond_wrap { margin-top: 10px; min-height: 120px; } .xo_wrap .xo-settings .xo_cond_wrap .xo_cond_col .xo_cond_wrap label { padding-top: 10px; padding-bottom: 10px; float: left; font-size: 16px; } .xo_wrap .xo-settings .xo_expand { position: absolute; top: 0; left: 0; height: 100%; -webkit-transition: all 300ms ease 0ms; -moz-transition: all 300ms ease 0ms; -o-transition: all 300ms ease 0ms; transition: all 300ms ease 0ms; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); z-index: 999999; } .xo_wrap .xo-settings .xo_expand p { text-align: center; top: 40%; position: absolute; left: 0; right: 0; font-size: 34px; z-index: 9999; color: #d05d53; } .xo_wrap .xo-settings .xo_expand .fa-spinner { font-size: 50px; position: absolute; top: 50%; left: 0; right: 0; margin-left: auto; margin-right: auto; text-align: center; width: 40px; color: #d05d53; } .xo_wrap .xo-settings .xo_expand.active { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); height: 100%; z-index: 999999; width: 100%; background-color: #f9f9f9; -webkit-transition: all ease-in-out 1s; -moz-transition: all ease-in-out 1s; -o-transition: all ease-in-out 1s; transition: all ease-in-out 1s; } .xo_wrap .xo-settings .xo_sub_hoder { position: relative; background-color: #fff; width: 100%; float: left; } .xo_wrap .xo-settings .xo_optin_accounts { position: relative; background-color: #fff; width: 100%; float: left; color: #555d66; } .xo_wrap .xo-settings .xo_optin_accounts .wpop_spinner { top: 16px; width: 30px; height: 30px; } .xo_wrap .xo-settings .xo_optin_accounts h4 { margin: 0px; padding-top: 20px; } .xo_wrap .xo-settings .xo_optin_accounts ul { float: left; width: 100%; } .xo_wrap .xo-settings .xo_optin_accounts li { margin-top: 5px; margin-bottom: 5px; clear: both; float: left; width: 100%; } .xo_wrap .xo-settings .xo_optin_accounts li .input-field { padding: 0; } .xo_wrap .xo-settings .xo_optin_accounts li .xo_sub_holder { clear: both; float: left; width: 100%; display: none; } .xo_wrap .xo-settings .xo_optin_accounts li .fa-spinner { font-size: 20px; margin-left: 10px; margin-top: 10px; float: left; color: #ed6d62; } .xo_wrap .xo-settings .xo_optin_accounts li .label { font-size: 16px; float: left; margin-top: 4px; color: #555d66; margin-right: 10px; clear: both; width: 100%; } .xo_wrap .xo-settings .xo_optin_accounts li .select2-container { width: 39% !important; margin-top: 10px; float: left; } .xo_wrap .xo-settings .xo_optin_accounts li .select2-selection__rendered { padding-top: 0px; } .xo_wrap .xo-settings .xo_optin_accounts .xo_lists_holder { float: left; width: 100%; } .xo_wrap .xo-settings .xo_optin_accounts .xo_lists_holder .label { font-size: 16px; float: left; margin-top: 4px; color: #555d66; margin-right: 10px; clear: both; width: 100%; } .xo_wrap .xo-settings .xo_optin_accounts .xo_lists_holder .select2-container { width: 39% !important; margin-top: 10px; float: left; } .xo_wrap .xo-settings .xo_optin_accounts .xo_lists_holder .select2-container .select2-selection__clear { display: none; } .xo_wrap .xo-settings .xo_optin_accounts .xo_lists_holder .select2-selection__rendered { padding-top: 0px; } .xo_wrap .xo-settings .xo_optin_accounts .xo_sub_holder { float: left; width: 100%; } .xo_wrap .xo-settings .xo_optin_accounts .xo_sub_holder .material-icons { font-size: 24px; color: #ed6d62; margin-left: 10px; margin-top: 6px; } .xo_wrap .xo-settings .xo_new_goals { position: relative; float: left; background-color: #fff; width: 100%; } .xo_wrap .xo-settings .xo_new_goals .xo_new_goals_wrap { float: left; width: 100%; padding: 20px; } .xo_wrap .xo-settings .xo_new_goals .xo_new_goals_wrap h1 { color: #555d66; font-size: 40px; margin-top: 0px; } .xo_wrap .xo_account_add_holder { display: none; position: relative; float: left; clear: both; width: 100%; } .xo_wrap .xo_account_add_holder li { margin: 0px; } .xo_wrap .xo_account_add_holder li label { left: 0; } .xo_wrap .xo_account_add_holder li .mdl-textfield__label { margin: 0px !important; } .xo_wrap .xo_account_add_holder li .mdl-textfield { float: left; width: 290px; } .xo_wrap .xo_account_add_holder li .xo_invalid { float: left; margin-top: 0px; color: red; } .xo_wrap .xo_account_add_holder .xo_authBtn_li .mdl-button { width: 290px; } .xo_wrap .xo-settings-title { margin: 0; font-size: 2.9em; line-height: 1.5; color: #fff; text-align: center; } .xo_wrap .dashicons-admin-generic { font-size: 29px; margin-top: 18px; margin-right: 10px; width: auto; height: auto; } .z-depth-1 .xo-settings-genral-wrapper { display: flex !important; } .z-depth-1 .xo_optin_accounts_right .xo_lost_holder .card .wpop-card-icon .material-icons { text-align: center; float: none; margin: 0 auto; display: table; color: #fff; font-size: 5rem; } .z-depth-1 .xo_optin_accounts_right .xo_lost_holder .card h4 { text-align: center; font-size: 1.9rem; } .z-depth-1 .xo_optin_accounts_right .xo_lost_holder .card .card-content { border-top: 1px dotted #ccc; margin-top: 10px; } .z-depth-1 .xo_optin_accounts_right .xo_lost_holder .card .card-content a { text-align: center; float: none; margin: 0 auto; display: table; } .xo_wrap.fullscreen { background: #fff; color: #444; position: relative; display: block; height: 100%; min-width: 0; cursor: default; margin: 0 !important; } .xo_wrap.fullscreen .xo_header { z-index: 100099; position: fixed; overflow-y: visible; top: 0; left: 0; right: 0; } .xo_wrap.fullscreen .mdl-tabs__tab-bar { z-index: 100099; position: fixed; overflow-y: hidden; top: 56px; bottom: 0; left: 0; right: 0; background-color: #373942; } .mdl-button { background-color: #ed6d62; color: #fff !important; float: left; -webkit-transition: all ease-in-out .2s; -moz-transition: all ease-in-out .2s; -o-transition: all ease-in-out .2s; transition: all ease-in-out .2s; } .mdl-button:hover { background-color: #d05d53; -webkit-transition: all ease-in-out .2s; -moz-transition: all ease-in-out .2s; -o-transition: all ease-in-out .2s; transition: all ease-in-out .2s; } .select2-dropdown { border-color: #ddd; } .uil-cube-css { background: none; width: 200px; height: 200px; display: block; position: fixed; left: 0px; top: 200px; margin-left: auto; margin-right: auto; right: 0px; z-index: 9999; } @-webkit-keyframes uil-cube-css { 0% { -ms-transform: scale(1.4); -moz-transform: scale(1.4); -webkit-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4); } 100% { -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @-webkit-keyframes uil-cube-css { 0% { -ms-transform: scale(1.4); -moz-transform: scale(1.4); -webkit-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4); } 100% { -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @-moz-keyframes uil-cube-css { 0% { -ms-transform: scale(1.4); -moz-transform: scale(1.4); -webkit-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4); } 100% { -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @-ms-keyframes uil-cube-css { 0% { -ms-transform: scale(1.4); -moz-transform: scale(1.4); -webkit-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4); } 100% { -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @-moz-keyframes uil-cube-css { 0% { -ms-transform: scale(1.4); -moz-transform: scale(1.4); -webkit-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4); } 100% { -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @-webkit-keyframes uil-cube-css { 0% { -ms-transform: scale(1.4); -moz-transform: scale(1.4); -webkit-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4); } 100% { -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @-o-keyframes uil-cube-css { 0% { -ms-transform: scale(1.4); -moz-transform: scale(1.4); -webkit-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4); } 100% { -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @keyframes uil-cube-css { 0% { -ms-transform: scale(1.4); -moz-transform: scale(1.4); -webkit-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4); } 100% { -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } .uil-cube-css > div { position: absolute; width: 80px; height: 80px; -ms-animation: uil-cube-css 1s cubic-bezier(0.2, 0.8, 0.2, 0.8) infinite; -moz-animation: uil-cube-css 1s cubic-bezier(0.2, 0.8, 0.2, 0.8) infinite; -webkit-animation: uil-cube-css 1s cubic-bezier(0.2, 0.8, 0.2, 0.8) infinite; -o-animation: uil-cube-css 1s cubic-bezier(0.2, 0.8, 0.2, 0.8) infinite; animation: uil-cube-css 1s cubic-bezier(0.2, 0.8, 0.2, 0.8) infinite; } .uil-cube-css > div:nth-of-type(1) { top: 10px; left: 10px; background: #ed6d62; opacity: 0.9; -ms-animation-delay: 0s; -moz-animation-delay: 0s; -webkit-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; } .uil-cube-css > div:nth-of-type(2) { top: 10px; left: 110px; background: #ed6d62; opacity: 0.8; -ms-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; -o-animation-delay: 0.1s; animation-delay: 0.1s; } .uil-cube-css > div:nth-of-type(3) { top: 110px; left: 10px; background: #ed6d62; opacity: 0.7; -ms-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -webkit-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s; } .uil-cube-css > div:nth-of-type(4) { top: 110px; left: 110px; background: #ed6d62; opacity: 0.6; -ms-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -webkit-animation-delay: 0.2s; -o-animation-delay: 0.2s; animation-delay: 0.2s; } .ripple { overflow: hidden; } .ripple-effect { position: absolute; border-radius: 50%; width: 50px; height: 50px; background: white; animation: ripple-animation 2s; } @keyframes ripple-animation { from { transform: scale(1); opacity: 0.4; } to { transform: scale(100); opacity: 0; } } a:focus { box-shadow: none; } .dialog-button-bar { text-align: right; margin-top: 8px; } .loading-container > div { position: relative; width: 50px; height: 50px; margin: 10% auto; z-index: 99999; } .loading-container > div > div { width: 100%; height: 100%; } .wpoptin_page_wpop_new .xo_wrap .xo_sliders_wrap, .xo_skins_body .xo_wrap .xo_sliders_wrap { padding: 8px 20px 0; } .wpoptin_page_wpop_new .xo_wrap, .xo_skins_body .xo_wrap { margin: 0; box-shadow: none; } .wpoptin_page_wpop_new .update-nag, .wpoptin_page_wpop_new .error, .wpoptin_page_wpop_new .updated, .xo_skins_body .update-nag, .xo_skins_body .error, .xo_skins_body .updated { display: none; } .wpoptin_page_wpop_new #adminmenumain, .wpoptin_page_wpop_new #wpadminbar, .wpoptin_page_wpop_new #wpfooter, .xo_skins_body #adminmenumain, .xo_skins_body #wpadminbar, .xo_skins_body #wpfooter { display: none; } .wpoptin_page_wpop_new #wpcontent, .wpoptin_page_wpop_new #wpfooter, .xo_skins_body #wpcontent, .xo_skins_body #wpfooter { margin: 0px; padding: 0px; } .wpoptin_page_wpop_new #wpbody-content, .xo_skins_body #wpbody-content { background-color: #fff; padding: 0px; } .wpoptin_page_wpop_new .xo_wraper_new_page, .wpoptin_page_wpop_new .xo_wraper_skins, .xo_skins_body .xo_wraper_new_page, .xo_skins_body .xo_wraper_skins { margin: 0px; } .wpoptin_page_wpop_new .xo_new_wrap .xo_new_holder, .wpoptin_page_wpop_new .xo_skins_wrap .xo_new_holder, .xo_skins_body .xo_new_wrap .xo_new_holder, .xo_skins_body .xo_skins_wrap .xo_new_holder { display: none; } .wpoptin_page_wpop_new .xo_new_wrap .wpop_new_goals, .wpoptin_page_wpop_new .xo_skins_wrap .wpop_new_goals, .xo_skins_body .xo_new_wrap .wpop_new_goals, .xo_skins_body .xo_skins_wrap .wpop_new_goals { padding: 10px 20px 0; } .wpoptin_page_wpop_new .xo_new_wrap .wpop_new_goals h2, .wpoptin_page_wpop_new .xo_skins_wrap .wpop_new_goals h2, .xo_skins_body .xo_new_wrap .wpop_new_goals h2, .xo_skins_body .xo_skins_wrap .wpop_new_goals h2 { margin: 0 0 15px; } .xo_loader_wrap { float: left; clear: both; width: 50px; } .xo_loader_wrap .xo_loader_round { border: 4px solid #f1f1f1; border-radius: 50%; padding: 20px; position: relative; } .xo_loader_wrap .xo_loader_round .xo_loader_line { border: 2px solid #ed6d62; position: absolute; left: -12px; width: 65px; opacity: 0; } .xo_loader_wrap .xo_loader_round .xo_loader_x_f { transform: rotate(145deg); animation: fadeinout 5s ease-in-out infinite; } .xo_loader_wrap .xo_loader_round .xo_loader_x_s { transform: rotate(-145deg); animation: fadeinout 5s ease-in-out 12s infinite; } .xo_new_holder.optin .offer_bar_fields { display: none; } .xo_new_holder.offer_bar .optin_fields { display: none; } .wpoptin_page_wpop_new .xo-close, .xo_skins_body .xo-close { display: block !important; } .wpoptin_page_wpop_new #wpwrap, .xo_skins_body #wpwrap { background-color: #fff; } .wpoptin_page_wpop_new .xo_new_goals_wrap, .wpoptin_page_wpop_new .xo_new_skin_type_holder, .xo_skins_body .xo_new_goals_wrap, .xo_skins_body .xo_new_skin_type_holder { width: 100%; float: left; padding-left: 90px !important; } .wpoptin_page_wpop_new .xo_new_goals_wrap h1, .wpoptin_page_wpop_new .xo_new_skin_type_holder h1, .xo_skins_body .xo_new_goals_wrap h1, .xo_skins_body .xo_new_skin_type_holder h1 { color: #777771; font-size: 46px; } .xo_skins_body #wpwrap .xo_wraper_skins #xo_stats, .xo_skins_body #wpwrap .xo_wraper_skins #xo_skin_add { display: none; } .woo_product .xo_acount_tab, .offer_bar .xo_acount_tab, .offer_bar #accounts-panel, .phone_calls .xo_acount_tab, .phone_calls #accounts-panel, .announcement .xo_acount_tab, .announcement #accounts-panel, .social_traffic .xo_acount_tab, .social_traffic #accounts-panel, .custom .xo_acount_tab, .custom #accounts-panel { display: none; } .xo_fullscreen .xo_header { position: fixed; z-index: 99; } .xo_fullscreen .xo_new_holder .xo-tab-content { width: 84%; margin-top: 55px; padding-bottom: 40px; padding-left: 20px; margin-left: 0; } @media screen and (max-width: 1382px) { .xo_fullscreen .xo_new_holder .xo-tab-content { width: 83%; } } @media screen and (max-width: 1308px) { .xo_fullscreen .xo_new_holder .xo-tab-content { width: 82%; } } @media screen and (max-width: 1230px) { .xo_fullscreen .xo_new_holder .xo-tab-content { width: 81%; } } @media screen and (max-width: 1163px) { .xo_fullscreen .xo_new_holder .xo-tab-content { width: 80%; } } @media screen and (max-width: 1024px) { .xo_fullscreen .xo_new_holder .xo-tab-content { width: 79%; } } @media screen and (max-width: 768px) { .xo_fullscreen .xo_new_holder .xo-tab-content { width: 100%; margin-top: 0px; } } .xo_fullscreen .xo_new_holder .xo-tab-content #design-panel { float: left; width: 100%; padding-top: 55px; } @media screen and (max-width: 768px) { .xo_fullscreen .xo_new_holder .xo-tab-content #design-panel { padding-top: 20px; } } .xo_fullscreen .xo_new_holder .xo-tab-content .tab-content { animation-duration: .5s; -webkit-animation-duration: .5s; } .xo_fullscreen .xo_account_add_holder li .mdl-textfield { width: 100%; } .xo_fullscreen .xo_account_add_holder .xo_authBtn_li .mdl-button { width: 276px; } .xo_submit[disabled][disabled] { background-color: #7f7f7f !important; } .ll-skin-melon { font-size: 90%; } body .ui-widget { font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; background: #2e3641; border: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } body .ui-datepicker { padding: 0; } body .ui-datepicker-header { border: none; background: transparent; font-weight: normal; font-size: 15px; } body .ui-datepicker-header .ui-state-hover { background: transparent !important; border-color: transparent !important; cursor: pointer !important; border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; } body .ui-datepicker .ui-datepicker-title { margin-top: .4em; margin-bottom: .3em; color: #e9f0f4; } body .ui-datepicker .ui-datepicker-prev-hover, body .ui-datepicker .ui-datepicker-next-hover, body .ui-datepicker .ui-datepicker-next, body .ui-datepicker .ui-datepicker-prev { top: .9em; border: none; } body .ui-datepicker .ui-datepicker-prev-hover { left: 2px !important; } body .ui-datepicker .ui-datepicker-next-hover { right: 2px !important; } body .ui-datepicker .ui-datepicker-next span, body .ui-datepicker .ui-datepicker-prev span { background-image: url(../images/ui-icons_ffffff_256x240.png); background-position: -32px 0; margin-top: 0; top: 0; font-weight: normal; } body .ui-datepicker .ui-datepicker-prev span { background-position: -96px 0; } body .ui-datepicker table { margin: 0; } body .ui-datepicker th { padding: 1em 0 !important; color: #ccc !important; font-size: 13px !important; font-weight: normal !important; border: none !important; border-top: 1px solid #3a414d !important; } body .ui-datepicker td { background: #d05d53 !important; border: none !important; padding: 0 !important; } body td .ui-state-default { background: transparent !important; border: none !important; text-align: center !important; padding: .5em !important; margin: 0 !important; font-weight: normal !important; color: #efefef !important; font-size: 16px !important; } body .ui-state-disabled { opacity: 1; } body .ui-state-disabled .ui-state-default { color: #fba49e; } body td .ui-state-active, body td .ui-state-hover { background: #2e3641 !important; } .no-js #loader { display: none; } .js #loader { display: block; position: absolute; left: 100px; top: 0; } .xo_loader_holder { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 99999; background-color: #f9f9f9; } .xo_loader_holder .loader_img { overflow: auto; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; max-width: 80px; animation: rotating 2s linear; animation-iteration-count: infinite; } .disabled { pointer-events: none; cursor: default; } .donut-size { font-size: 12em; } .pie-wrapper { position: relative; width: 1em; height: 1em; margin: 0px auto; } .pie-wrapper .pie { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; clip: rect(0, 1em, 1em, 0.5em); } .pie-wrapper .half-circle { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 0.116em solid #7FC6A6; border-radius: 50%; clip: rect(0em, 0.5em, 1em, 0em); } .pie-wrapper .right-side { transform: rotate(0deg); } .pie-wrapper .label { position: absolute; top: 0.67em; right: 0.4em; bottom: 0.4em; left: 0.4em; display: block; background: none; border-radius: 50%; color: #7F8C8D; font-size: 0.25em; line-height: 2.6em; text-align: center; cursor: default; z-index: 2; float: none; width: auto; position: absolute; } .pie-wrapper .smaller { padding-bottom: 20px; color: #BDC3C7; font-size: .45em; vertical-align: super; } .pie-wrapper .shadow { width: 100%; height: 100%; border: 0.1em solid #DFF1E9; border-radius: 50%; } *, *:before, *:after { box-sizing: border-box; } .xo_right { float: right; } .datepicker-date-display, .datepicker-table td.is-selected, .timepicker-digital-display { background: #ed6d62; background: -moz-linear-gradient(160deg, #ed6d62 0%, rgba(201, 36, 89, 0.9710259104) 100%); background: -webkit-linear-gradient(160deg, #ed6d62 0%, rgba(201, 36, 89, 0.9710259104) 100%); background: linear-gradient(160deg, #ed6d62 0%, rgba(201, 36, 89, 0.9710259104) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ed6d62", endColorstr="#c92459", GradientType=1); } .timepicker-canvas line { stroke: #ed6d62; } .timepicker-canvas-bg, .timepicker-canvas-bearing { fill: #ed6d62; } .timepicker-close { color: #ed6d62; } .timepicker-tick { color: rgba(0, 0, 0, 0.5); } .datepicker-controls .select-month input { width: 80px; } #toast-container { bottom: 0; top: auto; left: 50%; right: auto; transform: translate(-50%, 0); } #toast-container .toast { font-size: 1.2rem; } .wpop_spinner { width: 30px !important; height: 30px !important; } .xo_skins_html.wp-toolbar { padding-top: 0; } .wpoptin_page_wpop_skins #wpfooter { margin-left: 0; } .wpop-upgrade-modal { width: 34%; top: 25% !important; } .wpop-upgrade-modal .wpop-close-modal { position: absolute; right: 10px; top: 10px; } .wpop-upgrade-modal .wpop-modal-content { float: none; margin: 0 auto; display: table; padding-top: 0px !important; text-align: center; } .wpop-upgrade-modal .wpop-modal-content h5 { font-size: 40px !important; } .wpop-upgrade-modal .wpop-modal-content p { font-size: 15px !important; line-height: 1.8; } .wpop-upgrade-modal .wpop-modal-content hr { padding-bottom: 10px; } .wpop-upgrade-modal .wpop-modal-content .wpop-lock-icon .material-icons { color: #eb6a61 !important; font-size: 50px; } .wpop-upgrade-modal .wpop-modal-content input[type=email]::placeholder { color: #444; } .wpop-upgrade-modal .wpop-modal-content .btn { padding: 15px 25px !important; height: auto; font-size: 18px; text-transform: capitalize; border-radius: 30px !important; color: #fff !important; width: auto; -moz-transition: all ease-in .5s; -ms-transition: all ease-in .5s; -o-transition: all ease-in .5s; -webkit-transition: all ease-in .5s; transition: all ease-in .5s; float: none !important; } .wpop-upgrade-modal .wpop-modal-content .btn .material-icons { color: #fff !important; } .wpop-upgrade-modal .wpop-modal-content .btn:hover { -moz-transition: all ease-in .5s; -ms-transition: all ease-in .5s; -o-transition: all ease-in .5s; -webkit-transition: all ease-in .5s; transition: all ease-in .5s; cursor: pointer; } .wpoptin-upgrade-wrapper { float: left; width: 44%; margin-top: 50px; padding: 20px; color: #fff; background: #e1555f; text-align: center; border-radius: 10px; } .wpoptin-upgrade-wrapper b { text-shadow: 4px 3px #d0365b; font-size: 40px; letter-spacing: 2px; } .wpoptin-upgrade-wrapper h2 { color: #fff; font-size: 50px; margin-top: 0; } .wpoptin-upgrade-wrapper p { letter-spacing: 1px; font-size: 15px; line-height: 1.7; } .wpoptin-upgrade-wrapper code { font-weight: bold; background: #d83945; padding: 5px; border-radius: 5px; } .wpoptin-upgrade-wrapper a, .wpoptin-upgrade-wrapper a:focus { background: #fff; color: #444; border-radius: 30px; padding: 11px 22px; height: auto; font-size: 16px; letter-spacing: 2px; margin-top: 10px; border: 2px solid transparent; box-shadow: none; } .wpoptin-upgrade-wrapper a:hover, .wpoptin-upgrade-wrapper a:focus:hover { color: #fff; background: transparent; box-shadow: none; border: 2px solid; } #wpfooter { background-color: #fff; padding: 15px 20px; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); } #wpfooter .fb_iframe_widget { float: left; } #fs_connect .fs-visual .dashicons-wordpress { width: 100% !important; height: 100% !important; } .toplevel_page_wpoptin #fs_connect { float: none; margin: 150px auto !important; text-align: center; } .toplevel_page_wpoptin #fs_connect .fs-visual .dashicons-plus, .toplevel_page_wpoptin #fs_connect .fs-visual .fs-site-icon, .toplevel_page_wpoptin #fs_connect .fs-visual .fs-connect-logo { display: none; } .toplevel_page_wpoptin #fs_connect .fs-visual .fs-plugin-icon { border: none !important; } .toplevel_page_wpoptin #fs_connect .fs-content { padding-top: 25px; } .toplevel_page_wpoptin #fs_connect .fs-license-key-container { width: 100% !important; } .toplevel_page_wpoptin #fs_connect .fs-terms, .toplevel_page_wpoptin #fs_connect #license_issues_link, .toplevel_page_wpoptin #fs_connect .fs-freemium-licensing, .toplevel_page_wpoptin #fs_connect .fs-permissions { display: none; } @media screen and (max-width: 600px) { .wpoptin_page_wpop_new #wpbody { padding-top: 0; } } .chat-content { border: 1px solid #ccc; padding: 10px; height: 200px; overflow-y: auto; background-color: #f9f9f9; margin-bottom: 10px; } .chat-content .message.user { color: #fff; padding: 10px; background-color: #d2375c; width: fit-content; margin-left: auto; border-radius: 10px; margin-top: 10px; } .message.ai { background-color: #f0f0f0; color: #626262; border-radius: 10px; padding: 10px; margin-top: 15px; } .wpop_new_content { padding: 10px; font-size: 16px; margin-top: 10px; } .wpop_generate_content, .wpop_generate_content:hover { color: #d2375c; } .typing-indicator { display: flex; align-items: center; justify-content: center; background-color: #f1f1f1; /* Background color for the bubble */ color: #333; /* Text color */ border-radius: 15px; /* Rounded corners */ padding: 10px 15px; /* Padding inside the bubble */ max-width: fit-content; /* Adjust width to fit nicely with other messages */ margin: 10px 0; /* Margin for spacing between messages */ position: relative; font-size: 18px; } .typing-indicator .dot { animation: blink 1s infinite steps(1, end); margin-right: 2px; } .typing-indicator .dot:nth-child(1) { animation-delay: 0s; } .typing-indicator .dot:nth-child(2) { animation-delay: 0.2s; } .typing-indicator .dot:nth-child(3) { animation-delay: 0.4s; } @keyframes blink { 0%, 100% { opacity: 0; } 50% { opacity: 1; } } /* Optional: Adding a "tail" to the bubble */ .typing-indicator:after { content: ""; position: absolute; left: -8px; top: 10px; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid #f1f1f1; /* Same as the bubble background */ } /*# sourceMappingURL=wpoptin-admin.css.map */