File: /home/xdas/public_html/wp-content/plugins/mystickyelements/css/mystickyelements-admin.css
/* Old input color: #edf2f7*/
@font-face {
font-family: 'Open Sans Hebrew';
src: url('../fonts/OpenSansHebrew-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Avenir Next LT Pro';
src: url('../fonts/AvenirNextLTPro-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Avenir Next LT Pro';
src: url('../fonts/AvenirNextLTPro-Demi.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
/* Change font-family
-apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol*/
body .wrap.mystickyelement-wrap{
font-size: 12px;
/*font-family:-apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";*/
}
.wrap.mystickyelement-wrap, .wrap.mystickyelement-wrap *{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mystickyelement-wrap h1, .mystickyelement-wrap h2, .mystickyelement-wrap h3, .mystickyelement-wrap h4, .mystickyelement-wrap h5, .mystickyelement-wrap h6 {
font-family: 'Avenir Next LT Pro';
font-weight: 400;
line-height: 1.3;
}
.myStickyelements-clear:after {
content: "";
display: block;
clear: both;
}
.wrap.mystickyelement-wrap > h2:first-child{
font-size: 26px;
margin-bottom: 20px;
}
.mystickyelements-fixed.is-rtl {
font-family: 'Open Sans Hebrew';
}
/* Input Checkbox Toggle */
.myStickyelements-switch {
display: inline-block;
width:55px;
height:30px;
position: relative;
}
.myStickyelements-header-title h3 + .myStickyelements-switch {
margin-left: 13px;
}
.myStickyelements-switch input {
opacity: 0;
width: 0;
height: 0;
}
.myStickyelements-switch .slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
border: 2px solid #ccc;
-webkit-transition: .4s;
transition: .4s;
margin:0;
}
.myStickyelements-switch .slider:before {
position: absolute;
content: "";
height: 24px;
width: 24px;
left: 2px;
top: 1px;
background-color: #ffffff;
-webkit-transition: .4s;
transition: .4s;
}
.myStickyelements-switch input:checked + .slider {
background-color: #3c85f7;
border: 2px solid #3c85f7;
}
.myStickyelements-switch input:focus + .slider {
box-shadow: 0 0 1px #2196F3;
}
.myStickyelements-switch input:checked + .slider:before {
-webkit-transform: translateX(24px);
-ms-transform: translateX(24px);
transform: translateX(24px);
}
.mystickyelement-widgets-lists .myStickyelements-switch input:checked + .slider:after {
content: "On";
font-size: 10px;
line-height: 18px;
left: 7px;
position: unset;
height: 20px;
width: 20px;
color: #fff;
padding-left: 2px;
}
.mystickyelement-widgets-lists .myStickyelements-switch .slider.round:after {
content: "Off";
font-size: 10px;
line-height: 18px;
left: 5px;
position: absolute;
height: 20px;
width: 20px;
-webkit-transform: translateX(15px);
-ms-transform: translateX(15px);
transform: translateX(15px);
font-weight: bold;
}
/* Rounded sliders */
.myStickyelements-switch .slider.round {
border-radius: 15px;
}
.myStickyelements-switch .slider.round:before {
border-radius: 50%;
}
/* CF Tab Section */
.myStickyelements-header-title h3 {
display: inline-block;
font-size: 24px;
color: #27303F;
margin: 0 0 10px;
line-height: 1.2;
text-shadow: 0 0 0 #27303F;
}
.mystickyelements-sub-header-color h3 {
color: #718096;
}
.myStickyelements-inputs ul {
margin: 0;
}
.myStickyelements-contact-form-tab textarea {
width: 100%;
border-radius: 10px;
overflow-x: hidden;
padding: 10px 20px;
}
.myStickyelements-contact-form-tab label,
.myStickyelements-contact-form-tab p.description{
font-size: 12px;
}
.wrap.mystickyelement-wrap .iris-picker, .wrap.mystickyelement-wrap .iris-picker *{
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.wp-picker-container button.button.wp-color-result {
border-radius: 15px;
}
.myStickyelements-content-section label, .wp-picker-container {
display: inline-block;
}
.myStickyelements-content-section label {
padding-right: 12px;
}
.myStickyelements-contact-form-tab input[type="checkbox"].required:checked {
background: #FB5B5B;
}
.mystickyelements-reqired-wrap {
display: flex;
align-items: center;
position: relative;
}
.myStickyelements-icon-wrap {
position: relative;
width: 100%;
}
.myStickyelements-icon-wrap.myStickyelements-widget-title {
margin-bottom: 30px;
}
.myStickyelements-icon-wrap.myStickyelements-widget-title i{
font-size: 14px;
position: absolute;
top: 50%;
right: 10px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.mystickyelements-wrap .submit{
text-align: center;
}
.mystickyelements-wrap {
position: relative;
}
.button.button-secondary.mystickyelement-delete{
background: #969696;
border-color: #969696;
text-transform: uppercase;
font-size: 17px;
padding-left: 23px;
padding-right: 23px;
color: #fff;
margin-right: 10px;
height: 50px;
width: 196px;
border-radius: 31px;
}
.myStickyelements-icon-wrap .wp-editor-container i{
position: unset;
}
.myStickyelements-icon-wrap textarea + i {
top: 20px;
}
.myStickyelements-setting-wrap .myStickyelements-setting-label {
float: right;
}
.myStickyelements-setting-wrap:after ,
.myStickyelements-setting-wrap-list:after {
content: "";
display: block;
clear: both;
}
.mystickyelements-customfields .myStickyelements-label {
float: left;
}
.myStickyelements-redirect-link-wrap,
.myStickyelements-setting-wrap-list,
.myStickyelements-mailchimp-tags-info,
.mailchimp-group-info {
margin-bottom: 18px;
}
.myStickyelements-setting-wrap-list-main {
display: flex;
flex-wrap: wrap;
}
.myStickyelements-setting-wrap-list {
display: flex;
width: 100%;
}
.myStickyelements-setting-wrap-list.placeholder-text-color .mystickyelements-setting-wrap-right{
margin: 0 0 0 45px;
}
.myStickyelements-setting-half {
width: 50%;
}
.myStickyelements-redirect-link-wrap {
width: 100%;
}
.myStickyelements-setting-wrap-list .mystickyelements-setting-wrap-right {
margin-left: auto;
width: 40%;
}
.myStickyelements-switch + .upgrade-myStickyelements {
padding-left: 10px;
}
.myStickyelements-setting-wrap-list label {
color: #64748B;
display: inline-block;
vertical-align: top;
font-size: 14px;
padding-right: 10px;
line-height: 1.2;
padding-top: 6px;
}
.myStickyelements-setting-wrap-list label:last-child {
padding-right: 0;
}
.myStickyelements-channel-view label {
width: auto;
color: #4A5568;
font-size: 15px;
}
.myStickyelements-setting-wrap-list .myStickyelements-thankyou-input {
align-items: center;
display: flex;
}
.myStickyelements-setting-wrap-list label + label {
margin-left: 10px;
}
.iplog-delete, .recaptcha-delete {
cursor: pointer;
font-size: 13px;
display: inline-block;
vertical-align: bottom;
}
.myStickyelements-recaptcha-key-wrap .myStickyelements-icon-wrap {
margin-top: 15px;
width: calc(100% - 100px);
}
.mystickyelements-reqired-wrap .custom-stickyelement-delete {
position: absolute;
top: 50%;
left: 100%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.mystickyelements-textblock-main-field .myStickyelements-icon-wrap {
width: calc(100% - 100px);
}
.mystickyelements-contact-form-fields .mystickyelements-option-field.mystickyelements-textblock-main-field {
display: none;
}
.mystickyelements-contact-form-fields .mystickyelements-option-field.mystickyelements-textblock-main-field.mystickyelements-textblock-open {
display: flex;
}
/* Tab Settings */
span.myStickyelements-label label {
padding-top: 4px;
}
span.upgrade-myStickyelements {
/* float: right; */
margin-left: auto;
}
#checkboxes .upgrade-myStickyelements {
margin-left: 0;
margin-top: -4px;
}
.send-lead-email-upgrade #checkboxes .upgrade-myStickyelements {
margin-left: 8px;
}
.send-lead-mailpoet-upgrade #checkboxes .upgrade-myStickyelements {
margin-left: 13px;
}
.myStickyelements-social-channels-lists .upgrade-myStickyelements {
background: #DFDDF7;
}
@media only screen and (min-width: 1401px) {
.myStickyelements-social-channels-lists li:nth-child(12n+1) {
clear: left;
}
}
@media only screen and (min-width: 1041px) and (max-width: 1400px) {
.myStickyelements-social-channels-lists li:nth-child(10n+1) {
clear: left;
}
}
.myStickyelements-social-channels-lists.mystickyelements-free-version .upgrade-myStickyelements {
padding: 0;
position: relative;
}
.myStickyelements-social-channels-lists.mystickyelements-free-version .upgrade-myStickyelements:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.7);
opacity: 0;
z-index: 1;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.myStickyelements-social-channels-lists.mystickyelements-free-version .upgrade-myStickyelements:hover:before {
opacity: 1;
}
.myStickyelements-social-channels-lists.mystickyelements-free-version .upgrade-myStickyelements ul li {
margin-bottom: 0;
}
.myStickyelements-social-channels-lists .upgrade-myStickyelements ul li.upgrade-myStickyelements-link {
position: absolute;
top: 50%;
left: 0;
padding: 0;
right: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
opacity: 0;
visibility: hidden;
z-index: 1;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.myStickyelements-social-channels-lists .upgrade-myStickyelements:hover ul li.upgrade-myStickyelements-link {
opacity: 1;
visibility: visible;
}
.upgrade-myStickyelements-link a,
span.upgrade-myStickyelements a,
.upgrade-myStickyelements a {
background: #DFDDF7;
padding: 6px 15px;
border-radius: 18px;
color: #7761DF;
margin-bottom: 0px;
text-decoration: none;
font-size: 9px;
display: inline-block;
vertical-align: top;
white-space: nowrap;
}
.upgrade-myStickyelements-link a i,
.upgrade-myStickyelements a i {
margin-right: 5px;
}
.upgrade-myStickyelements .fa-lock:before {
content: "\f023";
margin-right: 4px;
}
/* General Settings CSS */
.myStickyelements-inputs li {
display: inline-block;
width: 33.33%;
margin-bottom: 12px;
padding-right: 10px;
}
.mystickyelements-content-section-wrap {
display: flex;
padding-bottom: 20px;
}
span.myStickyelements-label {
color: #64748B;
font-size: 14px;
display: flex;
flex-wrap: wrap;
width: 50%;
padding-right: 10px;
}
.myStickyelements-general-settings span.myStickyelements-label {
width: 50%;
display: flex;
}
.myStickyelements-contact-form-tab textarea#general-settings-tabs-css {
width: 100%;
}
.myStickyelements-contact-form-tab textarea::placeholder {
padding-top: 10px;
}
.myStickyelements-inputs input[type="radio"]:checked::before {
background: #3C85F7;
width: 12px;
height: 12px;
position: absolute;
top: 4px;
left: 4px;
margin:0;
}
.myStickyelements-inputs input[type=radio] {
width: 22px;
height: 22px;
position: relative;
}
.myStickyelements-inputs {
width: 50%;
margin-left: auto;
}
span.input-px {
background: #3C85F7;
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
color: #ffffff;
position: absolute;
top: 0px;
right: 0;
height: 35px;
line-height: 35px;
width: 57px;
text-align: center;
}
.px-wrap {
position: relative;
width: 49%;
}
.px-wrap-left{
float: left;
}
.px-wrap-right{
float: right;
}
p.submit input#submit {
display: inline-block;
background: #00C67C;
border: 0;
text-transform: uppercase;
border-radius: 35px;
font-size: 17px;
padding: 12px 38px;
margin-left: 206px;
height: auto;
line-height: 1.5;
}
.mystickyelement-wrap-default p.submit input#submit {
margin-left: 0;
}
p.submit input#submit:active{
box-shadow: none;
transform: none;
}
p.submit {
text-align: right;
}
.myStickyelements-content-section textarea#general-settings-tabs-css {
border-radius: 10px;
margin-top: 5px;
width: 100%;
}
.wp-core-ui .button-primary {
text-shadow: none;
box-shadow: none;
}
/* My Sticky Element Social Channel tabs */
.myStickyelements-social-search {
padding-top: 20px;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.myStickyelements-social-search-wrap {
display: inline-block;
vertical-align: top;
position: relative;
width: 40%;
}
.myStickyelements-social-search-wrap i {
position: absolute;
top: 0px;
right: 0px;
font-size: 14px;
background-color: #3c85f7;
color: #fff;
border-radius: 50%;
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
}
.mystickyelements-wrap .myStickyelements-social-search-wrap input {
border-radius: 21px;
padding-right: 30px;
}
.myStickyelements-social-channels-lists:after{
clear: both;
content: '';
display: block;
}
.myStickyelements-social-channels-lists {
margin-left: -12px;
display: flex;
flex-wrap: wrap;
width: 100%;
max-width: 600px;
margin-top: 0px;
}
.myStickyelements-social-channels-lists li{
padding: 10px 10px;
float: left;
position: relative;
transition: all ease-in-out 0.5s;
}
.myStickyelements-social-channels-lists li, .social-channel-input-box label span{
display: inline-block;
text-align: center;
}
.myStickyelements-social-channels-lists li label, .social-channel-input-box label span{
text-align: center;
}
.social-channels-list {
position: relative;
}
.myStickyelements-social-channels-lists li .social-tooltip-popup ,
.social-channels-list .social-tooltip-popup {
color: #444;
margin-left: 0;
width: 150px;
font-size: 12px;
padding: 10px 10px;
margin-bottom: 0px;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
transform: translateX(0);
text-align: center;
line-height: 1.2;
height: auto;
font-weight: 600;
bottom: 100%;
left: -50px;
}
.myStickyelements-social-channels-lists li label:hover + .social-tooltip-popup,
.social-channels-list:hover .social-tooltip-popup {
bottom: 100%;
opacity: 1;
visibility: visible;
}
.social-channels-list .social-tooltip-popup {
margin-bottom: 14px;
left: -56px;
text-transform: capitalize;
}
.myStickyelements-social-channels-lists li label span, .social-channel-input-box label span{
font-size: 22px;
color: #fff;
}
.myStickyelements-social-channels-lists li label span .fas.fa-sms, .social-channel-input-box label span .fas.fa-sms{
font-size: 20px;
}
.myStickyelements-social-channels-lists .social-channels-list, .social-channel-input-box label span {
border-radius: 5px;
display: flex;
width: 34px;
height: 34px;
line-height: 34px;
align-items: center;
justify-content: center;
}
.myStickyelements-social-channels-lists .social-channels-list i, .social-channel-input-box label span i {
line-height: 34px;
}
.myStickyelements-social-channels-lists li input[type=checkbox]{
margin-top: 10px;
}
.mystickyelements-wrap input[type="checkbox"] {
border: 1px solid #A0AEC0;
border-radius: 0;
margin-right: 0;
width: 17px;
height: 17px;
position: relative;
}
.mystickyelements-wrap input[type="checkbox"]:focus {
box-shadow: none;
outline: 0;;
}
.mystickyelements-wrap input[type=checkbox]:checked{
background-color: #A0AEC0;
}
.mystickyelements-wrap input[type="checkbox"]:checked::before {
color: #fff;
width: 17px;
height: 17px;
line-height: 17px;
content: "\f147";
font: normal 21px/1 dashicons;
position: absolute;
top: 0px;
left: 1px;
}
.social-channels-tab {
background-color: #f9f9f9;
border: 1px solid #e6ebf2;
}
.social-channels-tab .social-channels-item {
position: relative;
border-radius: 4px;
width: 100%;
margin: 15px 0 0 0;
background-color: #fff;
padding: 20px 60px 15px 60px;
border: 1px solid #E2E8F0;
}
.social-channels-tab .social-channels-item .social-channel-setting table td{
padding: 0;
}
.social-channels-tab .social-channels-item .social-channel-setting input.social-custom-icon-upload-button{
width: 100%;
}
.social-channel-icon{
width:38px;
}
.social-channel-icon .social-channel-icon-close{
width: 18px;
height: 18px;
line-height: 18px;
font-size: 14px;
}
.social-channels-tab .social-channels-item .social-channel-setting input.social-custom-icon-upload-button,
.social-channel-icon{
display: inline-block;
height: 38px;
margin: 0 15px 0 0;
}
.social-channel-icon{
margin: 0;
position: relative;
}
.social-channel-input-box{
display: flex;
flex-wrap: wrap;
}
.social-channel-input-box label{
width: 12%;
}
.social-channel-input-box input{
width: 85%;
margin: 0;
border-radius: 21px;
padding: 0 20px;
}
.social-channel-setting {
margin-top: 17px;
}
/* 3-08-2021
background-color set hide
top and right pos changed
*/
.social-channel-icon-close,
.social-channel-close{
position: absolute;
top: 18px;
right: 10px;
width: 28px;
height: 28px;
line-height: 28px;
text-align: center;
border-radius: 50%;
/*background-color: #717278;*/
color: #fff;
cursor: pointer;
}
.myStickyelements-channel-view {
margin-bottom: 0;
}
.myStickyelements-channel-view label.social-tooltip {
width: auto;
position: absolute;
top: 0;
left: 0;
}
#mystickyelements-contact-form-fields span.contact-form-popup-setting{
cursor: pointer;
}
#mystickyelements-contact-form-fields span.contact-form-popup-setting i,
.myStickyelements-channel-view label.social-setting i{
background-color: #3C85F7;
color:#ffffff;
border-radius: 30px;
height: 23px;
width: 23px;
line-height: 23px;
text-align: center;
}
.mystickyelements-wrap .wp-picker-container {
background-color: #ffffff;
border: 1px solid #ccc;
border-radius: 25px;
min-width: 110px;
text-align: left;
height: 30px;
width: 30px;
margin-left: auto;
}
.mystickyelements-wrap .myStickyelements-general-settings .wp-picker-container {
margin-left: 0;
}
.mystickyelements-wrap .wp-picker-container.wp-picker-active{
border: 0;
background-color: transparent;
position: relative;
width: auto;
z-index:9;
}
.mystickyelements-wrap .mystickyelements-setting-wrap-right .wp-picker-container.wp-picker-active{
text-align: left;
}
.mystickyelements-wrap .wp-color-result.button {
width: 26px;
height: 26px;
padding: 0px;
border: 0;
box-shadow: none;
margin: 1px 0 0 2px;
min-height: inherit;
}
.mystickyelements-wrap .wp-color-result.button.wp-picker-open {
position: absolute;
top: 1px;
left: 0;
}
.mystickyelements-wrap .mystickyelements-setting-wrap-right .wp-color-result.button.wp-picker-open {
left: 0;
}
.mystickyelements-wrap .wp-color-result-text {
background: transparent;
width: 100%;
padding: 0 0 0 35px;
border: 0;
font-size: 12px;
line-height: 2;
}
.mystickyelements-wrap .wp-picker-open .wp-color-result-text{
display: none;
}
.mystickyelements-wrap .wp-picker-input-wrap{
border-left: 0;
}
.wp-picker-active .wp-picker-input-wrap input[type="button"] {
margin-left: 3px;
background-color: #3C85F7;
color: #fff;
font-size: 15px;
height: auto;
line-height: 1.2;
padding: 5px 17px;
width: auto;
}
.mystickyelements-wrap .wp-picker-container input[type="text"].wp-color-picker {
width: 110px;
height: 30px;
padding-left: 35px;
}
.mystickyelements-wrap .wp-picker-holder {
z-index: 1;
position: relative;
}
.social-channel-popover {
flex: 0 0 auto;
background: #FFF;
border-radius: 4px;
line-height: 33px;
padding: 5px;
position: relative;
margin: 25px 25px 25px 0;
box-shadow: 0 1px 14px rgba(156, 117, 198, .4), 0 2px 4px rgba(0, 0, 0, .15);
text-align: center;
}
.social-channel-popover a {
text-decoration: none;
color: #7761DF;
}
.move-icon {
background: url(../images/dot-move-icon.png) no-repeat;
height: 22px;
width: 10px;
position: absolute;
top: 38px;
left: 10px;
cursor: pointer;
}
.social-channel-number{
position: absolute;
top: 12px;
left: 10px;
}
.myStickyelements-inputs .myStickyelements-switch {
float: left;
}
/*tooltip css*/
.social-tooltip {
margin-right: 10px;
}
.social-tooltip i {
background-color: #A9A9A9;
color: #ffffff;
border-radius: 30px;
height: 20px;
font-size: 12px;
width: 20px;
line-height: 20px;
text-align: center;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-ms-border-radius: 30px;
-o-border-radius: 30px;
}
.social-tooltip > span {
position: relative;
display: inline-block;
vertical-align: top;
}
.social-tooltip-popup {
margin: 0 0 20px 20px;
display: block;
position: absolute;
bottom: 0;
left: -50%;
opacity: 0;
visibility: hidden;
width: 300px;
background-color: #fff;
border-radius: 5px;
box-shadow: 0 0 4px #ccc;
padding: 10px 20px;
text-align: left;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
z-index: 9999;
}
.social-tooltip-popup::before {
content: "";
position: absolute;
bottom: -10px;
left: 50%;
width: 0;
height: 0;
border-top: 10px solid #fff;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
}
.social-tooltip > span:hover .social-tooltip-popup {
bottom: 100%;
opacity: 1;
visibility: visible;
}
.social-tooltip-popup ul {
margin: 0;
}
.social-tooltip-popup ul li:last-child {
margin-right: 0;
}
.social-tooltip-popup ul li img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
display: block;
margin: 10px auto 0;
}
.social-channels-item .social-tooltip {
position: absolute;
top: 3px;
left: -30px;
width: auto !important;
margin-right: 0;
}
.social-channels-item .social-tooltip .social-tooltip-popup {
background-color: #000;
color: #fff;
font-size: 13px;
font-weight: 400;
box-shadow: none;
padding: 10px;
border-radius: 8px;
width: 380px;
}
.social-channels-item .social-tooltip .social-tooltip-popup::before {
border-top-color: #000;
}
.social-channels-item .social-tooltip .social-tooltip-popup a {
color: #fff;
}
.social-channels-item .social-tooltip .social-tooltip-popup ul li {
display: block;
}
.myStickyelements-redirect-block::after {
content: "";
display: block;
clear: both;
}
.myStickyelements-redirect-link-wrap label {
margin-bottom: 10px;
display: block;
float: left;
}
.myStickyelements-redirect-link-wrap label.myStickyelements-redirect-new-tab {
float: right;
}
.myStickyelements-contact-form-tab .myStickyelements-redirect-link-wrap input[type="text"].myStickyelements-redirect-link {
margin-top: 0;
padding-right: 130px;
}
.redirect-link-input {
position: relative;
width: 100%;
}
.redirect-link-input .upgrade-myStickyelements {
position: absolute;
top: 2px;
right: 2px;
}
/* Contact Leads */
.the-list:after {
content: "";
display: block;
clear: both;
}
.wrap.mystickyelement-contact-wrap,
.recommended-plugins {
padding: 30px;
}
.wrap.mystickyelement-wrap.recommended-plugins {
padding-bottom: 0;
}
.responstable {
margin: 1em 0;
width: 100%;
overflow: hidden;
background: #FFF;
color: #024457;
border-radius: 10px;
border: 1px solid #7761DF;
}
.responstable tr {
border: 1px solid #D9E4E6;
}
.responstable tr:nth-child(odd) {
background-color: #EAF3F3;
}
.responstable th {
display: none;
border: 1px solid #FFF;
background-color: #7761DF ;
color: #FFF;
padding: 1em;
}
.responstable th:first-child {
display: table-cell;
text-align: center;
}
.responstable th:nth-child(2) {
display: table-cell;
}
.responstable th:nth-child(2) span {
display: none;
}
.responstable th:nth-child(2):after {
content: attr(data-th);
}
body .wrap.recommended-plugins .plugin-card-top{
min-height: 190px;
}
@media (min-width: 480px) {
.responstable th:nth-child(2) span {
display: block;
}
.responstable th:nth-child(2):after {
display: none;
}
}
.responstable td {
display: block;
word-wrap: break-word;
max-width: 7em;
}
.responstable td:first-child {
display: table-cell;
text-align: center;
border-right: 1px solid #D9E4E6;
}
@media (min-width: 480px) {
.responstable td {
border: 1px solid #D9E4E6;
}
}
.responstable th, .responstable td {
text-align: left;
margin: .5em 1em;
}
@media (min-width: 480px) {
.responstable th, .responstable td {
display: table-cell;
padding: 1em;
}
}
.wpappp_buton, .mystickyelement-delete-entry {
padding: 12px 12px;
cursor: pointer;
transition: all 60ms ease-in-out;
text-decoration: none;
text-transform: capitalize;
border: 0 none;
border-radius: 4px;
font-size: 14px;
line-height: 1.3;
color: #FFFFFF;
background: #7761DF;
margin: 0 20px 0 5px;
}
.wpappp_buton:hover,
.mystickyelement-delete-entry:hover{
-webkit-transition: all 60ms ease;
transition: all 60ms ease;
opacity: .85;
}
.wpappp_buton:active,
.mystickyelement-delete-entry:active{
-webkit-transition: all 60ms ease;
transition: all 60ms ease;
-webkit-transform: scale(0.97);
transform: scale(0.97);
opacity: .75;
}
#mystickyelement_contact_tab{
font-size: 18px;
}
#myStickyelements_mobile_templete_desc {
border: 2px solid #f00;
padding: 5px;
margin-top: 20px;
}
/*Confirm Popup CSS*/
.ui-dialog {
z-index: 999999;
text-align: center;
}
.ui-dialog .ui-dialog-buttonset{
float:none;
text-align: center;
}
.ui-dialog .ui-dialog-buttonpane .ui-button {
margin: 0 10px;
}
.ui-dialog-buttonpane .ui-dialog-buttonset .red-btn,
.ui-dialog-buttonpane .ui-dialog-buttonset .purple-btn,
.ui-dialog-buttonpane .ui-dialog-buttonset .gray-btn {
background-color: #969696;
color: #fff;
border-color: #969696;
border-radius: 25px;
line-height: 1.4;
padding: 8px 15px 10px;
height: auto;
display: inline-block;
vertical-align: top;
font-size: 16px;
min-width: 150px;
}
.ui-dialog-buttonpane .ui-dialog-buttonset .red-btn {
background-color: #FF0000;
border-color: #FF0000;
}
.ui-dialog-buttonpane .ui-dialog-buttonset .purple-btn {
background-color: #7761DF;
border-color: #7761DF;
}
/* Preview Window CSS */
.myStickyelements-preview-window ul {
margin: 0;
padding: 0;
}
.myStickyelements-preview-window ul li {
cursor: pointer;
color: #3C85F7;
display: inline-block;
vertical-align: top;
width: 36px;
height: 36px;
background-color: #DFDDF7;
border-radius: 50%;
text-align: center;
line-height: 36px;
margin-bottom:0;
margin-left: 10px;
}
.myStickyelements-preview-window ul li.preview-active {
color: #fff;
background-color: #3C85F7;
}
.myStickyelements-preview-screen {
margin-top: 10px;
padding: 0;
height: 460px;
position: relative;
overflow: hidden;
margin: 0 auto;
background: url(../images/live_preview-1.svg) no-repeat center top;
background-size: 100% auto;
box-shadow: 0 6px 20px 0 rgba(0,0,0,.2);
border-radius: 12px;
}
.myStickyelements-preview-screen.myStickyelements-preview-mobile-screen {
background-image: url(../images/live_preview_mobile-1.svg);
margin: 0 50px;
}
.myStickyelements-preview-screen.myStickyelements-preview-mobile-screen:after {
background-color: #4A5568;
width: 200px;
height: 2px;
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 5px;
margin: 0 auto;
}
.myStickyelements-preview-screen .mystickyelements-fixed ul li.mystickyelements-minimize,
.myStickyelements-preview-screen span.mystickyelements-social-icon a,
.myStickyelements-preview-screen span.mystickyelements-social-icon,
.myStickyelements-preview-screen .element-contact-form{
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
.myStickyelements-preview-screen span.mystickyelements-social-icon a,
.myStickyelements-preview-screen span.mystickyelements-social-icon {
z-index: 1;
}
.mystickyelements-position-bottom.mystickyelements-templates-arrow li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon::before,
.mystickyelements-position-bottom.mystickyelements-templates-arrow span.mystickyelements-social-text::before {
z-index: -1;
}
.myStickyelements-preview-screen .mystickyelements-fixed {
position: absolute;
z-index: 1;
}
.myStickyelements-preview-screen .mystickyelements-fixed.mystickyelements-position-bottom {
padding-top: 0;
}
.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-left {
padding-right:0;
margin-bottom: 0;
}
.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-right {
padding-left: 0;
margin-bottom: 0;
}
.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-bottom {
/*padding-left: 80px;
padding-right: 80px;*/
padding-top: 0;
}
.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-top {
padding-top: 0;
margin-top: 65px;
}
.myStickyelements-preview-screen .mystickyelements-fixed ul li {
margin-bottom: 0;
}
.myStickyelements-preview-screen span.mystickyelements-social-text {
height: auto;
bottom: 0;
min-width: 162px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-mobile-size-large ul li {
width: 60px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-large .mystickyelements-contact-form .mystickyelements-social-icon {
padding: 17px 10px 2px 10px;
width: 190px;
height: 60px;
font-size: 20px;
line-height: 1.2;
-webkit-transform-origin: 63px 63px 0;
-moz-transform-origin: 63px 63px 0;
transform-origin: 63px 63px 0;
}
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-large span.mystickyelements-social-icon a,
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-large span.mystickyelements-social-icon {
width: 60px;
height: 60px;
line-height: 60px;
font-size: 22px;
}
/*contact form pop up css*/
.contact-form-popup-open {
position: relative;
height: auto;
}
.contact-form-popup-open::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.6);
z-index: 99;
}
.contact-form-dropdown-select {
margin-left: 20px;
}
.contact-form-setting-popup-open {
background-color: #fff;
padding: 14px 0px 14px 5px;
border-radius: 10px;
max-width: 700px;
max-height: 80%;
margin: 0 auto;
position: fixed;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
right: 0;
z-index: 999;
}
.contact-form-setting-popup-open .contact-form-dropdown-main{
overflow-y: auto;
max-height: 70vh;
padding:0 35px;
}
.contact-form-field-open.contact-form-setting-popup-open .contact-form-dropdown-main{
margin-left: 30px;
}
.contact-form-setting-popup-open input[type="text"] {
height: 30px;
border-radius: 4px;
padding: 0 10px;
max-width: 224px;
font-size: 12px;
margin-bottom: 0;
}
.contact-form-dropdown-option .option-value-field {
margin-top: 22px;
position: relative;
padding-left: 20px;
}
.add-dropdown-option,
.add-customfield-dropdown-option {
background-color: #ebe8fa;
display: inline-block;
vertical-align: middle;
padding: 6px 26px;
border-radius: 25px;
margin-left: 10px;
color: #969696;
line-height: 1.1;
font-size: 14px;
cursor: pointer;
}
.add-dropdown-option:hover,
.add-customfield-dropdown-option:hover {
background-color: #3c85f7;
color: #fff;
}
.contact-form-dropdown-option .option-value-field .move-icon {
top: 5px;
left: 5px;
}
.contact-form-dropdown-option .option-value-field .delete-dropdown-option {
cursor: pointer;
position: absolute;
top: 7px;
right: 0;
}
.contact-form-dropdown-option .option-value-field .delete-dropdown-option:hover {
color: #3c85f7;
}
.contact-form-dropdfown-close {
cursor: pointer;
position: absolute;
top: -10px;
right: -9px;
display: block;
width: 23px;
height: 23px;
border-radius: 50%;
text-align: center;
line-height: 23px;
background-color: #3c85f7;
color: #fff;
}
.contact-form-setting-popup-open input[type="submit"] {
border: 0;
margin: 15px 0 0 80px;
height: auto;
display: inline-block;
background-color: #3c85f7;
border-radius: 5px;
font-size: 17px;
padding: 12px 30px;
color: #fff;
text-decoration: none;
vertical-align: top;
line-height: 1.2;
}
.contact-form-popup-label label {
display: block;
margin-bottom: 7px;
}
.contact-form-popup-label select {
height: 42px;
width: 100%;
border-radius: 25px;
}
.contact-form-dropdown-main {
padding-top: 20px;
}
.contact-form-popup-btn {
text-align: center;
}
.contact-form-setting-popup-open .contact-form-popup-btn input[type="submit"] {
margin-left: 0;
}
.mystickyelements-state-highlight {
border: dashed 1px #7761DF;
background-color: #ebe8fa;
min-height: 95px;
display: block;
}
.contact-form-dropdown-option .mystickyelements-state-highlight {
min-height: 31px;
}
tr.mystickyelements-state-highlight {
margin-left: -25px;
width: calc(100% + 25px);
}
.myStickyelements-preview-tab {
background-color: #fff;
position: fixed;
top: 120px;
right: 40px;
width: 500px;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.redirect-link-input textarea {
margin-top: 0;
}
.contact-form-field-open .contact-form-dropdown-option .option-value-field {
margin-left: -40px;
padding-left: 40px;
margin-top: 0;
padding-top: 11px;
padding-bottom: 11px;
}
.myStickyelements-container table td #mystickyelements-contact-form-fields td .contact-form-field-open .move-icon {
left: 12px;
background-position: center 17px;
}
.contact-form-setting-popup-open.contact-form-field-open .contact-form-dropdown-select {
margin-left: 0;
margin-bottom: 11px;
}
.contact-form-field-select input[type="radio"] {
display: none;
}
.contact-form-popup-label h3 {
font-size: 22px;
text-align: center;
}
.contact-form-field-select-wrap {
display: flex;
flex-wrap: wrap;
position: relative;
justify-content: center;
}
.contact-form-field-select {
width: 33.33%;
padding: 0 5px;
}
.mystickyelement-tab-boxes-btn-wrap a {
background-color: #fff;
padding: 15px 10px;
border-radius: 5px;
margin: 10px 0;
color: #4A5568;
text-align: center;
display: block;
border: 2px solid #3C85F7;
font-size: 15px;
}
.contact-form-field-select span {
background-color: #fff;
border-left: 1px solid transparent;
padding: 15px 10px;
border-radius: 0;
margin: 10px 0;
color: #4A5568;
text-align: center;
display: block;
font-size: 16px;
box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.05), 0px 4px 6px rgba(0, 0, 0, 0.05);
font-family: 'Avenir Next LT Pro';
}
.contact-form-field-select span:hover {
color: #00A0D2;
border-left-color:#00A0D2;
}
.contact-form-field-select input[type="radio"]:checked + span {
background-color: #DFDDF7;
color: #3c85f7;
}
.contact-form-field-select span i {
margin-right: 10px;
}
.contact-form-field-select-wrap.mystickyelements-free-version:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255,255,255,0.6);
opacity: 0;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.contact-form-field-select-wrap.mystickyelements-free-version:hover:before {
opacity: 1;
}
.contact-form-field-select-wrap.mystickyelements-free-version:hover .contact-form-field-select {
filter: blur(1px);
pointer-events:none;
}
.contact-form-field-select-wrap .upgrade-myStickyelements-link {
opacity: 0;
position: absolute;
top: 50%;
left: 0;
right: 0;
text-align: center;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.contact-form-field-select-wrap:hover .upgrade-myStickyelements-link {
opacity: 1;
}
.contact-form-field-select-wrap .upgrade-myStickyelements-link a {
font-size: 16px;
padding: 13px 23px;
background-color: #7E3AF2;
color: #fff;
}
.myStickyelements-country-inputs .select2-container--default .select2-selection--multiple {
border: 1px solid #ddd;
color: #32373c;
font-size: 14px;
margin-top: 5px;
}
.myStickyelements-country-inputs .select2-container--default.select2-container--focus .select2-selection--multiple {
border: 1px solid #ddd;
}
.myStickyelements-country-inputs .select2-selection ul.select2-selection__rendered {
padding: 0 15px;
}
.myStickyelements-country-inputs .select2-selection ul li.select2-search .select2-search__field {
border: 0 !important;
margin: 0;
width: auto;
}
.myStickyelements-country-inputs .select2-selection ul li.select2-search {
width: auto;
padding: 0;
margin: 0;
}
.myStickyelements-country-inputs .select2-container--default .select2-selection--multiple .select2-selection__choice {
width: auto;
margin-bottom: 5px;
line-height: 1.5;
}
/* */
.multiselect {
margin-bottom: 20px;
}
.selectBox {
position: relative;
}
.selectBox select#contact-form-send-leads {
width: 100%;
margin-bottom: 0px;
cursor: default;
}
.overSelect {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
#checkboxes {
display: flex;
}
#checkboxes label {
display: block;
font-size: 14px;
margin-bottom: 12px;
}
.myStickyelements-show-on-wrap::after {
content: "";
display: block;
clear: both;
}
.myStickyelements-show-on-wrap .myStickyelements-inputs {
float: none;
width: auto;
}
.myStickyelements-page-option .url-content {
display: flex;
align-items: center;
}
.myStickyelements-page-option .url-content > div {
padding: 0 5px;
}
.myStickyelements-page-option .url-content > div.myStickyelements-url-box {
width: 100%;
}
.myStickyelements-page-option .url-content > div.myStickyelements-url-values input {
width: 220px;
}
.myStickyelements-url-box {
display: inline-block;
text-align: right;
}
.myStickyelements-page-option .url-content select {
width: 180px;
}
.myStickyelements-days-hours-options .myStickyelements-page-option .url-content > div.myStickyelements-url-values {
width: 100%;
}
.myStickyelements-page-option {
background-color: #fff;
padding: 10px;
margin-bottom: 10px;
border: 1px solid #DCE2E2;
border-radius: 10px;
position: relative;
}
.myStickyelements-show-on-right {
width: 50%;
margin-left: auto;
}
.myStickyelements-page-option .url-content input[type="text"] {
height: 38px;
padding: 0 15px;
}
.myStickyelements-remove-rule {
color: #fff;
background-color: #666;
text-decoration: none;
display: inline-block;
vertical-align: top;
width: 38px;
height: 38px;
text-align: center;
border-radius: 4px;
font-size: 22px;
line-height: 35px;
}
.myStickyelements-remove-rule:hover {
color: #fff;
background-color: #3C85F7;
}
a.create-rule {
background-color: #3C85F7;
color: #fff;
display: inline-block;
vertical-align: top;
text-decoration: none;
padding: 5px 12px;
border-radius: 20px;
box-shadow: none;
outline:none;
}
.create-rule:hover {
color: #fff;
}
a.remove-rule {
background-color: #ccc;
color: #000;
}
a.remove-rule:hover {
color: #000;
}
.myStickyelements-page-option .upgrade-myStickyelements a ,
.myStickyelements-country-inputs .upgrade-myStickyelements a {
margin-left: 0;
}
.myStickyelements-page-option .upgrade-myStickyelements ,
.myStickyelements-country-inputs .upgrade-myStickyelements ,
.myStickyelements-traffic-source-inputs .upgrade-myStickyelements {
float: none;
position: absolute;
top: 0;
left: 0;
right: 0;
text-align: center;
background-color: rgba(0,0,0,0.6);
bottom: 0;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
opacity: 0;
visibility: hidden;
}
.mystickyelements-options-free-version .myStickyelements-page-option .upgrade-myStickyelements ,
.mystickyelements-options-free-version .myStickyelements-country-inputs .upgrade-myStickyelements ,
.mystickyelements-options-free-version .myStickyelements-traffic-source-inputs .upgrade-myStickyelements {
left: 40%;
right: auto;
background-color: rgba(0,0,0,0);
}
.myStickyelements-page-option:hover .upgrade-myStickyelements ,
.myStickyelements-country-inputs:hover .upgrade-myStickyelements ,
.myStickyelements-traffic-source-inputs:hover .upgrade-myStickyelements {
opacity: 1;
visibility: visible;
}
.mystickyelements-wrap .wp-picker-input-wrap label {
margin-top: 0;
padding-top: 0;
width: unset !important;
}
.myStickyelements-country-inputs {
position: relative;
}
.myStickyelements-country-button {
cursor: pointer;
width: 100%;
height: 35px;
border-radius: 4px;
padding: 0 15px;
font-size: 14px;
line-height: 2;
color: #32373c;
background: #fff url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E') no-repeat right 5px top 55%;
background-size: 16px 16px;
border: 1px solid #ccc;
text-align: left;
}
.myStickyelements-country-list-box {
position: absolute;
top: 100%;
left: 0;
right: 0;
display: none;
z-index: 1;
}
.myStickyelements-country-list-box.active {
display: block;
}
.mystickyelements-wrap .myStickyelements-country-list-box select {
max-width: initial;
width: 310px;
}
body .select2-container--open .select2-dropdown--below {
border-color: #ddd;
}
.myStickyelements-country-list-box .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
display: none;
}
.myStickyelements-country-list-box .select2-container--default .select2-selection--multiple .select2-selection__rendered li:last-child {
display: block;
}
.myStickyelements-country-list-box .select2-container .select2-search--inline .select2-search__field {
width: 308px !important;
padding: 0 10px;
margin-top: 0;
}
.myStickyelements-country-list-box .select2-container .select2-search--inline {
float: none;
}
.country-action-btns {
padding: 5px 15px;
background: #f6f6f6;
text-align: right;
}
.country-action-btns a {
color: #7761DF;
display: inline-block;
margin: 0 5px 0 0;
text-decoration: none;
}
.country-action-btns + .select2-results__options li {
position: relative;
font-size: 16px;
padding: 6px 6px 6px 41px;
}
.select2-container--default .country-action-btns + .select2-results__options .select2-results__option[aria-selected="true"] {
background-color: #fff;
}
.select2-container--default .country-action-btns + .select2-results__options .select2-results__option--highlighted[aria-selected] {
background-color: #f5f5f5;
color: #4f4f4f;
}
.country-action-btns + .select2-results__options li::before {
content: "";
position: absolute;
position: absolute;
width: 14px;
height: 14px;
border: solid 2px #7761DF;
left: 12px;
top: 7px;
}
.country-action-btns + .select2-results__options li::after {
content: "";
color: #fff;
position: absolute;
width: 14px;
height: 14px;
left: 13px;
top: 8px;
}
.country-action-btns + .select2-results__options li[aria-selected="true"]::before {
background: #7761DF;
}
.select2-container--default .country-action-btns + .select2-results__options .select2-results__option[aria-selected="true"]::after {
content: "\f147";
font-family: dashicons;
}
/* Preview Desktop Bottom */
.myStickyelements-preview-screen:not(.myStickyelements-preview-mobile-screen) .mystickyelements-fixed.mystickyelements-position-bottom ul {
height: 53px;
}
.myStickyelements-preview-screen:not(.myStickyelements-preview-mobile-screen) .mystickyelements-fixed.mystickyelements-position-bottom.mystickyelements-size-small ul {
height: 45px;
}
.myStickyelements-preview-screen:not(.myStickyelements-preview-mobile-screen) .mystickyelements-fixed.mystickyelements-position-bottom.mystickyelements-size-large ul {
height: 60px;
}
.myStickyelements-preview-screen:not(.myStickyelements-preview-mobile-screen) .mystickyelements-fixed.mystickyelements-position-bottom.mystickyelements-size-extra-large ul {
height: 70px;
}
.myStickyelements-preview-screen:not(.myStickyelements-preview-mobile-screen) .mystickyelements-position-bottom {
height: 53px;
}
.myStickyelements-preview-screen:not(.myStickyelements-preview-mobile-screen) .mystickyelements-position-bottom.mystickyelements-size-small {
height: 45px;
}
.myStickyelements-preview-screen:not(.myStickyelements-preview-mobile-screen) .mystickyelements-position-bottom.mystickyelements-size-large {
height: 60px;
}
.myStickyelements-preview-screen:not(.myStickyelements-preview-mobile-screen) .mystickyelements-position-bottom.mystickyelements-size-extra-large {
height: 70px;
}
.myStickyelements-preview-screen:not(.myStickyelements-preview-mobile-screen) .mystickyelements-position-bottom.mystickyelements-position-screen-left {
text-align: left;
}
.myStickyelements-preview-screen:not(.myStickyelements-preview-mobile-screen) .mystickyelements-position-bottom.mystickyelements-position-screen-right {
text-align: right;
}
/* Preview Mobile Bottom */
.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-bottom ul ,
.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-top ul {
display: block;
width: 100%;
height: 45px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-bottom.mystickyelements-mobile-size-small ul ,
.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-top.mystickyelements-mobile-size-small ul {
height: 38px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-bottom.mystickyelements-mobile-size-large ul ,
.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-top.mystickyelements-mobile-size-large ul {
height: 50px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-medium span.mystickyelements-social-icon a,
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-medium span.mystickyelements-social-icon {
width: 45px;
height: 45px;
line-height: 45px;
font-size: 17px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-small span.mystickyelements-social-icon a,
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-small span.mystickyelements-social-icon {
width: 38px;
height: 38px;
line-height: 38px;
font-size: 13px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-large span.mystickyelements-social-icon a,
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-large span.mystickyelements-social-icon {
width: 50px;
height: 50px;
line-height: 50px;
font-size: 18px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-mobile-size-medium ul li.mystickyelements-contact-form {
padding-bottom: 45px;
padding-top: 53px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-mobile-size-small ul li.mystickyelements-contact-form {
padding-bottom: 54px;
padding-top: 52px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-mobile-size-large ul li.mystickyelements-contact-form {
padding-bottom: 64px;
padding-top: 65px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-bottom.mystickyelements-mobile-size-large ul li.mystickyelements-contact-form ,
.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-top.mystickyelements-mobile-size-large ul li.mystickyelements-contact-form {
padding-bottom: 0;
padding-top: 0;
}
.myStickyelements-preview-mobile-screen .mystickyelements-fixed .mystickyelements-icon-below-text {
font-size: 8px !important;
}
.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-mobile-size-small .mystickyelements-icon-below-text {
font-size: 7px !important;
}
.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-mobile-size-large .mystickyelements-icon-below-text {
font-size: 10px !important;
}
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-medium .mystickyelements-contact-form .mystickyelements-social-icon {
font-size: 11px;
padding: 17px 10px 10px 10px;
height: 45px;
width: 143px;
line-height: 1.2;
-webkit-transform-origin: 45px 45px 0;
-moz-transform-origin: 45px 45px 0;
transform-origin: 45px 45px 0;
}
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-small .mystickyelements-contact-form .mystickyelements-social-icon {
font-size: 11px;
padding: 13px 10px 2px 10px;
height: 38px;
width: 144px;
line-height: 1.2;
-webkit-transform-origin: 46px 46px 0;
-moz-transform-origin: 46px 46px 0;
transform-origin: 46px 46px 0;
}
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-large .mystickyelements-contact-form .mystickyelements-social-icon {
padding: 16px 10px 2px 10px;
width: 180px;
height: 50px;
font-size: 15px;
line-height: 1.2;
-webkit-transform-origin: 57px 57px 0;
-moz-transform-origin: 57px 57px 0;
transform-origin: 57px 57px 0;
}
.myStickyelements-preview-mobile-screen .mystickyelements-contact-form .mystickyelements-social-icon i ,
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-small .mystickyelements-contact-form .mystickyelements-social-icon i ,
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-medium .mystickyelements-contact-form .mystickyelements-social-icon i ,
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-large .mystickyelements-contact-form .mystickyelements-social-icon i {
margin-right: 15px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-mobile-size-medium ul li {
width: 45px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-mobile-size-small ul li {
width: 38px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-mobile-size-large ul li {
width: 50px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-medium.mystickyelements-position-mobile-bottom span.mystickyelements-social-icon a,
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-medium.mystickyelements-position-mobile-bottom span.mystickyelements-social-icon,
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-medium.mystickyelements-position-mobile-top span.mystickyelements-social-icon a,
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-medium.mystickyelements-position-mobile-top span.mystickyelements-social-icon {
height: 45px;
line-height: 45px;
font-size: 18px;
outline: 0 none;
width: 100%;
}
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-small.mystickyelements-position-mobile-bottom span.mystickyelements-social-icon a,
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-small.mystickyelements-position-mobile-bottom span.mystickyelements-social-icon,
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-small.mystickyelements-position-mobile-top span.mystickyelements-social-icon a,
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-small.mystickyelements-position-mobile-top span.mystickyelements-social-icon {
height: 38px;
line-height: 38px;
font-size: 16px;
width: 100%;
}
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-large.mystickyelements-position-mobile-bottom span.mystickyelements-social-icon a,
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-large.mystickyelements-position-mobile-bottom span.mystickyelements-social-icon,
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-large.mystickyelements-position-mobile-top span.mystickyelements-social-icon a,
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-large.mystickyelements-position-mobile-top span.mystickyelements-social-icon {
height: 50px;
line-height: 50px;
font-size: 22px;
width: 100%;
}
.myStickyelements-preview-screen.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom .mystickyelements-contact-form .mystickyelements-social-icon ,
.myStickyelements-preview-screen.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top .mystickyelements-contact-form .mystickyelements-social-icon {
height: 45px;
width: 100%;
}
.myStickyelements-preview-screen.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-mobile-size-small .mystickyelements-contact-form .mystickyelements-social-icon ,
.myStickyelements-preview-screen.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-mobile-size-small .mystickyelements-contact-form .mystickyelements-social-icon {
height: 38px;
}
.myStickyelements-preview-screen.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-mobile-size-large .mystickyelements-contact-form .mystickyelements-social-icon ,
.myStickyelements-preview-screen.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-mobile-size-large .mystickyelements-contact-form .mystickyelements-social-icon {
height: 50px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom span.mystickyelements-minimize ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top span.mystickyelements-minimize {
font-size: 0;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom span.mystickyelements-minimize::before {
content: "↓";
font-size: 12px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top span.mystickyelements-minimize::before {
content: "↑";
font-size: 12px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-mobile-size-large span.mystickyelements-minimize::before ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-mobile-size-large span.mystickyelements-minimize::before {
font-size: 25px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-right span.mystickyelements-minimize {
font-size: 0;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-right span.mystickyelements-minimize::before {
content: "→";
font-size: 12px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-right.mystickyelements-mobile-size-large span.mystickyelements-minimize::before {
font-size: 25px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-left span.mystickyelements-minimize {
font-size: 0;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-left span.mystickyelements-minimize::before {
content: "←";
font-size: 12px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-left.mystickyelements-mobile-size-large span.mystickyelements-minimize::before {
font-size: 25px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-right span.mystickyelements-minimize.minimize-position-left {
border-radius: 10px 0 0;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-left span.mystickyelements-minimize.minimize-position-right {
border-radius: 0 10px 0 0;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom span.mystickyelements-minimize.minimize-position-right ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top span.mystickyelements-minimize.minimize-position-right {
padding: 0;
}
.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-bottom ul li.mystickyelements-minimize ,
.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-top ul li.mystickyelements-minimize {
width: 5%;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom ul.mystickyelements-lists.mystickyelement-minimize li ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top ul.mystickyelements-lists.mystickyelement-minimize li {
position: relative;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom span.mystickyelements-minimize.minimize-position-left,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom span.mystickyelements-minimize.minimize-position-right,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top span.mystickyelements-minimize.minimize-position-left,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top span.mystickyelements-minimize.minimize-position-right {
height: 45px;
border-radius: 0;
line-height: 45px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-small.mystickyelements-position-mobile-bottom span.mystickyelements-minimize.minimize-position-left,
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-small.mystickyelements-position-mobile-bottom span.mystickyelements-minimize.minimize-position-right,
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-small.mystickyelements-position-mobile-top span.mystickyelements-minimize.minimize-position-left,
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-small.mystickyelements-position-mobile-top span.mystickyelements-minimize.minimize-position-right {
height: 38px;
border-radius: 0;
line-height: 38px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-large.mystickyelements-position-mobile-bottom span.mystickyelements-minimize.minimize-position-left,
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-large.mystickyelements-position-mobile-bottom span.mystickyelements-minimize.minimize-position-right,
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-large.mystickyelements-position-mobile-top span.mystickyelements-minimize.minimize-position-left,
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-large.mystickyelements-position-mobile-top span.mystickyelements-minimize.minimize-position-right {
height: 50px;
border-radius: 0;
line-height: 50px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom .element-minimize span.mystickyelements-minimize.minimize-position-left,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom .element-minimize span.mystickyelements-minimize.minimize-position-right,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top .element-minimize span.mystickyelements-minimize.minimize-position-left,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top .element-minimize span.mystickyelements-minimize.minimize-position-right {
height: 35px;
line-height: 35px;
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
transform: translateY(20px);
}
.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-bottom .mystickyelements-lists.mystickyelement-minimize li:not(.mystickyelements-minimize) {
left: auto;
bottom: -45px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-top .mystickyelements-lists.mystickyelement-minimize li:not(.mystickyelements-minimize) {
left: auto;
top: -45px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom {
left: 0;
right: 0;
bottom: 0;
height: 45px;
top: auto;
text-align: center;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
transform: translateY(0);
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-entry-effect-slide-in {
bottom: -50px;
left: 0;
right: 0;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-entry-effect-slide-in.entry-effect {
bottom: 0;
left: 0;
right: 0;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top {
left: 0;
right: 0;
top: 0;
height: 45px;
bottom: auto;
text-align: center;
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-entry-effect-slide-in {
top: -50px;
left: 0;
right: 0;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-entry-effect-slide-in.entry-effect {
top: 0;
left: 0;
right: 0;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-mobile-size-small ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-mobile-size-small {
height: 38px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-mobile-size-large ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-mobile-size-large {
height: 50px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom .mystickyelements-social-icon ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top .mystickyelements-social-icon {
border-radius: 0 !important;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom .mystickyelements-contact-form .mystickyelements-social-icon ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top .mystickyelements-contact-form .mystickyelements-social-icon {
-webkit-transform-origin: 0 0 0 !important;
-moz-transform-origin: 0 0 0 !important;
transform-origin: 0 0 0 !important;
-webkit-transform: rotate(0) !important;
-moz-transform: rotate(0) !important;
transform: rotate(0) !important;
box-shadow: unset;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-mobile-size-medium .mystickyelements-contact-form .mystickyelements-social-icon ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-mobile-size-medium .mystickyelements-contact-form .mystickyelements-social-icon {
padding: 5px 5px 5px;
font-size: 11px;
line-height: 1.2;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-mobile-size-small .mystickyelements-contact-form .mystickyelements-social-icon ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-mobile-size-small .mystickyelements-contact-form .mystickyelements-social-icon {
padding: 5px 5px 5px;
font-size: 11px;
line-height: 1.2;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-mobile-size-large .mystickyelements-contact-form .mystickyelements-social-icon ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-mobile-size-large .mystickyelements-contact-form .mystickyelements-social-icon {
padding: 5px 5px 5px;
font-size: 11px;
line-height: 1.2;
}
.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-bottom ul li.mystickyelements-contact-form ,
.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-top ul li.mystickyelements-contact-form {
padding-top: 0;
padding-bottom: 0;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom .mystickyelements-contact-form .mystickyelements-social-icon i ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top .mystickyelements-contact-form .mystickyelements-social-icon i {
margin-left: 0;
margin-right: 0;
display: block;
font-size: 20px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom .mystickyelements-contact-form[dir='rtl'] .mystickyelements-social-icon i ,
html[dir='rtl'] .myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom .mystickyelements-contact-form .mystickyelements-social-icon i,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top .mystickyelements-contact-form[dir='rtl'] .mystickyelements-social-icon i ,
html[dir='rtl'] .myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top .mystickyelements-contact-form .mystickyelements-social-icon i {
margin-left: 0;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom ul li:first-child.mystickyelements-contact-form .mystickyelements-social-icon,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom ul li:last-child .mystickyelements-social-icon,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top ul li:first-child.mystickyelements-contact-form .mystickyelements-social-icon,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top ul li:last-child .mystickyelements-social-icon {
border-radius: 0;
}
.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-bottom ul:after ,
.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-top ul:after {
content: "";
display: block;
clear: both;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom ul li ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top ul li {
position: static;
float: left;
width: 8.64%;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom ul.mystickyno-minimize li ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top ul.mystickyno-minimize li {
width: 9.09%;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-bottom-social-channel-1 ul li ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-top-social-channel-1 ul li {
width: 95%;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-bottom-social-channel-2 ul li ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-top-social-channel-2 ul li {
width: 47.5%;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-bottom-social-channel-3 ul li ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-top-social-channel-3 ul li {
width: 31.66%;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-bottom-social-channel-4 ul li ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-top-social-channel-4 ul li {
width: 23.75%;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-bottom-social-channel-5 ul li ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-top-social-channel-5 ul li {
width: 19%;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-bottom-social-channel-6 ul li ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-top-social-channel-6 ul li {
width: 15.83%;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-bottom-social-channel-7 ul li ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-top-social-channel-7 ul li {
width: 13.57%;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-bottom-social-channel-8 ul li ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-top-social-channel-8 ul li {
width: 11.88%;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-bottom-social-channel-9 ul li ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-top-social-channel-9 ul li {
width: 10.55%;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-bottom-social-channel-10 ul li ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-top-social-channel-10 ul li {
width: 9.5%;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-bottom-social-channel-11 ul li ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-top-social-channel-11 ul li {
width: 8.64%;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-bottom-social-channel-6 .mystickyelements-contact-form .mystickyelements-social-icon ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-top-social-channel-6 .mystickyelements-contact-form .mystickyelements-social-icon {
padding-top: 9px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-bottom-social-channel-1 ul.mystickyno-minimize li ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-top-social-channel-1 ul.mystickyno-minimize li {
width: 100%;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-bottom-social-channel-2 ul.mystickyno-minimize li ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-top-social-channel-2 ul.mystickyno-minimize li {
width: 50%;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-bottom-social-channel-3 ul.mystickyno-minimize li ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-top-social-channel-3 ul.mystickyno-minimize li {
width: 33.33%;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-bottom-social-channel-4 ul.mystickyno-minimize li ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-top-social-channel-4 ul.mystickyno-minimize li {
width: 25%;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-bottom-social-channel-5 ul.mystickyno-minimize li ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-top-social-channel-5 ul.mystickyno-minimize li {
width: 20%;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-bottom-social-channel-6 ul.mystickyno-minimize li ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-top-social-channel-6 ul.mystickyno-minimize li {
width: 16.66%;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-bottom-social-channel-7 ul.mystickyno-minimize li ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-top-social-channel-7 ul.mystickyno-minimize li {
width: 14.28%;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-bottom-social-channel-8 ul.mystickyno-minimize li ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-top-social-channel-8 ul.mystickyno-minimize li {
width: 12.5%;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-bottom-social-channel-9 ul.mystickyno-minimize li ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-top-social-channel-9 ul.mystickyno-minimize li {
width: 11.11%;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-bottom-social-channel-10 ul.mystickyno-minimize li ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-top-social-channel-10 ul.mystickyno-minimize li {
width: 10%;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-bottom-social-channel-11 ul.mystickyno-minimize li ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-top-social-channel-11 ul.mystickyno-minimize li {
width: 9.09%;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom .mystickyelements-contact-form .element-contact-form {
top: auto;
left: 0;
bottom: 100%;
width: 100%;
right: 0;
-webkit-transform: rotateX(90deg);
-moz-transform: rotateX(90deg);
transform: rotateX(90deg);
-webkit-transform-origin: 0 100% 0;
-moz-transform-origin: 0 100% 0;
transform-origin: 0 100% 0;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom span.mystickyelements-social-text {
-webkit-transform: rotateX(90deg);
-moz-transform: rotateX(90deg);
transform: rotateX(90deg);
-webkit-transform-origin: 0 100% 0;
-moz-transform-origin: 0 100% 0;
transform-origin: 0 100% 0;
border-radius: 10px 10px 0 0;
left: 0;
right: auto;
bottom: 100%;
min-width: 100%;
top: auto;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: none;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom span.mystickyelements-social-text.mystickyelements-social-no-link ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top span.mystickyelements-social-text.mystickyelements-social-no-link {
display: block;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom span.mystickyelements-social-text.mystickyelements-social-no-link,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom span.mystickyelements-social-text a ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top span.mystickyelements-social-text.mystickyelements-social-no-link,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top span.mystickyelements-social-text a {
padding: 10px 10px;
white-space: initial;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-left {
right: auto;
left: 0;
text-align: left;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-right {
right: 0;
left: auto;
text-align: right;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-left.mystickyelements-entry-effect-slide-in {
left: -90px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-left.mystickyelements-entry-effect-slide-in.entry-effect {
top: 50%;
left: 0;
right: auto;
bottom: auto;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-right.mystickyelements-entry-effect-slide-in {
right: -90px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-right.mystickyelements-entry-effect-slide-in.entry-effect {
top: 50%;
right: 0;
left: auto;
bottom: auto;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
.myStickyelements-preview-mobile-screen span.mystickyelements-minimize.minimize-position-mobile-left {
border-radius: 0 10px 0 0;
}
.myStickyelements-preview-mobile-screen span.mystickyelements-minimize.minimize-position-mobile-right {
border-radius: 10px 0 0;
}
.myStickyelements-preview-mobile-screen .element-minimize span.mystickyelements-minimize.minimize-position-mobile-left {
border-radius: 0 6px 6px 0;
}
.myStickyelements-preview-mobile-screen .element-minimize span.mystickyelements-minimize.minimize-position-mobile-right {
border-radius: 6px 0 0 6px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-right .element-contact-form {
-webkit-transform-origin: 100% 0 0;
-moz-transform-origin: 100% 0 0;
transform-origin: 100% 0 0;
left: auto;
right: 100%;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-right span.mystickyelements-social-text {
border-radius: 10px 0 0 10px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-left .element-contact-form {
-webkit-transform-origin: 0 0 0;
-moz-transform-origin: 0 0 0;
transform-origin: 0 0 0;
left: 100%;
right: auto;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-left span.mystickyelements-social-text {
border-radius: 0 10px 10px 0;
}
.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-right .mystickyelements-lists.mystickyelement-minimize li:not(.mystickyelements-minimize) {
left: 50px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-left .mystickyelements-lists.mystickyelement-minimize li:not(.mystickyelements-minimize) {
left: -50px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom ul li:first-child.mystickyelements-contact-form .mystickyelements-social-icon,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom ul li:last-child .mystickyelements-social-icon,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom ul li:last-child.mystickyelements-contact-form .mystickyelements-social-icon,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top ul li:first-child.mystickyelements-contact-form .mystickyelements-social-icon,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top ul li:last-child .mystickyelements-social-icon,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top ul li:last-child.mystickyelements-contact-form .mystickyelements-social-icon {
border-radius: 0;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-left ul li:first-child.mystickyelements-minimize .mystickyelements-social-icon,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-left ul li:first-child .mystickyelements-social-icon {
border-radius: 0 10px 0 0;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-left ul li:first-child.mystickyelements-contact-form .mystickyelements-social-icon,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-left ul li:last-child .mystickyelements-social-icon {
border-radius: 0 0 10px 0;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-left ul li:last-child.mystickyelements-contact-form .mystickyelements-social-icon{
border-radius: 0 0 0 10px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-right ul li:first-child.mystickyelements-minimize .mystickyelements-social-icon,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-right ul li:first-child .mystickyelements-social-icon{
border-radius: 10px 0 0 0;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-right ul li:last-child .mystickyelements-social-icon {
border-radius: 0 0 0 10px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-right ul li:first-child.mystickyelements-contact-form .mystickyelements-social-icon{
border-radius: 0 10px 0 0;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-right ul li:last-child.mystickyelements-contact-form .mystickyelements-social-icon {
border-radius: 10px 0 0 0;
}
.myStickyelements-preview-screen.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-bottom ul li ,
.myStickyelements-preview-screen.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-top ul li {
width: 22.5% !important;
}
.myStickyelements-preview-screen.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-bottom.mystickyelements-bottom-social-channel-1 ul li ,
.myStickyelements-preview-screen.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-top.mystickyelements-top-social-channel-1 ul li {
width: 90% !important;
}
.myStickyelements-preview-screen.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-bottom.mystickyelements-bottom-social-channel-2 ul li ,
.myStickyelements-preview-screen.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-top.mystickyelements-top-social-channel-2 ul li {
width: 45% !important;
}
.myStickyelements-preview-screen.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-bottom.mystickyelements-bottom-social-channel-3 ul li ,
.myStickyelements-preview-screen.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-top.mystickyelements-top-social-channel-3 ul li {
width: 30% !important;
}
.myStickyelements-preview-screen.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-bottom.mystickyelements-bottom-social-channel-4 ul li ,
.myStickyelements-preview-screen.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-top.mystickyelements-top-social-channel-4 ul li {
width: 22.5% !important;
}
.myStickyelements-preview-screen.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-bottom.mystickyelements-bottom-social-channel-2 ul.remove-contact-field li ,
.myStickyelements-preview-screen.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-top.mystickyelements-top-social-channel-2 ul.remove-contact-field li,
.myStickyelements-preview-screen.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-bottom ul li.mystickyelements-contact-last ,
.myStickyelements-preview-screen.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-top ul li.mystickyelements-contact-last {
width: 90% !important;
}
.myStickyelements-preview-screen.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-bottom.mystickyelements-bottom-social-channel-3 ul.remove-contact-field li ,
.myStickyelements-preview-screen.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-top.mystickyelements-top-social-channel-3 ul.remove-contact-field li {
width: 45% !important;
}
.myStickyelements-preview-screen.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-bottom ul li.mystickyelements-minimize ,
.myStickyelements-preview-screen.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-top ul li.mystickyelements-minimize {
width: 10% !important;
}
.myStickyelements-preview-screen.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-bottom ul.remove-minimize li ,
.myStickyelements-preview-screen.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-top ul.remove-minimize li {
width: 25% !important;
}
.myStickyelements-preview-screen.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-bottom.mystickyelements-bottom-social-channel-1 ul.remove-minimize li ,
.myStickyelements-preview-screen.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-top.mystickyelements-top-social-channel-1 ul.remove-minimize li {
width: 100% !important;
}
.myStickyelements-preview-screen.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-bottom.mystickyelements-bottom-social-channel-2 ul.remove-minimize li ,
.myStickyelements-preview-screen.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-top.mystickyelements-top-social-channel-2 ul.remove-minimize li {
width: 50% !important;
}
.myStickyelements-preview-screen.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-bottom.mystickyelements-bottom-social-channel-3 ul.remove-minimize li ,
.myStickyelements-preview-screen.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-top.mystickyelements-top-social-channel-3 ul.remove-minimize li {
width: 33.33% !important;
}
.myStickyelements-preview-screen.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-bottom.mystickyelements-bottom-social-channel-4 ul.remove-minimize li ,
.myStickyelements-preview-screen.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-top.mystickyelements-top-social-channel-4 ul.remove-minimize li {
width: 25% !important;
}
.myStickyelements-preview-screen.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-bottom ul.remove-minimize li.mystickyelements-contact-last ,
.myStickyelements-preview-screen.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-top ul.remove-minimize li.mystickyelements-contact-last {
width: 100% !important;
}
.myStickyelements-preview-screen.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-top ul li:nth-child(6),
.myStickyelements-preview-screen.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-top ul li:nth-child(7),
.myStickyelements-preview-screen.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-top ul li:nth-child(8),
.myStickyelements-preview-screen.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-top ul li:nth-child(9),
.myStickyelements-preview-screen.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-top ul li:nth-child(10),
.myStickyelements-preview-screen.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-top ul li:nth-child(11),
.myStickyelements-preview-screen.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-top ul li:nth-child(12) ,
.myStickyelements-preview-screen.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-top ul li:nth-child(13) ,
.myStickyelements-preview-screen.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-top ul li:nth-child(14) {
display: none;
}
.myStickyelements-preview-screen.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-top ul.remove-minimize li:nth-child(5) {
display: none;
}
.myStickyelements-preview-screen.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-top ul li.mystickyelements-show-last-element {
display: block;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-bottom-social-channel-1 ul.mystickyno-minimize li ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-top-social-channel-1 ul.mystickyno-minimize li {
width: 100%;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-bottom-social-channel-2 ul.mystickyno-minimize li ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-top-social-channel-2 ul.mystickyno-minimize li {
width: 50%;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-bottom-social-channel-3 ul.mystickyno-minimize li ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-top-social-channel-3 ul.mystickyno-minimize li {
width: 33.33%;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-bottom-social-channel-4 ul.mystickyno-minimize li ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-top-social-channel-4 ul.mystickyno-minimize li {
width: 25%;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-bottom-social-channel-5 ul.mystickyno-minimize li ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-top-social-channel-5 ul.mystickyno-minimize li {
width: 20%;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-bottom-social-channel-6 ul.mystickyno-minimize li ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-bottom-social-channel-7 ul.mystickyno-minimize li ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-bottom-social-channel-8 ul.mystickyno-minimize li ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-bottom-social-channel-9 ul.mystickyno-minimize li ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-bottom-social-channel-10 ul.mystickyno-minimize li ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-bottom-social-channel-11 ul.mystickyno-minimize li ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-bottom-social-channel-12 ul.mystickyno-minimize li,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-top-social-channel-6 ul.mystickyno-minimize li ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-top-social-channel-7 ul.mystickyno-minimize li ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-top-social-channel-8 ul.mystickyno-minimize li ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-top-social-channel-9 ul.mystickyno-minimize li ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-top-social-channel-10 ul.mystickyno-minimize li ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-top-social-channel-11 ul.mystickyno-minimize li ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-top-social-channel-12 ul.mystickyno-minimize li {
width: 16.66%;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom .mystickyelements-contact-form .mystickyelements-social-icon i ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top .mystickyelements-contact-form .mystickyelements-social-icon i {
font-size: 14px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-small.mystickyelements-position-mobile-bottom .mystickyelements-contact-form .mystickyelements-social-icon i ,
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-small.mystickyelements-position-mobile-top .mystickyelements-contact-form .mystickyelements-social-icon i {
font-size: 10px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-large.mystickyelements-position-mobile-bottom .mystickyelements-contact-form .mystickyelements-social-icon i ,
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-large.mystickyelements-position-mobile-top .mystickyelements-contact-form .mystickyelements-social-icon i {
font-size: 18px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom .mystickyelements-contact-form .mystickyelements-social-icon ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top .mystickyelements-contact-form .mystickyelements-social-icon {
font-size: 11px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-small.mystickyelements-position-mobile-bottom .mystickyelements-contact-form .mystickyelements-social-icon.mystickyelements-contact-notext i ,
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-small.mystickyelements-position-mobile-top .mystickyelements-contact-form .mystickyelements-social-icon.mystickyelements-contact-notext i {
font-size: 17px;
line-height: 1.5;
}
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-large.mystickyelements-position-mobile-bottom .mystickyelements-contact-form .mystickyelements-social-icon.mystickyelements-contact-notext i ,
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-large.mystickyelements-position-mobile-top .mystickyelements-contact-form .mystickyelements-social-icon.mystickyelements-contact-notext i {
font-size: 22px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom .mystickyelements-contact-form .mystickyelements-social-icon.mystickyelements-contact-notext i ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top .mystickyelements-contact-form .mystickyelements-social-icon.mystickyelements-contact-notext i {
font-size: 17px;
line-height: 1.5;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom .mystickyelements-contact-form .mystickyelements-social-icon ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top .mystickyelements-contact-form .mystickyelements-social-icon {
font-size: 11px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-templates-arrow li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon::before {
border-top-width: 23px;
border-bottom-width: 22px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-small.mystickyelements-templates-arrow li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon::before {
border-top-width: 19px;
border-bottom-width: 19px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-large.mystickyelements-templates-arrow li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon::before {
border-top-width: 25px;
border-bottom-width: 25px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-templates-diamond li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon::before {
top: 6px;
bottom: 6px;
left: 6px;
right: 6px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-templates-diamond li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon::after {
width: 22px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-small.mystickyelements-templates-diamond li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon::before {
top: 5px;
bottom: 5px;
left: 5px;
right: 5px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-small.mystickyelements-templates-diamond li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon::after {
width: 20px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-large.mystickyelements-templates-diamond li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon::before {
top: 7px;
bottom: 7px;
left: 7px;
right: 7px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-large.mystickyelements-templates-diamond li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon::after {
width: 25px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-templates-diamond li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon::before,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-templates-diamond li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon::after,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-templates-diamond li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon::before,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-templates-diamond li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon::after {
display: none;
}
.myStickyelements-preview-mobile-screen .mystickyelements-templates-arrow li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon::before {
border-top-width: 23px;
border-bottom-width: 22px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-small.mystickyelements-templates-arrow li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon::before {
border-top-width: 19px;
border-bottom-width: 19px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-large.mystickyelements-templates-arrow li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon::before {
border-top-width: 25px;
border-bottom-width: 25px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-left.mystickyelements-templates-arrow li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon::before {
border-left: 23px solid #f00;
border-right: 0;
left: 100%;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-right.mystickyelements-templates-arrow li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon::before {
border-right: 23px solid #f00;
right: 100%;
border-left: 0;
left: auto;
}
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-small.mystickyelements-position-mobile-left.mystickyelements-templates-arrow li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon::before {
border-left-width: 19px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-small.mystickyelements-position-mobile-right.mystickyelements-templates-arrow li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon::before {
border-right-width: 19px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-large.mystickyelements-position-mobile-left.mystickyelements-templates-arrow li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon::before {
border-left-width: 25px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-large.mystickyelements-position-mobile-right.mystickyelements-templates-arrow li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon::before {
border-right-width: 25px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-left.mystickyelements-templates-triangle li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon::before {
left: -25px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-small.mystickyelements-position-mobile-left.mystickyelements-templates-triangle li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon::before {
left: -24px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-large.mystickyelements-position-mobile-left.mystickyelements-templates-triangle li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon::before {
left: -29px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-right.mystickyelements-templates-triangle li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon::before {
right: -25px;
left: auto;
}
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-small.mystickyelements-position-mobile-right.mystickyelements-templates-triangle li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon::before {
right: -24px;
left: auto;
}
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-large.mystickyelements-position-mobile-right.mystickyelements-templates-triangle li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon::before {
right: -29px;
left: auto;
}
.myStickyelements-preview-mobile-screen .mystickyelements-templates-triangle li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon::before {
top: 3px;
bottom: 3px;
right: 3px;
width: 51px;
height: 40px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-small.mystickyelements-templates-triangle li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon::before {
width: 46px;
height: 34px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-large.mystickyelements-templates-triangle li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon::before {
width: 58px;
height: 45px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-templates-triangle li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon::before ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-templates-triangle li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon::before {
display: none;
}
.myStickyelements-preview-mobile-screen .mystickyelements-templates-triangle li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon::before {
border-top-width: 23px;
border-bottom-width: 22px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-small.mystickyelements-templates-triangle li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon::before {
border-top-width: 19px;
border-bottom-width: 19px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-large.mystickyelements-templates-triangle li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon::before {
border-top-width: 25px;
border-bottom-width: 25px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-left.mystickyelements-templates-triangle li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon i {
padding-right: 20px;
padding-left: 0;
padding-top: 0;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-right.mystickyelements-templates-triangle li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon i {
padding-left: 20px;
padding-right: 0;
padding-top: 0;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-left.mystickyelements-templates-triangle li span.mystickyelements-social-icon svg {
margin-right: 20px;
margin-left: 0;
margin-top: 0;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-right.mystickyelements-templates-triangle li span.mystickyelements-social-icon svg {
margin-left: 20px;
margin-right: 0;
margin-top: 0;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-templates-triangle li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-templates-triangle li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon {
padding-left: 0;
padding-right: 0;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-templates-triangle li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon::before,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-templates-arrow li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon::before,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-templates-triangle li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon::before,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-templates-arrow li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon::before {
border-right: 0;
border-left: 0;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-templates-diamond li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon::before,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-templates-diamond li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon::after,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-templates-diamond li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon::before,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-templates-diamond li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon::after {
border: 0;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-left.mystickyelements-templates-roundad li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon a,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-left.mystickyelements-templates-roundad li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon {
border-radius: 0 25px 25px 0 !important;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-right.mystickyelements-templates-roundad li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon a,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-right.mystickyelements-templates-roundad li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon {
border-radius: 25px 0 0 25px !important;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-templates-roundad li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon a,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-templates-roundad li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-templates-round li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon a,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-templates-round li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-templates-roundad li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon a,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-templates-roundad li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-templates-round li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon a,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-templates-round li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon {
border-radius: 0 !important;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-templates-leaf_left li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon a,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-templates-leaf_left li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-templates-leaf_right li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon a,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-templates-leaf_right li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-templates-leaf_left li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon a,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-templates-leaf_left li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-templates-leaf_right li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon a,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-templates-leaf_right li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon {
border-radius: 0 !important;
}
.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-bottom.mystickyelements-templates-diamond .social-insagram,
.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-bottom.mystickyelements-templates-triangle .social-insagram,
.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-top.mystickyelements-templates-diamond .social-insagram,
.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-top.mystickyelements-templates-triangle .social-insagram {
background: linear-gradient(135deg, #582bcd 0%,#ed4c33 50%,#f7d36f 100%) !important;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-bottom.mystickyelements-templates-triangle li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon::before {
top: 3px;
transform: rotate(-28deg) skewX(36deg);
width: 51px;
height: 40px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-small.mystickyelements-position-bottom.mystickyelements-templates-triangle li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon::before {
top: 2px;
transform: rotate(-28deg) skewX(36deg);
width: 46px;
height: 35px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-large.mystickyelements-position-bottom.mystickyelements-templates-triangle li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon::before {
top: 3px;
transform: rotate(-28deg) skewX(36deg);
width: 56px;
height: 46px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-small.mystickyelements-position-bottom.mystickyelements-templates-triangle li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon i {
padding-top: 0;
padding-right: 15px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-left.mystickyelements-templates-triangle li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon.social-line i.mystickyelement_line_icon,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-left.mystickyelements-templates-triangle li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon.social-qzone i.mystickyelement_qzone_icon {
background-position: 3px center;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-right.mystickyelements-templates-triangle li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon.social-line i.mystickyelement_line_icon,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-right.mystickyelements-templates-triangle li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon.social-qzone i.mystickyelement_qzone_icon {
background-position: 20px center;
}
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-small.mystickyelements-position-mobile-right.mystickyelements-templates-triangle li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon.social-line i.mystickyelement_line_icon,
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-small.mystickyelements-position-mobile-right.mystickyelements-templates-triangle li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon.social-qzone i.mystickyelement_qzone_icon {
background-position: 18px center;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-templates-triangle li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon.social-line i.mystickyelement_line_icon,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-templates-triangle li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon.social-qzone i.mystickyelement_qzone_icon,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-templates-triangle li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon.social-line i.mystickyelement_line_icon,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-templates-triangle li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon.social-qzone i.mystickyelement_qzone_icon {
background-position: center center;
}
.myStickyelements-preview-mobile-screen .mystickyelements-templates-arrow li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon.social-insagram::before,
.myStickyelements-preview-mobile-screen .mystickyelements-templates-arrow .social-insagram + span.mystickyelements-social-text::before {
width: 32px;
height: 32px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-left.mystickyelements-templates-arrow li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon.social-insagram::before,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-left.mystickyelements-templates-arrow .social-insagram + span.mystickyelements-social-text::before {
margin-left: -17px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-right.mystickyelements-templates-arrow li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon.social-insagram::before,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-right.mystickyelements-templates-arrow .social-insagram + span.mystickyelements-social-text::before {
margin-right: -14px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-templates-arrow li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon.social-insagram::before,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-templates-arrow .social-insagram + span.mystickyelements-social-text::before,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-templates-arrow li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon.social-insagram::before,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-templates-arrow .social-insagram + span.mystickyelements-social-text::before {
display: none;
}
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-small.mystickyelements-templates-arrow li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon.social-insagram::before,
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-small.mystickyelements-templates-arrow .social-insagram + span.mystickyelements-social-text::before {
width: 27px;
height: 27px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-large.mystickyelements-templates-arrow li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon.social-insagram::before,
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-large.mystickyelements-templates-arrow .social-insagram + span.mystickyelements-social-text::before {
width: 36px;
height: 36px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-bottom.mystickyelements-fixed:not(.mystickyelements-position-mobile-bottom) ul li {
float: none;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-bottom.mystickyelements-fixed.mystickyelements-position-mobile-top ul li {
float: left;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-bottom.mystickyelements-fixed:not(.mystickyelements-position-mobile-bottom) ul li.mystickyelements-minimize {
width: 45px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-small.mystickyelements-position-bottom.mystickyelements-fixed:not(.mystickyelements-position-mobile-bottom) ul li.mystickyelements-minimize {
width: 38px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-large.mystickyelements-position-bottom.mystickyelements-fixed:not(.mystickyelements-position-mobile-bottom) ul li.mystickyelements-minimize {
width: 50px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-fixed:not(.mystickyelements-position-mobile-bottom) span.mystickyelements-minimize.minimize-position-bottom {
height: 32px;
line-height: 32px;
border-radius: 0 10px 0 0;
}
.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-right:not(.mystickyelements-position-mobile-bottom) span.mystickyelements-minimize.minimize-position-bottom {
border-radius: 10px 0 0 0;
}
.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-bottom:not(.mystickyelements-position-mobile-bottom) ul li.mystickyelements-contact-form {
padding-top: 53px;
padding-bottom: 45px;
width: 45px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-bottom.mystickyelements-position-mobile-top ul li.mystickyelements-contact-form {
padding-top: 0;
padding-bottom: 0;
}
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-small.mystickyelements-fixed.mystickyelements-position-bottom:not(.mystickyelements-position-mobile-bottom) ul li.mystickyelements-contact-form {
padding-top: 53px;
padding-bottom: 52px;
width: 38px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-small.mystickyelements-fixed.mystickyelements-position-bottom.mystickyelements-position-mobile-top ul li.mystickyelements-contact-form {
padding-top: 0;
padding-bottom: 0;
}
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-large.mystickyelements-fixed.mystickyelements-position-bottom:not(.mystickyelements-position-mobile-bottom) ul li.mystickyelements-contact-form {
padding-top: 64px;
padding-bottom: 65px;
width: 50px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-large.mystickyelements-fixed.mystickyelements-position-bottom.mystickyelements-position-mobile-top ul li.mystickyelements-contact-form {
padding-top: 0;
padding-bottom: 0;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-bottom:not(.mystickyelements-position-mobile-bottom) .mystickyelements-contact-form .mystickyelements-social-icon {
-webkit-transform-origin: 45px 45px 0;
-moz-transform-origin: 45px 45px 0;
transform-origin: 45px 45px 0;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-large.mystickyelements-position-bottom:not(.mystickyelements-position-mobile-bottom) .mystickyelements-contact-form .mystickyelements-social-icon {
-webkit-transform-origin: 58px 58px 0;
-moz-transform-origin: 58px 58px 0;
transform-origin: 58px 58px 0;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-bottom.mystickyelements-templates-arrow:not(.mystickyelements-position-mobile-bottom) li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon::before {
top: 0;
bottom: 0;
border-bottom-color: transparent;
border-bottom-width: 22px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-small.mystickyelements-position-bottom.mystickyelements-templates-arrow:not(.mystickyelements-position-mobile-bottom) li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon::before {
border-bottom-width: 20px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-large.mystickyelements-position-bottom.mystickyelements-templates-arrow:not(.mystickyelements-position-mobile-bottom) li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon::before {
border-bottom-width: 25px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-templates-arrow li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon.social-insagram::before {
width: 32px;
height: 32px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-small.mystickyelements-fixed.mystickyelements-templates-arrow li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon.social-insagram::before {
width: 28px;
height: 28px;
transform-origin: 10px 20px 0;
}
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-large.mystickyelements-fixed.mystickyelements-templates-arrow li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon.social-insagram::before {
width: 36px;
height: 36px;
transform-origin: 10px 20px 0;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-left.mystickyelements-templates-arrow li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon.social-insagram::before {
margin-left: -17px;
transform-origin: 9px 20px 0;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-right.mystickyelements-templates-arrow li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon.social-insagram::before {
margin-right: -17px;
transform-origin: 6px 18px 0;
}
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-small.mystickyelements-position-mobile-right.mystickyelements-templates-arrow li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon.social-insagram::before {
transform-origin: 4px 12px 0;
}
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-large.mystickyelements-position-mobile-right.mystickyelements-templates-arrow li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon.social-insagram::before {
transform-origin: 10px 23px 0;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-templates-arrow li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon.social-insagram::before,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-templates-arrow .social-insagram + span.mystickyelements-social-text::before,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-templates-arrow li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon.social-insagram::before,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-templates-arrow .social-insagram + span.mystickyelements-social-text::before {
display: none;
}
.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-bottom:not(.mystickyelements-position-mobile-bottom) {
display: flex;
}
.myStickyelements-preview-mobile-screen span.mystickyelements-social-icon img {
width: 18px;
height: 18px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-small span.mystickyelements-social-icon img {
width: 15px;
height: 15px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-large span.mystickyelements-social-icon img {
width: 20px;
height: 20px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-medium.mystickyelements-templates-default span.mystickyelements-social-icon img {
width: 25px;
height: 25px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-small.mystickyelements-templates-default span.mystickyelements-social-icon img {
width: 20px;
height: 20px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-large.mystickyelements-templates-default span.mystickyelements-social-icon img {
width: 30px;
height: 30px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-left.mystickyelements-templates-triangle span.mystickyelements-social-icon img {
margin: auto 0 auto 5px;
top: 0;
left: 0;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-right.mystickyelements-templates-triangle span.mystickyelements-social-icon img {
margin: auto 5px auto 0;
left: auto;
top: 0;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-templates-triangle span.mystickyelements-social-icon img ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-templates-triangle span.mystickyelements-social-icon img {
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.myStickyelements-preview-mobile-screen .mystickyelements-fixed:not(.mystickyelements-position-mobile-bottom).mystickyelements-templates-roundad span.mystickyelements-minimize.minimize-position-mobile-left ,
.myStickyelements-preview-mobile-screen .mystickyelements-fixed:not(.mystickyelements-position-mobile-bottom).mystickyelements-templates-round span.mystickyelements-minimize.minimize-position-mobile-left ,
.myStickyelements-preview-mobile-screen .mystickyelements-fixed:not(.mystickyelements-position-mobile-bottom).mystickyelements-templates-leaf_right span.mystickyelements-minimize.minimize-position-mobile-left ,
.myStickyelements-preview-mobile-screen .mystickyelements-fixed:not(.mystickyelements-position-mobile-bottom).mystickyelements-templates-leaf_left span.mystickyelements-minimize.minimize-position-mobile-left {
border-radius: 0 10px 10px 0;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-left.mystickyelements-templates-roundad .mystickyelements-contact-form .mystickyelements-social-icon ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-left.mystickyelements-templates-round .mystickyelements-contact-form .mystickyelements-social-icon ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-left.mystickyelements-templates-leaf_right .mystickyelements-contact-form .mystickyelements-social-icon ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-left.mystickyelements-templates-leaf_left .mystickyelements-contact-form .mystickyelements-social-icon {
border-radius: 0 0 10px 10px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-fixed:not(.mystickyelements-position-mobile-bottom).mystickyelements-templates-roundad span.mystickyelements-minimize.minimize-position-mobile-right ,
.myStickyelements-preview-mobile-screen .mystickyelements-fixed:not(.mystickyelements-position-mobile-bottom).mystickyelements-templates-round span.mystickyelements-minimize.minimize-position-mobile-right ,
.myStickyelements-preview-mobile-screen .mystickyelements-fixed:not(.mystickyelements-position-mobile-bottom).mystickyelements-templates-leaf_right span.mystickyelements-minimize.minimize-position-mobile-right ,
.myStickyelements-preview-mobile-screen .mystickyelements-fixed:not(.mystickyelements-position-mobile-bottom).mystickyelements-templates-leaf_left span.mystickyelements-minimize.minimize-position-mobile-right {
border-radius: 10px 0 0 10px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-right.mystickyelements-templates-roundad .mystickyelements-contact-form .mystickyelements-social-icon ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-right.mystickyelements-templates-round .mystickyelements-contact-form .mystickyelements-social-icon ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-right.mystickyelements-templates-leaf_right .mystickyelements-contact-form .mystickyelements-social-icon ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-right.mystickyelements-templates-leaf_left .mystickyelements-contact-form .mystickyelements-social-icon {
border-radius: 10px 10px 0 0;
}
.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-bottom.mystickyelements-templates-roundad span.mystickyelements-minimize.minimize-position-mobile-bottom ,
.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-bottom.mystickyelements-templates-round span.mystickyelements-minimize.minimize-position-mobile-bottom ,
.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-bottom.mystickyelements-templates-leaf_right span.mystickyelements-minimize.minimize-position-mobile-bottom ,
.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-bottom.mystickyelements-templates-leaf_left span.mystickyelements-minimize.minimize-position-mobile-bottom,
.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-top.mystickyelements-templates-roundad span.mystickyelements-minimize.minimize-position-mobile-top ,
.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-top.mystickyelements-templates-round span.mystickyelements-minimize.minimize-position-mobile-top ,
.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-top.mystickyelements-templates-leaf_right span.mystickyelements-minimize.minimize-position-mobile-top ,
.myStickyelements-preview-mobile-screen .mystickyelements-fixed.mystickyelements-position-mobile-top.mystickyelements-templates-leaf_left span.mystickyelements-minimize.minimize-position-mobile-top {
border-radius: 0;
}
.myStickyelements-preview-mobile-screen span.mystickyelements-minimize.minimize-position-mobile-bottom ,
.myStickyelements-preview-mobile-screen span.mystickyelements-minimize.minimize-position-mobile-top {
height: 45px !important;
line-height: 45px !important;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-mobile-size-small span.mystickyelements-minimize.minimize-position-mobile-bottom ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-mobile-size-small span.mystickyelements-minimize.minimize-position-mobile-top {
height: 38px !important;
line-height: 38px !important;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-mobile-size-large span.mystickyelements-minimize.minimize-position-mobile-bottom ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-mobile-size-large span.mystickyelements-minimize.minimize-position-mobile-top {
height: 50px !important;
line-height: 50px !important;
}
.myStickyelements-preview-mobile-screen span.mystickyelements-minimize.minimize-position-mobile-bottom ,
.myStickyelements-preview-mobile-screen span.mystickyelements-minimize.minimize-position-mobile-top {
border-radius: 0 !important;
}
/*Custom field css*/
input[type="text"].stickyelement-edit-field {
display: none;
}
.mystickyelements-add-custom-fields {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
}
a.mystickyelements-add-custom-fields i {
width: 18px;
height: 18px;
display: inline-block;
vertical-align: top;
border: 2px solid #fff;
border-radius: 50%;
font-size: 10px;
text-align: center;
line-height: 14px;
margin-left: 5px;
margin-top: 2px;
}
.mystickyelements-add-custom-fields .mystickyelements-custom-fields-tooltip {
padding-right: 10px;
text-align: left;
}
.mystickyelements-add-custom-fields .upgrade-myStickyelements {
margin-right: 10px;
margin-left: 0;
}
.mystickyelements-add-custom-fields .upgrade-myStickyelements a {
line-height: 2;
}
.mystickyelements-add-custom-fields .upgrade-myStickyelements a:hover {
background-color: #DFDDF7;
}
.mystickyelements-add-custom-fields a,
.mystickyelement-widgets-btn-wrap a {
display: inline-block;
background-color: #3c85f7;
border-radius: 5px;
font-size: 15px;
padding: 12px 18px;
color: #fff;
text-decoration: none;
vertical-align: top;
line-height: 1.2;
}
.mystickyelements-add-custom-fields a:hover,
.mystickyelement-widgets-btn-wrap a:hover {
background-color: #0071a1;
}
.mystickyelements-add-custom-fields a {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.mystickyelements-add-custom-fields a svg {
margin-left: 5px;
}
.mystickyelement-widgets-btn-wrap {
padding-top: 30px;
}
.mystickyelements-customfields i.stickyelement-edit {
display: inline-block;
vertical-align: middle;
margin-left: 10px;
cursor: pointer;
}
.mystickyelements-customfields span.text_label {
margin-left: 5px;
display: inline-block;
vertical-align: middle;
}
.mystickyelements-customfields .mystickyelements-reqired-wrap .stickyelement-delete {
font-size: 18px;
cursor: pointer;
}
.custom-stickyelement-delete {
cursor: pointer;
}
.custom-stickyelement-delete:hover,
.custom-stickyelement-delete:active {
color: #B91C1C;
}
.mystickyelements-custom-fields-tooltip {
position: relative;
margin-right: 10px;
display: inline-block;
vertical-align: top;
}
.mystickyelements-setting-wrap-right{
position: relative;
}
.mystickyelements-email-tooltip {
margin-top: 6px;
}
.myStickyelements-traffic-source-right {
padding-left: 0;
}
.myStickyelements-traffic-source-inputs {
padding-bottom: 12px;
position: relative;
}
.myStickyelements-traffic-source-inputs.not-pro {
margin-bottom: 12px;
}
.myStickyelements-days-hours-options .myStickyelements-url-box {
width: auto;
}
.myStickyelements-days-hours-options .myStickyelements-days-hours-label-wrap {
display: flex;
align-items: center;
}
.myStickyelements-days-hours-options .myStickyelements-days-hours-label-wrap .myStickyelements-days-hours-label {
margin-right: 9px;
white-space: nowrap;
}
#custom-traffic-source-lists {
text-align: left;
}
.myStickyelements-days-hours-options .myStickyelements-url-option input[type="text"],
.myStickyelements-days-hours-options .myStickyelements-url-box input[type="text"] {
width: 100px;
}
.myStickyelements-traffic-source-inputs .traffic-other-source select {
min-width: 120px;
}
.myStickyelements-traffic-source-inputs .traffic-other-source input[type="text"] {
height: 38px;
padding: 0 15px;
margin-left: 15px;
width: 150px;
}
.myStickyelements-traffic-source-inputs .day-buttons {
padding: 0 5px;
width: 45px;
}
.myStickyelements-traffic-source-inputs .traffic-delete-other-source {
color: #fff;
background-color: #666;
text-decoration: none;
display: inline-block;
vertical-align: top;
width: 38px;
height: 38px;
text-align: center;
border-radius: 4px;
font-size: 22px;
line-height: 35px;
}
.myStickyelements-traffic-source-inputs .traffic-delete-other-source:hover {
color: #fff;
background-color: #7761DF;
}
.myStickyelements-days-hours-options .select2-container--default .select2-selection--single {
cursor: pointer;
width: 100%;
height: 38px;
border-radius: 24px;
padding: 0 15px;
font-size: 14px;
line-height: 2;
color: #32373c;
background: #fff url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E') no-repeat right 5px top 55%;
background-size: 16px 16px;
border: 1px solid #ddd;
text-align: left;
}
.myStickyelements-days-hours-options .select2-selection__arrow {
display: none;
}
.myStickyelements-days-hours-options .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 36px;
}
.mystickyelements-custom-fields-tooltip a.mystickyelements-tooltip {
width: 20px;
height: 20px;
line-height: 20px;
border-radius: 35px;
padding: 0;
text-align: center;
font-size: 12px;
display: inline-block;
background-color: #A9A9A9;
color: #ffffff;
vertical-align: center;
pointer-events: all;
}
.mystickyelements-custom-fields-tooltip p {
margin: 0;
background-color: #000;
width: 380px;
padding: 10px 10px;
border-radius: 8px;
color: #fff;
position: absolute;
bottom: 200%;
left: -20px;
margin-bottom: 10px;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
opacity: 0;
visibility: hidden;
z-index: 9;
}
.mystickyelements-custom-fields-tooltip p a {
color: #fff;
}
.mystickyelements-custom-fields-tooltip p img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
margin: 10px auto 0;
}
.mystickyelements-custom-fields-tooltip p:before {
content: "";
border-top: 10px solid #000;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
width: 0;
height: 0;
position: absolute;
bottom: -8px;
left: 25px;
}
.mystickyelements-custom-fields-tooltip:hover p {
bottom: 100%;
opacity: 1;
visibility: visible;
}
/* .mystickyelements-custom-fields-tooltip.myStickyelements-country-tooltip {
display: inline-block;
vertical-align: top;
} */
.myStickyelements-country-tooltip a.mystickyelements-new-custom-btn {
display: inline-block;
background-color: #A9A9A9;
text-transform: uppercase;
border-radius: 35px;
color: #fff;
text-decoration: none;
vertical-align: top;
}
.myStickyelements-icon-wrap .myStickyelements-country-tooltip a.mystickyelements-new-custom-btn i {
position: relative;
top: auto;
right: auto;
color: inherit;
font-size: inherit;
}
.myStickyelements-traffic-source-inputs .mystickyelements-custom-fields-tooltip {
margin-left: 10px;
margin-top: 5px;
}
.myStickyelements-traffic-source-inputs label:not(.myStickyelements-switch) {
padding-top: 6px;
}
.myStickyelements-mailchimp-settings .mystickyelements-custom-fields-tooltip,
.myStickyelements-mailchimp-field-mapping .mystickyelements-custom-fields-tooltip,
.myStickyelements-mailchimp-groups .mystickyelements-custom-fields-tooltip {
margin-top: 5px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-templates-triangle li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon i,
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-small.mystickyelements-position-mobile-bottom.mystickyelements-templates-triangle li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon i,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-templates-triangle li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon i,
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-small.mystickyelements-position-mobile-top.mystickyelements-templates-triangle li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon i {
padding: 0;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom.mystickyelements-templates-triangle li span.mystickyelements-social-icon svg,
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-small.mystickyelements-position-mobile-bottom.mystickyelements-templates-triangle li span.mystickyelements-social-icon svg,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top.mystickyelements-templates-triangle li span.mystickyelements-social-icon svg,
.myStickyelements-preview-mobile-screen .mystickyelements-mobile-size-small.mystickyelements-position-mobile-top.mystickyelements-templates-triangle li span.mystickyelements-social-icon svg {
margin: 0;
}
.myStickyelements-preview-mobile-screen:not(.myStickyelements-preview-mobile-screen) .mystickyelements-fixed ul li.element-desktop-on {
display: block;
}
.myStickyelements-preview-mobile-screen.myStickyelements-preview-mobile-screen .mystickyelements-fixed ul li.element-desktop-on {
display: none;
}
.myStickyelements-preview-mobile-screen.myStickyelements-preview-mobile-screen .mystickyelements-fixed ul li.element-mobile-on {
display: block;
}
.mystickyelements-position-left .mystickyelements-contact-last.mystickyelements-contact-form .mystickyelements-social-icon {
border-radius: 0 0 0 10px;
}
.mystickyelements-position-right .mystickyelements-contact-last.mystickyelements-contact-form .mystickyelements-social-icon {
border-radius: 10px 0 0 0;
}
.mystickyelements-position-bottom .mystickyelements-contact-last.mystickyelements-contact-form .mystickyelements-social-icon {
border-radius: 0 10px 0 0;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-left .mystickyelements-contact-last.mystickyelements-contact-form .mystickyelements-social-icon {
border-radius: 0 0 0 10px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-right .mystickyelements-contact-last.mystickyelements-contact-form .mystickyelements-social-icon {
border-radius: 10px 0 0 0;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-bottom .mystickyelements-contact-last.mystickyelements-contact-form .mystickyelements-social-icon ,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-top .mystickyelements-contact-last.mystickyelements-contact-form .mystickyelements-social-icon {
border-radius: 0 !important;
}
.mystickyelements-position-left .mystickyelements-contact-last.mystickyelements-contact-form:first-child .mystickyelements-social-icon {
border-radius: 0 0 10px 10px;
}
.mystickyelements-position-right .mystickyelements-contact-last.mystickyelements-contact-form:first-child .mystickyelements-social-icon {
border-radius: 10px 10px 0 0;
}
.mystickyelements-position-bottom .mystickyelements-contact-last.mystickyelements-contact-form:first-child .mystickyelements-social-icon {
border-radius: 10px 10px 0 0;
}
.myStickyelements-preview-screen:not(.myStickyelements-preview-mobile-screen) .mystickyelements-position-left.mystickyelements-templates-arrow .mystickyelements-contact-last.mystickyelements-contact-form .mystickyelements-social-icon {
border-bottom-left-radius: 10px !important;
}
.myStickyelements-preview-screen:not(.myStickyelements-preview-mobile-screen) .mystickyelements-position-right.mystickyelements-templates-arrow .mystickyelements-contact-last.mystickyelements-contact-form .mystickyelements-social-icon {
border-top-left-radius: 10px !important;
}
.myStickyelements-preview-screen:not(.myStickyelements-preview-mobile-screen) .mystickyelements-position-bottom.mystickyelements-templates-arrow .mystickyelements-contact-last.mystickyelements-contact-form .mystickyelements-social-icon {
border-top-right-radius: 10px !important;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-left.mystickyelements-templates-arrow .mystickyelements-contact-last.mystickyelements-contact-form:first-child .mystickyelements-social-icon {
border-bottom-right-radius: 10px !important;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-left.mystickyelements-templates-arrow .mystickyelements-contact-last.mystickyelements-contact-form .mystickyelements-social-icon {
border-bottom-left-radius: 10px !important;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-right.mystickyelements-templates-arrow .mystickyelements-contact-last.mystickyelements-contact-form .mystickyelements-social-icon {
border-top-left-radius: 10px !important;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-bottom.mystickyelements-templates-arrow ul li:first-child.mystickyelements-contact-form span.mystickyelements-social-icon {
border-top-left-radius: 0 !important;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-left .mystickyelements-contact-last.mystickyelements-contact-form:first-child .mystickyelements-social-icon {
border-radius: 0 0 10px 10px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-right .mystickyelements-contact-last.mystickyelements-contact-form:first-child .mystickyelements-social-icon {
border-radius: 10px 10px 0 0;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-left.mystickyelements-templates-arrow ul li:first-child.mystickyelements-contact-form .mystickyelements-social-icon {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 10px !important;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-right.mystickyelements-templates-arrow ul li:first-child.mystickyelements-contact-form .mystickyelements-social-icon {
border-top-right-radius: 10px !important;
border-bottom-right-radius: 0 !important;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-left.mystickyelements-templates-arrow .mystickyelements-contact-last.mystickyelements-contact-form:first-child .mystickyelements-social-icon {
border-radius: 0 0 10px 10px !important;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-right.mystickyelements-templates-arrow .mystickyelements-contact-last.mystickyelements-contact-form:first-child .mystickyelements-social-icon {
border-radius: 10px 10px 0 0 !important;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-left.mystickyelements-templates-roundad .mystickyelements-contact-last.mystickyelements-contact-form .mystickyelements-social-icon,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-left.mystickyelements-templates-round .mystickyelements-contact-last.mystickyelements-contact-form .mystickyelements-social-icon,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-left.mystickyelements-templates-leaf_right .mystickyelements-contact-last.mystickyelements-contact-form .mystickyelements-social-icon,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-left.mystickyelements-templates-leaf_left .mystickyelements-contact-last.mystickyelements-contact-form .mystickyelements-social-icon {
border-radius: 0 0 10px 10px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-right.mystickyelements-templates-roundad .mystickyelements-contact-last.mystickyelements-contact-form .mystickyelements-social-icon,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-right.mystickyelements-templates-round .mystickyelements-contact-last.mystickyelements-contact-form .mystickyelements-social-icon,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-right.mystickyelements-templates-leaf_right .mystickyelements-contact-last.mystickyelements-contact-form .mystickyelements-social-icon,
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-right.mystickyelements-templates-leaf_left .mystickyelements-contact-last.mystickyelements-contact-form .mystickyelements-social-icon {
border-radius: 10px 10px 0 0;
}
/*24-12-2019*/
.mystickyelement-contact-form-leads-btn {
float: right;
}
.mystickyelement-contact-form-leads-btn a.create-rule {
font-size: 18px;
padding: 7px 30px;
}
/*11-01-2020*/
.mystickyelements-position-left .remove-minimize .mystickyelements-contact-form-hide + li .mystickyelements-social-icon {
border-top-right-radius: 10px;
}
.mystickyelements-position-right .remove-minimize .mystickyelements-contact-form-hide + li .mystickyelements-social-icon {
border-top-left-radius: 10px;
}
.mystickyelements-position-bottom .remove-minimize .mystickyelements-contact-form-hide + li .mystickyelements-social-icon {
border-top-left-radius: 10px;
}
.mystickyelements-position-top .remove-minimize .mystickyelements-contact-form-hide + li .mystickyelements-social-icon {
border-bottom-left-radius: 10px;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-left .remove-minimize .mystickyelements-contact-form-hide + li .mystickyelements-social-icon {
border-top-right-radius: 10px;
border-top-left-radius: 0;
}
.myStickyelements-preview-mobile-screen .mystickyelements-position-mobile-right .remove-minimize .mystickyelements-contact-form-hide + li .mystickyelements-social-icon {
border-top-left-radius: 10px;
border-top-right-radius: 0;
}
/*09-06-2020*/
.mystickyelements-popup-form {
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background: rgba(0,0,0,0.5);
z-index: 10001;
font-weight: normal;
color: #000000;
}
.mystickyelements-popup-content {
position: fixed;
top: 50%;
background: #fff;
padding: 20px;
left: 0;
right: 0;
margin: 0 auto;
width: 400px;
border-radius: 10px;
max-width: 100%;
margin-top: -110px;
}
.popup-title {
font-size: 28px;
padding-bottom: 15px;
font-family: "Poppins", Open Sans Hebrew;
}
.popup-description {
letter-spacing: .4px;
font-family: sans-serif;
padding-bottom: 10px;
}
.select-field select {
width: 100%;
}
button.popup-form-btn {
background: #7761DF;
border: none;
cursor: pointer;
padding: 10px 25px;
color: #fff;
margin: 15px 0 0;
border-radius: 35px;
}
.mystickyelements-popup-content a.mystickyelements-popup-close {
width: 16px;
height: 16px;
line-height: 16px;
position: absolute;
top: 6px;
right: 6px;
z-index: 1;
opacity: .75;
}
.myStickyelements-custom-image-icon {
display: flex;
margin: 0 -10px 15px;
}
.myStickyelements-custom-image,
.myStickyelements-custom-icon{
display: flex;
width: 50%;
padding: 0 10px;
}
.myStickyelements-custom-image {
flex-wrap: wrap;
}
.social-channels-tab .social-channels-item .social-channel-setting .myStickyelements-custom-image-select input.social-custom-icon-upload-button {
width: calc(100% - 53px);
}
.myStickyelements-custom-icon > span:first-child {
font-weight: bold;
margin: 10px 25px 0 0;
}
.myStickyelements-custom-icon span.select2.select2-container .select2-selection--single{
color: #555;
border-color: #ccc;
background: #f7f7f7;
box-shadow: 0 1px 0 #ccc;
height: 38px;
line-height: 38px;
}
.myStickyelements-custom-icon span.select2.select2-container .select2-selection--single .select2-selection__rendered{
line-height: 38px;
}
.myStickyelements-custom-icon span.select2.select2-container .select2-selection__arrow{
height: 38px;
}
.myStickyelements-custom-icon .social-channel-fontawesome-icon,
.myStickyelements-custom-icon span.select2.select2-container.select2-container--default{
width: 100% !important;
}
/*DATE: 01-11-2019*/
.mystickyelements-wrap *::-webkit-input-placeholder {
color: #a0aec0;
opacity:1;
}
.mystickyelements-wrap *:-moz-placeholder {
color: #a0aec0;
opacity:1;
}
.mystickyelements-wrap *::-moz-placeholder {
color: #a0aec0;
opacity:1;
}
.mystickyelements-wrap *:-ms-input-placeholder {
color: #a0aec0;
opacity:1;
}
.mystickyelements-wrap input[type=color], .mystickyelements-wrap input[type=date],
.mystickyelements-wrap input[type=datetime-local], .mystickyelements-wrap input[type=datetime],
.mystickyelements-wrap input[type=email], .mystickyelements-wrap input[type=month],
.mystickyelements-wrap input[type=number], .mystickyelements-wrap input[type=password],
.mystickyelements-wrap input[type=search], .mystickyelements-wrap input[type=tel],
.mystickyelements-wrap input[type=text], .mystickyelements-wrap input[type=time],
.mystickyelements-wrap input[type=url], .mystickyelements-wrap input[type=week],
.mystickyelements-wrap select, .mystickyelements-wrap textarea {
background-color: #fff;
border: 1px solid #cbd5e0 !important;
color: #364152;
font-size: 12px;
height: 35px;
padding-left: 15px;
padding-right: 15px;
width: 100%;
}
.mystickyelements-wrap textarea {
height: 100px;
}
.wp-admin select.disabled, .wp-admin select:disabled,
.wp-admin input[disabled] {
background: #fff;
}
.wp-admin select:focus,
.wp-admin select:hover {
color: #32373c;
}
.mystickyelements-wrap input[type=color]:focus, .mystickyelements-wrap input[type=date]:focus,
.mystickyelements-wrap input[type=datetime-local]:focus, .mystickyelements-wrap input[type=datetime]:focus,
.mystickyelements-wrap input[type=email]:focus, .mystickyelements-wrap input[type=month]:focus,
.mystickyelements-wrap input[type=number]:focus, .mystickyelements-wrap input[type=password]:focus,
.mystickyelements-wrap input[type=search]:focus, .mystickyelements-wrap input[type=tel]:focus,
.mystickyelements-wrap input[type=text]:focus, .mystickyelements-wrap input[type=time]:focus,
.mystickyelements-wrap input[type=url]:focus, .mystickyelements-wrap input[type=week]:focus,
.mystickyelements-wrap select:focus, .mystickyelements-wrap textarea:focus{
border-color: #3c85f7 !important;
box-shadow: none;
}
body .mystickyelements-wrap input.social-link-highlight:focus,
body .mystickyelements-wrap input.social-link-highlight {
border-color: #FF0000 !important;
box-shadow: none;
}
/*timepicker CSS*/
.ui-timepicker-inline { display: inline; }
#ui-timepicker-div { padding: 0.2em; }
.ui-timepicker-table { display: inline-table; width: 0; }
.ui-timepicker-table table { margin:0.15em 0 0 0; border-collapse: collapse; }
.ui-timepicker-hours, .ui-timepicker-minutes { padding: 0.2em; }
.ui-timepicker-table .ui-timepicker-title { line-height: 1.8em; text-align: center; }
.ui-timepicker-table td { padding: 0.1em; width: 2.2em; }
.ui-timepicker-table th.periods { padding: 0.1em; width: 2.2em; }
/* span for disabled cells */
.ui-timepicker-table td span {
display:block;
padding:0.2em 0.3em 0.2em 0.5em;
width: 1.2em;
text-align:right;
text-decoration:none;
}
/* anchors for clickable cells */
.ui-timepicker-table td a {
display:block;
padding:0.2em 0.3em 0.2em 0.5em;
width: 1.2em;
cursor: pointer;
text-align:right;
text-decoration:none;
}
/* buttons and button pane styling */
.ui-timepicker .ui-timepicker-buttonpane {
background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0;
}
.ui-timepicker .ui-timepicker-buttonpane button { margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
/* The close button */
.ui-timepicker .ui-timepicker-close { float: right }
/* the now button */
.ui-timepicker .ui-timepicker-now { float: left; }
/* the deselect button */
.ui-timepicker .ui-timepicker-deselect { float: left; }
.myStickyelements-setting-wrap-list .mailchimp-enable-tag{margin-right: 17px;}
.myStickyelements-mailchimp-field-mapping .mystickyelements-custom-fields-tooltip {
margin-right: 14px;
}
/* New Design */
/* Contact Form section */
.toplevel_page_my-sticky-elements #wpcontent ,
.toplevel_page_my-sticky-elements-settings #wpcontent ,
.mystickyelements_page_my-sticky-elements-new-widget #wpcontent {
background-color: #fff;
}
/* .toplevel_page_my-sticky-elements #wpcontent {
border: 40px solid #F1F1F1;
} */
/* .mystickyelements-form {
padding: 0px 0 0 30px;
} */
body .wrap.mystickyelement-wrap .settings-error + .mystickyelements-wrap {
padding-top: 50px;
}
.mystickyelements-form {
padding-top: 140px;
}
.mystickyelements-tabs {
margin: 0 0 60px;
display: flex;
flex-wrap: wrap;
counter-reset: section;
border: 1px solid #ccc;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 9;
background-color: #fff;
/*
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
*/
}
.mystickyelements-tabs.mystickyelements-tab-sticky {
position: fixed;
left: 182px;
top: 20px;
right: 20px;
}
.mystickyelements-tabs::before, .mystickyelements-tabs::after {
content: "";
position: absolute;
top: -1px;
bottom: -1px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
right: 100%;
width: 25px;
}
.mystickyelements-tabs::after {
left: 100%;
right: auto;
width: 21px;
}
.mystickyelements-tabs li {
margin-bottom: 0;
width: 33.33%;
}
.mystickyelements-tabs li a {
color: rgb(170 174 181);
font-family: 'Avenir Next LT Pro';
text-decoration: none;
font-size: 14px;
border-bottom: 2px solid transparent;
line-height: 1.2;
position: relative;
padding: 20px 10px 20px 80px;
display: block;
border-right: 1px solid #ccc;
}
.mystickyelements-tabs li:last-child a {
border-right: 0;
}
.mystickyelements-tabs li a::before {
content: "0"counter(section);
position: absolute;
top: 16px;
left: 30px;
width: 30px;
height: 30px;
border: 2px solid rgb(170 174 181);
border-radius: 50%;
color: rgb(170 174 181);
counter-increment: section;
text-align: center;
line-height: 30px;
font-size: 14px;
}
.mystickyelements-tabs li a::after {
content: "";
position: absolute;
top: 50%;
left: -9px;
width: 10px;
height: 10px;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
-webkit-transform: rotate(45deg) translateY(-50%);
-moz-transform: rotate(45deg) translateY(-50%);
transform: rotate(45deg) translateY(-50%);
background-color: #fff;
opacity: 0;
}
.mystickyelements-tabs li a.active {
border-bottom-color: #3c85f7;
box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1), 0px 4px 6px rgba(0, 0, 0, 0.05);
}
.mystickyelements-tabs li a.active .mystickyelements-tabs-heading {
color: #3c85f7;
font-weight: 500;
}
.mystickyelements-tabs li a.active .mystickyelements-tabs-subheading {
color: #0F172A;
}
.mystickyelements-tabs li a:active,
.mystickyelements-tabs li a:focus {
outline: 0;
}
.mystickyelements-tabs li a.active::before {
border-color:#3c85f7;
color: #3c85f7;
}
.mystickyelements-tabs li a.completed::before {
background-color: #3c85f7;
border-color: #3c85f7;
content: "\f00c";
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: #fff;
font-size: 16px;
}
.mystickyelements-tabs li a.active:after {
opacity: 1;
}
.mystickyelements-tabs li a span {
display: block;
}
.mystickyelements-tabs li a .mystickyelements-tabs-heading {
text-transform: uppercase;
padding-bottom: 4px;
letter-spacing: 1px;
font-size: 13px;
}
.mystickyelements-tabs li a.completed .mystickyelements-tabs-heading {
color: rgb(76 81 94);
font-weight: 500;
}
.mystickyelements-common-form-section {
display: flex;
flex-wrap: wrap;
margin: 0 -15px;
padding: 0 30px;
}
.mystickyelements-common-form-section .mystickyelements-options {
width: 60%;
padding-left: 15px;
padding-right: 15px;
position: relative;
}
.mystickyelements-common-form-section .mystickyelements-preview {
width: 40%;
padding-left: 15px;
padding-right: 15px;
}
.myStickyelements-header-title {
display: flex;
flex-wrap: wrap;
padding-bottom: 20px;
}
.myStickyelements-header-title-left .description {
font-size: 14px;
position: relative;
padding-left: 20px;
color: #718096;
font-weight: 500;
}
.myStickyelements-header-title-left .description::before {
content: "\f129";
position: absolute;
top: 2px;
left: 0;
font-weight: 900;
font-family: "Font Awesome 5 Free";
border: 1px solid #718096;
border-radius: 50%;
width: 13px;
height: 13px;
text-align: center;
font-size: 9px;
}
.myStickyelements-header-title-right {
padding-left: 30px;
}
.myStickyelements-header-title .contact-form-description {
width: 100%;
}
.mystickyelements-contact-form-fields {
background-color: #f9f9f9;
border: 1px solid #e6ebf2;
}
.mystickyelements-contact-form-fields .mystickyelements-option-field {
border-bottom: 1px solid #e2e8f0;
display: flex;
flex-wrap: wrap;
background-color: #fff;
margin-top: 15px;
padding: 15px 15px 15px;
position: relative;
}
.mystickyelements-contact-form-fields .mystickyelements-option-field::before {
content: "";
position: absolute;
top: -15px;
left: 0;
bottom: 0;
width: 3px;
background-color: transparent;
}
.mystickyelements-contact-form-fields .mystickyelements-option-field:not(.hide_field):hover:before {
background-color: #3C85F7;
}
.mystickyelements-contact-form-fields .mystickyelements-option-field.hide_field {
z-index: 0;
}
/* .mystickyelements-contact-form-fields .mystickyelements-option-field.hide_field:before {
background-color: #3C85F7;
} */
.mystickyelements-move-handle::after {
background: url(../images/sorting.svg) no-repeat center center;
background-size: cover;
content: "";
position: absolute;
top: 0;
left: 50%;
width: 20px;
height: 13px;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
}
.mystickyelements-move-handle {
position: absolute;
top: -14px;
left: 0;
width: 20px;
height: 13px;
width: 100%;
cursor: move;
}
.mystickyelements-contact-form-fields .mystickyelements-option-field.myStickyelements-pro-wrap {
background-color: #f9f9f9;
}
.mystickyelement-field-hide-content {
margin: 0;
position: absolute;
top: 40px;
left: 50%;
color: #fff;
line-height: 1.2;
background-color: #64748B;
border-radius: 20px;
padding: 7px 11px;
opacity: 0;
visibility: hidden;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
z-index: 1;
}
.hide_field:not(.myStickyelements-pro-wrap) .mystickyelement-field-hide-content,
.myStickyelements-pro-wrap .mystickyelement-field-hide-content {
opacity: 1;
visibility: visible;
}
.mystickyelement-field-hide-content.upgrade-myStickyelements {
padding: 0;
background-color: transparent;
}
.mystickyelement-field-hide-content.upgrade-myStickyelements a {
padding: 10px 15px;
}
.hide_field:not(.myStickyelements-pro-wrap) .mystickyelements-move-handle,
.hide_field:not(.myStickyelements-pro-wrap) .sticky-col-1 label,
.hide_field:not(.myStickyelements-pro-wrap) .mystickyelements-reqired-wrap,
.hide_field:not(.myStickyelements-pro-wrap) .myStickyelements-icon-wrap,
.myStickyelements-pro-wrap .mystickyelements-move-handle,
.myStickyelements-pro-wrap .sticky-col-1 label,
.myStickyelements-pro-wrap .mystickyelements-reqired-wrap,
.myStickyelements-pro-wrap .myStickyelements-icon-wrap {
filter: blur(1px);
pointer-events: none;
}
.mystickyelement-field-hide-content label {
vertical-align: top;
}
.mystickyelement-field-hide-content label a {
color: #fff;
text-decoration: underline;
display: inline-block;
vertical-align: top;
}
.mystickyelements-hide-field-guide p {
color: #771D1D;
margin: 0;
display: inline-block;
vertical-align: top;
position: relative;
padding-left: 20px;
}
.mystickyelements-hide-field-guide p::before {
content: "!";
position: absolute;
top: 0;
left: 0;
width: 16px;
height: 16px;
background-color: #FEECDC;
border-radius: 50%;
font-size: 12px;
text-align: center;
line-height: 15px;
color: #FF5A1F;
font-weight: bold;
}
.mystickyelements-hide-field-guide {
text-align: right;
padding-top: 10px;
display: none;
}
.hide_field .mystickyelements-hide-field-guide {
display: block;
}
.mystickyelements-contact-form-fields .mystickyelements-option-field .sticky-col-1 {
width: 45%;
padding: 0 15px;
}
.mystickyelements-contact-form-fields .mystickyelements-option-field .sticky-col-2 {
width: 55%;
padding: 0 15px;
}
.mystickyelements-contact-form-fields .mystickyelements-option-field .sticky-col-1 label i {
margin-right: 10px;
}
.mystickyelements-contact-form-fields textarea {
height: 100px;
padding-top: 10px;
resize: none;
}
.mystickyelements-action ul {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
margin: 0;
padding-top: 10px;
align-items: center;
}
.mystickyelements-action ul li {
padding: 0 5px;
margin-bottom: 0;
}
.mystickyelements-action ul li:last-child {
border-left: 1px solid #ccc;
}
.mystickyelements-action ul li .textblock-delete i {
cursor: pointer;
position: relative;
top: auto;
right: auto;
font-size: 13px;
}
.mystickyelements-action ul .myStickyelements-switch,
.mystickyelement-widgets-lists .myStickyelements-switch {
height: 22px;
width: 40px;
margin-left: 10px;
}
.mystickyelements-action ul .myStickyelements-switch .slider:before ,
.mystickyelement-widgets-lists .myStickyelements-switch .slider:before {
width: 16px;
height: 16px;
}
.mystickyelements-action ul .myStickyelements-switch input:checked + .slider:before ,
.mystickyelement-widgets-lists .myStickyelements-switch input:checked + .slider:before {
-webkit-transform: translateX(17px);
-moz-transform: translateX(17px);
transform: translateX(17px);
}
.myStickyelements-contact-form-field-option {
padding-top: 30px;
}
.mystickyelements-contact-form-fields select {
max-width: 100%;
min-width: 100%;
}
.mystickyelements-contact-form-fields select:disabled {
background-color: #edf2f7;
}
.mystickyelements-preivew-below-sec {
background-color: #fff;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1);
margin-top: 15px;
position: relative;
z-index: 9;
}
.myStickyelements-preview-tab .myStickyelements-header-title {
padding: 10px 20px;
}
.myStickyelements-preview-tab .myStickyelements-header-title h3 {
font-size: 28px;
line-height: 1.3;
color: #4A5568;
margin-bottom: 0;
}
.mystickyelements-preivew-save-btn {
background-color: #F5F6FA;
padding: 10px 20px;
}
.mystickyelements-preivew-save-btn p {
margin: 0;
}
.sticky-col-1 label {
color: #4A5568;
font-size: 14px;
padding-right: 10px;
}
.stickyelement-edit {
margin-left: 10px;
cursor: pointer;
}
.mystickyelements-disable-wrap.mystickyelements-disable {
position: relative;
}
.mystickyelements-disable-wrap.mystickyelements-disable::after {
content: "";
position: absolute;
top: 0;
left: 0;
background-color: rgba(255,255,255,0.6);
width: 100%;
height: 100%;
}
.mystickyelements-disable-content {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.mystickyelements-disable-content p {
font-family: 'Avenir Next LT Pro';
width: 100%;
text-align: center;
font-size: 32px;
color: #475569;
font-weight: 500;
letter-spacing: 15px;
margin: 20px 0 0;
}
.mystickyelements-disable-content i {
font-size: 42px;
line-height: 1;
color: #64748B;
}
.mystickyelements-disable-content-wrap {
position: absolute;
top: 100px;
left: 50%;
z-index: 1;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
}
.mystickyelements-disable-wrap.mystickyelements-disable .myStickyelements-social-search ,
.mystickyelements-disable-wrap.mystickyelements-disable .myStickyelements-social-channels-lists ,
.mystickyelements-disable-wrap.mystickyelements-disable .myStickyelements-social-channels-info ,
.mystickyelements-disable-wrap.mystickyelements-disable .mystickyelements-option-field ,
.mystickyelements-disable-wrap.mystickyelements-disable .mystickyelements-contact-form-fields {
filter: blur(1px);
}
.turn-off-message p,
.social-disable-info {
font-size: 16px;
}
.turn-off-message p span, .turn-off-message p i ,
.social-disable-info span, .social-disable-info i {
color: #9B1C1C;
}
.turn-off-message p i ,
.social-disable-info i {
margin-right: 10px;
}
.myStickyelements-content-section {
padding-top: 40px;
}
/* Social Media section */
.mystickyelements-header-sub-title h4 {
font-size: 20px;
line-height: 1.2;
margin: 0;
font-weight: 500;
color: #4A5568;
}
.myStickyelements-social-search label {
margin-right: 20px;
}
.mystickyelements-header-sub-title {
padding-bottom: 20px;
}
.myStickyelements-social-channels-info {
padding-top: 40px;
}
.social-channels-item-title span {
color: #4A5568;
font-size: 15px;
font-weight: 500;
line-height: 1.2;
font-size: 18px;
font-family: 'Avenir Next LT Pro';
}
.social-channels-item-title span.social-channels-list {
color: #fff;
width: 25px;
height: 25px;
text-align: center;
margin-right: 10px;
line-height: 1;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
font-size: 15px;
border-radius: 5px;
}
.social-channels-item-title {
padding-bottom: 20px;
}
.social-channels-item-title label {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.social-channels-tab .social-channels-item .myStickyelements-setting-wrap-list label {
width: 50%;
}
.social-channels-tab .social-channels-item .myStickyelements-setting-wrap-list ul li label {
width: auto;
}
.social-channels-tab .social-channels-item .myStickyelements-setting-wrap-list ul li {
width: auto;
}
.mystickyelement-social-buttons {
display: flex;
flex-wrap: wrap;
}
.mystickyelement-social-buttons button {
background-color: #EBF5FF;
border: 0;
border-radius: 8px;
cursor: pointer;
display: inline;
padding: 10px 15px;
color: #3F83F8;
font-size: 16px;
line-height: 1.3;
width: 100%;
font-family: 'Avenir Next LT Pro';
flex-wrap: wrap;
align-items: center;
}
/*.mystickyelement-social-buttons button::after {
content: "+";
width: 16px;
height: 16px;
border: 2px solid;
line-height: 14px;
display: inline-block;
vertical-align: top;
border-radius: 50%;
font-size: 17px;
margin-left: 6px;
}*/
.mystickyelement-custom-channel,
.mystickyelement-more-less-channel {
position: relative;
padding-right: 16px;
}
.mystickyelement-custom-channel::after,
.mystickyelement-more-less-channel:after {
content: "";
position: absolute;
top: 5px;
right: 0;
background-color: #E2E8F0;
width: 1px;
height: 33px;
}
.mystickyelement-custom-shortcode,
.mystickyelement-custom-channel {
padding-left: 16px;
}
.mystickyelement-social-buttons .mystickyelement-custom-shortcode button {
background-color: #F6F5FF;
color: #9061F9;
}
.mystickyelement-social-buttons label {
margin-top: 7px;
display: block;
color: #94A3B8;
}
.mystickyelement-custom-channel label {
display: flex;
align-items: center;
}
.mystickyelement-social-buttons .myStickyelements-country-tooltip a.mystickyelements-new-custom-btn {
background-color: #CBD5E1;
}
.mystickyelement-social-buttons label:hover {
color: #64748B;
}
.mystickyelement-social-buttons label:hover .myStickyelements-country-tooltip a.mystickyelements-new-custom-btn {
background-color: #64748B;
}
.mystickyelement-social-buttons .mystickyelement-more-less-channel a {
background-color: #4F83EF;
color: #fff;
font-weight: 500;
padding: 10px 15px;
font-size: 16px;
line-height: 1.3;
font-family: 'Avenir Next LT Pro';
border-radius: 8px;
display: flex;
text-decoration: none;
flex-wrap: wrap;
align-items: center;
}
.mystickyelement-social-buttons .mystickyelement-more-less-channel a span {
margin-left: 10px;
}
.less-icon,
.more-less-btn-change .more-icon {
display: none;
}
.more-less-btn-change .less-icon {
display: block;
}
/* Display Section */
.mystickyelements-header-main-title {
padding-bottom: 40px;
}
.mystickyelements-header-main-title h2 {
margin: 0;
font-size: 30px;
font-weight: 500;
color: #2d3748;
line-height: 1.2;
}
.mystickyelements-header-main-title h2 i {
margin-right: 10px;
font-size: 24px;
color: #4a5568;
}
.mystickyelements-display-main-options table {
width: 100%;
}
.mystickyelements-header-left-title {
padding-bottom: 20px;
}
.mystickyelements-header-left-title h3 {
margin: 0;
position: relative;
font-size: 19px;
color: #4a5568;
font-weight: 500;
line-height: 1.2;
padding-left: 20px;
}
.mystickyelements-header-left-title h3::before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 2px;
background-color: #3c85f7;
}
.mystickyelements-display-main-options .myStickyelements-header-title h3 {
position: relative;
padding-left: 20px;
padding-top: 2px;
}
.mystickyelements-display-main-options .myStickyelements-header-title h3::before {
content: "";
position: absolute;
top: 0;
left: 0;
background-color: #3C85F7;
width: 3px;
height: 32px;
}
.myStickyelements-contact-form-field-advance-tab .myStickyelements-content-section table tr td {
padding-bottom: 18px;
}
.mystickyelements-more-setting-btn .button {
display: inline-block;
background-color:transparent;
border: 3px solid #3c85f7;
border-radius: 5px;
font-size: 17px;
padding: 12px 18px;
color: #3c85f7;
text-decoration: none;
vertical-align: top;
line-height: 1.2;
}
.mystickyelements-more-setting-btn .button.focus, .mystickyelements-more-setting-btn .button.hover {
background: #3c85f7;
border-color: #3c85f7;
color: #fff;
}
.myStickyelements-minimized .myStickyelements-inputs label {
color: #2D3748;
display: inline-block;
vertical-align: top;
font-size: 14px;
padding-right: 10px;
line-height: 1.2;
}
.mystickyelements-preivew-save-btn .button {
background-color: #64748B;
font-size: 17px;
border-radius: 5px;
line-height: 1.2;
padding: 10px 20px;
border: 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
}
.mystickyelements-preivew-save-btn .button#next-button-prev {
background-color: transparent;
color: #3B82F6;
padding: 0;
margin-left: 10px;
font-weight: 500;
}
.mystickyelements-preivew-save-btn .button#next-button-prev:focus,
.mystickyelements-preivew-save-btn .button#next-button-prev:active {
outline:0;
box-shadow: none;
}
.mystickyelements-progress-bar-wrap p {
margin: 0;
}
.mystickyelements-progress-bar-wrap p.mystickyelements-prev-btn-wrap {
margin-right: 24px;
}
.mystickyelements-progress-bar-wrap p.mystickyelements-save-btn-wrap {
border-left: 1px solid #E2E8F0;
padding-left: 25px;
margin-left: 25px;
}
.mystickyelements-progress-bar-wrap p.mystickyelements-save-view-btn-wrap {
margin-left: 24px;
}
.mystickyelements-progress-bar-wrap .button {
background-color: #F4F7FA;
border-radius: 8px;
font-size: 16px;
color: #718096;
font-weight: 500;
padding: 10px 35px;
min-height: 40px;
border: 0;
line-height: 1;
}
.mystickyelements-progress-bar-wrap .button#save {
background-color: #EBF5FF;
color: #3F83F8;
}
.mystickyelements-progress-bar-wrap .button#save_view {
background-color: #EDFAFA;
color: #057A55;
}
.mystickyelements-progress-bar-wrap .button:focus,
.mystickyelements-progress-bar-wrap .button:active {
background-color: #F4F7FA;
color: #718096;
}
.mystickyelements-progress-bar-wrap .button i {
font-size: 20px;
}
.mystickyelements-progress-bar-wrap .button:hover,
.mystickyelements-progress-bar-wrap .button:focus,
.mystickyelements-progress-bar-wrap .button:active {
outline: 0;
box-shadow: none;
border: 0;
}
.mystickyelements-progress-bar-wrap .button:hover,
.mystickyelements-progress-bar-wrap .button#save:hover,
.mystickyelements-progress-bar-wrap .button#save_view:hover {
background-color:#3C85F7;
color: #fff;
}
.mystickyelements-progress-bar-wrap {
padding-top: 90px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.mystickyelements-progress-bar-main {
margin: 0;
background-color: #E2E8F0;
border-radius: 5px;
display: flex;
flex-wrap: wrap;
width: 383px;
height: 32px;
align-items: center;
margin-left: 45px;
margin-right: 45px;
}
.mystickyelements-progress-bar-main li {
background-color: #9061F9;
border-radius: 5px;
width: 33.33%;
margin: 0;
font-size: 16px;
color: #fff;
height: 100%;
display: flex;
align-items: center;
line-height: 1;
justify-content: center;
border-radius: 5px;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.mystickyelements-progress-bar-wrap p.submit {
margin-top: 0;
padding: 0;
}
.myStickyelements-traffic-source-inputs.not-pro + .remove-rule {
margin-top: 10px;
}
.myStickyelements-switch input[type="checkbox"] {
opacity: 0;
}
.social-channel-setting table {
width: 100%;
}
#flash_message {
visibility: hidden;
min-width: 250px;
background-color: #090;
color: #fff;
text-align: center;
border-radius: 8px;
padding: 16px;
position: fixed;
z-index: 1;
left: 50%;
bottom: 30px;
font-size: 17px;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
}
#flash_message.show {
visibility: visible;
-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
animation: fadein 0.5s, fadeout 0.5s 2.5s;
}
.close_flash_popup {
position: absolute;
top: -10px;
right: -10px;
color: #fff;
text-decoration: none;
background-color: #3c85f7;
width: 22px;
height: 22px;
border-radius: 50%;
font-size: 11px;
line-height: 22px;
}
@-webkit-keyframes fadein {
from {bottom: 0; opacity: 0;}
to {bottom: 30px; opacity: 1;}
}
@keyframes fadein {
from {bottom: 0; opacity: 0;}
to {bottom: 30px; opacity: 1;}
}
@-webkit-keyframes fadeout {
from {bottom: 30px; opacity: 1;}
to {bottom: 0; opacity: 0;}
}
@keyframes fadeout {
from {bottom: 30px; opacity: 1;}
to {bottom: 0; opacity: 0;}
}
#loader {
display: none;
background-color: rgba(0,0,0,0.5);
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 99999;
}
#loader svg {
top: 50%;
left: 50%;
z-index: 99999;
position: absolute;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
/*Dashboard CSS*/
.mystickyelement-dashboard {
padding: 30px;
}
.mystickyelement-widgets-lists {
border: 1px solid #E3EAEE;
width: 100%;
border-collapse: collapse;
}
.mystickyelement-widgets-lists tr th {
background-color: #F2F5F8;
text-align: left;
border: 0;
border-bottom: 1px solid #E3EAEE;
color: #718096;
font-size: 12px;
line-height: 1.2;
padding: 10px 10px;
font-family: 'Avenir Next LT Pro';
font-weight: 400;
text-transform: uppercase;
letter-spacing: 3px;
}
.mystickyelement-widgets-lists tr td {
font-family: 'Avenir Next LT Pro';
color: #2D3748;
font-size: 14px;
line-height: 1.2;
border-bottom: 1px solid #E3EAEE;
padding: 10px 10px;
}
.mystickyelement-widgets-lists-edit-btn {
width: 25px;
height: 25px;
display: inline-block;
vertical-align: top;
background-color: #97A6BA;
border-radius: 50%;
text-align: center;
color: #fff;
font-size: 12px;
line-height: 26px;
}
.mystickyelement-quick-action-wrap {
display: flex;
}
.mystickyelement-tab-boxes {
padding-top: 100px;
}
.mystickyelement-tab-boxes {
padding-top: 100px;
display: flex;
flex-wrap: wrap;
margin: 0 -15px;
justify-content: center;
}
.mystickyelement-tab-boxes > div {
width: 33.33%;
padding-left: 15px;
padding-right: 15px;
}
.mystickyelement-tab-boxes-wrap {
height: 100%;
border: 1px solid #E3EAEE;
}
.mystickyelement-tab-box {
background-color: #F2F5F8;
padding: 10px 20px;
}
.mystickyelement-tab-box label {
font-family: 'Avenir Next LT Pro';
font-size: 16px;
line-height: 1.2;
color: #718096;
letter-spacing: 2px;
}
.mystickyelement-tab-box-content {
padding: 20px 20px;
}
.documents-wrap-list {
margin: 0;
}
.documents-wrap-list li {
font-size: 14px;
margin-bottom: 10px;
line-height: 1.5;
color: #4A5568;
position: relative;
padding-left: 20px;
}
.documents-wrap-list li::before {
content: "";
position: absolute;
top: 8px;
left: 0;
width: 7px;
height: 7px;
border-radius: 50%;
background-color: #0073aa;
}
.mystickyelement-tab-boxes-btn-wrap a {
color: #3C85F7;
width: auto;
display: inline-block;
vertical-align: top;
padding: 12px 18px;
text-decoration: none;
}
.mystickyelement-tab-boxes-btn-wrap a:hover {
background-color: #3c85f7;
color: #fff;
}
.mystickyelement-tab-boxes-btn-wrap a i {
margin-left: 10px;
}
.mystickyelement-tab-box-content-empty-leads p {
display: block;
font-size: 14px;
line-height: 1.5;
color: #2D3748;
padding-top: 10px;
}
.mystickyelement-tab-box-integration .mystickyelement-tab-box {
background-color: #3C85F7;
}
.mystickyelement-tab-box-integration .mystickyelement-tab-box label {
color: #fff;
}
.mystickyelement-tab-box-content-empty-leads {
text-align: center;
}
.mystickyelement-tab-integration-row {
display: flex;
flex-wrap: wrap;
margin: 0 -10px;
padding-bottom: 40px;
position: relative;
}
.mystickyelement-tab-integration-row .upgrade-myStickyelements {
display: none;
position: absolute;
top: 10px;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
}
.mystickyelement-tab-integration-row:hover .upgrade-myStickyelements {
display: block;
}
.mystickyelement-tab-integration-row .upgrade-myStickyelements a {
font-size: 16px;
padding: 13px 23px;
}
.mystickyelement-dashboard-free .mystickyelement-tab-integration-row:hover .mystickyelement-tab-integration-col,
.mystickyelement-dashboard-free .mystickyelement-tab-integration-row:hover .mystickyelement-tab-integration-col-title,
.mystickyelement-dashboard-free .mystickyelement-tab-integration-row:hover .mystickyelement-tab-integration-action {
filter: blur(1px);
pointer-events:none;
}
.mystickyelement-tab-integration-row:last-child {
padding-bottom: 0;
}
.mystickyelement-tab-integration-col {
width: 60px;
padding: 0 10px;
}
.mystickyelement-tab-integration-col-title {
width: calc(100% - 210px);
padding: 0 10px;
}
.mystickyelement-tab-integration-action {
padding: 0 10px;
}
.mystickyelement-tab-integration-col img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.mystickyelement-tab-integration-action a {
background-color: #fff;
border-radius: 5px;
border: 2px solid #3C85F7;
font-size: 16px;
color: #3C85F7;
display: inline-block;
vertical-align: top;
padding: 7px 10px;
text-decoration: none;
min-width: 130px;
text-align: center;
}
.mystickyelement-tab-integration-action a.integration-connect {
color: #057A55;
border-color: #057A55;
}
.mystickyelement-tab-integration-action a:hover {
background-color: #3c85f7;
color: #fff;
}
.mystickyelement-tab-integration-action a.integration-connect:hover {
background-color: #057A55;
}
.mystickyelement-tab-integration-col-title h3 {
margin-top: 0;
color: #2D3748;
font-weight: 400;
font-size: 23px;
line-height: 1.2;
margin-bottom: 10px;
}
.mystickyelement-tab-integration-col-title p {
color: #718096;
font-size: 14px;
line-height: 1.2;
margin: 0;
}
.leads-wrap-list p span {
font-weight: bold;
}
.mystickyelement-welcome-wrap {
/* border: 1px solid #000; */
padding: 40px;
text-align: center;
}
.mystickyelement-welcome-img {
height: 200px;
}
.mystickyelement-welcome-img img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.mystickyelement-heading h3 {
font-size: 34px;
padding-bottom: 20px;
position: relative;
}
.mystickyelement-heading h3::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
height: 3px;
width: 160px;
background-color: #3C85F7;
}
.mystickyelement-content ul {
max-width: 900px;
text-align: left;
margin: 0 auto;
}
.mystickyelement-content ul li {
font-size: 16px;
color: #4A5568;
line-height: 1.3;
position: relative;
padding-left: 30px;
margin-bottom: 10px;
}
.mystickyelement-content ul li::before {
content: "\f058";
position: absolute;
top: 0;
left: 0;
font-family: "Font Awesome 5 free";
font-size: 16px;
color: #014451;
}
.mystickyelement-content ul li a:hover {
text-decoration: none;
color: #3c85f7;
}
body .wrap.mystickyelement-wrap .settings-error {
position: absolute;
top: 0;
left: 0;
right: 0;
}
.stickyelement-action-popup-open {
width: 600px;
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-color: #fff;
padding: 40px;
box-shadow: 0 0 2px #ccc;
z-index: 999;
}
.stickyelement-action-popup-content ul {
margin: 0;
}
.stickyelement-action-popup-content ul li {
margin: -1px 0 0;
}
.stickyelement-action-popup-content ul li a {
display: block;
border: 1px solid #E3EAEE;
padding: 15px 20px;
font-size: 20px;
color: #4A5568;
text-decoration: none;
line-height: 1.2;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.stickyelement-action-popup-content ul li:last-child a {
color: #C81E1E;
}
.stickyelement-action-popup-content ul li a i {
margin-left: auto;
}
/*welcome popup CSS*/
.stickyelement-save-popup * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.stickyelement-action-popup-open.stickyelement-save-popup {
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mystickyelement-quick-action-wrap .mystickyelements-custom-fields-tooltip a.mystickyelements-tooltip {
background-color: transparent;
color: #97a6ba;
font-size: 14px;
}
.stickyelement-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.3);
z-index: 9;
}
.mystickyelements-action-popup-open {
font-family: 'Avenir Next LT Pro';
position: fixed;
top: 80px;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 10;
width: 550px;
background-color: #fff;
padding-top: 30px;
box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1), 0px 4px 6px rgba(0, 0, 0, 0.05);
border-top: 3px solid #DC2626;
}
.mystickyelements-action-popup-open.mystickyelements-blue-popup {
border-top: 3px solid #4588f6;
}
.mystickyelements-action-popup-open.mystickyelements-intro-popup{
text-align: center;
}
.mystickyelements-action-popup-rename {
border-top-color: #FF8A4C;
}
.mystickyelements-action-popup-open .popup-ui-widget-header {
padding: 0 30px;
}
.mystickyelements-action-popup-open .ui-dialog-title {
font-size: 18px;
font-weight: 500;
position: relative;
display: block;
padding: 5px 0 6px 40px;
color: #1E293B;
}
.mystickyelements-action-popup-open .ui-dialog-title::before {
background: url(../images/red_sign.svg) no-repeat center center;
content: "";
position: absolute;
top: 4px;
left: 4px;
width: 22px;
height: 22px;
z-index: 1;
}
.mystickyelements-action-popup-open .ui-dialog-title::after {
content: "";
background-color: #FDE8E8;
position: absolute;
top: 0;
left: 0;
width: 30px;
height: 30px;
border-radius: 50%;
}
.mystickyelements-action-popup-open.mystickyelements-blue-popup .ui-dialog-title::before {
background: url(../images/blue-alert.svg) no-repeat center center;
}
.mystickyelements-action-popup-open.mystickyelements-blue-popup.mystickyelements-intro-popup .ui-dialog-title::after,
.mystickyelements-action-popup-open.mystickyelements-blue-popup.mystickyelements-intro-popup .ui-dialog-title::before {
content: none;
}
.mystickyelements-action-popup-open .ui-widget-content {
border: 0;
padding: 10px 55px 40px 70px;
}
.mystickyelements-action-popup-open .ui-widget-content p span {
font-weight: 500;
}
.mystickyelements-action-popup-rename .ui-widget-content label {
display: block;
margin-bottom: 10px;
font-size: 18px;
font-weight: 500;
position: relative;
padding: 5px 0 6px;
color: #1E293B;
}
.mystickyelements-action-popup-rename .ui-widget-content input {
width: 100%;
border: 1px solid #cbd5e0;
height: 35px;
color: #364152;
padding-left: 15px;
padding-right: 15px;
}
.mystickyelements-action-popup-open .popup-ui-dialog-buttonset {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
background-color: #F9FAFB;
padding: 23px 17px;
}
.mystickyelements-action-popup-open.mystickyelements-intro-popup .popup-ui-dialog-buttonset{
justify-content: center;
}
.mystickyelements-action-popup-open .popup-ui-dialog-buttonset button {
background-color: transparent;
border: 0;
padding: 0;
cursor: pointer;
color: #64748B;
font-size: 16px;
}
.mystickyelements-action-popup-open .popup-ui-dialog-buttonset button.mystickyelement-delete-widget-btn {
border-radius: 8px;
color: #DC2626;
font-weight: 500;
margin-left: 10px;
background-color: #FEF2F2;
padding: 8px 20px;
}
.mystickyelements-action-popup-open .popup-ui-dialog-buttonset button.mystickyelement-btn-rename {
border-radius: 8px;
color: #FF8A4C;
font-weight: 500;
margin-left: 10px;
background-color: #FFF8F1;
padding: 8px 20px;
}
.mystickyelements-action-popup-open .popup-ui-dialog-buttonset button:hover {
opacity: 0.8;
}
.mystickyelements-action-popup-open .popup-ui-dialog-buttonset button:active,
.mystickyelements-action-popup-open .popup-ui-dialog-buttonset button:focus {
outline: 0;
}
.contactform-sendleads-upgrade-popup a.new-upgrade-button {
color: #3F83F8;
background-color: #EBF5FF;
padding: 14px 20px;
border-radius: 8px;
font-weight: 500;
border: 0;
font-size: 16px;
text-transform: initial;
line-height: 1.3;
height: auto;
margin: 0;
}
.contactform-sendleads-upgrade-popup a.new-upgrade-button:hover {
opacity: 0.8;
}
.mystickyelements-action-popup-open .close-dialog {
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
width: 15px;
height: 15px;
}
.mystickyelements-action-popup-open .close-dialog:hover {
opacity: 0.8;
}
.mystickyelement-quick-action-wrap .mystickyelements-custom-fields-tooltip p {
width: 80px;
text-align: center;
left: -24px;
}
.mystickyelements-action-popup-open.mystickyelements-action-popup-status {
border-top-color: #FF8A4C;
}
.mystickyelements-action-popup-open.mystickyelements-action-popup-status .ui-dialog-title:before {
background-image: url(../images/orange_sign.svg);
}
.mystickyelements-action-popup-open.mystickyelements-action-popup-status .ui-dialog-title:after {
background-color: #FEECDC;
}
.mystickyelements-action-popup-open .popup-ui-dialog-buttonset button.btn-disable-cancel,
.mystickyelements-action-popup-open .popup-ui-dialog-buttonset button.mystickyelement-cancel-widget-btn {
border-radius: 8px;
color: #FF8A4C;
font-weight: 500;
margin-right: 10px;
background-color: #FFF8F1;
padding: 8px 20px;
}
.mystickyelements-action-popup-open .popup-ui-dialog-buttonset button.mystickyelement-keep-widget-btn,
.mystickyelements-action-popup-open .popup-ui-dialog-buttonset button.mystickyelement-btn-ok {
color: #3F83F8;
background-color: #EBF5FF;
padding: 8px 20px;
border-radius: 8px;
font-weight: 500;
}
.stickyelement-save-check-wrap {
background-color: #31C48D;
padding: 60px 10px;
text-align: center;
}
.stickyelement-save-check-wrap i {
font-size: 130px;
color: #fff;
}
.stickyelement-save-content-wrap {
text-align: center;
padding: 30px;
}
.stickyelement-save-content-title h2 {
font-size: 25px;
margin: 0 0 20px;
line-height: 1.3;
font-family: 'Avenir Next LT Pro';
font-weight: 400;
box-shadow: 0 0 0 #05505C;
color: #05505C;
}
.stickyelement-save-content p {
color: #718096;
font-weight: 500;
font-size: 15px;
line-height: 1.6;
margin: 0 0 10px;
text-align: left;
}
.stickyelement-save-content {
max-width: 350px;
margin: 0 auto;
padding-bottom: 20px;
}
.stickyelement-save-content-btn a {
display: inline-block;
background-color: #3c85f7;
border-radius: 5px;
font-size: 17px;
padding: 12px 18px;
color: #fff;
text-decoration: none;
vertical-align: top;
line-height: 1.2;
}
.stickyelement-save-close-wrap {
position: absolute;
top: 10px;
right: 10px;
}
/*create new widget css*/
.mystickyelement-new-widget-wrap, .mystickyelement-new-widget-wrap * {
box-sizing: border-box;
}
/* ----------------------------
Chanhe font-family
----------------------------
-apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
*/
.mystickyelement-new-widget-wrap {
background: #fff;
/* border-radius: 10px; */
/* box-shadow: 0 0 6px #ccc; */
padding: 30px;
margin: 0 auto 0 auto;
width: 100%;
/* max-width: 776px; */
/* background: #fff url(../images/new_widget_bg.png) no-repeat right bottom; */
/* background-size: auto 100%; */
font-family: Avenir Next LT Pro;
line-height: 20px;
}
.mystickyelement-features {
padding-top: 40px;
/*max-width: 776px;*/
margin: 0 auto;
}
.mystickyelement-new-widget-wrap h2 {
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 30px;
color: #1e1e1e;
margin: 0;
text-align: center;
}
.mystickyelement-new-widget-wrap h2.mystickyelement-integrate-title-main {
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 1.5;
color: #1E1E1E;
margin: 0 auto;
max-width: 490px;
position: relative;
padding-bottom: 30px;
}
.mystickyelement-new-widget-wrap h2.mystickyelement-integrate-title-main::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 158px;
height: 1px;
background-color: #3C85F7;
margin: 0 auto;
}
a.new-upgrade-button {
height: 40px;
background: #605DEC;
border-radius: 100px;
border: solid 1px #605DEC;
display: inline-block;
text-align: center;
color: #fff;
line-height: 40px;
margin: 0px 0 10px 10px;
padding: 0 21px;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
}
.mystickyelement-new-widget-row ul {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-top: 0;
margin-bottom: 0;
}
.mystickyelement-new-widget-row ul li {
width: 33.33%;
padding: 10px 10px 0px;
margin-bottom: 0;
}
.mystickyelement-feature {
background: #fff;
border-radius: 10px;
padding: 60px 20px 10px 20px;
height: 100%;
position: relative;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06), 0px 4px 6px rgba(0, 0, 0, 0.1);
}
.mystickyelement-feature-top {
width: 73px;
height: 73px;
border-radius: 50%;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
top: -25px;
background: #fff;
z-index: 11;
padding: 10px;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1);
}
.feature-title {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 18px;
color: #334155;
margin-bottom: 15px;
text-align: center;
}
.feature-description {
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 18px;
color: #1e1e1e;
}
.mystickyelement-feature-top img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.mystickyelement-feature input[type="text"] {
border: 1px solid #E2E8F0;
color: #9CA3AF;
font-size: 12px;
}
.mystickyelement-feature .button-primary {
border: 1px solid #3C85F7;
background-color: transparent;
color: #3C85F7;
padding: 5px 17px;
line-height: 1;
border-radius: 2px;
}
.mystickyelement-feature a.button-primary {
padding-top: 7px;
}
.mystickyelement-feature .button-primary.btn-connected {
border-color: #057A55;
color: #057A55;
}
.mystickyelement-feature .button-primary.btn-disconnected {
color: #B91C1C;
border: 0;
padding: 0;
background-color: transparent;
}
.mystickyelement-feature .button-primary:hover {
background-color: #3C85F7;
color: #fff;
}
.mystickyelement-feature .button-primary.btn-connected:hover {
background-color: #057A55;
}
.mystickyelement-feature .button-primary.btn-disconnected:hover {
background-color: transparent;
color: #B91C1C;
}
.install-mailpoat-text {
min-height: 37px;
}
.myStickyelements-visible-icon {
position: relative;
}
.myStickyelements-visible-icon input[type="checkbox"] {
opacity: 0;
position: absolute;
top: 0;
left: 0;
}
.myStickyelements-visible-icon .visible-icon {
background: url(../images/vision_hide.svg) no-repeat center center;
display: block;
width: 25px;
height: 25px;
position: relative;
}
.myStickyelements-visible-icon input[type="checkbox"]:checked + .visible-icon {
background: url(../images/vision_show.svg) no-repeat center center;
}
.hide-field-tooltip {
display: none;
}
.myStickyelements-visible-icon.mystickyelements-custom-fields-tooltip {
margin-right: 0;
}
.myStickyelements-visible-icon.mystickyelements-custom-fields-tooltip p {
width: 90px;
}
.myStickyelements-visible-icon input[type="checkbox"]:checked + .visible-icon .hide-field-tooltip {
display: block;
}
.myStickyelements-visible-icon input[type="checkbox"]:checked + .visible-icon .show-field-tooltip {
display: none;
}
.mystickyelement-features ul {
margin: 0 -20px;
padding: 0;
align-items: initial;
}
.mystickyelement-features ul li {
margin: 0;
width: 33%;
padding: 30px;
}
.mystickyelement-key-guide-text {
cursor: pointer;
margin-top: 30px;
}
.mystickyelement-key-guide-text a {
color: #94A3B8;
text-decoration: none;
}
.mystickyelement-key-guide-text i {
width: 18px;
height: 18px;
line-height: 18px;
border-radius: 35px;
padding: 0;
text-align: center;
font-size: 10px;
display: inline-block;
background-color: #94A3B8;
color: #ffffff;
vertical-align: top;
margin-right: 5px;
}
.mystickyelement-key-guide-text:hover a {
color: #64748B;
}
.mystickyelement-key-guide-text:hover i {
background-color: #64748B;
}
/*Media Query*/
@media only screen and (max-width: 1920px) {
body .wrap.recommended-plugins .plugin-card-top{
min-height: 230px;
}
}
@media only screen and (max-width: 1450px) {
body .wrap.recommended-plugins .plugin-card-top{
min-height: 230px;
}
.myStickyelements-inputs li {
padding-right: 2px;
font-size: 10px;
}
.myStickyelements-container table td.myStickyelements-preview-tab {
width: 400px;
}
.myStickyelements-page-option .url-content select {
width: 130px;
}
.myStickyelements-preview-screen {
height: 400px;
max-width: 400px;
}
.myStickyelements-preview-tab {
width: 400px;
}
.mystickyelements-contact-form-fields .mystickyelements-option-field {
padding: 15px 0px 15px;
}
.social-channels-tab .social-channels-item {
padding: 20px 20px 15px 20px;
}
.myStickyelements-contact-form-field-advance-tab .myStickyelements-label span.upgrade-myStickyelements a {
margin-left: 0;
}
.myStickyelements-contact-form-field-advance-tab .myStickyelements-inputs {
width: 50%;
}
.myStickyelements-show-on-right {
width: 50%;
}
span.myStickyelements-label {
width: 50%;
}
.myStickyelements-contact-form-field-advance-tab .myStickyelements-inputs.myStickyelements-days-hours-options {
width: auto;
}
.myStickyelements-traffic-source-inputs.not-pro .traffic-other-source select {
min-width: 90px;
}
.myStickyelements-traffic-source-inputs.not-pro .traffic-other-source input[type="text"] {
width: 120px;
}
.mystickyelement-tab-integration-action a {
min-width: 110px;
}
.mystickyelement-tab-integration-col-title {
width: calc(100% - 190px);
}
.mystickyelement-tab-integration-col-title h3 {
font-size: 20px;
}
.mystickyelements-custom-fields-tooltip {
margin-right: 2px;
}
.mystickyelements-common-form-section {
padding: 0 15px;
}
.myStickyelements-mailchimp-field-mapping .mystickyelements-custom-fields-tooltip {
margin-right: 2px;
}
}
@media only screen and (max-width: 1280px) {
body .wrap.recommended-plugins .plugin-card-top{
min-height: 273px;
}
.myStickyelements-inputs input[type="radio"] {
width: 17px;
height: 17px;
}
.myStickyelements-inputs input[type="radio"]:checked::before {
width: 8px;
height: 8px;
}
/* .myStickyelements-social-channels-lists li {
padding: 10px 6px;
} */
.mystickyelements-tabs {
margin-bottom: 40px;
}
.mystickyelements-tabs li a {
font-size: 18px;
}
.mystickyelements-contact-form-fields {
width: 100%;
}
.myStickyelements-contact-form-field-option {
width: 100%;
}
.myStickyelements-preview-screen {
max-width: 350px;
}
.myStickyelements-preview-screen.myStickyelements-preview-mobile-screen {
max-width: 280px;
}
.myStickyelements-preview-tab {
width: 350px;
right: 10px;
top: 126px;
}
.mystickyelements-preivew-below-sec {
margin-top: 10px;
}
.myStickyelements-preview-tab .myStickyelements-header-title h3 {
padding-bottom: 0;
font-size: 24px;
}
.mystickyelement-tab-integration-action a {
font-size: 14px;
padding: 4px 10px;
min-width: 80px;
}
.mystickyelement-tab-integration-col {
width: 40px;
}
.mystickyelement-tab-integration-col-title {
width: calc(100% - 140px);
}
.mystickyelement-tab-integration-col-title h3 {
font-size: 18px;
}
.mystickyelement-tab-integration-col-title p {
font-size: 12px;
}
.mystickyelement-tab-box-content-empty-leads p {
font-size: 16px;
}
.mystickyelement-tab-boxes-btn-wrap a {
padding: 8px 10px;
font-size: 14px;
}
.mystickyelement-tab-box label {
font-size: 17px;
}
.mystickyelement-welcome-wrap {
padding: 20px;
}
.mystickyelement-welcome-img {
height: 150px;
}
.mystickyelement-heading h3 {
font-size: 28px;
padding-bottom: 13px;
}
.mystickyelement-widgets-btn-wrap {
padding-top: 20px;
}
span.myStickyelements-label {
font-size: 12px;
}
}
@media only screen and (max-width: 1130px) {
.myStickyelements-page-option .url-content select {
width: 110px;
}
.myStickyelements-page-option .url-content > div.myStickyelements-url-values input {
width: 100px;
}
.mystickyelements-custom-fields-tooltip {
margin-right: 10px;
}
.myStickyelements-contact-form-field-advance-tab .myStickyelements-inputs {
width: 50%;
}
.myStickyelements-show-on-right {
width: 50%;
}
span.myStickyelements-label {
font-size: 13px;
}
.myStickyelements-days-hours-options .myStickyelements-url-option input[type="text"],
.myStickyelements-days-hours-options .myStickyelements-url-box input[type="text"] {
width: 70px;
}
.mystickyelement-tab-box label {
font-size: 15px;
}
.stickyelement-save-check-wrap {
padding: 40px 10px;
}
.stickyelement-save-check-wrap i {
font-size: 100px;
}
.sticky-col-1 label {
font-size: 13px;
}
.mystickyelements-tabs li a {
font-size: 16px;
padding: 20px 10px 20px 55px;
}
.mystickyelements-tabs li a::before {
left: 20px;
width: 25px;
height: 25px;
line-height: 25px;
font-size: 14px;
}
.myStickyelements-social-channels-lists li {
padding: 10px 8px;
}
.myStickyelements-social-channels-lists {
margin-left: -8px;
}
}
@media only screen and (max-width: 1024px) {
body .wrap.recommended-plugins .plugin-card-top{
min-height: 313px;
}
.myStickyelements-contact-form-tab .contact-form-view-label, .myStickyelements-contact-form-tab .contact-form-direction-label {
width: 25%;
}
.myStickyelements-contact-form-tab .contact-form-view label, .myStickyelements-contact-form-tab .contact-form-direction label {
width: 30%;
}
.myStickyelements-social-channels-lists li {
padding: 10px 5px;
}
.myStickyelements-channel-view label {
width: 29%;
}
.myStickyelements-channel-view label.social-tooltip {
width: 12%;
}
.myStickyelements-inputs {
width: 50%;
}
.mystickyelements-wrap .wp-picker-container {
margin-left: 0;
margin-top: 10px;
}
.mystickyelements-wrap .myStickyelements-general-settings .wp-picker-container {
margin-top: 0;
}
.myStickyelements-redirect-link-wrap label {
white-space: normal;
}
.myStickyelements-container table td.myStickyelements-preview-tab {
width: 280px;
}
.mystickyelements-reqired-wrap label {
width: 120px;
}
.myStickyelements-preview-screen {
height: 410px;
}
.myStickyelements-preview-screen.myStickyelements-preview-mobile-screen {
width: 220px;
height: 400px;
}
.myStickyelements-container table td #mystickyelements-contact-form-fields td, .myStickyelements-container table td {
width: 64%;
}
.myStickyelements-inputs li {
width: auto;
margin-right: 5px;
}
span.upgrade-myStickyelements a i {
margin-left: 0;
}
span.upgrade-myStickyelements a {
padding: 4px 7px;
margin-left: 5px;
}
span.myStickyelements-label {
font-size: 12px;
}
.myStickyelements-preview-screen, .social-channels-tab {
padding: 20px 10px 0 10px;
}
.social-channel-setting {
padding: 10px;
}
.social-channels-tab .social-channels-item {
padding-left: 30px;
}
.myStickyelements-show-on-right {
padding-left: 0;
clear: both;
padding-top: 10px;
}
.myStickyelements-page-option .url-content input[type="text"] {
width: 100%;
}
.myStickyelements-social-channels-lists li:nth-child(11n+1) {
clear: none;
padding-left: 5px;
}
.myStickyelements-setting-half {
width: 100%;
}
.mystickyelements-tabs li a {
font-size: 14px;
padding: 20px 10px 20px 45px;
}
.mystickyelements-tabs li a::before {
left: 10px;
width: 23px;
height: 23px;
line-height: 23px;
font-size: 12px;
}
.mystickyelements-tabs li a .mystickyelements-tabs-heading {
font-size: 12px;
}
.mystickyelements-common-form-section {
padding: 0;
}
.mystickyelements-common-form-section .mystickyelements-options {
width: 50%;
}
.mystickyelements-common-form-section .mystickyelements-preview {
width: 50%;
}
}
@media only screen and (max-width: 991px) {
body .wrap.recommended-plugins .plugin-card-top{
min-height: 135px;
}
.myStickyelements-container{
padding: 10px 15px;
}
.myStickyelements-preview-screen, .social-channels-tab{
padding: 20px 5px 10px 5px;
}
.social-channel-input-box input {
margin: 4px;
width: 83%;
}
body .myStickyelements-preview-screen.myStickyelements-preview-mobile-screen {
width: 200px;
height: 400px;
}
.myStickyelements-container table td {
padding-right: 7px;
}
.mystickyelements-wrap .wp-picker-container {
margin-left: 0;
margin-top: 10px;
}
.myStickyelements-container table td.myStickyelements-preview-tab {
width: 250px;
}
input#contact-form-submit-button {
width: 150px;
}
.myStickyelements-inputs {
width: 50%;
}
}
@media only screen and (max-width: 960px) {
.mystickyelements-tabs {
left: 58px;
}
}
@media only screen and (max-width: 780px) {
.mystickyelements-tabs {
left: 20px;
}
.myStickyelements-social-channels-lists {
width: 100%;
}
}
/*--------------------------------------------------------------
# Pagination
--------------------------------------------------------------*/
.contactleads-pagination {
margin: 15px 0;
text-align: right;
}
.contactleads-pagination .page-numbers {
display: inline-block;
text-decoration: none;
font-size: 13px;
line-height: 2.15384615;
min-height: 30px;
margin: 0;
padding: 0 10px;
cursor: pointer;
border-width: 1px;
border-style: solid;
-webkit-appearance: none;
border-radius: 3px;
white-space: nowrap;
box-sizing: border-box;
}
.contactleads-pagination .page-numbers.current,
.contactleads-pagination .page-numbers:hover {
color: #2271b1;
border-color: #2271b1;
background: #f6f7f7;
vertical-align: top;
}
.contactleads-pagination .page-numbers:hover {
cursor: pointer;
}
/**
Email Tags
*/
.mystickyelements-setting-wrap-right > *.mail-merge-tags {
display: block;
}
.mail-merge-tags span {
display: inline-block;
background: #3c85f7;
color: #fff;
font-size: 14px;
padding: 0 5px;
margin: 4px 4px 0 0;
border-radius: 5px;
cursor: pointer;
}
/* Add Close Icon tooltip*/
.tooltiptext {
visibility: hidden;
font-size: 14px;
line-height: 30px;
width: 120px;
background-color: #FFFFFF;
color: #4A5568;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
top: 10px;
left: 99%;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1);
}
.tooltiptext::after {
content: "";
position: absolute;
top: 50%;
right: 100%;
margin-top: 0px;
border-width: 5px;
border-style: solid;
border-color: transparent #ede9e9 transparent transparent;
}
.close-tooltip:hover .tooltiptext {
visibility: visible;
}
.myStickyelements-social-channels-lists .social-channels-list{
opacity:1;
}
.myStickyelements-social-channels-lists .social-channels-list.social-checked-active{
opacity:1;
}
.tooltiptext a{
text-decoration: none;
color: #4A5568;
}
.tooltiptext a:hover{
color: #c81e1e;
}
.mystickyelement-social-buttons.button.subject-tags{
background-color: #EBF5FF;
border: 0;
border-radius: 8px;
cursor: pointer;
display: inline-block;
padding: 5px 5px;
color: #3F83F8;
font-size: 12px;
line-height: 2.3;
width: auto;
margin: 5px 0 0 5px;
}
/*.mystickyelement-social-buttons.button.subject-tags::after{
content: "+";
width: 16px;
height: 16px;
border: 2px solid;
line-height: 14px;
display: inline-block;
vertical-align: top;
border-radius: 50%;
font-size: 17px;
margin-left: 6px;
text-align: center;
}*/
.leads-img-list{
list-style:disc;
padding: 0px 6px;
}
.mystickyelement-key-guide-text.integration-infotext {
margin: 0px;
}
.intergation-buttons-row{
width: 25%;
padding-right: 10px;
}
.mystickyelement-custom-channel #plus-circle , .mystickyelement-custom-shortcode #plus-circle{
margin-left: 6px;
vertical-align: top;
line-height: 2.5;
}
.custom-social-channel-info-link {
color: #94A3B8;
text-decoration: none;
}
.placeholder-upgrad-link{
width: 9.5em;
height: 2.5em;
position: absolute;
}
/*-----------New css------*/
.mystickyelement-btnmbox{
display: flex;
flex-wrap: wrap;
}
.mystickyelement-btnmbox .mystickyelement-btnbx{
display:inline-flex;
align-items: center;
margin:7px 0;
}
.myStickyelements-social-channels-lists li .fade.in {
animation-name: fadeIn;
}
.myStickyelements-social-channels-lists li .fade.out {
animation-name: fadeOut;
}
.myStickyelements-social-channels-lists-section{
height: 210px;
overflow: hidden;
position: relative;
left: -100px;
padding: 36px 0 0 100px;
}
@keyframes fadeIn {
0% {
opacity: 0;
transform: translateY(startYposition);
}
100% {
opacity: 1;
transform: translateY(endYposition);
}
}
@keyframes fadeOut {
0% {
opacity: 1;
transform: translateY(startYposition);
}
100% {
opacity: 0;
transform: translateY(endYposition);
}
}
.mystickyelement-tab-integration-action.mystickyelement-upgrade-action{
padding: 0;
float: unset;
}
.social-channel-popover .dismiss-btn.premio-upgrade-dismiss-btn{
position: absolute;
top: 0;
right:0;
}
.first-widget-popup{
text-align:center;
position: fixed;
top: 50%;
left: 50%;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
z-index: 10;
width: 600px;
background-color: #fff;
padding: 30px;
box-shadow: 0px 10px 15px rgb(0 0 0 / 10%), 0px 4px 6px rgb(0 0 0 / 5%);
border-radius:10px;
}
.first-widget-popup h4{
font-weight: 600;
font-size: 24px;
line-height: 34px;
color: #181749;
margin: 26px 0 0 0;
font-family: inherit;
}
.first-widget-popup p{
font-size: 16px;
margin-top: 24px;
padding: 0 38px;
font-weight: 400;
line-height: 24px;
font-style: normal;
color:#181749;
font-family: inherit;
}
.first-widget-popup a.btn-back-dashboard{
display:inline-flex;
color:#fff;
font-size:15px;
font-weight:500;
padding:10px 20px;
text-decoration:none;
background:#6558F5;
border-radius:8px;
align-items: center;
margin: 36px 0 10px 0;
font-family: inherit;
}
.close-chaty-maxvisitor-popup{
position:absolute;
top:17px;
right:17px;
}
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front {
position: fixed;
}
span.social-tooltip-popup {
filter: drop-shadow(0 0.7px 0px #c6c6c6);
}
.mystickyelement-permision-code {
display: block;
font-size: 12px;
margin-top: 10px;
float: left;
margin-left: 1px;
}
.social-channels-item .social-custom-tooltip.social-tooltip {
position: unset;
padding: 0;
margin: 0;
}
.mystickyelements-wrap .wp-color-result-text{
display:none;
}
.mystickyelements-wrap .wp-picker-container{
min-width: auto;
}
.mystickyelements-wrap .wp-picker-container .button.wp-color-result{
margin: 1px 1px 1px;
}
.myStickyelements-use-whatsapp-web .social-tooltip{
top:0px;
}
.myStickyelements-use-whatsapp-web #social_channel_whatsapp_use_whatsapp_web{top: 5px;}