html, body {
  overscroll-behavior-x: none;
}

body {
  background: #f5f6f8 !important;
  overflow-x: visible;
}

body.app-nav,
body.main-nav {
  background: #fbfbfb !important;
}

.ct-preloader {
  display: none;
  height: 3px;
  background-color: #F2F2F2;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  max-width: 100vw;
  z-index: 999;
}

.ct-preloader_bar {
  width: 20vw;
  max-width: inherit;
  height: inherit;
  background-image: linear-gradient(90deg, #ff893c 0%, #ff893c 100%);
  transition: width 0.6s ease;
  will-change: width;
  box-shadow: 0 1px 4px 0px rgba(255, 137, 60, 0.4);
}

.ct-preloader::after {
  position: absolute;
  content: ' ';
  height: 100vh;
  width: 100vw;
  top: 3px;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.5);
  display: block;
  z-index: 99;
}

/*to disable html, body scroll*/
.has-disabled-scroll {
  position: relative;
  overflow: hidden;
}

.brdb {
  border-bottom: #d2d5d8 1px solid;
}

.brdt {
  border-top: #d2d5d8 1px solid;
}

.brdr {
  border-right: #d2d5d8 1px solid;
}

.brdl {
  border-left: #d2d5d8 1px solid;
}

.brdr-blck {
  padding-right: 10PX;
  border-right: 1px solid black;
}

.wordBreak {
  word-break: break-word;
}

.no-data-label {
  font-size: 25px;
  color: #A6A9B6;
}

.ellipsis_icon > svg {
  width: 5px;
}

.MR10 {
  margin-right: 10px;
}

.MR8 {
  margin-right: 8px !important;
}

.MB0 {
  margin-bottom: 0 !important;
}

.PT8 {
  padding-top: 8px;
}

.dsFlex {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
}

.dsFlex-wrap {
  display: flex;
  flex-wrap: wrap;
}

.swalAndModalZindex {
  z-index: 1999;
}
.swal-planPopup.sweet-alert {
  padding: 0px;
  font-family: proxima-nova,Arial,sans-serif;
  width: 450px;
}
.swal-planPopup.sweet-alert h2 {
  color: #434761;
  font-size: 18px;
  font-weight: 600;
  text-align: left;
  margin: 0px;
  padding: 16px 24px 10px;
  border-bottom: 1px solid rgba(0,0,0,.12);
}
.swal-planPopup.sweet-alert p {
  display: block;
  padding: 24px;
  font-size: 16px;
  color: #434761!important;
  line-height: 24px;
  font-weight: 400;
  text-align: left;
  border-bottom: 1px solid rgba(0,0,0,.12);
}
.swal-planPopup.sweet-alert button.cancel {
  background-color: #fff;
  color: #63698f;
  border: 1px solid #63698f;
}
.swal-planPopup.sweet-alert button.cancel:hover{
  background-color: #f9f9fb;
}
.swal-planPopup.sweet-alert button {
  margin: 8px 4px 8px 4px;
  padding: 8px 16px;
  font-size: .875rem;
  font-weight: 500;
}
.sweet-alert.swalBar {
  width: 600px;
}
.sweet-alert.swalBar h2 {
  font-size: 16px;
  margin: 0px;
  font-weight: 500;
}
.sweet-alert.swalBar button {
  margin-top: 0px;
}
.toggle-graph-tr {
  position: relative;
}

.toggle-graph-tr .tooltip {
  width: 150px;
}

.tooltip-inner {
  text-align: left;
}

.toggle-graph-tr__link {
  padding-right: 25px;
  display: inline-block;
  word-break: normal;
  min-width: 100px;
  max-width: 260px;
}

.segment-query-warp {
  width: 600px;
}

.toggle-graph-tr__icon {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  cursor: pointer;
  color: #0093dd;
  position: absolute;
  top: 12px;
  right: 10px;
}

.toggle-graph-tr__icon::after {
  content: "";
  background: url("/images/svg/dashboard_icons/row_expand.svg?v=1311ceebc82561c40c07c79425ff1251") no-repeat;
  width: 15px;
  height: 15px;
  display: inline-block;
  background-size: cover;
}

.toggle-graph-tr__icon.opened::after {
  content: "";
  background: url("/images/svg/dashboard_icons/row_collapse.svg?v=15c4aa02d94734f0de2f88906d075958") no-repeat;
  width: 15px;
  height: 15px;
  display: inline-block;
  background-size: cover;

}

.dropdown-menu__title {
  display: block;
  padding: 3px 20px 3px 22px;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  color: #A6A9B6;
  white-space: nowrap;
  margin-top: 6px;
}

.dropdown-menu__title:first-child {
  margin-top: 0;
}

/*#mainWarp{position:relative;}*/
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}

input:focus:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}

.main-menu li {
  overflow: hidden;
}

.alert {
  margin-top: 20px;
}

/* percentage in column */
.gtPerct {
  color: #A6A9B6;
  font-size: 11px;
  font-weight: normal;
  display: inline-block;
  width: 50px;
  vertical-align: middle;
}

.funnelDiv {
  /*   background: #fafafa;
       background: -moz-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
       background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #e9e9e9));
       background: -webkit-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
       background: -o-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
       background: -ms-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
       background: linear-gradient(to bottom, #fafafa 0%, #e9e9e9 100%);
       filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e9e9e9', GradientType=0);
   */
}

.funnel-step-container {
  background: #fff;
    /*padding-bottom: 20px;*/
  border: 1px solid #D2D5D8;
  border-radius: 4px;
  margin-bottom: 30px;
}

.funnel-step-display {
  background-color: #EDEDF0;
  border: 1px solid #D2D5D8;
  width: 60px;
  padding: 8px 16px;
  text-align: center;
  border-radius: 4px 4px 4px 0px;
  position: relative;
  top: -10px;
  left: -1px;
}

.funnel-remove-event{
  display:block;
  float:right;
  margin-top: 30px;
  margin-right:10px;
  cursor:pointer;
}

.funnel-event-div{
  width: 96%;
  float: right;
}

.event-or-label{
  display:block;
  float:left;
  margin-top:25px;
  margin-left:15px;
  color: #A6A9B6;
  font-size: 11px;
}

.add-event-button {
  margin-top: -20px;
  font-size:12px;
  line-height: 10px;
}

.add-disabled-tooltip{
  margin-left: 50px;
  width: 75px;
  height: 25px;
  line-height: 42px;
    padding-bottom: 20px;
}

.add-tooltip-step {
  display: inline-block;
  padding-top: 10px;
}

.funnelDiv .funnelBox {
  height: 70px;
  margin-top: 15px;
  font-size: 26px;
}

.fadedBlue {
  overflow: hidden;
  background: #fafafa;
  background: -moz-linear-gradient(top, #fafafa 0%, #3b8aeb 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #3b8aeb));
  background: -webkit-linear-gradient(top, #fafafa 0%, #3b8aeb 100%);
  background: -o-linear-gradient(top, #fafafa 0%, #3b8aeb 100%);
  background: -ms-linear-gradient(top, #fafafa 0%, #3b8aeb 100%);
  background: linear-gradient(to bottom, #fafafa 0%, #3b8aeb 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#3B8AEB', GradientType=0);
}

.funnelGraph {
  width: 100%;
}

.funnelRow {
  text-align: center;
  height: 100px;
  vertical-align: middle;
}

.funnelLeftCol {
  width: 15%;
  text-align: center;
  vertical-align: middle;
  border-top: none;
  font-size: 15px;
  font-weight: bold;
  color: #434761;
}

.funnelRightCol {
  width: 15%;
  text-align: center;
  vertical-align: middle;
  border-top: none;
  color: #434761;
}

.funnelCenterCol {
  text-align: center;
  border-top: none;
}

.funnelBox {
  background-color: #3B8AEB;
  margin-top: 7px;
  height: 84px;
}

.cornelius-low {
  background-color: #EDF3FA;
}

.cornelius-medium-low {
  background-color: #D9E6F2;
}

.cornelius-medium {
  background-color: #C7DAEC;
}

.cornelius-medium-high {
  background-color: #B4CDE7;
}

.cornelius-high {
  background-color: #8FB4DB;
}

.cornelius-hot {
  background-color: #699BD1;
}

.cornelius-extra-hot {
  background-color: #4683c4;
}

.cornelius-medium-high,
.cornelius-high,
.cornelius-hot,
.cornelius-extra-hot {
  color: #FFF;
}

label {
  display: block;
  margin: 5px;
}

.downArrow {
  font-size: 20px;
  position: relative;
  top: 21px;
  opacity: 0.3;
}

.MR10 {
  margin-right: 10px;
}

.MR20 {
  margin-right: 20px;
}

.MT5 {
  margin-top: 5px;
}

.MT7 {
  margin-top: 7px;
}

.MT2 {
  margin-top: 2px;
}

.MT20 {
  margin-top: 20px;
}

.MT27 {
  margin-top: 27px !important;
}

.MT60 {
  margin-top: 60px;
}

.MT10 {
  margin-top: 10px;
}

.FONTAWE {
  font-family: FontAwesome;
}

#addAnotherStep {
  /*margin: 15px;*/
  /*text-decoration: none;*/
  /*background: #05a705;*/
  /*line-height: 40px;*/
  /*height: 40px;*/
}

.TDN {
  text-decoration: none;
}

.fs11 {
  font-size: 11px !important;
}

.fs12 {
  font-size: 12px !important;
}

.fs15 {
  font-size: 15px !important;
}

.fs16 {
  font-size: 16px !important;
}

.fs30 {
  font-size: 30px !important;
}

.fs13 {
  font-size: 13px !important;
}

.fs14 {
  font-size: 14px !important;
}

.fs16 {
  font-size: 16px !important;
}

.fs18 {
  font-size: 18px !important;
}

.fs20 {
  font-size: 20px !important;
}

button.dropdown-toggle.createTargetButton {
  padding: 5px;
  margin-top: 10px;
}

button.dropdown-toggle.createTargetButton .caret {
  margin-top: 8px;
}

ul.dropdown-menu.createTargetMenu {
  width: 100%;
  min-width: 145px;
}

ul.dropdown-menu.createTargetMenu li.title {
  color: #333333;
  padding: 5px 5px 5px 10px;
  border-bottom: 1px solid #e0e0e0;
  font-size: 100%;
}

ul.dropdown-menu.createTargetMenu li.title i {
  padding-right: 10px;
}

ul.dropdown-menu.createTargetMenu li a {
  /*padding: 5px 5px 5px 25px;*/
  font-size: 90%;
}

.createTargetMessage .span12 {
  height: 75px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #2d8aeb;
  color: #ffffff;
  padding: 20px;
  font-size: 160%;
}

.targetStepsTitle {
  margin-top: 35px;
}

.targetSteps {
  height: 75px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #ffffff;
  padding: 0;
  margin-top: 10px;
}

.targetSteps .span1 {
  height: 75px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #2d8aeb;
  font-size: 160%;
  padding: 20px;
  text-align: center;
}

.row-fluid.targetSteps .span11 {
  height: 75px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #E3EBF2;
  font-size: 120%;
  padding: 10px 20px 20px;
  margin-left: 0;
  color: #333333;
}

.row-fluid.targetSteps .span11 span {
  font-weight: bold;
}

.no-case-shift h1 {
  text-transform: none !important;
}

/* Custom tab style for the targetings */
/*#targeting-steps {*/
/*margin: 60px 0 0 0;*/
/*}*/
/*#targeting-steps .tabs-nav {*/
/*margin-left: 0;*/
/*margin-top: -35px;*/
/*}*/
/*#targeting-steps .tabs-nav li {*/
/*float: left;*/
/*margin: 0 15px 0 0;*/
/*background: -webkit-linear-gradient(left, #dedede, #f1f1f1, #dedede, #f1f1f1, #dedede);*/
/*background: -o-linear-gradient(right, #dedede, #f1f1f1, #dedede, #f1f1f1, #dedede);*/
/*background: -moz-linear-gradient(right, #dedede, #f1f1f1, #dedede, #f1f1f1, #dedede);*/
/*background: linear-gradient(to right, #dedede, #f1f1f1, #dedede, #f1f1f1, #dedede);*/
/*}*/
#targeting-steps .tabs-nav .single-number-large {
  font-size: 20px;
  font-style: inherit;
  margin-right: 5px;
  line-height: 0px;
}

/*#targeting-steps .tabs-nav li a {*/
/*display: block;*/
/*color: #536573;*/
/*font-weight: bold;*/
/*font-size: 12px;*/
/*padding: 6px 20px;*/
/*border-right: 1px solid #d2d5d8;*/
/*border-left: 1px solid #d2d5d8;*/
/*border-top: 1px solid #d2d5d8;*/
/*}*/
/*#targeting-steps .tabs-nav li a:hover {*/
/*text-decoration: none;*/
/*}*/
/*#targeting-steps .tabs-nav li.active a {*/
/*background: #fff;*/
/*}*/
/*#targeting-steps .tabs-nav.tabs-nav-right {*/
/*float: right;*/
/*margin-bottom: -20px;*/
/*}*/
/*#targeting-steps .tabs-nav.tabs-nav-right li a {*/
/*border-left: 1px solid #d2d5d8;*/
/*border-right: 0;*/
/*}*/
/*#targeting-steps #select-users.grid-transparent {*/
/*margin: 10px;*/
/*}*/
/*#targeting-steps .accordion-titleing {*/
/*background: -webkit-linear-gradient(left, #dedede, #f1f1f1, #dedede, #f1f1f1, #dedede);*/
/*background: -o-linear-gradient(right, #dedede, #f1f1f1, #dedede, #f1f1f1, #dedede);*/
/*background: -moz-linear-gradient(right, #dedede, #f1f1f1, #dedede, #f1f1f1, #dedede);*/
/*background: linear-gradient(to right, #dedede, #f1f1f1, #dedede, #f1f1f1, #dedede);*/
/*}*/
#targeting-steps .chzn-search {
  visibility: hidden;
  height: 0;
}

/*#targeting-steps .accordion-group.margin-top-5 {*/
/*margin-top: 3px;*/
/*}*/
/*#targeting-steps .accordion-inner {*/
/*border: 0;*/
/*min-height: 100px;*/
/*}*/
#targeting-steps #select-people #select-people-group {
  width: 100%;
  /*position: absolute;*/
}

#targeting-steps #go-find-people {
  padding: 8px;
  font-family: inherit;
  line-height: 15px;
  /*color: white;*/
  /*background: #113;*/
  text-align: center;
}

#targeting-continue,
#targeting-save {
  float: right;
  margin-top: 20px;
  outline: 0;
}

#targeting-back {
  float: right;
  margin-top: 20px;
  margin-right: 15px;
  outline: 0;
}

/*   			.profile-navigation li a{
   color:#535457;
   padding:10px 0px;
   margin:0px 10px;
   display:block;

}*/
.device-preview {
  width: 350px !important;
  height: 250px !important;
  margin: 10px 10px 40px !important;
  margin-left: 0px !important;
}

.preview {
  box-shadow: 0 0 10px black;
  height: 100% !important;
  width: 100% !important;
  position: relative;
}

.preview > *:focus {
  outline: none !important;
  border: none !important;
}

.android-preview {
  background-size: contain !important;
  background: #000000 url("/images/preview-device-android-header.png?v=5c27a5656a6893a719f1ba6ce2315926") no-repeat;
}

.android-preview > .notif > .clearfix:after {
  content: "" !important;
  display: table !important;
  clear: both !important;
}

.android-preview > .notif {
  padding-top: 46px;
}

.android-preview > .notif > .message {
  background: #181818;
  border-top: 1px solid #393939;
  /*border-bottom: 1px solid #393939;*/
}

.android-preview > .notif > .message .icon {
  float: left;
  width: 40px;
  height: 40px;
  background: inherit;
}

.android-preview > .notif > .message > .icon > .fa-fw {
  width: 100% !important;
  text-align: center !important;
  font-size: 40px !important;
}

.android-preview > .notif > .message .title,
.android-preview > .notif > .message .body {
  float: right;
}

.android-preview > .notif > .message .title {
  height: 20px;
}

.android-preview > .notif > .message .title div {
  width: 305px;
  height: 20px;
  background: inherit;
  padding: 0;
  border: 0;
  color: #fdfdfd;
  font-weight: 100;
  font-family: "Roboto", sans-serif;
  text-rendering: optimizeLegibility;
  letter-spacing: 0.5px;
  font-size: 14px;
}

.android-preview > .notif > .message .title div .mattr {
  background-color: #454545;
  border: none;
  line-height: 18px;
  font-size: 14px;
  border-radius: 0;
}

.android-preview > .notif > .message .title div .mattr .skyfall-default {
  color: #fdfdfd;
}

.android-preview > .notif > .message .title div .mattr .skyfall-default[placeholder]:empty:before {
  color: #d3d3d3;
}

.android-preview > .notif > .message .body div .mattr {
  background-color: #454545;
  border: none;
  line-height: 18px;
  font-size: 13px;
  border-radius: 0;
}

.android-preview > .notif > .message .body div .mattr .skyfall-default {
  color: #fdfdfd;
}

.android-preview > .notif > .message .body div .mattr .skyfall-default[placeholder]:empty:before {
  color: #d3d3d3;
}

.nofocus,
.icon > a {
  box-shadow: none !important;
  outline: none !important;
}

.android-preview > .notif > .message .body div {
  width: 305px;
  background: inherit;
  border: 0;
  color: #A9A9A9;
  font-weight: 100;
  font-family: "Roboto", sans-serif;
  text-rendering: optimizeLegibility;
  letter-spacing: 0.5px;
  font-size: 12px;
  resize: none;
  padding: 0 0 10px;
}

.nofocus {
  box-shadow: none !important;
  outline: none !important;
}

.win-preview {
  background: darkblue;
}

/* For vertical tabs */
.tabs-left {
  padding-top: 0 !important;
}

.tabs-left > li {
  float: none !important;
  margin-bottom: 0;
  margin-right: -1px !important;
}

.tabs-left > li.active > a,
.tabs-left > li.active > a:hover,
.tabs-left > li.active > a:focus {
  border-right-color: transparent !important;
}

.tabs-left > li.active > a {
  background: #ffffff;
}

.tabs-left > li > a {
  margin-right: 0 !important;
  display: block !important;
  color: inherit;
}

.radial-linear-bg {
  background: #f1f1f1;
  /*background: -webkit-radial-gradient(circle, #dedede, #f1f1f1, #dedede);*/
  /*background: -moz-radial-gradient(circle, #dedede, #f1f1f1, #dedede);*/
  /*background: -o-radial-gradient(circle, #dedede, #f1f1f1, #dedede);*/
  /*background: radial-gradient(circle, #dedede, #f1f1f1, #dedede);*/
}

.pivot-option {
  background: white;
  border: 1px solid #e6e6e6;
  text-align: center;
  position: relative;
}

.pivot-option.active {
  background: #dddac3 !important;
  border: none;
}

.pivot-option > a:hover {
  border: none;
}

.pivot-option:hover {
  background: #f6f6f6;
}

.pivot-option > a {
  background: none !important;
  border: none !important;
  padding: 5px;
}

.pivot-option > .fa-check {
  position: absolute;
  left: 10px;
  bottom: 0;
  top: 0;
  font-size: 20px;
  line-height: 35px;
}

.compose-completed {
  background: #f2f2f2;
}

.lh30 {
  line-height: 30px;
}

.lh40 {
  line-height: 40px;
}

#when .schedule-option a {
  line-height: 100px;
  text-align: center;
  border: 1px solid #e6e6e6;
}

#when #onetime p {
  margin-top: 0;
  margin-left: 0;
}

.no-margin {
  margin: 0 !important;
}

.no-border-radius {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}

.pad10 {
  padding: 10px;
}

.border-light {
  border: 1px solid #e6e6e6;
}

#when #recurring p {
  margin-top: 10px;
  margin-bottom: 10px;
}

/* END vertical tabs */
#select-in-the-past_chzn,
#select-in-the-past_chzn > a,
#select-in-the-past_chzn > a > div {
  box-shadow: none !important;
  outline: none !important;
  background: none !important;
  border: none !important;
}

#select-in-the-past_chzn {
  margin-top: -3px !important;
}

.highlight-soft {
  background: #f2f2f2;
  margin-bottom: 20px;
}

.ms-drop input[type="checkbox"] {
  display: inline !important;
}

#show-pivots {
  display: none;
}

.list-style-disc {
  list-style: disc !important;
}

.message-remaining {
  padding: 4px;
  background-color: #444;
  bottom: 0;
  right: 0;
  position: absolute;
  margin: 0 !important;
  color: lightgreen;
  border: none !important;
}

.fip-icon-down-dir,
.icons-selector .selected-icon i,
.icons-selector .selector-button i {
  line-height: 30px !important;
}

.selector-button,
.selector {
  height: 30px !important;
  line-height: 30px !important;
}

.fip-bootstrap.icons-selector .fip-box {
  color: #428BCA !important;
}

.device-message-icon {
  font-size: 35px;
  text-align: center;
  width: inherit;
  height: inherit;
  line-height: 40px !important;
  color: #ccc;
}

