@media (min-width: 1200px){
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 100%;
	}
}
:root{
	--color-brand-darker: #009e68;
	--color-purple-default: #9852f1;
	--color-red-default: #ff3b30;
	--color-red-light: #fff5f5;
	--color-blue-default: #5262f1;
	--color-orange-default: #ff8c02;
	--color-brand-light: #EBFAF5;
	--red-light: #FFF5F5;
	--blue-light: #F6F7FE;
	--orange-light: #FFF9F2;
	--purple-light: #FAF6FE;
  --green-light: #ebfaf5e3;
	--dashboard-channels-panel-bg:#f6f7fe;
	--dashboard-channels-tag-bg:#e5e8f7;
	--dashboard-channels-dropzone-bg:#f6f7fe;
	--dashboard-term-panel-bg:#ebfaf5e3;
	--dashboard-term-tag-bg:#d8f2e9;
	--dashboard-content-panel-bg:#ecf2fb;
	--dashboard-content-tag-bg:#d8e4f5;
	--dashboard-content-dropzone-bg:#ecf2fb;
	--dashboard-custom-panel-bg:#eceff3;
	--dashboard-custom-tag-bg:#eaedf2; 
	--dashboard-custom-dynamic-tag-bg: #daffe5; /*10.04.2024*/
	--dashboard-custom-dropzone-bg:#fff;
	--dashboard-source-dropzone-bg:#fff;
	--dashboard-medium-dropzone-bg:#fff;
	--dashboard-color:color: rgb(103, 106, 108);
	--dashboard-dropzone-border-radius: 8px;
	--campaign-drag: #e9f4ff;/*#fff3e9;*/
	--dashboard-medium-tag-bg: #ead8f2;
	--salesforce-logo-color: #0D9DDA; /*26.10.2023*/
	--hubspot-logo-color: #f57722; /*26.10.2023*/
	--workfront-logo-color: #ec1000; /*26.10.2023*/
	--slack-logo-color: #4A154B; /*26.10.2023*/
	--selected-card-bg: #c9e4fb; /*26.10.2023*/ 
	--marketo-logo-color: #5c4c9f; /*31.10.2023*/
}
#campaign_info_list .card-title{
	font-size: .88rem;
	line-height: 1.3;
}
.wrapper:before {
background: #fff!important;
}
#ga_tracking_list td small {
  font-size: 90%;
}
.pro-link-disabled{
opacity: 0.4;
}
/* intro.js */
.introjs-overlay {
  position: absolute;
  box-sizing: content-box;
  z-index: 999999;
  background-color: #000;
  opacity: 0;
  background: -moz-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
  background: -webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(0,0,0,0.4)),color-stop(100%,rgba(0,0,0,0.9)));
  background: -webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
  background: -o-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
  background: -ms-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
  background: radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000',endColorstr='#e6000000',GradientType=1)";
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

.introjs-fixParent {
  z-index: auto !important;
  opacity: 1.0 !important;
  -webkit-transform: none !important;
     -moz-transform: none !important;
      -ms-transform: none !important;
       -o-transform: none !important;
          transform: none !important;
}

.introjs-showElement,
tr.introjs-showElement > td,
tr.introjs-showElement > th {
  z-index: 9999999 !important;
}

.introjs-disableInteraction {
  z-index: 99999999 !important;
  position: absolute;
  background-color: white;
  opacity: 0;
  filter: alpha(opacity=0);
}

.introjs-relativePosition,
tr.introjs-showElement > td,
tr.introjs-showElement > th {
  position: relative;
}

