@import url(' https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/all.css');
 @import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900&display=swap');
 .mauwoo-main-template, .mauwoo-go-pro{
   font-family: 'Lato', sans-serif;
   font-size: 16px;
 }
  .fas.fa-hand-point-right {
  font-size: 40px;
  vertical-align: middle;
  margin-right: 10px;
  color: #59cf59;
}
 .mautic_close {
	background-color: #F22628;
	width: 24px;
	height: 24px;
	display: inline-block;
	color: #ffffff;
	line-height: 26px;
	font-weight: bold;
	border-radius: 50%;
	text-align: center;
}

.mauwoo_close{
  color: #F22628;
  font-size: 25px;

}
.mauwoo-spinner {
  font-size: 28px;
  color: #00bf9a;
  position: absolute;
  margin: 0 auto;
  top: 5px;
  left: 44%;
  transform: translateX(-50%)
}
.mauwoo-hide {
  display: none !important;
}

.mauwoo-fields-on-user-choice .mauwoo-fields-select .mauwoo_groups .form-table table tr td:nth-child(2) {
  width: 100px;
  text-align: center;
}
.mauwoo-header-prevdata-notice {
  background-color: #596AAF;
  margin-top: 0;
  display: flex;
  justify-content: space-between;
  padding: 5px 20px;
  color: #ffffff;
  font-size: 16px;
  align-items: center;
  flex-wrap: wrap;
}
.mauwoo-header-cron-notice-left {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 10px 0;
}
.mauwoo-header-cron-notice-left a {
  font-size: 13px;
  background-color: #ffffff;
  color: #575252;
  padding: 4px 7px;
  text-decoration: none;
  border-radius: 4px;
  margin: 0 3px;
  text-transform: capitalize;
  display: inline-block;
}
#mautic_woo_close_popup {
  color: #a7a4a4;
  float: right;
  font-weight: bold;
  margin-left: 20px;
  text-decoration: none;
  position: absolute;
  right: 10px;
  top: 2px;
  font-size: 25px;
  line-height: 1;
}
.mauwoo-header-cron-notice-left #mauwoo-go-pro-link {
  background-color: #ffffff;
  color: #444444;
  text-decoration: none;
  padding: 5px 10px;
  border-radius: 4px;
  display: inline-block;
}
.mauwoo-header-cron-notice-left p {
  font-size: 15px;
  margin: 0 10px 0 0;
  line-height: 1.7;
}
 .mauwoo-admin-wrap {
  padding: 20px 20px 20px 0;
}
.mauwoo-header-cron-notice .updated {
  margin: 10px 0 0 0;
}
.mautic-woo-center-image{
  display: block;
  margin: 0 auto;
}
.mauwoo-general-settings .mauwoo-order-status label {
  width: 200px;
  display: inline-block;
}
.mauwoo-button, .submit input[type="submit"] {
  background-color: #4E5D9D;
  color: #ffffff;
  padding: 8px 20px;
  text-transform: capitalize;
  text-decoration: none;
  margin: 10px 0;
  min-width: 110px;
  display: inline-block;
  border-radius: 4px;
  transition: 0.2s linear all;
  height: auto;
  box-shadow: none;
  text-shadow: none;
  font-size: 15px;
  border: none;
  line-height: 26px;
  cursor: pointer;
}
.mauwoo-small-button{
  padding: 2px 6px;
  min-width: auto;
}