#schedule-immediate > .mh,
#schedule-future > .mh {
  min-height: 172px;
}

#targeting-steps .tabs-nav li {
  min-width: 160px;
  text-align: center;
}

input[type="checkbox"] + label {
  vertical-align: bottom !important;
  font-size: 15px !important;
}

input[type="radio"] + label {
  font-size: inherit !important;
}

input.input-size {
  padding: 8px 12px;
  height: 36px;
  box-sizing: border-box;
}

.chzn-container .chzn-results .highlighted {
  text-shadow: none;
}

.W100P {
  width: 100%;
}

.H100P {
  height: 100%;
}

.VATB {
  vertical-align: text-bottom;
}

.custom-input-size {
  width: 300px;
}

.custom-input.look-like-input.custom-input-size {
  height: 26px;
  width: 300px;
  padding: 4px 6px 4px 10px;
}
.custom-input.look-like-input.custom-input-size.cke_editable_inline {
  width: 500px;
  height: auto;
}

#addWebHookKeyValuePairContainer input.custom-input-size,
#keyvaluePairContainer input.custom-input-size{
  height:26px;
  width: 300px;
}

.custom-input.look-like-input.custom-input-size[placeholder]:empty:before {
  content: attr(placeholder);
  color: #a6a9b6;
  vertical-align: sub;
}

.custom-input.look-like-input.custom-input-size[placeholder]:empty:focus:before {
  content:'';
}



.look-like-input {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  overflow: auto;
  display: inline-block;
  height: 20px;
  padding: 4px 6px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  vertical-align: middle;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.look-like-input:focus {
  border-color: #085ce7;
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

.look-like-input.cke_editable_inline p {
  margin: 0px;
}
.look-like-input.cke_editable_inline {
  margin-bottom: 4px;
}
.look-like-input.cke_editable_inline.liquid-error {
  border-color: #FF4545;
}
.look-like-input.cke_editable_inline + .emoji-picker-icon {
  bottom: 4px;
}
.liquid-tag-info {
  color: #A6A9B6;
  font-size: 11px;
  font-weight: 500;
  line-height: 13px;
  display: flex;
  align-items: center;
  margin-top: 4px;
}
.liquid-tag-info.liquid-error {
  color: #FF4545;
}
.liquid-tag-info > img {
  margin-right: 4px;
}

span.ct_ck_liquid {
  color: #F4BA59;
  font-family: "Courier New",Courier,monospace;
  font-weight: bold;
}

.cke_autocomplete_panel.cke_autocomplete_opened {
  padding: 5px;
  border: none;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
}
.cke_autocomplete_panel > li.cke_autocomplete_selected, .cke_autocomplete_panel > li.cke_autocomplete_selected:hover, .cke_autocomplete_panel > li:hover {
  padding: 5px;
  background-color: #f5f9fe;
  cursor: pointer;
}

.nowrap {
  white-space: nowrap;
}

.autowidth {
  width: auto !important;
}

.mattr {
  background: #F1F1F1;
  border-radius: 4px;
  border: 1px solid darkgrey;
  padding: 0px 4px;
  /* margin: 2px 4px; */
  display: inline-block;
  /* height: 20px; */
  /*font-size: 12px;*/
  font-weight: bold;
}

.changeLink {
  text-decoration: underline;
  margin-left: 20px;
}

.changeLink:hover {
  cursor: pointer;
}

.toggleAble {
  padding: 10px;
  padding-left: 0px;
}

.toggleAbleTitle {
  padding: 5px;
  display: inline;
  font-weight: inherit;
}

.messageAndLink {
  float: right;
}

.toggleAbleMessage {
  font-weight: bold;
}

.help-tooltip .tooltip {
  font-size: 13px;
}

.skyfall {
  cursor: text;
  line-height: 22px;
  height: 34px;
}

/*For the contenteditable div*/
.skyfall[placeholder]:empty:before {
  content: attr(placeholder);
  color: #aaa;
  cursor: text;
}

/*For the default text*/
.skyfall-default {
  color: black;
  font-weight: normal;
}

.skyfall-default[placeholder]:empty:before {
  content: attr(placeholder);
  color: dimgray;
  cursor: text;
}

#insertSpecial {
  cursor: pointer;
  font-size: 12px;
  position: fixed;
  padding: 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

#insertSpecial.light {
  background-color: #F1F1F1;
  color: #000000;
}

#insertSpecial:hover {
  text-decoration: underline;
}

#insertSpecial:after,
#insertSpecial::after {
  position: absolute;
  top: 100%;
  left: 18px;
  content: '';
  width: 0;
  height: 0;
  border-top: solid 5px black;
  border-left: solid 5px transparent;
  border-right: solid 5px transparent;
}

#insertSpecial.light:after {
  border-top: solid 5px #F1F1F1;
}

.stopCampaign:hover {
  cursor: pointer;
}

.funnelTitle {
  margin-top: 30px;
  text-align: center;
  padding-bottom: 10px;
  font-weight: 600;
  font-size: 14pt;
  color: #3A3838;
}

.funnelColumn {
  float: left;
}

.funnelBlock {
  height: 120px;
  padding-left: 8%;
}

.funnelBlock .chzn-container {
  margin-top: 10px;
  text-align: left;
}

.funnelStepNames {
  height: 120px;
  text-align: center;
}

.funnelStepNames div {
  margin-top: 40px;
  text-align: center;
}

.funnelStepNames div span {
  /* color:#0393ec; */
  font-size: 16px;
  font-weight: 600;
}

.compareLabel {
  font-weight: bold;
  float: left;
  width: 100px;
  text-align: center;
}

.ios-preview {
  background-size: contain !important;
  background: #000000 url("/images/preview-device-ios.png?v=4bf45554ac1e1e7127639069cfe17218") no-repeat;
}

.ios-preview > .notif > .clearfix:after {
  content: "" !important;
  display: table !important;
  clear: both !important;
}

.ios-preview > .notif {
  padding-top: 145px;
}

.ios-preview > .notif > .message {
  /*background: #181818;*/
  /*border-top: 1px solid #393939;*/
  /*border-bottom: 1px solid #393939;*/
}

.ios-preview > .notif > .message .body {
  float: right;
}

.ios-preview > .notif > .message .body div .mattr {
  background-color: #454545;
  border: none;
  line-height: 18px;
  font-size: 13px;
  border-radius: 0;
}

.ios-preview > .notif > .message .body div .mattr .skyfall-default {
  color: #fdfdfd;
}

.ios-preview > .notif > .message .body div .mattr .skyfall-default[placeholder]:empty:before {
  color: #d3d3d3;
}

.ios-preview > .notif > .message .body div {
  width: 298px;
  background: inherit;
  border: 0;
  color: white;
  font-weight: 100;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  text-rendering: optimizeLegibility;
  letter-spacing: 1.4px;
  font-size: 16px;
  resize: none;
  padding: 0 0 10px;
}

.tabs-nav li.active a svg polygon {
  fill: #2d8aeb;
}

.tabs-nav li a svg polygon {
  fill: #414141;
}

.howTiles li a {
  padding: 0px;
}

.howTiles li a span {
  background: none;
}

#create-steps li a {
  padding: 0px;
  border: none;
  background: none;
}

.howTitle,
.whatTitle,
.whenTitle {
  margin-top: 25px;
  margin-bottom: 25px;
  font-size: 1.7em;
}

.howTypeTitle {
  color: white;
  position: relative;
}

.howTypeTitle .howTypeTitleInner {
  background-color: #353535;
  height: 30px;
  width: 95%;
  float: left;
}

.howTypeTitle .howTypeTitleInner span {
  padding-left: 10px;
  line-height: 30px;
}

.howTypeTitle .onceRightDesign {
  background-color: #e95962;
  height: 30px;
}

.howTypeTile {
  color: #434761;
  width: 100% !important;
}

.howTypeTile:hover {
  color: #434761;
  text-decoration: none;
  cursor: pointer;
}

.howTypeText {
  margin: 10px;
}

.howTypeExampleText {
  margin-top: 0px;
  margin-bottom: 0px;
}

.howTypeTitle .recurringRightDesign {
  background-color: #ffa55f;
  height: 30px;
}

.howTypeTile.active {
  border-color: #0088cc;
  -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}

.msDiv .ms-parent {
  vertical-align: top;
}

.howTypeTile.disabled:hover {
  color: #434761;
  text-decoration: none;
  cursor: default;
  border: 1px solid #ddd;
}

.howTiles > li {
  width: 100% !important;
  margin-left: 0px !important;
  background-color: #ffffff !important;
}

/* CSS FOR AT WHO */
.input-type-div {
  border: 1px solid #dadada;
  border-radius: 4px;
  padding: 5px 8px;
  outline: 0 none;
  margin: 10px 0;
  background: white;
  font-size: inherit;
  overflow-y: scroll;
}

.atwho-view {
  position: absolute !important;
  top: 0;
  left: 0;
  /*display: none;*/
  margin-top: 18px;
  background: white;
  color: black;
  border: 1px solid #DDD;
  border-radius: 3px;
  box-shadow: 0 2px 6px 0 rgba(0,0,0,0.35);
  /*min-width: 120px;*/
  z-index: 11110 !important;
  /*max-height: 200px;*/
  overflow-x: scroll;
}

.atwho-view-heading {
  width: 210px;
  color: #A6A9B6;
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
  padding: 10px 20px;
}

.atwho-view .curCss {
  background: #F5F9FF;
}

.atwho-view .cur small {
}

.atwho-view strong {
  color: #3366FF;
}

.atwho-view .cur strong {

}

.atwho-view ul {
  /* width: 100px; */
  /*list-style: none;*/
  /*padding: 0;*/
  /*margin: auto;*/
  /*height: 16px;*/
  color: #434761;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  margin-left:0;
}

.atwho-view-submenu-heading {
  padding: 10px 15px;
  color: #424761;
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
  height: 16px;
}

.atwho-view-submenu-footer {
  padding: 10px 15px;
  border-radius: 0 0 4px 4px;
  background-color: #F6F6F7;
  font-size: 11px;
  font-weight: 500;
  line-height: 13px;
}

#type_Recommendation ul .atwho-view-item:hover::after {
  content: '>';
  position: absolute;
  right: 15px;
}

.atwho-view-child ul {
  list-style: none;
  padding: 0;
  margin: auto;
}

.atwho-view ul li {
  /*display: block;*/
  padding: 5px 30px;
  /*border-bottom: 1px solid #DDD;*/
  cursor: pointer;
  /* border-top: 1px solid #C8C8C8; */
  color: #434761;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.atwho-view small {
  font-size: smaller;
  color: #777;
  font-weight: normal;
}

.atwho-view-oval-9 {
  height: 16px;
  width: 16px;
  border: 1px solid #085CE7;
  background-color: #9CBEF5;
  border-radius: 16px;
  padding-right: 9px;
}

.default_value_text_box {
  border: none;
  width: 84px;
  height: 10px;
  padding: 5px;
  margin: 5px;
  background-color: #d1d1d1;
}

#asap {
  margin-top: 20px;
  font-size: 1.2em;
}

.pad45-left {
  padding-left: 45px !important;
}

strong.accordion-left-tile {
  position: absolute;
  padding-top: 8px;
  /*background-color: #ff6666;*/
  height: 27px;
  width: 35px;
  text-align: center;
  /*color: #ffffff;*/
  border-right: 1px solid #cecece;
}

.inAccordionOptional {
  color: #a6a9b6;
  font-weight: 400;
  text-transform: lowercase;
}

.circle {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  text-align: center;
  background-color: #5bb75b;
  background-image: linear-gradient(#62c462, #51a351);
  background-repeat: repeat-x;
  border-bottom-color: rgba(0, 0, 0, 0.247059);
}

.clickable {
  cursor: pointer;
  z-index: 1;
}

.textbox-like-chzn {
  background-color: #fbfbfb !important;
  border-radius: 3px !important;
  background-clip: padding-box !important;
  border: 1px solid #ccc !important;
  /*display: block;*/
  /*overflow: hidden;*/
  /*white-space: nowrap;*/
  /*position: relative;*/
  height: 30px !important;
  /*line-height: 26px;*/
  padding-left: 6px !important;
  color: #575757 !important;
  /*text-decoration: none;*/
  box-sizing: border-box;
}

.MT15 {
  margin-top: 15px;
}

.red {
  color: #ff6666;
}

.input-error-text {
  font-size: 12px;
  color: red;
  margin-top: 5px;
}

.ui-autocomplete {
  max-height: 150px;
  overflow-x: hidden;
  overflow-y: scroll;
  background: #fff;
  border: 1px solid #cccccc;
  border-top: 0;
  position: absolute;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  z-index: 999;
  border-radius: 0 0 4px 4px;
  max-width: 400px;
}
.info-box.evtDateWidget .ui-autocomplete-input {
  height: 30px;
  box-sizing: border-box;
}
.gray {
  color: #808080;
}

.rhs-widget-event-name {
  font-size: 20px;
}

.vertical-align {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.VATB {
  vertical-align: text-bottom;
}

.uppercase {
  text-transform: uppercase;
}

/*#stepsDiv > div:last-child > hr.funnelStepSeparator {*/
/*display: none;*/
/*}*/
#stepsDiv hr.funnelStepSeparator {
  display: none;
}

.chzn-container .chzn-results .active-result {
  line-height: 15px;
  word-wrap: break-word;
}

.center {
  margin-left: auto;
  margin-right: auto;
}
.v-align-middle-children.grid {
  padding: 20px!important;
}

div.v-align-middle-children > * {
  vertical-align: middle;
}

.submenu {
  padding: 8px 10px;
  color: #8c9aa7;
}

.submenu a {
  color: #8c9aa7;
}

.margin-right-10 {
  margin-right: 10px;
}

.main-menu li.submenu {
  background: #434761;
  color: #b8bbc5;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;

}

.main-menu li.submenu.active span::after {
  /*content: "\00BB";*/
  float: right;
  color: #e21213;
}

.main-menu ul.submenu-option {
  margin-left: 0;
  padding-bottom: 10px;
  padding-top: 10px;
}

.main-menu ul.submenu-option li {
  position: relative;
}

.main-menu ul.submenu-option li a {
  display: block;
  height: 24px;
  color: #b8bbc5;
  font-size: 12px;
  text-align: left;
  padding: 1px 0 3px 37px;
  line-height: 18px;
}

.main-menu ul.submenu-option a:hover {
  color: #ffffff;
  text-decoration: none;
}

.main-menu ul.submenu-option li.active a {
  color: #ff893c;
}

.main-menu ul.submenu-option li a:focus {
  text-decoration: none;
}

.main-menu ul.submenu-option li a.linkTitle {
  cursor: default;
  color: #5f6c77;
}

.main-menu ul.submenu-option li a.linkTitle:hover {
  color: #5f6c77;
  text-decoration: none;
  cursor: default;
}

.main-menu ul.submenu-option li.submenu-dropdown::after {
  position: absolute;
  right: 20px;
  top: 0;
  content: "\f106";
  font: normal normal normal 14px/1 FontAwesome;
  color: #8c9aa7;
  font-size: 18px;
}

.main-menu ul.submenu-option li.submenu-dropdown.acts::after {
  content: "\f107";
}

ul.submenu-dropdown-option {
  margin: -5px 0 10px 15px;
  display: none;
}

.submenu-dropdown-option li a {
  height: 22px !important;
}

.main-menu ul.submenu-item li a {
  padding-left: 30px;
}

.fb-icon-left-menu {
  margin-right: 5px;
  margin-top: -3px;
  width: 12px;
}

.ML0 {
  margin-left: 0;
}

.ML1 {
  margin-left: 1px;
}

.ML25 {
  margin-left: 25px !important;
}

.MT0 {
  margin-top: 0px;
}

.x_axis > .x_axis_d3 {
  width: 100%;
}

.gtw_graph .grid {
  margin: 0;
}

.RA {
  text-align: right !important;
}

.LA .fa {
  float: right;
  margin-top: 3px;
}

.P10 {
  padding: 10px;
}

.P20 {
  padding: 20px;
}

.VAM {
  vertical-align: middle;
}

#mWrapper .tooltip-inner {
  text-align: center;
}

/*Sortable Table Classes*/
.HeadPercentClass {
  border-left: 0 !important;
}

.RowPercentClass {
  border-left: 0 !important;
  color: #939393 !important;
  font-size: 11px !important;
}

.RowPercentClass::after {
  content: "%";
}

#feedbackLink {
  color: white;
}

#feedbackLink .caret {
  margin-left: 5px;
  margin-top: 24px;
}

div#feedbackLinkOpen {
  position: absolute !important;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  display: none;
  right: 10% !important;
  top: 30px;
}

#feedbackLinkOpen .triangle-3 {
  margin-left: 160px !important;
}

#feedbackLink:hover {
  text-decoration: none;
  cursor: pointer;
}

#feedbackLink:hover .caret {
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

path.area {
  opacity: 0.6;
}

.green {
  color: #26a849;
}

.PT5 {
  padding-top: 5px;
}

.PR5 {
  padding-right: 5px;
}

.PR0 {
  padding-right: 0px !important;
}

.PL5 {
  padding-left: 5px;
}

.MR15 {
  margin-right: 15px;
}

.P40 {
  padding: 40px;
}

.P30 {
  padding: 30px;
}

.PT0 {
  padding-top: 0px;
}

/* A smart way to increase specificity */
.PR0.PR0 {
  padding-right: 0;
}

.PT30 {
  padding-top: 30px;
}

#pushTargetTestButton:focus {
  outline: none;
}

#pushTargetTestSendButton:focus {
  outline: none;
}

#pushIosTargetTestButton:focus {
  outline: none;
}

#iosPushTargetTestSendButton:focus {
  outline: none;
}

.fixDD .chzn-container {
  width: 234px !important;
}

.MT50 {
  margin-top: 50px;
}

.MT100 {
  margin-top: 100px;
}

.MT10im {
  margin-top: 10px;
}

.minHgt {
  height: 20px;
  overflow: hidden;
}

.grid.gridMrg {
  margin-top: -2px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ML20 {
  margin-left: 20px;
}

.rickshaw_graph .detail p {
  padding-left: 15px;
  margin: 0;
}

.topSearch {
  position: absolute;
  top: 0px;
  height: 60px;
  width: 100%;
  left: 0px;
  background-color: #dcdcdc;
}

.topSearch .blk {
  padding: 0 205px 20px 20px;
}

.gridTblWgd {
  margin-top: 40px;
}

.gridTblWgd table.table {
  background: #fff;
}

.visitDurBx {
  border-bottom: #ccc 1px solid;
  overflow: hidden;
}

.visitDurBx .twoItem {
  width: 49%;
  float: left;
  text-align: center;
  padding: 30px 0;
}

.visitDurBx .twoItem.brdl {
  border-left: #ccc 1px solid;
}

.visitDurBx .twoItem b {
  font-size: 24px;
  font-weight: 600;
}

#nProLsh .grid-title .pull-left span {
  width: 320px;
}

#nProLsh .grid-title .pull-left span i {
  font-style: normal;
}

td.brdvNames .popover,
td.tknIcon .popover {
  max-width: 500px;
  word-wrap: break-word;
}

#prEnumsAp td {
  padding: 10px;
}

td.dndDisplay span {
  cursor: pointer;
}

td.dndDisplay,
td.tknIcon {
  text-align: center;
}

.appHisto .twoDta {
  padding: 0px 20px 30px 20px;
  border-bottom: 1px solid #d2d5d8;
}

.appHisto .twoDta span {
  font-weight: 600;
  display: inline-block;
  margin-right: 20px;
  vertical-align: middle;
  padding-top: 30px;
}

.appHisto .twoDta span.tl {
  font-size: 35px;
  width: 25%;
}

.tblrData {
  padding: 20px;
}

.tblrData td,
.tblrData table tr th,
.tblrData .table-mod-2 tr td {
  padding: 12px 20px;
}

.tblrData tr td {
  background: #fff;
  vertical-align: middle;
}

.tblrData td.tls {
  font-size: 20px;
  font-weight: 600;
  text-align: right;
}

.tblrData td.range {
  width: 60%;
}

.tblrData td.range span {
  display: block;
  width: 100%;
  background: #4d7fc1;
  height: 25px;
}

#eventsDiv .bldFnt {
  width: 60%;
}

.MT5 {
  margin-top: 5px;
}

.MT30 {
  margin-top: 30px;
}

.mra {
  margin: 0 !important;
}

.MT30 {
  margin-top: 30px;
}

.PA15 {
  padding: 15px;
}

.TAR {
  text-align: right;
}

.ML40 {
  margin-left: 40px;
}

.PA0 {
  padding: 0px !important;
}

/* Target Stat */
#interStat .tpBand {
  background: #ffffff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

#interStat .tpBand .bx {
  display: table-cell;
  padding: 0px 18px;
  vertical-align: middle;
  font-size: 15px;
}

#interStat .tpBand .bx.icon {
  width: 30px;
  text-align: center;
}

#interStat .tpBand .bx.icon span {
  width: 8px;
  height: 8px;
  display: inline-block;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 50%;
  text-align: center;
  line-height: 30px;
  color: #fff;
}