.introjs-helperLayer {
  box-sizing: content-box;
  position: absolute;
  z-index: 9999998;
  background-color: #FFF;
  background-color: rgba(255,255,255,.9);
  border: 1px solid #777;
  border: 1px solid rgba(0,0,0,.5);
  border-radius: 4px;
  box-shadow: 0 2px 15px rgba(0,0,0,.4);
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

.introjs-tooltipReferenceLayer {
  box-sizing: content-box;
  position: absolute;
  visibility: hidden;
  z-index: 10000000;
  background-color: transparent;
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

.introjs-helperLayer *,
.introjs-helperLayer *:before,
.introjs-helperLayer *:after {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
      -ms-box-sizing: content-box;
       -o-box-sizing: content-box;
          box-sizing: content-box;
}

.introjs-helperNumberLayer {
  box-sizing: content-box;
  position: absolute;
  visibility: visible;
  top: -16px;
  left: -16px;
  z-index: 9999999999 !important;
  padding: 2px;
  font-family: Arial, verdana, tahoma;
  font-size: 13px;
  font-weight: bold;
  color: white;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0,0,0,.3);
  background: #ff3019; /* Old browsers */
  background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* Chrome10+,Safari5.1+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3019), color-stop(100%, #cf0404)); /* Chrome,Safari4+ */
  background:    -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* FF3.6+ */
  background:     -ms-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* IE10+ */
  background:      -o-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* Opera 11.10+ */
  background:         linear-gradient(to bottom, #ff3019 0%, #cf0404 100%);  /* W3C */
  width: 20px;
  height:20px;
  line-height: 20px;
  border: 3px solid white;
  border-radius: 50%;
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0)"; /* IE6-9 */
  filter: "progid:DXImageTransform.Microsoft.Shadow(direction=135, strength=2, color=ff0000)"; /* IE10 text shadows */
  box-shadow: 0 2px 5px rgba(0,0,0,.4);
}

.introjs-arrow {
  border: 5px solid white;
  content:'';
  position: absolute;
}
.introjs-arrow.top {
  top: -10px;
  border-top-color:transparent;
  border-right-color:transparent;
  border-bottom-color:white;
  border-left-color:transparent;
}
.introjs-arrow.top-right {
  top: -10px;
  right: 10px;
  border-top-color:transparent;
  border-right-color:transparent;
  border-bottom-color:white;
  border-left-color:transparent;
}
.introjs-arrow.top-middle {
  top: -10px;
  left: 50%;
  margin-left: -5px;
  border-top-color:transparent;
  border-right-color:transparent;
  border-bottom-color:white;
  border-left-color:transparent;
}
.introjs-arrow.right {
  right: -10px;
  top: 10px;
  border-top-color:transparent;
  border-right-color:transparent;
  border-bottom-color:transparent;
  border-left-color:white;
}
.introjs-arrow.right-bottom {
  bottom:10px;
  right: -10px;
  border-top-color:transparent;
  border-right-color:transparent;
  border-bottom-color:transparent;
  border-left-color:white;
}
.introjs-arrow.bottom {
  bottom: -10px;
  border-top-color:white;
  border-right-color:transparent;
  border-bottom-color:transparent;
  border-left-color:transparent;
}
.introjs-arrow.left {
  left: -10px;
  top: 10px;
  border-top-color:transparent;
  border-right-color:white;
  border-bottom-color:transparent;
  border-left-color:transparent;
}
.introjs-arrow.left-bottom {
  left: -10px;
  bottom:10px;
  border-top-color:transparent;
  border-right-color:white;
  border-bottom-color:transparent;
  border-left-color:transparent;
}

.introjs-tooltip {
  box-sizing: content-box;
  position: absolute;
  visibility: visible;
  padding: 10px;
  background-color: white;
  min-width: 200px;
  max-width: 300px;
  border-radius: 3px;
  box-shadow: 0 1px 10px rgba(0,0,0,.4);
  -webkit-transition: opacity 0.1s ease-out;
     -moz-transition: opacity 0.1s ease-out;
      -ms-transition: opacity 0.1s ease-out;
       -o-transition: opacity 0.1s ease-out;
          transition: opacity 0.1s ease-out;
}

.introjs-tooltipbuttons {
  text-align: right;
  white-space: nowrap;
}

/*
 Buttons style by http://nicolasgallagher.com/lab/css3-github-buttons/
 Changed by Afshin Mehrabani
*/
.introjs-button {
  box-sizing: content-box;
  position: relative;
  overflow: visible;
  display: inline-block;
  padding: 0.3em 0.8em;
  border: 1px solid #d4d4d4;
  margin: 0;
  text-decoration: none;
  text-shadow: 1px 1px 0 #fff;
  font: 11px/normal sans-serif;
  color: #333;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  background-color: #ececec;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
  background-image: -moz-linear-gradient(#f4f4f4, #ececec);
  background-image: -o-linear-gradient(#f4f4f4, #ececec);
  background-image: linear-gradient(#f4f4f4, #ececec);
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  -o-background-clip: padding-box;
  /*background-clip: padding-box;*/ /* commented out due to Opera 11.10 bug */
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  border-radius: 0.2em;
  /* IE hacks */
  zoom: 1;
  *display: inline;
  margin-top: 10px;
}

.introjs-button:hover {
  border-color: #bcbcbc;
  text-decoration: none;
  box-shadow: 0px 1px 1px #e3e3e3;
}

.introjs-button:focus,
.introjs-button:active {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ececec), to(#f4f4f4));
  background-image: -moz-linear-gradient(#ececec, #f4f4f4);
  background-image: -o-linear-gradient(#ececec, #f4f4f4);
  background-image: linear-gradient(#ececec, #f4f4f4);
}

/* overrides extra padding on button elements in Firefox */
.introjs-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.introjs-skipbutton {
  box-sizing: content-box;
  margin-right: 5px;
  color: #7a7a7a;
}

.introjs-prevbutton {
  -webkit-border-radius: 0.2em 0 0 0.2em;
  -moz-border-radius: 0.2em 0 0 0.2em;
  border-radius: 0.2em 0 0 0.2em;
  border-right: none;
}

.introjs-prevbutton.introjs-fullbutton {
  border: 1px solid #d4d4d4;
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  border-radius: 0.2em;
}

.introjs-nextbutton {
  -webkit-border-radius: 0 0.2em 0.2em 0;
  -moz-border-radius: 0 0.2em 0.2em 0;
  border-radius: 0 0.2em 0.2em 0;
}

.introjs-nextbutton.introjs-fullbutton {
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  border-radius: 0.2em;
}

.introjs-disabled, .introjs-disabled:hover, .introjs-disabled:focus {
  color: #9a9a9a;
  border-color: #d4d4d4;
  box-shadow: none;
  cursor: default;
  background-color: #f4f4f4;
  background-image: none;
  text-decoration: none;
}

.introjs-hidden {
     display: none;
}

.introjs-bullets {
  text-align: center;
}
.introjs-bullets ul {
  box-sizing: content-box;
  clear: both;
  margin: 15px auto 0;
  padding: 0;
  display: inline-block;
}
.introjs-bullets ul li {
  box-sizing: content-box;
  list-style: none;
  float: left;
  margin: 0 2px;
}
.introjs-bullets ul li a {
  box-sizing: content-box;
  display: block;
  width: 6px;
  height: 6px;
  background: #ccc;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  text-decoration: none;
  cursor: pointer;
}
.introjs-bullets ul li a:hover {
  background: #999;
}
.introjs-bullets ul li a.active {
  background: #999;
}

.introjs-progress {
  box-sizing: content-box;
  overflow: hidden;
  height: 10px;
  margin: 10px 0 5px 0;
  border-radius: 4px;
  background-color: #ecf0f1
}
.introjs-progressbar {
  box-sizing: content-box;
  float: left;
  width: 0%;
  height: 100%;
  font-size: 10px;
  line-height: 10px;
  text-align: center;
  background-color: #08c;
}

.introjsFloatingElement {
  position: absolute;
  height: 0;
  width: 0;
  left: 50%;
  top: 50%;
}

.introjs-fixedTooltip {
  position: fixed;
}

.introjs-hint {
  box-sizing: content-box;
  position: absolute;
  background: transparent;
  width: 20px;
  height: 15px;
  cursor: pointer;
}
.introjs-hint:focus {
    border: 0;
    outline: 0;
}
.introjs-hidehint {
  display: none;
}

.introjs-fixedhint {
  position: fixed;
}

.introjs-hint:hover > .introjs-hint-pulse {
  border: 5px solid rgba(60, 60, 60, 0.57);
}

.introjs-hint-pulse {
  box-sizing: content-box;
  width: 10px;
  height: 10px;
  border: 5px solid rgba(60, 60, 60, 0.27);
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background-color: rgba(136, 136, 136, 0.24);
  z-index: 10;
  position: absolute;
  -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
      -ms-transition: all 0.2s ease-out;
       -o-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;
}
.introjs-hint-no-anim .introjs-hint-dot {
  -webkit-animation: none;
  -moz-animation: none;
  animation: none;
}
.introjs-hint-dot {
  box-sizing: content-box;
  border: 10px solid rgba(146, 146, 146, 0.36);
  background: transparent;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  height: 50px;
  width: 50px;
  -webkit-animation: introjspulse 3s ease-out;
  -moz-animation: introjspulse 3s ease-out;
  animation: introjspulse 3s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  position: absolute;
  top: -25px;
  left: -25px;
  z-index: 1;
  opacity: 0;
}

@-moz-keyframes introjspulse {
 0% {
    -moz-transform: scale(0);
    opacity: 0.0;
 }
 25% {
    -moz-transform: scale(0);
    opacity: 0.1;
 }
 50% {
    -moz-transform: scale(0.1);
    opacity: 0.3;
 }
 75% {
    -moz-transform: scale(0.5);
    opacity: 0.5;
 }
 100% {
    -moz-transform: scale(1);
    opacity: 0.0;
 }
}

@-webkit-keyframes introjspulse {
 0% {
    -webkit-transform: scale(0);
    opacity: 0.0;
 }
 25% {
    -webkit-transform: scale(0);
    opacity: 0.1;
 }
 50% {
    -webkit-transform: scale(0.1);
    opacity: 0.3;
 }
 75% {
    -webkit-transform: scale(0.5);
    opacity: 0.5;
 }
 100% {
    -webkit-transform: scale(1);
    opacity: 0.0;
 }
}

/* // intro.js */

ul.typeahead{ /*single campaign custom items dropdown limit*/
	width: 100%;
    max-height: 100px;
    overflow-y: auto;
}
table.m-checkbox tbody tr:nth-child(odd) {
  background-color: #f0f4fa;}//2023-03-02 MM
ul.sub-menu span.screen-reader-text{
	position: relative;
	clip-path: inherit;
}

table.dataTable td:not(.title),
table.dataTable p{
word-break: break-all;/*cut long links and words, breaking table responsibility*/
}

/*give sidebar shadow*/
.sidebar {box-shadow: 0px 5px 30px rgb(136 173 191 / 10%)!important;}

  

a.sidebar-toggle-custom:hover{
	text-decoration:none;
}

.sidebar-brand{
	position: relative;
	text-align: center;
	padding:0;
}
.sidebar-brand img{
	width:73px;
	height:73px;
}


/*  notification bar  */
.easy-notification-bar {
	display: table;
	width: 100%;
	background: #f7b428;
	color: #000;
	padding: 0.5em 1em;
	font-size: 16px;
	line-height: 1.8;
	position: relative;
    z-index: 99;
    box-sizing: border-box;
}

.easy-notification-bar--hidden {
	display: none !important;
}

.easy-notification-bar--sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
}

.easy-notification-bar--collapsible.easy-notification-bar--align_center {
	padding-left: 50px;
	padding-right: 50px;
}

.easy-notification-bar--collapsible.easy-notification-bar--align_left {
	padding-right: 50px;
}

.easy-notification-bar--collapsible.easy-notification-bar--align_right {
	padding-left: 50px;
}

.easy-notification-bar strong {
	color: inherit; /* some themes change strong tag to make it darker */
}

.easy-notification-bar a,
.easy-notification-bar a:hover,
.easy-notification-bar a:visited,
.easy-notification-bar a:focus {
	color: inherit;
	text-decoration: underline;
}

.enb-system-font {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

.easy-notification-bar-container {
	/*display: table-cell;*/
	vertical-align: middle;
	width: 100%;
}
.easy-notification-bar-message{
	padding: 0 35px;
}
.easy-notification-bar-message,
.easy-notification-bar-button {
	display: inline-block;
}

.easy-notification-bar-button {
    margin-left: 0.67em;
    padding: 0.2em 0;
}

.easy-notification-bar-button a {
	padding: 0.35em 1.25em;
}

.easy-notification-bar-button a,
.easy-notification-bar-button a:hover,
.easy-notification-bar-button a:visited,
.easy-notification-bar-button a:focus {
	color: #fff;
	font-weight: 700;
	text-decoration: none;
	background: rgba(0,0,0,0.5);
}

.easy-notification-bar-button a:hover {
	opacity: 0.9;
}

/* Alignments */
.easy-notification-bar .enb-textcenter {
	text-align: center;
}

.easy-notification-bar .enb-textleft {
	text-align: left;
}

.easy-notification-bar .enb-textright {
	text-align: right;
}

.customize-partial-edit-shortcuts-shown .easy-notification-bar-customize-selector .customize-partial-edit-shortcut,
.customize-partial-edit-shortcuts-shown .easy-notification-bar-customize-selector .widget .customize-partial-edit-shortcut {
	position: relative;
	z-index: 999;
}

.customize-partial-edit-shortcuts-shown .easy-notification-bar-customize-selector .customize-partial-edit-shortcut-button {
	left: 1em;
	top: 0.5em;
}

/* Close Icon */
a.easy-notification-bar__close {
	display: block;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	color: inherit;
	text-decoration: none;
	line-height: 1;
	padding: 0;
	margin: 0;
	text-decoration: none;
	background: none;
	border: 0;
}

a.easy-notification-bar__close:hover,
a.easy-notification-bar__close:focus {
	background: none;
	color: inherit;
	border: 0;
	text-decoration: none;
}

.rtl a.easy-notification-bar__close,
.easy-notification-bar--align_right a.easy-notification-bar__close {
	left: 20px;
	right: auto;
}
.p-r{
	position:relative;
}
/*  /notification bar  */
#dashboard h5.card-title{
	font-size: 1.3375rem;
	margin-bottom: 0;
}

.frontmm-welcome {
    background-image: radial-gradient(circle farthest-side at center bottom, #0e4a3e, #1ab394 125%);
    min-height: 500px;
    padding: 20px;
	max-width: 1124px;
	width: 100%;
	margin: 0 auto;
}
body.page-template-template-homepage-php h1.entry-title{
	color: #1ab394;
	text-align: center;
}

body .ihc-ap-top-theme-4 .ihc-account-page-top-mess,
body .ihc-ap-top-theme-4 .iump-user-page-mess, body .ihc-ap-top-theme-4 .iump-user-page-mess-special, body .ihc-ap-top-theme-4 .iump-user-page-name {
    color: #000 !important;
}
/*
VA new icons
*/

@media screen and (min-width: 768px) {

	.sidebar {
		min-width: 0;
		max-width: none;
		-webkit-transition: width 0.3s linear;
		-ms-transition: width 0.3s linear;
		-o-transition: width 0.3s linear;
		transition: width 0.3s linear;
		overflow: hidden;
		width: 300px;
		background-color:#fff;
	}
	.sidebar.toggled {
		width: 50px;
		min-width: 50px;
	}
	.sidebar.toggled.hover{
		width: 290px;
	}
	
	.toggled:not(.hover) .sidebar-dropdown.show{
		display:none;/*hide onload submenu!*/
	}
	
}
/* 28.02.2023 disable right position
.sidebar [data-toggle="collapse"]:before{
	right: 2.75rem;
}
.sidebar-link .fas{
	position: absolute;
    right: 0;
    top: 15px;
}

.sidebar-link .fas, a.sidebar-link .fas {
    margin-right: .25rem;
}

*/
.sidebar {
  /* Gap between the menu label and the chevron when rendered inline. */
  --sidebar-chevron-gap: 6px;
}

.sidebar [data-toggle="collapse"] {
  display: flex;
  align-items: center;
}

.sidebar [data-toggle="collapse"]::before {
  position: static;
  order: 2;
  flex-shrink: 0;
  margin-left: var(--sidebar-chevron-gap);
  width: 0.45rem;
  height: 0.45rem;
  padding: 0;
}
.sidebar.toggled {
  margin-left: 0;
}
.sidebar-content {
	width: 250px;
}
a.sidebar-link .fas{
	width: 20px;
	text-align: center;
}
.sidebar-dropdown .sidebar-link {
    padding: .35rem 1.5rem .35rem 1.35rem;
}
.sidebar-link, a.sidebar-link {
    padding: .65rem .45rem .65rem .5rem;
}

a.sidebar-brand .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #153d77;
    background-color: #121212;
}

a.sidebar-brand .form-group{
	position: absolute;top: 5px;right: 0px;z-index: 99999;
}
.hide{
	margin-left: -9.5rem;
}
.sidebar-toggle-custom{
	cursor: pointer;
	height: 25px;
}
.dash-block-left{
	background: #8da2e6!important;
}
.dash-block-right{
	background: #ebfaf5!important;
}
.dash-block-left,
#dashboard .dash-block-left h5.card-title{
	color: #fff;
}
#left #panelInternalHead{
	background-color: #3676a496;
}
.card > .table-responsive .table th.check-all{
	padding-left: 0.9rem;
}
.promo-item .header{
	margin-bottom: 1rem;
	margin-top: 1rem;
	font-weight: bold;
	margin-left: 10px;
}
/*
VA custom styles or overrides
*/

.sidebar-brand,
.sidebar-brand, .sidebar-brand:hover{	
	height: 80px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #121212;	
}
.sidebar-link .fab, .sidebar-link .fal, .sidebar-link .far, .sidebar-link .fas, .sidebar-link svg, a.sidebar-link .fab, a.sidebar-link .fal, a.sidebar-link .far, a.sidebar-link .fas, a.sidebar-link svg {
	color: #444;
}
.sidebar-brand:hover{
	background-color: #121212;/*#293846*/
}
.navbar-dark .navbar-nav .nav-link {
    color: hsl(0, 0%, 100%);
}

.navbar-theme .navbar-nav .nav-link{
	color: rgb(68, 68, 68);
}
.navbar-theme .navbar-nav .nav-link .fas{
	font-size: 0.9375rem;
}
.sidebar-item.active .sidebar-link:hover, .sidebar-item.active>.sidebar-link {
  color: #203a45!important;
  background: #e3edf84f!important;
}
footer.footer{
    padding-left: 0;
    padding-right: 0;
}
footer.footer .col-sm-4{
    padding: 0;
}
.white-bg,
.wrapper.white-bg:before{
/*	background: #fff;*/
	width: auto;
}
.badge-primary a,
.badge-secondary a{
	color: #fff;
}

ul.sub-menu {
    list-style: none;
}
ul.sub-menu li{
	padding: .35rem 1.5rem .35rem 0.75rem;
}
ul.sub-menu li a{
    color: #6c757d;
}
ul.sub-menu li{
    font-weight: 400;
    font-size: 90%;
}
span.num{
	display: none;
}
span.badge strong{
	letter-spacing: 0.09em;
}
.add-tag-box{
	position: absolute;
	right: 15px;
	top: 20px;

}
#preview_list .modal-header {
    border-bottom: none;
}
#preview_list .modal-footer {
    border-top: none;
}

 #user_switching_switch_on{
    position: absolute;
    display: block;
    left: 100px;
	border: 0;
	bottom: 10px;
	z-index: 999;
	background-color: #fff;
	padding: 5px;
}
.multi-panels {
    /**/position: absolute;
    left: 50%;/*
    top: 50px;
    height: calc(100% - 50px);
	*/
/*	top: 10px;
	/* 07.09.2023 height: calc(100% - 210px);  06.09.2023 160*/
    width: 100%;
    margin: 0;
    overflow: hidden;
    z-index: 99;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    background: #fff; /*2022-12-24*/
    /*  border: 0px solid rgba(0,0,0,.125);/*2022-12-24 */
    /*  border-radius: 0.2rem;/*2022-12-24 */
    /*  box-shadow: 0 8px 2.6rem 0 rgb(193 199 208 / 23%); /*2023-09-06*/
      padding: 5px;/*06.09.2023 changed from 30px*/  
	  transform: translate(-50%, 0);
	  margin-top: 5px;
    margin-bottom: 15px;
}
/* 04.09.2023 07.09.2023*/
#bottomNav{
  height: 50px;
  width: 100%;
  padding: 0 30px;
  margin-top: 5px; /*2025-07-22 changed to move button up*/
}
/*.box-shadowed{
	box-shadow: 0 8px 2.6rem 0 rgba(193, 199, 208, 1.23);
} */
.div-normal-w{ /* 06.09.2023*/
	max-width: 1300px;
}
.ibox-title{
    position: relative;
}
a.collapse-link{
    position: absolute;
    right: 10px;
    top: 0;
}
.multi-panels .section {
    overflow: hidden;
    transition: flex 0.3s ease-out;
    padding-right: 10px;
    padding-left: 10px;
}
.multi-panels .left-panel {
    width: 35%;
    max-width: 450px;
	padding-bottom: 100px;
}
.multi-panels .right-panel {
    width: 65%;
    min-width: calc(100% - 450px);
}
.step-1{
	transition: margin-left .3s ease-in-out,left .3s ease-in-out,margin-right .3s ease-in-out,right .3s ease-in-out;
}
.step-2.left-panel, .preview-panel.right-panel {
    position: relative;
    overflow: auto;/* 07.09.2023*/
	scrollbar-width: thin;/* 07.09.2023*/
	scrollbar-color:#dee1f4;/* 07.09.2023*/
    height: 100%;
}
.multi-panels .section.collapsed {
    flex: 0;
    padding: 0;
}
.preview-panel {
    flex: 1;
}
.multi-panels .panel-disabled {
    pointer-events: none;
    opacity: 0.5;
}
.checkbox label{
	display:none;
}
.h100{
	height: 100%;
}
/*
.table tr td:last-child{
	white-space: nowrap; /*15.12.2021 add nowrap to all Actions columns
} */
.p-r-h100{
	position: relative;
	/*height: calc(100% - 250px);21.02.2023*/
}
.p-r-h101{
	position: relative;
	height: 100%; /*calc(100% - 150px);*/
}
#left .table > tbody > tr > td{
    padding: 2px;
	word-break: break-word; /*08.09.2023 too long names fix */
    word-break: break-all;/*08.09.2023 too long names fix */
    white-space: normal;/*08.09.2023 too long names fix */
}
.footer-nav{
	display: flex;
  font-size: 11px!important;
}
.footer-nav li{
	list-style: none;
	position:relative;
}
.footer-nav li:not(:first-child):after{
	content: "|";
   position: absolute;
    left: 0;
    top: 0;
    color: #ccc;
}
.footer-nav .sidebar-link{
	padding-top:0;
}
/* drop styles */
	.table-multi,
	.promo-table,
	.step-2 .btn{
		font-size: 0.835rem; /*13.06.2024 Milena asked */
		/*font-size:12px; was 13px 15.07.2019 */
	}
		*.unselectable {
		   -moz-user-select: -moz-none;
		   -khtml-user-select: none;
		   -webkit-user-select: none;
			-ms-user-select: none;
		   user-select: none;
		}
		#outer-dropzone {
		  height: 140px;
		  touch-action: none;
		}
		#inner-dropzone {
		  height: 80px;
		}
		.dropzone,
		.dropzone-content,
		.dropzone-custom,
		.dropzone-term,
		.dropzone-adobe,
		.dropzone-campaign,
		.dropzone-source,
		.dropzone-medium	{
			  background-color: #e0e5ea;
			  border: dashed 4px transparent;
			  border-radius: var(--dashboard-dropzone-border-radius);
			  margin: 3px 0 10px;
			  padding: 1px;
			  width: 100%;
			  min-height: 60px;
			  transition: background-color 0.3s;
		}
		.dropzone{
			margin:0;
		}
		.dropzone{
			background-color: var(--dashboard-channels-dropzone-bg);
		 }

		.dropzone.error-row,
		.dropzone-term.error-row, /*10.07.2020*/
		.dropzone-content.error-row, /*10.07.2020*/
		.dropzone-adobe.error-row, /*10.07.2020*/
		.dropzone-custom.error-row,
		.dropzone-campaign.error-row,  /*30.05.2020*/
		.dropzone-medium.error-row  /*05.05.2023*/
		{
			background-color: red;
			color: var(--dashboard-color);/*14.03.2023*/
		}
		.dropzone-promo-name{
			padding: 10px 0;
		}
		.dropzone-content{
			background-color: var(--dashboard-content-dropzone-bg);
		}
		.dropzone-adobe{
			background-color: #ebd9ee;
		}
		.dropzone-custom{
			background-color: var(--dashboard-custom-dropzone-bg);
		}
		.dropzone-source{
			background-color: var(--dashboard-source-dropzone-bg);
		}
		.dropzone-medium{
			background-color: var(--dashboard-medium-dropzone-bg);
		}
		.dropzone-term {
			/* padding: 10px 0; */
			background-color: var(--green-light);
		}
		.dropzone-campaign{
			background-color: #faf6fe;
			font-size: 0.86rem;
		}
		.drop-active {
		  border-color: #aaa;
		}
		.drop-target {
		  background-color: #29e;
		  border-color: #fff;
		  color: #fff;
		  border-style: solid;
		}
		.dropzone .drag-drop{
			width: auto;
			display:block;
		}
		.drag-drop .dropzone-content{
			padding:30px;
		}
		.block-3-cols{
			clear:both;
			overflow: hidden;
			background-color: #3676a4;
			padding: 5px;
			border-radius: 10px;
			margin-bottom: 10px;
			position: relative;
		}
		.block-3-cols:last-child{
			margin-bottom: 0;
		}
		.block-col{
			width: 49%;
			margin-right: 1%;
			float:left;
			text-align: center;
		}
		.channel-block{
			padding: 10px;
			margin: 3px 1% 0 0;
			border-radius: 5px;
			color: var(--dashboard-color);
		}
		.drag-drop {
		  position: relative;
		  display: inline-block;
		  padding: 0.5em;
		  color: #fff;
		  border-radius: 10px;
		  background-color: #3676a4;
		  border: solid 2px #fff;
		  -webkit-transform: translate(0px, 0px);
			transform: translate(0px, 0px);
		  transition: background-color 0.3s;
		  z-index:9999;
		}
		div.box-adobe .drag-drop{
			background-color: #a43691
		}

		.drag-drop.can-drop {
		  color: #000;
		  background-color: #4e4;
		}

		.dragged-item{
			max-width:150px;
			max-height:50px;
			overflow:hidden;
			z-index:99999;
		}

		.channel-drop,
		.content-drop,
		.custom-drop,
		.term-drop,
		.adobe-drop,
		.source-drop,
		.medium-drop{
			position:relative;
			border: none;
			display: inline-block;
			padding: 5px 7px;/*25.04.2023*/
			border-radius: var(--dashboard-dropzone-border-radius);
			color: var(--dashboard-color);
			background-color: var(--dashboard-term-tag-bg);
			margin:3px;
			text-align: center;
		}
		.channel-drop{
			background-color: var(--dashboard-channels-tag-bg);
		}
		.table-multi .dropzone .channel-drop{
			color: var(--dashboard-color);
		}
		.content-drop{
			background-color: var(--dashboard-content-tag-bg);
		}
		.adobe-drop{
			background-color: #e7a9f1;
		}
		.custom-drop{
			background-color: var(--dashboard-custom-tag-bg);			
		}
		/*10.04.2024*/
		.custom-dynamic{
			background-color: var(--dashboard-custom-dynamic-tag-bg);			
		}
		.medium-drop{
			background-color: var(--dashboard-medium-tag-bg);			
		}
		.block-close{
			position: absolute;
			left: -12px;
			bottom: -12px;
			color: #fff;
			background-color: rgba(0,0,0,.1);
			width: 40px;
			height: 40px;
			padding: 3px 18px;
			border-radius: 25px;
			font-size: 20px;
		}
		.block-close:hover{
			color: #36a2e7;
			background-color: #fff;
		}

		.item-close{
			width: 20px;
			height: 20px;
			color: color: var(--dashboard-color);
			display: inline-block;
			text-align: center;
			margin-right: -10px;
		}
		.item-close:hover{
			color: #000;
		}
		.custom-drop .item-close{
			color: #000;
		}
		.custom-drop .item-close:hover{
			color: #ccc;
		}
		#current_dragged{
			width: 70px;
			height: 50px;
			overflow:hidden;
			padding: 0;
			font-size:12px;
		}