.mauwoo-progress-notice-bottom {
  margin-bottom: 10px;
}
.mauwoo-progress-wrap {
  padding: 10px;
  box-shadow: 1px 2px 15px rgba(0,0,0,0.15);
}
#mautic_woo_get_started ~ div p {
  text-align: center;
}
.mauwoo-button-secondary{
  background-color: #596AAF;
}
.mauwoo-button:hover, .mauwoo-button:focus,
.submit input[type="submit"]:hover, .submit input[type="submit"]:focus{
  background-color: #596AAF;
  transition: 0.2s linear all;
  color: #ffffff;
  box-shadow: none;
  text-shadow: none;
  outline: 0;
}
.mauwoo-actions a {
  margin: 10px 5px;
}
.mauwoo-header-cron-notice {
  padding: 10px 0;
}
.mauwoo-button-secondary:hover, .mauwoo-button-secondary:focus{
  background-color: #4E5D9D;;
}
.mauwoo-main-template img {
  max-width: 100%;
  width: auto;
}
.mauwoo-image-scroll {
  height:300px;
  display: block;
  overflow-y: auto;
}
.text-center{
  text-align: center;
}
.mauwoo-main-template, .mauwoo-main-template *, .mauwoo-go-pro , .mauwoo-go-pro *{
 box-sizing: border-box;
 -webkit-box-sizing: border-box;
}
a:focus{
  outline: 0;
  box-shadow: none !important;
}
.mauwoo-lock::after {
  background-image: url('../images/pro_tag.png');
  background-size: cover;
  content: "";
  display: inline-block;
  font-weight: 900;
  height: 35px;
  position: absolute;
  right: 5px;
  top: 7px;
  width: 35px;
  z-index: 1;
}
.mauwoo-header-template{
  text-align: center;
}
.mauwoo_alert{
  color: red;
}
.mauwoo-body-template {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
}
.mauwoo-nav-tab {
  border-bottom: 1px solid #efefef !important;
  border-image: none;
  color: #555555;
  display: block;
  font-size: 13px;
  line-height: 35px;
  margin: 0;
  padding: 7px 18px;
  position: relative;
  text-decoration: none;
  text-transform: capitalize;
}
.mauwoo-nav-tab i {
  margin-right: 7px;
}
.mauwoo-nav-tab.nav-tab-active::after {
  content: "";
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 10px solid #ffffff;
  position: absolute;
  right: 1px;
  top: 40%;
  transform: rotate(90deg) translateY(-50%);
}
.mauwoo-nav-tab:focus, .mauwoo-nav-tab:hover {
  color: #000000 !important;
  display: block;
  text-decoration: none;
}
.mauwoo-error-log-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
.mauwoo-navigator-template {
  flex: 0 0 20%;
  vertical-align: top;
  max-width: 20%;
  background-color: #ffffff;
  border-right: 1px solid #efefef;
}
.mauwoo-content-template {
  padding: 10px 30px;
  flex: 0 0 80%;
  background: #ffffff;
  max-width: 80%;
}
.mauwoo-content-template p {
  font-size: 16px;
  line-height: 1.7;
}
.mauwoo-sidebar{
  float: left;
  padding: 10px;
  margin: 10px;
}
.mauwoo-overview-container {
  margin: 10px 1%;
  padding: 20px;
  text-align: center;
  vertical-align: top;
  box-shadow: 1px 2px 20px #e4dbdb;
  height: 100%;
  position: relative;
  max-width: 31.33%;
  border-radius: 6px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 160px;
  width: 100%;
}
.mauwoo-overview-footer{
  text-align: center;
  padding: 5px;
}
.mauwoo_pop_up_wrap {
  background-color: rgba(0, 0, 0, 0.55);
  bottom: 0;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 9999;
}
.mauwoo_pop_up_wrap p {
  color: #232323;
  font-size: 17px;
  text-align: center;
  margin-top: 0;
}
.mauwoo_pop_up_wrap .pop_up_sub_wrap {
  background-color: #ffffff;
  border-radius: 3px;
  box-shadow: 1px 2px 20px rgba(0, 0, 0, 0.55);
  box-sizing: border-box;
  left: 0;
  margin: 0 auto;
  max-width: 450px;
  min-height: 228px;
  padding: 16px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
}
.mauwoo_pop_up_wrap .pop_up_sub_wrap .button_wrap {
  margin-top: 35px;
  text-align: center;
}
.mauwoo_pop_up_wrap .pop_up_sub_wrap .button_wrap a {
  border-radius: 3px;
  box-sizing: border-box;
  color: #fff;
  display: block;
  font-size: 17px;
  padding: 10px;
  text-decoration: none;
  width: 80%;
  margin: 0 auto 15px;
  background-color: #4E5D9D;
}
.mauwoo_oauth_span {
  display: block;
  margin: 30px 0;
}
.mauwoo_rfm_settings input[type=number]{
  width: 60px;
}
span.mauwoo_oauth_span label {
  background-color: #d9edf7;
  border-left: 3px solid #0073aa;
  color: #31708f;
  display: inline-block;
  line-height: 32px;
  margin: 0;
  padding: 0 30px 0 15px;
  position: relative;
}
span.mauwoo_oauth_span label::after {
  border-bottom: 8px solid transparent;
  border-left: 10px solid #0073aa ;
  border-top: 8px solid transparent;
  content: "";
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
}
.popupwrap .mauwoo-message-area, .mauwoo-customer-message-area, .mauwoo-subs-message-area{
  overflow-y: auto;
}
/* progress bar*/