#interStat .tpBand .bx.icon span.fa-cog {
  color: #434761;
}

#interStat .tpBand .bx.status {
  font-size: 15px;
}

#interStat .MR40 {
  margin-right: 40px;
}

#interStat .rightCnt .pplQuery .tle {
  font-size: 15px;
  color: #A6A9B6;
  font-weight: normal;
}

#interStat .rightCnt .pplQuery p.nPM {
  margin: 0;
  padding: 0;
}

#interStat .leftCnt .info-box {
  margin-top: 0;
}

#interStat .leftCnt .info-box .date-title {
  color: #A3A3A3;
}

#interStat .leftCnt .info-box .date-figures {
  font-size: 25px;
  padding-bottom: 10px;
}

#interStat .leftCnt .info-box .date-figures span {
  margin-left: 5px;
  font-size: 15px;
  color: #A3A3A3;
}

#interStat .tpBxNum {
  display: table;
}

#interStat .brdr {
  border-right: #d2d5d8 1px solid;
}

#interStat .tpBxNum {
  border: 0px;
}

#interStat .tpBxNum .span6,
#interStat .tpBxNum .span4,
#interStat .tpBxNum .span12 {
  padding: 20px 0;
  text-align: center;
  float: left;
}

#interStat .tpBxNum .span6 .tls,
#interStat .tpBxNum .span4 .tls,
#interStat .tpBxNum .span12 .tls {
  font-size: 35px;
  font-weight: 600;
  line-height: 40px;
}

#interStat .estimateInfo {
  background: #F1F1F1;
  border-radius: 2px;
  padding: 20px 10px;
  margin: 10px auto 0;
  text-align: center;
}

#interStat .estimateInfo .estimateText {
  font-size: 15px;
  line-height: 14px;
}

#interStat .estimateInfo .estimateNum {
  font-weight: 600;
  margin-left: 5px;
}

#interStat .tpBxNum .span6 .tls span,
#interStat .tpBxNum .span4 .tls span {
  font-size: 20px;
  color: #ccc;
  display: inline-block;
  margin-left: 20px;
  vertical-align: middle;
}

#interStat .tpBxNum .span6 .light-grey,
#interStat .tpBxNum .span4 .light-grey,
#interStat .tpBxNum .span12 .light-grey {
  margin: -10px 0 0 0;
  color: #939393;
  font-size: 13px;
}

.PA15 {
  padding: 15px;
}

#interStat .info-box h4 {
  color: #939393;
  font-weight: normal;
  font-size: 16px;
}

#interStat .info-box h3 {
  margin-bottom: 20px;
  font-size: 20px;
}

#interStat .createBtn {
  overflow: hidden;
  margin-top: 15px;
}

#interStat .tabs-nav li a {
  padding: 8px 30px;
}

.TAR {
  text-align: right;
}

.ML40 {
  margin-left: 40px;
}

#interStat .tbTpSec {
  padding: 20px;
}

#interStat .tbTpSec h2 {
  margin: 0 0 20px 0;
  text-align: right;
}

#interStat .sentGrph {
  overflow: hidden;
  width: 100%;
}

#interStat .sentGrph .ltCnt {
  width: 12%;
  height: 80px;
  float: left;
  padding-top: 20px;
}

#interStat .sentGrph .rtCnt {
  width: 80%;
  border: #ccc 1px solid;
  float: right;
  text-align: center;
  padding: 20px;
}

#interStat .sentGrph .rtCnt .data-num {
  color: #aaa;
  margin-top: 5px;
}

#interStat .sentGrph .rtCnt .data-per {
  margin-top: 12px;
  margin-bottom: 0 !important;
}

#interStat .sentGrph .rtCnt .data-per span {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  height: 45px;
  line-height: 45px;
  color: #333;
  background: #b6d2ee;
}

#interStat .sentGrph .rtCnt .data-per span.tlt {
  background: #4c81c2;
  color: #fff;
}

#interStat .sentGrph .rtCnt.brdn {
  border-top: 0;
}

.MT30 {
  margin-top: 30px;
}

#interStat .tbTpSec .table td,
#interStat .tbTpSec .table th {
  padding: 15px;
}

#interStat .tbTpSec .table td span {
  font-size: 13px;
  color: #bbb;
  margin-left: 20%;
}

#interStat .tbTpSec .table tr.wht td {
  background: #fff;
}

#interStat .tbTpSec .table tr.gry th {
  background: #EDEDED;
}

#interStat .tbTpSec.error {
  border-top: #ccc 1px solid;
}

#error_table span.grp {
  display: block;
  height: 25px;
  background: #f9c2c2;
  margin: 0;
}

#interStat .tbTpSec.error td.lastTl {
  border-left: 0;
}

#error_table .gtwTable thead th:first-child {
  width: 125px;
}

#interStat .brdt {
  border-top: #d2d5d8 1px solid;
}

.tbTpSec .ltCnt .downArrow {
  display: block;
  margin: 0 0 10px 20px;
}

#interStat .trgShowDtls {
  margin-top: 40px;
}

#interStat .trgShowDtls .leftColumn {
  float: left;
  width: 18%;
}

#interStat .trgShowDtls .rightColumn {
  float: left;
  width: 80%;
  opacity: 1;
}

#interStat .trgShowDtls .rightColumn .showBlock {
  height: 120px;
  text-align: center;
}

#interStat .trgShowDtls .cornelius-extra-hot {
  height: 42px;
  margin: 5px auto 0px;
}

#interStat .trgShowDtls .cornelius-hot {
  height: 42px;
  margin: 5px auto 0px;
}

#interStat .trgShowDtls .cornelius-medium {
  height: 42px;
  margin: 5px auto 0px;
}

#interStat .trgShowDtls .cornelius-low {
  height: 42px;
  margin: 5px auto 0px;
}

#interStat .trgShowDtls .perText {
  font-size: 24px;
  font-weight: 600;
  padding-top: 18px;
}

#interStat .trgShowDtls .showStepNames {
  border: 1px solid transparent;
  height: 120px;
  text-align: center;
}

#interStat .trgShowDtls .showStepNames div {
  margin-top: 40px;
  text-align: center;
}

#interStat .trgShowDtls .showStepNames div span {
  /* color:#0393ec; */
  font-size: 16px;
  font-weight: 600;
}

/* TARGET OVERVIEW */
#interactPg {
  position: relative;
  display: table;
  width: 100%;
}

#interactPg .leftWarp {
  display: table-cell;
  padding-right: 0;
}

#interactPg .rightCont {
  display: table-cell;
  width: 21%;
  /*border-left:#cbcbcb 1px solid;*/
  padding-left: 20px;
}

#interactPg .tbButton {
  margin-top: 10px;
  width: 100%;
}

#interactPg .tbButton .btn-group {
  width: 100%;
}

#interactPg .tbButton .createPush {
  display: block;
}

#interactPg .tbButton .btn {
  padding: 5px 30px;
  margin-bottom: 2px;
  float: left;
}

#interactPg .grid.filtr {
  margin-top: 20px;
  padding: 15px;
}

#interactPg .search {
  margin-left: 0px;
  margin-top: 0px;
  float: none;
}

#interactPg .search input {
  border: 1px solid #cccccc;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

#interactPg .chksWrp {
  margin-top: 15px;
  overflow: hidden;
}

#interactPg .w20 {
  width: 20%;
}

#interactPg .w40 {
  width: 40%;
}

#interactPg .w60 {
  width: 60%;
}

#interactPg .w80 {
  width: 80%;
  overflow: hidden;
}

#interactPg .chksWrp .input {
  width: 105px;
  float: left;
  font-size: 13px;
}

#interactPg .tblData {
  margin-top: 20px;
}

#interactPg .table-mod-2 a:hover {
  color: #0088cc;
  background: none;
}

#interactPg .table-mod-2 a {
  padding: 0;
}

#interactPg .tblData th,
#interactPg .tblData td {
  padding: 10px 20px;
  background: #EDEDED;
  vertical-align: top;
}

#interactPg .tblData td {
  background: #fff;
}

#interactPg .psId {
  font-size: 13px;
  font-weight: bold;
}

#interactPg .psType {
  font-size: 14px;
  font-weight: normal;
  color: #bbb;
  margin-bottom: 5px;
}

#interactPg .dscrp {
  font-size: 13px;
  color: #bbb;
  display: table;
  width: 100%;
}

#interactPg .dscrp span {
  display: table-cell;
  padding-bottom: 5px;
}

#interactPg .dscrp b {
  color: #434761;
  font-size: 16px;
  margin-right: 8px;
}

#interactPg .dscrp span.last {
  width: 40%;
}

#interactPg .tblData td p {
  margin-bottom: 7px;
}

#interactPg .pushIc {
  display: block;
  width: 38px;
  height: 38px;
  border-radius: 19px;
  -moz-border-radius: 19px;
  -webkit-border-radius: 19px;
  font-size: 18px;
  float: left;
  color: #fff;
  line-height: 38px;
  text-align: center;
}

#interactPg .pushIc.fa-refresh {
  background: #575757;
}

#interactPg .pushIc.fa-check {
  background: #2eae4a;
}

#interactPg .pushIc.fa-clock-o {
  background: #4d80c1;
}

#interactPg .pushIc.fa-exclamation {
  background: #f26966;
}

#interactPg .table-mod-2 .dropdown-menu {
  font-size: 13px;
}

#interactPg .table-mod-2 .dropdown-menu > li > a {
  padding: 3px 20px;
}

#interactPg .table-mod-2 .dropdown-menu > li > a:hover {
  color: #ffffff;
  background-color: #0081c2;
}

#interactPg .table-mod-2 .dropdown-menu {
  overflow: hidden;
}

#interactPg .colspn,
#interactPg .table-mod-2 .btn-group {
  display: none;
}

#interactPg .qStats {
  font-size: 12px;
}

#interactPg .table-mod-2 tr:hover td {
  background: #f9fafb !important;
}

#interactPg .table-mod-2 tr:hover .btn-group {
  display: block;
}

#interactPg .rightCont .MB20 {
  margin-bottom: 20px;
}

#interactPg .rightCont .rhsBx {
  background: #fff;
  border: 1px solid #d2d5d8;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border-bottom: 0;
}

#interactPg .rightCont .rhsBx .grid-title {
  height: 34px;
  padding: 10px 8px 0 8px;
  overflow: hidden;
  font-weight: bold;
  font-size: 13px;
}

#interactPg .rightCont .rhsBx .grid-title .pushIc {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  font-size: 14px;
  line-height: 24px;
  float: right;
}

#interactPg .rightCont .rhsBx .box {
  border-bottom: 1px solid #d2d5d8;
  padding: 12px 12px 18px 12px;
}

#interactPg .rhsBx .dscrp span.last {
  width: 43%;
}

#interactPg .rhsBx .dscrp span {
  font-size: 12px;
}

#interactPg .rhsBx .dscrp b {
  font-size: 14px;
  margin-right: 0;
}

#interactPg .rhsBx .psId {
  margin: 0;
  color: #bbb;
}

#interactPg .rhsBx .rProcs {
  height: 15px;
  border: #d3d3d4 1px solid;
  background: #e0e2e2;
  margin-bottom: 12px;
}

#interactPg .rhsBx .rProcs span {
  height: 15px;
  display: block;
  background: #35ac49;
  width: 0%;
}

#interactPg .rhsBx a.seeQury {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
  font-size: 12px;
}

#interactPg .rhsBx .dtMnth {
  font-size: 12px;
  margin-top: 10px;
}

.pplQuery.allStn {
  width: 300px;
  border: #ccc 1px solid;
  position: fixed;
  top: 30%;
  left: 50%;
  margin: -160px 0 0 -160px;
  z-index: 999;
}

.pplQuery .tle {
  font-size: 16px;
  color: #bbb;
  font-weight: normal;
}

.pplQuery p.nPM {
  margin: 0;
  padding: 0;
}

.backIn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  z-index: 998;
  display: none;
}

.pplQuery .btnClose {
  position: absolute;
  top: 5px;
  right: 5px;
  color: #ccc;
  font-size: 18px;
}

.popUpDiv .btnClose {
  position: absolute;
  top: 5px;
  right: 5px;
  color: #ccc;
  font-size: 18px;
}

.centerTable {
  border-collapse: separate;
  border-spacing: 25px 0;
}

.RHSTITLE {
  text-align: center;
  width: 50%;
  font-size: 14px;
  vertical-align: middle;
}

.RHSNUMBER {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  vertical-align: middle;
}

.leftDataRHSBOX {
  text-align: left;
  font-size: 15px;
  vertical-align: middle;
}

.rightDataRHSBOX {
  text-align: right;
  font-size: 24px;
  font-weight: 600;
  vertical-align: middle;
}

div.accordion-inner.row-fluid {
  border: 1px solid #d2d5d8;
  width: auto;
}

#groupTables .grid {
  margin-top: 20px;
}

.PA20 {
  padding: 20px;
}

.fnt35 {
  font-size: 35px;
}

.fnt30 {
  font-size: 30px;
}

.fnt25 {
  font-size: 25px;
}

.fnt22 {
  font-size: 22px;
}

.fnt20 {
  font-size: 20px;
}

.fnt18 {
  font-size: 18px;
}

.fnt16 {
  font-size: 16px;
}

.fnt15 {
  font-size: 15px;
}

.fnt14 {
  font-size: 14px;
}

.fnt13 {
  font-size: 13px;
}

.fnt12 {
  font-size: 12px;
}

.fnt11 {
  font-size: 11px;
}

.fnt10 {
  font-size: 10px;
}

.fntbold {
  font-weight: bold;
}

.clrLight {
  color: #939393;
}

.MT40 {
  margin-top: 40px;
}

.PB20 {
  padding-bottom: 20px;
}

.PB15 {
  padding-bottom: 15px;
}

.PL20 {
  padding-left: 20px;
}

.PT20 {
  padding-top: 20px;
}

.PT10 {
  padding-top: 10px;
}

.MB15 {
  margin-bottom: 15px;
}

.PB0 {
  padding-bottom: 0px !important;
}

.dropdown-toggle.topLinks {
  color: #434761;
  text-decoration: none;
  display: inline-block;
}

a:hover.dropdown-toggle.topLinks {
  text-decoration: none;
}

.dropdown-toggle.topLinks span {
  padding-right: 10px;
}

.dropdown-toggle.topLinks span.crntLnk {
  font-weight: bold;
  color: #434761;
  font-size: 20px;
  display: inline-block;
  vertical-align: middle;
  padding-left: 10px;
}

.topNavBg {
  background-color: gainsboro;
  height: 60px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.accountTopNav {
  margin-left: -15px;
}

.accountTopNav li {
  height: 60px;
  line-height: 60px;
  display: inline-block;
  position: relative;
  margin-right: 5%;
}

.accountTopNav li li {
  height: auto;
  line-height: 20px;
  display: block;
  margin-right: 0;
}

.accountTopNav li a.dropdown-toggle {
  text-decoration: none;
}

.accountTopNav li.active a {
  color: #434761;
}

.accountTopNav li .icon-sort-down {
  margin-left: 5px;
  vertical-align: text-top;
}

.accountTopNav li div.profile-box {
  top: 50px;
  margin-top: 0;
  width: 240px;
}

.accountTopNav li div.profile-box .triangle-3 {
  margin-left: 20px;
}

.profile-username span .accountNameTruncate {
  max-width: 150px;
  display: inline-block;
  vertical-align: bottom;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

#settingOpen {
  width: 210px;
}

.btn.btnGreen {
  background: #1EC55D;
  border: #1EC55D 1px dashed;
  padding: 6px 12px;
  text-shadow: none;
  color: #fff;
}

.btn:hover.btnGreen,
.btn:focus.btnGreen {
  outline: none;
  outline: 0px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn.btnGreen .fa {
  font-size: 10px;
  border: 1px solid #fff;
  border-radius: 100%;
  width: 18px;
  height: 18px;
  line-height: 18px;
  margin-right: 4px;
}

.popUpDiv {
  padding: 20px;
  background: #f9f9f9;
  border: #ccc 1px solid;
  position: fixed;
  top: 30%;
  left: 50%;
  z-index: 999;
}

.w40px {
  width: 40px;
}

.grid.mtn {
  margin-top: 0;
}

.fntNrml {
  font-weight: normal;
  color: #9E9E9E;
}

.MB30 {
  margin-bottom: 30px;
}

.MB10 {
  margin-bottom: 10px;
}

.MB5 {
  margin-bottom: 5px;
}

#keyvaluePairContainer input {
  width: 100%;
}

#stepWrapper .brdt {
  border-top: 1px solid #d2d5d8;
}

/*Targeting Tooltip CSS*/
.pushTooltip {
  position: relative;
  display: inline-block;
}

.pushTooltip i.fa {
  font-size: 20px;
  margin-left: 8px;
}

.pushTooltip .tooltipWarp {
  border-radius: 4px;
  display: none;
  position: absolute;
  width: 270px;
  right: 25px;
  top: -10px;
  box-shadow: #666 1px 1px 4px;
  -webkit-box-shadow: #666 1px 1px 4px;
  -moz-box-shadow: #666 1px 1px 4px;
  z-index: 9999;
}

.pushTooltip .tooltipWarp i.fa {
  position: absolute;
  left: -16px;
  font-size: 26px;
  top: 4px;
  color: #fff;
  display: none;
  text-shadow: -2px 1px 1px #999999;
  -webkit-text-shadow: -2px 1px 1px #999999;
  -moz-text-shadow: -2px 1px 1px #999999;
}

.pushTooltip .tooltipWarp .light {
  color: #9E9C9C;
}

.pushTooltip:hover .tooltipWarp {
  display: block;
}

.wzrkTooltip {
  position: relative;
  display: inline-block;
}

.wzrkTooltip i.fa {
  font-size: 20px;
  margin-left: 8px;
}

.wzrkTooltip .tooltipWarp {
  position: absolute;
  width: 270px;
  right: 25px;
  top: -10px;
  padding: 8px;
  color: #ffffff;
  text-decoration: none;
  background-color: #383D54;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 11px;
  text-align: left;
  z-index: 10;
}

.wzrkTooltip .tooltipWarp i.fa {
  position: absolute;
  font-size: 26px;
  top: 4px;
  color: #383D54;
}

.wzrkTooltip .tooltipWarp p:last-child {
  margin-bottom: 0;
}

/*Align = Left*/
.wzrkTooltip.t_left .tooltipWarp i.fa {
  text-shadow: 2px 1px 1px #999;
  -webkit-text-shadow: 2px 2px 2px #999;
  -moz-text-shadow: 2px 2px 2px #999;
}

/*END*/
/*Email Setting CSS*/
.grid-content.PA20 {
  padding: 20px;
}

.emailSetting {
  padding: 20px;
  position: relative;
  border: #ccc 1px solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.settingTabs {
  margin: 0 0 10px 0;
  overflow: hidden;
}

.settingTabs .tb {
  border-radius: 4px;
  float: left;
  width: 15%;
  height: 125px;
  line-height: 155px;
  border: #d2d5d8 1px solid;
  cursor: pointer;
  text-align: center;
  margin-right: 10px;
  position: relative;
  background: #dfe3e8;
  color: #77848c;
}

.settingTabs .tb .lgwarp {
  display: inline-block;
  vertical-align: middle;
  line-height: 22px;
  font-weight: 600;
}

.settingTabs .tb .lgwarp .fa {
  font-size: 25px;
  color: #2db34b;
  margin-top: 5px;
  display: none;
  line-height: 25px;
}

.settingTabs .tb .lgwarp p {
  margin: 0;
  padding: 0;
  min-height: 35px;
}

.settingTabs .tb b {
  background: url(../../../images/logo_email_set.png?v=0) 0 0 no-repeat;
  height: 37px;
  text-indent: -99999px;
  display: inline-block;
}

.settingTabs .tb .mandrillLogo b {
  background-position: 0 0;
  width: 42px;
}

.settingTabs .tb .kenscioLogo b {
  background-position: -44px 0;
  width: 39px;
}

.settingTabs .tb .amazonLogo b {
  background-position: -86px 0;
  width: 50px;
}

.settingTabs .tb .sendgridLogo b {
  background-position: -138px 0;
  width: 40px;
}

.settingTabs .tb .smtpLogo b {
  background-position: -180px 0;
  width: 44px;
}

.settingTabs .tb .postmarkLogo b {
  background-position: -228px 0;
  width: 44px;
}

.settingTabs .tb .mailgunLogo b {
  background-position: -278px 0;
  width: 44px;
}

.settingTabs .tb .mailjetLogo b {
  background-position: -332px 0;
  width: 44px;
}

.settingTabs .tb.act {
  background: #fff;
  cursor: text;
  color: #434761;
}

.settingTabs .tb .show .fa {
  display: block;
}

.TAC {
  text-align: center;
}

.TAL {
  text-align: left;
}

.TAR {
  text-align: right;
}

.emailSetting .helpBtn {
  position: absolute;
  right: 10px;
  top: 20px;
}

.providerWarp {
  margin: 0;
  padding: 0;
}

