@font-face {
    font-family: 'Lato';
    src: url('../fonts/lato-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Lato';
    src: url('../fonts/lato-bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Lato', sans-serif;
    src: url('../fonts/lato-v20-latin-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Lato', sans-serif;
    src: url('../fonts/lato-v20-latin-300.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Lato', sans-serif;
    src: url('../fonts/lato-v20-latin-700.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Lato', sans-serif;
    src: url('../fonts/lato-semibold.woff') format('woff');
    font-weight: semibold;
    font-style: normal;
}
div#wpcontent{
    background: #fff !important;
}
a:active, a:focus, li:focus, li:active {
    outline: none !important;
    border: none !important;        
    text-decoration: none !important;
    box-shadow: none !important;
    -webkit-tap-highlight-color: transparent !important;
    -webkit-user-select: none; / Chrome/Safari /
    -moz-user-select: none; / Firefox /
    -ms-user-select: none; / IE10+ /
    user-select: none;
}
.add_new_welcombar {
    color: #fff !important;
}
.mystickymenu-action-popup p{font-family: 'Lato', sans-serif}
.mystickymenu-action-popup h3{font-family: 'Lato', sans-serif}
#custom-handle {
    width: 3em;
    height: 1.6em;
    top: 50%;
    margin-top: -.8em;
    text-align: center;
    line-height: 1.6em;
}
#mystickymenu {
    font-family: 'Lato', sans-serif;
}
.main-content {
    float: left;
    width: 65%;
}
.main-sidebar {
    float: right;
    width: 30%;
    background: #ffffff;
    border: 1px solid #e5e5e5;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
}
.main-sidebar h3 {
    margin: 0;
    padding: 8px 12px;
    border-bottom: 1px solid #ececec;
}
.main-sidebar .inner {
    padding: 10px;
}
.main-sidebar p {
    padding: 8px;
    margin: 0;
    border-top: solid 1px #e5e5e5;
}
.myssticky-remove-hand {
    cursor: default;
}
.mystickymenu-content-section input[type="number"]#myfixed_zindex {
    -moz-appearance: textfield-multiline;
}
.mystickymenu-content-section input[type="number"] {
    -moz-appearance: textfield;
}
.mystickymenu-content-section input[type="number"]::-webkit-inner-spin-button, .mystickymenu-content-section input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.mystickymenu-content-section .mysticky-number {
    display: inline-block;
    margin: 0 0 10px;
    position: relative;
}
#mystickymenu input[type=number] {
    color: #32373c;
    border-radius: 21px;
    background-color: #ffffff;
    border: 1px solid #DCE2E2;
    font-size: 14px;
    font-weight: 400;
    height: 42px;
    padding: 0 10px 0 12px;
    margin: 0;
    width: 400px;
    box-shadow: none;
}
.pt_number {
    display: inline-block;
    vertical-align: top;
    margin-top: 7px;
}
.mysticky-welcomebar-setting-content-right input[type="text"]:disabled {
	color: #a0a5aa;
	border-color: #ddd;
	background-color: #f7f7f7;
}
.mystickymenu-content-section .mysticky-number:focus {
    outline: 0;
}
.mystickymenu-content-section .mysticky-number .pt_number {
    float: left;
    position: relative;
    height: 30px;
}
.mystickymenu-content-section .mysticky-number .pt_number .pt_numberbutton {
    position: relative;
    cursor: pointer;
    border-left: 1px solid #b7b7b7;
    width: 15px;
    text-align: center;
    color: #333;
    font-size: 14px;
    line-height: 1.1;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.mystickymenu-content-section .mysticky-number .pt_number .pt_numberbutton:active {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
}
.mystickymenu-content-section .mysticky-number .pt_number .pt_numberbutton.pt_numberup {
    position: absolute;
    height: 50%;
    top: 0;
    border-bottom: 1px solid #b7b7b7;
}
.mystickymenu-content-section .mysticky-number .pt_number .pt_numberbutton.pt_numberdown {
    position: absolute;
    bottom: 0px;
    height: 50%;
}
input#mysticky_class_selector {
    border-radius: 24px;
    border: 1px solid #E6E5EC;
    height: 46px;
    padding: 0 26px;
    width: 49%
}
.mystickymenu-content-section {
    background-color: #F9FCFC;
    border-radius: 7px;
    margin-bottom: 20px;
    border: 1px solid #E1E6E6;
}
input#myfixed_disable_small_screen {
    border-radius: 21px;
}
input#mysticky_active_on_height_home {
    border-radius: 21px;
}
textarea#myfixed_cssstyle {
    width: 100%;
    margin-top: 12px;
    border-radius: 10px;
    background-color: #fff;
    height: 120px;
    resize: none;
    border: 1px solid #DCE2E2;
    padding: 10px 10px;
}
label {
    font-size: 15px;
}
.sticky-class-sec tr td {
    width: 50%;
}
.px-wrap {
    position: relative;
    display: inline-block;
    vertical-align: top;
}
.mystickymenu-content-option {
    padding: 20px 20px 0;
}
.mystickymenu-heading {
    padding-bottom: 20px;
}
.myStickymenu-header-title {
    background-color: #B2D2FC;
    padding: 13px 20px;
    border-radius: 10px 10px 0 0;
}
.myStickymenu-header-title h3 {
    margin: 0;
    color: #1F4B84;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
}
.mystickymenu-heading p {
    background-color: #D6EFFF;
    color: #1F4B84;
    border-radius: 0 0 10px 10px;
    padding: 13px 20px;
    margin: 0;
    font-size: 14px;
    line-height: 28px;
}
.mystickynumber {
    position: relative;
    padding-left: 30px;
}
.pt_numberbutton.pt_numberup {
    height: 25px;
    width: 25px;
    line-height: 25px;
    background-color: #808080;
    border-radius: 50%;
    position: relative;
    margin-left: 5px;
    display: inline-block;
    color: white;
    font-size: 21px;
    cursor: pointer;
    text-align: center;
    margin-top: 2px;
}
.pt_numberbutton.pt_numberdown {
    height: 25px;
    width: 25px;
    line-height: 25px;
    background-color: #808080;
    border-radius: 50%;
    position: absolute;
    top: 8px;
    left: 0;
    display: inline-block;
    color: white;
    font-size: 21px;
    cursor: pointer;
    text-align: center;
}
span.input-px {
    height: 42px;
    width: 57px;
    background-color: #808080;
    position: absolute;
    right: 0;
    top: 0px;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    border-radius: 0 21px 21px 0;
    color: #fff;
    line-height: 42px;
    text-align: center;
}
.mysticky_device_upgrade {
    background-color: #f0ecfb;
    border-radius: 20px;
    padding: 15px 40px 20px 20px;
}
.mystickymenu-content-section.mystickymenu-content-upgrade {
    background-color: #f4f4fd;
}
.myStickymenu-upgrade a {
	background: #E1DAF6;
	border-radius: 20px;
	color: #7559C0;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
}
.myStickymenu-upgrade {
    float: right;
}
.myStickymenu-upgrade a:before {
    content: "\f160";
    font-family: dashicons;
    position: relative;
    top: 3px;
    font-size: 16px;
}
.mystickymenu-input-section ul.mystickymenu-input-multicheckbox li {
    display: inline-block;
    width: 21%;
}
input#submit.button.button-primary {
    background: #00c67c;
    border-color: #00c67c;
    text-transform: uppercase;
    border-radius: 31px;
    font-size: 20px;
    padding-left: 23px;
    padding-right: 23px;
    height: 40px;
    width: 200px;
    border: 0;
    box-shadow: none;
    font-weight: 600;
    text-shadow: none;
}
.mysticky-welcomebar-submit .save-button:hover {
    opacity: 0.7;
}
input.button.button-secondary.confirm {
    background: #969696;
    border-color: #969696;
    text-transform: uppercase;
    font-size: 20px;
    padding-left: 23px;
    padding-right: 23px;
    float: right;
    color: white;
    margin-right: 10px;
    height: 40px;
    width: 200px;
    border-radius: 31px;
    font-weight: 600;
}
table ul.mystickymenu-input-multicheckbox {
    width: 100%;
    display: inline-flex;
}
p.myStickymenu-review a {
    font-size: 20px;
}
table ul.mystickymenu-input-multicheckbox li {
    padding-right: 21px;
}
table {
    width: 100%;
}
#mystickymenu table tr td {
    padding: 20px;
}
div#mystickymenu {
	overflow-x: hidden;
	overflow-y: hidden;
}
label.mysticky_title {
    font-weight: 500;
    font-size: 18px;
    line-height: 1.2;
    color: #4F4F4F;
}
.mystickymenu-content-option p label.mysticky_text {
    margin-left: 0px;
}
span.mysticky_text {
    font-size: 14px;
    color: #9E9E9E;
    margin-left: 20px;
    font-style: italic;
}
label.mysticky_text {
    font-size: 14px;
    margin-left: 20px;
    font-style: italic;
}
select#mystickymenu-select {
    border-radius: 24px;
    border: 1px solid #E6E5EC;
    height: 46px;
    box-shadow: none;
    padding: 0 26px;
    width: 49%;
    display: inline-block;
    vertical-align: top;
}
.mystickymenu-input-section {
    margin-top: 9px;
}
label.mysticky_title.css-style-title {
    font-size: 20px;
}
span.wp-color-result-text {
    display: none;
}
button.button.wp-color-result {
    border-radius: 50%;
    height: 30px !important;
}
button.button.wp-color-result .color-alpha {
    border-radius: 50% !important;
    height: 28px !important;
}
.mystickymenu-content-section h3 {
    margin-left: 20px;
    font-weight: 600;
    font-size: 26px;
    line-height: 1.2;
    color: #4F4F4F;
    margin: 0;
    padding: 24px 20px;
}
.form-table {
    margin-top: 0;
}
ul.mystickymenu-input-multicheckbox li span {
    font-size: 16px;
    color: #4F4F4F;
}
.mystickymenu-input-section label {
    font-size: 16px;
}
.myStickymenu-upgrade a {
    text-decoration: none;
    color: #7559C0;
}
#mystickymenu p.submit {
    margin-top: 0;
    padding-top: 0;
    float: right;
}
td {
    vertical-align: top !important;
}
p.description.mystuckymenu-class-id {
	display: flex;
    margin: 12px 0 0 0;
    line-height: 1.5;
}
p.description.mystuckymenu-class-id .dashicons-controls-play{
	background: #a4a5a5;
	color: #ffffff;
	border-radius: 50%;
}
p.description.mystuckymenu-class-id .dashicons-controls-play::before {    
    margin-left: 2px;
}
p.description {
    color: rgba(79, 79, 79, 0.5);
    font-size: 12px;
    line-height: 1.2;
    margin: 5px 0 0;
}
div#slider.ui-slider {
    width: 229px;
    background-color: #DCE2E2;
    height: 2px;
    border: 0;
    border-radius: 2px;
	position: relative;
}
.mystickymenu-content-section .ui-state-active, .ui-widget-content .ui-state-active {
    color: #454545;
}
#mystickymenu #custom-handle {
    width: 1.6em;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
    border: 0;
	position: absolute;
}
.sticky-header-menu {
    text-align: center;
    padding: 0 0 20px 0;
}
.sticky-header-menu ul {
    display: inline-block;
    padding: 1px;
    background-color: #D6EFFF;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
}
.sticky-header-menu ul li {
    display: inline-block;
    margin: 0;
}
.sticky-header-menu ul li a {
    display: inline-block;
    padding: 0 20px;
    line-height: 40px;
    height: 40px;
    font-size: 16px;
    text-decoration: none;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.sticky-header-menu ul li a:hover {
    background: #f0ecfb;
    color: #7559C0;
}
.sticky-header-menu ul li a.active {
    background: #E1DAF6;
    color: #7559C0;
}
.software-licensing p {
    background: #fff;
}
.software-licensing {
    background: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-family: 'Lato', sans-serif;
}
.sticky-form-field {
    padding: 20px 20px 10px 20px;
}
.sticky-form-field label {
    display: block;
    padding: 0 0 5px 0;
}
.sticky-form-field input {
    height: 30px;
    width: 300px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.sticky-form-buttons {
    padding: 10px 20px 20px 20px;
}
button.sticky-activate-key {
    background: #00c67c;
    border: none;
    color: #fff;
    padding: 5px 20px;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
button.sticky-activate-key:hover {
    background: #009661;
}
button.sticky-deactivate-key {
    background: #969696;
    border: none;
    color: #fff;
    padding: 5px 20px;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    margin-right: 0px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
button.sticky-deactivate-key:hover {
    background: #585858;
}
.software-licensing-footer {
    padding: 15px;
    background: #e1daf6;
    color: #7559c0;
    font-weight: bold;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
/*01-08-2019 welcome bar css*/
#sticky-header-welcome-bar *, #sticky-header-welcome-bar ::before, #sticky-header-welcome-bar ::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#sticky-header-welcome-bar .iris-picker, #sticky-header-welcome-bar .iris-picker * {
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
.mysticky-welcomebar-switch {
	display: inline-block;
	width:55px;
	height:30px;
	position: relative;
}
.mysticky-welcomebar-switch input {
	opacity: 0;
	width: 0;
	height: 0;
}
.mysticky-welcomebar-switch .slider {
  border-radius: 18px;
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  border: 2px solid #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}
.mysticky-welcomebar-switch .slider:before {
	border-radius: 50%;
	position: absolute;
	content: "";
	height: 24px;
	width: 25px;
	left: 2px;
	top: 1px;
	background-color: #ffffff;
	-webkit-transition: .4s;
	transition: .4s;
}
.welcombar-status-switch{
	display: inline-block;
	width:46px;
	height:24px;
	position: relative;
}
.welcombar-status-switch .slider:before {
	border-radius: 50%;
	position: absolute;
	content: "";
	height: 25px;
	width: 25px;
	left: 2px;
	top: 1px;
	background-color: #ffffff;
	-webkit-transition: .4s;
	transition: .4s;
}
.mysticky-welcomebar-switch input:checked + .slider {
	background-color: #7761DF;
    border: 2px solid #7761DF;
}
.mysticky-welcomebar-switch input:focus + .slider {
	box-shadow: 0 0 1px #2196F3;
}
.mysticky-welcomebar-switch input:checked + .slider:before {
	-webkit-transform: translateX(24px);
	-ms-transform: translateX(24px);
	transform: translateX(24px);
}
.mysticky-welcomebar-form {
	background-color: #f8fcfd;
	border: 1px solid #E1E6E6;
	padding: 40px 20px 20px 20px;
	border-radius: 7px;
    position: relative;
}
.mysticky-welcomebar-header-title h3 {
	margin: 0;
	font-size: 26px;
	color: #4F4F4F;
	line-height: 1.2;
	display: inline-block;
	vertical-align: top;
}
.mysticky-welcomebar-header-title h3 + .mysticky-welcomebar-switch {
	margin-left: 20px;
}
.mysticky-welcomebar-subheader-title {
	padding: 20px 0 30px;
}
.mysticky-welcomebar-subheader-title h4 {
	margin: 0;
	font-weight: 400;
	font-size: 22px;
	line-height: 1.2;
	color: #4F4F4F;
}
.mysticky-welcomebar-setting-content {
	display: flex;
	align-items: center;
	padding-bottom: 20px;
}
.mysticky-welcomebar-setting-content.show-on-apper {
    align-items: flex-start;
}
.mysticky-welcomebar-setting-content > label {
	font-size: 18px;
	line-height: 1.2;
	color: #4F4F4F;
	font-weight: 500;
    margin-top: 0;
	width: 230px;
	padding-right: 10px;
    align-items: center;
}
.mysticky-welcomebar-setting-content.show-on-apper > label {
    margin-top: 10px;
}
.mysticky-welcomebar-setting-content-right.mysticky-welcomebar-setting-newtab.mysticky-welcomebar-redirect {
    display: flex;
}
/*------------------------------------------------------------------------*/
.mysticky-welcomebar-setting-content-right {
	width: 100%;
	align-items: center;
	display: flex;
    flex-wrap: wrap;
}
.mysticky-welcomebar-setting-wrap .myStickymenu-upgrade {
	display: inline-block;
	vertical-align: top;
	float: none;
	margin-left: 20px;
}
.mysticky-welcomebar-page-option.last .myStickymenu-upgrade{margin-left:0;}
.mysticky-welcomebar-setting-wrap .mysticky-welcomebar-setting-position .myStickymenu-upgrade {
    margin-left: 50px;
}
.mysticky-welcomebar-setting-wrap .mysticky-welcomebar-setting-remove-getbar .myStickymenu-upgrade {
    margin-left: 130px;
}
.mysticky-welcomebar-upgrade-main .myStickymenu-upgrade {
    float: right;
}
.mysticky-welcomebar-setting-content-right.mysticky-welcomebar-colorpicker .wp-picker-container{
	display: inline-block;
}
.mysticky-welcomebar-setting-content-right label {
	display: inline-block;
	vertical-align: top;
	width: 100px;
	padding-right: 10px;
}
.mysticky-welcomebar-timer-position .mysticky-welcomebar-setting-content-right label{
	width: unset !important;
}

#mysticky_welcomebar_redirect_rel.mysticky_welcomebar_disable.unactive_rel_input {
    width: 235px;
}
.mysticky-welcomebar-setting-content-right .wp-picker-input-wrap label {
	width: auto;
}
#mystickymenu .mysticky-welcomebar-setting-content-right .px-wrap input {
	padding-right: 60px;
}
.mysticky-welcomebar-setting-content-right select ,
.mysticky-welcomebar-setting-content-right input[type="text"] ,
.mysticky-welcomebar-setting-content-right textarea {
	width: 400px;
	height: 42px;
	border-radius: 20px;
	color: #32373c;
	padding: 0 10px;
	box-shadow: none;
	border: 1px solid #DCE2E2;
	margin: 0;
	font-size: 14px;
	font-weight: 400;
}
.mysticky-welcomebar-setting-content-right input::placeholder, 
.mysticky-welcomebar-setting-content-right input:-ms-input-placeholder,
.mysticky-welcomebar-setting-content-right input::-ms-input-placeholder {
  color: #b5b7b9;
  opacity:0.6;
}
.mysticky-welcomebar-setting-content-right select {
	padding-right: 22px;
}
.mysticky-welcomebar-setting-content-right textarea {
	height: 100px;
	border-radius: 10px;
	padding-top: 9px;
}
#mystickymenu .wp-picker-container input[type="text"].wp-color-picker {
    border-radius: 0;
    height: 32px;
    border: 1px solid #DCE2E2;
}
#mystickymenu .wp-picker-input-wrap .button {
    height: 32px;
}
#mystickymenu .form-table .wp-picker-input-wrap label {
    padding-right: 10px;
}
.mysticky-welcomebar-setting-action {
	display: inline-block;
	vertical-align: top;
}
.mysticky-welcomebar-setting-action + .mysticky-welcomebar-setting-action {
	padding-left: 40px;
}
.mysticky-welcomebar-redirect label {
	display: block;
	width: auto;
	padding-right: 0;
	padding-top: 10px;
}
.mysticky-welcomebar-expirydate {
	position: relative;
	display: inline-block;
	vertical-align: top;
}
.mysticky-welcomebar-setting-content-right .mysticky-welcomebar-expirydate input {
	padding-left: 55px;
}
.mysticky-welcomebar-expirydate .dashicons {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	color: #a7a7a7;
	border-right: 1px solid #a7a7a7;
	width: 46px;
	height: 100%;
	line-height: 40px;
}
a.create-rule {
	background-color: #7761DF;
	color: #fff;
	display: inline-block;
	margin: 10px 0 0 0;
	vertical-align: top;
	text-decoration: none;
	padding: 5px 12px;
	border-radius: 20px;
	box-shadow: none;
	outline: none;
}
.mysticky-welcomebar-page-option .myStickymenu-upgrade,
.mysticky-page-option .myStickymenu-upgrade {
	float: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	text-align: center;
	background-color: rgba(0,0,0,0);
	bottom: 0;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.mysticky-welcomebar-page-option ,
.mysticky-page-option {
	background-color: #fff;
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #DCE2E2;
	border-radius: 10px;
	position: relative;
}
.mysticky-welcomebar-page-option:not(:hover) .myStickymenu-upgrade {
    display: none;
}
.mysticky-welcomebar-page-option .url-content ,
.mysticky-page-option .url-content {
	display: flex;
	align-items: center;
}
.mysticky-welcomebar-page-option .url-content > div ,
.mysticky-page-option .url-content > div {
	padding: 0 3px;
    display: block;
}
.mysticky-welcomebar-page-option .url-content > div.mysticky-welcomebar-url-box,
.mysticky-page-option .url-content > div.mysticky-welcomebar-url-box {
	width: auto;
	text-align: right;
}
.mysticky-page-option .url-content > div.mysticky-welcomebar-url-box {
    width: 300px;
}
.mysticky-welcomebar-page-option .url-content select {
	width: 100%;
}
.mysticky-page-option .url-content select {
    width: 250px;
}
.mystickymenu-page-target-wrap {
    padding-bottom: 20px;
}
.mysticky-welcomebar-page-option .url-content input[type="text"] ,
.mysticky-page-option .url-content input[type="text"] {
	height: 38px;
	padding: 0 15px;
	border-radius: 0;
    vertical-align: bottom;
}
.mysticky-welcomebar-remove-rule ,
.mysticky-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;
}
.mysticky-welcomebar-page-options ,
.mysticky-page-options {
	display: inline-block;
	vertical-align: top;
    width: 100%;
}
.mysticky-welcomebar-setting-right {
    position: absolute;
    top: 32px;
    right: 20px;
    width: 500px;
}
.mysticky-welcomebar-header-title::after {
	content: "";
	display: block;
	clear: both;
}
.mysticky-welcomebar-preview-window {
	float: right;
}
.mysticky-welcomebar-header-title {
	padding-bottom: 20px;
}
.mysticky-welcomebar-preview-window ul {
	margin: 0;
	padding: 0;
}
.mysticky-welcomebar-preview-window ul li {
	color: #7761DF;
	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;
}
.mysticky-welcomebar-preview-window ul li.preview-active {
	color: #fff;
	background-color: #7761DF;
}
.mysticky-welcomebar-preview-window ul li .dashicons {
	line-height: 36px;
}
.mysticky-welcomebar-preview-screen {
	background-color: #ffffff;
	border: 1px solid #DCE2E2;
	border-radius: 10px;
	margin: 0 auto;
	padding: 0;
	height: 400px;
	position: relative;
	overflow: hidden;
	max-width: 100%;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	z-index:9;
}
.mysticky-welcomebar-preview-screen.mysticky-welcomebar-preview-mobile-screen {
	max-width: 320px;
}
.mysticky-welcomebar-submit {
	float: right;
	padding-top: 50px;
	margin-right: -20px;
}
.mysticky-welcomebar-form-reset .mysticky-welcomebar-submit {
	margin-right: 0;
	padding-top: 30px;
}
.mysticky-welcomebar-submit input.button-secondary {
	background: #969696;
	border-color: #969696;
	color: #ffffff;
	text-transform: uppercase;
	border-radius: 31px;
	font-size: 20px;
	margin-right: 10px;
	margin-bottom: 1px;
	padding-left: 23px;
	padding-right: 23px;
	height: 40px;
	width: 200px;
    line-height: 40px;
	border: 0;
	box-shadow: none;
	font-weight: 600;
	text-shadow: none;
}
#mystickymenu .mysticky-welcomebar-submit input.button-secondary:hover {
    opacity: 0.7;
    background-color: #8c8f94;
    color: #FFFFFF;
}
.mysticky-welcomebar-page-option .url-content > div.mysticky-welcomebar-url-buttons ,
.mysticky-page-option .url-content > div.mysticky-welcomebar-url-buttons {
    padding-right: 0;
}
.ui-dialog-buttonset .green-btn.ui-button {
    background-color: #00c67c;
    border-color: #00c67c;
    color: #fff;
}
.mysticky-welcomebar-thankyou-display {
    padding-top: 10px;
}
div#wp-mysticky_bar_text-wrap,
div#wp-welcombar-coupon-textbar-wrap,
#wp-mysticky_thankyou_screen_text-wrap{ 
    /*width: 46%;*/
}
.mysticky-welcomebar-setting-content-right label.mysticky-welcomebar-switch {
	width: 55px;
}
.mysticky-welcomebar-close-automatically-sec .mysticky-welcomebar-setting-action {
	display: block;
}
.mysticky-welcomebar-setting-content-right .px-wrap input#mysticky_welcomebar_triggersec_automatically {
	width: 150px;
}
.mysticky-welcomebar-triggersec,
.mysticky-welcomebar-expirydate-gmt {
	position: relative;
	display: inline-block;
	vertical-align: top;
	padding-left: 20px;
}
#mysticky_welcomebar_expirydate_gmt optgroup {
	display: none;
}
#mysticky_welcomebar_expirydate_gmt optgroup[label="Manual Offsets"] {
	display: block;
}
.mystickymenu-new-widget-wrap, .mystickymenu-new-widget-wrap * {
	box-sizing: border-box;
}
.mystickymenu-new-widget-wrap {
	border-radius: 10px;
	box-shadow: 0 0 6px #ccc;
	padding: 10px;
	margin: 20px 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: 'Lato', sans-serif;
	line-height: 20px;
}
.mystickymenu-new-widget-wrap h2 {
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 30px;
	color: #1e1e1e;
	margin: 0;
	text-align: center;
}
a.new-upgrade-button {
	height: 40px;
	background: #7761DF;
	border-radius: 100px;
	border: solid 1px #7761DF;
	display: inline-block;
	text-align: center;
	color: #fff;
	line-height: 40px;
	margin: 10px 0 10px 10px;
	padding: 0 25px;
	text-decoration: none;
	text-transform: uppercase;
}
.mystickymenu-new-widget-row ul {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-top: 0;
	margin-bottom: 0;
}
.mystickymenu-new-widget-row ul li {
	width: 33.33%;
	padding: 10px 10px 0px;
	margin-bottom: 0;
}
.mystickymenu-feature {
	margin: 30px 0 0 0;
	background: #fff;
	border: 1px solid #605dec;
	box-sizing: border-box;
	border-radius: 4px;
	padding: 30px 15px 10px 15px;
	min-height: 186px;
	position: relative;
}
.mystickymenu-feature-top {
	width: 50px;
	height: 50px;
	border: solid 1px #605dec;
	border-radius: 50%;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: -25px;
	background: #fff;
	z-index: 11;
	padding: 10px;
}
.feature-title {
	font-family: 'Lato', sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 13px;
	line-height: 18px;
	color: #1e1e1e;
}
.feature-description {
	font-family: 'Lato', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 13px;
	line-height: 18px;
	color: #1e1e1e;
}
.mystickymenu-feature-top img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}
/*23-07-2020*/
.mystickymenu-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;
}
.popup-title {
	font-size: 26px;
	padding-bottom: 15px;
	font-family: 'Lato', sans-serif;
}
.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;
}
.mystickymenu-consent-main-field .mystickymenu-icon-wrap input {
	padding-right: 40px;
}