/* /drop styles */

.step-2 td.source a.btn {
    font-size: 12px;
    float: right;
    margin-right: 7px;
    margin-top: 7px;
}
.step-2  .group-title{
    font-size: 0.9rem;
}

#multiPanels .wizard{
	border: none;
}
#multiPanels .wizard .nav-item a{
	pointer-events: none;
}
#multiPanels .step-2 .wizard{
	margin-left: -10px;
}
#multiPanels .wizard .nav{
	border-bottom: none;
}

#campaign_list td.title a strong{
	color:#3e4676;
    text-align: left;
}
.btn-header-link h5{
    display: block;
	display:inline-block;
}
.btn-header-link{
	display: block;
	width: 100%;
}
.btn-header-link:after {
  content: "\f107";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  float: right;
}
.btn-header-link.collapsed:after {
  content: "\f106";
}
#campaign_form h5,
#left .card-header h5{
	font-size: 1.1rem;
}

#left .card-header a,
#left .card-header h5{
    color: var(--dashboard-color);
}
#left #panelChannelsHead{	
	background-color: var(--dashboard-channels-panel-bg);
}
#left #panelTermsHead{
    background-color: var(--dashboard-term-panel-bg);
}
#left #panelContentHead{
	background-color: var(--dashboard-content-panel-bg);
}
#left #panelCustomHead{
	background-color: var(--dashboard-custom-panel-bg);
}

