.impersonate-sticky-info {
    position:fixed;
    top:0;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    z-index:9999;
    max-width:500px;
    color: #ffffff;
    background-color: #367fa9;
    padding: 5px;
    border: 0;
    padding-bottom: 4px;
}
.impersonate-sticky-info hr {
    padding: 0px;
    margin:0px;
    color:#ffffff;
    background:#ffffff;
}

.impersonate-sticky-info a {
    color: #ffffff;
    font-weight:bold;
    text-decoration:underline;
}

.subscribers-table {
    overflow-x: scroll;
}

.subscribers-table table {
    margin-bottom: 0px;
    padding-bottom:0px;
}

.subscribers-table table td, .subscribers-table table th {
    max-width:300px;
}

.panel-tiny {float:left; max-width: 190px;margin-right:10px}
.panel-tiny .panel-heading {}
.panel-tiny .panel-body {min-height:70px; font-size: 12px}
.panel-tiny .panel-footer {}
.panel-tiny .panel-heading h3 {font-size: 14px; margin:0; padding:0}

#csv-import {}
#csv-import .counters {font-size:12px;}
#csv-import .counters .total-processed {font-weight:bold;}
#csv-import .counters .total {font-weight:bold;}
#csv-import .counters .success {font-weight:bold;}
#csv-import .counters .error {font-weight:bold;}
#csv-import .counters .percentage {font-weight:bold;}
#csv-import .alert{margin:0; padding:1px; margin-bottom:2px; font-size:12px}
#csv-import .log-info {}
#csv-import .log-errors {max-height: 460px; overflow-y: scroll}
#csv-import .progress {margin-bottom:2px;}

#csv-export {}
#csv-export .counters {font-size:12px;}
#csv-export .counters .total-processed {font-weight:bold;}
#csv-export .counters .total {font-weight:bold;}
#csv-export .counters .success {font-weight:bold;}
#csv-export .counters .error {font-weight:bold;}
#csv-export .counters .percentage {font-weight:bold;}
#csv-export .alert{margin:0; padding:1px; margin-bottom:2px; font-size:12px}
#csv-export .log-info {}
#csv-export .log-errors {max-height: 460px; overflow-y: scroll}
#csv-export .progress {margin-bottom:2px;}

.btn-spinner-xs-right {
    display:none;
    width:16px;
    height:16px;
    background:url(../img/grid-view-loading.gif);
    margin-right: 5px;
    margin-left: 5px;
    margin-top: 3px;
}
.btn-spinner-xs-right.active {
    display:block;
}

.subscribers-table .counter{
    font-size: 12px;
}

#Campaign_send_at.spinner {
    background-image: url(../img/grid-view-loading.gif);
    background-position: right center;
    background-repeat: no-repeat;
}

.panel-delivery-servers-pool .form-group .item,
.panel-campaign-attachments .form-group .item {
    border-left: 5px solid #367fa9;
    background: #eeeeee;
    padding: 3px;
    font-size: 13px;
    font-family: 'Noto Sans', sans-serif;
}

.MultiFile-list {
    padding-top:10px;
    font-family: 'Noto Sans', sans-serif;
    padding-bottom:20px;
}

header .dropdown-menu .menu h3 small.percentage {
    color:#000000!important;
    font-size:80%;
    font-family:Arial, Helvetica, sans-serif;
}

.price-plan-box-wrapper .box .box-header .box-title {
    padding: 10px 0px 5px 10px!important;
}

.price-plan-box-wrapper .box .box-header > .pull-right {
    padding: 10px 10px 5px 5px;
}

.price-plan-payment {
    position: relative;
    /* width: 90%; */
    /* margin: 10px auto; */
    background: #fff;
    border: 1px solid #f4f4f4;
    padding:10px;
}

.timeinfo {
    font-size: 12px;
    display:none;
    color:#ffffff;
    border-top: 1px solid #2c3b41;
    width: 100%;
    padding: 7px 10px 7px 6px;
}

.list-subscriber-actions-scrollbox { height: 175px; overflow-y:scroll}
.list-subscriber-actions-scrollbox .list-group-item {padding: 4px 7px 2px 7px;}

#emoji-list {
    width: 100%;
    display:none;
}

#emoji-list-wrapper {
    width:100%;
    max-height: 200px;
    overflow-y: scroll;
    font-size: 18px;
}

#emoji-list span {
    cursor: pointer;
    margin: 3px;
}

.list-fields-buttons a {
    margin-top: 5px;
    margin-bottom: 5px;
    min-width: 220px;
    text-align: left;
}

.survey-fields-buttons a {
    margin-top: 5px;
    margin-bottom: 5px;
    min-width: 220px;
    text-align: left;
}

.campaign-abtest-testers-wrapper .nav.nav-tabs {
    margin-bottom: 0;
}

.campaign-abtest-testers-wrapper .tab-content .box {
    box-shadow: none;
    -moz-box-shadow: none;
    border-radius: 0;
    border: 1px solid #f4f4f4;
    border-top: 0;
}

.warmup-plans-scrollable-container {
    max-height: 400px;
    overflow-y: scroll
}