.welcomebar-icon-wrap.welcomebar-widget-title{
	width: 25%;
	margin-bottom: 10px;
	position: relative;
}
.welcomebar-icon-wrap.welcomebar-widget-title input[type="text"] {
    width: 100%;
    height: 38px;
    border-radius: 24px;
    padding-left: 15px;
    padding-right: 15px;
}
.welcomebar-icon-wrap.welcomebar-widget-title i {
    font-size: 20px;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}
.mystickymenu-popup-content a.welcomebar-close {
    width: 16px;
    height: 16px;
    line-height: 16px;
    position: absolute;
    top: 6px;
    right: 6px;
    z-index: 1;
    opacity: .75;
}
.mysticky-custom-fields-tooltip{
	position: relative;
	margin-left: 5px;
}
.mysticky-custom-fields-tooltip:hover p {
    bottom: 100%;
    opacity: 1;
    visibility: visible;
}
.mysticky-custom-fields-tooltip a.mysticky-tooltip {
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 35px;
    padding: 0;
    text-align: center;
    font-size: 12px;
    display: inline-block;    
    color: #ffffff;
	text-decoration: none;
    margin-top: 0 !important;
}
.mysticky-custom-fields-tooltip a.mysticky-tooltip .dashicons{
	text-transform: uppercase;
	color: #1E1E1E;
}
.mysticky-custom-fields-tooltip p {
    margin: 0;
    margin-bottom: 0px;
    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;
}
.mysticky-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;
}
.mysticky-welcomebar-poptin-content{
	font-size: 18px;
	display: flex;
	align-content: center;
}
.mysticky-welcomebar-poptin-content a{
	display: inline-block;
	padding: 0 5px;
	text-decoration: none;
}
.mysticky-welcome-poptin-logo{width: 100px;}