#campaign_form .card-title {
    font-weight: 600;
}

.apexcharts-legend{
	width:50%;
}
table.dataTable {
    font-size: 0.835rem; /*Milena 27.09.21*/
}
.btn-gray{
	color: #fff;
	background-color: #707289;
}
.btn-gray:hover{
	color: #fff;
	background-color: #4d4f67;
}
div.modal-dialog #preview_list_content #channel_list tr td:first-child{
	overflow-wrap: break-word;
}
@media print
{
    #user_switching_switch_on, .no-print, .no-print *
    {
        display: none !important;
    }

	.apexcharts-canvas{
		max-width: 500px;
	}

}
 .sidebar-user{
	height:134px;
	opacity:1;
	-webkit-transition: height 0.3s linear;
	-ms-transition: height 0.3s linear;
	-o-transition: height 0.3s linear;
	transition: height 0.3s linear;
}

/*
body .tagify__tag,
.custom-control,
div .tagify__input:before {
    z-index: 0;
} */
nav.sidebar.toggled{
	z-index: 99999;
}
.modal-title{
    font-size: 1.40625rem; /*SAMe AS H3 in light.css*/

}
	nav .custom-switch{
		display: none;
	}
	a.sidebar-toggle-custom{
		color: rgba(0,0,0,.75);
	}

	#warningModal .modal-content{
	-webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
	-moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
	box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
	}


	div.dataTables_filter,
	div.dataTables_wrapper div.dataTables_paginate{
		margin-right: 5px;
	}
	div.dataTables_wrapper{
    margin-top: 5px;
    border-radius: 4px;
      /*box-shadow: 0px 5px 30px rgb(136 173 191 / 10%);*/
      box-shadow: 0px 5px 30px rgb(77 139 170 / 10%);
      border: 1px solid #d8e7f7c7!important;
    padding: 15px;
    background: #fff;
	}
table#account_list,
table#domain_list,
table#archive {
    background: #fff;
    border-radius: 4px;
      box-shadow: 0px 5px 30px rgb(136 173 191 / 10%);
  }/*2022-12-25 Added element MM*/
	.dataTables_info{
		padding-left: 5px;

	}
	.dataTables_info,
	div.dataTables_wrapper div.dataTables_paginate{
		font-size: .7375rem;
	}
	.page-link {
		padding: 0.3rem 0.4rem;
	}
	th.fav,
	td.fav{
		text-align: center;	/* 25.01.22 fix */
	}
	td.fav{
		padding-right: 35px;
	}
	.dataTables_wrapper div.col-md-5,
	.dataTables_wrapper div.col-md-7{
		flex: 0 0 100%;
		max-width: 100%;
	}

	.tag-comments{
		position:relative;
		padding-right:50px;
	}
	.comment-controls{
		position:absolute;
		right:0;
		top:0;
	}
	#campaign_form button.disabled{
		pointer-events:none;
	}
	.help-block.with-errors{
		color:red;
	}