.mauwoo-progress {
  background-color: #EAF0F6;
  border-radius: 2px;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  height: 18px;
  overflow: hidden;
  margin: 15px 0;
}
.mauwoo-progress-bar {
  background-color: #00BDA5;
  background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  background-size: 15px;
  -webkit-animation: progress-bar-stripes 1s linear infinite;
  animation: progress-bar-stripes 1s linear infinite;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  transition: width .6s ease;
}
@-webkit-keyframes progress-bar-stripes {
  from {background-position:1rem 0}
  to {background-position:0 0}
}
@keyframes progress-bar-stripes {
  from {background-position:1rem 0}
  to {background-position:0 0}
}


/*progress bar END*/
.mauwoo-fields-select, .mauwoo-fields-display, .mauwoo-fields-created-list{
  max-height: 600px;
  overflow-y: auto;
}
.mauwoo_rfm_settings{
  overflow-y: auto;
  max-width: 750px;
}
.popupwrap .mauwoo-message-area, .mauwoo-customer-message-area, .mauwoo-subs-message-area {
  overflow: auto !important;
  height: 250px !important;
}
.popupwrap {
  background-color: #ffffff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.12);
  display: block;
  left: 0;
  opacity: 1;
  padding: 30px;
  position: relative;
  right: 0;
  margin: 0 auto;
  max-width: 600px;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
}
#mauwoo-setup-process, #mauwoo-subs-setup-process, #mauwoo-customer-setup-process{
  background-color: rgba(0, 0, 0, 0.65);
  bottom: 0;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 999;
}
.mauwoo-field-checked {
  position: relative;
  margin: 0 auto;
  text-align: center;

}
.mauwoo-field-checked-getstarted {
  text-align: center;
  position: relative;
  max-width: 50px;
  margin: 0 auto;

}
.mauwoo-error-log-head a {
  background-color: #4E5D9D;
  color: #ffffff;
  border: none;
  padding: 6px 10px;
  border-radius: 4px;
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  margin-right: 15px;
  margin-bottom: 20px;
}
.mauwoo-field-checked input[type="checkbox"]:checked::before {
  content: "\f00c";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 14px;
  position: absolute;
  top: 50%;
  margin-left: -5px;
  transform: translateY(-20%);
}

.mauwoo-check {
  color: #00bf9a;
  font-size: 28px;

}
.popupwrap > p {
  font-size: 19px;
  font-weight: 600;
  position: relative;
}
.progress {
  background: #ccc none repeat scroll 0 0;
  border-radius: 30px;
}
.mauwoo table.form-table tbody tr:nth-child(2n) {
  background: #e2e2e2 none repeat scroll 0 0;
}
.mauwoo table.form-table tbody tr th {
  padding-left: 10px;
}
.mauwoo .mauwoo-nav-tab-wrapper .nav-tab-active{
  background: #fff;
}
#mauwoo_loader.loading-style-bg img {
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100px;
}
#mauwoo_loader.loading-style-bg {
  background-color: rgba(0, 0, 0, 0.65);
  bottom: 0;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 2147483647;
}
.mauwoo_rfm_settings table.wp-list-table td p span {
  width: 80px;
  display: inline-block;
}
.mauwoo_rfm_settings table.wp-list-table tbody#the-list tr:nth-child(odd) {
  background-color: #0077ad1a;
}
#mauwoo-order-statuses ~ .select2.select2-container.select2-container--default{
  width: 250px !important;
}
/*13-09-2019 */
/*========================================
=            Get started section          =
========================================*/