.providerWarp li {
  display: none;
}

.providerWarp li.act {
  display: block;
}

.settingTabs .tb .lgwarp > span {
  display: block;
}

.settingTabs .tb .logoIc .fa {
  display: block;
  color: #333;
  font-size: 40px;
  margin-bottom: 12px;
}

.grid.MT20 {
  margin-top: 20px !important;
}
.grid-tab-title {
  background: #f3f3f7;
  font-weight: 600;
  font-size: 15px;
  padding: 10px;
  border-bottom: 1px solid #d2d5d8;
}
.grid-tab {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #D2D5D8;
  background-color: #FAFAFB;
  border-radius: 4px;
  padding: 20px;
  width: 75%;
}
.intApps .appDtls {
  margin-top: 0;
  padding: 30px 0 20px 0;
  min-height: 88px;
  text-align: center;
  border-top: 0px;
}

/* Setting PG */
.dashSetting {
  text-align: left;
}

.dashSetting a.settingUrl {
  display: inline-block;
  text-align: center;
  padding: 3.24444% 2.24444%;
  width: 19.55555%;
  color: #434761;
  vertical-align: top;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  min-height: 150px;
}

.dashSetting a:hover.settingUrl {
  text-decoration: none;
  background: #f3f3f4;
}

.dashSetting a.settingUrl .rdBx.blue {
  background: #2d8aeb;
}

.dashSetting a.settingUrl .rdBx.red {
  background: #ff6868;
}

.dashSetting a.settingUrl .rdBx.green {
  background: #05a705;
}

.dashSetting a.settingUrl .rdBx.orange {
  background: #ffa93c;
}

.dashSetting a.settingUrl .rdBx {
  width: 45px;
  margin-bottom: 12px;
  height: 45px;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  color: #fff;
  line-height: 45px;
  font-size: 24px;
}

.dashSetting a.settingUrl b {
  font-size: 18px;
}

.dashSetting a.settingUrl span {
  font-size: 15px;
  display: inline-block;
  margin-top: 5px;
}

.dashSetting .secondRow {
  padding: 20px 0;
}

/* breadCrumb Toggle Menu */
#switch-dashboard.wzrkTopMenu .profile-username {
  margin: 0px;
  padding: 0px;
  color: #434761 !important;
}

#switch-dashboard.wzrkTopMenu .profile-username span.menuName {
  color: #434761;
  padding: 10px 10px 10px 0px;
}

#switch-dashboard.wzrkTopMenu .profile-username span.selectMenu {
  padding: 10px;
  font-weight: bold;
  color: #434761;
  font-size: 20px;
}

/*non-integrated accounts*/
#header {
  z-index: 99;
}

.is-disabled {
  opacity: 0.65;
  pointer-events: none;
}

/*for nested is-disable, don't keep reducing the opacity.*/
.is-disable > .is-disable {
  opacity: 1 !important;
}

.nIntgBg {
  background: #fff;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  opacity: 0.9;
  position: fixed;
  z-index: 99;
  width: 100%;
  height: 100%;
  top: 0;
}

.nIntgBgMsg {
  position: fixed;
  z-index: 999;
  left: 10%;
  width: 90%;
  height: 100%;
  text-align: center;
  top: 150px;
}

.nIntgBgMsg .loader .fa {
  font-size: 50px;
  color: #333;
}

.nIntgBgMsg .title {
  font-size: 40px;
  line-height: 50px;
  font-weight: bold;
  color: #333;
  padding-top: 30px;
}

.nIntgBgMsg .subTitle {
  font-size: 16px;
  font-weight: bold;
  color: #333;
  padding-top: 10px;
}

.nIntgBgMsg .infoBx {
  font-size: 15px;
  font-weight: bold;
  padding-top: 30px;
}

.nIntgBgMsg .btn .fa {
  font-size: 16px;
  color: #fff;
}

/* New Header */
#header .topNav {
  height: 50px;
  margin: 0;
}

#header .topNav li.mainLink {
  height: 50px;
  line-height: 50px;
  display: inline-block;
  padding: 0 12px;
  font-size: 12px;
  color: #6c7c86;
  float: left;
}

#header .topNav li.mainLink.noBrd {
  border-left: 0;
}

#header .topNav li.mainLink a {
  font-size: 12px;
  color: #6c7c86;
}

#header .topNav li.mainLink a:hover,
#header .topNav li.mainLink a:focus {
  color: #A6A9B6;
  text-decoration: none;
}

#header .topNav li.mainLink .icon-cog,
#header .topNav li.mainLink .fa-user-plus,
#header .topNav li.mainLink .fa-align-center,
#header .topNav li.mainLink .icon-bookmark,
#header .topNav li.mainLink .fa-exclamation-triangle {
  /*color: #6c7c86;*/
  font-size: 16px;
  margin-top: 0px;
  line-height: 50px;
}

#header .profile-username,
#header .profile-username span {
  margin: 0;
  color: #6c7c86;
}

#header .profile-username span.tsclr {
  border-left: #6c7c86 1px solid;
  padding-left: 8px;
  margin-left: 5px;
}

#header .profile-username:hover,
#header .profile-username:hover span {
  color: #A6A9B6;
  text-decoration: none;
}

#header .profile-caret {
  margin-top: 24px;
  line-height: 10px;
}

#header div.profile-box {
  margin-top: 15px;
}

#header .topNav li.mainLink li a,
#header .topNav li.mainLink li a:hover,
#header .topNav li.mainLink li a:focus {
  font-size: 13px;
  word-break: break-all;
  display: flex;
}

#header .showMobile {
  display: none;
}

#header .mainLink .caret {
  border-top: #6c7c86 4px solid;
}

.main-pg {
  margin-top: 113px;
}

.topBreadCrumb .dropdown .caret {
  border-top: #545454 6px solid;
}

#header .topNav li.mainLink .triangle-3 {
  margin-left: 50px;
}

#header .topNav li.mainLink .dropdown-menu.pull-right {
  right: 2%;
}

#header .topNav li.mainLink .profile-navigation .icon-cog,
#header .topNav li.mainLink .profile-navigation .fa-user-plus,
#header .topNav li.mainLink .fa-align-center,
#header .topNav li.mainLink .profile-navigation .icon-bookmark {
  line-height: normal;
}

#header .topNav li.mainLink ul.profile-navigation ul {
  margin-left: 0;
}

#header .topNav li.mainLink ul.profile-navigation.settingLinks li .fa {
  /*color: #535457;*/
  width: 15px;
}

.header__test-account-text {
  line-height: 51px;
  margin-left: 20px;
  font-weight: 600;
}

#header.header__test-account-gd {
  background-image: linear-gradient(135deg, #e8ecef, #e8ecef 25%, #f5f6f8 25%, #f5f6f8 50%, #e8ecef 50%, #e8ecef 75%, #f5f6f8 75%, #f5f6f8);
  background-size: 52px 52px;
  background-repeat: repeat-x;
}

.fb-icon-left-menu {
  margin-right: 3px;
  margin-top: -3px;
  width: 12px;
}

.redIcn {
  font-size: 15px !important;
  margin-top: 2px;
  color: #ff6666 !important;
}

#settingShow .caret {
  margin-left: 5px;
  margin-top: 24px;
}

ul.profile-navigation.settingLinks {
  margin-bottom: 0px;
}

#header .topNav li.mainLink .profile-username {
  max-width: 280px;
  overflow: hidden;
  height: 50px;
}

ul.profile-navigation.settingLinks li.topIcn {
  margin-left: 5px;
}

ul.profile-navigation.settingLinks li.topIcn .fa {
  font-size: 15px;
  margin-top: 2px;
}

ul.scrollNav {
  height: 448px;
  overflow-y: scroll;
}

ul.scrollNav li a {
  word-break: break-all;
  display: flex;
}

.dropdown-menu .profile-navigation li:hover {
  background-color: transparent;
}

/* BreadCrumb CSS */
.topBreadCrumb {
  background: #e0e4e8;
  padding: 15px 30px;
}

.topBreadCrumb .main-title {
  font-size: 16px;
  margin-bottom: 10px;
  color: #A6A9B6;
}

.topBreadCrumb .pgTitle {
  font-size: 26px;
  text-decoration: none;
}

.topBreadCrumb .pgTitle {
  text-decoration: none;
}

.topBreadCrumb .dropdown .caret {
  margin-top: 9px;
  margin-left: 8px;
}

#switch-dashboard .tooltip {
  width: 120px;
}

.info-box.MT40 {
  margin-top: 40px;
}

.information-box-3.MT25 {
  margin-top: 25px;
}

.MT6 {
  margin-top: 6px;
}

.topBreadCrumb .profile {
  margin-top: 0px;
}

/*footer css*/
#newStyle.footer {
  display: none;
  height: auto;
  line-height: 30px;
  border: 0;
  padding: 8px 30px;
  background: #e0e4e8;
  font-size: 13px;
}

#newStyle.footer .right {
  float: right;
}

#newStyle.footer .rtLink a {
  margin: 0 5px;
}

.ML10 {
  margin-left: 10px !important;
}

.ML12 {
  margin-left: 12px;
}

.MR12 {
  margin-right: 12px;
}

.ML4 {
  margin-left: 4px;
}

.MR4 {
  margin-right: 4px;
}

.ML5 {
  margin-left: 5px;
}

.MR10 {
  margin-right: 10px;
}

.MR5 {
  margin-right: 5px;
}

.MR8 {
  margin-right: 8px;
}

.campFltrMr {
  margin-left: 20px;
}

.findEventLast {
  height: 250px;
}

.overlayNav {
  position: absolute;
  text-align: center;
  bottom: 50px;
  width: 100%;
  height: 30px;
}

.overlayNav a {
  display: inline-block;
  width: 30px;
  height: 32px;
  margin: 0 1px;
  background: url(../../../images/overlay_img/bullet.png?v=0) -30px 0;
}

.overlayNav a.act {
  background-position: 0 0;
}

.leftOverlay,
.rightOverlay {
  position: absolute;
  width: 49%;
  top: 0;
}

/* / temp footer / */
.logoFooter {
  height: 40px;
  background-color: #444444;
  margin-bottom: -20px;
  line-height: 38px;
  font-size: 13px;
  display: table;
}

.logoFooter a {
  color: #fff;
}

.logoFooter a:focus {
  color: #fff;
}

.logoFooter a:hover {
  color: #fff;
  text-decoration: underline;
}

.transitionLogo1 {
  display: inline-block;
  width: 102px;
  height: 28px;
  background: url(../../../images/corp_logo/wizrocket.png?v=0);
  vertical-align: middle;
  margin-left: 10px;
  margin-right: 10px;
  background-size: 102px 28px;
}

.transitionLogo2 {
  display: inline-block;
  width: 102px;
  height: 33px;
  background: url(../../../images/corp_logo/clevertap.png?v=0);
  vertical-align: middle;
  margin-left: 10px;
  margin-right: 10px;
  background-size: 102px 28px;
}

/* New Realtime data box */
.realtime-data .userByPlatform {
  padding-top: 0px;
}

.realtime-data .newUsers {
  text-align: center;
  padding-top: 20px;
}

.realtime-data .newUsers .nums {
  font-size: 35px;
  margin-top: 10px;
  padding-bottom: 5px;
  font-weight: 600;
  word-break: break-all;
  line-height: 1;
}

.realtime-data .tl {
  padding-top: 10px;
  margin-bottom: 5px;
}

.realtime-data .newUsers .perc {
  font-size: 12px;
  font-weight: bold;
  color: #434761;
}

.realtime-data .newUsers .perc span {
  color: #434761;
}

.realtime-data .engaged {
  text-align: center;
  padding-top: 20px;
}

.realtime-data .engaged .nums {
  color: #A6A9B6;
  padding-bottom: 5px;
  font-size: 20px;
  padding-top: 10px;
}

.realtime-data .engaged .nums .engPer {
  font-size: 24px;
  color: #434761;
  display: inline-block;
  vertical-align: baseline;
  font-weight: 600;
}

.realtime-data .engaged .tl {
  padding-top: 5px;
  margin-bottom: 5px;
}

.realtime-data .engaged .perc {
  font-size: 11px;
  font-weight: 600;
  color: #4d7fc1;
}

.realtime-data .engaged .perc span {
  color: #565656;
}

.byPlatform {
  padding-left: 20px;
}

.realtime-data .platFormDt {
  text-align: center;
}

.byPlatform .fa {
  background-color: #2d8aeb;
}

.byPlatformH {
  padding-bottom: 20px;
}

.realtime-data .platFormDt .engPer {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 0;
}

.realtime-data .platFormDt .nums {
  color: #A6A9B6;
  font-size: 15px;
  display: inline-block;
  margin-top: 8px;
  font-weight: normal;
}

.realtime-data .platFormDt .fa {
  width: 30px;
  height: 30px;
  color: #ffffff;
  border-radius: 3px;
  line-height: 30px;
  text-align: center;
}

.realtime-data .platFormDt .fa-mobile {
  font-size: 18px;
}

.rtBorderArrow {
  position: absolute;
  width: 50px;
  height: 50px;
  right: 0;
  top: 50%;
  margin-top: -25px;
}

.rtBorderArrow:after,
.rtBorderArrow:before {
  border: solid transparent;
  content: ' ';
  height: 0;
  left: 100%;
  position: absolute;
  width: 0;
}

.rtBorderArrow:after {
  border-width: 11px;
  border-left-color: #fff;
  top: 15px;
}

.rtBorderArrow:before {
  border-width: 13px;
  border-left-color: #ccc;
  top: 13px;
}

.realtime-data .userWarp {
  border-right: #ccc 1px solid;
  position: relative;
  min-height: 130px;
}

/* New FB FaceIT CSS */
.FBuserStream {
  overflow: auto;
  margin: 0;
  padding: 10px 20px;
}

.FBuserStream span {
  padding: 25px 0;
  width: 12.49437289473%;
  text-align: center;
}

.FBuserStream span img,
.FBuserStream span i {
  border-radius: 100%;
  width: 85px !important;
  height: 85px !important;
  font-size: 40px !important;
  line-height: 85px !important;
}

/*eventDtlsNav css*/
.eventDtlsNav {
  text-align: left;
}

.eventDtlsNav a {
  margin-bottom: 10px;
  display: inline-block;
  margin-left: 8px;
  background: #484748;
  padding: 0 15px;
  color: #fff;
  height: 34px;
  line-height: 34px;
  border-radius: 4px;
}

.eventDtlsNav a:hover,
.eventDtlsNav a:focus {
  background: #bfbfbe;
  color: #fff;
  text-decoration: none;
}

.eventDtlsNav a.act {
  background: #bfbfbe;
  color: #fff;
  text-decoration: none;
  position: relative;
}

.eventDtlsNav a.act:after {
  top: 80%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-top-color: #bfbfbe;
  border-width: 15px;
  margin-left: -15px;
}

.overlayIc,
.visitedOverlayIc {
  font-size: 10.5px;
  margin-left: 5px;
  padding-left: 6px;
  webkit-border-radius: 3px;
  display: inline-block;
  -moz-border-radius: 3px;
  border-radius: 3px;
  line-height: 20px;
  color: #434761;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  vertical-align: text-bottom;
}

.overlayIc i,
.visitedOverlayIc i {
  padding-right: 6px;
  font-size: 15px;
  line-height: 21px;
}

/* .overlayIc .fa{ */
/* 	color:#536573; */
/*     font-size: 10.5px; */
/*     margin-left: 8px; */
/* } */
.overlayIc .tooltip {
  width: 130px;
  font-size: 13px;
  text-shadow: none;
}

.visitedOverlayIc {
  color: #ccc;
  cursor: inherit;
}

.visitedOverlayIc .tooltip {
  display: none !important;
}

.closeOverlayBtn {
  width: 50px;
  height: 50px;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 10px;
  background: url(../../../images/overlay_img/btn_close.png?v=0) 0 0;
  z-index: 10;
}

.footerOverlay {
  background: #000;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  position: absolute;
  bottom: 0;
  height: 70px;
  width: 100%;
  z-index: 9;
}

.footerOverlayText {
  position: absolute;
  bottom: 40px;
  width: 100%;
  z-index: 10;
  text-align: center;
}

.footerOverlayText a i {
  color: #eee;
  margin-left: 10px;
}

#overlaySlides .pagination {
  position: absolute;
  bottom: 13px;
  margin: 0 0 0 -34px;
  width: 65px;
  left: 50%;
  z-index: 10;
}

#overlaySlides .pagination li {
  float: left;
  margin: 0 3px;
}

#overlaySlides .pagination li a {
  width: 15px;
  height: 15px;
  background-color: #df221a;
  border-radius: 100%;
  text-indent: -999999px;
  display: block;
}

#overlaySlides .pagination li.current a {
  background-color: #fff;
}

#overlaySlides .next {
  position: absolute;
  right: 15px;
  bottom: 20px;
  width: 90px;
  height: 26px;
  background: url(../../../images/overlay_img/btn_next.png?v=0) 0 0 no-repeat;
  z-index: 10;
  text-indent: -999999px;
}

#overlaySlides .prev {
  position: absolute;
  left: 15px;
  bottom: 20px;
  width: 90px;
  height: 26px;
  background: url(../../../images/overlay_img/btn_prev.png?v=0) 0 0 no-repeat;
  z-index: 10;
  text-indent: -999999px;
}

.PR20 {
  padding-right: 20px;
}

.bottomBr {
  border-bottom: 1px solid #ccc;
}

.topBr {
  border-top: 1px solid #ccc;
}

.topBr.first {
  border-top: none;
}

.orBoxIcon {
  background: #ffa93c;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  display: inline-block;
  text-align: center;
  line-height: 30px;
  color: #fff;
}

.perCentBox {
  width: 55px;
  height: 55px;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  display: inline-block;
  background: #b2b2b2;
  position: relative;
}

.perCentBox .per {
  position: absolute;
  top: 0;
  left: 0;
}

.inviteUser {
  background: #F1F1F1;
  padding: 20px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.inviteUser .inviteTls {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 15px !important;
}

.inviteUser p {
  margin-bottom: 10px;
}

.inviteUser .grid-title {
  border: #ccc 1px solid;
  height: 50px !important;
  line-height: 50px !important;
  text-align: center;
  font-size: 30px;
}

.inviteUser .span.input {
  /*height: 40px;*/
  padding: 5px 16px 5px 10px;
}

.PR40 {
  padding-right: 40px;
}

/* Round progress bar */
.roundPrgBar {
  position: relative;
  width: 80px;
  height: 80px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.roundPrgBar-bg {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 7px solid #d3d3d3;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.spiner-holder-1 {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 50%;
  height: 50%;
  background: transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.spiner-holder-2 {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background: transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.roundPrgBar-spiner {
  width: 200%;
  height: 200%;
  border-radius: 50%;
  border: 7px solid #49ad32;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.animate-0-25-a {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

.animate-0-25-b {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

.animate-25-50-a {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

.animate-25-50-b {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

.animate-50-75-a {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

.animate-50-75-b {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

.animate-75-100-a {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

.animate-75-100-b {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

.roundPrgBartext {
  text-align: center;
  padding-top: 36%;
  font-size: 18px;
  color: #aaa;
}

/* END Round progress bar */
/* COLORS CLASS */
.clrFFF {
  color: #fff;
}

.clrDDD {
  color: #ddd;
}

/* FONT CLASS */
.font-22 {
  font-size: 22px;
}

.font-20 {
  font-size: 20px;
}

/* MEDIA QUERY */
@media (max-width: 1200px) {
  #interactPg .rightCont {
    display: none;
  }

  #interactPg .leftWarp {
    padding-right: 0px;
  }

  #interactPg .tbButton .createPush {
    display: block;
  }

  #nProfileV .profileWarp .othrDtls .box .innr {
    font-size: 12px;
  }

  #nProfileV .profileWarp .dtls {
    width: 72%;
  }

  #nProfileV .profileWarp .usrCntInfo,
  #nProfileV .profileWarp .usrCntInfo span.MRT {
    padding: 10px 0;
  }

  #nProfileV .information-data .data .date-title,
  #nProfileV .stats-box-title {
    font-size: 15px;
  }

  #nProLsh .actCharts li {
    margin-left: 6px;
    width: 25px;
  }

  #nProLsh .actCharts.time li {
    margin-left: 7px;
    width: 29px;
  }
}

@media (max-width: 980px) {
  #nProfileV .profileWarp .dtls {
    width: 70%;
  }
}

@media screen and (max-width: 960px) {
  .nIntgBgMsg {
    padding: 5%;
    left: 0;
  }
}

@media screen and (max-width: 950px) {
  .createTargetMessage .span12 {
    font-size: 130%;
  }

  .wzrkTopMenu {
    display: none;
  }

  .dashMenuDD.pull-left {
    float: none;
  }

  .pull-right.conversionEvent {
    float: none;
    margin: 0 0 10px 0px;
  }

  .topBreadCrumb {
    padding: 10px 20px;
  }

  #newStyle.footer {
    padding: 0 0 0 20px;
  }
}

@media (max-width: 850px) {
  #interStat .rightCnt {
    display: none;
  }

  #interStat .leftCnt {
    width: 100%;
  }

  .intApps .appDtls {
    min-height: 140px;
  }

  .trendGraphTitle {
    position: relative;
  }

  .trendGraphTitle .grid-title .pull-left span {
    position: absolute;
    top: 3px;
  }
}