.spinner-btn{
	position: relative;
}
.spinner-btn:before {
    content: '';
    border: 1px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: .75s linear infinite spinner-border;
    animation: .75s linear infinite spinner-border;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    display: none;
    vertical-align: -3px;
}
.spinner-btn.show:before {
 display: inline-block;
}
/*11.11.2022 animation to left menu

27.02.2023 - DISABLED

.navbar-nav > li.dropdown:hover .dropdown-menu,
.sidebar-nav > li.dropdown:hover .sidebar-dropdown{ 
    animation-name: dropdownAnimation;
    animation-duration: .5s;
    animation-iteration-count: 1;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
	display:block;
	margin-top: 0;
  -webkit-box-shadow: 4px 4px 8px 0px rgb(34 60 80 / 20%);
    -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    box-shadow: 4px 4px 8px 0px rgb(34 60 80 / 20%);
    padding-top: 15px;
    padding-bottom: 15px;
    font-weight: 400;
    font-size: 90%;
  }
}

*/
/*29.08.2024* START */
body table,
body td,
body th {
  border:none
}
ul.nav, ul.sidebar-nav, ul.settings{
	margin-left:0;
}
ul.settings{
	margin-bottom:0;
}
body a, a:link, a:hover, a:visited { text-decoration:none;}
.left-btn-controls{ /*utm tags, custom tags top controls*/
	width:245px;
}
.form-control:not(.is-invalid) {
	box-sizing: border-box; /* fix textfields size*/
}
/*29.08.2024* END */
a.preview-link{
	text-decoration: underline; /*18.10.2022 preview table link fix*/
	cursor:pointer;
}
.centered{
	text-align:center;
}
.paid-option .title{
	opacity: 0.6;
}
.pro-bage{
	font-size: 65%;
	letter-spacing: 0.08em;
}
.pro-btn{

	opacity:0.5; 
	pointer-events:none;
}
.pro-btn .pro-bage{
	top:-1px;
	right: -5px;
}
@media (min-width: 576px){
	/* all menu changes only for larger screens*/
	/*.toggled:not(.hover) .sidebar-brand{
		text-align: right;
		padding-right: 0;
	}
	.toggled:not(.hover) .sidebar-brand img{
		width:40px;
		height:auto;
	}*/
	
	.toggled .sidebar-user{
		height:20px; overflow:hidden;
		opacity:0;
	}
	/*27.02.2023 removed, keep inside the menu
	.toggled:not(.hover) ul.sidebar-dropdown{
		position: absolute;
		right:-224px;
		top:0;
		width:224px;
		background-color: #fff;
		-webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
		-moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
		box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
		padding-top:15px;
		padding-bottom:15px;
	}
	*/
}
@media (max-width: 575.98px){
	.tooltip-gray {
		width:250px!important;
	}
	.navbar-expand {
		flex-flow: column;
	}
	.lw-top-nav{
		width:calc(100% - 40px);
		order:1;
		margin-left: 40px;
	}
	.navbar-expand .navbar-collapse{
		order: 2;
	}
	.sidebar-toggle-custom{
	  position: absolute;
	  left: 20px;
	}
	.sidebar-toggle-custom{
	  top: 15px;
	  position: absolute;
	}
	nav.sidebar.toggled {
		z-index: auto;
	}
	.sidebar {
		margin-left: 0;
	}
	.sidebar.toggled {
		margin-left: -250px;
	}
	.sidebar.toggled.hover{
		margin-left: 0;
	}
	.dropdown {
		position: relative;
	}
	.toggled:not(.hover) ul.sidebar-dropdown {
		position: relative;
		right: auto;
		top: auto;
			-webkit-box-shadow:  none;
		-moz-box-shadow:  none;
		box-shadow: none;
	}
	.row.w-100 .col-12{
		margin-bottom:15px;
	}
	 a.btn,
	 button.btn{
		margin-bottom:5px;
	}
	button.pull-right {
		float: left;
	}
	div.pull-right {
		float: none;
	}
	.text-right {
		text-align: left!important;
	}
	.p-r-h100 {
		height: auto;
	}
	.footer-nav {
		flex-direction: column;
		margin-top:25px;
	}
	.footer-nav li:not(:first-child):after{
		content: "";
	}
}
/* 05.08.2022 Added to create Top Menu Replace. sIebXieF */
.navbar-nav > li.dropdown:hover .dropdown-menu {
  animation-name: dropdownAnimation;
  animation-duration: .5s;
  animation-iteration-count: 1;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  display:block;
  margin-top: 0;
}
/* 05.08.2022 Added to create Top Menu Replace. sIebXieF */

/*18.11.2022 same size for h4 tooltip icon*/
span.ttp {
	font-size: 14px;
	vertical-align: super;
   color: #5262f1; /*add lilac color to toolsip settings page */
}
}
span.ttp .fa-sm {
	font-size: unset;
}
/* 22.12.2022 Responsive Tables */

@media screen and (max-width: 992px) {
  
    /** Container FIX */
    .container.pt-4.pb-4.mb-4.ml-0 {
        max-width: 900px !important;
        width: 100% !important;
    }
  
    /* Title Action Buttons */
    .col-12:has(.title-action) a {
        margin-bottom: 1rem;
    }
  
    /* Pagination after Tables */
    .col-sm-12:has(.dataTables_paginate) {
        margin-top: 1rem;
    }
  
    .dataTables_info,
    div.dataTables_wrapper div.dataTables_paginate {
        font-size: inherit;
    }
  
    #channel_list_table_wrapper .col-sm-12:has(#channel_list_table),
        /* CONTENT LIST TABLE */
    #content_list_table_wrapper .col-sm-12:has(#content_list_table),
        /* TERMS LIST TABLE */
    #term_list_table_wrapper .col-sm-12:has(#term_list_table),
        /* CAMPAIGN LIST TABLE */
    #campaign_list_wrapper .col-sm-12:has(#campaign_list),
        /* CHANNELS LIST TABLE*/
    #channels_list_wrapper .col-sm-12:has(#channels_list){
        overflow-x: auto;
        width: 100%;
    }
  
    #channel_list_table:before,
        /* CONTENT LIST TABLE */
    #content_list_table:before,
        /* TERMS LIST TABLE */
    #term_list_table:before,
        /* CAMPAIGN LIST TABLE */
    #campaign_list:before,
        /* CHANNELS LIST TABLE*/
    #channels_list:before {
        content: 'This Table is Scrollable on Mobile Phones';
        background-color: #f3ab20;
        color: #f8f8f8;
        padding: 5px 10px;
        margin-bottom: 1rem;
        width: 500px;
        position: relative;
        font-weight: bold;
    }
  
    #channel_list_table,
        /* CONTENT LIST TABLE */
    #content_list_table,
        /* TERMS LIST TABLE */
    #term_list_table,
        /* CAMPAIGN LIST TABLE */
    #campaign_list,
        /* CHANNELS LIST TABLE*/
    #channels_list{
        width: 990px !important;
        table-layout: auto;
        display: block;
        border-collapse: collapse;
    }
  
    #channel_list_table thead, #channel_list_table tbody,
        /* CONTENT LIST TABLE */
    #content_list_table thead, #content_list_table tbody,
        /* TERMS LIST TABLE */
    #term_list_table thead, #term_list_table tbody,
        /* CAMPAIGN LIST TABLE */
    #campaign_list thead, #campaign_list tbody,
        /* CHANNELS LIST TABLE*/
    #channels_list thead, #channels_list tbody {
        display: table !important;
        width: 100% !important;
    }
  
    #channel_list_table thead th, #channel_list_table tbody td,
        /* CONTENT LIST TABLE */
    #content_list_table thead th, #content_list_table tbody td,
        /* TERMS LIST TABLE */
    #term_list_table thead th, #term_list_table tbody td,
        /* CHANNELS LIST TABLE*/
    #channels_list thead th, #channels_list tbody td{
        display: table-cell !important;
    }
  
    #channel_list_table thead th:first-of-type, #channel_list_table tbody td:first-of-type,
        /* CONTENT LIST TABLE */
    #content_list_table thead th:first-of-type, #content_list_table tbody td:first-of-type,
        /* TERMS LIST TABLE */
    #term_list_table thead th:first-of-type, #term_list_table tbody td:first-of-type,
        /* CAMPAIGN LIST TABLE */
    #campaign_list thead th:first-of-type, #campaign_list tbody td:first-of-type,
        /* CHANNELS LIST TABLE*/
    #channels_list thead th:first-of-type, #channels_list tbody td:first-of-type{
        width: 5% !important;
    }
  
    #channel_list_table thead th:nth-child(2), #channel_list_table tbody td:nth-child(2),
        /* CONTENT LIST TABLE */
    #content_list_table thead th:nth-child(4), #content_list_table tbody td:nth-child(4){
        width: 15% !important;
    }
        /* CHANNELS LIST TABLE*/
    #channels_list thead th:nth-child(2), #channels_list tbody td:nth-child(2){
        width: 6% !important;
    }
  
    /* CHANNEL LIST TABLE*/
    #channel_list_table thead th:nth-child(3),
    #channel_list_table tbody td:nth-child(3),
    #channel_list_table thead th:nth-child(4),
    #channel_list_table tbody td:nth-child(4),
        /* CONTENT LIST TABLE */
    #content_list_table thead th:nth-child(2),
    #content_list_table tbody td:nth-child(2),
    #content_list_table thead th:nth-child(3),
    #content_list_table tbody td:nth-child(3),
        /* TERMS LIST TABLE */
    #term_list_table thead th:nth-child(2),
    #term_list_table tbody td:nth-child(2),
    #term_list_table thead th:nth-child(3),
    #term_list_table tbody td:nth-child(3),
        /* CHANNELS LIST TABLE*/
    #channels_list thead th:nth-child(3),
    #channels_list tbody td:nth-child(3),
    #channels_list thead th:nth-child(4),
    #channels_list tbody td:nth-child(4){
        width: 35% !important;
    }
  
    /* DISABLED ON MOBILE */
    #channel_list_table thead th:nth-child(5),
    #channel_list_table tbody td:nth-child(5) {
        display: none !important;
    }
  
    /* CENTERED ON MOBILE */
    /* CONTENT LIST TABLE */
    #content_list_table thead th:nth-child(4),
    #content_list_table tbody td:nth-child(4),
    #content_list_table thead th:nth-child(5),
    #content_list_table tbody td:nth-child(5),
        /* TERMS LIST TABLE */
    #term_list_table thead th:nth-child(4),
    #term_list_table tbody td:nth-child(4),
    #term_list_table thead th:nth-child(5),
    #term_list_table tbody td:nth-child(5) {
        text-align: center !important;
    }
  
    /* BUTTONS AFTER TABLES */
    .wrapper.white-bg.settings-page .pull-left, .wrapper.white-bg.settings-page .pull-right {
        width: 100%;
        text-align: center;
    }
  
    .wrapper.white-bg.settings-page .pull-right button, .wrapper.white-bg.settings-page .pull-left a {
        margin-bottom: 1rem !important;
        margin-left: 0 !important;
    }
  
    /* MULTIPLE STEP FORM COMPAINGNS */
    #multiPanels {
        overflow-y: auto;
        height: 100%;
    }
  
    #multiPanels div#campaign_form {
        width: 100%;
        max-width: 97%;
    }
  
    #multiPanels div#campaign_form .ibox-content {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }
  
    #multiPanels div#campaign_form .wizard {
        flex: 0 0 90%;
    }
  
    #multiPanels div#campaign_form .form-group {
        flex: 30% 0 1;
    }
  
    #multiPanels #left {
        width: 100%;
        max-width: 95%;
        margin-top: 2rem;
    }
}