.mautic_woo_get_started {
  text-align: center;
  width: 100%;

}
.mauwoo_getstarted table th{
  background: #efefef;
  padding: 14px;
  text-align: center;
}
.mauwoo_getstarted table {
  width: 100%;
  text-align: left;
  background-color: #efefef;
  border-collapse: collapse;


}
.mauwoo_getstarted tr {
  background: #ffffff;
}
.mauwoo_getstarted table td {
  padding: 10px 15px;
  font-size: 14px;
  border-bottom: 1px solid #efefef;
  text-align: center;
}
.mauwoo_getstarted table td{
  padding: 10px 15px;
  font-size: 14px;
}

.mauwoo_getstarted table table th {
  background-color: #dddddd;
  padding: 14px;
}
.mauwoo_getstarted table th:last-child {
  text-align: center;
}







/*=====  End of overview-section  ======*/

/*21-6-2018*/
/*========================================
=            overview-section            =
========================================*/
.mauwoo-overview-body {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-left: -1%;
  margin-right: -1%;
  text-align: center;
}
.mauwoo-overview-container h4{
  font-size: 18px;
  margin-top: 8px;
  margin-bottom: 12px;
}
.mauwoo-overview-container .mauwoo-anchors {
  color: #413f3f;
  text-decoration: none;
  text-align: left;
  display: block;
  font-size: 16px;
  line-height: 32px;
  position: relative;
}
.mauwoo-desc-num {
  position: absolute;
  right: 0;
  bottom: 0;
  background: #596AAF;
  width: 40px;
  height: 40px;
  margin: 0 auto;
  color: #ffffff;
  font-weight: bold;
  line-height: 40px !important;
  font-size: 23px !important;
  border-radius: 6px 0 6px 0;
}
.mauwoo-overview-footer-content-2{
  text-align: center;
  margin-bottom: 20px;
  margin-top: 40px;
}
.mauwoo-overview-footer-content-2 img{
  vertical-align: middle;
  margin-right: 10px;
}
.mauwoo-tabs .nav-tab-active, .mauwoo-tabs .nav-tab-active:focus, .mauwoo-tabs .nav-tab-active:focus:active, .mauwoo-tabs .nav-tab-active:hover {
  color: #ffffff!important;
  box-shadow: none;
  background-color: #596AAF;
}
.mauwoo-main-template h2{
  color: #555555;
  line-height: 33px;
  font-size: 28px;
}
/*=====  End of overview-section  ======*/
/*=======================================
=            connect-section            =
=======================================*/
.mauwoo_oauth_span .button-primary {
  background: #4E5D9D;
  text-shadow: none;
  padding: 2px 10px;
  height: auto;
  margin-left: 10px;
  border-color: #4E5D9D;box-shadow: none;
}
.mauwoo-connect-form-header h2{
  font-size: 30px;
  line-height: 33px;
}
.mauwoo-connection-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-left: -1%;
  margin-right: -1%;
}
.mauwoo-connection {
  margin: 30px 1% 0;
  padding: 20px;
  box-shadow: 1px 2px 20px #e4dbdb;
  max-width: 31.33%;
  width: 100%;
  position: relative;
  vertical-align: top;
  word-wrap: break-word;
  word-break: break-all;
  text-align: center;
}
.mauwoo-connection-icon i {
  display: inline-block;
  font-size: 60px;
}
.mauwoo-connection-icon .fa-check-circle {
  color: #00bf9a;
}
.mauwoo-connection-icon .fa-envelope-open-text {
  color: #177AF1;
}
.mauwoo-connection-icon .fa-clock {
  color: #D43D47;
}
.mauwoo-connection .mauwoo-connection-label, .mauwoo-connection .mauwoo-acc-email-label, .mauwoo-connection .mauwoo-token-expiry-label {
  font-size: 19px;
  font-weight: bold;
  margin: 15px 0;
}
.mauwoo-connection .mauwoo-connection-status-text {
  font-size: 14px;
  margin-top: 0;
}
/*=====  End of connect-section  ======*/
/*====================================
=            custom-field            =
====================================*/
.mauwoo_groups table th{
  background: #efefef;
  padding: 14px;
}
.mauwoo_groups table {
  width: 100%;
  text-align: left;
  background-color: #efefef;
  border-collapse: collapse;
}
.mauwoo_groups tr {
  background: #ffffff;
}
.mauwoo_groups table td {
  padding: 10px 15px;
  font-size: 14px;
  border-bottom: 1px solid #efefef;
}
.mauwoo_groups table td{
  padding: 10px 15px;
  font-size: 14px;
}
.mauwoo-fields-setup {
  margin-top: 30px;
}
.mauwoo-fields-setup a {
  margin-right: 5px;
}
.mauwoo_groups table table th {
  background-color: #dddddd;
  padding: 14px;
}
.mauwoo_groups table th:last-child {
  text-align: center;
}
.mauwoo-fields-created .mauwoo-fields-created-list table  td  .mauwoo-create-single-field {
  border: 0;
  text-align: center;
  background: #4E5D9D;
  color: #fff;
  text-shadow: none;
  box-shadow: none;
  position: absolute;
  left: 0;
  right: 0;
  width: 80px;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
}