@media (max-width: 768px) {
  #nProfileV .profileWarp .dtls {
    padding-top: 20px;
  }

  #nProfileV .profileWarp .usrPic,
  #nProfileV .profileWarp .dtls {
    width: 100%;
    text-align: center;
  }

  #nProfileV .profileWarp .usrCntInfo span {
    padding: 5px 0;
  }

  #nProfileV .information-data .data {
    width: 100%;
  }

  #nProLsh .brDvWarp .brdvNames {
    padding-left: 10px;
  }

  #nProLsh .actCharts li {
    margin-left: 5px;
    width: 24px;
  }

  #nProLsh .actCharts.time li {
    margin-left: 5px;
  }

  #interactPg .table-mod-2 .btn-group {
    display: none !important;
  }

  .info-box .information-data .data {
    width: 100%;
  }

  #interStat .leftCnt {
    width: 100%;
  }

  #interStat .rightCnt {
    width: 99.555555%;
    margin-top: 20px;
    display: block;
    float: left;
  }

  #interStat .sentGrph .ltCnt {
    height: auto;
    padding-bottom: 20px;
  }

  #interStat .sentGrph .ltCnt,
  #interStat .sentGrph .rtCnt {
    width: 90%;
  }

  #interStat .sentGrph .rtCnt.brdn {
    border-top: 1px solid #ccc;
  }

  #nProfileV .profileWarp .usrPic {
    border: 0;
  }

  #groupTables .grid {
    width: 100% !important;
  }

  .intApps .appDtls {
    min-height: auto;
    margin-bottom: 20px;
  }

  .intApps .appDtls.last {
    margin-bottom: 0;
  }

  .findEventLast {
    height: 20px;
  }

  .overlayIc {
    display: none;
  }
}

@media screen and (max-width: 678px) {
  .settingTabs .tb {
    font-size: 15px;
    display: none;
    border: none;
  }

  .settingTabs .tb .kenscioLogo b {
    vertical-align: middle;
  }

  .settingTabs .tb.act {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    line-height: normal;
  }

  .settingTabs .tb .lgwarp p {
    display: inline-block;
  }

  .settingTabs .tb span .fa {
    line-height: 5px;
    margin-top: 5px;
    font-size: 15px;
  }

  .settingTabs .tb .lgwarp > span {
    padding: 0 5px;
    display: inline-block;
  }

  #interStat .tpBand .bx {
    display: block;
    overflow: hidden;
  }

  #interStat .info-box h3 {
    font-size: 20px;
  }

  #interStat .trgShowDtls {
    margin: 0;
  }

  #interStat .trgShowDtls .leftColumn {
    float: none;
    position: absolute;
    width: 18%;
  }

  #interStat .trgShowDtls .perText {
    min-width: 30% !important;
  }

  #interStat .trgShowDtls .cornelius-extra-hot {
    width: 40% !important;
  }

  #interStat .trgShowDtls .rightColumn {
    width: 100%;
    border: none;
  }

  #interStat .trgShowDtls .showStepNames div span {
    font-size: 14px;
  }

  #interStat .trgShowDtls .showStepNames {
    border: none;
  }

  #interStat .trgShowDtls .rightColumn .showBlock {
    border-left: 0;
  }

  #interStat .rightCnt {
    width: 98%;
  }

  #splitByWrapper {
    height: 100px !important;
    margin: 0 15% !important;
    width: 80% !important;
  }

  #nProfileV .search {
    display: block !important;
    margin-left: 0;
    float: none;
  }

  #nProfileV .search span {
    font-size: 13px;
  }

  .dashSetting {
    padding: 0 20px;
  }

  .dashSetting a.settingUrl {
    width: 40%;
  }

  .dashSetting .secondRow {
    padding: 0 0 20px 0;
  }

  #newStyle.footer {
    height: auto;
    padding: 10px 0 10px 20px;
    line-height: 30px;
  }

  #newStyle.footer .right {
    float: left;
  }

  #newStyle.footer .rtLink a:first-child {
    margin-left: 0;
  }
}

@media (max-width: 600px) {
  #nProfileV .profileWarp .othrDtls .box {
    width: auto;
  }

  #nProfileV .profileWarp .usrPic {
    height: auto;
  }

  #interactPg .table-mod-2 .btn-group {
    display: none !important;
  }

  .nIntgBgMsg .title {
    font-size: 35px;
  }

  .nIntgBgMsg {
    top: 90px;
  }

  .hideMobile {
    display: none !important;
  }

  #header .showMobile {
    display: block;
  }

  #header .topNav li.mainLink .triangle-3 {
    margin-left: 175px;
  }
}

@media all and (max-width: 582px) {
  .evtOuter {
    width: 100% !important;
  }

  .campFltrMr {
    margin: 10px 0 0 0;
  }
}

@media (max-width: 500px) {
  #splitByWrapper {
    height: 60px !important;
    margin: 10px !important;
    width: 80% !important;
  }

  #splitByOS.btn-group {
    margin: 0 !important;
  }

  .dashSetting a.settingUrl {
    width: 80%;
    padding: 20px;
    min-height: auto;
  }

  .statTable .VAM {
    padding-left: 20px;
  }

  .emailData td {
    padding: 8px !important;
  }

  #interStat .trgShowDtls .rightColumn .showBlock {
    padding-left: 10%;
  }
}

@media (max-width: 380px) {
  #header .topNav li.mainLink#acctTime {
    display: none;
  }

  #newStyle.footer {
    font-size: 12px;
  }
}

#accountLists {
  position: relative;
}

#accountLists .caret {
  margin-left: 8px !important;
}

#accountLists .fa-ellipsis-h {
  margin-left: 8px;
  padding: 0 4px;
  border-radius: 3px;
  background: #6c7c86;
  color: #fff;
  vertical-align: middle;
}

#accountLists .profile-username:hover .caret {
  border-top: #fff 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

#accountLists .dropdown-list {
  position: fixed;
  top: 35px;
  right: -500px;
  width: 350px;
  border: 1px solid #d2d5d8;
  background: #fff;
  -webkit-box-shadow: 0px 0px 18px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px 0px 18px rgba(50, 50, 50, 0.2);
  box-shadow: 0px 0px 18px rgba(50, 50, 50, 0.2);
  margin-top: 25px;
  padding: 0;
  color: #434761;
  font-size: 13px;
  display: block;
}

.account-is-trial #accountLists .dropdown-list {
  margin-top: 65px;
}

#accountLists .dropdown-list .accDetails {
  min-height: 408px;
  overflow-y: auto;
}

#accountLists .dropdown-list .accDetails ul {
  margin: 0 15px;
  padding: 0;
}

#accountLists .dropdown-list .accDetails ul li {
  padding: 8px 0;
  border-bottom: 1px solid #e0e0e0;
  font-size: 16px;
}

#accountLists .dropdown-list .accDetails ul li a {
  margin-top: 8px;
  font-weight: 600;
}

#accountLists .dropdown-list .accDetails ul li a:hover {
  display: inline-block;
}

.accDetails ul li .ac-dd {
  display: none;
  padding-bottom: 10px;
  padding-left: 10px;
  margin-left: 15px;
}

.accDetails ul li .ac-dd a {
  color: #085CE7 !important;
  font-size: 13px;
  word-break: break-all;
  display: flex;
}

#accountLists .mobileIcons {
  display: block;
  padding: 15px;
  overflow: hidden;
}

#accountLists .mobileIcons li {
  float: left;
  font-size: 20px;
}

#accountLists li.sister {
  padding-left: 20px !important;
  color: #434761;
  line-height: 16px;
}

#accountLists li.sister a {
  color: #434761 !important;
}

#accountLists .dropdown-list .searchAccounts {
  padding: 10px 0 0 15px;
}

#accountLists .dropdown-list .searchAccounts input {
  display: none;
  width: 265px;
  background: #ffffff url('/ext/nightsky/images/chosen-sprite.png?v=855a22922d1991a63b8bafd446c34aea') no-repeat 99% -21px;
  padding-right: 25px;
}

#accountLists .dropdown-list .ac-head {
  padding: 15px;
  background: #dfe3e8;
  border-bottom: #cccccc 1px solid;
  line-height: 20px;
  overflow: hidden;
  font-size: 18px;
}

#accountLists .dropdown-list .ac-head .closePanel {
  position: absolute;
  right: 15px;
  top: 15px;
  color: #434761;
  font-size: 24px;
}

#accountLists .dropdown-list .ac-head .closePanel:hover,
#accountLists .dropdown-list .ac-head .closePanel:focus,
#accountLists .dropdown-list .ac-head .closePanel:active {
  color: #0088cc;
}

#accountLists .dropdown-list .ft-link {
  margin-top: 15px;
  padding: 0 15px;
}

#accountLists .dropdown-list .ft-link .dd-add-app {
  background: #fff;
  border: 1px solid #d2d5d8;
  padding: 15px;
  line-height: 20px;
  box-shadow: #A7A3A3 2px 2px 2px;
  width: 260px;
  font-size: 15px;
  font-weight: 400;
  z-index: 9999;
  display: none;
  margin-bottom: 15px;
}

#accountLists .dropdown-list .ft-link .dd-add-app img {
  margin-top: 15px;
  margin-bottom: 10px;
}

#accountLists .dropdown-list .ft-link .dd-add-app .addAccLine {
  padding: 5px 0;
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 15px;
}

#accountLists .dropdown-list .ft-link .dd-add-app .ptfList {
  margin: 10px 0 0 0;
}

#accountLists .dropdown-list .ft-link .dd-add-app .ptfList li {
  display: inline-block;
  margin-right: 5px;
  padding: 0;
  border: none;
}

#accountLists .dropdown-list .ft-link .dd-add-app .ptfList .ptf-common-prop {
  background-position: 0 -35px;
  height: 25px;
  width: 25px;
}

#accountLists .dropdown-list .ft-link .dd-add-app .ptfList li a {
  margin-top: 0px;
}

#accountLists .dropdown-list .ft-link .dd-add-app .ptfList li.ptf-android a {
  background: url(/images/onboarding/single_ptf/platform_android.png?v=0);
  background-position: 0 -35px;
  height: 25px;
  width: 25px;
}

#accountLists .dropdown-list .ft-link .dd-add-app .ptfList li.ptf-ios a {
  background: url(/images/onboarding/single_ptf/platform_android.png?v=0);
  background-position: 0 -35px;
  height: 25px;
  width: 25px;
}

#accountLists .dropdown-list .ft-link .dd-add-app .ptfList li.ptf-windows a {
  background: url(/images/onboarding/single_ptf/platform_android.png?v=0);
  background-position: 0 -35px;
  height: 25px;
  width: 25px;
}

#accountLists .dropdown-list .ft-link .dd-add-app .ptfList li.ptf-website a {
  background: url(/images/onboarding/single_ptf/platform_android.png?v=0);
  background-position: 0 -35px;
  height: 25px;
  width: 25px;
}

#accountLists .dropdown-list .ft-link .dd-add-app .ptfList li.ptf-magento a {
  background: url(/images/onboarding/single_ptf/platform_android.png?v=0);
  background-position: 0 -35px;
  height: 25px;
  width: 25px;
}

#accountLists .dropdown-list .ft-link .dd-add-app .ptfList li.ptf-shopify a {
  background: url(/images/onboarding/single_ptf/platform_android.png?v=0);
  background-position: 0 -35px;
  height: 25px;
  width: 25px;
}

#accountLists .dropdown-list .ft-link .dd-add-app .ptfList li.ptf-woocommerce a {
  background: url(/images/onboarding/single_ptf/platform_android.png?v=0);
  background-position: 0 -35px;
  height: 25px;
  width: 25px;
}

#accountLists .dropdown-list .ft-link .dd-add-app .ptfList li.active a {
  background-position: 0px 0px !important;
}

#accountLists .dropdown-list .ft-link a {
  color: #085CE7 !important;
  font-size: 15px !important;
  font-weight: 500;
  display: block;
}

.accDetails ul li.fairy-store {
  font-size: 16px;
  border-bottom: 1px solid #d2d5d8;
  padding: 8px 0px !important;
  font-weight: 600;
  overflow: hidden;
}

.accDetails ul li.fairy-store a {
  padding: 8px 10px !important;
  border-radius: 4px;
  color: #434761 !important;
  font-size: 16px !important;
  margin-top: 0px !important;
  display: block !important;
  font-weight: 600 !important;
}

.accDetails ul li.fairy-store a:hover {
  background-color: #F5F9FF;
  border-radius: 4px;
}

.accDetails ul li .tp-sec {
  position: relative;
  cursor: pointer;
  word-wrap: break-word;
  padding: 8px 10px;
  border-radius: 4px;
}

.accDetails ul li .tp-sec::before {
  content: '\f0da';
  font-family: FontAwesome;
  position: absolute;
  right: 10px;
  top: 8px;
}

.accDetails ul li .tp-sec:hover {
  background-color: #F5F9FF;
  border-radius: 4px;
}

.accDetails ul li.active .ac-dd {
  display: block;
}

.accDetails ul li.active .tp-sec::before {
  content: '\f0d7';
}

.accDetails ul li.active .tp-sec:hover {
  background: #fff;
}

.add-test {
  position: relative;
  margin-top: 15px;
}

.add-test .addAccLink {
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  color: #a9a9a9;
}

.add-test .dd-list {
  background: #fff;
  border: 1px solid #d2d5d8;
  padding: 20px;
  position: absolute;
  top: 0px;
  left: -25px;
  box-shadow: #A7A3A3 2px 2px 2px;
  width: 260px;
  font-size: 15px;
  font-weight: 400;
  z-index: 9999;
  display: none;
}

.add-test .dd-list a.list {
  margin: 0 !important;
  color: #0088cc !important;
  display: block !important;
}

.add-test .dd-list .newTestAccTop {
  font-weight: 600;
  padding-bottom: 10px;
  border-bottom: solid 1px #d2d5d8;
}

.add-test .dd-list .newTestAccTop .fa-times {
  position: absolute;
  right: 20px;
  top: 23px;
  cursor: pointer;
}

.frm-test-ac {
  margin-top: 20px;
  display: none;
}

.frm-test-ac .input-prepend {
  margin-bottom: 0;
}

.frm-test-ac .add-on {
  background: #A5A4A4;
  color: #fff;
  text-shadow: none;
  font-size: 13px;
  padding: 7px;
  font-weight: 600;
}

.frm-test-ac .inputz {
  width: 130px;
  margin-right: 10px;
  padding: 7px;
  font-weight: 600;
}

.frm-test-ac .btn {
  border-radius: 4px;
  font-weight: 600;
}

.header-scroll {
  position: fixed !important;
  width: 100%;
  top: 0;
  left: 0;
}

ul.modeTbDash {
  margin: 0;
  padding: 0;
}

ul.modeTbDashDummy {
  margin: 0;
  padding: 0;
  float: right;
  width: 140px;
  margin-top: -38px;
}

ul.modeTbDash li {
  margin-left: 20px;
  text-align: center;
  cursor: pointer;
  font-size: 15px;
  float: left;
}

ul.modeTbDashDummy li {
  margin-left: 20px;
  text-align: center;
  font-size: 13px;
  float: left;
  color: #484748;
}

/* ul.modeTbDash li .fa{font-size:28px;} */
ul.modeTbDash li.act {
  color: #bfbfbe;
}

ul.modeTbDashDummy li.act {
  color: #bfbfbe;
}

.whtClr {
  color: white;
}

/* NEW GRAPH TABLE CSS */
.gtwTable th.RA,
.gtwTable th.LA {
  height: 25px;
  background: #f3f3f7;
  overflow: hidden;
}

.gtwTable td,
.gtwTable th {
  max-width: 260px;
  word-wrap: break-word;
  font-size: 15px;
}

.gtwTable th .fa {
  color: #77848c;
}

/* .gtwTable td .fa {color:#0EACB9;} */
.gtwTable .shortInfo td {
  border: none;
}

.PB10 {
  padding-bottom: 10px;
}

.gtwTable .detail tbody {
  border: none;
}

.gtwTable .detail td {
  padding: 3px 0;
}

.gtwTable .detail th {
  padding: 0 0 0 20px;
}

.legend2.topPos {
  position: absolute;
  top: -40px;
  left: 0px;
  padding: 0;
  background: transparent;
  color: #404040;
}

.legend2.topPos ul {
  display: flex;
  margin: 0;
}

a[data-toggle="modal"]:focus {
  text-decoration: none;
  border: none;
  outline: none;
}

.greyLable11 {
  font-size: 11px;
  color: #A6A9B6;
  margin-top: -5px;
  margin-bottom: 0;
}

.greyLable11.MT {
  margin-top: 0px;
  margin-bottom: -10px;
}

@media screen and (max-width: 1241px) {
  .detailPadding {
    margin-top: 5px;
  }
}

.bigOR {
  font-size: 20px;
  font-weight: bold;
  padding-right: 10px;
  vertical-align: middle;
}

.pkEvt {
  margin-top: 30px;
  margin-bottom: -10px;
}

.BA0 {
  border: 0px solid !important;
}

#header .topNav li.mainLink .icon-cog,
#header .topNav li.mainLink .fa-bell,
#header .topNav li.mainLink .fa-bell-o,
#header .topNav li.mainLink .fa-user-plus,
#header .topNav li.mainLink .fa-align-center,
#header .topNav li.mainLink .icon-bookmark {
  font-size: 16px;
  margin-top: 0px;
  line-height: 50px;
}

#header .topNav li.mainLink .fa-user-plus:hover,
#header .topNav li.mainLink .icon-bookmark:hover,
#header .topNav li.mainLink .fa-align-center:hover {
  color: #A6A9B6;
}

#header .topNav li.mainLink a:hover.settingDropDown {
  color: #A6A9B6 !important;
}

.settingLine {
  overflow: hidden;
  color: #434761;
  font-size: 13px;
}

.ipBox {
  width: 400px;
}
.modal-body .ipBox {
  width: 100%;
  height: 30px;
  box-sizing: border-box;
}
.speedometerWidgetRfm {
  background: #ffffff;
  margin: 30px 0;
  box-shadow: 0 2px 6px 0 rgba(0,0,0,0.15);
  border-radius: 4px;
}

.speedometerHeader {
  height: 20px;
  padding: 15px 30px;
  color: #434761;
  font-family: proxima-nova, Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  border-bottom: 1px solid #D2D5D8;
  box-sizing: content-box;
}
.speedometerFooter {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 30px;
  margin: 20px;
  text-align: center;
}
.rfmInfoBox {
  background: #F8F9FB;
  width: 45%;
  height: 10%;
  border-radius: 4px;
  padding: 18px;
}
.rfmValueText {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 8px;
}
.rfmValueDescText {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 8px;
}
.rfmSpeedometerContainer {
  margin-top: 30px;
  align-content: center;
}
.noScg {
  margin-top: 20px;
  background: #fff;
  padding: 15% 30%;
  text-align: center;
  vertical-align: middle;
  align-items: center;
  color: #A6A9B6;
  font-family: proxima-nova, Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  border-radius: 4px;
  box-shadow: 0 2px 6px 0 rgba(0,0,0,0.15);
}
.legendFunnelLabels {
  display: flex;
  justify-content: space-around;
  font-size:11px;
  line-height: 14px;
  margin: 30px auto 30px;
  width: 75%;
}
.legendBox {
  display: flex;
  flex-direction: row;
  font-size: 12px;
}
.target-group-legend {
  width: 12px;
  height: 12px;
  border-radius: 2px;
  padding-top: 1px;
  background-color: #516CF5;
  margin-right: 8px;
}
.custom-group-legend {
  width: 12px;
  height: 12px;
  border-radius: 2px;
  padding-top: 1px;
  background-color: #D0D2E1;
  margin-right: 8px;
}
.rfm-speedometer-container {
  height: 350px;
  padding: 36px 31%;
  background: url('/src/shared/svg-icons/speedometer-positive-background.svg?v=4b83e6910d5e9a1b5d4b0ccee06eda3f') center / contain no-repeat;
  box-sizing: content-box;
}
.rfm-speedometer-negative {
  background: url('/src/shared/svg-icons/speedometer-negative-background.svg?v=f28fefbe0c4dff6f21d3cc3304947271') center / contain no-repeat;
}
.rfm-ri-grid {
  background: #ffffff;
  box-shadow: 0 2px 6px 0 rgba(0,0,0,0.15);
  border-radius: 4px;
}
.arrowTest {
  font-size: 20px;
  margin-top: -20px;
  margin-left: 18px;
}

a.testLink {
  margin-left: 38px;
  margin-top: -20px;
  color: #d1914a !important;
}

.evExLink,
.evExLink:hover {
  color: #fff;
  text-decoration: underline;
}

.lhsFtMenu {
  padding: 0 15px;
  margin-top: 20px;
}