/* plan_tabs */
    .mv-60{
      margin: 60px 0;
    }
    .swiper {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .plan_tabs{
      display: flex;
      justify-content: center;
    align-items: end;
        flex-wrap: wrap;
    }
    .plan_tabs_container{
      max-width: 1200px;
      margin: auto;
    }
    .plan_tabs_container .note{
      color: #495057;
      text-align: center;
      font-family: 'Montserrat', sans-serif;
      font-size: 13px;
      line-height: 23px;
      margin: auto;
      padding: 30px 0 60px;
      font-weight: 400;
    }
    .plan_tabs.nav-tabs{
      border-bottom: none !important;
    }
    .plan_tabs.nav-tabs > li.active > a{
          background-color: var(--mz-primary) !important;
          border-color: var(--mz-primary) !important;
          border-radius: 30px;
          padding: 14px 18px;
    }
    .plan_tabs.nav-tabs > li.active > a span{
          color:white !important;

    }
    .plan_tabs.nav-tabs > li > a span{
      font-weight: 600 !important;
      font-size: 16px;
    }
    .plan_tabs > li.active:before{
      display: none;
    }
    .plan_tabs .price-plan-box-wrapper .box-heading{
      /* background: rgb(232,232,232);
      background: linear-gradient(0deg, rgba(232,232,232,1) 48%, rgba(255,255,255,1) 100%); */
      padding: 20px 10px;
    }
    .plan_tabs .price-plan-box-wrapper .box-heading h3{
      float: none !important;
      text-align: center;
      font-size: 18px;
      font-weight: 700;
      white-space: nowrap;
      margin: 0;
      margin-top: -8px;

    }
    .plan_tabs .price-plan-box-wrapper .price-plan-box{
          border: 0 !important;
          background: transparent;
          height: 100%;
          display: flex;
          flex-direction: column;
    }
    .skin-blue .user-panel{
      background-color: #0b2849;
    }
    .plan_tabs .price-plan-box-wrapper{
          border: 1px solid #ddd;
              /* width: 20%; apps/extensions/menuitems/common/assets/img*/
    }
    .plan_tabs .price-plan-box-wrapper:nth-child(3){
      /* background: url(../img/price-bg-hover.png) 0 0 no-repeat; */
      background: url(/assets/TemplateImage/price-bg-hover.png) 0 0 no-repeat;
      height: 417px;
      border-width: 3px;
      padding: 13px 0px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      border-radius: 5px;
    }
    .plan_tabs .price-plan-box-wrapper:nth-child(3) a{
      transform: translateX(3px);
    }

    .price-plan-box-wrapper{
      /* background: url(../img/price-bg.png); */
      width: 203px;
      height: 403px;
      position: relative;
      display: inline-block;
      margin-bottom: 30px;
      background: url(/assets/TemplateImage/price-bg.png) 0 0 no-repeat;
      box-sizing: border-box;

    }
    .plan_tabs .price-plan-box-wrapper .box-footer{
      background-color: transparent;
      border-top: 0;
      margin-top: 8px;
      /* margin-bottom: 25px; */
      text-align: center;
      /* padding-bottom: 25px; */
      padding: 0;
    }
      .plan_tabs .price-plan-box-wrapper .box-footer a{
        width: 152px;
        height: 46px;
        background-color:#ffffff;
        color: #003A85;
        /* vertical-align: middle; */
        display: flex;
        align-items: center;
        justify-content: center;
        margin: auto;
        border: 2px solid #003A85;
        font-weight: 700;
            white-space: normal;
      }
    .plan_tabs .box-tools.text-center > .badge {
      font: 700 50px 'Roboto', sans-serif;
          background-color: transparent;
          color: #003A85;
              padding: 0;
    }
    .plan_tabs .box-tools.text-center > .subtext{
      display: block;
      margin-top: -10px;
      font-weight: 600 !important;
      font-size: 12px;
      color: #003A85;
    }
    .plan_tabs .box-tools.text-center > .dollar{
      font-size: 16px;
      transform: translateY(-23px);
      display: inline-block;
      color: #003A85;
    }
    .plan_tabs .box-tools {
          margin: 10px 0;
    }
    .plan_tabs .price-plan-box-wrapper .price-plan-box ul li{
      padding-top: 6px;
      padding-bottom: 10px;
      font-size: 11px;
    }
    .plan_tabs .price-plan-box-wrapper .price-plan-box ul {
        margin: 0;
        padding: 0;
        list-style: none;
        text-align: center;
    }
    .price-plan-box-wrapper .price-plan-box .box-body{
      padding-bottom: 38px;
          min-height: auto;
    }
    .pay_methods{
      display: flex;
      margin-bottom: 24px;
    margin-top: 4px;
    }
    .pay_methods img{
      padding-right: 15px;
  padding-left: 5px;
    }
    .plan_tabs > div:first-child{
      order:5;
    }
    .plan_tabs > div:nth-child(2){
      order:4;
    }
    .plan_tabs > div:nth-child(3){
      order:3;
    }
    .plan_tabs > div:nth-child(4){
      order:2;
    }
    .plan_tabs > div:nth-child(5){
      order:1;
    }