.fas.fa-check-circle.mauwoo-check {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}


/*=====  End of custom-field  ======*/
/*============================================
=            connect-form-section            =
============================================*/
.mauwoo-connect-form-desc {
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 25px;
  margin-top: 25px;
}
.mauwoo-connection-container label {
  font-size: 16px;
  width: 150px;
  display: inline-block;
  margin-bottom: 15px;
}
.mauwoo-connection-container input {
  height: 45px;
  margin-bottom: 15px;
}
.mauwoo-content-container .notice.notice-success.is-dismissible{
  box-shadow: 2px 2px 11px #cecece;
  color: #46B450;
  font-weight: bold;
}
.mauwoo-content-container .notice.notice-success.is-dismissible {
  box-shadow: 2px 2px 11px #cecece;
  color: #46B450;
  font-weight: bold;
  margin: 10px 0;
}
.mauwoo-overview-footer-content-1.mauwoo-footer-container {
  background: #efefef;
  padding: 20px;
  margin: 20px 0;
  text-align: center;
}
.mauwoo-overview-footer-content-1.mauwoo-footer-container p {
  color: #4E5D9D;
  font-size: 22px;
  margin: 0;
}
/*=====  End of connect-form-section  ======*/
/*============================================
=            Mautic Custom Fields            =
============================================*/
.mauwoo_groups table th{
  background: #efefef;
  padding: 33px;
}
.mauwoo_groups table {
  width: 100%;
  text-align: left;
  background-color: #efefef;
}
.mauwoo_groups tr {
  background: #ffffff;
}
.mauwoo_groups table th p{
  font-size: 20px;
  color: #4E5D9D;
}
.mauwoo-fields-setup {
  margin-top: 30px;
}
.mauwoo-fields-setup a {
  margin-right: 5px;
}
/*flying notice*/
.mauwoo-noti-wrap {
  position: fixed;
  top: 20px;
  width: 300px;
  left: auto;
  right: 20px;
  background-color: #9DE6B1;
  padding: 20px 10px 20px;
  border-radius: 4px;
  font-size: 14px;
  box-shadow: 2px 3px 10px rgba(0,0,0,0.25);
  opacity: 0;
  visibility: hidden;
  top: 60px;
}