@media screen and (max-width: 768px) {
    /* Single Links */
    #mainContainerFluid div#campaign_form .wrapper {
        flex-direction: column;
    }
  
    /* Multiple Links */
    #multiPanels #preview_list_multi {
        flex-direction: row;
        display: flex;
    }
  
    #multiPanels #preview_list_content:before {
        content: 'This Table is Scrollable on Mobile Phones';
        background-color: #f3ab20;
        color: #f8f8f8;
        padding: 5px 10px;
        margin-bottom: 1rem;
        width: 500px;
        position: relative;
        font-weight: bold;
    }
  
    #multiPanels div#campaign_form {
        padding-bottom: 0
    }
  
    #multiPanels div#campaign_category span.tagify__input {
        width: 180px;
    }
  
}

/*2023-01-30 VA Updates & menus 8*/

#upload_links_list{
	z-index: 1051;
}
.custom-scrollable-content{
	height:auto;
	max-height: 300px;
	overflow-y: scroll;
}
/* 26.12.2022 */
.dropup .dropdown-toggle::after {
  
    display: inline-block;
    margin-left: .255em;
    vertical-align: .055em;
    content: "";
    border-top: .2em solid;
    border-right: 0;
    border-bottom: 0;
    border-left: .2em solid;
  
}
.customtag .dropdown-item {
  padding: .35rem .8rem;
}
.customtag .dropdown-menu.show {
  left: -30px !important;
}
/* left menu icon positions improved 27.01.2023 */
.sidebar-link .fas.fa-clipboard,
.sidebar-link .fas.fa-dice-d6{
	right:3px;
}
/* /left menu icon positions improved 27.01.2023 */
.sidebar-dropdown .sidebar-badge {
    right: 4px;
}
.menu-item-has-children > a span[itemprop="name"] span.pro-bage{
	right: 25px;
}
.tooltip{z-index:99999}
/* 04.02.2023 sortable */
#sortableTags{
	min-width: 220px;
}
.ui-sortable-helper{
	box-shadow: rgba(34, 60, 80, 0.2) 4px 4px 8px 0px;
}
.dropdown-item{
	clear:both;
	overflow:hidden;
}
.dropdown-item label{
	margin-bottom:0;
}
/* ..sortable */
/* 2023-02-17 remove lines from tables + change bg to white */
.border-bottom {
  border-bottom: none!important;
}
.main {background-color: #ffffff;}
.form-control:not(.is-invalid) {border-radius: 4px;
  box-shadow: 0px 5px 30px rgb(136 173 191 / 10%);
border: 1px solid #d8e7f7c7!important;}/*23.11.2023*/
/*29.08.2024 .table thead th {border-bottom: none!important;} */
.card {border-radius: 4px;
  box-shadow: 0px 5px 30px rgb(136 173 191 / 10%);
}
.col-sm-8 {padding-top:20px;}
footer.footer .col-sm-8,
.form-control.dd-select.col-sm-8 {padding-top:2px;}/*remove for team copy select*/
.modal-footer{border-top:none!important;}
.table td, .table th {border-top:none!important;}
.in-folder-members .dataTables_wrapper {border-left:none!important;}
tr.in-folder-members {border-top:none!important;}
td.current-user {color: #1ab394!important;}
.folder-data-row {color: #203a45!important;}

.lw-top-menu * {
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.lw-top-menu{
	margin-top:2.5em;
	margin-left:1em;/*06.03.2024*/
}
.lw-top-menu li:nth-child(1) {
	background-color: var(--color-brand-light);
}
.lw-top-menu li:nth-child(1) a{
	color: var(--color-brand-darker);
}
.lw-top-menu li:nth-child(1) a:before{
	background-color: var(--color-brand-darker);
}
.lw-top-menu li:nth-child(2){
	background-color: var(--purple-light);
}
.lw-top-menu li:nth-child(2) a{
	color: var(--color-purple-default);
}
.lw-top-menu li:nth-child(2) a:before{
	background-color: var(--color-purple-default);
}
.lw-top-menu li:nth-child(3){
	background-color: var(--blue-light);
}
.lw-top-menu li:nth-child(3) a{
	color: var(--color-blue-default);
}
.lw-top-menu li:nth-child(3) a:before{
	background-color: var(--color-blue-default);
}

.lw-top-menu li:nth-child(4){
	background-color: var(--color-red-light);
}
.lw-top-menu li:nth-child(4) a{
	color: var(--color-red-default);
}
.lw-top-menu li:nth-child(4) a:before{
	background-color: var(--color-red-default);
}
.lw-top-menu li:nth-child(5){
	background-color: var(--orange-light);
}
.lw-top-menu li:nth-child(5) a{
	color: var(--color-orange-default);
}
.lw-top-menu li:nth-child(5) a:before{
	background-color: var(--color-orange-default);
}
.lw-top-menu li {	
  display: inline-block;
  list-style: outside none none;
  margin: 0 .5em;
  overflow: hidden;
  border-radius: 4px;
}
.lw-top-menu a,
.lw-top-menu a:after{
  padding: 12px 15px;	
  display: inline-block;
}
.lw-top-menu a {
	font-weight: 400;
  color: rgb(68, 68, 68);
  position: relative;
  margin: 0;
  text-decoration: none;
}
.lw-top-menu a:before,
.lw-top-menu a:after {
  position: absolute;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  left: 0;
}
.lw-top-menu a:before {
  bottom: 100%;
  display: block;
  height: 3px;
  width: 100%;
  content: "";
  background-color: #5262f1;
}
.lw-top-menu a:after {
  position: absolute;
  bottom: 100%;
  left: 0;
  content: attr(data-hover);
  white-space: nowrap;
}
.lw-top-menu li:hover a,
.lw-top-menu .current a {
  transform: translateY(100%);
} 
.lw-top-menu a span.title{
	padding-right: 35px;
}
.navbar .nav-item a {
    position: relative;
} 

.table-striped tbody tr:nth-of-type(odd):not(:hover):not(.selected) { /*12.08.2023*/
  background-color: #e3edf84f!important; /*08.04.2023 make it work on hover*/
} 


/* tooltip for upgrade banner */
/*upgrade banner*/
.tooltip-gray {
  max-width: 350px;
  width: inherit;
  line-height: 2.5em;
  padding: 10px;
  color: #203a45!important;
  background-color: #5262f10f!important;
}
@media screen and (max-width: 767px){
  .tooltip-gray {
    display:none!important;
  }}

/*knowledgebase-css style */
#elay-sidebar-container-v2.elay-sidebar--light-shadow {
  box-shadow: 0px 5px 30px rgb(77 139 170 / 10%)!important;
  border-radius: 4px!important;
}

#elay-sidebar-container-v2 .elay-sidebar__cat__top-cat:first-child .elay-sidebar__cat__top-cat__heading-container {
  border-top-left-radius: 4px!important;
  border-top-right-radius: 4px!important;
}

#eckb-article-page-container-v2 #eckb-article-body #eckb-article-content #eckb-article-content-body {
  font-size: 16px!important;
  font-familty: Nunito Sans!important;
  font-color: 3e4676!important;
line-height: 20px;
}
img { box-shadow: 15px 8px 24px rgb(4 53 88 / 10%)!important;}

.eckb-front-end-body .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.5;
  color: #203a45;
}
h1 {font-size: 32px!important;}
h2 {font-size: 30px!important;}


.eckb-front-end-body {
  overflow: visible;
  margin: 0;
  font-family: 'Nunito Sans';
  font-weight: 300;
  line-height: 1.5;
  color: #203a45!important;
  text-align: left;
  background-color: #fff;
}

.wp-block-image figcaption {
  margin-top: 0.5em;
  margin-bottom: 1em;
  font-size: 14px!important;
  style: italic!important;
}
.shadowed{
	box-shadow: 0px 5px 30px rgb(77 139 170 / 10%);
}
.folders-nav .nav-link{
	border-color: #e9ecef #e9ecef #dee2e6;
	padding-bottom: 6px;
	font-size: 13px;
	overflow: hidden;
	max-width: 40ch;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.folders-nav .nav-link.active{
	background-color: #d6e5ff; /*08.10.2023*/
}
.folders-nav li:last-child .nav-link {
  border-color: #e9ecef #e9ecef #dee2e6 #dee2e6;
}
.folders-nav.mr-4 {
  margin-right: 2.5rem !important;
}
.folders-nav{
	border-bottom:none;
	flex-flow: initial;
	 transition: transform 1s ease-out;
}
@media screen and (max-width: 1024px){
	.folders-nav{
		display:none;
	}
}
#filters_list_wrapper{
	margin-top:0;
}

.simple-tabs-carousel-container {
	display: flex;
	position: relative;
	padding: 0;
	flex-flow: initial;
	overflow: hidden;
	align-items: end; /* 08.10.2023 */
}
.simple-tabs-carousel-container:after, .simple-tabs-carousel-container:before {
  display: block;
  height: 0px;
  width: 100%;
  clear: both;
  content: "";
  padding: 10px;
}
.simple-tabs-carousel-container .tab-previous {
  height: 100%;
  position: absolute;
  left: 0;
  top: 50%; /* 08.10.2023*/
  display:none;
}
.group-label{
	font-size:14px;/* 08.10.2023*/
	margin-bottom: 2px;
}
.simple-tabs-carousel-container .tab-next {
  right: 0;
  position: absolute;
  float: right;
  top: 50%; /* 08.10.2023*/
  display:none;
}
.simple-tabs-carousel-container .tabs-container {
	width: auto;
	overflow: hidden;
	min-width: calc(100% - 70px);
}
.simple-tabs-carousel-container .simple-tabs {
  float: left;
  width: 500%;
  list-style: none;
  overflow: hidden;
  transition: transform 1s ease-out;
}
.simple-tabs-carousel-container .simple-tabs .tab {
  width: 50px;
  text-align: center;
  float: left;
  background: white;
}
.simple-tabs-carousel-container .simple-tabs .tab.active {
  background: skyblue;
}
#extraPanel{/*26.03.2023*/
	background-color: #fff;
	width: 400px;
	display:none;
}
.no-bg:before{
	background:none;
}
#templates_list_filter input{
	width:100%;
}
.disable-select {
    user-select: none; /* supported by Chrome and Opera */
   -webkit-user-select: none; /* Safari */
   -khtml-user-select: none; /* Konqueror HTML */
   -moz-user-select: none; /* Firefox */
   -ms-user-select: none; /* Internet Explorer/Edge */
}
.campaign-drop{
	z-index:999!important;
}
.pagination a.page {
  position: relative;
  display: block;
  padding: .2rem .45rem;/*padding: .5rem .75rem;*/
  margin-left: -1px;
  line-height: 1.25;
  color: #007bff;
  background-color: #fff;
  border: 1px solid #dee2e6;
}
.template{
	/*overflow:hidden; */
}
.template .campaign-drop{
	width:100%;
	text-align: center;
}
.template h4{
	color: #fff;
}