/*----------------------------New css 13-12-21----------------*/
.mysticky-welcomebar-countdownbg-color .col-1,
.mysticky-welcomebar-countdownbg-color .col-2{margin:25px 0;}

.mysticky-welcomebar-countdownbg-color .col-1 label,
.mysticky-welcomebar-countdownbg-color .col-2 label
{
	display: inline-block;
    width: 160px;
	margin-right:16px;
}
.mysticky-welcomebar-countdownbg-color .col-1 .mysticky_welcomebar_timerbg_color,
.mysticky-welcomebar-countdownbg-color .col-2 .mysticky_welcomebar_timertxt_color
{display: inline;}
.mysticky-welcomebar-countdowntimer{display:flex;}
.mysticky-welcomebar-countdowntimer label{
	width:245px; display:flex;
    align-items: center;
}
.mysticky-welcomebar-timer-position{display:flex;}
.mysticky-welcomebar-timer-position label.intitle{
	width:166px; display:flex;
    align-items: center;
}
.ui-timepicker-table tr td{
	padding:8px !important;
}
.ui-timepicker-table tr td .ui-widget-header{
background:#7761DF;
width:100% !important;
}
#ui-datepicker-div .ui-datepicker-header{
	background:#7761DF;
}
.mysticky-right-side label input[type="radio"] {
  display: none;
}
.mysticky-right-side span {
  display: inline-block;
  padding: 4px 21px 4px 0;
  font-family: 'Lato', sans-serif;
  font-size: 16px;
  cursor: pointer;
  position: relative;
}
.mysticky-right-side span:after{
content:"";
position: absolute;
bottom:0;
width:84%;
height:3px;
background: #6558f5;
display:none;
}
.mysticky-right-side span:hover:after,
.mysticky-right-side input[type="radio"]:checked ~ span:after {
  display:block;
}
.mysticky-right-side input[type="radio"]:checked ~ span {
  color:#6558f5;
}
.mysticky-welcomebar-timer-show-left .counter-timer,
.mysticky-welcomebar-timer-show-right .counter-timer
{
	display:inline-flex !important;
    align-items: center;
	font-size:14px;
	font-weight:500;
}
.mysticky-welcomebar-timer-show-left .counter-timer span,
.mysticky-welcomebar-timer-show-right .counter-timer span
{
	width:22px !important;
	height:22px;
	margin:0 6px;
	text-align:center;
	border-radius:6px;
	background:#000;
	color:#fff;
	line-height:22px;
	align-items: center;
}

.mysticky-welcomebar-fixed .mysticky-welcomebar-close {
    display: none;
    vertical-align: top;
    width: 20px;
    height: 20px;
    text-align: center;
    text-decoration: none;
    line-height: 20px;
    border-radius: 5px;
    color: #000;
    position: absolute;            
    top: 5px;
    right: 5px !important;
    text-shadow: 0 0 0px #fff;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.mysticky-welcomebar-fixed .mysticky-welcomebar-close:hover {
    opacity: 1;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}
.mysticky-welcomebar-fixed .mysticky-welcomebar-close span.dashicons {
    font-size: 27px;
}
.mysticky-welcomebar-fixed.mysticky-welcomebar-showx-desktop .mysticky-welcomebar-close {
    display: inline-block;
}   
.mysticky-welcomebar-fixed .mysticky-welcomebar-btn { 
    margin: 0 15px;
}
.mysticky-welcomebar-fixed .mysticky-welcomebar-close:hover {
    opacity: 1;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}
.mysticky-welcomebar-fixed.mysticky-welcomebar-showx-desktop .mysticky-welcomebar-close {
    display: inline-block;
	cursor: pointer;
}		
/* tooltip css */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}
.tooltip .tooltiptext {
  visibility: hidden;
  width: 80px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -45px;
}
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}
.tooltip:hover .tooltiptext {
  visibility: visible;
}