.lhsFtMenu li {
  margin-bottom: 5px;
  color: #7d7d7d;
  font-style: italic;
  font-size: 12px;
}

.lhsFtMenu li a {
  color: #7d7d7d;
}

/* .lhsFtMenu li a .fa{font-size:20px;margin-bottom:4px;} */
.lhsFtMenu li.lastText {
  font-size: 12px;
}

.evExLink {
  color: #fff;
  text-decoration: underline;
}

a:hover.evExLink {
  color: #000000;
  text-decoration: underline;
}

div[disabled] {
  cursor: not-allowed;
  background-color: #eeeeee;
}

.sweet-overlay {
  z-index: 10000;
}

.sweet-alert {
  z-index: 10001;
}

.swtalrt-label {
  color: #98a6af;
  font-size: 16px;
  text-align: center;
  font-weight: 300;
  position: relative;
  margin: 0;
  line-height: normal;
}

.ct-orange {
  color: #F2904C;
}

.graySmallText {
  font-size: 11px;
  color: #A6A9B6;
  line-height: 1.3;
}

.loader-text {
  font-size: 11px;
  color: #A6A9B6;
  line-height: 1.3;
  visibility: hidden;
}

.subtleGrayText {
  font-size: 11px;
  color: #A6A9B6;
  line-height: 1.3;
  opacity: 0.5;
}

.hint-text {
  font-size: 13px;
  color: #939393;
  vertical-align: -1px;
}

.MTn12 {
  margin-top: -12px;
}

.fndPpl {
  color: #fff;
  background-color: #ffa93c;
  width: 25px;
  height: 15px;
  text-align: center;
  line-height: 13px;
  border-radius: 3px;
  margin-left: 5px;
  font-size: 10px;
  padding-top: 3px;
}

.cleverCamp {
  background-color: #2d8aeb !important;
}

.ctAdmin {
  color: #ffa93c !important;
}

.ctAdminEnd {
  border-bottom: 3px solid #353535 !important;
}

.lastMenu {
  border-bottom: 0px !important;
  border-top: 0px;
  border-left: 0px !important;
  color: #CECFDA !important;
}

.ML35 {
  margin-left: 35px;
}

.demoAcct {
  border: 1px solid #353535;
  padding: 10px;
}

.BL0 {
  border-left: 0px !important;
}

.PR {
  position: relative !important;
}

.PA {
  position: absolute;!important;
}

.closebtn-pos {
  position: absolute;
  right: 0;
}

.close-btn-width {
  width: 10px;
  cursor: pointer;
}

#helpFooter {
  position: relative;
  margin-right: 5px;
  float: left;
  cursor: pointer;
}

#footerLink {
  position: absolute;
  bottom: 33px;
  right: -128px;
  display: none;
}

.footerDown {
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.footerDown ul.profile-navigation li:hover {
  background-color: #F5F9FF;
  border-radius: 4px;
}

#footerLink ul li a,
.footer a,
.helpPopupLink {
  color: #6c7c86 !important;
  text-align: left !important;
  text-decoration: none;
}

#footerLink ul li a:hover,
.footer a:hover,
.helpPopupLink:hover {
  color: inherit !important;
}

#helpFooter .caret {
  margin-top: 13px;
  line-height: 10px;
  margin-left: 8px;
  transform: rotate(180deg);
  border-top-color: #434761;
}

.helpPopupLink .fa-angle-up {
  font-weight: 600;
}

#helpFooter:hover .caret {
  border-top-color: #434761;
}

#footerLink .dropdown-list {
  position: absolute;
  top: 30px;
  right: 160px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  display: none;
}

.arrowBt {
  margin-left: 40px;
  transform: rotate(180deg);
  bottom: -9px;
  position: absolute;
  margin-left: 40px !important;
}

.ghostBtnDemo {
  border: 1px solid;
  padding: 8px;
  border-radius: 4px;
}

.magento {
  margin-bottom: 8px !important;
  display: inline-block;
  background-image: url("../../../images/logo-icon/magento_icon.png?v=0") !important;
  background-repeat: no-repeat;
  background-size: 37px !important;
  background-position: 4px !important;
}

.shopify {
  margin-bottom: 8px !important;
  display: inline-block;
  background-image: url("../../../images/logo-icon/shopify_icon.png?v=0") !important;
  background-repeat: no-repeat;
  background-size: 38px !important;
  background-position: 3px 4px !important;
}

.bstView {
  font-size: 12px;
  color: #6c7178;
}

.font-size12 {
  font-size: 12px;
}

.change-segment-type {
  font-size: 12px;
  margin-left: 10px;
}

.BL0 {
  border-left: 0px;
}

.MTn15 {
  margin-top: -15px;
}

.MTn30 {
  margin-top: -30px;
}

.VAT {
  vertical-align: top !important;
}

.VATT {
  vertical-align: text-top;
}

.MTn3 {
  margin-left: -3px;
}

.helpLink {
  font-size: 16px;
  color: #434761;
  margin-left: 5px;
}

.helpLink:hover {
  color: #A6A9B6;
}

.helpLink:focus {
  color: #434761;
}

/* SETTING - Full View */
.left-menu-hide #wrap {
  left: 0 !important;
  width: 100%;
}

.left-menu-hide .topbar {
  left: 0;
}

.left-menu-hide #menu,
.left-menu-hide .topBreadCrumb {
  display: none !important;
}

.left-menu-hide #main .block {
  padding: 20px !important;
}

.left-menu-hide .footer {
  margin-top: 0 !important;
  padding: 8px 30px !important;
}

.left-menu-hide .techMark {
  display: none;
}

.left-menu-hide #bookMarks,
.left-menu-hide #settingShow {
  display: none !important;
}

.left-menu-hide #integration {
  border-left: #353535 1px solid !important;
  padding: 0 15px !important;
}

/* SETTING - Full View  ---END-- */
.ovrflwHidden {
  overflow-y: hidden;
}

.community_icon {
  background: url("/images/svg/community_icon.svg?v=c5472f0c353ab3b725645cde79b06741") no-repeat;
  width: 15px;
  height: 13px;
  display: inline-block;
  background-size: cover;
  margin-right: 4px;
  margin-top: 3px;
  background-position: 1px 0;

}

.community_link:hover .community_icon {
  background: url("/images/svg/community_icon.svg?v=c5472f0c353ab3b725645cde79b06741") no-repeat;
  background-size: cover;
  margin-right: 3px;
  background-position: -13px 0;
  margin-left: 1px;
}

.credit-card_icon {
  background: url("/images/svg/credit_card.svg?v=062549abf410b3de120922129cdb0bf1") no-repeat;
  width: 19px;
  height: 12px;
  display: inline-block;
  background-size: cover;
  margin-right: 8px;
  margin-top: 4px;
}

.credit-card_link.topIcn:hover .credit-card_icon {
  background: url("/images/svg/credit_card.svg?v=062549abf410b3de120922129cdb0bf1") no-repeat;
  background-size: cover;
  background-position: -19px 0;
}

.demographic-icon img {
  height: 20px;
}

.demographic-icon .icon-title {
  padding-top: 10px !important;
}

.clever-campaign-svg .clever-campaing-text {
  font-size: 33px;
  font-family: proxima-nova, Arial, sans-serif;
}

.clever-campaign-svg .clever-campaing-img,
.clever-campaign-svg .clever-campaing-text {
  fill: #8c9aa7;
}

.clever-campaign-svg:hover .clever-campaing-img,
.clever-campaign-svg:hover .clever-campaing-text {
  fill: #fff;
}

.active .clever-campaign-svg .clever-campaing-img,
.active .clever-campaign-svg .clever-campaing-text {
  fill: #f4865b;
}

.icnTopNav {
  margin-top: 3px;
  margin-right: -4px;
}

.submenu {
  position:relative;
  border-radius: 3px;
  border: 1px solid #DDD;
  z-index: 11110;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  background-color: white;
}

.heading-true {
  /*height: 16px;*/
  /*width: 150px;*/
  color: #A6A9B6;
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
  pointer-events: none;
}

.heading-false {
  /*height: 16px;*/
  /*width: 150px;*/
  color: #434761;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
}

span[data-str] {
  background-color: #B7E0FF;
  border-radius: 3px;
  position: relative;
  padding: 7px 91px 4px 6px;
  font-size: 11px;
  height: 15px;
  line-height: 16px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 2px;
  display: inline-block;
}

span[data-str] > input {
  border: none;
  text-align: center;
  position: absolute;
  right: 0;
  height: 18px;
  top: -1px;
  font-size: 9px;
  padding: 0;
  color: #FFFFFF;
  background-color: #4a4a4a;
}

span[data-str] > input::-webkit-input-placeholder {
  color: #ccc;
  text-transform: uppercase;
}

span[data-str] > input:-moz-placeholder {
  /* Firefox 18- */
  color: #ccc;
  text-transform: uppercase;
}

span[data-str] > input::-moz-placeholder {
  /* Firefox 19+ */
  color: #ccc;
  text-transform: uppercase;
}

:-ms-input-placeholder {
  color: red;
}

input:focus::-webkit-input-placeholder {
  color: transparent !important;
}

input:focus::-moz-placeholder {
  color: transparent !important;
}

input:focus:-moz-placeholder {
  color: transparent !important;
}

.demoTitle {
  font-size: 20px;
  text-align: left;
  margin-bottom: 20px;
  font-weight: 600;
}

.conversionEvent {
  font-size: 14px;
  margin-top: 0px;
}

.bigNum {
  font-size: 35px;
  font-weight: 600;
}

.bigNum2 {
  font-size: 24px;
  font-weight: 600;
}

.greyLabelBase {
  font-size: 15px;
  color: #A6A9B6;
  font-weight: normal;
  vertical-align: middle;
  margin-left: 10px;
}

.greyTexBase {
  font-size: 13px;
  color: #A6A9B6;
  font-weight: normal;
}

#demoGraphics .grid-title span {
  width: auto;
  float: left;
}

#demoGraphics .graphCol {
  display: inline-block;
  width: 16.52991452991453%;
  text-align: center;
}

#demoGraphics .perc {
  font-size: 24px;
  margin-top: 20px;
  padding-bottom: 10px;
  font-weight: 600;
}

#demoGraphics .subText {
  font-size: 15px;
  padding-bottom: 8px;
}

#demoGraphics .greenCircle {
  width: 30px;
  height: 30px;
  margin-bottom: 10px;
  border-radius: 4px;
  background-color: #26a849;
  display: inline-block;
}

#demoGraphics .imgDimension {
  height: 18px;
  width: 18px;
  padding-top: 5px;
}

/* Fix for the date time widget when presented in the event widget. */
div.evtOuter span.add-on {
  margin-left: -28px !important;
  border-left: 1px solid #ccc;
  position: relative;
  box-sizing: content-box;
}

div.evtOuter .input-append input {
  border-radius: 4px !important;
  box-sizing: content-box;
}

div.evtOuter .input-append input.startTimeVal, div.evtOuter .input-append input.endTimeVal {
  border-radius: 4px;
  box-sizing: border-box;
}

.topBulbIcn {
  font-size: 16px !important;
  margin-right: -1px;
  margin-top: 1px;
  margin-left: 3px;
  padding-right: 6px !important;
}

.map_search_box {
  left: 20px !important;
  font-size: 15px !important;
  z-index: 1 !important;
  position: absolute !important;
  top: 20px !important;
  padding: 7px 12px !important;
  width: 300px !important;
}

.wd100 {
  width: 100px;
}

.wd120 {
  width: 120px;
}

.wd20 {
  width: 20px;
}

.wd50 {
  width: 50px;
}

.MT3 {
  margin-top: 3px;
}

.notification-red-color {
  color: #fa3e3e !important;
}

.parseStatusBar {
  color: #fff;
  background-color: #2d8aeb;
  text-shadow: none;
  margin-top: 40px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 1px solid #1465b5;
  padding: 15px 10px 15px 10px;
  font-weight: 300;
  font-size: 23px;
  display: none;
}

.parseStatusBar.completed {
  background: #26a849;
  border: 1px solid #028602;
}

/* dealing with automatically resizing chosens conditionally */
select[data-resize-chosen=css]:first-of-type + div.chzn-container {
  width: 100% !important;
}

select[data-resize-chosen=css]:first-of-type + div.chzn-container > div.chzn-drop {
  width: 100% !important;
  box-sizing: border-box;
}
select[data-resize-chosen=css]:first-of-type + div.chzn-container > div.chzn-drop > div.chzn-search > input {
  width: 100% !important;
  box-sizing: border-box;
  height: 25px;
}

.apns-invalid {
  padding: 10px !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.apns-invalid .btn {
  background: none;
  color: #fff;
  border-color: #fff;
}

.apns-invalid .btn:hover, .apns-invalid .btn:focus, .apns-invalid .btn:active {
  background: none;
}

@media screen and (max-width: 1250px) {
  .apns-invalid .btn {
    float: none;
    top: 3px;
  }
}

/*cohort retention graph */
.cohortTrend .grid {
  margin-top: 10px;
}

.cohortTrend th {
  color: #fff !important;
}

.cohortTrend .detail {
  line-height: 0 !important;
}

/*For Clean Decorated - hide left nav and header*/
.is-clean-ui #header, .is-clean-ui #menu, .is-clean-ui .topBreadCrumb, .is-clean-ui .footer {
  display: none !important;
}

.is-clean-ui #wrap {
  left: 0 !important;
  background: #fff !important;
}

.is-clean-ui #main .block {
  padding-right: 20px !important;
}

.iframe-header {
  position: fixed;
  width: 100%;
  z-index: 9;
  top: 0;
  left: 0;
}