.mauwoo-noti-wrap.mauwoo-noti-wrap-error {
  background-color: #ea4f4f;
  color: #ffffff;
}
.mauwoo-noti-wrap.show{
  -webkit-animation-name: mauwoo-animatescale;
  animation-name: mauwoo-animatescale;
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
  opacity: 1;
  visibility: visible;
}
.mauwoo-noti-wrap.noti-ani {
  opacity: 0;
  visibility: hidden;
}
.mauwoo-noti-wrap.hide {
  -webkit-animation-name: mauwoo-animatescaleclose;
  animation-name: mauwoo-animatescaleclose;
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
}
.mauwoo-noti-close {
  position: absolute;
  top: 2px;
  right: 9px;
  text-decoration: none;
  color: #999999;
}
@-webkit-keyframes mauwoo-animatescale {
  0% {
	opacity: 0;
	-webkit-transform: translate3d(0,40px,0) scale3d(0.1,0.6,1);
  }
  100% {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0) scale3d(1,1,1);
  }
}

@keyframes mauwoo-animatescale {
  0% {
	opacity: 0;
	-webkit-transform: translate3d(0,40px,0) scale3d(0.1,0.6,1);
	transform: translate3d(0,40px,0) scale3d(0.1,0.6,1);
  }
  100% {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0) scale3d(1,1,1);
	transform: translate3d(0,0,0) scale3d(1,1,1);
  }
}
@-webkit-keyframes mauwoo-animatescaleclose {
  0% {
	-webkit-transform: translate3d(0,40px,0) scale3d(1,1,1);
  }
  100% {
	-webkit-transform: translate3d(0,0,0) scale3d(0,0,0);
  }
}

@keyframes mauwoo-animatescaleclose {
  0% {
	-webkit-transform: translate3d(0,40px,0) scale3d(1,1,1);
	transform: translate3d(0,40px,0) scale3d(1,1,1);
  }
  100% {
	 -webkit-transform: translate3d(0,0,0) scale3d(0,0,0);
	transform: translate3d(0,0,0) scale3d(0,0,0);
  }
}

/*=====  End of Mautic Custom Fields  ======*/
/*==============================================
=            overview-popup-section            =
==============================================*/
#TB_window #TB_iframeContent .mauwoo-custom-fields-img {
  padding: 15px !important;
}
#TB_window #TB_iframeContent .mauwoo-custom-fields-img img {
  border: 1px solid #bababa;
  box-shadow: 2px 2px 17px #bababa;
  width: 100% !important;
}
/*=====  End of overview-popup-section  ======*/
.mauwoo-nav-tab.nav-tab-active.mauwoo-lock:after{
  content: none;
}
.mauwoo-nav-tab.nav-tab-active.mauwoo-lock:before{
  content: none;
}
.mauwoo-nav-tab.nav-tab-active.mauwoo-lock img {
  position: absolute;
  content: "";
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  display: block;
}
.mauwoo-nav-tab img{
  display: none;
}
a:hover{
  text-decoration: none;
}
/*=======================================
=            setting-section            =
=======================================*/
.mauwoo-advanced-settings{
  display: inline-block;
  vertical-align: top;
  margin: 25px;
  background-color: #efefef;
  min-height: 220px;
  height: 100%;
  padding: 25px;
  text-align: left;
  box-shadow: 2px 2px 11px #bababa;
}
.mauwoo-advanced-settings,
.mauwoo-general-settings label{
  font-size: 14px;
}
.mauwoo-order-status {
  margin-bottom: 15px;
}
.mauwoo-advanced-setting{
  margin-bottom: 15px;
}
.mauwoo_advanced_setting {
  text-decoration: none;
  color: #fff;
  background: #9B5C8F;
  padding: 6px 20px;
  display: inline-block;
  margin-left: 15px;
}
.mauwoo_advanced_setting:hover{
  color: #ffffff;
}
.mauwoo-advanced-settings {
  padding-bottom: 45px;
}
.mauwoo-general-settings h2 {
  margin-top: 0;
  font-size: 22px;
}