/*---------------------------------------------------------------------------// 22-12-21 //-----------------------*/
.mystickymenu-wrap{text-align:center;}
.mystickymenu-newwelcomebar-contents a,
.mystickymenu-widgets-btn-wrap a{
	display:inline-flex;
	color:#fff;
	font-size:16px;
	font-weight:500;
	font-family: 'Lato', sans-serif;
	padding:10px 20px;
	text-decoration:none;
	background:#6558F5;
	border-radius:5px;
	align-items: center;
	box-shadow: 0px 12px 12px -6px rgba(101, 107, 232, 0.25);
}
.mystickymenu-tab-boxes{display:flex; justify-content: center; margin-top:50px;}
.mystickymenu-tab-box{
	width:25%;
	margin:10px;
	display:flex;
	border:1px solid #C3CFD9;
	flex-direction: column;
    justify-content: space-between;
	padding-bottom:15px;
	background-color:#fff;
}
.mystickymenu-tab-box .stickymenu-settings{margin:0 35px;}
.mystickymenu-tab-box .stickymenu-box-header{ color:#4B5C6B; font-size:15px; font-weight:600; 
padding:8px 0; background:#DFE6ED; text-align:center; line-height:20px;}
.stickymenu-box-container p{font-size:14px;}
.mystickymenu-action-popup .mystickymenu-action-popup-footer button.btn-enable,
.mystickymenu-tab-box .stickymenu-box-button a{
	display: inline-flex;
	color: rgba(21, 25, 32, 0.5);
	font-size: 16px;
	font-weight: 500;
	font-family: 'Lato', sans-serif;
	padding: 12px 61px;
	text-decoration: none;
	border: 1px solid rgba(86, 103, 137, 0.26);
	border-radius: 8px;
	align-items: center;
	background: none;
	line-height: 24px;
	
}
table.mystickymenu-widgets-lists td{
	border:0.5px solid #F1F1F1;
}
/*border radiuse in dashboard table */
table.mystickymenu-widgets-lists th{
	border-top: 0 !important;
	border-bottom: 1px solid #F1F1F1 !important;
	border-left: 1px solid #F1F1F1 !important;
	border-right: 1px  solid #F1F1F1 !important;
}
.mystickymenu-dashboard table tr:first-child th:first-child{
    border-top-left-radius: 10px;
	border-top: 0 !important;
	border-left: 0 !important;
	border-bottom: 0.2px #F1F1F1 !important;
	border-right: 0.2px #F1F1F1 !important;
}
.mystickymenu-dashboard table tr:first-child th:last-child {
	border-top-right-radius: 10px;
	border-top: 0 !important;
	border-left: 0.2px #F1F1F1 !important;
	border-bottom: 0.2px #F1F1F1 !important;
	border-right: 0 !important;
}
.mystickymenu-wrap table.mystickymenu-widgets-lists{border-collapse:collapse; width:100%; 
margin:30px 0 0 0; background-color:#fff;}/*---------------------------------------------------------------------20-1-22-----*/
.mystickymenu-wrap table.mystickymenu-widgets-lists tr th{padding:8px !important; background:#F6F5FE; vertical-align: middle !important;}
.mystickymenu-wrap table.mystickymenu-widgets-lists tr td{padding:6px !important; vertical-align: middle !important;}
.mystickymenu-wrap table.mystickymenu-widgets-lists .tooltip{border:none;}
/**/
.mystickymenupopup-overlay{
	display:none;
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
	z-index: 9995;
}
.mystickymenu-action-popup{
    position: fixed;
    top: 80px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 9999;
    width: 500px;
    background-color: #fff;
    padding: 0 0 28px 0;
    box-shadow: 0px 10px 15px rgb(0 0 0 / 10%), 0px 4px 6px rgb(0 0 0 / 5%);
	border-radius:10px;  
}
.mystickymenu-action-popup-header{
	padding: 25px 25px 40px 25px;
	border-bottom: 1px solid #EAEFF2;
}
.mystickymenu-action-popup-header h3{
	margin: 0 0 0 11px !important;
	position:relative;
	float:left;
	
}
.mystickymenu-action-popup .mystickymenu-action-popup-body p{
	text-align: left;
	float: left;
	margin-left: 0;
	padding: 0 10px;
	font-size: 16px;
	font-weight: 400;
	font-style: normal;
	color: #181749;
}
.mystickymenu-action-popup-header span{
	float:right;
}
.mystickymenu-action-popup-footer button{cursor: pointer !important;}
.mystickymenu-action-popup .mystickymenu-action-popup-footer button.btn-disable-cancel{
	display: inline-flex;
	color: #fff;
	background: #F33;
	font-size: 15px;
	font-weight: 500;
	padding: 12px 80px;
	text-decoration: none;
	border-radius: 8px;
	align-items: center;
	margin-left: 15px;
	border: none;
	line-height: 24px;
}
.mystickymenu-action-popup .mystickymenu-action-popup-body{margin:10px 30px;}
.first-widget-popup{
	text-align:center;
	position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 99991;
    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,.first-widget-popup p,.first-widget-popup span,.first-widget-popup button,.first-widget-popup a{
	font-family:'Lato', sans-serif;
}
.first-widget-popup h4{
	font-weight: 600;
	font-size: 24px;
	line-height: 34px;
	color: #181749;
	margin:16px 0 0 0;
}
.first-widget-popup p{
	font-size: 16px;
    margin-top: 0px;
    padding: 0 32px;
    font-weight: 400;
    line-height: 24px;
    font-style: normal;
}
.first-widget-popup-contant{
	background: #F8F7FF;
	text-align: left;
	border-radius: 4px;
	padding: 0px 9px;
}
.first-widget-popup-contant h4{
	font-weight: 600;
	font-size: 16px;
	line-height: 34px;
	color: #181749;
	margin: 26px 0 0 0;
	font-family: inherit;
}
.first-widget-popup-contant p{
	font-size: 14px;
    margin-top: 16px;
    font-weight: 400;
    line-height: 33px;
	margin: 0px;
	padding: 0px;
    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:30px;
	align-items: center;	
	margin: 36px 0 10px 0;
	box-shadow: 0px 10px 15px rgb(0 0 0 / 10%), 0px 4px 6px rgb(0 0 0 / 5%);
}
.firstwidget-popup-contain a.btn-dashboard {
  font-size: 16px;
  font-weight: 400;
  color: #5F5DE4;
}
.close-chaty-maxvisitor-popup{
	position:absolute;
	top:17px;
	right:17px;
}
.mysticky-stickymenu-header-title h3{
	color:#1d2327;
	display: inline-block;
}
.stickymenu-switch{
	display: inline-block;
    width: 55px;
    height: 30px;
    position: relative;
	margin: 0 0 8px 10px;
}
.stickymenu-switch .slider:before{
	background-color: #ffffff;
}
.stickymenu-switch input:checked + .slider {
    background-color: #7761DF;
    border: 2px solid #7761DF;
}
.firstwidget-popup-contain a{
	color: #3c434a;
    text-decoration: none;
}
a.copyicon{text-decoration:none; color:#000;}
.mystickymenu-dashboard{text-align:left;}
.mystickymenu-dashboard .welcomebars-list-table{
	background:#fff;
	padding:20px 40px;
	text-align:center;	
}/*--------------------------------20-1-22------------------------------*/
.mystickymenu-dashboard h3{
	margin: 5px 0; 
}
.mystickymenu-dashboard .header-section{
	display: flex;
    justify-content: space-between;
    padding: 0 0 24px 0;
    border-bottom: 1px solid #EBEBEB;
    width: 100%;
}/*---------------------30-2-2022-----------------------------*/
.mystickymenu-dashboard .heading-title{display:inline-flex;}
.mystickymenu-dashboard .mystickymenu-widgets-btn-wrap{display:inline-flex;}
.mystickymenu-dashboard .mystickymenu-tab-boxs-wrap{display:block; margin:20px 0;}
.contactus-tab-option,.mystickymenu-tab-documentation{width:100%;} 
.mystickymenu-new302box{display:flex; justify-content:space-between; flex-wrap:wrap;}
.stickymenu-tab-option{margin-bottom:15px;}
.mystickymenu-dashboard .msm-bgbox{display:block; background:#f7f7f7; padding:0;
box-sizing:border-box;}
/*-----------------------------6-1-22--------------------------------*/

.stickymenu-box-container ul.documents-wrap-list{ text-align:left; list-style-type:disc; margin:15px 15px 15px 30px;}
.stickymenu-box-container ul.documents-wrap-list li{color:#6558F5; font-size:25px; margin-bottom:8px;}
.stickymenu-box-container ul.documents-wrap-list li a{color:#6558F5; font-family: 'Lato', sans-serif; font-size:16px;}
.msm-bgbox .stickymenu-box-button{display: block; padding:0 15px 15px 48px;}
.msm-bgbox .stickymenu-box-button a{
	display:inline-flex;
	color:#6558F5;
	font-size:16px;
	font-weight:500;
	font-family: 'Lato', sans-serif;
	padding:0 15px;
	text-decoration:none;
	border:1px solid #6558F5 !important;
	border-radius:5px;
	align-items: center;
	background:none;
	line-height:34px;
}
.contactus-title, .premio-footer-option,
.stickymenu-settings{display:flex; justify-content:space-between; align-items: center;}
.premio-footer-option{margin-top:6px;}
.premio-footer-option h3{color:#6558F5;}
.premio-footer-option h4{margin:5px 0;}
.premio-footer-option .premio-content-list{width:62%; margin:0;}
a.copyicon1{color:#6558F5; line-height:23px; text-decoration:underline;}
a.copyicon1 span{text-decoration:none;}
.dashicons-facebook-alt{color:#3B5998 !important;}
.dashicons-twitter{color:#00ACEE !important;}
.new-welcomebar-section-wrap{background:#fff; display:flex; padding:25px; justify-content: space-between;}
.mystickymenu-welcome-img, .mystickymenu-newwelcomebar-contents,
.new-welcomebar-section-wrap .mystickymenu-features{width:auto;}
.mystickymenu-wrap .mystickymenu-welcome-img img{max-width:80%; height:auto; text-align:center;}
.mystickymenu-newwelcomebar-contents{margin:0 10px;}
.mystickymenu-features{text-align:center;}
.mystickymenu-features .mystickymenu-features-list{ text-align:left; list-style-type:disc; 
    background: #F6F5FE;
    padding: 30px 15px 15px 15px;
    border-radius: 15px;
    margin-top: -20px;
}
.mystickymenu-features-list ul.documents-wrap-list{margin:15px 15px 15px 30px;}
.mystickymenu-features .mystickymenu-features-list li{color:#6558F5; font-family: 'Lato', sans-serif; font-size:16px;}
.documents-wrap-list{ text-align:left; list-style-type:disc;}
.documents-wrap-list li{ margin-bottom:16px;}
.mystickymenu-feature-title{
	display:inline-flex;
	color:#fff;
	font-size:16px;
	font-weight:500;
	font-family: 'Lato', sans-serif;
	padding:10px 20px;
	text-decoration:none;
	background:#6558F5;
	border-radius:5px;
	align-items: center;
	margin-top:15px;
}
.mystickymenu-feature-title img{width:22px; margin-right:7px;}
.welcomebars-list-table .mysticky-welcomebar-switch .slider{
	background-color: #FF424D;
    border: 2px solid #FF424D;
}
.mystickymenu-action-popup-footer{
	text-align:center;
	display:inline-block;
	margin-top:15px;
}
#stickymenu_status_popupbox .mystickymenu-action-popup-footer{
	display: block;
}
.welcombar-enabled-status .mystickymenu-action-popup-footer{
	display: block;
}
#mysticky-sticky-save-confirm .mystickymenu-action-popup-footer{
	display: block;
}
/*-------------------------// 6-1-22 //------------------*/
.mystickymenu-newwelcomebar-contents h2{font-family: 'Lato', sans-serif; font-size:28px; font-weight:bold;}
.premio-content-list span, .premio-footer-option label, .settings-content p, .contactus-contents-buttons span.folous, 
.stickymenu-box-button,
.mystickymenu-newwelcomebar-contents p{font-family: 'Lato', sans-serif; font-size:16px;color: #181749;font-style: normal;font-weight: 400;line-height: 24px;}
.premio-content-list h4{font-family: 'Lato', sans-serif; font-size:16px; font-weight:bold;}
.contactus-title h3, .mystickymenu-tab-documentation h3,
.stickymenubox-title-section h3{font-family: 'Lato', sans-serif; font-size:20px; font-weight:bold;}
.stickymenu-tab-option{padding:0 0 10px 0 !important;}
.stickymenubox-title-section h3,
.mystickymenu-tab-documentation h3, .contactus-title
{border-bottom:1px solid #EBEBEB; padding:24px 40px; margin:0;} /*---------------------------------------20-1-22-------------*/
.contactus-title h3{margin:0;}
.stickymenubox-title-section h3{margin:0 !important;} 
.contact-recent-lead .stickymenubox-title-section h3{padding: 24px 15px 24px 15px;}
.premio-footer-option, .stickymenu-box-container, .stickymenu-box-button,
.stickymenu-settings{padding:15px 20px 15px 40px; } /*--------------------------------------------------------------------20-1-22---*/
.mystickymenu-dashboard .heading-title h3{font-family: 'Lato', sans-serif; font-size: 28px !important; 
font-weight:600 !important; color:#1d2327 !important;}/*------------------------------------------------20-1-22---*/
.mystickymenu-newwelcomebar-contents p{margin:0;} /*------------------------------------------------20-1-22--new-*/
a.add_new_welcombar{margin:auto 0;} /*------------------------------------------------20-1-22--new-*/
.new-welcomebar-section-wrap .mystickymenu-newwelcomebar-contents a{margin-top:30px;}
.premio-footer-option h3 img{width:70px; height:auto; margin-right:10px;}
/*--------------------------------------------# 12-1-22 #----------------*/

.mysticky-welcomebar-fixed-wrap{flex-wrap: wrap; justify-content: space-between !important;}
.mysticky-welcomebar-timer-show-right{order: 3; display: inline-flex; width:100%; margin-top:15px;}
.mysticky-welcomebar-content{text-align:center;display: inline-flex; order: 1; margin:5px 5px!important;}
.mysticky-welcomebar-btn{order: 4;}
.mysticky-welcomebar-timer-show-right .counter-timer span,
.mysticky-welcomebar-timer-show-left .counter-timer span{margin:0 !important;}
.mysticky-welcomebar-timer-show-right .counter-main-block,
.mysticky-welcomebar-timer-show-left .counter-main-block{margin:0 5px !important;}
.mysticky-welcomebar-timer-show-right .counter-main-block label,
.mysticky-welcomebar-timer-show-left .counter-main-block label{font-size:11px !important;}
.mysticky-welcomebar-fixed .mysticky-welcomebar-btn{padding-left: 0 !important; margin:0;}
.add_new_welcombar:hover{
	opacity: 0.9;
}
.tooltip img{
	width:35px;
}

.mystickymenu-newwelcomebar-contents{
	max-width: 432px;
}
#stickymenu_status_ok{
	background-color:#28C67C;
}
.mysticky-welcomebar-content p{
	word-wrap: break-word;
	width: 100%;
}
.mystickymenu-widgets-lists tr td{
	font-size:16px;
}
.mystickymenu-widgets-lists tr th{
	font-size:16px;
}
#welcomebar-save-confirm{
	width: 677px;
	padding: 0 10px 28px 10px;
}
#welcomebar-save-confirm .mystickymenu-action-popup-footer{
	display: block;
}
#mysticky-sticky-save-confirm{
    width:600px;
}
#stickymenu_status_ok{
    padding: 12px 40px;
}
.left-cta{
    order: 2;
	margin: 0 10px 0 0 !important;
}
.right-cta{
    order: 4;
	padding-bottom:5px;
}
/* ToolTip Side */
.html-tooltip {
  position: relative;
  display: inline-block;
}
.dashicons,
.dashicons-before:before {
  font-family: dashicons;
  display: inline-block;
  line-height: 1;
  font-weight: 400;
  font-style: normal;
  color: #9e9e9e;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 20px;
  height: 20px;
  font-size: 20px;
  vertical-align: top;
  text-align: center;
  transition: color 0.1s ease-in;
}
.dashicons-editor-help:before {
  content: "";
}
.html-tooltip.side .tooltip-text {
  bottom: 125%;
  left: 100%;
  margin-left: 0;
  top: 5px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.html-tooltip .tooltip-text {
  visibility: hidden;
  width: 417px;
  background-color: #333;
  color: #fff;
  text-align: left;
  border-radius: 6px;
  padding: 10px;
  position: absolute;
  z-index: 1201;
  bottom: 125%;
  left: 50%;
  margin-left: -150px;
  opacity: 0;
  transition: opacity 0.3s;
  font-size: 12px;
  line-height: 18px;
  top: 100%;
  height: 125px;
}
.html-tooltip:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
  z-index: 9999999;
}
.html-tooltip.side .tooltip-text:after {
  top: 50%;
  left: -5px;
  transform: rotate(180deg);
  -webkit-transform: rotate(90deg);
}
.html-tooltip .tooltip-text:after {
  content: "";
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.html-tooltip .tooltip-text img {
  width: 100%;
  height: auto;
  display: block;
  margin: 10px 0 0 0;
}
.pagination {
	display: flex;
	margin: 16px 0px 0 0;
	justify-content: end;
}
.pagination span.page-numbers,
.pagination a {
	color: #BDBDBD;
	float: left;
	text-decoration: none;
	margin: 0 5px;
	border: 1px solid #BDBDBD;
	border-radius: 50%;
	width: 56px;
	height: 56px;
	font-size: 16px;
    font-weight: 500;
    font-style: normal;
    line-height: 56px;
}
.pagination .page-numbers.dots{
	border-radius: unset;
	border: unset;
}
.pagination span.current,
.pagination a.active {
  background-color: #6558F5;
  color: white;
  border-radius: 50%;
  width: 56px;
  height: 56px;
  border:unset;
}
.pagination a:hover:not(.active) {
  background-color: #ddd;
  border-radius: 50%;
}
.mystickymenu-widgets-lists thead tr{
	height: 63px;
}
.mystickymenu-widgets-lists tr{
	height: 88px;
}
.mysticky-welcomebar-backword-page a{
	text-decoration: none;
}
.mysticky-welcomebar-backword-page{
	padding: 0;margin: 0;float: right;
}
.mysticky-stickymenu-backword-page{text-align:end; padding:0 15px; float: right; margin-top: 28px;}
.mysticky-stickymenu-backword-page a{text-decoration:none;}

.save_view_dashboard{
	width: auto !important;
    background: #6558F5 !important;
    border: 1px solid #6558F5 !important;
	margin-left:10px !important;
}
.save_view_dashboard:hover{
	opacity: 0.8 !important;
}
.timer-message a{
	/* text-decoration:none; */
	color:#2271b1 !important;
    text-decoration:underline;
}
.timer-message p{
	padding: 0 10px;
}
.msm-active-license{
	max-width:unset !important;
}
.visit_site_link{
	text-decoration:none !important;
	position:relative;
}
.visit_site_link::after{
	content: '';
	width: 100%;
	border-bottom: solid 1px #2271b1;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	height: 1px;
}
.timer_datetime_box input[type=number]{
	width: 135px !important;
	margin-right: 24px !important;
}
.timer_datetime_box .col-1 label,
.timer_datetime_box .col-2 label{
	margin: 10px 0 0 8px;
	display:block;
}
/*----------------------------------------------------------*/
.mysticky-welcomebar-page-option .url-content input.url-inputs{
    width: 22vw;
}
.timer-color-text-tooltip{
	margin-left: 3px
}
.mystickymenu-widgets-lists .tooltip {
  opacity: 1;
  position: relative;
  display: inline-block;
}
.mysticky-welcomebar-setting-content-right .x-color-wrap {
    display: inline-flex;
    position: relative;
}
.mysticky-welcomebar-setting-content-right .x-color-wrap label {
    width: auto;
}
span.mysticky-welcomebar-colorpicker.color-x-input {
    margin-top: -5px;
    position: absolute;
    left: 60px;
}
.x-color-wrap .wp-picker-holder .iris-picker.iris-border {
    z-index: 10;
}
.mysticky-show-couponbar .mysticky-welcomebar-colorpicker .mysticky-welcomebar-setting-content-right {
    width: 10%;
    opacity: 1;
}
.mysticky-show-couponbar .mysticky-welcomebar-colorpicker label {
    width: auto;
}
.mysticky-show-couponbar div#wp-welcombar-coupon-textbar-editor-container {
    width: 100%;
}
.mystickymenu-bar-option{
    margin-top:10px;
    margin-bottom:30px;
    position: relative;
}
.mystickymenu-bar-option input[type="radio"] {
    display: none;
}
.mystickymenu-bar-option label {
    width: unset;
    padding-right: 40px;
    display: inline-block;
}
.mystickymenu-bar-option span {
    display: inline-block;
}
.mystickymenu-bar-option input[type="radio"]:checked ~ span {
    color: #6558f5;
}
.mystickymenu-bar-option span:hover:after, .mystickymenu-bar-option input[type="radio"]:checked ~ span:after {
    display: block;
}
.mystickymenu-bar-option label:first-child span:hover:after, .mystickymenu-bar-option label:first-child input[type="radio"]:checked ~ span:after{
    display: block; 
    width: 100%;
    max-width: 54px;
}
.mystickymenu-bar-option span:after {
    content: "";
    position: absolute;
    bottom: -5px;
    width: 100%;
    height: 3px;
    background: #6558f5;
    display: none;
    max-width: 82px;
}
.mysticky-couponbar-fixed {
    background-color: #03ed96;
    font-family: Poppins;
    position: absolute;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
    opacity: 1;
    top: 97px;
    width: 100%;
    height: 60px;
}
.mysticky-welcomebar-preview-screen .mysticky-couponbar-content {
    width: 100%;
    display:flex;
    align-items: center;
}
a.mysticky-couponbar-close {
    position: absolute;
    right: 10px;
    top: 5px;
    text-decoration: none;
}
.mysticky-welcomebar-preview-screen .mysticky-welcomebar-fixed .mysticky-coupon-btn {
    display: inline-flex;
    margin-left: 10px;
    color: rgb(232, 161, 173);
    width: auto;
    max-width: 40%;
    padding: 7px 7px 5px 5px
}
.mysticky-welcomebar-preview-screen .mysticky-welcomebar-fixed .mysticky-coupon-btn a{
    text-decoration: none;
    padding: 0 18px;
    font-size: 12px;
    display: inline-flex;
    border-radius: 4px;
    overflow: hidden;
    max-height: 39px;
    line-height:2.4em;
    height: 30px;
    width: auto;
    max-width: 135px;
}
.mysticky-show-couponbar .iris-picker.iris-border {
    z-index: 999;
}
.mysticky-welcomebar-preview-screen .mysticky-couponbar-content .coupon-text{
    margin-top: 0px; 
    width: 60%;
}
/*coupon coiped tooltip*/
.mysticky-welcomebar-preview-screen .coupon-cpy-tooltip {
    position: relative;
    display: inline-block;
}
.mysticky-welcomebar-preview-screen  .coupon-cpy-tooltip .tooltiptext {
    visibility: hidden;
    width: 73px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 2px 5px;
    position: absolute;
    z-index: 1;
    left: 50%;
    margin-left: -42px;
    opacity: 0;
    transition: opacity 0.3s;
    top: -9px;
    font-size: 9px;
    line-height: 1.2;
}
.mysticky-welcomebar-preview-screen .coupon-cpy-tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}
.mysticky-welcomebar-preview-screen .coupon-text-sp{
    border: 1px dashed #877572;
    padding: 5px 5px;
    border-radius: 5px;
    position: relative;
}
.mysticky-welcomebar-preview-screen .mysticky-coupon-btn.coupon-cpy-tooltip .coupon-text-sp svg{
    width: 14px;height: 14px;
    position: absolute;
    right: -9px;
    top: -8px;
    left: unset;
    display: block;
    transform: rotateY(180deg);
}
.mysticky-welcomebar-preview-screen .coupon-cpy-tooltip .vector{
    width: 10px;
    height: 10px;
    position: absolute;
    left: 4px;
    top: 0px;
    display: block;
}
.mysticky-welcomebar-preview-screen .coupon-cpy-tooltip .vector path {
    fill: #787b72;
}
.mysticky-collect-lead .mysticky-welcomebar-setting-content-right label {
    display: inline-block;
    vertical-align: top;
    width: 195px;
    padding-right: 10px;
}
.mysticky-collect-lead .mysticky-welcomebar-setting-content-right input[type="radio"] {
    display: none;
}
.mysticky-collect-lead .mysticky-welcomebar-setting-content-right label span {
    display: inline-block;
    padding: 4px 21px 4px 0;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    cursor: pointer;
    position: relative;
}
.mysticky-collect-lead .mysticky-welcomebar-setting-content-right input[type="radio"]:checked ~ span {
    color: #6558f5;
}
.mysticky-collect-lead .mysticky-welcomebar-setting-content-right span:hover:after,.mysticky-collect-lead .mysticky-welcomebar-setting-content-right input[type="radio"]:checked ~ span:after {
    display: block;
}
.mysticky-collect-lead .mysticky-welcomebar-setting-content-right label span::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 89%;
    background: #6558f5;
    height: 3px;
    display: none;
}
.mysticky-collect-lead .mysticky-welcomebar-setting-content-right .mysticky-welcomebar-switch span::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 89%;
    background: #eeeeee;
    height: 3px;
    display: none;
}

.email-send-lead-settings {
    background-color: #eff5f6;
    width: 644px;
    padding: 10px 10px 0 10px;
    margin-bottom: 20px;
    max-height: 213px;
}
.email-send-lead-settings label {
    font-size: 15px;
    margin-left: 15px;
    margin-top: 13px;
}
.email-send-lead-settings .mysticky-welcomebar-setting-content-right {
    width: 100%;
    align-items: center;
    display: block;
}

.email-send-lead-settings>.mysticky-welcomebar-setting-content-right>.mail-merge-tags {
    display: block;
}
.mail-merge-tags span {
    display: inline-block;
    background: #6558f5;
    color: #fff;
    font-size: 14px;
    padding: 1px 5px;
    margin: 4px 4px 0 0;
    border-radius: 5px;
    cursor: pointer;
}
.mysticky_welcome_email_subject{
    margin-bottom:5px;
}
/* preview section lead content */
.mysticky-welcomebar-preview-screen .mysticky-welcomebar-fixed .mysticky-welcomebar-lead-content {
    order: 2;
    display: flex;
    width: 240px;
    margin-left: -10px;
    min-width: 75%;
    margin-top: 5px;
}
.mysticky-welcomebar-preview-screen .mysticky-welcomebar-lead-content input[type="text"] {
    width: 50%;
    font-size: 10px;
}
.mysticky-welcomebar-preview-screen .mysticky-welcomebar-lead-content input[type="text"]:focus {
    outline: unset;
    box-shadow: unset;
}
.responstable a.external-link {
    color: #135e96;
    text-decoration: none;
    margin: 0 auto;
}
span.dashicons.dashicons-external {
    color: #135e96;
}
/*---------------------------New CSS 5-7-22--------------------------*/
.msmenu-flexbox{display: flex !important; justify-content: space-between;}
.msmenu-blockbox{display: block;}
.msmenu-box50{width: 49.4%;}
.msmenu-box100{width: 100%;}
.contact-recent-lead{margin-bottom: 15px;}
.stickymenubox-title-section{display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #EBEBEB;}
.stickymenubox-title-section h3{border: none;}
.stickymenubox-title-section a{margin-right: 15px;}
.stickymenu-no-lead{display: block; text-align: center; min-height: 171px;}
.stickymenu-no-lead img{ margin-top:25px;}
.stickymenu-no-lead p{text-align: center; font-size: 16px;}
.msmenu-btn{
    display: inline-flex;
    color: #6558F5;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Lato', sans-serif;
    padding: 0 15px;
    text-decoration: none;
    border: 1px solid #6558F5 !important;
    border-radius: 5px;
    align-items: center;
    background: none;
    line-height: 34px;
    cursor: pointer;
}
.recent-lead-table{padding:15px; min-height: 171px;}
.recent-lead-table table{ border-collapse: collapse;
    border-radius: 10px;
    border-style: hidden; /* hide standard table (collapsed) border */
    box-shadow: 0 0 0 1px #F0EFF3; /* this draws the table border  */ 
}
.recent-lead-table table th,
.recent-lead-table table td{border: 1px solid #F0EFF3; padding: 8px 15px !important;}
.recent-lead-table table th{background-color: #F0EFF3;}
.stickymenu.recent-lead-table table tr:first-child th:first-child{border-right: 1px solid #fff !important;}

/*------------------------------# Contact view Table #-------*/
.mystickymenu-contact-wrap p.description{font-size: 14px; margin: 2px 0 5px;color: #646970;}
.mystickymenu-btnmbox{display: flex; flex-wrap: wrap; margin: 15px auto;}
.mystickymenu-btnbx{display: inline-flex; align-items: center;}
.mystickymenu-btnmbox .wpappp_buton {
    padding: 12px 12px;
    cursor: pointer;
    transition: all 60ms ease-in-out;
    text-decoration: none;
    text-transform: capitalize;
    border: 0 none;
    border-radius: 4px;
    line-height: 1.3;
    color: #FFFFFF;
    background: #7761DF;
    margin: 0 20px 0 5px;
}
.mystickymenu-contact-wrap table.responstable{
    margin: 1em 0;
    width: 100%;
    overflow: hidden;
    background: #FFF;
    color: #024457;
    border-radius: 10px;
    border: 1px solid #7761DF;
    border-spacing: 4px; 
}
.mystickymenu-contact-wrap table.responstable tr:nth-child(even) {background: #fff}
.mystickymenu-contact-wrap table.responstable tr:nth-child(odd) {background: #eaf3f3}
.mystickymenu-contact-wrap table.responstable a{text-decoration: none;}
.mystickymenu-contact-wrap table.responstable th {
    border: 1px solid #FFF;
    background-color: #7761DF;
    color: #FFF;
    padding: 1em;}
.mystickymenu-contact-wrap table.responstable td {
    text-align: center; 
    margin: 0.5em 1em; 
    vertical-align:middle !important; 
    border-color:#D9E4E6; 
    padding: 4px 10px; 
    border-style: solid;
}
.mystickymenu-contact-wrap table.responstable td .mystickymenu-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;
}

.mysticky-welcomebar-setting-content label.bagicon{position: relative; display: flex; align-items: center;}
#mystickymenu .mysticky-welcomebar-setting-content-right .px-wrap input#mysticky_welcomebar_triggersec{width: 150px;}

.mysticky-welcomebar-setting-content-right .wp-picker-holder {
    position: absolute;
}
.mysticky-welcomebar-btn.collect-lead {
    width: auto;
    margin-left: -1px;
    margin-top: 5px;
}
.mysticky-welcomebar-fixed .mysticky-welcomebar-btn.collect-lead a {
    width: 100%;
    padding: 5px 8px;
    overflow: hidden;
    text-align: center;
}
div#welcomebar-showcoupon-confirm {
    width: 660px;
}
#welcomebar-showcoupon-confirm button#coupon_alert_btn_skip {
    padding: 12px 40px;
}
#welcomebar-showcoupon-confirm .mystickymenu-action-popup-body {
    margin: 10px 85px;
}
#welcomebar-showcoupon-confirm button#coupon_alert_btn_yes {
    padding: 12px 30px;
}
#welcomebar-showcoupon-confirm .mystickymenu-action-popup-footer {
    display: block;
}
.mysticky-collect-lead span.mysticky-custom-fields-tooltip {
    margin-top: 14px;
    padding: 0px !important
}
.mysticky-welcomebar-setting-content .html-tooltip span.dashicons.dashicons-editor-help {
    color: #1E1E1E;
}
.mysticky-welcomebar-setting-content .bagicon img {
    width: 20px;
}
.mysticky-welcomebar-setting-content-right .wp-picker-container .iris-picker.iris-border {
    z-index: 99;
}
.coupon-valid-error,.button-input-error,.coupon-copy-error{
    color: #FF424D;
}

/*---------------------New 10-8-22 -----------------------------------------*/
.wp-picker-holder{position: absolute; z-index: 9999;}
.x-color-wrap{z-index: 9999; align-items: center;}
.x-color-wrap .wp-picker-container .wp-color-result.button {margin: 0 6px 0 0;}
.wp-picker-container .wp-color-result.button {margin: 0px 6px 0px 0;}
.mysticky-welcomebar-setting-content .wp-core-ui.wp-editor-wrap.html-active,
.mysticky-welcomebar-setting-content .wp-core-ui.wp-editor-wrap.tmce-active{width: 400px;}
.mysticky-welcomebar-setting-content-right input.readonly, input[readonly], textarea.readonly, textarea[readonly] {
    background-color: unset;
}
.mysticky-welcomebar-setting-right{ z-index: 999;}
#ui-timepicker-div, .ui-widget.ui-widget-content{z-index: 99999 !important;}
.mysticky-welcomebar-setting-content-right .px-wrap span:first-child{margin:0 8px;}
.mysticky-welcomebar-setting-content-right.button-text-wrap,
.mysticky-welcomebar-setting-content-right.coupontext-wrap,.coupon-copy-wrap{display: block;}
.mysticky-welcomebar-preview-screen .mysticky-welcomebar-fixed-wrap .mysticky-welcomebar-btn a{padding: 5px 8px !important;} 

/* 2023-04-13 */
.mystickymenu-country-button {
	cursor: pointer;
	width: 400px;
	height: 42px;
	border-radius: 20px;
	padding: 0 10px;
	font-size: 14px;
	font-weight: 400;
	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: auto;
	background-size: 16px 16px;
	border: 1px solid #ccc;
	text-align: left;
	box-shadow: none;
	border: 1px solid #DCE2E2;
	border-top-color: rgb(220, 226, 226);
	border-right-color: rgb(220, 226, 226);
	border-bottom-color: rgb(220, 226, 226);
	border-left-color: rgb(220, 226, 226);
}
.mystickymenu-country-list-box {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  display: none;
  z-index: 1;
}
.mystickymenu-country-inputs {
	position: relative;
	width:400px;
}

.mystickymenu-country-inputs .upgrade-mystickymenu{
  float: none;
  position: absolute;
  top: 0;    
  left: 35%;
  right: auto;
  bottom: 0;
  background-color: rgba(0,0,0,0);
  text-align: center;  
  margin-left: 0px;
  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;
}
.mystickymenu-country-inputs:hover .upgrade-mystickymenu{
  opacity: 1;
  visibility: visible;
}
.mystickymenu-country-list-box.active {
	display: block;
}
.mystickymenu-wrap .mystickymenu-country-list-box select {
	max-width: initial;
	width: 310px;
}
body .select2-container--open .select2-dropdown--below {
	border-color: #ddd;
}
.mystickymenu-country-list-box .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
	display: none;
}
.mystickymenu-country-list-box .select2-container--default .select2-selection--multiple .select2-selection__rendered li:last-child {
	display: block;
}
.mystickymenu-country-list-box .select2-container .select2-search--inline .select2-search__field {
	width: 308px !important;
	padding: 0 10px;
	margin-top: 0;
}
.mystickymenu-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.select2-results__option--selected,
.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.select2-results__option.select2-results__option--selected::before,
.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.select2-results__option--selected::after,
.select2-container--default .country-action-btns + .select2-results__options .select2-results__option[aria-selected="true"]::after {
	content: "\f147";
	font-family: dashicons;    
}
/*****17/04/2023****/
.welcomebar-slider-text-option{
	position: relative;
}

.welcomebar-slider-text-option .upgrade-mystickymenu.myStickymenu-upgrade{
	position: absolute;
	top: 25%;
	right: 0;
	bottom: 0;
	left: 130px;
	margin: 0;
	padding: 0;
	float: none;
}
.welcomebar-slider-text-option.slider-text-transition-option .upgrade-mystickymenu.myStickymenu-upgrade{
	top: 20%;
}
.mysticky-collect-lead .welcomebar-text span.mysticky-custom-fields-tooltip:after{
	content:none;
}
.mysticky-collect-lead .welcomebar-text span.mysticky-custom-fields-tooltip{
	margin-top:0px;
}
.welcomebar-slider-text-option .welcomebar-slider-text{
	margin-top:10px;
}
span.add-more-slider-text span.dashicons.dashicons-insert{
	vertical-align: middle;
	margin-right:5px;
}
.welcomebar-slider-text-option span.add-more-slider-text {
    border: solid 1px #7559C0;
    padding: 6px 8px;
    color: #7559C0;
    margin: 5px;
    border-radius: 5px;
	font-weight:bold;
    display: inline-block;
}
span.add-more-slider-text span.dashicons.dashicons-insert{
	color:#7559C0;
}
span.add-more-slider-text span.dashicons.dashicons-insert#text{
	vertical-align: middle;
    margin-top:10px;
}
.welcomebar-slider-text span.dashicons.dashicons-remove.delete-slider-text-option {
    margin-left: 10px;
    vertical-align: middle;
	color:#808080;
}
.mysticky-welcomebar-url-values .url-setting-option,
.mysticky-welcomebar-url-box.url-box .url-title, 
.mysticky-welcomebar-url-boxes{
	display: none;
}
.mysticky-welcomebar-url-values .url-setting-option.active,
.mysticky-welcomebar-url-box.url-box .url-title.active,
.mysticky-welcomebar-url-boxes.active{
	display: block;
}
.mysticky-welcomebar-url-values .sumoselect-options{
    height: 40px !important;
    width: 200px !important;
}
.mysticky-welcomebar-page-option  .mysticky-welcomebar-url-values {
    display: flex;
    width: 69%;
}
.mysticky-welcomebar-page-option .mysticky-welcomebar-url-box {
    display: flex;
    width: 50%;
    align-items: center;
}
span.select2.select2-container.select2-container--default{
    width: 230px !important;
}
.mysticky-welcomebar-url-select {
    width: 16%;
}
.mysticky-welcomebar-url-option {
    width: 20%;
}
.mysticky-welcomebar-url-buttons {
    width: 4%;
}
.sm\:flex.items-center.mt-2.mysticky-welcomebar-url-boxes {
    width: 60%;
	display: flex;
}
.mysticky-welcomebar-url-values .select2-container--focus{
    width: 100% !important;
}
.mysticky-welcomebar-url-values .select2-selection__choice__remove{
    border: none;
    padding: 0px;
}
.url-setting-option .select2-container .select2-search--inline .select2-search__field,
.url-setting-option .select2-container .select2-search--inline{
	margin: 0;
}
.url-setting-option .select2-container--default .select2-selection--multiple .select2-selection__choice{
	margin-bottom: 0px;
}
.select2-selection__rendered li:first-child .select2-search__field, .url-setting-option span.select2.select2-container.select2-container--default {
   width: 22vw !important;
}
#mystickymenu #mysticky_welcomebar_height {
    width: 235px;
}
.flex-top{
    align-items: flex-start;
} 
.welcomebar_height_content  input[type="number"]{
    width: 230px !important;
}
label.mysticky-welcomebar-switch .slider {
    width: 100%;
    height: 100%;
    position: absolute !important;
}
label.mysticky-welcomebar-switch {
    width: 55px !important;
    height: 30px !important;
    padding: 0 !important;
}
#send_lead_email_enable{
    margin-top: 1px;
}

.mystickymenu-popup {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 100001;
    background: rgba(0, 0, 0, .75)
}

.mystickymenu-popup-box {
    padding: 0;
    width: 600px;
    max-width: 100%;
    margin: auto;
    top: 50%;
    position: absolute;
    left: 0;
    right: 0;
    border-radius: 5px;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    text-align: center;
    background: #fcfcfc
}

.mystickymenu-popup-header {
    padding: 15px;
    font-size: 20px;
    border-bottom: solid 1px #e6e6e6
}

.mystickymenu-popup-content {
    background: #fff;
    padding: 15px;
    font-size: 14px;
    line-height: 20px
}

.mystickymenu-popup-content iframe {
    margin: 30px 0
}

.mystickymenu-popup-footer {
    padding: 15px;
    border-top: solid 1px #e6e6e6
}

.mystickymenu-popup-footer button {
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    background: #00c478;
    color: #fff;
    cursor: pointer;
}

.close-mystickymenu-popup {
    margin: 0;
    padding: 0;
    background: 0 0;
    border: none;
    float: right;
    background: #000;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.close-mystickymenu-popup span {
    line-height: 24px
}

a.welcomebar-background-image {
    background-color: #7761DF;
    color: #fff;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    padding: 5px 12px;
    border-radius: 20px;
    box-shadow: none;
    outline: none;
    border: none;
    cursor: pointer;
}

/* 280524 CSS */
label:not(.mysticky-welcomebar-switch) {
    min-width: 100px;
}
.myStickymenu-upgrade a {
    line-height: 10px;
}
.mysticky-welcomebar-setting-content > .mysticky-welcomebar-setting-content-right {
    max-width: 400px;
}
.setting-content-relative {
    position: relative;
}
.setting-content-relative .myStickymenu-upgrade {
    position: absolute;
    right: 0;
}
.welcomebar-date-schedule-box.setting-content-relative:not(:hover) .myStickymenu-upgrade {
    display: none;
}
.welcomebar-date-schedule-box.setting-content-relative .myStickymenu-upgrade {
    right: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.mysticky_device_upgrade .mysticky-welcomebar-setting-content > .mysticky-welcomebar-setting-content-right {
    max-width: unset;
}

.mysticky-welcomebar-date-schedule-options label {
    display: block;
}
.mysticky_device_upgrade .mysticky-welcomebar-setting-content-right label {
    width: auto;
}

.mysticky-welcomebar-fixed-wrap {
    gap: 8px;
}
.mysticky-welcomebar-content {
    flex: 1;
}
.mysticky-welcomebar-static_text {
    width: 100%;
}

.mysticky-welcomebar-date-schedule-options {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.mysticky-welcomebar-date-schedule-options .welcomebar-date-schedule-boxes {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.mysticky-welcomebar-date-schedule-options .welcomebar-date-schedule-box {
    max-width: 50%;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.mysticky-welcomebar-date-schedule-options .welcomebar-date-schedule-box .date-time-box {
    display: flex;
    flex-direction: row;
    gap: 12px;
}
.welcomebar-date-schedule-box .date-time-box label {
    width: 120px;
    margin-bottom: 6px;
}
.welcomebar-date-schedule-box .date-time-box input {
    max-width: 100%;
}
.welcomebar-date-schedule-box .date-time-box .date-select-option,
.welcomebar-date-schedule-box .date-time-box .time-select-option {
    width: 45%;
}
a.mysticky-welcomebar-remove-date-schedule {
    background: #808080;
    width: 38px;
    height: 38px;
    font-size: 22px;
    color: #fff;
    line-height: 32px;
    text-decoration: none;
    display: flex;
    justify-content: center;
    border-radius: 4px;
    margin-top: 27px;
}

.mysticky-welcomebar-date-schedule-options span.myStickymenu-upgrade {
    margin-left: 0;
}

.mysticky-welcomebar-setting-content.send-leads-to-email label {
    width: 100%;
    max-width: 630px;
    padding-right: 0;
}
.mysticky-welcomebar-setting-content.send-leads-to-email .myStickymenu-upgrade {
    float: right;
}
.welcomebar-date-schedule-time-zone label {
    margin-bottom: 6px;
}

.mysticky-welcomebar-setting-content.send-leads-to-email .myStickymenu-upgrade {
    margin-left: 60px;
}


/*-========================media=====================*/
@media only screen and (max-width: 1490px) {
    .mysticky-welcomebar-setting-action + .mysticky-welcomebar-setting-action {
        padding-left: 10px;
    }
	.mysticky-welcomebar-setting-content > .mysticky-welcomebar-setting-content-right {
        width: 380px;
    }
    .mysticky-welcomebar-setting-right {
        width: 400px;
    }
}
@media only screen and (max-width: 1366px) {
    .mysticky-welcomebar-page-option .url-content select ,
    .mysticky-page-option .url-content select {
        width: 130px;
    }
    .mysticky-welcomebar-page-option .url-content input[type="text"] ,
    .mysticky-page-option .url-content input[type="text"] {
        width: 250px;
    }
    .select2-selection__rendered li:first-child .select2-search__field, .url-setting-option span.select2.select2-container.select2-container--default {
        width: 180px !important;
    }
    .mysticky-welcomebar-setting-action {
        display: block;
    }
    .mysticky-welcomebar-setting-action + .mysticky-welcomebar-setting-action {
        padding-left: 0;
        padding-top: 10px;
    }	
	#mystickymenu input[type="number"],
	.mysticky-welcomebar-setting-content-right select ,
	.mysticky-welcomebar-setting-content-right input[type="text"] ,
	.mysticky-welcomebar-setting-content-right textarea {
		width: 300px;
	}
    .premio-content-list h4 {font-size: 15px;}
    .premio-footer-option .premio-content-list {width: 60%;}
    .timer_datetime_box input[type=number]{width: 100px !important;}
}
@media only screen and (max-width: 1280px) {
    .mysticky-welcomebar-url-select{
        width: 18%;
    }
    .mysticky-welcomebar-page-option .mysticky-welcomebar-url-box {
        display: flex;
        width: 40%;
        align-items: center;
    }
    .select2-selection__rendered li:first-child .select2-search__field, .url-setting-option span.select2.select2-container.select2-container--default {
        width: 250px !important;
    }
    .email-send-lead-settings {
        width: 620px;
    }
    /*
	.mysticky-welcomebar-preview-screen {
        max-width: 91%;
    }
	*/
    .welcomebar-slider-text-option {
        width: auto;
    }
    .height-setting input[type="number"]{width: 231px!important;}
}
@media only screen and (max-width: 1200px) {
    .mysticky-welcomebar-page-option .url-content select ,
    .mysticky-page-option .url-content select {
        width: 110px;
    }
    .mysticky-welcomebar-page-option .url-content > div.mysticky-welcomebar-url-box ,
    .mysticky-page-option .url-content > div.mysticky-welcomebar-url-box {
        width: 230px;
    }
    .mysticky-welcomebar-page-option ,
    .mysticky-page-option {
        padding: 10px 3px;
    }
    .mysticky-welcomebar-page-option .url-content input[type="text"] ,
    .mysticky-page-option .url-content input[type="text"] {
        width: 150px;
    }
	.mysticky-welcomebar-setting-content-right select ,
	.mysticky-welcomebar-setting-content-right input[type="text"] ,
	.mysticky-welcomebar-setting-content-right textarea {
		width: 270px;
	}
}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
    .pt_numberbutton.pt_numberdown {
        position: relative;
        margin-left: -75px;
        top: -29px;
    }
    .pt_numberbutton.pt_numberup {
        position: relative;
        top: -29px;
        left: 70px;
    }
}
@media only screen and (max-width: 1180px)  {
    /*-----Main---*/
    .mysticky-welcomebar-setting-content,
    .email-send-lead-settings {width: 55%;}
    .mysticky-welcomebar-setting-right{width: 370px;}
    .mysticky-welcomebar-setting-content-right select,
    .mysticky-welcomebar-setting-content-right input[type="text"]{width: 100%; height: 34px;}
    .mysticky-welcomebar-setting-content-right select, #mystickymenu input[type=number]
    {width: 100%; height: 34px;}
    .mysticky-collect-lead .mysticky-welcomebar-setting-content-right label{width: 50%;}
	div#wp-welcombar-coupon-textbar-wrap,
    div#wp-mysticky_bar_text-wrap, .mysticky-welcomebar-expirydate, .mysticky-welcomebar-setting-attention,
    .email-send-lead-settings .mysticky-welcomebar-setting-content, .px-wrap,
    .mysticky-show-couponbar div#wp-welcombar-coupon-textbar-editor-container,
    .mysticky-welcomebar-setting-content .wp-core-ui.wp-editor-wrap.tmce-active,
    .mysticky-welcomebar-timer-countdown .mystickymenu-countdown-timmer,
    .mysticky-welcomebar-setting-action, .mysticky-welcomebar-page-options, #wp-mysticky_thankyou_screen_text-wrap,
    .mysticky-welcomebar-close-automatically-sec .mysticky-welcomebar-setting-action,
    .mysticky-welcomebar-setting-content.show-on-apper{width: 100%;}
    .mysticky-welcomebar-setting-content.show-on-apper label{width: 20%;}
    .mysticky-welcomebar-setting-content.show-on-apper .mysticky-welcomebar-setting-content-right{width: 80%;}
    .mysticky-welcomebar-setting-content-right.timer_datetime_box{width: 100%;}
    .mysticky-welcomebar-setting-content-right.timer_datetime_box .col-1{margin-right: 15px;}
    .timer_datetime_box input[type=number] {width: 100% !important; margin-right: 0; }
   .mysticky-welcomebar-setting-action.trigger-wrap{width:61% ;}
   .mysticky-welcomebar-url-values{width: 35%;}
    #mystickymenu .mysticky-welcomebar-setting-content-right .px-wrap input{padding-right: 50px}
    input.url-inputs {width:100% !important;}
    .mysticky-welcomebar-page-option .url-content input[type="text"]{padding: 0 7px;}
    .mysticky-welcomebar-setting-action.mysticky-welcomebar-triggersec{padding-top: 0; margin-left: 7px;}
    .mysticky-welcomebar-setting-content-right .px-wrap span:first-child{margin:0 10px;}
    .mysticky-welcomebar-setting-content-right .px-wrap input#mysticky_welcomebar_triggersec_automatically{width: 52%;}
    #mystickymenu .mysticky-welcomebar-setting-content-right .px-wrap input#mysticky_welcomebar_triggersec{width: 100%; padding-right:50px;}
    .px-wrap {display: inline-flex; align-items: center;}
    .mysticky-collect-lead .mysticky-welcomebar-setting-content-right label span {padding: 4px 10px 4px 0;}
    .mysticky-welcomebar-fixed-wrap {padding: 10px 0 !important;}
    .mysticky-welcomebar-poptin-content {font-size: 14px;}
    .msmenu-blockbox .stickymenu-box-button.settings-buttons #btn-config-disable { margin: 5px 0px;  padding: 0 17px;}
    .mysticky-welcomebar-preview-screen .mysticky-welcomebar-fixed .mysticky-coupon-btn a {padding: 0 10px; font-size: 10px; height: 24px;}
    .mysticky-welcomebar-fixed .mysticky-couponbar-content p {font-size: 12px !important;}
    .mysticky-welcomebar-preview-screen .mysticky-welcomebar-fixed .mysticky-welcomebar-lead-content 
    { width: 67%; justify-content: space-evenly;   margin-left: 0px; min-width: unset;margin-top: 5px;}
    #welcombar-coupon-textbar_ifr{width: 99% !important;}
    .mysticky-welcomebar-setting-content-right.trigger-wrap{flex-wrap: unset;}
    .mysticky-welcomebar-setting-content-right.trigger-wrap .mysticky-welcomebar-setting-action.mysticky-welcomebar-triggersec{width: 54%;}
    .wrap.mystickymenu-contact-wrap .mystickymenu-btnbx {margin-bottom: 15px;}
    input#submit.button.button-primary { font-size: 16px; text-align: center; padding: 0 15px;}
    .mysticky-welcomebar-page-option .url-content > div.mysticky-welcomebar-url-box{width: 130px; margin-top: 0;}
    span.input-px {height: 34px;line-height: 34px;width: 40px;}
}
@media only screen and (max-width: 1100px) {
    .mysticky-welcomebar-setting-right {
        width: 340px;
        right: 10px;
    }
    .mysticky-welcomebar-page-option .mysticky-welcomebar-url-box{
        display: flex;
        width: 50%;
        align-items: center;
    }
    .mysticky-welcomebar-url-buttons {
        width: 8%;
    }
}

@media only screen and (max-width: 1024px) {
    .mysticky-welcomebar-setting-right {
        right: 10px;
        width: 310px;
    }
    .mysticky-welcomebar-setting-content > label {
        font-size: 16px;
        width: 200px;
        padding-right: 10px;
    }
    .mysticky-welcomebar-preview-screen.mysticky-welcomebar-preview-mobile-screen {max-width: 250px;}
    .mysticky-welcomebar-fixed {padding: 0 10px 0 10px;}
    .mysticky-welcomebar-fixed .mysticky-welcomebar-close {
        width: 20px;
        height: 20px;
        line-height: 20px;
        right: 0px;
    }
    .mysticky-welcomebar-setting-right{width: 310px;}
}
@media only screen and (max-width: 912px)  {
    .mysticky-welcomebar-setting-content,
    .email-send-lead-settings {width: 61%;}
    .mysticky-welcomebar-setting-right{width: 310px;}
    .mysticky-welcomebar-preview-screen .mysticky-welcomebar-fixed .mysticky-welcomebar-lead-content{width: 100%;}
    .mysticky-welcomebar-setting-content > label {font-size: 14px;}
    .mysticky-welcomebar-preview-screen .mysticky-welcomebar-fixed .mysticky-welcomebar-lead-content {width: 67%;}
    .mysticky-welcomebar-preview-screen .mysticky-welcomebar-btn.collect-lead a{font-size: 12px;}
    .mysticky-welcomebar-page-option .url-content > div.mysticky-welcomebar-url-box{width: 120px; margin-top: 0;}
    .select2-selection__rendered li:first-child .select2-search__field, .url-setting-option span.select2.select2-container.select2-container--default {
        width: 100% !important;
    }
    .mysticky-welcomebar-url-select {width: 21%;}
    .mysticky-welcomebar-url-option {width: 22%;}
    .mysticky-welcomebar-expirydate {margin-bottom: 5px;}
    .mysticky-welcomebar-triggersec, .mysticky-welcomebar-expirydate-gmt{padding-left: 0px; }
}
@media only screen and (max-width: 840px) {	
    .mysticky-welcomebar-setting-wrap .myStickymenu-upgrade{margin-left: 5px;}
    .mysticky-welcomebar-setting-content-right{flex-wrap: wrap;}
    .x-color-wrap{width: 100%; margin-top: 15px; display: inline-block !important;;}
    .mysticky-welcomebar-setting-wrap label{font-size: 14px;}
    span.input-px {height: 34px;line-height: 34px;width: 40px;}
    .mysticky-welcomebar-switch .slider:before {height: 25px; width: 25px;}	
	label.mysticky-welcomebar-switch,
    .mysticky-welcomebar-setting-content-right label.mysticky-welcomebar-switch {width: 48px; height:26px;}	
    .mysticky-welcomebar-switch input:checked + .slider:before {transform: translateX(18px);}
    .mysticky-welcomebar-setting-position .mysticky-welcomebar-setting-content-right label:first-child{width: 70px;}
    .mysticky-welcomebar-setting-wrap .mysticky-welcomebar-setting-position .myStickymenu-upgrade {margin-left: -12px;}
	.mysticky-right-side span{padding: 4px 5px 4px 0; font-size: 14px;}
    .wp-picker-container .wp-color-result.button {padding: 0 0 0 30px; margin: 0 6px 9px 0;}
    .mysticky-welcomebar-colorpicker.mysticky_welcomebar_btn_color label { margin-top: 0;}
    .timer_datetime_box input.mysticky_welcome_date_time{width:100px !important;}
    .mysticky-welcomebar-fixed-wrap input.preview-lead-email,
    .mysticky-welcomebar-fixed-wrap input.preview-lead-name{min-height: auto; height: 24px;}
    .mysticky-welcomebar-preview-screen .mysticky-welcomebar-fixed .mysticky-welcomebar-lead-content{margin:0 auto;}
    .mystickymenu-action-popup-footer .btn-enable.btn-nevermind-status{ margin: 10px auto;}
    .welcomebar-slider-text-option .welcomebar-slider-text input[type="text"]{width:187px;}
    .mystickymenu-tab-boxs-wrap{flex-wrap: wrap;}
	.mystickymenu-tab-stickymenu, .mystickymenu-tab-documentation,.contactus-tab-option{display:block; width:100%;}
	.mystickymenu-tab-documentation{margin-top:15px;}
	.new-welcomebar-section-wrap {justify-content: center; flex-wrap: wrap;}
	.mystickymenu-welcome-img{text-align:center;}
	.mystickymenu-newwelcomebar-contents{text-align:center; margin:15px 0;}
    .mysticky-welcomebar-setting-right{width: 275px;}
    .mysticky-welcomebar-setting-content-right select, #mystickymenu input[type=number] {width: 92%;}
    .welcomebar_height_content .px-wrap{width: 69%;}
    .welcomebar_height_content input[type="number"] {width: 175px !important;}
    .mysticky-welcomebar-close-automatically-sec .mysticky-welcomebar-setting-action{width: 85%;}
    label.mysticky-welcomebar-switch .slider {width: 93%;}
    .px-wrap{width: 92%;}
    input[type=checkbox] , input[type=radio]{height: 1rem!important;width: 1rem!important;}
    input[type=checkbox]:checked:before{width: 1.3125rem!important;height: 1.3125rem!important;}
    .mysticky-welcomebar-setting-content{padding-bottom: 15px;}
    input[type=radio]:checked:before {vertical-align: middle;width: 0.5rem;height: 0.5rem;margin: 0.18rem;line-height: .76190476;}
    .mysticky-welcomebar-setting-content-right select, .mysticky-welcomebar-setting-content-right input[type="text"] {width: 92%;}
    .mysticky-welcomebar-setting-content .myStickymenu-upgrade{width: 150px;}
    
}
@media only screen and (max-width: 782px) {
    .main-content, .main-sidebar {
        width: 100%;
        float: none;
        clear: both;
    }
    .mysticky-welcomebar-setting-right{width: 270px;}
    .mysticky-welcomebar-fixed.mysticky-welcomebar-showx-desktop .mysticky-welcomebar-close {
        display: none;
    }
    .mysticky-welcomebar-fixed.mysticky-welcomebar-showx-mobile .mysticky-welcomebar-close {
        display: inline-block;
    }
}
@media only screen and (max-width: 576px) {
	.stickymenu-settings{flex-wrap:wrap; justify-content: center;}
	.premio-footer-option{flex-wrap:wrap; justify-content: center;}
	.msm-bgbox .stickymenu-box-button {text-align: center;}
	.premio-footer-option .premio-content-list {width: auto; margin:15px 0;}
	.premio-footer-option, .stickymenu-box-container, .stickymenu-box-button, .stickymenu-settings{padding: 15px 20px;}
}
@media only screen and (max-width: 480px) {
    .mysticky-welcomebar-fixed .mysticky-welcomebar-close {
        right: 7px;
    }
}

.mysticky-welcomebar-full-screen-preview {
    width: 80%;
    z-index: 99999;
    position: fixed !important;
    right: 40px !important;
    top: 50px;
    margin-top: 0px !important;
}
.mystickymenu-bar-coupon-option{
	float: left;
}
.mysticky-welcomebar-full-screen{
    text-align: right;
	float: right;
}
.mysticky-welcomebar-preview-wrap.mysticky-welcomebar-full-screen-preview-body{
    width: 100%;
    height: 100%;
    width: 100%;
    z-index: 9999;
    position: fixed !important;
    right: 0px !important;
    top: 0px;
    margin-top: 0px !important;
    backdrop-filter: blur(2px);
}
.mysticky-welcomebar-preview-wrap.mysticky-welcomebar-full-screen-preview-body .mysticky-welcomebar-fixed-wrap{
	justify-content: center !important;
}
.mysticky-welcomebar-preview-wrap.mysticky-welcomebar-full-screen-preview-body .mysticky-welcomebar-lead-content,
.mysticky-welcomebar-preview-wrap.mysticky-welcomebar-full-screen-preview-body .mysticky-welcomebar-timer-show-right,
.mysticky-welcomebar-preview-wrap.mysticky-welcomebar-full-screen-preview-body .mysticky-welcomebar-content{
	width: unset !important;
	min-width: unset;
	margin: 0 20px !important;	
}
.mysticky-welcomebar-full-screen-preview .mysticky-welcomebar-btn {    
    text-align: center;
}
.welcomebar-full-screen-btn{
    border: 1px solid #00000047;
    background: #ffffff;
    border-radius: 3px;
    padding: 5px;    
    line-height: 20px;
    font-size: 14px;
    font-family: 'Poppins';
}
.welcomebar-minimise-screen-btn{
    border: 1px solid #00000047;
    background: #d9d9d9;
    border-radius: 3px;
    padding: 5px;
    line-height: 20px;
    font-size: 14px;
    font-family: 'Poppins';
}
.mysticky-welcomebar-full-screen-preview .mysticky-welcomebar-preview-screen{
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}

.mysticky-welcomebar-btn a {
    outline: none !important;
    cursor: pointer;
    position: relative;
}   

.mysticky-welcomebar-hover-effect-border1 {
    position: relative;
}
.mysticky-welcomebar-hover-effect-border1 a { 
    display: block;
    width: 100%;
    height: 100%;
}
.mysticky-welcomebar-hover-effect-border1:before,
.mysticky-welcomebar-hover-effect-border1:after {
    position: absolute;
    content: "";
    height: 0%;
    width: 2px;
    background: #000;
}
.mysticky-welcomebar-hover-effect-border1:before {
    right: 0;
    top: 0;
    transition: all 0.1s ease;
    z-index: 1 !important;
}
.mysticky-welcomebar-hover-effect-border1:after {
    left: 0;
    bottom: 0;
    transition: all 0.1s 0.2s ease;
}
.mysticky-welcomebar-hover-effect-border1:hover:before {
    transition: all 0.1s 0.2s ease;
    height: 100%;
}
.mysticky-welcomebar-hover-effect-border1:hover:after {
    transition: all 0.1s ease;
    height: 100%;
}
.mysticky-welcomebar-hover-effect-border1 a:before,
.mysticky-welcomebar-hover-effect-border1 a:after {
    position: absolute;
    content: "";
    background: #000;
}
.mysticky-welcomebar-hover-effect-border1 a:before {
    left: 0;
    top: 0;
    width: 0%;
    height: 2px;
    transition: all 0.1s 0.1s ease;
}
.mysticky-welcomebar-hover-effect-border1 a:after {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
}
.mysticky-welcomebar-hover-effect-border1 a:hover:before {
    width: 100%;
}

.mysticky-welcomebar-hover-effect-border2 a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
.mysticky-welcomebar-hover-effect-border2:before,
.mysticky-welcomebar-hover-effect-border2:after {
    position: absolute;
    content: "";
    right: 8px;
    transition: all 0.3s ease;
    border-radius: 4px;
}
.mysticky-welcomebar-hover-effect-border2:before {
    width: 2px;
}
.mysticky-welcomebar-hover-effect-border2:after {
    width: 0%;
    height: 2px;
}
.mysticky-welcomebar-hover-effect-border2:hover:before {
    height: 29px;
}
.mysticky-welcomebar-hover-effect-border2:hover:after {
    width: 63px;
}
.mysticky-welcomebar-hover-effect-border2 a:before,
.mysticky-welcomebar-hover-effect-border2 a:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    transition: all 0.3s ease;
    z-index: 0 !important;
}
.mysticky-welcomebar-hover-effect-border2 a:before {
    width: 2px;
    height: 0%;
}
.mysticky-welcomebar-hover-effect-border2 a:after {
    width: 0%;
    height: 2px;
}
.mysticky-welcomebar-hover-effect-border2 a:hover:before {
    height: 100%;
}
.mysticky-welcomebar-hover-effect-border2 a:hover:after {
    width: 100%; 
}
.mysticky-welcomebar-hover-effect-border3 a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
.mysticky-welcomebar-hover-effect-border3:before,
.mysticky-welcomebar-hover-effect-border3:after {
    position: absolute;
    content: "";
    right: 8px;
    transition: all 0.3s ease;
}
.mysticky-welcomebar-hover-effect-border3:before {
    height: 14px;
    width: 2px;
}
.mysticky-welcomebar-hover-effect-border3:after {
    width: 14px;
    height: 2px;
}
.mysticky-welcomebar-hover-effect-border3:hover:before {
    height: 29px;
}
.mysticky-welcomebar-hover-effect-border3:hover:after {
    width: 63px;
}
.mysticky-welcomebar-hover-effect-border3 a:before,
.mysticky-welcomebar-hover-effect-border3 a:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    transition: all 0.3s ease;
    z-index: 0 !important;
}
.mysticky-welcomebar-hover-effect-border3 a:before {
    width: 2px;
    height: 50%;
}
.mysticky-welcomebar-hover-effect-border3 a:after {
    width: 12px;
    height: 2px;
}
.mysticky-welcomebar-hover-effect-border3 a:hover:before {
    height: 100%;
}
.mysticky-welcomebar-hover-effect-border3 a:hover:after {
    width: 100%;
}
.mysticky-welcomebar-hover-effect-border4 a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
.mysticky-welcomebar-hover-effect-border4:before,
.mysticky-welcomebar-hover-effect-border4:after {
    position: absolute;
    content: "";
    right: 8px;
    bottom: 20px;
    transition: all 0.3s ease;
}
.mysticky-welcomebar-hover-effect-border4:before {
    height: 14px;
    width: 2px;
}
.mysticky-welcomebar-hover-effect-border4:after {
    width: 14px;
    height: 2px;
}
.mysticky-welcomebar-hover-effect-border4:hover:before {
    height: 29px;
}
.mysticky-welcomebar-hover-effect-border4:hover:after {
    width: 64px;
}
.mysticky-welcomebar-hover-effect-border4 a:before,
.mysticky-welcomebar-hover-effect-border4 a:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    transition: all 0.3s ease;
}
.mysticky-welcomebar-hover-effect-border4 a:before {
    width: 2px;
    height: 50%;
}
.mysticky-welcomebar-hover-effect-border4 a:after {
    width: 20%;
    height: 2px;
}
.mysticky-welcomebar-hover-effect-border4 a:hover:before {
    height: 100%;
}
.mysticky-welcomebar-hover-effect-border4 a:hover:after {
    width: 100%;
}

.mysticky-welcomebar-hover-effect-fill1 a {
    z-index: 1;
}
.mysticky-welcomebar-hover-effect-fill1 a:after {
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}
.mysticky-welcomebar-hover-effect-fill1 a:hover:after {
    width: 100%;
}
.mysticky-welcomebar-hover-effect-fill1 a:active {
    top: 2px;
}
.mysticky-welcomebar-hover-effect-fill2 a {
    z-index: 1;
}
.mysticky-welcomebar-hover-effect-fill2 a:after {
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    direction: rtl;
    z-index: -1;
    transition: all 0.3s ease;
}
.mysticky-welcomebar-hover-effect-fill2 a:hover:after {
    left: auto;
    right: 0;
    width: 100%;
}
.mysticky-welcomebar-hover-effect-fill2 a:active {
    top: 2px;
}
.mysticky-welcomebar-hover-effect-fill3 a {
    border: 0px solid #000;
    z-index: 1;
}
.mysticky-welcomebar-hover-effect-fill3 a:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    transition: all 0.3s ease;
}
.mysticky-welcomebar-hover-effect-fill3 a:hover:after {
    top: 0;
    height: 100%;
}
.mysticky-welcomebar-hover-effect-fill3 a:active {
    top: 2px;
}
.mysticky-welcomebar-hover-effect-fill4 a {
    z-index: 1;
}
.mysticky-welcomebar-hover-effect-fill4 a:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all 0.3s ease;
}
.mysticky-welcomebar-hover-effect-fill4 a:hover:after {
    top: auto;
    bottom: 0;
    height: 100%;
}
.mysticky-welcomebar-hover-effect-fill4 a:active {
    top: 2px;
}
.mysticky-welcomebar-hover-effect-fill5 a {
    border: 0px solid #000;
    z-index: 3;
}
.mysticky-welcomebar-hover-effect-fill5 a:after {
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1;
    transition: all 0.3s ease;
}
.mysticky-welcomebar-hover-effect-fill5 a:hover:after {
    left: 0;
    width: 100%;
}
.mysticky-welcomebar-hover-effect-fill5 a:active {
    top: 2px;
}

.mysticky-welcomebar-full-screen-preview .mysticky-welcomebar-fixed.mysticky-welcomebar-timer-active .mysticky-welcomebar-btn.right-cta,
.mysticky-welcomebar-full-screen-preview .mysticky-welcomebar-fixed.mysticky-welcomebar-timer-active .mysticky-welcomebar-timer-show-right,
.mysticky-welcomebar-full-screen-preview .mysticky-welcomebar-fixed.mysticky-welcomebar-timer-active .mysticky-welcomebar-btn.left-cta,
.mysticky-welcomebar-preview-screen .mysticky-welcomebar-fixed.mysticky-welcomebar-collectlead-active .mysticky-welcomebar-content,
.mysticky-welcomebar-preview-screen .mysticky-welcomebar-fixed-wrap .mysticky-welcomebar-content {
    flex: unset;
}
.mysticky-welcomebar-preview-screen .mysticky-welcomebar-fixed:not(.mysticky-welcomebar-timer-active):not(.mysticky-welcomebar-collectlead-active) .mysticky-welcomebar-content,
.mysticky-welcomebar-full-screen-preview .mysticky-welcomebar-fixed.mysticky-welcomebar-collectlead-active .mysticky-welcomebar-content,
.mysticky-welcomebar-full-screen-preview .mysticky-welcomebar-fixed-wrap .mysticky-welcomebar-content {
	flex: 1;
}