.iframe-header__container {
  background: #fafafa;
  background: -moz-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #e9e9e9));
  background: -webkit-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
  background: -o-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
  background: -ms-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
  background: linear-gradient(to bottom, #fafafa 0%, #e9e9e9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e9e9e9', GradientType=0);
  padding: 16px 30px;
  border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
}

.iframe-header__title, .iframe-header__title:hover {
  color: #525252;
  cursor: pointer;
  text-decoration: none;
}

.iframe-header__title .fa {
  margin-right: 10px;
}

.iframe-header__close-btn, .iframe-header__close-btn:hover {
  float: right;
  font-size: 22px;
  color: #525252;
  cursor: pointer;
}

.iframe-contents {
  padding: 10px 15px 20px 15px;
}

.iframe-contents .main-heading {
  font-size: 18px;
  padding-top: 20px;
}

.is-visible {
  display: block !important;
}

.is-hidden {
  display: none !important;
}

.is-invisible {
  visibility: hidden !important;
}

.mandatory-field {
  font-size: 100%;
  top: -0.2em;
  color: #fa3e3e;
}

/*Within time rage*/
.within-time-range {
  width: 100%;
  margin-bottom: 10px;
  clear: both;
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.within-time-range .within-value input.textbox-like-chzn:focus {
  border-color: #085CE7 !important;
}

.within-title {
  margin-right: 10px;
  line-height: 30px;
}

.within-value {
  width: 60px;
  margin-right: 10px;
}

.within-value input {
  width: 100%;
  margin-bottom: 0;
  text-align: center;
}

.within-select {
  width: 105px;
  margin-right: 10px;
}

.font-600 {
  font-weight: 600;
}

/*Date time/property*/
.date-time {
  width: 100%;
  clear: both;
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.date-time__select {
  width: 105px;
}

.date-time__value {
  width: 36px;
  text-align: left;
}

.visit-page {
  padding-bottom: 5px;
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.visit-page__item {
  padding-right: 10px;
  margin: 0;
  line-height: 30px;
}

.visit-page__select {
  width: 200px;
}

/*-----------------------------------------------------------------------------------*/
/*	Segment Picker UI (Goes along with Date Picker on Dashboards and Analyze Section)
/*-----------------------------------------------------------------------------------*/

.segment-selector-dropdown {
  /*height: 38px;*/
}

.segment-selector-dropdown .chzn-container .chzn-single {
  height: 33px;
  line-height: 36px;
}

.segment-selector-dropdown .chzn-container .chzn-single div b {
  margin-top: 16px;
}

.analyze-count-loader {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  display: none;
}

.analyse-summary {
  word-break: break-word;
}

.analyse-summary .stats-box-all-info {
  font-size: 30px;
  margin-top: 0;
}

.fw300 {
  font-weight: 300;
}

.fw500 {
  font-weight: 500;
}

.fw600 {
  font-weight: 600;
}

.filterClass {
  font-size: 14px;
}

.grid-title-new {
  padding: 8px 0 0 20px;
  font-size: 16px;
  font-weight: 400;
}

.who-trigger-title, .who-main-title, .within-title {
  font-size: 22px;
  font-weight: 300;
}

/* wzrk-wigdetv2 CSS */
.common-props-title {
  font-size: 12px;
  margin: 10px 0 0 10px;
  display: inline-block;
}

/* End wzrk-wigdetv2 */

.main-lg-title {
  font-size: 20px;
  font-weight: 300;
}

/*-----------------------------------------------------------------------------------*/
/*	Reachability Center Object UI (Used in Segment Details, Will be used in Find people)
/*-----------------------------------------------------------------------------------*/

.reachability-container {
  display: flex !important;
  align-items: center;
}

.reachability-container__icon {
  width: 20px;
  margin-right: 20px;
}

.reachability-container__percNum {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 10px;
}

.reachability-container__num {
  font-size: 15px;
  margin-left: 5px;
  color: #A6A9B6;
}

.reachability-container__tooltip {
  padding: 30px 20px;
  background: #434761;
  color: #fff;
  position: absolute;
  top: 70px;
  left: calc(50% - 42px);
  opacity: 0.8;
  display: none;
}

.reachability-container__tooltip.in {
  display: block;
}

.segment-show-query {
  margin-bottom: 5px;
}

.segment-show-query a {
  font-size: 12px;
}

.segment-full-query {
  display: none;
}

.segment-query__event {
  color: #26a849;
  display: inline-block;
}

.segment-query__inline {
  display: inline-block;
  word-break: break-word;
}

/* using for subscripted % sign */
.subPercSign {
  font-size: 13px;
  margin-left: 3px;
}

.profile-container {
  background: #fff;
  border: 1px solid #d2d5d8;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 10px;
  margin-bottom: 10px;
  width: auto !important;
}

/* GTW open/collapse details styling */
.table-details__top {
  display: flex;
  border-bottom: #ccc 1px solid;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.table-details__title {
  font-size: 20px;
  font-weight: 600;
  padding-top: 8px;
}

.overview-item div:not(:last-child) {
  margin-bottom: 10px;
}

.js-campaignDetails div:not(:last-child) {
  margin-bottom: 10px;
}

.u-NoMargin {
  margin: 0;
  padding: 0;
}

.txt-ovrflw {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.max-txt-ovrflw {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
}

/* CSS for Central Objects a.k.a panels */

.ct-panel {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  text-align: center;
  box-sizing: border-box;
}

.ct-panel--center {
  align-items: center;
}

.ct-panel_item {
  flex: 1;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
  margin: auto;
}

.ct-panel_2 {
  flex-basis: 20%;
  max-width: 20%;
}

.ct-panel_item.ct-panel_2.panel_parent-brdr.action-el {
  flex-basis: 4%;
  margin: 10px 0;
}

.ct-panel_3 {
  flex-basis: 30%;
}

.ct-panel_6 {
  flex-basis: 60%;
}

.ct-panel_7 {
  flex-basis: 70%;
}

.ct-panel_8 {
  flex-basis: 80%;
}

.panel_parent-brdr {
  position: relative;
  border-right: solid 1px #c8cacc;
}

.panel_parent-brdr::after {
  width: 0px;
  height: 0px;
  border-top: 6px solid transparent;
  border-left: 6px solid #ccc;
  border-bottom: 6px solid transparent;
  content: '';
  position: absolute;
  right: -6px;
  top: calc(50% - 6px);
}

.panel_brdr {
  position: relative;
  border-right: #e9eaeb 1px solid;
}

.panel_brdr--dark {
  border-color: #c8cacc;
}

.panel_brdr--arrow::after {
  width: 0px;
  height: 0px;
  border-top: 6px solid transparent;
  border-left: 6px solid #e9eaeb;
  border-bottom: 6px solid transparent;
  content: '';
  position: absolute;
  right: -6px;
  top: calc(50% - 6px);
}

.panel_brdb {
  position: relative;
  border-bottom: #e9eaeb 1px solid;
}

.panel_brdb::after {
  width: 0px;
  height: 0px;
  border-top: 6px solid #e9eaeb;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  content: '';
  position: absolute;
  bottom: -6px;
  top: 50%;
}

.panel_count-lg {
  font-size: 26px;
  font-weight: 500;
  margin-bottom: 10px;
}

.panel_count-md {
  color: #434761;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 10px;
}

.panel_count-sm {
  font-size: 16px;
  font-weight: 400;
}

.panel_count-sm--strong {
  font-size: 16px;
  font-weight: 500;
}

.panel_count-xs {
  font-size: 14px;
  color: #627177;
}

.panel_main-title {
  margin-bottom: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.panel_sub-title {
  font-size: 14px;
}

.panel_link {
  margin-top: 15px;
}

.note-clr {
  color: #A6A9B6;
}

.evtPropValues, .evtOuter {
  font-size: 13px;
}

.evtOuter .ct-date-range {
  height: 30px;
  box-sizing: border-box;
  width: 100%;
  padding: 4px 10px;
}

.evtOuter .ct-date-range .ct-date-range__caret {
  position: absolute;
  margin-left: 10px;
  margin-top: 8px;
}

.event_widget span[data-type=event-date-selector] div[data-is-date="1"] {
  max-width: 135px;
}

.event_widget span[data-type=event-date-selector] div[data-is-date-range="1"] {
  max-width: 212px;
}

.expand-controller_arrow {
  width: 20px;
  float: left;
  margin-bottom: 5px;
  cursor: pointer;
}

.display-flex {
  display: flex;
}

.flex-row {
  display: flex;
  align-items: center;
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-row--Center {
  justify-content: center;
}

.flex-row--spaceBetween {
  justify-content: space-between;
}

.flex-row--Between {
  justify-content: space-between;
}

.u-NoDataText {
  display: none;
  font-size: 25px;
  font-weight: 400;
  color: #A6A9B6;
  text-align: center;
}

/*<div class="ctTooltip">Hover over me*/
/*<span class="tooltiptext">Tooltip text</span> */
/*</div>*/
.ctTooltip {
  position: relative;
}

.ctTooltip .tooltiptext {
  visibility: hidden;
  width: 180px;
  background-color: black;
  color: #dadada;
  border-radius: 4px;
  padding: 7px 10px;
  position: absolute;
  z-index: 1;
  bottom: 120%;
  left: 50%;
  margin-left: -90px;
  font-size: 11px;
  line-height: 14px;
}

.ctTooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

.ctTooltip .tooltiptext__title {
  font-weight: 600;
  display: block;
  color: #fff;
  padding-bottom: 4px;
}

.ctTooltip:hover .tooltiptext {
  visibility: visible;
}

/* popover copy functionality */

.popover-copy .popover-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}

.popover-copy .popover-title {
  padding: 0;
  border-bottom: 0;
}

.walkthrough-icon {
  width: 17px;
  vertical-align: bottom;
  margin-bottom: 3px;
}

/* Highlight UI element */
@keyframes highlight-ui {
  0% {
    background: #ffff99; /* lovely yellow colour */
  }
  100% {
    background: none;
  }
}

.highlight-ui {
  animation: highlight-ui 2s;
}

/*ct-tabs--line css*/

.ct-tabs--line {
  background-color: #fff;
  margin: 0 -30px;
  padding: 8px 30px 0px 30px;
  display: flex;
  align-items: center;
  box-shadow: inset 0 -1px 0 0 #E0E4E8;
}

.ct-tabs--line .ct-tab-line.btn{
  position: relative;
  padding: 10px 5px;
  min-width: 50px;
  text-align: center;
  cursor: pointer;
  font-size: 15px;
}

.ct-tabs--line .ct-tab-line.btn:not(:last-child) {
  margin-right: 20px;
}

.ct-tabs--line .ct-tab-line.btn,
.ct-tabs--line .ct-tab-line.btn:hover{
  background: none;
  border: none;
  box-shadow: none;
}

.ct-tabs--line .ct-tab-line.btn.active {
  background: none;
  box-shadow: none;
  font-weight: 500;
}

.ct-tabs--line .ct-tab-line.btn.active::after {
  content: ' ';
  height: 3px;
  display: block;
  background-color: #434761;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 4px 4px 0 0;
}


/* START CT callouts */

.text-callout--b {
  font-weight: 600;
  color: #434761;
}

.ct-callout {
  position: relative;
  box-shadow: 0 2px 4px 0 rgba(78, 84, 108, 0.1);
  border-radius: 4px;
  border-left: solid 5px #0081e2;
  background: #fff;
  line-height: 1.3;
}

.ct-callout--tips {
  border-left: solid 5px #f3904e;
}

.ct-callout--info {
  border-left: solid 5px #43D58D;
}

.ct-callout--warn {
  border-left: solid 5px #fb6262;
}

.ct-callout__header {
  display: flex;
  min-height: 44px;
}

.ct-callout.is-collapsible .ct-callout__header {
  cursor: pointer;
}

.ct-callout__title {
  font-weight: 500;
}

.ct-callout__left,
.ct-callout__right {
  display: flex;
  align-items: center;
}

.ct-callout__left {
  width: 40px;
}

.ct-callout__right {
  flex: 1;
  padding-right: 25px;
}

.ct-callout__icon {
  margin: 0 auto;
}

.ct-callout .ct-callout__toggle {
  font-weight: 600;
  display: none;
  position: absolute;
  right: 12px;
}

.ct-callout.is-collapsible .ct-callout__toggle {
  display: block;
}

.ct-callout .ct-callout__body {
  display: block;
  color: #A6A9B6;
  padding: 0 25px 10px 40px;
}

.ct-callout.is-collapsible .ct-callout__body {
  display: none;
}

/* END CT callouts */

/* START - Tags Pill UI */

.tag-Pill {
  display: inline-block;
  position: relative;
  font-size: 13px;
  margin-bottom: 10px;
  border: 1px solid #D2D5D8;
  border-radius: 4px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05);
  padding: 7px 36px 7px 12px;
  line-height: 20px;
}

.tag-Pill.tag-Pill--noDelete {
  padding: 6px 12px;
}

.tag-Pill > .tag-Pill__Delete {
  position: absolute;
  font-size: 1.5em;
  top: calc(50% - 0.4em);
  right: 12px;
  line-height: 1;
  cursor: pointer;
}

.tag-Pill:not(:last-child) {
  margin-right: 10px;
}

/* END - Tags Pill UI */

/* START - Raised Button UI */
.btn-raised {
  position: relative;
  font-size: 14px;
  display: inline-block;
  background-color: #1EC55D;
  color: #fff;
  padding: 10px 15px 10px 12px;
  border-radius: 4px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05);
  cursor: pointer;
  line-height: 1;
}

/* END - Raised Button UI */

/* START - Indicator UI */
.Color-indicator {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 8px;
  background-color: #757C98;
}

/* END - Indicator Pill UI */

/*
Start css to be used for wzrk_labels_dropdown start
*/

.controlDropdown {
  position: absolute;
  top: 46px;
  right: 0;
  background: white;
  z-index: 10;
  border-radius: 4px;
  box-shadow: 0 1px 6px 0 rgba(30, 46, 65, 0.25);
  min-width: 210px;
  cursor: initial;
}

.controlDropdown.is-inverted {
  top: initial;
  right: initial;
  bottom: 55px;
  left: 0;
}

.controlDropdown-CreateCampaign {
  top: 54px;
  left: initial;
}

.controlDropdown .controlDropdown-Caret {
  position: absolute;
  font-size: 26px;
  top: -17px;
  right: 10px;
  color: #fff;
  text-shadow: 0 -1px 1px rgba(139, 139, 139, 0.25);
}

.controlDropdown.is-inverted .controlDropdown-Caret {
  top: initial;
  right: initial;
  left: 10px;
  bottom: -16px;
  text-shadow: 0 1px 1px rgba(139, 139, 139, 0.25);
}

.controlDropdown.is-inverted .controlDropdown-Caret::before {
  content: "\f0d7";
}

.controlDropdown-Header {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 500;
  padding: 15px 10px 0px;
}

.clear-all-filter {
  color: #085CE7;
  font-size: 12px;
  cursor: pointer;
  font-weight: normal;
}

.controlDropdown-Body {
  max-height: 150px;
  overflow-y: auto;
  padding: 10px;
  margin-left: 0;
  margin-bottom: 0;
  white-space: nowrap;
}

.controlDropdown-CreateCampaign .controlDropdown-Body {
  max-height: initial;
  padding: 8px 0;
}

.controlDropdown-Body li {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.controlDropdown-Body > li:not(:last-child) {
  margin-bottom: 10px;
}

.controlDropdown .controlDropdown-Body li label {
  font-size: 14px !important;
  margin: 0;
}

.controlDropdown-Footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  border-top: solid 1px #E3E8EC;
}

.controlDropdown-Count {
  color: rgba(83, 101, 115, 0.5);
  font-size: 11px;
  line-height: 1;
}

.controlDropdown-Actions {
  display: flex;
  align-items: center;
  color: #085CE7;
  cursor: pointer;
  font-size: 14px;
}

.controlDropdown-Manager {
  padding: 10px;
  border-top: solid 1px #E3E8EC;
}

.controlDropdown-Manager__Item {
  cursor: pointer;
}

.controlDropdown-Manager__Item svg {
  vertical-align: -3px;
}

.controlDropdown-Search {
  padding: 10px 10px 0;
  position: relative;
}

.controlDropdown-SearchIcon {
  position: absolute;
  top: 18px;
  left: initial;
  right: 12px;
}

.controlDropdown-Search > input {
  width: 100%;
  margin-bottom: 0;
  padding-left: 8px;
  padding-right: 25px;
  line-height: 1;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
}

.controlDropdown-List {
  margin: 0;
  font-size: 14px;
}

.controlDropdown li a {
  color: inherit;
  text-decoration: none;
  display: block;
  line-height: 1;
  padding: 8px 15px;
}

.controlDropdown li:hover a {
  color: inherit;
}

.controlDropdown-List li:hover {
  background-color: #F5F9FF;
  border-radius: 4px;
}

.controlDropdown-List li:not(:last-child) {
  margin-bottom: 10px;
}

.controlDropdown-List svg {
  vertical-align: -4px;
  margin-right: 8px;
}

.tagLink {
  color: inherit;
  display: block;
}

.tagLink:hover {
  color: inherit;
  text-decoration: none;
}

.label-caret {
  font-weight: 600;
  margin-left: 12px;
}

/* For add label long text */
.campaign-dropdown .controlDropdown {
  max-width: 210px;
}

.campaign-dropdown .controlDropdown-Body li label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  max-width: 205px;
}

.campaign-dropdown .tooltip {
  white-space: initial;
}

/*
End css to be used for wzrk_labels_dropdown start
*/

/* CT progress bar */

.ct-progress {
  height: 6px;
  background-color: #fff;
  border-radius: 3px;
  overflow: hidden;
}

.ct-progress-determinate {
  height: 6px;
  display: block;
  background-color: #1EC55D;
  width: 30%;
  max-width: 100%;
}

.ct-progress-text {
  margin-top: 3px;
  font-size: 10px;
  color: #fff;
}

/* ******************************
        Pane container
****************************** */
.pane-container {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  visibility: hidden;
  transition: visibility 0s 0.6s;
  z-index: 1000;
}

.is-paned .pane-container {
  visibility: visible;
  transition: visibility 0s 0s;
}

.pane-container_close {
  display: block;
  width: 28px;
  height: 28px;
  position: absolute;
  top: 14px;
  left: 16px;
  cursor: pointer;
  z-index: 1;
}

.pane-container.app-nav .pane-container_close,
.pane-container.main-nav .pane-container_close {
  left: 6px;
}

.pane-container::after {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  transition: background 0.3s 0.3s;
}

.is-paned .pane-container::after {
  background-color: rgba(78, 84, 108, 0.85);
  transition: background 0s 0s;
}

.pane-container .pane-container_iframe {
  position: relative;
  width: calc(100% - 60px);
  height: 100%;
  background-color: #fff;
  right: -60px;
  transform: translate3d(100%, 0, 0);
  transition-property: transform;
  transition-duration: 0.3s;
  transition-delay: 0.3s;
  z-index: 1001;
}

.pane-container.app-nav .pane-container_iframe,
.pane-container.main-nav .pane-container_iframe {
  right: -40px;
  width: calc(100% - 40px);
}

.pane-container_iframe iframe {
  width: 100%;
  height: 100%;
}

.is-paned .pane-container .pane-container_iframe {
  box-shadow: rgba(54, 60, 84, 0.70) -10px 0px 15px 0px;
  transform: translate3d(0, 0, 0);
  right: -60px;
  transition-delay: 0s;
}

.is-paned .pane-container.app-nav .pane-container_iframe,
.is-paned .pane-container.main-nav .pane-container_iframe {
  right: -40px;
}

/* Temp. hack to show setup breadcrumb */
.c-campaign-tabs__goal {
  display: inline-block;
  margin-right: 20px;
  text-transform: uppercase;
  color: #9eaaad;
}

.c-campaign-tabs__goal a::before {
  content: '\f140';
  font-family: 'fontAwesome';
  margin-right: 5px;
}

.c-campaign-tabs__goal a::after {
  content: '\f105';
  padding-left: 20px;
  font-family: 'fontAwesome';
}

.isDisabledClick {
  pointer-events: none;
}

.act-images {
  padding-top: 10px;
  padding-bottom: 10px;
}

/*
Changes as per new mock in event details page.
*/

.events-page-main-title .ct-panel_2 {
  max-width: 15%;
}

.events-page-main-title .panel_parent-brdr::after {
  border: none;
}
.events-page-main-title .panel_count-lg.fontStyle {
  font-size: 20px;
}
.events-page-main-title .ct-panel_6 {
  max-width: 60%;
}

.events-page-main-title .panel_count-lg {
  color: #434761;
  line-height: 31px;
}

.events-page-main-title .panel_count-md {
  color: #434761;
  font-weight: 600;
  line-height: 24px;
}

.events-page-main-title .panel_count-sm {
  color: #AAADB8;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
}

.events-page-main-title .panel_main-title {
  color: #434761;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
}

.event-enagge-modal .controlDropdown-List li:hover {
  color: #1D7FFB;
}

.engage-actions li {
  padding: 5px;
  display: flex;
  width: 94px;
  border-radius: 4px;
  margin: 5px;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
}

.engage-actions li a:hover, .engage-actions li a:focus {
  text-decoration: none;
}

.engage-actions li.selected {
  box-shadow: 0 1px 4px 0 rgba(78, 84, 108, 0.15);
  background-color: #FAFAFB;
}

.engage-actions li svg {
  display: block;
  margin: 0 auto;
}

.modal-footer.ev-page {
  border: none;
  background: none;
  padding: 0 15px 15px;
}

.modal-header.ev-page {
  padding: 0px 0px;
  border: none;
  color: #434761;

}

/*new changes for create message modal*/

.modal-body-child {
  display: flex;
  padding-bottom: 10px;
}

#targetByPush .modal-body-child div {
  display: flex;
  flex-basis: 30%;
  padding: 0px 30px;
  cursor: pointer;
}

#targetByPush .modal-body-child div:hover {
  border-radius: 4px;
  background-color: #F1F6FF;
}

.ev-page_header {
  color: #434761;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
}

#evtpropModal {
  border: none;
  top: 30%;
}
div#downloadReportModal {
  z-index: 1999;
}
.ev-page.modal-footer button.create {
  height: 40px;
  width: 111px;
  border-radius: 4px;
  background-color: #2F81FF;
}

.ev-page.modal-footer button.closepop {
  box-sizing: border-box;
  height: 41px;
  width: 111px;
  border: 1px solid #D3D4DA;
  border-radius: 4px;
  background-color: #FFFFFF;
}

.engage-actions ul li {
  margin: 10px;
}

#targetByPush {
  width: 572px;
  border-radius: 4px;
  background-color: #FFFFFF;
}

#targetByPush .modal-footer {
  border-radius: 0 0 4px 4px;
  background-color: #F6F6F7;
  padding: 15px 15px 15px;
}

/*find ppl input stylling*/

.findppl_input {
  width: 93%;
}

/*end of lates mock changes for event details page.*/

/*profile css*/

.profile_info {
  padding-top: 36px;
  padding-left: 28px;
  width: 50%;
}

.profile_info span {
  margin-left: 5px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
}

.profile_info label {
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.2;
  color: #A6A9B6;
  cursor: unset;
}

.account_security {
  background-color: #FAFAFB;
  padding: 36px 30px 20px 30px;
  font-size: 13px;
  line-height: 1.4;
  width: 27%;
}

.account_security_text {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
  margin: 0px;
  color: #A6A9B6;
}

.account_security_smalltext {
  margin-bottom: 84px;
  margin-top: 60px;
}

.account_security_enable {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  margin: 10px 0px 0px 0px;
}

.account_security_smalltext p {
  font-size: 13px;
  font-weight: normal;
  line-height: 1.4;
  margin: 0px;
  color: #A6A9B6;
}

.account_security_content div {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  margin: 0px;
}

.account_security_content p {
  color: #A6A9B6;
  font-size: 13px;
  margin-top: 5px;
  line-height: 1.4;
}

.account_security_carousel {
  border-radius: 0 4px 4px 4px;
  background-color: #FAFAFB;
  box-shadow: inset 1px 0 13px 0 #EDEDF0;
  width: 23%;
  padding-top: 36px;
}

.account_security_carousel .carousel_top_text {
  margin-top: 36px;
}

.account_security_carousel p {
  color: #8b9bab;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  text-align: center;
}

.account_security_carousel div {
  text-align: center;
}

.account_security_image {
  height: auto;
  width: 50%;
}

.bx-controls-direction {
  display: none;
}

.bx-controls-auto {
  display: none;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: inline-block;
  width: 5px;
  height: 5px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 50%;
}

.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #085CE7;
}

.bx-pager-link :active {
  color: #0e90d2;
}

.bx-pager-item {
  display: inline;
}

.account_security_carousel .bxslider img {
  width: 70%;
  height: auto;
}

.account_security_carousel .bxslider label {
  color: #A6A9B6;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;

}

.account_security_carousel .bxslider p {
  color: #434761;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
  margin: 0px;
}

.mfa_text_quest {
  opacity: 0.5;
  color: #000000;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.8;
  text-align: left;
}

.mfa_text_reason {
  color: #000000;
  font-size: 11px;
  line-height: 1.4;
  opacity: 0.5;
  text-align: left;
}

.gdpr_text_reason {
  color: #000000;
  font-size: 13px;
  line-height: 1.4;
  opacity: 0.5;
  text-align: left;
}

.gdpr_text_reason {
  color: #000000;
  font-size: 13px;
  line-height: 1.4;
  opacity: 0.5;
  text-align: left;
}

.gdpr_text_reason {
  color: #000000;
  font-size: 13px;
  line-height: 1.4;
  opacity: 0.5;
  text-align: left;
}

.mfa_query {
  width: 340px;
  margin: 20px auto;
}

.richToggleItems_btn {
  position: absolute;
  left: 2px;
  top: 10px;
  text-indent: -99999px;
  cursor: pointer;
  width: 30px;
  height: 16px;
  border-radius: 8px;
  background: #c9d1d8;
}

.richToggleItems_btn::before {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background: #fff;
  position: absolute;
  top: 3px;
  left: 4px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.richToggleItems_btn.act {
  background: #44CB67;
}

.richToggleItems_btn.act::before {
  left: 16px;
}

.richToggleItem_container {
  padding-top: 15px;
  display: none;
}

.img_toggle_change {
  width: 30%;
  height: auto;
  margin-bottom: 8px;
}

.toggle-on-act {
  position: relative;
  margin-top: 0px;
}

/*segment dropdown changes*/
.dropdown-menu > li > a:hover {
  background-color: #F5F9FF;
  background-image: none;
  color: inherit;
}

.controlDropdownwidth {
  width: 210px;
  padding: 8px 0px;
  box-shadow: 0 1px 6px 0 rgba(30, 46, 65, 0.25);
  border: none;
  top: 29px;

}

.controlDropdownwidth li {
  font-size: 14px;
}

/* Sampling button dropdown start*/
.sampling-section .triangle-3 {
  position: absolute;
  right: 8px;
  top: 0px;
}

.mode-text {
  font-size: 14px;
}

.samplingmode {
  display: inline-block;
  background: white;
  padding: 3px 12px 3px 11px;
  border: solid 1px #cccccc;
  border-radius: 3px;
  width: 90px;
  font-size: 14px;
}

.samplingmode b {
  background-image: url(/images/svg/chosen-caret.svg?v=f6296ee0d523d004c483d144778474d8);
  background-repeat: no-repeat;
  width: 8px;
  height: 8px;
  margin-top: 8px;
  background-size: 8px;
  float: right;
}

.sampling-mode-body {
  border: 1px solid #d2d5d8;
  position: absolute;
  width: 425px;
  right: 2px;
  top: 35px;
  background: #FFFFFF;
  padding-top: 20px;
  border-radius: 4px;
  z-index: 3;
  box-shadow: 0 1px 6px 0 rgba(30, 46, 65, 0.25);
  font-size: 14px;
}

.sampling-mode-body ul {
  display: flex;
  justify-content: space-around;
  margin-left: 7px;
}

.samplemode {
  display: inline-block;
}

.samplemodebtn {
  background: #0181E2;
  color: white;
  padding: 5px 15px;
}

.samplemodeliText {
  width: 154px;
  margin-left: 20px;
}

.samplemodeli {
  font-weight: 600;
}

/* Sampling button dropdown end*/

/* Account add UI  */

.account-dialogue {
  display: none;
  position: relative;
  background-color: #fff;
  border: 1px solid #d2d5d8;
  border-radius: 4px;
  padding: 20px;
  box-sizing: border-box;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05);
  z-index: 1;
}