.mautic-woo-custom-tags{
  width: 248px;
  height: 38px ;
}

.mautic-woo-log-viewer{
  max-height: 600px;
  overflow-y: scroll;
}

/*=====  End of setting-section  ======*/
/*=========================================
=            licencing-section            =
=========================================*/
.mauwoo-license-form-header h2{
  font-size: 25px;
}
.mauwoo-license,.mauwoo-license-form-submit p{
  text-align: center;
}
.mauwoo-license{
 padding: 10px;
 margin: 10px;
}
.mauwoo-license-container {
  background: #efefef;
  margin: 25px;
  padding: 20px;
}
.mauwoo-license-form-desc {
  font-size: 14px;
  line-height: 27px;
  color: #9B5C8F;
}
#mauwoo_license_key {
  height: 40px;
}
.mauwoo-license-container label {
  font-size: 16px;
}
/*=====  End of licencing-section  ======*/
.mauwoo-main-template a.mauwoo-main-buy, .mauwoo-main-template a.mauwoo-pro-buy {
 background-color: #4e5e9e;
 color: #fff;
 padding: 15px 40px;
 display: inline-block;
 text-decoration: none;
 font-size: 18px;
}
.mautic-woo-premium-body .mautic-premium-features h4 {
 font-size: 22px;
 color: #2d1670;
}
.mautic-woo-premium-body .mautic-premium-features ul li {
 font-size: 16px;
 margin-bottom: 20px;
}
.mautic-woo-premium-body .mauwoo-common-header span {
 font-size: 20px;
}
.mautic-woo-premium-body p.mauwoo-pro {
 font-size: 15px;
}
.mautic-woo-premium-body .mauwoo-highlight-section {
 border: solid #4e5e9e;
 background-color: #fff794;
 width: 100%;
 max-width: 560px;
 margin: 0 auto;
 padding: 10px 0px;
}
.mauwoo-go-pro-now {
 margin: 30px 0;
}
.mauwoo-inner-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  background-color: #4E5D9D;
  padding:18px;
}
.mauwoo-name-wrapper {
  flex: 0 0 40%;
}
.mauwoo-static-menu {
  flex: 0 0 60%;
  display: flex;
  justify-content: flex-end;
}
.mauwoo-static-menu:after{
  display: block;
  content: "";
  clear: both;
}
.mauwoo-static-menu li {
  display: inline-block;
  margin: 0;
}
.mauwoo-static-menu ul{
  margin: 0;
}
.mauwoo-name-wrapper p {
  color: #ffffff;
  font-size: 22px;
  margin: 0 !important;
  font-weight: bold;
}
.mauwoo-name-wrapper p img {
  max-width: 70px;
  width: auto;
  vertical-align: middle;
}
.mauwoo-static-menu li a {
  font-size: 13px;
  background-color: #ffffff;
  color: #575252;
  padding: 4px 7px;
  text-decoration: none;
  border-radius: 4px;
  margin: 0 3px;
  text-transform: capitalize;
  display: inline-block;
}
#mauwoo-skype-link i {
  margin-right: 5px;
}
 /*=====================================
 =            popup-section            =
 =====================================*/
 .muawoo-content-container .modal-header {
  background: #9B5C8F;
  color: #fff;
}
.muawoo-content-container .modal-footer {
  background: #9B5C8F;
}
.muawoo-content-container .modal-content a {
  display: inline-block;
  padding: 10px 20px;
  background: #F77719;
  box-shadow: 2px 2px 9px #bababa;
  margin-bottom: 12px;
  color: #ffffff;
}
.muawoo-content-container .modal-content .modal-body p {
  font-size: 18px;
  font-weight: bold;
  color: #2D1656;
}
.muawoo-content-container .modal-content .close {
  color: #fff;
  content: "";
  opacity: 1;
  font-size: 40px;
  top: 14px;
  position: absolute;
  right: 10px;
  top: -6px;
}
/*=====  End of popup-section  ======*/
/*version 1.0.3 */
#mautic-woo-disabled-custom-fields ~ .select2.select2-container.select2-container--default{
  width: 250px !important;
}
.mauwoo-tab-disabled,.mauwoo-tab-disabled:hover,.mauwoo-tab-disabled:focus{
  box-shadow: none !important;
  cursor:not-allowed;
  color: #555555;
}
/*version 1.0.3 */
/*app set up popup*/
.mauwoo-app-setup-wrapper {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.6);
  z-index: 9999999;
  padding: 15px 10px;
  width: 100%;
  pointer-events: none;
  transition: 0.3s ease-in-out all;
  transform: translateY(-100%);
  opacity: 0;
  visibility: hidden;
  transform-origin: 50% 50%;
  margin: 0 auto;
}
.mauwoo-app-setup-wrapper.show {
  pointer-events: all;
  transition: 0.3s ease-in-out all;
  transform: none;
  opacity: 1;
  visibility: visible;
}
.mauwoo-app-setup-content {
  max-width: 830px;
  margin: 0 auto;
  background-color: #ffffff;
  overflow-y: auto;
  height: 100%;
}
.mauwoo-app-setup-header {
  padding: 6px 20px;
  text-align: center;
  border-bottom: 1px solid #dddddd;
  position: relative;
}
.mauwoo-app-setup-header-close {
  position: absolute;
  top: 20px;
  right: 20px;
  color: #b1adad;
  font-weight: bold;
  font-size: 16px;
  cursor: pointer;
  border: 1px solid #b1adad;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
}
.mauwoo-app-setup-body {
  padding: 20px;
}
.mauwoo-app-setup-content img{
  max-width: 100%;
  width: auto;
  height: auto;
}
.mauwoo-app-setup-body ul {
  padding-left: 15px;
}
.mauwoo-app-setup-body ul li {
  list-style-type: disc;
  line-height: 1.7;
}
/*===================================
=            media-query            =
===================================*/
@media screen and (max-width: 961px) {
  .mauwoo-static-menu li:nth-child(4) {
	display: none;
  }
  .mauwoo-name-wrapper p{
	font-size: 17px;
  }
   .mauwoo-lock::after {
	right: 2px;
	height: 25px;
	top: 22px;
	width: 25px;
  }
}
@media screen and (max-width: 767px) {
   .mauwoo-name-wrapper, .mauwoo-static-menu {
	flex: 0 0 100%;
	justify-content: center;
  }
  .mauwoo-name-wrapper p{
	text-align: center;
  }
  .mauwoo-overview-container,
  .mauwoo-connection{
	max-width: 100%;
  }
  .mauwoo-nav-tab span {
	display: none;
  }
  .mauwoo-nav-tab{
	text-align: center;
  }
  .mauwoo-main-template h2{
	font-size: 22px;
  }
  .mauwoo-nav-tab i{
	margin-right: 0;
  }
  .mauwoo-nav-tab{
	padding: 7px;
  }
  #mauwoo-order-statuses ~ .select2.select2-container.select2-container--default,
  #mautic-woo-disabled-custom-fields ~ .select2.select2-container.select2-container--default {
	width: 89%!important;
  }
}
.mauwoo_go_pro_link {
  float: right;
}
#mautic_woo_close_popup {
color: #aaaaaa;
float: right;
font-size: 17px;
font-weight: bold;
margin-left: 20px;
text-decoration: none;
}


.mauwoo-order-status {
  height: 38px;
  width: 248px;
}

#progress_bar_hide {
  display: none;
}

#seg_img {
  width:70%;
}

#render_form_data {
  text-align:center;
}

#woo_premium {
  font-size:18px;
}

/*=====  End of media-query  ======*/