.campaign-drop{
	font-size: 12px;
	color: #203a45;
	background-color: #fff;
	border-radius: 4px;
	border: 1px solid #d8e7f7c7!important;
	box-shadow: 0px 5px 30px rgb(136 173 191 / 10%);
	padding:5px;
	width: 121px;
	height: 121px;
}
.dropzone-campaign .campaign-drop{
	width: auto;
	height: auto;
}
.campaign-drop:hover{
	box-shadow: 0px 5px 15px #E7D5F9;
}
.campaign-drop p{
	font-size: 10px;
}
.campaign-drop p b{
	font-size: 11px;
}
.campaign-drop.centered-block{
	display:flex;
	justify-content: center; 
	align-items: center;
	flex-direction: column;
}
.campaign-drop p{
	padding: 2px 0;
	margin-bottom: 0;
}
.list .col-6{
	padding-right: .25rem;
	padding-left: .25rem;
}
.dropzone-campaign .item-close {
  font-size: 18px;
  position: absolute;
  right: 15px;
  top: 6px;
}
.dropzone-campaign.drop-active{
	background-color: #faf6fe;
	color: var(--color-purple-default);
}
.sidebar-toggle-custom{
  position: absolute;
  left: 25px;
  top: 50px;
  z-index: 99; /*07.09.2023 to the top */
}
#current_dragged i{
	display:none;
}
.pagination a.page {
	position: relative;
	display: block;
	padding: 0.2rem 0.45rem;
	/* padding: 0.5rem 0.75rem; */
	margin-left: -1px;
	line-height: 1.25;
	color: #3e4776;
	background-color: #fff;
	/* border: 1px solid #dee2e6; */
	font-size: x-small;
	border: 1px solid #d8e7f7c7!important;
	box-shadow: 0px 5px 30px rgb(136 173 191 / 10%);
}
.multi-panels.dynamic-template-dash .left-panel:not(.unselectable) {
  width: 55%;
  max-width: 850px;
  padding-bottom: 100px;
}
.multi-panels.dynamic-template-dash .right-panel {
  width: 45%;
  min-width: calc( 100% - 850px);
} 
@media screen and (max-width: 992px){
	#multiPanels.dynamic-template-dash div#campaign_form .form-group {
	  flex: 100%;  
	}
}
@media screen and (max-width: 560px){
	#multiPanels #preview_list_multi {  
	  display: block;
	}
	.multi-panels.dynamic-template-dash .right-panel {
		width: 100%;
		min-width: 100%;
	}
}
/*21.04.2023*/
.link-checkbox{
   pointer-events: none;
}
/* 25.04.2023 fix checkbox column on datatable, 09.07.2023 added .single-card 2fix position on single dashb*/
.card:not(.single-card)>.table-responsive .table th:first-child{
	padding: 2px!important;
}
table#link_list td.link div{
	word-break: break-all; /*13.06.2023 long link dshboard fix*/
}
#left #channel_list input[type="checkbox"],
#left #sources_list input[type="checkbox"],
#left #terms_list input[type="checkbox"]  /*19.06.2023 fiox for  checkbox click that not worked */
/*, #campaignNamesConventions #taxonomies_list input[type="checkbox"] 21.06.2023, disabled 13.01.2024*/
{
	pointer-events: none;
}

	/*04.06.2023 Fix hover of table from gray to blue #6f42c103*/	
.table-hover tbody tr:hover {	
  color: #3e4676;	
  background-color: #5262f11c!important;} /*19.10.2023*/

  /*13.06.2023 long link dshboard fix*/	
table#link_list td.link div{	
  word-break: break-all; }

/*2023-06-24 change color for tooltip */
.tooltip-inner {
    background-color: #5262f1;
 
}

.bs-tooltip-auto[x-placement^=top] .arrow:before, .bs-tooltip-top .arrow:before {
    border-top-color: #5262f1;
}

/*2023-04-26 change color boxes for settings */
.greenbox{  border-radius: 4px;
  box-shadow: 0px 5px 30px rgb(136 173 191 / 10%);  padding: 1.5rem!important;  margin: 0.5rem;
  background-color: var(--color-brand-light);
}
.whitebox{  border-radius: 4px;
  box-shadow: 0px 5px 30px rgb(136 173 191 / 10%);  padding: 1.5rem!important;  margin: 0.5rem;
  background-color: #fff;
}

.bluebox{  border-radius: 4px;
  box-shadow: 0px 5px 30px rgb(136 173 191 / 10%);  padding: 1.5rem!important;
  background-color: var(--blue-light);
      margin: 0.5rem;
}

.pinkbox{  border-radius: 4px;
  box-shadow: 0px 5px 30px rgb(136 173 191 / 10%);  padding: 1.5rem!important;  margin: 0.5rem;
  background-color: var(--color-red-light);
}
.yellowbox{  border-radius: 4px;
  box-shadow: 0px 5px 30px rgb(136 173 191 / 10%);  padding: 1.5rem!important;  margin: 0.5rem;
  background-color: var(--color-brand-light);
}
  /*2023-06-25 add new label to menu */
  .newitem > a::after {
    width: auto;
    height: auto;
    transform: none;
    color: rgb(255, 255, 255);
    background-color: rgb(66, 220, 10);
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 8px;
    border-radius: 5px;
    content: "NEW";
    border: none;
  }
  /* 30.06.2023 campaign name long name cut*/
  #campaign_name tags .tagify__input{
    margin-right: 45px;
    overflow: hidden;
  }
  .item-disabled{
	  opacity: 0;
	  pointer-events: none;
  }
  .custom-item div.bage{
	  font-size: 95%!important;
  }
  
.loader {
  margin: 100px auto;
  font-size: 25px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load5 1.1s infinite ease;
  animation: load5 1.1s infinite ease;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
@-webkit-keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}
@keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}
    /* - 13.07.2023 - */