.account-dialogue--sidebar {
  position: absolute;
  top: -35px;
  left: -18px;
}

.account-dialogue-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: solid 1px #d2d5d8;
}

.account-dialogue-close {
  cursor: pointer;
}

.account-dialogue-body {
  display: flex;
}

.account-dialogue-inputbar {
  display: flex;
  flex: 1;
  margin-right: 10px;
}

.account-dialogue-input-prefix {
  display: flex;
  align-items: center;
  background: #A5A4A4;
  color: #fff;
  font-size: 13px;
  padding: 7px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border: 1px solid transparent;
}

/* 'input' override bootstrap css */
input.account-dialogue-input {
  margin-bottom: 0;
  padding-top: 7px;
  padding-bottom: 7px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  width: 100%;
}
.account-dialogue-inputbar input.account-dialogue-input {
  height: 100%;
}

.btn-integrate {
  padding: 8px 12px 10px 9px;
  border: 1px solid #E2E2E2;
  border-radius: 4px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 4px 0 rgba(78, 84, 108, 0.12);
  color: #0093dd;

}

.btn-integrate i {
  font-weight: bolder;
  margin-left: 5px;
}

/*slider*/

.sunburst-slider {
  /*margin-right: 20px;*/
  /*margin-bottom: 50px;*/
  width: 250px;
  border-radius: 4px;
}

.sunburst-slider.sunburst-slider--eventPg {
  margin-top: 20px;
}

#slidecontainer .ui-widget-content {
  background: #e5e6e9;
  border-radius: 10px;
  height: 10px;
  border: none;
  margin-top: 20px;
}

#slidecontainer .ui-slider-range {
  background: #085CE7;
  border: none;
  margin-top: 0px;
  border-radius: 10px;
}

#slidecontainer .ui-slider-handle {
  background: #fff;
  border-radius: 50%;
  box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.35);
  text-decoration: none;
}

.slider-container .sunburst-slider .ui-state-active {
  border: 1px solid #c5c5c5;
}

.sunburst-slider_meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #434761;
  font-size: 12px;
  padding-top: 15px;
}

.sunburst-slider_tooltip {
  position: relative;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  top: 30px;
  left: -3px;
  padding: 2px 4px;
  font-size: 12px;
  border-radius: 3px;
  min-width: 20px;
  display: block;
  text-align: center;
}

.sunburst-slider_tooltip::before {
  content: ' ';
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid rgba(0, 0, 0, 0.8);
  position: absolute;
  top: -5px;
  left: calc(50% - 5px);
}

/*custom_dashboard-css*/

.common-pin_to_board_hover_parent {
  outline: 2px solid #085CE7;
}

.custom__modal-content {
  display: flex;
  justify-content: space-between;
  max-height: 170px;
  overflow-y: scroll;
}

.mask .dropdown_body {
  height: 284px;
  overflow-y: scroll;
}

.modal-wrap.ct-modal.popups-to-pin {
  margin-top: 100px;
  height: 310px;
  width: 600px;
  border-radius: 4px;
  left: 355px;
  background-color: rgb(255, 255, 255);
  box-shadow: rgba(30, 46, 65, 0.23) 0px 0px 25px 0px;

}

.modal-header p.popups-header {
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
  margin-bottom: 0px;
}

.popups-to-pin .modal-content label.popups-label {
  font-size: 13px !important;
  line-height: 16px;
}

.PR10 {
  padding-right: 10px;
}

.searchInput {
  position: relative;
}

.searchInput input {
  padding-left: 30px;
  padding-top: 8px;
  padding-bottom: 8px;
  width: 250px;
  height: 36px;
  box-sizing: border-box;
}

.searchInput .searchIcon {
  position: absolute;
  top: 11px;
  left: 8px;
}

.create-newboard-title {
  font-size: 14px;
  font-weight: 500;
  line-height: 15px;
}

#reachabilitycheckListPrivateBoards label {
  font-size: 14px !important;
  font-weight: 500;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 160px;
  white-space: nowrap;
}

#reachabilitycheckListPublicBoards label {
  font-size: 14px !important;
  font-weight: 500;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 160px;
  white-space: nowrap;
}

.common-pin_to_board {
  background-color: #f3f3f7;
  padding: 8px 9px 9px 9px;
  display: none;
  border-bottom: 1px solid #d3d5d8;
  border-right: 1px solid #d3d5d8;
  border-top: 1px solid #d3d5d8;
  float: right;
}

.no-background-pin {
  background-color: initial;
  border-bottom: 0px;
  border-right: 0px;
  border-top: 0px;
}

.no-border-rt-pin {
  border-right: 0px;
  border-top: 0px;
}

.special-pin_to_board {
  background-color: #eceef1;
  border: 1px solid #d3d5d8;
  border-left: none;
  padding: 9px 7px 8px;
}

/*ct-table for custom boards*/

.boards-table .CT-table__left {
  width: auto;
  min-width: initial;
  max-width: initial;
}

.boards-table .CT-table__right {
  display: none;
}

.boards-table .CT-table__cell {
  transition: all .15s ease-in-out;
  box-sizing: border-box;
  width: 100%!important;
}

.boards-table .operation-tool {
  right: 25px;
  left: auto;
}

.boards-table .operation-tool__caret {
  left: auto;
  right: -4px;
  text-shadow: 1px 0px 1px rgba(139, 139, 139, 0.25);
}

.boards-table .CT-table__left .rowindex_0 .CT-table__cell.cellindex_0 {
  min-width: 15.6vw;
  max-width: 240px;
}

.CT-table__cell.cellindex_0.CT-table__header--name.board_name {
  min-width: 15.6vw;
  padding-left: 30px;
}

.CT-table__cell.cellindex_1.CT-table_board--status {
  min-width: 12vw;
}

.CT-table__cell.cellindex_2.CT-table_board--num_cards {
  min-width: 9vw;
  text-align: right;
}

.CT-table__cell.cellindex_3.CT-table_board--creator {
  min-width: calc(16vw - 50px);
  padding-left: 50px;
}

.CT-table__cell.cellindex_4.CT-table_board--creation-time {
  min-width: 15.8vw;
}

.CT-table .CT-table__header .board_name {
  cursor: pointer;
}

.CT-table .CT-table__header .CT-table_board--status {
  cursor: pointer;
}

.CT-table .CT-table__header .CT-table_board--num_cards {
  cursor: pointer;
}

.CT-table .CT-table__header .CT-table_board--creator {
  cursor: pointer;
}

.CT-table .CT-table__header .CT-table_board--creation-time {
  cursor: pointer;
}

/* Handle table width  */
body.is-collapsed .boards-table .CT-table__left .rowindex_0 .CT-table__cell.cellindex_0,
body.is-collapsed .CT-table__cell.cellindex_0.CT-table__header--name.board_name {
  min-width: 24vw;
  padding-left: 30px;
}

body.is-collapsed .boards-table .CT-table_board--status {
  min-width: 15vw;
}

/* Welcome new CT grid */
.ct-grid {
  background-color: #ffffff;
  border-radius: 4px;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
}

.ct-grid.ct-grid--gutter {
  padding: 20px;
}

/* END new CT grid */

/* Start Universal toggle button
Use this instead of richToggleItems_btn
*/
.ct-toggle {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  width: 30px;
  height: 16px;
  border-radius: 8px;
  background: #c9d1d8;
}

.ct-toggle::before {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background: #fff;
  position: absolute;
  top: 3px;
  left: 4px;
  transition: left 0.4s ease;
}

.ct-toggle.act {
  background-color: #44CB67;
}

.ct-toggle.act::before {
  left: 16px;
}

/* End Universal toggle button */

/* Start New White Button */
.white_button {
  background: #FFFFFF;
  border: 1px solid #d2d5d8;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.04), 0 2px 4px 0 rgba(78, 84, 108, 0.05);
  border-radius: 4px;
  color: #085CE7;
  padding: 7px 12px;
}

.white_button:hover {
  background: #FFFFFF;
  border: 1px solid #E2E2E2;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.04), 0 3px 8px 0 rgba(78, 84, 108, 0.07);
  border-radius: 4px;
  color: #2f80ff;

}

.white_button:focus {
  border: 1px solid #d2d5d8;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.04), 0 2px 4px 0 rgba(78, 84, 108, 0.05);

}

/* Dropdown button - START */
.btn-dropdown {
  display: inline-flex;
  text-align: center;
  background: #FFFFFF;
  border: 1px solid #d2d5d8;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.04), 0 2px 4px 0 rgba(78,84,108,0.05);
  border-radius: 4px;
  white-space: nowrap;
}
.btn-dropdown__label {
  flex: 1 1 80%;
  padding: 7px 12px;
  box-sizing: border-box;
}
.btn-dropdown__divider {
  border-left: solid 1px #d2d5d8;
  flex: 1 1 20%;
  padding: 7px 12px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.btn-dropdown__divider .btn-dropdown__icn {
  font-weight: 600;
}
/* Dropdown button - END */

.insight-btn {
  font-size: 14px;
  padding-top: 5px;
  padding-bottom: 4px;
  color: rgb(255, 137, 60);
  display: inline-block;
  background: #FFFFFF;
  border: 1px solid #d2d5d8;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.04), 0 2px 4px 0 rgba(78, 84, 108, 0.05);
  border-radius: 4px;
}

.within-time-range-child {
  display: flex;
  padding: 10px 10px 5px;
}

.best-delay-highlighted {
}

/* End New White Button */

/*provider-table css*/

#providers_table .CT-table__cell.esp_nickname {
  padding-left: 15px;
}

#providers_table .CT-table__cell.esp_ops {
  padding-left: 0px;
  padding-right: 0px;
  text-align: center;
}

/*default-link*/

.default-link {
  color: #085CE7;
  text-decoration: none;
}

.default-link:hover {
  color: #196CF8;
  text-decoration: none;
}

/* CT Pulse */
.ct-pulse {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #2f81ff;
}

.ct-pulse--primary {
  background-color: #fdd562;
}

.ct-pulse--secondary {
  background-color: rgb(30, 197, 93);
  box-shadow: 0 0 0 rgba(250, 62, 62, 0.4);
  animation: ct-pulse--secondary 1.5s infinite;
}

/* To prevent some weired bug due to animation */
:root.is-paned .ct-pulse--secondary {
  display: none;
}

.ct-pulse--tertiary {
  background-color: #fb6262;
  box-shadow: 0 0 0 rgba(250, 62, 62, 0.4);
}

.ct-pulse--brand {
  background-color: #FF893C;
  box-shadow: 0 0 0 rgba(255, 137, 60, 0.4);
  animation: ct-pulse--brand 1.5s infinite;
}

.ct-pulse--nav {
  display: inline-block;
  margin-left: 8px;
}

@keyframes ct-pulse--secondary {
  0% {
    box-shadow: 0 0 0 0 rgba(30, 197, 93, 0.4);
  }
  70% {
    box-shadow: 0 0 0 8px rgba(30, 197, 93, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(30, 197, 93, 0);
  }
}

@keyframes ct-pulse--brand {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 137, 60, 0.4);
  }
  70% {
    box-shadow: 0 0 0 8px rgba(255, 137, 60, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 137, 60, 0);
  }
}

/*custom dashboard popup css*/

.pinning-board-list .modal-header {
  display: flex;
  justify-content: space-between;
  padding: 15px 0px;
}

.pinning-board-list .custom__modal-content {
  padding: 15px 0px;
}

.pinning-board {
  padding: 15px 0px;
  display: flex;
  justify-content: space-between;
}

/* CleverTabs - Tabs system like Journey */

.ct-tabs {
  margin: 0;
  display: flex;
}

.ct-tabs > .ct-tabs__item {
  position: relative;
  padding: 10px 5px;
  min-width: 50px;
  text-align: center;
  cursor: pointer;
}

.ct-tabs > .ct-tabs__item:not(:last-child) {
  margin-right: 20px;
}

.ct-tabs > .ct-tabs__item.is-active {
  font-weight: 500;
}

.ct-tabs > .ct-tabs__item.is-active::after {
  content: ' ';
  height: 3px;
  display: block;
  background-color: #434761;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 4px 4px 0 0;
}


/* CT dropdown */
.ct-dropdown {
  background: white;
  border-radius: 4px;
  font-size: 14px;
  box-shadow: 0 1px 6px 0 rgba(30,46,65,0.25);
  z-index: 10;
}
.ct-dropdown .ct-dropdown__body {
  padding: 10px;
  margin-left: 0;
  margin-bottom: 0;
  white-space: nowrap;
}
.ct-dropdown__body::after {
  content: "\f0d8";
  font-family: 'FontAwesome';
  font-size: 26px;
  color: #fff;
  position: absolute;
  top: -14px;
  right: 14px;
  text-shadow: 0 -1px 1px #c1c0c0;
}
.ct-dropdown li {
  cursor: pointer;
  color: #434761;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ct-dropdown li:hover {
  color: #f4865b;
}
.ct-dropdown li:not(:last-child) {
  margin-bottom: 10px;
}


.rfm-ghost-btn {
  display: block;
  border: solid 1px #878a99;
  padding: 5px 12px;
  color: #fff;
  border-radius: 4px;
}

.rfm-ghost-btn:hover {
  color: #fff;
  text-decoration: none;
  border: solid 1px #ffffff;
  background-color: rgba(255, 255, 255, 0.15);
}

.shadedbg {
  margin-top: 10px;
  background: #fdfdfd;
  border: solid 1px #e9eaec;
  padding: 10px;
  border-radius: 4px;
  color: rgb(166, 169, 182);
}

.shadedbg .label-green {
  color: #a6a9b6;
}

#segmentaccordian .ct-callout .ct-callout__body {
  color: inherit;
}

/* To make tooltip widen for data masking */
.downloadMask-tooltip .tooltip .tooltip-inner {
  width: 200px;
}


/*query estimation bar css*/

.query-estimation-bar, .offline-bar {
  text-align: center;
  font-size: small;
  border-radius: 3px;
  padding-left: 15px;
  padding-right: 15px;
  display: block;
  position: fixed;
  z-index: 9999;
  right: auto;
  background-color: #ffeb80;
  top: 20px;
  display: none;
}

.query-estimation-bar--calculating {
  left: 36%;
}

.query-estimation-bar--estimated {
  left: 23%;
}

.approx-result-bar{
  text-align: center;
  font-size: small;
  border-radius: 3px;
  padding-left: 10px;
  padding-right: 10px;
  display: block;
  position: fixed;
  z-index: 9999;
  right: auto;
  background-color: #ffeb80;
  top: 20px;
  display: none;
}

.approx-result-bar--notification{
  left: 30%;
}

.offline-bar {
  left: 36%;
}

.text-decoration-underline {
  text-decoration: underline;
}


.breadcrumb-text-overflow {
  max-width:500px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.ct-breadcrumb_title {
  display: flex;
  align-items: center;
}

.to-get-the-recommend {
  height: 13px;
  opacity: 0.49;
  color: #434761;
  font-size: 11px;
  font-weight: 500;
  line-height: 13px;
}

.create-recommendation {
  color: #434761;
  font-size: 14px;
  line-height: 17px;
}

.input-number {
  margin: 0 5px 0 5px;
  width: 60px;
  height: 30px;
}

.whatsapp-warning-bar {
  padding: 10px;
  background-color: #feeec0;
  margin-bottom: 15px;
  border-radius: 4px;
  font-size: 13px;
  width: 953px;
}
.warning-text-box{
  padding: 10px;
  border: 1px solid rgba(255,198,32,0.25);
  background-color: #FEEEC0;
  border-radius: 4px;
  font-size: 11px;
  line-height: 1.4;
}

.alert-box{
  padding: 10px;
  border: 1px solid rgba(255,198,32,0.25);
  background-color: #FEEEC0;
  border-radius: 4px;
  font-size: 13px;
  line-height: 1.4;
}

.liquid-alert-box{
  padding: 10px;
  border: 1px solid rgba(255,198,32,0.25);
  background-color: #FEEEC0;
  border-radius: 4px;
  font-size: 13px;
  line-height: 1.4;
}

.wait-time-error {
  padding: 5px;
  background-color: rgba(255,0,0,0.25);
  border-radius: 4px;
  font-size: 11px;
}

.new_tag {
  font-size: 11px;
  background: #FF893C;
  color: #ffffff;
  text-align: center;
  width: fit-content;
  text-transform: uppercase;
  border-radius: 3px;
  opacity: 0.8;
  padding: 1px 6px;
  line-height: 1.5;
  font-weight: 500;
}

.no_whatsapp_template_container {
  display: flex;
  box-shadow: 0 4px 7px 0 rgba(78,84,108,0.1);
  background-color: #ffffff;
  flex-direction: column;
  text-align: center;
  height: 240px;
  margin-top: 20px;
  justify-content: space-around;
}
.trial-account .ct-breadcrumb {
  top: 100px;
}
.trial-account .main-pg {
  margin-top: 150px;
}
.trial-account .breadcrumb-wrapper {
  top: 110px;
}
.sidebar__pill {
  font-size: 8px;
  margin-left: 10px;
  background: #fb6262;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  border-radius: 3px;
  padding: 3px 6px;
  line-height: 1.5;
  vertical-align: middle;
}
#email_sender_name,
#emailSubject,
#createCustomControlGroup input{
  box-sizing: content-box;
}
.push-test-modal .push-test-form .push-email-search input {
  box-sizing: content-box;
}
.tagInput.ipBox {
  box-sizing: border-box;
  height: 30px;
}
/*text-overflow with tooltip*/
.ct-text-overflow {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100px;
}
.ct-text-overflow .tooltip {
  white-space: initial;
}
.ct-ellpsTxt {
  text-overflow: ellipsis;
  overflow: hidden;
}
.modal-body textarea {
  border: 1px solid #cccccc;
}
.modal-body #custom-cg-slider {
  box-sizing: content-box;
}
#mapEventModal #eventList_chzn .chzn-search input {
  box-sizing: border-box;
  width: 100%!important;
  height: 30px;
}
#partnerForm #write_key,
#partnerForm #awsAccess,
#partnerForm #awsSecret {
  box-sizing: content-box;
}
#partnerForm textarea {
  border: 1px solid #ccc!important;
}
#partnerForm textarea:focus {
  border: 1px solid #085CE7!important;
}
#partnerForm .required-field {
  top: -0.1em;
  color: #FF5353;
  font-weight: 500;
  font-size: 14px;
}
#partnerForm .label-title {
  font-weight: 500;
}
#partnerForm .input-field {
  height: 36px;
  width: 280px;
}
#partnerForm .chzn-single {
  height: 30px;
}
#partnerForm .chzn-single span {
  display: inline;
}
#partnerForm .chzn-single div b {
  margin-top: 14px;
}
.ct-breadcrumb_title .tooltip-inner {
  margin-left: 65px;
}
body.app-nav .pvtFilterBox input[type=text],
body.app-nav .pvtFilterSlider .ui-widget.ui-widget-content,
body.app-nav .pvtTable .analyze-redirect{
  box-sizing: content-box;
}

.is-anchor-Disabled {
  color: #085CE7;
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
  text-decoration: none;
}

.split-by-wrapper {
  font-size: 15px;
}

.aggregate-by-wrapper {
  display:flex;
  align-items:center;
  font-size: 15px;
}

.split-by-menu-caret {
  background-image: url(/images/svg/down_caret.svg?v=c054dee05ae4aa3e3c8d84be1cda9aeb);
  background-repeat: no-repeat;
  display: inline-block;
  height: 8px;
  width: 8px;
  margin-top: 7px;
  margin-left: 14px;
  background-size: 8px;
}

.split-by-properties-msg {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 150px;
  display: inline-block;
  font-size: 13px;
}

.split-by-properties-selected {
  border: 1px solid #cccccc;
  background-color: #ffffff;
  border-radius: 3px;
  padding: 4px 10px;
  display: flex;
  cursor: pointer;
}

.splitByContainer {
  padding-top: 5px;
  font-size: 14px;
}

.aggregateByContainer {
  padding-top: 5px;
  font-size: 14px;
}
/*custom scrollbar*/
::-webkit-scrollbar {
  width: 14px;
}
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  border: 3px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  background-color: rgba(156, 156, 156, .7);
  height: 10px;
}
::-webkit-scrollbar-track {
  border-left: 1px solid #dcdcdc;
}
::-webkit-scrollbar:horizontal {
  height: 14px;
}
::-webkit-scrollbar-thumb:hover {
  background-color: rgb(136 134 134);
}
::-webkit-scrollbar:horizontal {
  height: 14px;
  display: block;
}
::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: rgb(136 134 134);
}
::-webkit-scrollbar-thumb:horizontal {
  border-radius: 10px;
  border: 3px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  background-color: rgba(156, 156, 156, .7);
  width: 10px;
}
::-webkit-scrollbar-track:horizontal {
  border-top: 1px solid #dcdcdc;
}
.highcharts-label tspan {
  color: #fff;
}
#funnel_charts tspan {
  fill: #fff;
}
.atwho-view {
  font-family: proxima-nova, Arial, sans-serif !important;
}