.custom-item{
    border: 1px solid white;
}
.custom-item:hover{
    border: 1px solid #d7d4f1;
}
.link-condition-box{
    display: flex;
    flex-flow: wrap;
    border: 1px solid #eee;
    padding: 5px;
    background-color: #f5f4ff;
}
.link-condition-bage span{
    color: #999
}
.link-condition-bage{
    display: inline-flex;
    margin-right: 5px;
    margin-bottom: 5px;
    background-color: #f5f4ff;
    padding: 1px;
}
.link-condition,  .link-condition-bage span.connect-condition{
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}
.link-condition-bage span.title{
    margin-right: 2px;
}
.link-condition:hover{
    text-decoration: none;
}
.link-condition i{
    margin-right: 5px;
}
.link-condition-box .close{
    font-size: inherit;
}
.close.remove-condition{
	line-height: 22px;
}
.close.remove-condition,
.close.remove-condition x{
	font-size: 16px;
}
a.remove-condition .tagify__tag__removeBtn:hover{
	color: red;
}
.badge.link-condition-bage {
	font-size: 100%;
}
/* 23.07.2023 */
.modal-content2 {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 98%;
	align-content: center;
	pointer-events: auto;
	background-color: #e4ecf7;
	background-clip: padding-box;
}
/*30.07.2023*/
tags.tagify.tagify--select{
	overflow:hidden; /*hide second row of long campaign name*/
}
/* 12.08.2023 */
.table tr.selected{
	background-color: #e2eeff!important;
}
/* 12.08.2023 */ 
#campaign_name tags .tagify__input {
	margin-right: 45px;
	overflow: hidden;
	font-size: 10px;
}
/* 29.08.2023 */
#custom_list .form-group{
	margin-top: 0!important;
	padding-top: 10px;
	margin-bottom: 0!important;
}
#custom_list .form-group.child-item{
    margin-left: 10px;
    border-left: 1px solid #eee;
    padding-left: 10px;
}
.not-main{
	opacity:0.7;
}

/* 04.09.2023 vertical menu steps */
display-flex, .form-flex, .form-date-group, .steps ul, #leftTabs .title, .title .step-number, .actions ul li a, .form-radio-flex, .form-find {
  display: flex;
  display: -webkit-flex;
}
.steps ul,
.actions ul {
  list-style-type:none;
  margin:0;
  padding:0
}
.steps ul {
  flex-direction:column;
  -moz-flex-direction:column;
  -webkit-flex-direction:column;
  -o-flex-direction:column;
  -ms-flex-direction:column;
  position:relative;
  padding-left:0px;
  padding-top:60px
}
.steps ul li {
  padding-bottom:40px;
  position:relative;
  z-index:99
}
.steps ul li a {
  text-decoration:none;
  color:#222
}
.steps ul:after {
  position:absolute;
  content:'';
  width:2px;
  height:280px;
  background:#ebebeb;
  left:24px;
  top:50%;
  transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -webkit-transform:translateY(-50%);
  -o-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  z-index:9
}
.title {
  align-items:center;
  -moz-align-items:center;
  -webkit-align-items:center;
  -o-align-items:center;
  -ms-align-items:center
}
.title .step-number {
  width:50px;
  height:50px;
  flex: 0 0 50px;
  align-items:center;
  -moz-align-items:center;
  -webkit-align-items:center;
  -o-align-items:center;
  -ms-align-items:center;
  justify-content:center;
  -moz-justify-content:center;
  -webkit-justify-content:center;
  -o-justify-content:center;
  -ms-justify-content:center;
  border-radius:50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  -o-border-radius:50%;
  -ms-border-radius:50%;
  background:#ebebeb;
  color:#999;
  margin-right:15px;
  border:5px solid #fff;
  font-weight:700
}
.title .step-text {
  font-weight:700;
  color:#999
}
.current .title .step-number {
  background:#5262f1;
  color:#fff
}
.current .title .step-text {
  color:#5262f1;
}
#multiPanels .va-panel-step.collapsed{ 
	display: none; /* 07.09.2023 */
}
.utm-parameters .title .step-number {/* 07.09.2023 */
  width:40px;
  height:40px;
  flex: 0 0 40px;
}
.utm-parameters .steps ul:after {/* 07.09.2023 */
  left:20px;	
}
#channel_list .title,
#channel_list .source,
#channel_list .medium,
.custom-box .source .custom-drop {/* 07.09.2023 */
	word-wrap: break-word;
	word-break: break-word;
}
.dataTables_scrollBody{
	min-height:100px;
}
/* 15.10.2023 */
 #sidebarPanel {
            position: fixed;
            top: 0;
            left: -550px; /* Initially hidden */
            width: 550px;
            height: 100%;
            background: #fff;
            z-index: 1000;
            transition: left 0.3s;
			z-index:99999;
			padding: 60px 20px 20px 20px;
        }
 #sidebarPanel iframe{
	 width:100%;
	 height:100%;
	 border: 0;
 }
 #sidebarClose{
	 right: 25px;
  top: 15px;
  position: absolute;
 }
        /* CSS for the half-dark background */
        #sidebarBackgroundOverlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            z-index: 999;
            display: none;
        } 
		/* 26.10.2023*/
#campaign_info_list .card.selected,
#campaign_info_list div.dataTables_wrapper.selected{
	border: 3px solid var(--selected-card-bg)!important;
}
/* 03.11.2023 */
.template .campaign-drop{
	min-height: 150px;
	padding: 25px 0;
} 
.fas.icon-large-size{
	font-size: 3em!important;
}
/* /03.11.2023 */
#ga_tracking_result table tr td:first-child{
	width: 50%;
	word-break: break-word;
}
ul.sidebar-dropdown ul.sidebar-dropdown{
	margin-left:15px;
}
.smaller-font{
	font-size: 0.88rem;
}
@media screen and (max-width: 1200px) {
	.step-text{
		display:none;
	}
	.col-sm-2.steps {
		flex: 0 0 5%;
		max-width: 5%;
		padding: 0;
	}
	.title .step-number {
		width: 40px;
		height: 40px;
		 flex: 0 0 40px;
	}
	.steps ul:after {
		width: 2px;
		height: 220px;
		left: 18px;
	}

}
@media screen and (min-width: 1201px) and (max-width: 1850px) {
	.utm-parameters .step-text{
		display:none;
	}	
	.utm-parameters .title .step-number {/* 07.09.2023 */
	  width:60px;
	  height:60px;
	  flex: 0 0 60px;
	}
	.utm-parameters .steps ul:after {/* 07.09.2023 */
	  left:30px;	
	}
}
/* login-lgout page center content */
.min-vh-100 {
    min-height: 100vh!important;
}
.justify-content-lg-start {
    justify-content: flex-start!important;
}
.align-items-center {
    align-items: center!important;
}
@media screen and (max-width: 480px) {
    img {
         width: 400px;
    }
	/* 17.09.2024 */
	.steps ul {
		padding-top: 20px;
	}
	.step-text{
		display:block;
	}
	.col-sm-2.steps {
		flex: 100%;
		max-width: 100%;
	}
}
/*login-logout page */
/*16.01.2024 style datatable show entries */
div.dataTables_wrapper div.dataTables_length select {
  background-color: #fff;
  border: 1px solid #eee;
  padding: 5px;
}
/* Top button create new */
.btn-blue {
	background-color: #022d94;
	box-shadow: 0 0.2rem 0.8rem rgba(0,0,0,.24);
}
/*28.01.2024*/
.topborder { border-top: 1px solid #cedef14f!important; }

/*05.09.2024*/
.campaign-drop.drag-drop-disabled{
	background-color: #ee73052b;
}
div.warning-tooltip .tooltip-inner {
  background-color: #fd7e14!important;
}

/*20250721 change text color on tag formatting*/

#tag-settings-content .visual-tag-settings .blue {
  color: #5262f1!important;
}

/*28.07.2025 fix cards view menu dropdown visibility*/

#campaign_info_list .card-actions{
  position: absolute;
  right: 10px;
}
.col-card.show-dropdown {
  z-index: 9999;
}
/*//28.07.2025 */
/*30.07.2025 campaigns table white button fix */
div.ibox .dataTables_processing.card{
  background-color: transparent!important;
}
/*//30.07.2025 */

/* 22.07.2025 */
.template .utm-type-box{
  background-color: #f8e2f9;
}
/*//22.07.2025 */
/** 25.09.2025*/
div.card.dataTables_wrapper.url-approved,  /* cards view*/
.table-striped tbody tr:nth-of-type(odd):not(:hover):not(.selected).url-pending-approval,
.table-striped.dataTable tbody tr.url-pending-approval{
  background-color: #f6f6f6 !important;
}
div.card.dataTables_wrapper.url-approved,  /* cards view*/
.table-striped tbody tr:nth-of-type(odd):not(:hover):not(.selected).url-approved,
table.table-striped.dataTable tbody tr.url-approved{
  background-color: #e0fae5 !important;
}
div.card.dataTables_wrapper.url-declined,  /* cards view*/
.table-striped tbody tr:nth-of-type(odd):not(:hover):not(.selected).url-declined,
table.table-striped.dataTable tbody tr.url-declined{
  background-color: #fae8e6 !important;

}
tr.url-pending-approval td, 
tr.url-approved td,
tr.url-declined td{
  background-color: transparent;
}

/** //25.09.2025*/
/** 03.10.2025*/
.ct-hidden{
  display:none;
}
/** //03.10.2025*/

/** 2026-01-19 add admin menu to the bottom of sidebar **/
#sidebar { display:flex; flex-direction:column; min-height:100vh; height:auto; }
#sidebar .sidebar-content { display:flex; flex-direction:column; flex:1; min-height:0; }

#sidebar .sidebar-menus { display:flex; flex-direction:column; flex:1; min-height:0; }
#sidebar .sidebar-menu-main { flex:1; overflow-y:auto; }
#sidebar .sidebar-menu-admin {
  margin-top:auto;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,0.12);
}