@charset "UTF-8";
/*********************** Table Of Content ******************
1.  Imports
    1.1. Prelogin
    1.2. Header
    1.3. Right Nvigation
    1.4. Custom Model
    1.5. dashboard
    1.6. Edit Maps
    1.7. Presentation
    1.8. User Profiles
    1.9. Payment Subscription
    1.10. Demo Maps
    1.11. Error Pages
    1.12. Footer 
2. Typography
3. Base Styles
4. Common Styles
5. Custom Plugin Styles 
6. Media Styles
*******************************/
/*************** 1. Imports ******************/
/*************** 1. Imports ******************/
/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Mixins ******************/
/********************** Header Styles ***********************/
/*************** 1. Imports ******************/
/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Mixins ******************/
@import 'https://rsms.me/inter/inter.css';
@import 'https://p.typekit.net/p.css?s=1&k=feu1sai&ht=tk&f=31398&a=709904&app=typekit&e=css';
.header-pan {
  height: 68px;
  top: 0;
  position: fixed;
  background: #110a1a;
  width: 100%;
  color: #fff;
  z-index: 9;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border: none;
  /*** Logo ***/
}
.header-pan .navbar-brand {
  display: inline-block;
  padding: 5px 0 5px 0;
  margin: 0 16px 0 0;
  font-size: 36px;
  line-height: inherit;
  white-space: nowrap;
}
@media (min-width: 320px) and (max-width: 768px) {
  .header-pan .navbar-brand {
    max-width: 130px;
    margin: 0 15px;
  }
}

@media (min-width: 320px) and (max-width: 768px) {
  .navbar-toggler {
    border: none;
  }
}
.navbar-toggler:not(:disabled):not(.disabled) {
  cursor: pointer;
}
@media (min-width: 320px) and (max-width: 768px) {
  .navbar-toggler:not(:disabled):not(.disabled) {
    position: absolute;
    top: 20px;
    right: 10px;
  }
}

.navbar-brand {
  max-width: 200px;
}

/*** Topp Navigation ***/
.topnav {
  margin: 0;
  padding: 0;
}
.topnav li {
  display: inline-block;
  margin: 0 20px;
}
@media (min-width: 1024px) and (max-width: 1324px) {
  .topnav li {
    margin: 0 10px;
  }
}
@media (min-width: 993px) and (max-width: 1199px) {
  .topnav li {
    margin: 0 5px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .topnav li {
    margin: 0 2px;
  }
}
.topnav li a {
  color: #fff !important;
  font-size: 16px;
  display: block;
  padding: 15.25px 0px;
  font-weight: 500;
  position: relative;
}
.topnav li a:after {
  position: absolute;
  left: 35%;
  width: 30%;
  height: 2px;
  bottom: 8px;
  background: rgba(120, 0, 255, 0.8);
  content: "";
  opacity: 0;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  -moz-transition: opacity 0.3s, -moz-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(10px);
}
@media (min-width: 320px) and (max-width: 992px) {
  .topnav li a:after {
    left: 0;
    width: 5%;
  }
}
@media (min-width: 320px) and (max-width: 992px) {
  .topnav li a:hover, .topnav li a:focus {
    color: #7800ff;
  }
}
.topnav li a:hover:after, .topnav li a:focus:after {
  opacity: 1;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}
@media screen and (max-width: 1024px) {
  .topnav li a {
    font-size: 15px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .topnav li a {
    font-size: 13px;
    padding: 15px 4px !important;
  }
}
.topnav li a:active {
  font-weight: 600;
}
.topnav li a:hover {
  color: #fff;
}

@media (min-width: 576px) and (max-width: 768px) {
  .navbar {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.navbar .collapse.show {
  background: #110a1a;
  padding: 0;
  width: 100%;
  left: 0;
}

/**** Premium Icon Show ****/
.premium-icon {
  position: absolute;
  top: -50px;
  left: -10px;
  content: "";
}

.header-pan .premium-icon {
  top: -10px;
  left: -5px;
}
.header-pan .premium-icon img {
  width: 26px;
  height: 26px;
}

.premium-usershow {
  position: relative;
  top: -10px;
}
.premium-usershow img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  left: 49.2%;
  z-index: 1;
}
.premium-usershow:after {
  position: absolute;
  content: "";
  left: 50%;
  top: 0;
  width: 80px;
  height: 40px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #876cab;
  border-radius: 0 0 50% 50%;
  background-size: 40%;
  text-align: center;
}

/*** Header Right panel ***/
@media (min-width: 320px) and (max-width: 992px) {
  .sidenav-items {
    position: absolute;
    top: 20px;
    right: 3%;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .sidenav-items {
    right: 15%;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .sidenav-items {
    right: 4%;
  }
}
.sidenav-items ul {
  padding: 0;
  overflow: hidden;
  margin: 0;
}
.sidenav-items ul li {
  float: left;
  cursor: pointer;
  list-style: none;
  font-weight: 300;
}
@media (min-width: 768px) and (max-width: 992px) {
  .sidenav-items ul li .text-link {
    padding: 10px;
    font-size: 13px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .sidenav-items ul li .primary-btn {
    font-size: 13px;
    padding: 10px 15px;
  }
}
.sidenav-items .loggedin-user {
  background: transparent !important;
}
.sidenav-items .loggedin-user img {
  width: 28px;
  border: 1px solid #7800ff;
  height: 28px;
  padding: 1px;
  object-fit: cover;
  margin-right: 20px;
}
.sidenav-items .loggedin-user .user-name {
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
  width: 50%;
}
.sidenav-items .loggedin-user .dropdown-menu {
  background: #2d2637;
  padding: 0px;
  right: 0px;
  border-radius: 0px;
  top: 49px;
  width: 237px;
}
.sidenav-items .loggedin-user .dropdown-menu a {
  color: #fff;
  font-size: 14px;
  padding: 15px 8px;
  font-weight: 600;
}
.sidenav-items .loggedin-user .dropdown-menu a:first-child {
  border-bottom: 1px solid #362749;
}
.sidenav-items .loggedin-user .dropdown-menu a:hover {
  background: #2d2637;
}
.sidenav-items .loggedin-user .dropdown-menu a.product-tour img {
  width: 30px;
  height: 30px;
  margin: -5px 0px 0px 0px;
  float: right;
  padding: 0px;
  border: none !important;
}
.sidenav-items .loggedin-user.userheaderlog .dropdown-menu .dropdown-item {
  padding-left: 20px;
}
.sidenav-items .loggedin-user:hover {
  background: transparent !important;
}
.sidenav-items.signinSubmenu ul {
  overflow: visible !important;
}
.sidenav-items.signinSubmenu ul li:first-child {
  margin-right: 15px;
}
.sidenav-items.signinSubmenu ul li .dropdown-toggle:after {
  content: "";
  font: normal normal normal 14px/1 FontAwesome;
  border: none;
  position: absolute;
  right: 4px;
  top: 15px;
  color: #fff;
}
.sidenav-items.signinSubmenu ul li .dropdown-menu {
  background: #26202e;
  border-radius: 0% 2px;
  padding: 0px;
}
.sidenav-items.signinSubmenu ul li .dropdown-menu a {
  color: #fff;
  font-size: 14px;
  padding: 10px 8px;
  font-weight: 600;
}
.sidenav-items.signinSubmenu ul li .dropdown-menu a:first-child {
  border-bottom: 1px solid #362749;
}
.sidenav-items.signinSubmenu ul li .dropdown-menu a:hover {
  background: #2d2637;
}

/*** User Management Header ***/
.usermanagementheader {
  padding-right: 10px;
}
@media (min-width: 320px) and (max-width: 992px) {
  .usermanagementheader {
    padding-right: 0px;
  }
}
.usermanagementheader .subscrption-type .logo {
  padding: 8px 11px 8px 3px !important;
}
.usermanagementheader .logo {
  padding: 12.15px 11px 12.15px 3px !important;
  max-width: 150px;
}
@media (min-width: 320px) and (max-width: 992px) {
  .usermanagementheader .logo {
    padding: 15px 0;
    margin-left: 20px;
    margin-right: 0px;
  }
}
@media (min-width: 320px) and (max-width: 992px) {
  .usermanagementheader .col-12 {
    padding-right: 0px;
  }
}
.usermanagementheader .topnavigation {
  padding: 0.5rem 0;
}
.usermanagementheader .topnavigation .topnav li {
  padding: 0 16.5px !important;
  margin: 0px !important;
}
@media (min-width: 1200px) and (max-width: 1599px) {
  .usermanagementheader .topnavigation .topnav li {
    padding: 0 10px !important;
  }
}
@media (min-width: 320px) and (max-width: 768px) {
  .usermanagementheader .topnavigation .topnav li {
    padding: 0 20px;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .usermanagementheader .topnavigation .topnav li {
    padding: 0 2px;
  }
}
@media (min-width: 1025px) and (max-width: 1624px) {
  .usermanagementheader .topnavigation .topnav li {
    margin: 0 0px;
  }
}
.usermanagementheader .topnavigation .topnav li:first-child {
  margin-left: 0px;
}
@media (min-width: 320px) and (max-width: 992px) {
  .usermanagementheader .topnavigation .topnav li:first-child {
    margin-left: 20px;
  }
}
.usermanagementheader .topnavigation .topnav li a {
  font-size: 13px;
  font-weight: 500;
  position: relative;
  padding-right: 0px;
  padding-left: 0px;
}
.usermanagementheader .topnavigation .topnav li a:after {
  border: none !important;
  margin-left: 0px !important;
  position: absolute;
  width: 100%;
  left: 0px;
  height: 2px;
  bottom: -2px;
  background: transparent !important;
  content: "";
  opacity: 0;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  -moz-transition: opacity 0.3s, -moz-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(10px);
}
@media (min-width: 320px) and (max-width: 992px) {
  .usermanagementheader .topnavigation .topnav li a:after {
    left: 0;
    width: 5%;
  }
}
@media (min-width: 320px) and (max-width: 992px) {
  .usermanagementheader .topnavigation .topnav li a:hover, .usermanagementheader .topnavigation .topnav li a:focus, .usermanagementheader .topnavigation .topnav li a.active {
    color: #7800ff;
  }
}
.usermanagementheader .topnavigation .topnav li a:hover:after, .usermanagementheader .topnavigation .topnav li a:focus:after, .usermanagementheader .topnavigation .topnav li a.active:after {
  opacity: 1;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}
@media (min-width: 769px) and (max-width: 1024px) {
  .usermanagementheader .topnavigation .topnav li a {
    font-size: 12px;
  }
}
.usermanagementheader .topnavigation .topnav li a.active:after {
  background: rgba(120, 0, 255, 0.8) !important;
  bottom: 0px;
}
@media (min-width: 320px) and (max-width: 992px) {
  .usermanagementheader .navbar-toggler.leftmenucontroller:not(:disabled):not(.disabled) {
    left: 20px;
  }
}
@media (min-width: 320px) and (max-width: 992px) {
  .usermanagementheader .navbar-toggler {
    padding: 10px;
  }
}
.usermanagementheader .sidenav-items {
  right: 25%;
  padding-right: 10px;
}
@media (min-width: 320px) and (max-width: 992px) {
  .usermanagementheader .sidenav-items {
    right: 10%;
  }
}
.usermanagementheader .sidenav-items ul {
  overflow: visible;
  display: block;
  flex-direction: inherit;
}
.usermanagementheader .sidenav-items ul li {
  background: #09080a;
  border: 1px solid #000;
  border-radius: 2px;
  padding: 0 5px;
  margin: 0 5px 0 5px;
}
.usermanagementheader .sidenav-items ul li.loaderlist {
  background: transparent !important;
  border: 1px solid transparent !important;
}
.usermanagementheader .sidenav-items ul li.loaderlist .header-loader-container .header-loader {
  padding: 8px 2px !important;
}
.usermanagementheader .sidenav-items ul li.addbuttonlist {
  background: transparent;
  border: none;
}
.usermanagementheader .sidenav-items ul li.addbuttonlist button {
  border-radius: 2px;
}
.usermanagementheader .sidenav-items ul li.addbuttonlist:hover {
  background: transparent;
}
.usermanagementheader .sidenav-items ul li.Addnewbtn {
  display: none;
  padding: 0;
}
.usermanagementheader .sidenav-items ul li.Addnewbtn .btn {
  border-radius: 2px;
  padding: 12px 15px;
}
.usermanagementheader .sidenav-items ul li.loggedin-user .dropdown-toggle:after {
  content: "";
  font: normal normal normal 14px/1 FontAwesome;
  border: none;
  position: absolute;
  right: 15px;
  top: 18px;
  color: #fff;
}
.usermanagementheader .sidenav-items ul li.loggedin-user .dropdown-menu {
  background: #26202e;
}
.usermanagementheader .sidenav-items ul li.loggedin-user .user-name {
  max-width: 150px;
  margin-left: 0px;
  display: inline-block;
  padding-right: 8px;
  min-width: 100px;
  width: auto;
  padding-right: 20px;
}
@media (min-width: 320px) and (max-width: 576px) {
  .usermanagementheader .sidenav-items ul li.loggedin-user .user-name {
    max-width: 100px;
    min-width: 80px;
  }
}
@media (min-width: 769px) and (max-width: 992px) {
  .usermanagementheader .sidenav-items ul li.loggedin-user .user-name {
    max-width: 100px;
    font-size: 12px;
  }
}
.usermanagementheader .sidenav-items ul li.notifications {
  position: relative;
  padding: 8px 10px;
  background: transparent;
  border: 1px solid transparent;
}
.usermanagementheader .sidenav-items ul li.notifications .notificationListDropdown {
  background: transparent;
}
.usermanagementheader .sidenav-items ul li.notifications span.notify-icon {
  height: 32px !important;
  width: 32px !important;
  background: url("../images/notification-icon.png") no-repeat !important;
  display: block;
  padding: 2px;
}
.usermanagementheader .sidenav-items ul li.notifications .nitificationcircle {
  background: #7800ff;
  padding: 2px 6px;
  position: absolute;
  bottom: 6px;
  left: 2px;
  border-radius: 20px;
  z-index: 1;
  font-size: 8px;
  text-align: center;
  color: #fff;
}
.usermanagementheader .sidenav-items ul li.notifications:hover .notify-icon {
  background-position: -32px 0 !important;
}
.usermanagementheader .sidenav-items ul li.loaderlist {
  border-radius: 3px;
  padding: 0px;
}
.usermanagementheader .sidenav-items ul li.loaderlist:hover {
  background: transparent;
}
.usermanagementheader .maincontainer {
  padding: 0px;
}

.settingsmainheader .topnavigation {
  margin-left: 0px !important;
  padding: 0px;
}

/*** Header fixed *****/
.usermanagementheader,
.header-pan,
.settingsmainheader {
  position: fixed;
  top: 0;
  background: #110a1a;
  z-index: 99;
}

.header-pan {
  height: 50px;
}

.settingsmainheader .usermanagementheader,
.header-pan {
  width: 100%;
}

.usermanagementheader {
  width: 72%;
}
@media (min-width: 320px) and (max-width: 768px) {
  .usermanagementheader {
    width: 97%;
  }
}

/*** Saving Saved in Data ***/
.header-loader-container .header-loader {
  padding: 8px 20px;
}
.header-loader-container .header-loader span,
.header-loader-container .header-loader img {
  display: inline-block;
}
.header-loader-container .header-loader span {
  display: inline-block;
  font-size: 14px;
}
.header-loader-container .header-loader img {
  width: 50px;
  height: 30px;
}

.savedLoaderbtn {
  display: inline-block;
  background: #09080a;
  margin: 5px;
  font-size: 14px;
  padding: 14px;
  margin: 0;
  border-radius: 3px;
  width: 100px;
  display: inline-block;
  text-align: center;
}

/*********** Notifications ************/
.notificationList {
  margin: 0px;
  padding: 0px 5px;
  background: #2d2637;
  border: 0px solid #40394a;
  border-radius: 5px !important;
  width: 300px;
  padding: 0px;
  left: auto;
  position: fixed;
  top: 50px;
  right: 5%;
  color: #fff;
  font-size: 10px;
  max-height: calc(100% - 100px);
  overflow: auto;
  padding: 5px 0px;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.06), 0px 0px 4px 0px rgba(0, 0, 0, 0.04) !important;
}
.notificationList.scrollbar::-webkit-scrollbar {
  width: 5px;
  border-radius: 10px;
  height: 5px;
}
.notificationList.scrollbar::-webkit-scrollbar-track {
  background: #7b6c8f;
}
.notificationList.scrollbar::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: transparent;
  background-clip: content-box;
}
@-webkit-keyframes run {
  0% {
    right: 0;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    right: 2%;
    -webkit-transform: translateX(-2%);
    -ms-transform: translateX(-2%);
    transform: translateX(-2%);
  }
}
.notificationList .notify-title {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  padding: 16.5px 0px;
  border-bottom: 0px solid #000;
  margin: 0px 15px 1px;
}
.notificationList li {
  padding: 8px 15px !important;
  margin: 0px 0px 0px 0px !important;
  float: none !important;
  display: block;
  background: transparent !important;
  border: 0px solid transparent !important;
}
.notificationList li .dropdown-item {
  padding: 0px;
}
.notificationList li .dropdown-item .activeIindicationouter {
  display: block;
  border: 15px solid transparent !important;
  outline: solid transparent !important;
  border-radius: 25px;
  position: relative;
  left: -10px;
  top: -1px;
}
.notificationList li .dropdown-item .activeIindicationouter .activeIindication {
  height: 8px;
  width: 8px;
  background: #0065FF;
  border-radius: 20px;
  margin: 6px 0 0 0;
  position: absolute;
  z-index: 1;
  top: -10px;
  left: -4px;
}
.notificationList li .dropdown-item .activeIindicationouter.inactive, .notificationList li .dropdown-item .activeIindicationouter.active {
  background: transparent;
}
.notificationList li .dropdown-item .activeIindicationouter.active .activeIindication {
  background: transparent;
  border: solid 1px #5a4f65;
}
.notificationList li .dropdown-item .activeIindicationouter:hover {
  border: 15px solid transparent !important;
}
.notificationList li .dropdown-item .notificationText {
  position: relative;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  margin: 5px 0px 0px;
  width: 100%;
  padding-right: 0px;
  overflow: hidden;
  white-space: normal;
}
.notificationList li .dropdown-item .notificationText.fadeout:after {
  position: absolute;
  top: 12px;
  right: 0px;
  width: 30%;
  height: 70%;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 30%;
  height: 100%;
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(40%, rgba(0, 0, 0, 0)), color-stop(80%, rgba(31, 24, 39, 0.97)), color-stop(100%, #1f1827));
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 40%, rgba(31, 24, 39, 0.97) 80%, #1f1827 100%);
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 40%, rgba(31, 24, 39, 0.97) 80%, #1f1827 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 40%, rgba(31, 24, 39, 0.97) 80%, #1f1827 100%);
}
.notificationList li .dropdown-item .deleteNotify {
  text-align: right;
}
.notificationList li .dropdown-item .deleteNotify i {
  color: #7b6c8f;
  font-size: 14px;
  margin: 3px -7px 0px 0px;
  padding: 6px;
  background: transparent;
  border-radius: 20px;
}
.notificationList li .dropdown-item .deleteNotify:hover i {
  background: #1f1829;
}
.notificationList li .dropdown-item:hover {
  background: transparent;
}
.notificationList li .dropdown-item .collapsemaindiv .collapse.show {
  background: none;
}
.notificationList li .dropdown-item .collapsemaindiv .notify-subTitle {
  font-weight: 600;
  display: inline-block !important;
  width: 100%;
}
.notificationList li .dropdown-item .collapsemaindiv .notify-subTitle.blockBtn {
  display: block !important;
  margin: 5px 0px;
}
.notificationList li .dropdown-item .collapsemaindiv .notify-subTxt,
.notificationList li .dropdown-item .collapsemaindiv .notifyOwner,
.notificationList li .dropdown-item .collapsemaindiv .notify-subTitle {
  font-size: 12px;
  display: block;
  color: #B8AEC7;
}
.notificationList li .dropdown-item .collapsemaindiv .notify-subTxt {
  color: #B8AEC7;
  white-space: pre-wrap;
  margin: 0;
}
.notificationList li .dropdown-item .collapsemaindiv .notifyOwner {
  color: #5a4f65;
  margin: 0px 0px;
}
.notificationList li .dropdown-item .collapsemaindiv .notifyOwner small {
  font-size: 12px;
}
.notificationList li .dropdown-item .collapsemaindiv .btn {
  border-radius: 3px;
  margin: 5px 0px;
  font-size: 12px;
  padding: 8px 10px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
  color: #fff;
}
.notificationList li .dropdown-item .collapsemaindiv .btn.accept-btn, .notificationList li .dropdown-item .collapsemaindiv .btn.deny-btn {
  padding: 3px 12px !important;
  text-transform: capitalize;
}
.notificationList li .dropdown-item .collapsemaindiv .btn.accept-btn {
  background: #03ac00;
  margin-right: 5px;
  display: inline-block;
  margin-left: 0px;
}
.notificationList li .dropdown-item .collapsemaindiv .btn.deny-btn {
  background: #9e0000;
  display: inline-block;
  margin-right: 5px;
}
.notificationList li .dropdown-item .collapsemaindiv .btn.channelreq-btn {
  background: #7b6c8f;
  display: inline-block;
  padding: 3px 12px !important;
}
.notificationList li .dropdown-item .collapsemaindiv .infoBtn-alert {
  padding: 2px 5px;
  font-size: 10px;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  margin: 5px 0;
}
.notificationList li .dropdown-item .collapsemaindiv .infoBtn-alert.hidebtnexpand {
  margin: 0px 5px 0px 0px;
}
.notificationList li .dropdown-item .collapsemaindiv .orange {
  background: #ff7a00;
}
.notificationList li .dropdown-item .collapsemaindiv .green {
  background: #368651;
}
.notificationList li .dropdown-item .collapsemaindiv .red {
  background: #9e0000;
}
.notificationList li:hover {
  background: #342C3F !important;
}
.notificationList li:focus, .notificationList li:active, .notificationList li:visited {
  background: #272130 !important;
  border: 0px solid #2d2637 !important;
}
.notificationList li.selected {
  background: #272130 !important;
  border: 0px solid #2d2637 !important;
}

.viewallnotify {
  font-size: 12px;
  color: #7b6c8f;
  text-align: center;
  font-weight: 600;
  padding: 20px 30px;
  display: block !important;
  border-top: 2px solid #000;
  margin: 0px 20px;
}

.alertNotificationsMain .notificationList {
  background: transparent !important;
  border: 1px solid transparent !important;
  animation: linear alternate;
  animation-name: run;
  animation-duration: 1s;
  overflow: auto !important;
}
.alertNotificationsMain .notificationList .notifyinnerList {
  padding: 20px !important;
  margin-bottom: 20px !important;
  background: #201430 !important;
  border: 1px solid #40394a !important;
  border-radius: 3px !important;
}
.alertNotificationsMain .notificationList .notifyinnerList .dropdown-item .collapsemaindiv .collapse.show {
  display: block !important;
}
.alertNotificationsMain .notificationList .notifyinnerList .activeIindicationouter {
  left: 2px;
}
.alertNotificationsMain .notificationList .notifyinnerList .notificationText {
  padding-left: 15px;
}
.alertNotificationsMain .notificationList .notifyinnerList:hover {
  background: #2d2637 !important;
  border: 1px solid #2d2637 !important;
}
.alertNotificationsMain .notificationList .notifyinnerList .notify-subTitle {
  cursor: pointer;
}
.alertNotificationsMain .viewallnotify {
  display: none !important;
  margin: 0px;
}

.nonotific {
  font-size: 12px;
}

.profileUserImg {
  width: 300px;
  height: 300px;
  object-fit: cover;
  border-radius: 50%;
  padding: 10px;
  border: solid 5px #555;
}

.mapsHeaderUI .usermanagementheader.dbUserHeader {
  left: 0% !important;
  padding: 0px;
}

.mapsHeaderUI .usermanagementheader.dbUserHeader .navbar-brand {
  display: block !important;
}

.mapsHeaderUI .topnavigation {
  margin-left: 0px !important;
  padding: 0px !important;
}

.mapsHeaderUI .logo {
  padding: 8.15px 11px 8.15px 3px !important;
  max-width: 150px;
}

.mapsHeaderUI .usermanagementheader .topnavigation .topnav li a:after {
  bottom: 0px !important;
}

.mapsHeaderUI .usermanagementheader.dbUserHeader .topnavigation li .dropdown-menu {
  margin: 0px 0px 0px 0px !important;
}

.othermobile {
  border: none !important;
}
.othermobile a {
  font-size: 13px !important;
  padding: 11px 12px !important;
}

/*----Profile Dropdown menu Global----*/
.usermanagementheader.dbUserHeader .topnavigation li.othermobile {
  border: none !important;
}
.usermanagementheader.dbUserHeader .topnavigation li.othermobile .dropdown-menu {
  border-top: 0px solid #7800ff !important;
  border-radius: 5px !important;
  margin: 5px 0 0 0 !important;
  background: var(--DropdownBg) !important;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: 1px !important;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.06), 0px 0px 4px 0px rgba(0, 0, 0, 0.04) !important;
}
.usermanagementheader.dbUserHeader .topnavigation li.othermobile .dropdown-menu a {
  font-size: 13px !important;
  padding: 15px !important;
  border-bottom: 0px solid #362749 !important;
  color: var(--DropdownliColor) !important;
}
.usermanagementheader.dbUserHeader .topnavigation li.othermobile .dropdown-menu a:hover {
  background: var(--DropdownBgHover) !important;
}
.usermanagementheader.dbUserHeader .topnavigation li.othermobile .dropdown-menu a:focus, .usermanagementheader.dbUserHeader .topnavigation li.othermobile .dropdown-menu a:active, .usermanagementheader.dbUserHeader .topnavigation li.othermobile .dropdown-menu a:visited {
  background: var(--DropdownBgFocus) !important;
}
.usermanagementheader.dbUserHeader .topnavigation li.othermobile .dropdown-menu a.account-type {
  width: 100%;
  position: relative;
  padding-top: 11px !important;
  padding-bottom: 11px !important;
}
.usermanagementheader.dbUserHeader .topnavigation li.othermobile .dropdown-menu a.account-type .img {
  position: absolute;
  left: 15px;
  top: 15px;
  width: 24px;
  height: 24px;
}
.usermanagementheader.dbUserHeader .topnavigation li.othermobile .dropdown-menu a.account-type .data {
  width: 100%;
  padding-left: 40px;
}
.usermanagementheader.dbUserHeader .topnavigation li.othermobile .dropdown-menu a.account-type .data h6 {
  font-size: 13px;
  color: #c2b8d0 !important;
  margin: 0;
  padding: 0;
  font-weight: 700;
}
.usermanagementheader.dbUserHeader .topnavigation li.othermobile .dropdown-menu a.account-type .data h6 span {
  font-weight: 300 !important;
}
.usermanagementheader.dbUserHeader .topnavigation li.othermobile .dropdown-menu a.account-type .data p {
  font-size: 10px;
  margin: 0;
  padding: 0;
  font-weight: 700;
  line-height: 12px;
}
.usermanagementheader.dbUserHeader .topnavigation li.othermobile .dropdown-menu a.account-type.normal p {
  display: none;
}
.usermanagementheader.dbUserHeader .topnavigation li.othermobile .dropdown-menu a.account-type.normal h6 {
  line-height: 28px;
}
.usermanagementheader.dbUserHeader .topnavigation li.othermobile .dropdown-menu a.account-type.normal .img {
  top: 14px !important;
}
.usermanagementheader.dbUserHeader .topnavigation li.othermobile .dropdown-menu a.account-type.upgrade p {
  color: #ae6725;
}
.usermanagementheader.dbUserHeader .topnavigation li.othermobile .dropdown-menu a.account-type.trail p {
  color: #cba10b;
}
.usermanagementheader.dbUserHeader .topnavigation li.othermobile .dropdown-menu a.account-type.satellite-free .img {
  background: url("/bundles/admin/images/satellite-free-icon.svg") no-repeat;
  background-size: 24px 24px;
}
.usermanagementheader.dbUserHeader .topnavigation li.othermobile .dropdown-menu a.account-type.satellite-pro .img {
  background: url("/bundles/admin/images/satellite-pro-icon.svg") no-repeat;
  background-size: 24px 24px;
}
.usermanagementheader.dbUserHeader .topnavigation li.othermobile .dropdown-menu a.account-type.galaxy-business .img {
  background: url("/bundles/admin/images/galaxy-business-icon.svg") no-repeat;
  background-size: 24px 24px;
}
.usermanagementheader.dbUserHeader .topnavigation li.othermobile .dropdown-menu a.account-type.galaxy-enterprise .img {
  background: url("/bundles/admin/images/galaxy-enterprise-icon.svg") no-repeat;
  background-size: 24px 24px;
}
.usermanagementheader.dbUserHeader .topnavigation .sidenav-items .notifications .notificationListDropdown .notificationList .notify-title .seeall {
  float: right;
  font-size: 12px;
  color: var(--Information);
  font-weight: 400;
}
.usermanagementheader.dbUserHeader .topnavigation .sidenav-items .notifications .notificationListDropdown .notificationList .notify-title .seeall:hover {
  color: #007AFF;
}
.usermanagementheader.dbUserHeader .topnavigation .sidenav-items .notifications .notificationListDropdown .notificationList .notify-title .seeall a {
  padding: 0px !important;
  background: transparent !important;
  padding-bottom: 3px;
  border-bottom: solid 1px transparent;
}
.usermanagementheader.dbUserHeader .topnavigation .sidenav-items .notifications .notificationListDropdown .notificationList .notify-title .seeall a:hover {
  background: transparent !important;
  color: #fff !important;
  padding-bottom: 3px;
  border-bottom: solid 1px #fff;
}
.usermanagementheader.dbUserHeader .topnavigation .sidenav-items .notifications .notificationListDropdown .notificationList ul li.nonotific {
  padding: 8px 19px !important;
}
.usermanagementheader.dbUserHeader .topnavigation .sidenav-items .notifications .notificationListDropdown .notificationList ul li.nonotific p {
  margin: 0px !important;
  color: #c2b8d0 !important;
}
.usermanagementheader.dbUserHeader .topnavigation .sidenav-items .notifications .notificationListDropdown .notificationList ul li.notifyList.newmenu .dropdown-item .row {
  margin: 0px !important;
}
.usermanagementheader.dbUserHeader .topnavigation .sidenav-items .notifications .notificationListDropdown .notificationList ul li.notifyList.newmenu .dropdown-item .row .deleteNotify {
  visibility: hidden;
}
.usermanagementheader.dbUserHeader .topnavigation .sidenav-items .notifications .notificationListDropdown .notificationList ul li.notifyList.newmenu:hover .deleteNotify {
  visibility: visible !important;
}
.usermanagementheader.dbUserHeader .topnavigation .sidenav-items .notifications .notificationListDropdown .notificationList ul li.notifyList.newmenu:hover .deleteNotify:hover i {
  background: transparent !important;
  color: #B8AEC7 !important;
}

.map-notify-head {
  padding: 12px 16px;
  margin: 0px;
  font-size: 14px;
  color: #FFF;
  font-weight: 700;
  position: absolute;
  width: 100%;
}
.map-notify-head span {
  float: right;
  color: #A294B5;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  padding-bottom: 3px;
  border-bottom: solid 1px transparent;
}
.map-notify-head span:hover {
  padding-bottom: 3px;
  border-bottom: solid 1px #fff;
  color: #FFF;
}

.theme-light .usermanagementheader.dbUserHeader .topnavigation li.othermobile {
  border: none !important;
}
.theme-light .usermanagementheader.dbUserHeader .topnavigation li.othermobile .dropdown-menu {
  border: 0px solid #7800ff !important;
  background: #fff !important;
}
.theme-light .usermanagementheader.dbUserHeader .topnavigation li.othermobile .dropdown-menu a {
  border-bottom: 0px solid #362749 !important;
  color: #000 !important;
}
.theme-light .usermanagementheader.dbUserHeader .topnavigation li.othermobile .dropdown-menu a:hover {
  background: #F2F2F2 !important;
}
.theme-light .usermanagementheader.dbUserHeader .topnavigation li.othermobile .dropdown-menu a:focus, .theme-light .usermanagementheader.dbUserHeader .topnavigation li.othermobile .dropdown-menu a:active, .theme-light .usermanagementheader.dbUserHeader .topnavigation li.othermobile .dropdown-menu a:visited {
  background: #DEDDDF !important;
}
.theme-light .usermanagementheader.dbUserHeader .topnavigation li.othermobile .dropdown-menu a.account-type .data h6 {
  color: #000 !important;
  font-weight: 700;
}
.theme-light .usermanagementheader.dbUserHeader .topnavigation li.othermobile .dropdown-menu a.account-type .data h6 span {
  font-weight: 500 !important;
}
.theme-light .usermanagementheader.dbUserHeader .topnavigation li.othermobile .dropdown-menu a.account-type.upgrade p {
  color: #FB923C;
}
.theme-light .usermanagementheader.dbUserHeader .topnavigation li.othermobile .dropdown-menu a.account-type.trail p {
  color: #EAB308;
}
.theme-light .usermanagementheader.dbUserHeader .topnavigation li.othermobile .dropdown-menu a.account-type.satellite-free .img {
  background: url("/bundles/admin/images/satellite-free-icon-main.svg") no-repeat;
  background-size: 24px 24px;
}
.theme-light .usermanagementheader.dbUserHeader .topnavigation li.othermobile .dropdown-menu a.account-type.satellite-pro .img {
  background: url("/bundles/admin/images/satellite-pro-icon-main.svg") no-repeat;
  background-size: 24px 24px;
}
.theme-light .usermanagementheader.dbUserHeader .topnavigation li.othermobile .dropdown-menu a.account-type.galaxy-business .img {
  background: url("/bundles/admin/images/galaxy-business-icon-main.svg") no-repeat;
  background-size: 24px 24px;
}
.theme-light .usermanagementheader.dbUserHeader .topnavigation li.othermobile .dropdown-menu a.account-type.galaxy-enterprise .img {
  background: url("/bundles/admin/images/galaxy-enterprise-icon-main.svg") no-repeat;
  background-size: 24px 24px;
}
.theme-light .usermanagementheader.dbUserHeader .topnavigation .sidenav-items .notifications .notificationListDropdown .notificationList .notify-title .seeall {
  float: right;
}
.theme-light .usermanagementheader.dbUserHeader .topnavigation .sidenav-items .notifications .notificationListDropdown .notificationList .notify-title .seeall a {
  color: #2d2637 !important;
}
.theme-light .usermanagementheader.dbUserHeader .topnavigation .sidenav-items .notifications .notificationListDropdown .notificationList .notify-title .seeall a:hover {
  color: #3f3449 !important;
  border-bottom: solid 1px #3f3449;
}
.theme-light .usermanagementheader.dbUserHeader .topnavigation .sidenav-items .notifications .notificationListDropdown .notificationList ul li.nonotific p {
  color: #2d2637 !important;
}
.theme-light .usermanagementheader.dbUserHeader .topnavigation .sidenav-items .notifications .notificationListDropdown .notificationList ul li.notifyList.newmenu:hover .deleteNotify i {
  color: #a294b5 !important;
}
.theme-light .usermanagementheader.dbUserHeader .topnavigation .sidenav-items .notifications .notificationListDropdown .notificationList ul li.notifyList.newmenu:hover .deleteNotify:hover i {
  background: transparent !important;
  color: #B8AEC7 !important;
}
.theme-light .subscrption-type .subscrption-typenames .subscrption-typetext h6 {
  color: #000;
}
.theme-light .subscrption-type .subscrption-typenames .subscrption-typetext h6 span {
  font-weight: 500 !important;
}
.theme-light .subscrption-type .subscrption-typenames .subscrption-typetext h6 span.upgrade {
  font-weight: 700 !important;
  color: #EAB308;
}
.theme-light .subscrption-type .subscrption-typenames .subscrption-typetext h6 span.upgrade:hover {
  cursor: pointer;
}
.theme-light .subscrption-type .subscrption-typenames .subscrption-typetext h6 span.trail {
  font-weight: 700 !important;
  color: #EAB308;
}
.theme-light .map-notify-head {
  color: #1F1829;
}
.theme-light .map-notify-head span {
  color: #2D2637;
}
.theme-light .map-notify-head span:hover {
  border-bottom: solid 1px #3f3449;
  color: #3f3449;
}

.usermanagementheader.dbUserHeader .topnavigation li.othermobile .dropdown-menu a.nopadding {
  padding: 0px !important;
}

.ptpb-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.mt-5-reverse {
  margin-top: -5px;
}

/********************** Header Styles ***********************/
/*************** 1. Imports ******************/
/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Mixins ******************/
.usermanagementheader {
  /********** Map edit Heaer *******/
  /*** Presentation Header ***/
  /*** My Maps Header ***/
}
.usermanagementheader.edirpresentHeader .sidenav-items {
  padding: 0px;
  right: 0px;
}
.usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions {
  position: relative;
  top: 0px;
}
.usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li {
  display: inline-block;
  margin: 0px;
  background: transparent;
}
.usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li.commentsListHeader {
  padding: 0px;
  margin-top: 0 !important;
}
.usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li.autosavelcbtn {
  margin-top: 10px !important;
}
@media (min-width: 1199px) and (max-width: 1599px) {
  .usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li.autosavelcbtn {
    margin-top: 12px !important;
  }
}
.usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li.nav-item {
  margin-top: 10px;
}
.usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li.nav-item.mapedit:hover {
  color: #7b6c8e;
}
@media (min-width: 1199px) and (max-width: 1499px) {
  .usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li {
    padding: 0px 1px;
  }
}
.usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li a {
  display: block;
  padding: 0px !important;
  color: #7b6c8f;
  font-size: 18px;
  background-color: #201a2a;
  border-radius: 20px;
  height: 30px;
  width: 30px;
  margin: 0px 0px 0px;
}
@media (min-width: 1199px) and (max-width: 1499px) {
  .usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li a {
    padding: 2px 3px;
  }
}
.usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li a span {
  background: url("/bundles/map/images/present-header-sprite.svg") no-repeat;
  height: 24px;
  width: 24px;
  display: block;
}
.usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li a span.comments-icon {
  background-position: 1px 0;
}
@media (min-width: 1299px) and (max-width: 1499px) {
  .usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li a span.comments-icon {
    background-position: 1px 0;
  }
}
.usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li a span.share-icon {
  background-position: -33px -1px;
}
@media (min-width: 1199px) and (max-width: 1499px) {
  .usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li a span.share-icon {
    background-position: -33px -1px;
  }
}
.usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li a span.download-icon {
  background-position: -65px -1px;
}
@media (min-width: 1199px) and (max-width: 1499px) {
  .usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li a span.download-icon {
    background-position: -65px -1px;
  }
}
.usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li a span.fullscreen-icon {
  background-position: -96px 0;
}
@media (min-width: 1199px) and (max-width: 1499px) {
  .usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li a span.fullscreen-icon {
    background-position: -98px -2px;
  }
}
.usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li a span.help-icon {
  background-position: -129px -1px;
}
@media (min-width: 1199px) and (max-width: 1499px) {
  .usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li a span.help-icon {
    background-position: -129px -1px;
  }
}
.usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li a span.deletemm-icon {
  background-position: -160px -1px;
}
@media (min-width: 1199px) and (max-width: 1499px) {
  .usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li a span.deletemm-icon {
    background-position: -160px -1px;
  }
}
.usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li a span.parent-icon {
  background: url("/bundles/map/images/parent-gray-icon.svg") no-repeat;
  display: block;
  line-height: 24px;
  background-size: 15px 13px;
  background-position: 8px 9px;
}
.usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li a span.parent-content-icon {
  background: url("/bundles/map/images/widget-ring-icon-gray.svg") no-repeat;
  display: block;
  line-height: 24px;
  background-size: 14px 14px;
  background-position: 8px 8px;
}
.usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li a span.content-filter-icon {
  background: url("/bundles/map/images/filter-gray-icon.svg") no-repeat;
  display: block;
  line-height: 24px;
  background-size: 15px 15px;
  background-position: 9px 9px;
}
.usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li a span.hierarchy-cion {
  background: url("/bundles/map/images/widgets-icons/hierarchy-icon-g.svg") no-repeat;
  display: block;
  line-height: 24px;
  background-size: 15px 15px;
  background-position: 9px 9px;
}
.usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li a span.editmap-icon {
  display: block;
  line-height: 30px;
  font-size: 17px;
  background: none !important;
  color: #7b6c8e;
}
.usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li a span.editmap-icon:hover {
  color: #7b6c8e;
}
.usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li a span.subscribe-icon {
  background: url("/bundles/map/images/subscribe-g-icon.svg") no-repeat;
  display: block;
  line-height: 24px;
  background-size: 15px 15px;
  background-position: 7px 7px;
}
.usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li a span.unsubscribe-icon {
  background: url("/bundles/map/images/unsubscribe-g-icon.svg") no-repeat;
  display: block;
  line-height: 24px;
  background-size: 15px 15px;
  background-position: 7px 7px;
}
.usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li a span.collaboration-icon {
  display: block;
  line-height: 24px;
  background-position: 7px 7px !important;
  background: url("/bundles/map/images/singleusericon.svg") no-repeat;
  background-size: 15px 15px !important;
}
.usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li a:hover {
  background: #110a1a;
  border-radius: 20px;
}
.usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li a.deleteIcon .delete-icon {
  background: url("/bundles/map/images/delete-icon.svg") no-repeat 2px 4px;
  background-size: 78%;
}
.usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li a.deleteIcon:hover {
  background-color: #9e0000;
}
.usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li a.deleteIcon:hover .delete-icon {
  background-position: 2px -22px;
}
.usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li.closeRightOption {
  position: relative;
  top: -10px;
}
.usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li.closeRightOption a {
  padding: 18px 20px !important;
  background: #201a2a;
  border-radius: 0px;
}
.usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li.closeRightOption a img {
  vertical-align: baseline;
}
.usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li:hover {
  background: transparent !important;
}
.usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li:hover i {
  color: #fff;
}
.usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li.mapedit:hover {
  color: #7b6c8e !important;
}
.usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li.mapedit:hover i {
  color: #7b6c8e !important;
}
.usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li.commentsEditmode .dropdown-toggle:after {
  border: none !important;
}
.usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li.commentsEditmode .dropdown-menu {
  width: 250px;
  background: #2d2637;
  border: 0px solid #2d2637;
  border-radius: 5px !important;
  margin: 0px;
  padding: 5px 0px;
  top: 10px !important;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.06), 0px 0px 4px 0px rgba(0, 0, 0, 0.04) !important;
}
.usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li.commentsEditmode .dropdown-menu .dropdown-item {
  color: #c2b8d0;
  font-size: 13px;
  padding: 15px !important;
  font-weight: 500;
  border-radius: 0px !important;
  background: transparent !important;
  border-bottom: 0px solid #362749;
  width: auto;
  height: auto;
}
.usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li.commentsEditmode .dropdown-menu .dropdown-item:hover {
  background: #342C3F !important;
}
.usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li.commentsEditmode .dropdown-menu .dropdown-item:active, .usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li.commentsEditmode .dropdown-menu .dropdown-item:focus, .usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li.commentsEditmode .dropdown-menu .dropdown-item:visited {
  background: #272130 !important;
}
.usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li.commentsEditmode .dropdown-menu .dropdown-item:last-child {
  border-bottom: none;
}
.usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li.commentsEditmode .dropdown-menu .dropdown-item p {
  margin: 0px;
}
.usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li.commentsEditmode .dropdown-menu .dropdown-item .switchtoggle {
  margin: 3px 0px 0px;
}
.usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li.commentsEditmode .dropdown-menu .dropdown-item .switchtoggle .switch {
  margin: 0px;
}
.usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li.commentsEditmode .dropdown-menu .dropdown-item .switchtoggle .switch input:checked + .slider {
  background-color: #7800ff;
}
.usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li.commentsEditmode .dropdown-menu .dropdown-item .switchtoggle .slider {
  height: auto;
  width: auto;
  background: #7b6c8f;
}
.usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li.commentsEditmode.show a {
  background: #110a1a;
}
.usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li.commentsEditmode.show a .comments-icon {
  background-position: 0 -34px;
}
.usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li.companyLogoDetails {
  background: #fff;
  padding: 5px 20px;
  border-radius: 25px;
  -webkit-box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.4);
  -o-box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.4);
  width: 110px;
  height: 30px;
  margin: 10px 0px 10px 10px;
  text-align: center;
  overflow: hidden;
  display: table;
  vertical-align: middle;
}
.usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li.companyLogoDetails img {
  max-height: 20px;
  max-width: 68px;
  width: auto;
  height: 100%;
  display: table-cell;
  margin: 0px auto;
  object-fit: cover;
}
.usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li.companyLogoDetails:hover {
  background: #fff !important;
  cursor: context-menu;
}
.usermanagementheader.mapEditHeader {
  background: #2d2637;
  height: 50px;
  /*** height: ($base-margin * 13) - 3;***/
  /*** @include box-shadow(0 4px 14px rgba($color-black, 0.5));***/
}
.usermanagementheader.mapEditHeader .logo {
  padding: 8px 11px 8px 2px !important;
  max-width: 150px;
}
.usermanagementheader.mapEditHeader .logo img {
  width: 128px;
  margin-left: 15px;
  height: 34px;
}
.usermanagementheader.mapEditHeader .PresentModeIcon {
  width: 140px;
}
@media (min-width: 1199px) and (max-width: 1599px) {
  .usermanagementheader.mapEditHeader .PresentModeIcon {
    width: 120px;
  }
}
.usermanagementheader.mapEditHeader .PresentModeIcon a {
  display: block;
  border-radius: 0px;
  text-align: center;
  font-size: 13px;
  padding: 5.5px 20px;
  -webkit-box-shadow: 0 4px 14px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0 4px 14px rgba(0, 0, 0, 0.7);
  -ms-box-shadow: 0 4px 14px rgba(0, 0, 0, 0.7);
  -o-box-shadow: 0 4px 14px rgba(0, 0, 0, 0.7);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.7);
  background: linear-gradient(65.09deg, #7800ff 27.34%, #00288d 50.44%);
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-size: 200% auto;
}
.usermanagementheader.mapEditHeader .PresentModeIcon a i,
.usermanagementheader.mapEditHeader .PresentModeIcon a span {
  display: block;
}
.usermanagementheader.mapEditHeader .PresentModeIcon a span {
  opacity: 1;
  font-weight: 500;
}
.usermanagementheader.mapEditHeader .PresentModeIcon a img {
  height: 14px;
  width: 14px;
}
.usermanagementheader.mapEditHeader .PresentModeIcon a:hover {
  background-position: 50%;
  opacity: 1;
}
.usermanagementheader.mapEditHeader .sidenav-items {
  text-align: right;
  float: right;
  position: relative;
  right: -15px !important;
}
@media (min-width: 1199px) and (max-width: 1901px) {
  .usermanagementheader.mapEditHeader .sidenav-items {
    right: -15px !important;
  }
}
.usermanagementheader.mapEditHeader .sidenav-items li {
  border: 0px solid transparent;
}
@media (min-width: 1500px) and (max-width: 1699px) {
  .usermanagementheader.mapEditHeader .sidenav-items li.nav-item {
    padding: 0 3px;
  }
}
.usermanagementheader.mapEditHeader .sidenav-items li.addLaneBtn {
  background: transparent;
}
.usermanagementheader.mapEditHeader .sidenav-items li.addLaneBtn .btn {
  background: #7b6c8f;
  color: #000;
  font-size: 13px;
  border-radius: 0px;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.8);
  -ms-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.8);
  -o-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.8);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.8);
  padding: 5px 20px;
  font-weight: 700;
  height: 30px;
}
@media (min-width: 1500px) and (max-width: 1699px) {
  .usermanagementheader.mapEditHeader .sidenav-items li.addLaneBtn .btn {
    padding: 5px 10px !important;
  }
}
@media (min-width: 1500px) and (max-width: 1699px) {
  .usermanagementheader.mapEditHeader .sidenav-items li.addLaneBtn .btn:hover {
    padding: 5px 10px !important;
  }
}
@media (min-width: 1199px) and (max-width: 1599px) {
  .usermanagementheader.mapEditHeader .sidenav-items li.addLaneBtn .btn {
    width: 90px !important;
    padding: 5px 5px !important;
  }
}
.usermanagementheader.mapEditHeader .sidenav-items li.addLaneBtn:hover {
  background: transparent;
}
.usermanagementheader.mapEditHeader .sidenav-items li.addLaneBtn:hover .btn {
  background: #7800ff;
  color: #fff;
}
.usermanagementheader.mapEditHeader .sidenav-items li.addLaneBtn:hover:hover {
  background: transparent;
}
.usermanagementheader.mapEditHeader .sidenav-items li.addLaneBtn:hover:hover .btn {
  color: #fff;
}
.usermanagementheader.mapEditHeader .sidenav-items li.autosavelcbtn {
  width: 210px;
  border-radius: 20px !important;
  background: #201a2a !important;
  padding: 5.25px 15px;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  color: #7b6c8f;
  margin: 0px 20px 0px 10px !important;
  -webkit-box-shadow: inset 0 7px 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 7px 10px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset 0 7px 10px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 7px 10px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 7px 10px rgba(0, 0, 0, 0.3);
}
@media (min-width: 1199px) and (max-width: 1598px) {
  .usermanagementheader.mapEditHeader .sidenav-items li.autosavelcbtn {
    padding: 5px 5px;
    position: relative;
    margin: 12px 0 0 5px !important;
    right: 7px;
    width: 140px;
    line-height: 17px;
    font-size: 10px;
  }
}
.usermanagementheader.mapEditHeader .sidenav-items li.autosavelcbtn:hover {
  background: #201a2a !important;
  cursor: inherit;
}
@media (min-width: 1599px) and (max-width: 1699px) {
  .usermanagementheader.mapEditHeader .sidenav-items li.autosavelcbtn {
    margin: 0px 10px 0px 10px !important;
  }
}
.usermanagementheader.mapEditHeader .sidenav-items li.cancleEditMap {
  text-align: center;
  width: 50px;
  height: 50px;
  position: relative;
  background: #201a2a !important;
  padding: 0px 20px;
  top: 0px !important;
  margin-left: 9px !important;
  bottom: 0;
  margin-top: 0 !important;
}
@media (min-width: 1199px) and (max-width: 1899px) {
  .usermanagementheader.mapEditHeader .sidenav-items li.cancleEditMap {
    right: 0px;
    margin-left: 3px !important;
    position: relative;
    bottom: auto !important;
  }
}
.usermanagementheader.mapEditHeader .sidenav-items li.cancleEditMap i {
  color: #7b6c8f;
  font-style: normal;
  font-weight: 500;
  font-size: 32px;
  margin-left: -5px;
}
.usermanagementheader.mapEditHeader .sidenav-items li.cancleEditMap:hover {
  background: #9e0000 !important;
}
.usermanagementheader.mapEditHeader .sidenav-items li.cancleEditMap:hover i {
  color: #fff;
  font-size: 32px;
  margin-left: -5px;
}
.usermanagementheader.mapPresentHeader .PresentModeIcon {
  -webkit-box-shadow: inset 0px 4px 5px #000;
  -moz-box-shadow: inset 0px 4px 5px #000;
  -ms-box-shadow: inset 0px 4px 5px #000;
  -o-box-shadow: inset 0px 4px 5px #000;
  box-shadow: inset 0px 4px 5px #000;
  width: 170px;
}
.usermanagementheader.mapPresentHeader .PresentModeIcon a {
  background: #201a2a;
  color: #7b6c8f;
  -moz-transition: 0.5s ease-in;
  -o-transition: 0.5s ease-in;
  -webkit-transition: 0.5s ease-in;
  transition: 0.5s ease-in;
}
.usermanagementheader.mapPresentHeader .PresentModeIcon a:hover {
  background: #110a1a;
}
.usermanagementheader.mapPresentHeader .sidenav-items {
  padding: 0px;
  position: relative;
  right: -15px !important;
}
.usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.loggeduserDetails {
  width: 220px;
  margin-right: 0px !important;
  padding: 10px 20px;
  height: 50px;
  margin-top: 0px;
  text-align: center;
}
@media (min-width: 1299px) and (max-width: 1499px) {
  .usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.loggeduserDetails {
    width: 160px;
    padding: 10px;
    margin-top: -10px !important;
    height: 50px;
  }
}
@media (min-width: 1500px) and (max-width: 1699px) {
  .usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.loggeduserDetails {
    width: 210px;
    height: 50px;
  }
}
.usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.loggeduserDetails .userName,
.usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.loggeduserDetails img {
  display: inline-block;
}
.usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.loggeduserDetails img {
  margin-right: 10px;
  vertical-align: super;
  width: 30px;
  height: 30px;
  border-radius: 20px;
  padding: 1px;
}
.usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.loggeduserDetails .userName {
  color: #fff;
  font-size: 12px;
  width: 100px;
  white-space: pre-line;
  display: inline-block;
  text-align: left;
  margin: 10px 0px 0px;
  font-weight: 600;
}
.usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.loggeduserDetails.show, .usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.loggeduserDetails:hover {
  background: transparent !important;
  border: 0px solid #110a1a;
}
.usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.loggeduserDetails .dropdown-menu {
  width: 190px;
  top: 45px !important;
  left: 0px !important;
  right: 40px !important;
  background: #2d2637;
  border: 1px solid #110a1a;
  margin: 0px;
  padding: 0px;
}
.usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.loggeduserDetails .dropdown-menu a {
  width: 100%;
  border-bottom: 1px solid #362749 !important;
  padding: 11px 20px !important;
  display: block;
  height: auto;
}
.usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.loggeduserDetails .dropdown-menu a:hover {
  background: #433c4a !important;
}
.usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.loggeduserDetails .dropdown-menu a:hover::before {
  background: transparent;
}
.usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.loggeduserDetails .dropdown-menu a:last-child {
  border-bottom: none;
}
.usermanagementheader.mapPresentHeader .PresentModeIcon {
  box-shadow: none !important;
  width: 170px;
}
.usermanagementheader.mapPresentHeader .PresentModeIcon a {
  background: #201a2a;
  color: #7b6c8f;
  box-shadow: none !important;
}
.usermanagementheader.mapPresentHeader .PresentModeIcon a:hover {
  background: #201a2a;
}
.usermanagementheader.mapPresentHeader .sidenav-items {
  padding: 0px;
  position: relative;
  right: 0;
}
@media (min-width: 1400px) and (max-width: 1499px) {
  .usermanagementheader.mapPresentHeader .sidenav-items {
    right: 0;
  }
}
@media (min-width: 1500px) and (max-width: 1899px) {
  .usermanagementheader.mapPresentHeader .sidenav-items {
    right: 0;
  }
}
.usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.loggeduserDetails .dropdown-toggle:after {
  border: none !important;
  font-family: fontAwesome;
  content: "";
  margin: 0px 0px 0px 10px;
  position: relative;
  top: 5px;
  right: 5px;
  vertical-align: top;
}
@media (min-width: 1299px) and (max-width: 1499px) {
  .usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.loggeduserDetails .dropdown-toggle:after {
    right: 5px;
  }
}
@media (min-width: 1500px) and (max-width: 1699px) {
  .usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.loggeduserDetails .dropdown-toggle:after {
    top: 5px;
    right: 10px;
  }
}
.usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.loggeduserDetails .userName,
.usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.loggeduserDetails img {
  display: inline-block;
}
.usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.loggeduserDetails img {
  margin-right: 10px;
  margin-top: 0px;
  vertical-align: top;
  width: 30px;
  height: 30px;
  border-radius: 20px;
  padding: 1px;
  object-fit: cover;
}
.usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.loggeduserDetails .userName {
  color: #fff;
  font-size: 13px;
  width: 120px;
  white-space: pre-line;
  display: inline-block;
  text-align: left;
  -ms-word-break: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: sub;
  height: 24px;
  margin-top: 6px;
  overflow: hidden;
}
@media (min-width: 1299px) and (max-width: 1499px) {
  .usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.loggeduserDetails .userName {
    width: 70px;
    margin: 8px 0px 0px;
  }
}
@media (min-width: 1500px) and (max-width: 1699px) {
  .usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.loggeduserDetails .userName {
    width: 110px;
  }
}
.usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.loggeduserDetails .dropdown-menu {
  left: 0px !important;
  top: 5px !important;
  background: #26202e;
  border: 1px solid #2d2637;
  border-radius: 0px !important;
  padding: 0px;
  margin: 0px;
  min-width: 190px;
  transform: translate3d(21px, 40px, 0px) !important;
}
@media (min-width: 1299px) and (max-width: 1499px) {
  .usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.loggeduserDetails .dropdown-menu {
    left: 0px !important;
    top: 10px !important;
  }
}
@media (min-width: 1500px) and (max-width: 1699px) {
  .usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.loggeduserDetails .dropdown-menu {
    top: 5px !important;
  }
}
.usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.loggeduserDetails .dropdown-menu .dropdown-item {
  color: #fff;
  font-size: 13px;
  padding: 10px 8px;
  font-weight: 600;
  border-radius: 0px !important;
  background: transparent !important;
  display: block;
  width: 100%;
}
.usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.loggeduserDetails .dropdown-menu .dropdown-item:hover {
  background: #2d2637 !important;
}
.usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.loggeduserDetails .dropdown-menu .dropdown-item:first-child {
  border-bottom: 1px solid #362749 !important;
}
.usermanagementheader.mapPresentHeader .sidenav-items {
  padding: 0px;
}
.usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions {
  position: relative;
  right: 0;
}
@media (min-width: 1299px) and (max-width: 1499px) {
  .usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions {
    right: 25px;
  }
}
.usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li {
  display: inline-block;
  margin: 0;
  background: transparent;
  border-radius: 0px;
}
.usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li a {
  display: block;
  padding: 18px 20px;
  color: #7b6c8f;
  font-size: 18px;
}
.usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li a img {
  vertical-align: baseline;
}
.usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li:hover {
  background: #201a2a;
}
.usermanagementheader.mapPresentHeader.mymapsHeader .sidenav-items {
  right: 20px !important;
}
@media (min-width: 1299px) and (max-width: 1599px) {
  .usermanagementheader.mapPresentHeader.mymapsHeader .sidenav-items {
    right: 20px !important;
  }
}
@media (min-width: 1600px) and (max-width: 1699px) {
  .usermanagementheader.mapPresentHeader.mymapsHeader .sidenav-items {
    right: 20px !important;
  }
}
.usermanagementheader.mymapsHeader {
  background: #110a1a;
}
.usermanagementheader.mymapsHeader .mappingListHeader.topnavigation li {
  margin: -3px 20px !important;
  height: 60px;
  position: relative;
}
@media (min-width: 1299px) and (max-width: 1598px) {
  .usermanagementheader.mymapsHeader .mappingListHeader.topnavigation li {
    margin: 0 10px !important;
  }
}
@media (min-width: 1599px) and (max-width: 1919px) {
  .usermanagementheader.mymapsHeader .mappingListHeader.topnavigation li {
    margin: 0 10px !important;
  }
}
.usermanagementheader.mymapsHeader .mappingListHeader.topnavigation li.noDropdownLIst {
  margin-top: 1px !important;
  margin-left: 0 !important;
}
.usermanagementheader.mymapsHeader .mappingListHeader.topnavigation li.noDropdownLIst a.dropdown-toggle::after {
  content: "" !important;
}
.usermanagementheader.mymapsHeader .mappingListHeader.topnavigation li a {
  padding: 18px 10px;
}
@media (min-width: 1299px) and (max-width: 1498px) {
  .usermanagementheader.mymapsHeader .mappingListHeader.topnavigation li a {
    padding: 18px 8px;
  }
}
.usermanagementheader.mymapsHeader .mappingListHeader.topnavigation li a::before {
  position: absolute;
  width: 90%;
  left: 7px;
  bottom: -1px;
  height: 3px;
  background: rgba(120, 0, 255, 0.8);
  content: "";
  opacity: 0;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  -moz-transition: opacity 0.3s, -moz-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(10px);
}
@media (min-width: 320px) and (max-width: 992px) {
  .usermanagementheader.mymapsHeader .mappingListHeader.topnavigation li a::before {
    left: 0;
    width: 5%;
  }
}
.usermanagementheader.mymapsHeader .mappingListHeader.topnavigation li a::after {
  background: transparent;
}
@media (min-width: 320px) and (max-width: 992px) {
  .usermanagementheader.mymapsHeader .mappingListHeader.topnavigation li a:hover, .usermanagementheader.mymapsHeader .mappingListHeader.topnavigation li a:focus, .usermanagementheader.mymapsHeader .mappingListHeader.topnavigation li a.active {
    color: #7800ff;
  }
}
.usermanagementheader.mymapsHeader .mappingListHeader.topnavigation li a:hover:before, .usermanagementheader.mymapsHeader .mappingListHeader.topnavigation li a:focus:before, .usermanagementheader.mymapsHeader .mappingListHeader.topnavigation li a.active:before {
  opacity: 1;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}
.usermanagementheader.mymapsHeader .mappingListHeader.topnavigation li a.dropdown-toggle:after {
  border: none;
  border-radius: 0px;
  content: "";
  font-family: FontAwesome;
  position: relative;
  top: 5px;
  left: auto;
  width: auto;
  -webkit-transform: translate(0px);
  -ms-transform: translate(0px);
  transform: translate(0px);
  opacity: 1;
  background: transparent;
}
.usermanagementheader.mymapsHeader .mappingListHeader.topnavigation li .dropdown-menu {
  top: 55px !important;
  border-radius: 0px;
  display: none;
}
.usermanagementheader.mymapsHeader .mappingListHeader.topnavigation li .dropdown-menu a:hover {
  background: #1f1829 !important;
}
.usermanagementheader.mymapsHeader .mappingListHeader.topnavigation li .dropdown-menu a::after {
  background: transparent !important;
}
.usermanagementheader.mymapsHeader .mappingListHeader.topnavigation li.loggeduserDetails {
  margin-top: -4px !important;
}
.usermanagementheader.mymapsHeader .mappingListHeader.topnavigation li.loggeduserDetails .dropdown-toggle::after {
  top: 8px;
  right: 10px;
}
@media (min-width: 1500px) and (max-width: 1699px) {
  .usermanagementheader.mymapsHeader .mappingListHeader.topnavigation li.loggeduserDetails .dropdown-toggle::after {
    right: 10px;
  }
}
.usermanagementheader.mymapsHeader .mappingListHeader.topnavigation li:hover .dropdown-menu {
  display: block;
}
.usermanagementheader.mymapsHeader .mappingListHeader.topnavigation .headerRightOptions {
  margin-top: -20px;
}
.usermanagementheader.mymapsHeader .mappingListHeader.topnavigation .headerRightOptions li.notifications {
  margin: 0px !important;
  margin-top: -4px !important;
}
.usermanagementheader.mymapsHeader .mappingListHeader.topnavigation .headerRightOptions li.notifications a {
  background: transparent;
}
.usermanagementheader.mymapsHeader .mappingListHeader.topnavigation .headerRightOptions li.notifications .notificationListDropdown .notificationList li {
  display: block;
}
.usermanagementheader.mymapsHeader .mappingListHeader.topnavigation .headerRightOptions li.notifications .notificationListDropdown .notificationList li:hover {
  background: #2d2637 !important;
  border: 1px solid #2d2637 !important;
  border: none;
}
.usermanagementheader.mymapsHeader .mappingListHeader.topnavigation .headerRightOptions li.notifications .notificationListDropdown .notificationList .viewallnotify {
  font-size: 12px;
  color: #7b6c8f;
  text-align: center;
  font-weight: 600;
  padding: 20px 30px !important;
  display: block !important;
  border-top: 2px solid #000;
  margin: 0px 20px;
  width: auto;
  height: auto;
  border-radius: 0px;
}
.usermanagementheader.mymapsHeader .mappingListHeader.topnavigation .headerRightOptions li.notifications .notificationListDropdown .notificationList .viewallnotify:hover {
  color: #fff;
}
.usermanagementheader.mymapsHeader .mappingListHeader.topnavigation .headerRightOptions li.notifications .notifyList.selected {
  height: 100%;
}
.usermanagementheader.mymapsHeader .mappingListHeader.topnavigation .headerRightOptions li .HelpDiv {
  position: relative;
  right: 0;
  top: 8px;
}
@media (min-width: 1299px) and (max-width: 1699px) {
  .usermanagementheader.mymapsHeader .mappingListHeader.topnavigation .headerRightOptions li .HelpDiv {
    top: 4px;
    margin-left: 10px;
  }
}
.usermanagementheader.mymapsHeader .mappingListHeader.topnavigation .headerRightOptions li a::before {
  background: transparent !important;
}
.usermanagementheader.mymapsHeader .mappingListHeader.topnavigation .headerRightOptions li a:hover::before {
  background: transparent !important;
}
.usermanagementheader.mymapsHeader .sidenav-items .headerRightOptions {
  right: -35px;
}
.usermanagementheader.mymapsHeader .sidenav-items .headerRightOptions li.loggeduserDetails.show, .usermanagementheader.mymapsHeader .sidenav-items .headerRightOptions li.loggeduserDetails:hover {
  background: #1f1829 !important;
  border: 1px solid #110a1a;
}
.usermanagementheader.mymapsHeader .sidenav-items .headerRightOptions li.loggeduserDetails .dropdown-menu {
  width: 200px;
  top: 60px !important;
  left: 0px !important;
  background: #2d2637;
  border: 1px solid #110a1a;
  margin: 0px;
  padding: 0px;
}
.usermanagementheader.mymapsHeader .sidenav-items .headerRightOptions li.loggeduserDetails .dropdown-menu a {
  width: 100%;
  border-bottom: 1px solid #110a1a !important;
  padding: 10px 15px !important;
  display: block;
  height: auto;
  color: #fff;
}
.usermanagementheader.mymapsHeader .sidenav-items .headerRightOptions li.loggeduserDetails .dropdown-menu a:hover, .usermanagementheader.mymapsHeader .sidenav-items .headerRightOptions li.loggeduserDetails .dropdown-menu a.active {
  background: #1f1829 !important;
  color: #fff;
}
.usermanagementheader.mymapsHeader .sidenav-items .headerRightOptions li.loggeduserDetails .dropdown-menu a:hover::before, .usermanagementheader.mymapsHeader .sidenav-items .headerRightOptions li.loggeduserDetails .dropdown-menu a.active::before {
  background: transparent !important;
}
.usermanagementheader.mymapsHeader .sidenav-items .headerRightOptions li.loggeduserDetails .dropdown-menu a:last-child {
  border-bottom: none;
}
.usermanagementheader.mymapsHeader .topnavigation {
  padding: 6px;
}
.usermanagementheader.mymapsHeader .topnavigation .topnav li a::before {
  width: 90%;
  left: 7px;
  bottom: -1px;
}

/*** Invite People Comment Popup ***/
.invitePeopleComment .modal-md {
  max-width: 600px;
}
.invitePeopleComment .imageSearch {
  padding-bottom: 20px;
  border-bottom: 1px solid var(--Border_Divider);
}
.invitePeopleComment .imageSearch i {
  position: relative;
  left: 8px;
  top: 0px;
  display: inline-block;
}
.invitePeopleComment .imageSearch input {
  width: 90% !important;
  display: inline-block;
  margin-left: 40px;
  padding: 5px 5px 5px 10px !important;
}
.invitePeopleComment .addUserMain {
  position: relative;
}
.invitePeopleComment .selectArrowMain .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100%;
}
.invitePeopleComment .selectArrowMain .bootstrap-select .dropdown-toggle {
  padding: 9px 6px;
}
.invitePeopleComment .selectArrowMain .bootstrap-select .dropdown-toggle:after {
  border: none;
}
.invitePeopleComment .formsection .form-group label {
  color: #7b6c8f;
  font-size: 12px;
  margin: 0px 0px 5px;
}
.invitePeopleComment .formsection .form-group .addUserBtn {
  border-radius: 0px;
  margin-bottom: 30px;
}
.invitePeopleComment .formsection .form-group .resize-ta {
  background: #110a1a !important;
  border: 1px solid #000;
  box-shadow: none !important;
}
.invitePeopleComment .saveCancelbtns {
  margin: 10px auto 0px;
  text-align: center;
  padding: 0px;
  border: none;
}
.invitePeopleComment .addUserShow {
  display: none;
}
.invitePeopleComment .addUserShow.userShow {
  display: flex;
}
.invitePeopleComment .commentUserList > li {
  margin: 8px 0px 10px;
  padding-right: 10px;
}
.invitePeopleComment .commentUserList > li .bootstrap-select .dropdown-toggle:after {
  top: 5px;
}
.invitePeopleComment .commentUserList > li .bootstrap-select .dropdown-menu {
  width: 100%;
}
.invitePeopleComment .commentUserList > li .bootstrap-select .dropdown-menu li {
  border-bottom: 1px solid #3b3642;
  margin: 0;
  padding: 2px 0px;
  background: #110a1a !important;
}
.invitePeopleComment .delete-btn {
  box-shadow: 0px 2px 4px #000 !important;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 5px !important;
  padding: 0px !important;
  background: #650000 !important;
}
.invitePeopleComment .delete-btn:foucs, .invitePeopleComment .delete-btn:hover, .invitePeopleComment .delete-btn:active {
  box-shadow: 0px 2px 4px #000 !important;
  border-radius: 5px !important;
  background: #650000 !important;
}

/** Share MilkyMap Modal Styles ***/
.shareMilkyMapModal .formsection .form-group.errormsg .form-control {
  border: 1px solid #e41b2e !important;
}
.shareMilkyMapModal .formsection .form-group.errormsg .errortxt {
  margin: 5px 0px 0px;
}
.shareMilkyMapModal .formsection .form-group.errormsg .fileTypeList li a {
  border: 1px solid #e41b2e !important;
}
.shareMilkyMapModal label {
  color: var(--Title);
}
.shareMilkyMapModal .shadowBgBtn {
  vertical-align: middle;
  margin: 5px 0px;
  width: 170px;
}
.shareMilkyMapModal .fileTypeList {
  /*** Export Popup Styles ***/
}
.shareMilkyMapModal .fileTypeList li {
  display: inline-block;
  margin-right: 10px;
}
.shareMilkyMapModal .fileTypeList li a {
  display: block;
  background: #110a1a;
  border-radius: 3px;
  height: 45px;
  width: 45px;
  padding: 10px;
  border: 1px solid #110a1a;
}
.shareMilkyMapModal .fileTypeList li a span {
  display: block;
  background: url("/bundles/map/images/file-type-sprite.svg") no-repeat;
  height: 20px;
  width: 20px;
  text-align: center;
}
.shareMilkyMapModal .fileTypeList li a span.excel-icon {
  background-position: 2px 4px;
}
.shareMilkyMapModal .fileTypeList li a span.pdf-icon {
  background-position: -18px 4px;
}
.shareMilkyMapModal .fileTypeList li a span.image-icon {
  background-position: -36px 2px;
}
.shareMilkyMapModal .fileTypeList li a:hover, .shareMilkyMapModal .fileTypeList li a.active {
  background: #7800ff !important;
}
.shareMilkyMapModal .fileTypeList li a:hover span.excel-icon, .shareMilkyMapModal .fileTypeList li a.active span.excel-icon {
  background-position: 2px -16px;
}
.shareMilkyMapModal .fileTypeList li a:hover span.pdf-icon, .shareMilkyMapModal .fileTypeList li a.active span.pdf-icon {
  background-position: -18px -16px;
}
.shareMilkyMapModal .fileTypeList li a:hover span.image-icon, .shareMilkyMapModal .fileTypeList li a.active span.image-icon {
  background-position: -36px -17px;
}
.shareMilkyMapModal .fileTypeList.exportFileTypeList {
  padding: 0px 1px;
  display: inline-block;
}
.shareMilkyMapModal .fileTypeList.exportFileTypeList li {
  display: inline-block;
  width: 25%;
  margin: 10px 0px 10px 30px;
  vertical-align: top;
}
.shareMilkyMapModal .fileTypeList.exportFileTypeList li a {
  display: block;
  height: 130px;
  width: 130px;
  padding: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 3px;
}
.shareMilkyMapModal .fileTypeList.exportFileTypeList li a span {
  width: 80px;
  height: 80px;
  background: url("/bundles/map/images/export-icons-sprite.png") no-repeat;
  display: block;
}
.shareMilkyMapModal .fileTypeList.exportFileTypeList li a span.excel-icon {
  background-position: 0 0;
}
.shareMilkyMapModal .fileTypeList.exportFileTypeList li a span.pdf-icon {
  background-position: -80px 0;
}
.shareMilkyMapModal .fileTypeList.exportFileTypeList li a span.image-icon {
  background-position: -160px 0;
}
.shareMilkyMapModal .fileTypeList.exportFileTypeList li a span.mmfile-icon {
  background-position: -240px 0;
}
.shareMilkyMapModal .fileTypeList.exportFileTypeList li a:hover, .shareMilkyMapModal .fileTypeList.exportFileTypeList li a.selected {
  background: #7800ff;
}
.shareMilkyMapModal .fileTypeList.exportFileTypeList li a:hover span.excel-icon, .shareMilkyMapModal .fileTypeList.exportFileTypeList li a.selected span.excel-icon {
  background-position: 0 -80px;
}
.shareMilkyMapModal .fileTypeList.exportFileTypeList li a:hover span.pdf-icon, .shareMilkyMapModal .fileTypeList.exportFileTypeList li a.selected span.pdf-icon {
  background-position: -80px -80px;
}
.shareMilkyMapModal .fileTypeList.exportFileTypeList li a:hover span.image-icon, .shareMilkyMapModal .fileTypeList.exportFileTypeList li a.selected span.image-icon {
  background-position: -160px -80px;
}
.shareMilkyMapModal .fileTypeList.exportFileTypeList li a:hover span.mmfile-icon, .shareMilkyMapModal .fileTypeList.exportFileTypeList li a.selected span.mmfile-icon {
  background-position: -240px -80px;
}
.shareMilkyMapModal .fileTypeList.exportFileTypeList li p {
  margin: 15px 0px;
  font-size: 16px;
  color: #7b6c8f;
  font-weight: 600;
  text-align: center;
}
.shareMilkyMapModal .saveCancelbtns {
  border-top: 1px solid #000;
  padding: 20px 0px 0px;
  width: 105%;
  left: 0;
}
.shareMilkyMapModal .saveCancelbtns .tertiary-btn,
.shareMilkyMapModal .saveCancelbtns .secondary-btn {
  border-radius: 3px;
  box-shadow: 0px 4px 4px #000;
}
.shareMilkyMapModal .saveCancelbtns .tertiary-btn {
  color: #110a1a;
  box-shadow: 0px 4px 4px #000;
}
.shareMilkyMapModal .userSelectDropdown .bootstrap-select .dropdown-toggle {
  padding: 10px;
}
.shareMilkyMapModal .userSelectDropdown .bootstrap-select .dropdown-toggle .filter-option-inner-inner:after {
  background: linear-gradient(177.49deg, rgba(31, 24, 41, 0) 2.1%, #110a1a 37.61%);
  top: 4px;
  right: 15px;
  width: 5%;
}
.shareMilkyMapModal .userSelectDropdown .bootstrap-select .dropdown-toggle::after {
  top: 8px;
}
.shareMilkyMapModal .userSelectDropdown .bootstrap-select .dropdown-menu {
  border-radius: 0px;
  border: 1px solid #000;
}
.shareMilkyMapModal .userSelectDropdown .bootstrap-select .dropdown-menu li a {
  background: #110a1a;
  border-bottom: 1px solid #1f1829;
}
.shareMilkyMapModal .userSelectDropdown .searchIcon {
  font-size: 20px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  float: right;
  margin: 0px 0px 0px;
}
.shareMilkyMapModal .userSelectDropdown .inviteUserSearch {
  width: 80%;
  margin-left: 15px;
}
.shareMilkyMapModal .userSelectDropdown .inviteUserSearch .search-input {
  border-radius: 5px !important;
  border: solid 1px var(--Border_Divider) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: var(--Input_Filled) !important;
  background: var(--Background_Secondary) !important;
  box-shadow: none !important;
  padding: 5px 8px !important;
  line-height: 18px !important;
  padding: 5px 8px 5px 33px !important;
  border-radius: 25px;
  font-weight: 600;
  font-size: 13px;
  color: #fff;
  width: 100%;
}
.shareMilkyMapModal .userSelectDropdown .inviteUserSearch .search-input:focus {
  border: solid 1px var(--Border_Focus) !important;
  background: var(--Background_Tertiary) !important;
}
.shareMilkyMapModal .userSelectDropdown .inviteUserSearch .search-input:disabled, .shareMilkyMapModal .userSelectDropdown .inviteUserSearch .search-input.disabled {
  border: solid 1px var(--Border_Disabled) !important;
  background: var(--Background_Disabled) !important;
  color: var(--Disabled) !important;
  cursor: not-allowed;
  pointer-events: none !important;
}
.shareMilkyMapModal .userSelectDropdown .inviteUserSearch .search-input:disabled::-webkit-input-placeholder, .shareMilkyMapModal .userSelectDropdown .inviteUserSearch .search-input.disabled::-webkit-input-placeholder {
  color: var(--Disabled) !important;
  font-weight: 400;
}
.shareMilkyMapModal .userSelectDropdown .inviteUserSearch .search-input:disabled::-moz-placeholder, .shareMilkyMapModal .userSelectDropdown .inviteUserSearch .search-input.disabled::-moz-placeholder {
  color: var(--Disabled) !important;
  font-weight: 400;
}
.shareMilkyMapModal .userSelectDropdown .inviteUserSearch .search-input:disabled:-ms-input-placeholder, .shareMilkyMapModal .userSelectDropdown .inviteUserSearch .search-input.disabled:-ms-input-placeholder {
  color: var(--Disabled) !important;
  font-weight: 400;
}
.shareMilkyMapModal .userSelectDropdown .inviteUserSearch .search-input:disabled:-moz-placeholder, .shareMilkyMapModal .userSelectDropdown .inviteUserSearch .search-input.disabled:-moz-placeholder {
  color: var(--Disabled) !important;
  font-weight: 400;
}
.shareMilkyMapModal .userSelectDropdown .inviteUserSearch .search-input:hover {
  background: var(--Background_Secondary) !important;
  border: solid 1px var(--Border_Divider);
}
.shareMilkyMapModal .userSelectDropdown .inviteUserSearch .search-input:hover:focus {
  background: var(--Background_Tertiary) !important;
}
.shareMilkyMapModal .userSelectDropdown .inviteUserSearch .search-input:visited, .shareMilkyMapModal .userSelectDropdown .inviteUserSearch .search-input:active {
  background: var(--Background_Secondary);
  border: solid 1px var(--Border_Divider);
}
.shareMilkyMapModal .userSelectDropdown .inviteUserSearch .search-input.delete {
  text-align: center !important;
}
.shareMilkyMapModal .userSelectDropdown .inviteUserSearch .search-input::-webkit-input-placeholder {
  color: #7b6c8f;
}
.shareMilkyMapModal .userSelectDropdown .inviteUserSearch .search-input:-moz-placeholder {
  color: #7b6c8f;
}
.shareMilkyMapModal .userSelectDropdown .inviteUserSearch .search-input::-moz-placeholder {
  color: #7b6c8f;
}
.shareMilkyMapModal .userSelectDropdown .inviteUserSearch .search-input:-ms-input-placeholder {
  color: #7b6c8f;
}
.shareMilkyMapModal .userSelectDropdown .inviteUserSearch .search-result-list {
  margin: 5px 0px 0px;
  padding: 0px;
}
.shareMilkyMapModal .shareInnerBody label {
  text-align: right;
  margin-top: 10px;
}

.shadowBgBtn {
  background: #7b6c8f;
  color: #000;
  font-size: 14px;
  border-radius: 0px;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.8);
  -ms-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.8);
  -o-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.8);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.8);
}
.shadowBgBtn:hover {
  background: #7b6c8f;
  color: #000;
}

.copyLInk input {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/*** export Modal Styles ***/
.ExportMilkyMapModal .selectExportTxt {
  text-align: left;
}
.ExportMilkyMapModal .formsection {
  padding: 20px 50px 20px 40px;
}
.ExportMilkyMapModal .modal-lg {
  max-width: 600px;
}
.ExportMilkyMapModal .modal-lg .modal-header .modal-title {
  font-size: 16px;
}
.ExportMilkyMapModal .selectExportTxt {
  font-size: 13px !important;
  border-bottom: 2px solid #110a1a;
  padding: 20px 0px;
  margin: 0px auto;
  text-align: center;
  width: 87%;
}
.ExportMilkyMapModal .delete-btn {
  padding: 8px 25px;
}

/*** Mozilla Hacks ***/
@-moz-document url-prefix() {
  .usermanagementheader.mapEditHeader .PresentModeIcon a {
    padding: 6px 20px;
  }
}
/* IE10+ CSS styles go here */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .usermanagementheader.mapEditHeader .PresentModeIcon a {
    padding: 9px 20px;
  }
}
/* Microsoft Edge Browser 12+ (All) - @supports method */
@supports (-ms-ime-align: auto) {
  .usermanagementheader.mapEditHeader .PresentModeIcon a {
    padding: 9px 20px;
  }
}
/* Microsoft Edge Browser 15+ - @supports method */
@supports (-ms-ime-align: auto) and (-webkit-text-stroke: initial) {
  .usermanagementheader.mapEditHeader .PresentModeIcon a {
    padding: 9px 20px;
  }
}
.mappingListHeader .dropdown-toggle:after {
  content: "";
  font-family: FontAwesome;
  position: relative;
  top: -10px;
}
.mappingListHeader .dropdown-menu {
  width: 200px;
  top: 35px !important;
  left: 0px !important;
  background: #2d2637;
  border: 1px solid #110a1a;
  margin: 0px;
  padding: 0px;
  border-top: 2px solid #7800ff;
}
.mappingListHeader .dropdown-menu a {
  width: 100%;
  border-bottom: 1px solid #110a1a !important;
  padding: 15px 8px !important;
  display: block;
  height: auto;
}
.mappingListHeader .dropdown-menu a:hover {
  background: #433c4a !important;
}
.mappingListHeader .dropdown-menu a:hover::before {
  background: transparent !important;
}
.mappingListHeader .dropdown-menu a:last-child {
  border-bottom: none;
}
.mappingListHeader .sidenav-items .dropdown-menu {
  border-top: transparent;
}

.PublishBtn .btn {
  margin: 0px;
}

.usermanagementheader,
.header-pan,
.settingsmainheader,
.edirpresentHeader {
  z-index: 999;
}

.deletemmModal .selectExportTxt {
  border: none;
}
.deletemmModal .saveCancelbtns {
  border-top: none;
  position: static;
  left: auto;
  width: 100%;
}
.deletemmModal .saveCancelbtns .delete-btn {
  -webkit-box-shadow: 0px 4px 4px #000;
  -moz-box-shadow: 0px 4px 4px #000;
  -ms-box-shadow: 0px 4px 4px #000;
  -o-box-shadow: 0px 4px 4px #000;
  box-shadow: 0px 4px 4px #000;
}

/*-------Start Export Map SCSS--------*/
.export-popup {
  max-width: 951px;
}
.export-popup .export-modal-new {
  padding: 10px 80px;
  min-height: 500px;
}
.export-popup .export-modal-new .journey-export-row.insightsaccordion #accordion {
  position: relative !important;
  height: 100%;
}
.export-popup .export-modal-new .journey-export-row.insightsaccordion #accordion .select-range {
  width: 100%;
  display: block;
  padding-bottom: 12px;
  border-bottom: solid 1px #5a4f65;
}
.export-popup .export-modal-new .journey-export-row.insightsaccordion #accordion .journeymaps-filter {
  margin-top: 21px;
}
.export-popup .export-modal-new .journey-export-row.insightsaccordion #accordion .journeymaps-filter .card .card-header h5 a {
  color: #fff;
  font-weight: 700;
  font-size: 13px;
}
.export-popup .export-modal-new .journey-export-row.insightsaccordion #accordion .journeymaps-filter .card .card-header h5 a::after {
  right: 0;
}
.export-popup .export-modal-new .journey-export-row.insightsaccordion #accordion .journeymaps-filter .card .card-header h5 a label {
  margin-bottom: 0px;
  padding-left: 35px;
  padding-right: 5px;
  padding-top: 8px;
  padding-bottom: 5px;
  cursor: pointer;
  font-size: 13px;
}
.export-popup .export-modal-new .journey-export-row.insightsaccordion #accordion .journeymaps-filter .card .card-header h5 a[aria-expanded=false]:after {
  content: "" !important;
  top: 10px !important;
}
.export-popup .export-modal-new .journey-export-row.insightsaccordion #accordion .journeymaps-filter .card .card-header h5 a[aria-expanded=true]:after {
  content: "" !important;
  top: 10px !important;
}
.export-popup .export-modal-new .journey-export-row.insightsaccordion #accordion .journeymaps-filter .card .menulevelone {
  padding-left: 24px;
}
.export-popup .export-modal-new .journey-export-row.insightsaccordion #accordion .journeymaps-filter .card .menulevelone .card-body .card .card-header h5 a[aria-expanded=true]:after {
  content: "" !important;
}
.export-popup .export-modal-new .journey-export-row.insightsaccordion #accordion .journeymaps-filter .card .menulevelone .card-body .card .card-header h5 a[aria-expanded=false]:after {
  content: "" !important;
}
.export-popup .export-modal-new .journey-export-row.insightsaccordion #accordion .journeymaps-filter .card .menulevelone .card-body .menuleveltwo {
  padding-left: 24px;
  font-size: 13px;
}
.export-popup .export-modal-new .journey-export-row.insightsaccordion #accordion .journeymaps-filter .card .menulevelone .card-body .menuleveltwo a {
  padding: 0px;
}
.export-popup .export-modal-new .journey-export-row.insightsaccordion #accordion .journeymaps-filter .card .menulevelone .card-body .menuleveltwo a .accordianCheck1 label {
  padding-left: 35px;
  margin-bottom: 0px;
  font-weight: 500;
  color: #a294b5;
  padding-top: 8px;
  padding-bottom: 5px;
  cursor: pointer;
  font-size: 13px;
  margin-right: 0px !important;
  padding-right: 30px;
}
.export-popup .export-modal-new .journey-export-row.insightsaccordion #accordion .journeymaps-filter .card .menulevelone .card-body .menuleveltwo a .accordianCheck1 label h1,
.export-popup .export-modal-new .journey-export-row.insightsaccordion #accordion .journeymaps-filter .card .menulevelone .card-body .menuleveltwo a .accordianCheck1 label h2,
.export-popup .export-modal-new .journey-export-row.insightsaccordion #accordion .journeymaps-filter .card .menulevelone .card-body .menuleveltwo a .accordianCheck1 label h3,
.export-popup .export-modal-new .journey-export-row.insightsaccordion #accordion .journeymaps-filter .card .menulevelone .card-body .menuleveltwo a .accordianCheck1 label h4,
.export-popup .export-modal-new .journey-export-row.insightsaccordion #accordion .journeymaps-filter .card .menulevelone .card-body .menuleveltwo a .accordianCheck1 label h5,
.export-popup .export-modal-new .journey-export-row.insightsaccordion #accordion .journeymaps-filter .card .menulevelone .card-body .menuleveltwo a .accordianCheck1 label h6,
.export-popup .export-modal-new .journey-export-row.insightsaccordion #accordion .journeymaps-filter .card .menulevelone .card-body .menuleveltwo a .accordianCheck1 label p,
.export-popup .export-modal-new .journey-export-row.insightsaccordion #accordion .journeymaps-filter .card .menulevelone .card-body .menuleveltwo a .accordianCheck1 label ul,
.export-popup .export-modal-new .journey-export-row.insightsaccordion #accordion .journeymaps-filter .card .menulevelone .card-body .menuleveltwo a .accordianCheck1 label li,
.export-popup .export-modal-new .journey-export-row.insightsaccordion #accordion .journeymaps-filter .card .menulevelone .card-body .menuleveltwo a .accordianCheck1 label ol {
  font-weight: 500;
  color: #a294b5;
  font-size: 13px;
}
.export-popup .export-modal-new .journey-export-row.insightsaccordion #accordion .journeymaps-filter .card .menulevelone .card-body .menuleveltwo a .accordianCheck1 label h1 span,
.export-popup .export-modal-new .journey-export-row.insightsaccordion #accordion .journeymaps-filter .card .menulevelone .card-body .menuleveltwo a .accordianCheck1 label h2 span,
.export-popup .export-modal-new .journey-export-row.insightsaccordion #accordion .journeymaps-filter .card .menulevelone .card-body .menuleveltwo a .accordianCheck1 label h3 span,
.export-popup .export-modal-new .journey-export-row.insightsaccordion #accordion .journeymaps-filter .card .menulevelone .card-body .menuleveltwo a .accordianCheck1 label h4 span,
.export-popup .export-modal-new .journey-export-row.insightsaccordion #accordion .journeymaps-filter .card .menulevelone .card-body .menuleveltwo a .accordianCheck1 label h5 span,
.export-popup .export-modal-new .journey-export-row.insightsaccordion #accordion .journeymaps-filter .card .menulevelone .card-body .menuleveltwo a .accordianCheck1 label h6 span,
.export-popup .export-modal-new .journey-export-row.insightsaccordion #accordion .journeymaps-filter .card .menulevelone .card-body .menuleveltwo a .accordianCheck1 label p span,
.export-popup .export-modal-new .journey-export-row.insightsaccordion #accordion .journeymaps-filter .card .menulevelone .card-body .menuleveltwo a .accordianCheck1 label ul span,
.export-popup .export-modal-new .journey-export-row.insightsaccordion #accordion .journeymaps-filter .card .menulevelone .card-body .menuleveltwo a .accordianCheck1 label li span,
.export-popup .export-modal-new .journey-export-row.insightsaccordion #accordion .journeymaps-filter .card .menulevelone .card-body .menuleveltwo a .accordianCheck1 label ol span {
  color: #a294b5 !important;
}
.export-popup .export-modal-new .journey-export-row.insightsaccordion #accordion .journeymaps-filter .card .menulevelone .card-body .menuleveltwo a .accordianCheck1 .filterInSightcheckLevel {
  position: absolute;
  top: 8px !important;
  z-index: 1;
}
.export-popup .export-modal-new .content-export-row .export-format {
  width: 100%;
  display: block;
}
.export-popup .export-modal-new .content-export-row .export-format .select-format {
  width: 100%;
  display: block;
  padding-bottom: 12px;
  border-bottom: solid 1px #5a4f65;
  margin-bottom: 21px;
}
.export-popup .export-modal-new .content-export-row .export-tabs-block .tab-content {
  margin-bottom: 70px;
  display: flex;
  width: 100%;
}
.export-popup .export-modal-new .content-export-row .export-tabs-block .tab-content .journey-btns-export {
  margin-bottom: 21px;
}
.export-popup .export-modal-new .content-export-row .export-tabs-block .tab-content .journey-btns-export .btn {
  background: #5a4f65;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5) !important;
  border-radius: 5px !important;
  color: #fff !important;
  margin-right: 11px !important;
}
.export-popup .export-modal-new .content-export-row .export-tabs-block .tab-content .journey-btns-export .btn.activebtn {
  background: #7801FF;
}

.export-data-row {
  margin-left: -21px;
  margin-right: -21px;
}
.export-data-row.d-flex-class {
  display: flex;
  flex-wrap: wrap;
}
.export-data-row .no-lanes-msg {
  text-align: center;
  margin: 0px;
  padding: 20px;
  border: solid 1px #5a4f65;
  margin-left: 21px;
  margin-right: 21px;
  font-size: 13px;
}
.export-data-row .export-data-box {
  width: 145px;
  display: block;
  float: left;
  position: relative;
  box-sizing: border-box;
  margin-left: 21px;
  margin-right: 21px;
  text-align: center;
}
.export-data-row .export-data-box p {
  margin-bottom: 15px;
  font-size: 13px;
  font-weight: 500;
}
.export-data-row .export-data-box .export-data-main {
  width: 100%;
  height: 100%;
  display: block;
  border: solid 1px #5a4f65;
  text-align: center;
  line-height: 145px;
  margin-bottom: 15px;
  cursor: pointer;
}
.export-data-row .export-data-box .export-data-main.pop-widget-icon {
  line-height: normal !important;
  height: 145px;
  width: 145px;
  display: flex;
}
.export-data-row .export-data-box .export-data-main .labelname {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 30px;
  line-height: 30px;
  font-size: 13px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 7.5px;
}
.export-data-row .export-data-box .export-data-main img.img-widget-icon {
  height: auto;
  width: 100%;
}
.export-data-row .export-data-box .export-data-main img.img-icon {
  height: 20px;
}
.export-data-row .export-data-box .export-data-main img.pdf-icon {
  height: 23px;
}
.export-data-row .export-data-box .export-data-main img.excel-icon {
  height: 44px;
}
.export-data-row .export-data-box .export-data-main img.milkymap-icon {
  height: 18px;
}
.export-data-row .export-data-box .export-data-main img.img-template {
  height: 65px;
}
.export-data-row .export-data-box .export-data-main.active {
  border: solid 1px #7801FF;
}
.export-data-row .export-data-box .export-data-main:hover {
  border: solid 1px #7801FF;
}

.clear-btns-export {
  width: 100%;
  display: block;
  padding-bottom: 12px;
  padding-top: 12px;
  color: #fff;
  font-size: 13px;
}
.clear-btns-export a {
  color: #c2b8d0;
  margin-right: 10px;
  border-bottom: solid 1px #c2b8d0;
  padding-bottom: 3px;
}
.clear-btns-export a:nth-child(2) {
  margin-left: 10px;
}

.mb-11 {
  margin-bottom: 11px;
}

/*-------End Export Map SCSS--------*/
.preview-modal {
  width: 100%;
  height: 100%;
  padding: 0px !important;
}
.preview-modal .modal-dialog {
  width: 100%;
  max-width: none;
  height: 100%;
  margin: 0;
}
.preview-modal .modal-dialog .modal-content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: 100%;
  pointer-events: auto;
  background: #e5e5e5;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0px;
  outline: 0;
}
.preview-modal .modal-dialog .modal-content .preview-header {
  height: 50px;
  background: #110a1a;
  padding: 10px 14px;
  border-radius: 0px;
}
.preview-modal .modal-dialog .modal-content .modal-body {
  overflow-x: hidden;
  overflow-y: auto;
  border-radius: 0px;
  padding: 50px;
}
.preview-modal .modal-dialog .modal-content .modal-body .iframe-body {
  height: 100%;
  width: 100%;
}
.preview-modal .modal-dialog .modal-content .modal-body .iframe-body iframe {
  border: solid 2px #d0d0d0;
  background: #fff;
  overflow: hidden;
}
.preview-modal .modal-dialog .modal-content .modal-body .iframe-body iframe html {
  overflow: hidden;
}
.preview-modal .modal-dialog .modal-content .modal-body .iframe-body iframe html body {
  display: block;
  float: left;
  margin: 10px;
}
.preview-modal .modal-dialog .modal-content .modal-body .print-Main-area {
  width: 100%;
}
.preview-modal .modal-dialog .modal-content .modal-body .print-Main-area .print-main-box {
  display: flex;
}
.preview-modal .modal-dialog .modal-content .modal-body .print-Main-area .print-main-box .left-wrap {
  width: 3%;
}
.preview-modal .modal-dialog .modal-content .modal-body .print-Main-area .print-main-box .left-wrap p {
  margin-top: 0px;
  top: 45%;
}
.preview-modal .modal-dialog .modal-content .modal-body .print-Main-area .print-main-box .right-wrap {
  width: 97%;
}
.preview-modal .modal-dialog .modal-content .modal-body .print-Main-area .print-main-box .right-wrap .heading {
  width: calc(100% - 40px);
  margin: 0px 0px 20px 20px;
}
.preview-modal .modal-dialog .modal-content .modal-body .print-Main-area .print-main-box .right-wrap .journey-main-box .journey-data-right .top-widget-box {
  width: 25%;
  min-width: 25%;
}
.preview-modal .modal-dialog .modal-content .modal-body .print-Main-area.episode-count-8 .right-wrap .widget-box {
  width: 12.5%;
}
.preview-modal .modal-dialog .modal-content .modal-body .print-Main-area.episode-count-8 .right-wrap .journey-main-box .journey-data-right .top-widget-box {
  width: 20%;
  min-width: 20%;
}
.preview-modal .modal-dialog .modal-content .modal-body .print-Main-area.episode-count-9 .right-wrap .widget-box {
  width: 11.11%;
}
.preview-modal .modal-dialog .modal-content .modal-body .print-Main-area.episode-count-9 .right-wrap .journey-main-box .journey-data-right .top-widget-box {
  width: 16.6666666667%;
  min-width: 16.6666666667%;
}
.preview-modal .modal-dialog .modal-content .modal-body .print-Main-area.episode-count-10 .right-wrap .widget-box {
  width: 10%;
}
.preview-modal .modal-dialog .modal-content .modal-body .print-Main-area.episode-count-10 .right-wrap .journey-main-box .journey-data-right .top-widget-box {
  width: 14.2857142857%;
  min-width: 14.2857142857%;
}
.preview-modal .modal-dialog .modal-content .modal-body .print-Main-area.episode-count-11 .right-wrap .widget-box {
  width: 9.0909090909%;
}
.preview-modal .modal-dialog .modal-content .modal-body .print-Main-area.episode-count-11 .right-wrap .journey-main-box .journey-data-right .top-widget-box {
  width: 12.5%;
  min-width: 12.5%;
}
.preview-modal .modal-dialog .modal-content .modal-body .print-Main-area.episode-count-12 .right-wrap .widget-box {
  width: 8.33%;
}
.preview-modal .modal-dialog .modal-content .modal-body .print-Main-area.episode-count-12 .right-wrap .journey-main-box .journey-data-right .top-widget-box {
  width: 11.11%;
  min-width: 11.11%;
}
.preview-modal .modal-dialog .modal-content .modal-body .print-Main-area.episode-count-13 .right-wrap .widget-box {
  width: 7.6923076923%;
}
.preview-modal .modal-dialog .modal-content .modal-body .print-Main-area.episode-count-13 .right-wrap .journey-main-box .journey-data-right .top-widget-box {
  width: 10%;
  min-width: 10%;
}
.preview-modal .modal-dialog .modal-content .modal-body .print-Main-area.episode-count-14 .right-wrap .widget-box {
  width: 7.1428571429%;
}
.preview-modal .modal-dialog .modal-content .modal-body .print-Main-area.episode-count-14 .right-wrap .journey-main-box .journey-data-right .top-widget-box {
  width: 9.0909090909%;
  min-width: 9.0909090909%;
}
.preview-modal .modal-dialog .modal-content .modal-body .print-Main-area.episode-count-15 .right-wrap .widget-box {
  width: 6.6666666667%;
}
.preview-modal .modal-dialog .modal-content .modal-body .print-Main-area.episode-count-15 .right-wrap .journey-main-box .journey-data-right .top-widget-box {
  width: 8.3333333333%;
  min-width: 8.3333333333%;
}
.preview-modal .modal-dialog .modal-content .modal-body .print-Main-area.episode-count-16 .right-wrap .widget-box {
  width: 6.25%;
}
.preview-modal .modal-dialog .modal-content .modal-body .print-Main-area.episode-count-16 .right-wrap .journey-main-box .journey-data-right .top-widget-box {
  width: 7.6923076923%;
  min-width: 7.6923076923%;
}
.preview-modal .modal-dialog .modal-content .modal-body .print-Main-area.episode-count-17 .right-wrap .widget-box {
  width: 5.8823529412%;
}
.preview-modal .modal-dialog .modal-content .modal-body .print-Main-area.episode-count-17 .right-wrap .journey-main-box .journey-data-right .top-widget-box {
  width: 7.1428571429%;
  min-width: 7.1428571429%;
}
.preview-modal .modal-dialog .modal-content .modal-body .print-Main-area.episode-count-18 .right-wrap .widget-box {
  width: 5.5555555556%;
}
.preview-modal .modal-dialog .modal-content .modal-body .print-Main-area.episode-count-18 .right-wrap .journey-main-box .journey-data-right .top-widget-box {
  width: 6.6666666667%;
  min-width: 6.6666666667%;
}
.preview-modal .modal-dialog .modal-content .modal-body .print-Main-area.episode-count-19 .right-wrap .widget-box {
  width: 5.2631578947%;
}
.preview-modal .modal-dialog .modal-content .modal-body .print-Main-area.episode-count-19 .right-wrap .journey-main-box .journey-data-right .top-widget-box {
  width: 6.25%;
  min-width: 6.25%;
}
.preview-modal .modal-dialog .modal-content .modal-body .print-Main-area.episode-count-20 .right-wrap .widget-box {
  width: 5%;
}
.preview-modal .modal-dialog .modal-content .modal-body .print-Main-area.episode-count-20 .right-wrap .journey-main-box .journey-data-right .top-widget-box {
  width: 5.8823529412%;
  min-width: 5.8823529412%;
}

.export-format {
  margin-bottom: 30px;
}
.export-format .select-format {
  padding-bottom: 12px;
  border-bottom: solid 1px #5a4f65;
  font-size: 14px;
  margin-bottom: 15px;
}

.modalscrollbarOne {
  scrollbar-color: #a294b5 #3f3449;
  scrollbar-width: thin;
}

.modalscrollbarOne::-webkit-scrollbar {
  width: 13px;
}

.modalscrollbarOne::-webkit-scrollbar-track {
  box-shadow: none;
  border-radius: 0px;
  background: #3f3449;
}

.modalscrollbarOne::-webkit-scrollbar-track:hover {
  background: #2d2637;
}

.modalscrollbarOne::-webkit-scrollbar-thumb {
  background: #7b6c8f;
  border: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}

.modalscrollbarOne::-webkit-scrollbar-thumb:hover {
  background: #a294b5;
  border: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}

.modalscrollbarOne::-moz-scrollbar {
  width: 13px;
}

.modalscrollbarOne::-moz-scrollbar-track {
  box-shadow: none;
  border-radius: 0px;
  background: #3f3449;
}

.modalscrollbarOne::-moz-scrollbar-track:hover {
  background: #2d2637;
}

.modalscrollbarOne::-moz-scrollbar-thumb {
  background: #7b6c8f;
  border: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}

.modalscrollbarOne::-moz-scrollbar-thumb:hover {
  background: #a294b5;
  border: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}

.accordianCheck1.parentTPList img {
  position: absolute;
  left: 20px;
  top: 7px;
  width: 18px;
}
.accordianCheck1.parentTPList label.insightFilterLabel {
  padding-left: 45px !important;
}

.connectDetails .row .col-4 button {
  float: right;
  margin-top: 3px;
}
.connectDetails .formsection .form-row {
  background: #09080a;
  margin-bottom: 10px;
  padding: 8px;
  font-size: 13px;
}
.connectDetails .formsection .form-row .selectoptions span.actionIcons {
  background: #40394a;
  border: 1px solid #5d5961;
  width: 20px;
  height: 20px;
  display: flex;
  text-align: center;
  line-height: 15px;
  padding: 0px 5px;
  float: left;
  cursor: pointer;
  border-radius: 3px;
  margin-right: 10px;
}
.connectDetails .formsection .form-row .selectoptions span.actionIcons a {
  color: #fff;
}
.connectDetails .formsection .form-row .selectoptions span.actionIcons i {
  font-size: 10px;
}
.connectDetails .formsection .form-row .selectoptions span.actionIcons.edit:hover {
  background-color: #7800ff;
}
.connectDetails .formsection .form-row .selectoptions span.actionIcons.delete:hover {
  background-color: #9e0000;
}
.connectDetails .formsection .form-row.head {
  background: transparent !important;
  font-weight: 600;
  padding: 0px 10px;
}

.connect-pr-5 {
  padding-right: 5px !important;
}

.noconnecters {
  background: transparent !important;
  font-weight: 400;
  padding: 5px;
  text-align: center;
  border: 1px solid #282828;
  font-size: 13px !important;
  margin: 0px 0px 0px 30px !important;
}

.mainModal.connecter-modal .modal-content .modal-body .billinginfotable {
  margin: 0;
}
.mainModal.connecter-modal .modal-content .modal-body .billinginfotable .formsection {
  margin: 0;
}
.mainModal.connecter-modal .modal-content .modal-body .billinginfotable .formsection .form-row {
  width: 100%;
}
.mainModal.connecter-modal .modal-content .modal-body .billinginfotable .formsection .form-row .form-group {
  margin: 0 0 15px 0;
  padding: 0;
}
.mainModal.connecter-modal .modal-content .modal-body .billinginfotable .formsection .form-row .form-group label {
  font-size: 13px;
}
.mainModal.connecter-modal .modal-content .modal-body .billinginfotable .formsection .form-row .form-group .bootstrap-select .dropdown-toggle::after {
  border-top: 0 solid;
  border-right: 0 solid transparent;
  border-bottom: 0;
  border-left: 0 solid transparent;
  content: "";
  font-family: FontAwesome;
  position: absolute;
  right: 15px;
  top: 5px;
  font-size: 13px;
  color: #fff;
}

.subscribed-icon {
  background: url("/bundles/map/images/subscribe-w-icon.svg") no-repeat #7801FF;
  display: block;
  line-height: 24px;
  background-size: 13px 15px;
  background-position: 6px 6px;
  position: absolute;
  width: 25px;
  height: 25px;
  z-index: 10;
  border-radius: 50%;
  left: -12px;
  top: 20px;
}

.collaboration .dropdown-menu {
  background: #201a2a !important;
  border: 1px solid #40394a !important;
  width: 200px;
  padding: 0;
  top: 8px !important;
  max-height: 218px;
  overflow-y: auto;
}
.collaboration .dropdown-menu .user-row {
  width: 100% !important;
  color: #fff;
  font-size: 13px;
  padding: 0 10px;
  border-bottom: solid 1px #3f3449;
  position: relative;
}
.collaboration .dropdown-menu .user-row:nth-last-child(1) {
  border-bottom: solid 0px #3f3449;
}
.collaboration .dropdown-menu .user-row span.usericon {
  width: 25px;
  height: 25px;
  margin-left: 0px;
  display: inline-block;
  border-radius: 50%;
  background: #64d3b2;
  margin-top: 5px;
  margin-bottom: 5px;
  color: #110a1a;
  font-size: 11px;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  line-height: 25px;
}
.collaboration .dropdown-menu .user-row span.usericon img {
  width: 25px;
  height: 25px;
  border-radius: 50%;
}
.collaboration .dropdown-menu .user-row span.username {
  position: absolute;
  width: 100%;
  padding-left: 40px;
  padding-right: 10px;
  line-height: 35px;
  left: 0;
  right: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.collaboration .dropdown-menu .user-row span.userstatus {
  width: 40px;
  text-align: center;
  position: absolute;
  left: 0;
}
.collaboration .dropdown-menu .user-row span.userstatus.green i {
  color: #31be3d !important;
  font-size: 10px !important;
}
.collaboration .dropdown-menu .user-row span.userstatus.gray i {
  color: #7b6c8f !important;
  font-size: 10px !important;
}
.collaboration .dropdown-menu .user-row.active {
  color: #fff;
}
.collaboration .dropdown-menu .user-row.active span.userstatus i {
  color: #31be3d !important;
  font-size: 10px !important;
}
.collaboration .dropdown-menu .user-row.inactive {
  color: #fff;
}
.collaboration .dropdown-menu .user-row.inactive span.userstatus i {
  color: #7b6c8f !important;
  font-size: 10px !important;
}
.collaboration a {
  position: relative;
}
.collaboration a small.countnumbers {
  position: absolute;
  top: 0;
  background: #7800ff;
  padding: 2px 6px;
  right: -7px;
  border-radius: 20px;
  z-index: 1;
  font-size: 8px;
  text-align: center;
  color: #fff;
}

.animation-ripple {
  outline: none;
  display: grid;
  place-items: center;
  cursor: pointer;
  animation-name: ripple;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
}

@keyframes ripple {
  0% {
    box-shadow: 0 0 0 0 #7800ff, 0 0 0 0 #7800ff;
  }
  80% {
    box-shadow: 0 0 0 10px #fff0, 0 0 0 20px #fff0;
  }
  100% {
    box-shadow: 0 0 0 0 #fff0, 0 0 0 0 #fff0;
  }
}
.collaboration {
  padding-bottom: 10px !important;
}
.collaboration:hover .dropdown-menu {
  position: absolute;
  display: block !important;
  margin-top: 32px !important;
}

.publishBody.publish-text {
  padding-top: 10px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

/*----Profile Dropdown menu Presentation Map----*/
.usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.presentationview .dropdown-menu {
  border-top: 0px solid #7800ff !important;
  border-radius: 5px !important;
  margin: 5px 0 0 0 !important;
  background: #2d2637 !important;
  padding-top: 5px;
  padding-bottom: 5px;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.06), 0px 0px 4px 0px rgba(0, 0, 0, 0.04) !important;
  min-width: 200px;
  max-width: 200px;
  width: 200px;
  left: -10px !important;
  border: none !important;
}
.usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.presentationview .dropdown-menu.main-submenu li.submenu-item {
  padding: 0px !important;
  width: 100%;
  float: none;
  background: none !important;
  border: none !important;
  margin: 0px !important;
}
.usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.presentationview .dropdown-menu a.dropdown-item {
  font-size: 13px !important;
  padding: 15px !important;
  border-bottom: 0px solid #342C3F !important;
  color: #c2b8d0 !important;
  margin: 0 !important;
}
.usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.presentationview .dropdown-menu a.dropdown-item:hover {
  background: #342C3F !important;
}
.usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.presentationview .dropdown-menu a.dropdown-item:focus, .usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.presentationview .dropdown-menu a.dropdown-item:active, .usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.presentationview .dropdown-menu a.dropdown-item:visited {
  background: #272130 !important;
}
.usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.presentationview .dropdown-menu a.dropdown-item.account-type {
  width: 100%;
  position: relative;
  padding-top: 11px !important;
  padding-bottom: 11px !important;
}
.usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.presentationview .dropdown-menu a.dropdown-item.account-type .img {
  position: absolute;
  left: 15px;
  top: 15px;
  width: 24px;
  height: 24px;
}
.usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.presentationview .dropdown-menu a.dropdown-item.account-type .data {
  width: 100%;
  padding-left: 32px;
}
.usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.presentationview .dropdown-menu a.dropdown-item.account-type .data h6 {
  font-size: 13px;
  color: #c2b8d0 !important;
  margin: 0;
  padding: 0;
  font-weight: 700;
}
.usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.presentationview .dropdown-menu a.dropdown-item.account-type .data h6 span {
  font-weight: 300 !important;
  background: none !important;
  width: auto !important;
  height: auto !important;
  display: inline-block;
}
.usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.presentationview .dropdown-menu a.dropdown-item.account-type .data p {
  font-size: 10px;
  margin: 0;
  padding: 0;
  font-weight: 700;
  line-height: 12px;
}
.usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.presentationview .dropdown-menu a.dropdown-item.account-type.normal p {
  display: none;
}
.usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.presentationview .dropdown-menu a.dropdown-item.account-type.normal h6 {
  line-height: 28px;
}
.usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.presentationview .dropdown-menu a.dropdown-item.account-type.normal .img {
  top: 14px !important;
}
.usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.presentationview .dropdown-menu a.dropdown-item.account-type.upgrade p {
  color: #ae6725;
}
.usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.presentationview .dropdown-menu a.dropdown-item.account-type.trail p {
  color: #cba10b;
}
.usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.presentationview .dropdown-menu a.dropdown-item.account-type.satellite-free .img {
  background: url("/bundles/admin/images/satellite-free-icon.svg") no-repeat;
  background-size: 24px 24px;
}
.usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.presentationview .dropdown-menu a.dropdown-item.account-type.satellite-pro .img {
  background: url("/bundles/admin/images/satellite-pro-icon.svg") no-repeat;
  background-size: 24px 24px;
}
.usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.presentationview .dropdown-menu a.dropdown-item.account-type.galaxy-business .img {
  background: url("/bundles/admin/images/galaxy-business-icon.svg") no-repeat;
  background-size: 24px 24px;
}
.usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.presentationview .dropdown-menu a.dropdown-item.account-type.galaxy-enterprise .img {
  background: url("/bundles/admin/images/galaxy-enterprise-icon.svg") no-repeat;
  background-size: 24px 24px;
}
.usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.presentationview .dropdown-menu a.dropdown-item:first-child {
  border-bottom: 0px solid #362749 !important;
}

.theme-light .usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.presentationview .dropdown-menu {
  background: #fff !important;
  border: none !important;
}
.theme-light .usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.presentationview .dropdown-menu a.dropdown-item {
  border-bottom: 0px solid #362749 !important;
  color: #000 !important;
}
.theme-light .usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.presentationview .dropdown-menu a.dropdown-item:hover {
  background: #F2F2F2 !important;
}
.theme-light .usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.presentationview .dropdown-menu a.dropdown-item:focus, .theme-light .usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.presentationview .dropdown-menu a.dropdown-item:active, .theme-light .usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.presentationview .dropdown-menu a.dropdown-item:visited {
  background: #DEDDDF !important;
}
.theme-light .usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.presentationview .dropdown-menu a.dropdown-item.account-type .data h6 {
  color: #000 !important;
  font-weight: 700;
}
.theme-light .usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.presentationview .dropdown-menu a.dropdown-item.account-type .data h6 span {
  font-weight: 500 !important;
  padding-right: 3px;
}
.theme-light .usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.presentationview .dropdown-menu a.dropdown-item.account-type.upgrade p {
  color: #FB923C;
}
.theme-light .usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.presentationview .dropdown-menu a.dropdown-item.account-type.trail p {
  color: #EAB308;
}
.theme-light .usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.presentationview .dropdown-menu a.dropdown-item.account-type.satellite-free .img {
  background: url("/bundles/admin/images/satellite-free-icon-main.svg") no-repeat;
  background-size: 24px 24px;
}
.theme-light .usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.presentationview .dropdown-menu a.dropdown-item.account-type.satellite-pro .img {
  background: url("/bundles/admin/images/satellite-pro-icon-main.svg") no-repeat;
  background-size: 24px 24px;
}
.theme-light .usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.presentationview .dropdown-menu a.dropdown-item.account-type.galaxy-business .img {
  background: url("/bundles/admin/images/galaxy-business-icon-main.svg") no-repeat;
  background-size: 24px 24px;
}
.theme-light .usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.presentationview .dropdown-menu a.dropdown-item.account-type.galaxy-enterprise .img {
  background: url("/bundles/admin/images/galaxy-enterprise-icon-main.svg") no-repeat;
  background-size: 24px 24px;
}
.theme-light .usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.presentationview .dropdown-menu a.dropdown-item:first-child {
  border-bottom: 0px solid #362749 !important;
}

.usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.presentationview .dropdown-menu a.dropdown-item.nopadding {
  padding: 0px !important;
}

.versiontable {
  width: 100%;
}
.versiontable .version-table-repeat {
  width: 100%;
  position: relative;
}
.versiontable .version-table-repeat .mainversiontable {
  width: 100%;
  position: relative;
  margin-bottom: 5px;
}
.versiontable .version-table-repeat .mainversiontable .version-toggle-icon {
  position: absolute;
  left: -35px;
  top: 12px;
  cursor: pointer;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  text-align: center;
  background-color: var(--NewModalInnerbg) !important;
}
.versiontable .version-table-repeat .subversiontable .subtable {
  margin-bottom: 5px !important;
}
.versiontable .version-table-repeat .subversiontable .subtable table tbody tr {
  position: relative;
}
.versiontable .version-table-repeat .subversiontable .subtable table tbody tr::before {
  width: 15px;
  height: 45px;
  position: absolute;
  background: #2d2637;
  content: "";
  left: 0px;
  top: 0px;
}
.versiontable .version-table-repeat .subversiontable .subtable table tbody tr.creatnew td div {
  width: calc(100% - 15px) !important;
  margin-left: 15px !important;
}
.versiontable .version-table-repeat .subversiontable .subtable table tbody tr.version-disabled {
  position: relative;
}
.versiontable .version-table-repeat .subversiontable .subtable table tbody tr.version-disabled::after {
  width: calc(100% - 15px);
  left: 15px;
  content: "";
}
.versiontable .version-table-repeat.collaspe-toggle .mainversiontable .version-toggle-icon i {
  transform: rotate(0deg);
  transition: 0.3s ease-in-out;
  color: var(--Title);
}
.versiontable .version-table-repeat.collaspe-toggle .subversiontable {
  display: none;
}
.versiontable .version-table-repeat.expand-toggle .mainversiontable .version-toggle-icon i {
  transform: rotate(180deg);
  transition: 0.3s ease-in-out;
  color: var(--Title);
}
.versiontable .version-table-repeat.expand-toggle .subversiontable {
  display: block;
}
.versiontable table.version-data {
  width: 100%;
}
.versiontable table.version-data tbody tr {
  background-color: var(--NewModalInnerbg) !important;
  border-bottom: solid 0px #110a1a !important;
}
.versiontable table.version-data tbody tr.version-disabled {
  position: relative;
}
.versiontable table.version-data tbody tr.version-disabled::after {
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--td_disabled);
  z-index: 2;
  left: 0px;
  top: 0px;
  content: "";
}
.versiontable table.version-data tbody tr td {
  font-size: 13px;
  overflow: hidden;
  white-space: nowrap;
  float: left;
  line-height: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: left;
  padding-right: 7.5px;
}
.versiontable table.version-data tbody tr td:nth-child(1) {
  width: 7% !important;
  padding-left: 10px;
  text-align: center;
  display: flex;
  justify-content: center;
}
.versiontable table.version-data tbody tr td:nth-child(1).subflagtd {
  padding-left: 20px;
}
.versiontable table.version-data tbody tr td:nth-child(1) span.flaf-icon {
  width: 25px;
  height: 25px;
  background: #7800ff;
  border-radius: 50%;
  display: block;
  font-size: 12px;
  line-height: 25px;
}
.versiontable table.version-data tbody tr td:nth-child(1) span.flaf-icon i {
  color: #fff;
}
.versiontable table.version-data tbody tr td:nth-child(2) {
  width: 11% !important;
}
.versiontable table.version-data tbody tr td:nth-child(3) {
  width: 52% !important;
}
.versiontable table.version-data tbody tr td:nth-child(4) {
  width: 5% !important;
}
.versiontable table.version-data tbody tr td:nth-child(4) .userprofile {
  width: 25px;
  height: 25px;
  float: left;
}
.versiontable table.version-data tbody tr td:nth-child(4) .userprofile.shortname {
  background-color: #64d3b2;
  border-radius: 50%;
  color: #000;
  text-transform: uppercase;
  line-height: 25px;
  text-align: center;
  font-weight: 600;
  letter-spacing: -1px;
  font-size: 12px;
}
.versiontable table.version-data tbody tr td:nth-child(4) .userprofile.profileimg img {
  width: 25px;
  height: 25px;
  border-radius: 50%;
}
.versiontable table.version-data tbody tr td:nth-child(5) {
  width: 20% !important;
}
.versiontable table.version-data tbody tr td:nth-child(6) {
  width: 5% !important;
}
.versiontable table.version-data tbody tr td:nth-child(6).menulinks {
  overflow: visible;
}
.versiontable table.version-data tbody tr td.titledata {
  position: relative;
  padding-right: 40px;
}
.versiontable table.version-data tbody tr td.titledata .title {
  width: 100%;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.versiontable table.version-data tbody tr td div.user-3-dotsmenu {
  float: right;
  margin-right: 5px;
}
.versiontable table.version-data tbody tr td div.user-3-dotsmenu .dropdown,
.versiontable table.version-data tbody tr td div.user-3-dotsmenu .dropup {
  z-index: 4;
  cursor: pointer;
}
.versiontable table.version-data tbody tr td div.user-3-dotsmenu .dropdown-toggle::after {
  display: none;
}
.versiontable table.version-data tbody tr td div.user-3-dotsmenu span.menu-icon {
  width: 24px;
  height: 24px;
  display: block;
  text-align: center;
  cursor: pointer;
  background: url(/bundles/admin/images/insight-3dots-white-menu.svg) top center no-repeat;
}
.versiontable table.version-data tbody tr td div.user-3-dotsmenu span.menu-icon:hover, .versiontable table.version-data tbody tr td div.user-3-dotsmenu span.menu-icon:focus, .versiontable table.version-data tbody tr td div.user-3-dotsmenu span.menu-icon:active, .versiontable table.version-data tbody tr td div.user-3-dotsmenu span.menu-icon:visited {
  background: url(/bundles/admin/images/insight-3dots-white-menu.svg) top center no-repeat #2d2637;
  border-radius: 50%;
}
.versiontable table.version-data tbody tr td div.user-3-dotsmenu img {
  width: 3px;
  height: 15px;
  vertical-align: middle;
  margin-top: -1px;
}
.versiontable table.version-data tbody tr td div.user-3-dotsmenu .dropdown-menu {
  background: #26202e;
  padding: 0px;
  border-radius: 0px;
  right: 0px !important;
  left: -100px !important;
  transform: translate3d(-40px, 13px, 0px) !important;
  z-index: 10;
  min-width: 150px;
  border: 1px solid #000;
  border-bottom: none !important;
}
.versiontable table.version-data tbody tr td div.user-3-dotsmenu .dropdown-menu a {
  text-align: left;
  width: 100%;
  display: block;
  font-size: 13px;
  padding: 6px 11px !important;
  font-weight: 600;
  border-bottom: 1px solid #000;
  color: var(--Title);
  line-height: normal !important;
  cursor: pointer;
  border-radius: 0px !important;
}
.versiontable table.version-data tbody tr td div.user-3-dotsmenu .dropdown-menu a:hover {
  background: #3f3449;
  border-radius: 0px !important;
}
.versiontable table.version-data tbody tr td div.user-3-dotsmenu .dropdown-menu a.delete:hover {
  background: #B11E27;
}
.versiontable table.version-data tbody tr td div.user-3-dotsmenu .dropdown-menu a.addinsight:hover {
  background: #7801FF;
}
.versiontable table.version-data tbody tr td div.user-3-dotsmenu .dropdown-menu a.activate:hover {
  background: #28CD41;
}
.versiontable table.version-data tbody tr td div.user-3-dotsmenu .dropdown-menu a.pending:hover {
  background: #ae6725;
}
.versiontable table.version-data tbody tr td div.user-3-dotsmenu .dropdown-menu a.addinsight i {
  font-size: 10px;
}
.versiontable table.version-data tbody tr td.pl-25 {
  padding-left: 25px;
}
.versiontable table {
  width: 100%;
}
.versiontable table tbody tr.creatnew td div {
  border: 1px dashed #5a4f65;
  display: block;
  width: 100%;
  height: 45px;
  text-align: center;
  line-height: 45px;
  font-size: 13px;
  color: var(--Title);
  font-weight: 600;
}

.version-title-info {
  position: absolute;
  top: 15px;
  right: 20px;
  z-index: 2;
}
.version-title-info img {
  width: 16px;
  height: 16px;
}

.version-title {
  position: absolute;
  right: 7px;
}

.theme-light .versiontable table tbody tr.creatnew td div {
  border: 1px dashed #c5c5c5;
}
.theme-light .versiontable table tbody tr.creatnew td div:hover {
  background: #f3f3f3 !important;
}
.theme-light .usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li:hover .versionsModal i {
  color: #000 !important;
}
.theme-light .usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li:hover .versionsModal .versiontable table.version-data tbody tr td:nth-child(1) span.flaf-icon i {
  color: #fff !important;
}
.theme-light .versiontable .version-table-repeat .subversiontable .subtable table tbody tr::before {
  background: #ffffff;
}
.theme-light .versiontable table.version-data tbody tr td div.user-3-dotsmenu span.menu-icon {
  background: url(/bundles/admin/images/insight-3dots-black-menu.svg) top center no-repeat !important;
}
.theme-light .versiontable table.version-data tbody tr td div.user-3-dotsmenu span.menu-icon:hover {
  background: url(/bundles/admin/images/insight-3dots-black-menu.svg) top center no-repeat #d8d8d8 !important;
}

.versions-icon-main {
  float: left;
  width: 30px;
  height: 30px;
  background: #201a2a;
  border-radius: 50%;
  margin-top: 12px !important;
  margin-left: 10px;
  cursor: pointer;
}
.versions-icon-main .versions-icon {
  background: url("/bundles/map/images/versions-g.svg") no-repeat;
  display: block;
  line-height: 24px;
  background-size: 15px 15px;
  background-position: 8px 8px;
  height: 24px;
  width: 24px;
}

.theme-light .versions-icon-main {
  background: #ffffff;
}
.theme-light .versions-icon-main:hover {
  background: #d8d8d8;
}
.theme-light .versions-icon-main .versions-icon {
  background: url("/bundles/map/images/versions-b.svg") no-repeat;
  display: block;
  line-height: 24px;
  background-size: 15px 15px;
  background-position: 8px 8px;
  height: 24px;
  width: 24px;
}

/********************** HeaSigupder Styles ***********************/
/*************** 1. Imports ******************/
/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Mixins ******************/
.topnavigation {
  width: 100%;
}

/*** Sidebar Menu ***/
.sidemenu {
  min-height: 100vh;
  margin-left: -15rem;
  -webkit-transition: margin 0.25s ease-out;
  -moz-transition: margin 0.25s ease-out;
  -o-transition: margin 0.25s ease-out;
  transition: margin 0.25s ease-out;
  background: #140e1c;
  border-right: 1px solid #282828;
}
@media (min-width: 320px) and (max-width: 768px) {
  .sidemenu {
    margin-left: 0;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  .sidemenu {
    flex: 0 0 20%;
    max-width: 20%;
  }
}
.sidemenu .navbar-brand {
  text-align: center;
  padding: 8.15px 11px !important;
  max-width: 150px;
}
.sidemenu .navbar-brand img {
  max-width: 150px;
}
.sidemenu .side-title {
  font-size: 30px;
  font-weight: 800;
  padding: 5px 35px 15px 45px;
  margin: 35px 0 0 0;
  padding-left: 10%;
}
.sidemenu .list-group-item-action {
  background: transparent;
  border: 0;
  font-size: 13px;
  border-right: 2px solid transparent;
  margin-bottom: 0px;
  padding: 10px 40px 10px 45px;
  border-radius: none;
  position: relative;
  padding-left: 10%;
}
.sidemenu .list-group-item-action.IconsTxt {
  z-index: 0;
}
.sidemenu .list-group-item-action:hover, .sidemenu .list-group-item-action.active {
  border-right: 2px solid #7800ff;
}
@media (min-width: 320px) and (max-width: 768px) {
  .sidemenu .list-group-item-action:hover, .sidemenu .list-group-item-action.active {
    color: #7800ff;
  }
}
.sidemenu .list-group-item-action a {
  color: #fff;
  display: block;
}
.sidemenu .sidebar-heading {
  padding: 0.875rem 1.25rem;
  font-size: 1.2rem;
}

@media (min-width: 320px) and (max-width: 768px) {
  .usermaincontainer #sidebar-wrapper {
    margin-left: 0;
  }
}

#page-content-wrapper {
  min-width: 100%;
  padding-left: 50px;
}
@media (min-width: 320px) and (max-width: 1524px) {
  #page-content-wrapper {
    padding-left: 0px;
    min-width: 100%;
  }
}
@media (min-width: 320px) and (max-width: 768px) {
  #page-content-wrapper {
    padding-left: 0px;
    min-width: 100%;
  }
}

.usermaincontainer.toggled #sidebar-wrapper {
  margin-left: 0;
  position: fixed;
}
@media (min-width: 320px) and (max-width: 768px) {
  .usermaincontainer.toggled #sidebar-wrapper {
    margin-left: -13rem;
  }
}
.usermaincontainer.toggled #page-content-wrapper {
  min-width: 85%;
  padding-left: 25%;
}
.usermaincontainer.toggled #page-content-wrapper.fullwidth {
  min-width: 100%;
}
@media (min-width: 1200px) and (max-width: 1599px) {
  .usermaincontainer.toggled #page-content-wrapper {
    min-width: 80%;
    padding-left: 20%;
  }
  .usermaincontainer.toggled #page-content-wrapper .subscrption-business {
    -ms-flex: 0 0 85%;
    flex: 0 0 85%;
    max-width: 85%;
  }
}
@media (min-width: 769px) and (max-width: 1224px) {
  .usermaincontainer.toggled #page-content-wrapper {
    padding: 0 20px;
  }
}
@media (min-width: 2021px) and (max-width: 4921px) {
  .usermaincontainer.toggled #page-content-wrapper {
    min-width: 100%;
  }
}
@media (min-width: 320px) and (max-width: 768px) {
  .usermaincontainer.toggled #page-content-wrapper {
    min-width: 100vw;
  }
}
.usermaincontainer.toggled #page-content-wrapper.dashboardPageContentWrapper {
  min-width: 100%;
  padding-left: 100px;
  padding-right: 100px;
}

/*** Drpdown menu CSS***/
.customDropdown {
  color: #fff;
}
.customDropdown:hover {
  color: #fff;
  cursor: pointer;
}
.customDropdown.dropdown-toggle::after {
  content: "";
  font: normal normal normal 14px/1 FontAwesome;
  border: none;
  position: absolute;
  top: 13px;
  cursor: pointer;
}
.customDropdown .dropdown-menu {
  background: #26202e;
  padding: 0px;
  right: 0px;
  border-radius: 0px;
  top: 55px;
  width: 200px;
  left: 38px !important;
}
.customDropdown .dropdown-menu a {
  color: #fff;
  font-size: 14px;
  padding: 10px 8px;
  font-weight: 500 !important;
  border-bottom: 1px solid #362749;
}
.customDropdown .dropdown-menu a:last-child {
  border-bottom: 1px solid #362749;
}
.customDropdown .dropdown-menu a:hover {
  background: #2d2637;
}
.customDropdown.mainlevel2.dropdown-toggle::after {
  content: "" !important;
}
.customDropdown.mainlevel2.dropdown-toggle .dropdown-item.sublevel2::after {
  content: "";
  font: normal normal normal 14px/1 FontAwesome;
  border: none;
  position: absolute;
  top: 9px;
  cursor: pointer;
  color: var(--Subtitle);
  margin-left: 3px;
}

.dimensionsCollapseList li {
  padding: 5px !important;
  margin-bottom: 0px !important;
  padding-left: 12.5% !important;
}
.dimensionsCollapseList li a {
  display: block;
  padding: 0px;
  border-right: 1px solid transparent;
  border-radius: 0;
  color: #7b6c8f !important;
  padding-left: 0px;
  white-space: normal !important;
  background-color: transparent !important;
}
.dimensionsCollapseList li a:hover, .dimensionsCollapseList li a.selected {
  border-right: 0px solid #7800ff;
  background-color: transparent !important;
  color: #fff;
}
.dimensionsCollapseList li.active .dropdown-item:focus, .dimensionsCollapseList li.active .dropdown-item:hover {
  background-color: transparent !important;
}

.width-pagecontent {
  width: 85vw;
}

.menunavOffset.collapsedMenu #sidebar-wrapper {
  width: 50px !important;
}
.menunavOffset.collapsedMenu #sidebar-wrapper .navbar-brand {
  height: 50px !important;
  background: #110a1a !important;
}
.menunavOffset.collapsedMenu #sidebar-wrapper .m-slidebar-height {
  width: 50px !important;
  transition: all 0.35s ease;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
}
.menunavOffset.collapsedMenu #sidebar-wrapper .m-slidebar-height .menuhide {
  display: none !important;
}
.menunavOffset.collapsedMenu #sidebar-wrapper .m-slidebar-height .insightsaccordion .insightFilterMenu ul li {
  text-align: center;
}
.menunavOffset.collapsedMenu #sidebar-wrapper .m-slidebar-height .insightsaccordion .insightFilterMenu ul li.expand {
  background: #423c4b;
}
.menunavOffset.collapsedMenu #sidebar-wrapper .m-slidebar-height .insightsaccordion .insightFilterMenu ul li.expand .collaspe-icon {
  display: none;
}
.menunavOffset.collapsedMenu #sidebar-wrapper .m-slidebar-height .insightsaccordion .insightFilterMenu ul li.expand .expand-icon {
  display: block;
  cursor: pointer;
}
.menunavOffset.collapsedMenu #sidebar-wrapper .m-slidebar-height .insightsaccordion .insightFilterMenu ul li.expand a {
  padding: 8.25px 5px !important;
}
.menunavOffset.collapsedMenu #sidebar-wrapper .m-slidebar-height .insightsaccordion .insightFilterMenu ul li.expand a i {
  font-size: 22px;
}
.menunavOffset.collapsedMenu #sidebar-wrapper .m-slidebar-height .insightsaccordion .insightFilterMenu ul li .card .card-header.headerMain h5 a {
  padding: 15px;
  text-align: center;
}
.menunavOffset.collapsedMenu #sidebar-wrapper .m-slidebar-height .insightsaccordion .insightFilterMenu ul li .card .card-header.headerMain h5 a:hover {
  background: #423c4b;
}
.menunavOffset.collapsedMenu #sidebar-wrapper .m-slidebar-height .insightsaccordion .insightFilterMenu ul li .card .card-header.headerMain h5 a .ourmaps-icon {
  background-size: 20px 12px !important;
  width: 20px;
  height: 12px;
  margin: 0px auto !important;
}
.menunavOffset.collapsedMenu #sidebar-wrapper .m-slidebar-height .insightsaccordion .insightFilterMenu ul li .card .card-header.headerMain h5 a .mymaps-icon {
  background-size: 12px 17px !important;
  width: 12px;
  height: 17px;
  margin: 0px auto !important;
}
.menunavOffset.collapsedMenu #sidebar-wrapper .m-slidebar-height .insightsaccordion .insightFilterMenu ul li .card .card-header.headerMain h5 a .dimension-icon {
  background-size: 15px 15px !important;
  height: 15px;
  width: 15px;
  margin: 0px auto !important;
}
.menunavOffset.collapsedMenu #sidebar-wrapper .m-slidebar-height .insightsaccordion .insightFilterMenu ul li .card .card-header.headerMain h5 a::after {
  display: none;
}
.menunavOffset.collapsedMenu #page-content-wrapper {
  padding-left: 50px !important;
  min-width: 100vw !important;
  transition: all 0.35s ease;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
}
.menunavOffset.collapsedMenu #page-content-wrapper .insightBlock {
  padding-right: 46px !important;
}
.menunavOffset.collapsedMenu #page-content-wrapper .insightBlock .insightFixedHeader {
  width: calc(100% - 86px);
  padding-right: 50px;
}
.menunavOffset.collapsedMenu .hideCanvasExpand {
  display: block !important;
}
.menunavOffset.expandMenu #sidebar-wrapper .m-slidebar-height {
  transition: all 0.35s ease-out;
  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  -o-transition: all 0.35s ease-out;
  -ms-transition: all 0.35s ease-out;
}
.menunavOffset.expandMenu #page-content-wrapper {
  transition: all 0.35s ease-out;
  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  -o-transition: all 0.35s ease-out;
  -ms-transition: all 0.35s ease-out;
}
.menunavOffset.expandMenu .hideCanvasExpand {
  display: none !important;
}
.menunavOffset #sidebar-wrapper .m-slidebar-height .insightsaccordion .insightFilterMenu ul li.expand {
  position: relative;
}
.menunavOffset #sidebar-wrapper .m-slidebar-height .insightsaccordion .insightFilterMenu ul li.expand .expand-icon {
  display: none;
}
.menunavOffset #sidebar-wrapper .m-slidebar-height .insightsaccordion .insightFilterMenu ul li.expand .collaspe-icon {
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  background: #423c4b;
  top: 0px;
  right: 0px;
  text-align: center;
  line-height: 40px;
  font-size: 20px;
  cursor: pointer;
}
.menunavOffset #sidebar-wrapper .m-slidebar-height .insightsaccordion .insightFilterMenu ul li.expand .collaspe-icon i {
  font-size: 22px;
}
.menunavOffset #sidebar-wrapper .m-slidebar-height .insightsaccordion .insightFilterMenu ul li.expand a i {
  font-size: 50px;
}
.menunavOffset header .usermanagementheader.dbUserHeader {
  left: 0px;
}
.menunavOffset .hideCanvasExpand {
  display: none !important;
}

.frameworkCollapseList li {
  padding-left: 17.5% !important;
}
.frameworkCollapseList li a {
  position: relative;
}
.frameworkCollapseList li a::before {
  content: "";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  left: -10px;
  position: absolute;
  font-size: 14px;
  top: 2px;
}

/********************** Signupder Styles ***********************/
/*************** 1. Imports ******************/
/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Mixins ******************/
/*** Tabs ***/
.signup-box {
  background: #251837;
  padding: 20px;
}

.signup-tabs .tabstyle {
  text-align: center;
  margin: 0 auto;
  width: 100%;
}
.signup-tabs .tabstyle .tabstyleinner {
  width: 50%;
}
@media (min-width: 577px) and (max-width: 768px) {
  .signup-tabs .tabstyle .tabstyleinner {
    width: 90%;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .signup-tabs .tabstyle .tabstyleinner {
    width: 100%;
  }
}
.signup-tabs .container-fluid {
  padding: 0;
}
.signup-tabs .tabs-maincontent .tab-content {
  padding: 30px 0 50px 0;
}
@media (min-width: 320px) and (max-width: 768px) {
  .signup-tabs .tabs-maincontent .tab-content {
    padding: 30px 0 0px 0;
  }
}
@media (min-width: 320px) and (max-width: 768px) {
  .signup-tabs .tabs-maincontent .signupboxmain {
    margin: 30px 0;
  }
}
.signup-tabs .tabs-maincontent .signup-box {
  position: relative;
  min-height: 500px;
  height: 100%;
}
@media (min-width: 768px) and (max-width: 992px) {
  .signup-tabs .tabs-maincontent .signup-box {
    min-height: 100%;
    height: auto;
    padding: 30px 25px;
  }
}
@media (min-width: 320px) and (max-width: 768px) {
  .signup-tabs .tabs-maincontent .signup-box {
    padding: 30px 20px;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .signup-tabs .tabs-maincontent .signup-box {
    min-height: 200px;
  }
}
.signup-tabs .tabs-maincontent .signup-box:before {
  background: #110a1a;
  position: absolute;
  content: "";
  width: 50px;
  height: 50px;
  top: -25px;
  left: 50%;
  border-radius: 50px;
  margin-left: -25px;
}
.signup-tabs .tabs-maincontent .signup-box h2 {
  font-size: 30px;
}
@media (min-width: 768px) and (max-width: 992px) {
  .signup-tabs .tabs-maincontent .signup-box h2 {
    font-size: 25px;
  }
}
.signup-tabs .tabs-maincontent .signup-box h6 {
  color: #876cab;
  font-size: 18px;
}
@media (min-width: 320px) and (max-width: 768px) {
  .signup-tabs .tabs-maincontent .signup-box h6 {
    font-size: 16px;
  }
}
.signup-tabs .tabs-maincontent .signup-box .signupbox-txt {
  color: #e5e8ff;
  margin: 15px 0;
  height: 100px;
}
@media (min-width: 320px) and (max-width: 768px) {
  .signup-tabs .tabs-maincontent .signup-box .signupbox-txt {
    font-size: 14px;
    height: auto;
  }
}
.signup-tabs .tabs-maincontent .signup-box .signuplist {
  margin: 0px 0px 5 50px 0px;
  padding: 0px;
  color: #fff;
  min-height: 200px;
  padding-bottom: 100px;
}
@media (min-width: 320px) and (max-width: 576px) {
  .signup-tabs .tabs-maincontent .signup-box .signuplist {
    padding-bottom: 20px;
    min-height: 150px;
  }
}
.signup-tabs .tabs-maincontent .signup-box .signuplist li {
  margin: 5px 0;
  list-style: none;
}
@media (min-width: 320px) and (max-width: 576px) {
  .signup-tabs .tabs-maincontent .signup-box .signuplist li {
    font-size: 12px;
  }
}
.signup-tabs .tabs-maincontent .signup-box .signuplist li i {
  margin-right: 10px;
}
.signup-tabs .tabs-maincontent .signup-box .signuplist li a {
  color: #fff;
  position: relative;
}
@media (min-width: 320px) and (max-width: 768px) {
  .signup-tabs .tabs-maincontent .signup-box .signuplist li a {
    font-size: 12px;
  }
}
.signup-tabs .tabs-maincontent .signup-box .signup-btn {
  display: block;
  width: 90%;
  margin: 0 auto;
  text-align: center;
  position: absolute;
  bottom: 50px;
}
@media (min-width: 320px) and (max-width: 576px) {
  .signup-tabs .tabs-maincontent .signup-box .signup-btn {
    position: static;
    bottom: 0;
    margin: 20px 0;
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .signup-tabs .tabs-maincontent .signup-box .signup-btn {
    width: 78%;
  }
}
@media (min-width: 320px) and (max-width: 768px) {
  .signup-tabs .tabs-maincontent .signup-box .signup-btn {
    font-size: 14px;
  }
}
.signup-tabs .tabs-maincontent .signup-box .signuplist a:before,
.signup-tabs .tabs-maincontent .signup-box .readmore a:before {
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 1px;
  background: #fff;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  position: absolute;
  content: "";
  -moz-transition: transform 0.5s ease;
  -o-transition: transform 0.5s ease;
  -webkit-transition: transform 0.5s ease;
  transition: transform 0.5s ease;
}
.signup-tabs .tabs-maincontent .signup-box .signuplist a:hover:before,
.signup-tabs .tabs-maincontent .signup-box .readmore a:hover:before {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
.signup-tabs .tabs-maincontent .signup-box .readmore {
  position: absolute;
  bottom: 20px;
  text-align: center;
  left: 50%;
  margin: 0 -30px;
}
.signup-tabs .tabs-maincontent .signup-box .readmore a {
  color: #fff;
  font-size: 12px;
}
.signup-tabs .tabs-maincontent .signup-box .subscriptionduration {
  margin: 0 auto 50px;
  width: 300px;
}
.signup-tabs .tabs-maincontent .signup-box .subscriptionduration p {
  margin-bottom: 10px;
  font-size: 20px;
}

/*** Team Size ***/
.teamsizemain {
  width: 100%;
  text-align: center;
}
.teamsizemain .teamsizeinner {
  display: inline-block;
  margin: -10px auto 0 auto;
  background: #000;
  padding: 0 20px;
  border-radius: 50px;
}
.teamsizemain .teamsize-txt {
  text-transform: uppercase;
  font-size: 12px;
  color: #e5e8ff;
  display: inline-block;
  margin: 10px 10px 10px 0;
}
.teamsizemain .teamsizelist {
  margin: 0;
  padding: 0;
  display: inline-block;
}
.teamsizemain .teamsizelist li {
  display: inline-block;
  list-style: none;
  font-size: 18px;
  font-weight: 600;
  border: 1px solid transparent;
  margin: 3px 0;
}
@media (min-width: 320px) and (max-width: 768px) {
  .teamsizemain .teamsizelist li {
    padding: 0 10px;
    font-size: 12px;
  }
}
.teamsizemain .teamsizelist li .custom-control {
  padding-left: 0px;
}
.teamsizemain .teamsizelist li .custom-control .custom-control-label {
  padding: 0 20px;
  line-height: 30px;
  position: relative;
  z-index: 1;
  color: #8b93a1;
  font-size: 14px;
}
.teamsizemain .teamsizelist li .custom-control .custom-control-label:before {
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 30px;
  content: "";
  z-index: -1;
  border-radius: 20px !important;
}
.teamsizemain .teamsizelist li .custom-control .custom-control-input:focus {
  border: none;
  box-shadow: none;
}
.teamsizemain .teamsizelist li .custom-control .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: none;
}
.teamsizemain .teamsizelist li .custom-control .custom-control-input ~ .custom-control-label::before {
  background-color: transparent;
}
.teamsizemain .teamsizelist li .custom-control .custom-control-input:checked ~ .custom-control-label {
  color: #fff;
}
.teamsizemain .teamsizelist li .custom-control .custom-control-input:checked ~ .custom-control-label::before {
  background: -webkit-linear-gradient(left, #7800ff 30%, #00288d 100%);
  background: -moz-linear-gradient(left, #7800ff 30%, #00288d 100%);
  background: -o-linear-gradient(left, #7800ff 30%, #00288d 100%);
  background: linear-gradient(left, #7800ff 30%, #00288d 100%);
  background: #7800ff;
  border-radius: none;
}
.teamsizemain .teamsizelist li .custom-control .custom-control-input:checked ~ .custom-control-label:after {
  background: transparent;
}

/*** Ticket ***/
.galaxyTicket {
  position: absolute;
  top: -200px;
  max-width: 1220px;
  min-width: 20%;
}
@media (min-width: 320px) and (max-width: 576px) {
  .galaxyTicket {
    max-width: 100%;
    position: static;
    top: auto;
  }
}
@media (min-width: 576px) and (max-width: 1254px) {
  .galaxyTicket {
    min-width: 85%;
    max-width: 96%;
  }
}
@media (min-width: 1260px) and (max-width: 1824px) {
  .galaxyTicket {
    min-width: 64%;
  }
  @supports (-ms-ime-align: auto) {
    .galaxyTicket {
      min-width: 90%;
    }
  }
}
.galaxyTicket.discounttableticket {
  min-width: 64%;
}
@media (max-width: 2721px) {
  .galaxyTicket.discounttableticket {
    min-width: 1220px;
  }
}
@media (min-width: 1921px) and (max-width: 2321px) {
  .galaxyTicket.discounttableticket {
    min-width: 1220px;
  }
}
@media (min-width: 1255px) and (max-width: 1921px) {
  .galaxyTicket.discounttableticket {
    min-width: 1220px;
  }
}
@media (min-width: 576px) and (max-width: 1254px) {
  .galaxyTicket.discounttableticket {
    min-width: 95%;
    max-width: 95%;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .galaxyTicket.discounttableticket {
    max-width: 100%;
    min-width: 96%;
  }
}
.galaxyTicket.discounttableticket .ticket-body {
  padding: 0px;
}
.galaxyTicket::after, .galaxyTicket::before {
  position: absolute;
  content: "";
  width: 50px;
  height: 50px;
  right: 15%;
  border-radius: 50px;
  margin-left: -25px;
}
@media (min-width: 320px) and (max-width: 768px) {
  .galaxyTicket::after, .galaxyTicket::before {
    right: auto;
    left: 50%;
  }
}
.galaxyTicket::before {
  top: -25px;
  background: #110a1a;
}
.galaxyTicket::after {
  bottom: -25px;
  background: #200c3a;
}
@media (min-width: 320px) and (max-width: 768px) {
  .galaxyTicket::after {
    background: transparent;
  }
}
.galaxyTicket .ticket-title,
.galaxyTicket .ticket-body {
  padding: 30px;
}
@media (min-width: 577px) and (max-width: 768px) {
  .galaxyTicket .ticket-title,
.galaxyTicket .ticket-body {
    padding: 30px 20px;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .galaxyTicket .ticket-title,
.galaxyTicket .ticket-body {
    padding: 30px 10px;
  }
}
.galaxyTicket .ticket-title {
  background: -webkit-linear-gradient(left, #30095e 30%, #10123f 100%);
  background: -moz-linear-gradient(left, #30095e 30%, #10123f 100%);
  background: -o-linear-gradient(left, #30095e 30%, #10123f 100%);
  background: linear-gradient(left, #30095e 30%, #10123f 100%);
}
.galaxyTicket .ticket-title h3 {
  color: #fff;
  font-family: "titling-gothic-fb-extended";
  display: inline-block;
}
@media (min-width: 320px) and (max-width: 768px) {
  .galaxyTicket .ticket-title h3 {
    font-size: 14px;
  }
}
.galaxyTicket .ticket-title h3 span {
  margin-left: 20px;
  font-family: "Inter", sans-serif;
}
@media (min-width: 320px) and (max-width: 768px) {
  .galaxyTicket .ticket-title h3 span {
    float: right;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .galaxyTicket .ticket-title h3 span {
    margin-left: 5px;
  }
}
.galaxyTicket .ticket-title .galaxyInfo {
  margin-left: 10px;
}
.galaxyTicket .ticket-title .galaxyInfo small {
  font-size: 10px;
  color: #876cab;
  font-weight: 600;
}
.galaxyTicket .selectdscounttable {
  display: inline-block;
  margin-left: 10px;
}
@media (min-width: 320px) and (max-width: 768px) {
  .galaxyTicket .selectdscounttable {
    float: right;
    margin-left: 0px;
  }
}
.galaxyTicket .selectdscounttable span {
  display: block;
  color: #876cab;
  font-size: 10px;
  font-weight: 600;
}
.galaxyTicket .selectdscounttable a {
  display: block;
  font-size: 12px;
  color: #876cab;
}
@media (min-width: 320px) and (max-width: 768px) {
  .galaxyTicket .selectdscounttable a {
    font-size: 10px;
  }
}
.galaxyTicket .selectdscounttable a.active, .galaxyTicket .selectdscounttable a:hover {
  color: #fff;
}
.galaxyTicket .selectdscounttable a.discounttableshow.active, .galaxyTicket .selectdscounttable a.discounttableshow:hover {
  color: #fff;
  font-weight: 600;
}
.galaxyTicket .ticket-body {
  background: #fff;
  position: relative;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .galaxyTicket .ticket-body {
    min-width: 1220px;
    max-width: 20%;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .galaxyTicket .ticket-body {
    padding-bottom: 75px;
  }
}
@media screen and (min-width: 320px) and (max-width: 576px) and (-ms-high-contrast: active), screen and (min-width: 320px) and (max-width: 576px) and (-ms-high-contrast: none) {
  .galaxyTicket .ticket-body {
    max-width: 100%;
    min-width: auto;
  }
}
@media screen and (min-width: 576px) and (max-width: 1254px) and (-ms-high-contrast: active), screen and (min-width: 576px) and (max-width: 1254px) and (-ms-high-contrast: none) {
  .galaxyTicket .ticket-body {
    min-width: 85%;
    max-width: 100%;
    min-width: auto;
  }
}
@media (min-width: 1260px) and (max-width: 1824px) {
  .galaxyTicket .ticket-body {
    min-width: 64%;
  }
  @supports (-ms-ime-align: auto) {
    .galaxyTicket .ticket-body {
      min-width: 90%;
    }
  }
}
@media screen and (min-width: 1260px) and (max-width: 1824px) and (-ms-high-contrast: active), screen and (min-width: 1260px) and (max-width: 1824px) and (-ms-high-contrast: none) {
  .galaxyTicket .ticket-body {
    min-width: 1220px;
    max-width: 100%;
    min-width: auto;
  }
}
.galaxyTicket .ticket-body .ticket-grid .ticketgrid-title {
  padding: 10px 0 0 0;
  color: #4d0fd7;
  margin: 0 0 5px 0;
}
.galaxyTicket .ticket-body .ticket-grid .ticketgrid-title,
.galaxyTicket .ticket-body .ticket-grid h4 {
  font-size: 18px;
}
.galaxyTicket .ticket-body .ticket-grid h4 {
  color: #00288d;
  font-weight: 800;
}
.galaxyTicket .ticket-body .ticket-grid .ticketgrid-descrip {
  color: #251837;
  width: 80%;
}
@media (min-width: 320px) and (max-width: 576px) {
  .galaxyTicket .ticket-body .ticket-grid .ticketgrid-descrip {
    font-size: 12px;
  }
}
.galaxyTicket .ticket-body .ticket-grid .formsection {
  padding: 0;
}
.galaxyTicket .ticket-body .ticket-grid .formsection .form-group {
  margin: 0 0 10px;
}
.galaxyTicket .ticket-body .ticket-grid .formsection label {
  color: #322345;
}
.galaxyTicket .ticket-body .ticketbuybutton-pos {
  position: absolute;
  right: -67px;
  top: 36%;
  background: #110a1a;
  border-radius: 50px;
  padding: 10px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  content: "";
}
@media (min-width: 320px) and (max-width: 576px) {
  .galaxyTicket .ticket-body .ticketbuybutton-pos {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    bottom: -30px;
    left: 30%;
    right: auto;
    top: auto;
  }
}
.galaxyTicket .ticket-body .mailingtxt {
  font-size: 20px;
  font-weight: 800;
  font-family: "titling-gothic-fb-extended";
  background: -webkit-linear-gradient(left, #6988d5 30%, #a59cd2 100%);
  background: -moz-linear-gradient(left, #6988d5 30%, #a59cd2 100%);
  background: -o-linear-gradient(left, #6988d5 30%, #a59cd2 100%);
  background: linear-gradient(left, #6988d5 30%, #a59cd2 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  position: absolute;
  bottom: 10px;
}
@media (min-width: 320px) and (max-width: 576px) {
  .galaxyTicket .ticket-body .mailingtxt {
    position: static;
    bottom: auto;
    text-align: center;
    font-size: 14px;
    display: block;
  }
}
.galaxyTicket.callBackReq .callbackReqprice,
.galaxyTicket.callBackReq .selectdscounttable {
  display: none;
}
.galaxyTicket.callBackReq .ticket-grid .form-control {
  background: #e5e8ff !important;
  border: 1px solid #e5e8ff;
  color: #322345;
  font-size: 14px;
  box-shadow: none;
}
.galaxyTicket.callBackReq .ticket-grid .form-control::-webkit-input-placeholder {
  color: #322345;
}
.galaxyTicket.callBackReq .ticket-grid .form-control:-moz-placeholder {
  color: #a59cd2;
}
.galaxyTicket.callBackReq .ticket-grid .form-control::-moz-placeholder {
  color: #a59cd2;
}
.galaxyTicket.callBackReq .ticket-grid .form-control:-ms-input-placeholder {
  color: #a59cd2;
}
.galaxyTicket.callBackReq .ticket-grid .form-group {
  margin: auto !important;
}

/**** Discount Table ***/
.discount-tablemain ul {
  padding: 0px;
}
.discount-tablemain ul .dicounttablebox {
  padding: 30px 20px;
  text-align: center;
  position: relative;
  height: 100%;
}
@media (min-width: 320px) and (max-width: 576px) {
  .discount-tablemain ul .dicounttablebox {
    border-bottom: 1px solid #4d0fd7;
  }
}
.discount-tablemain ul .dicounttablebox:after {
  position: absolute;
  content: "";
  right: 0;
  top: 45%;
  background: rgba(0, 0, 0, 0.33);
  width: 1px;
  height: 40px;
}
.discount-tablemain ul .dicounttablebox.selected, .discount-tablemain ul .dicounttablebox:hover {
  background: -webkit-linear-gradient(top, #7800ff 30%, #00288d 100%);
  background: -moz-linear-gradient(top, #7800ff 30%, #00288d 100%);
  background: -o-linear-gradient(top, #7800ff 30%, #00288d 100%);
  background: linear-gradient(top, #7800ff 30%, #00288d 100%);
}
.discount-tablemain ul .dicounttablebox.selected:after, .discount-tablemain ul .dicounttablebox:hover:after {
  background: transparent;
}
.discount-tablemain ul .dicounttablebox.selected .top-txt, .discount-tablemain ul .dicounttablebox:hover .top-txt {
  font-size: 12px;
  color: #fff;
  visibility: visible;
}
.discount-tablemain ul .dicounttablebox.selected h3, .discount-tablemain ul .dicounttablebox:hover h3 {
  color: #fff;
}
.discount-tablemain ul .dicounttablebox.selected h3 small, .discount-tablemain ul .dicounttablebox:hover h3 small {
  color: rgba(255, 255, 255, 0.58);
}
.discount-tablemain ul .dicounttablebox.selected a, .discount-tablemain ul .dicounttablebox:hover a {
  color: #fff;
  font-size: 12px;
  display: inline-block;
}
.discount-tablemain ul .dicounttablebox.selected a img, .discount-tablemain ul .dicounttablebox:hover a img {
  display: inline-block;
  vertical-align: sub;
  margin-right: 5px;
  height: 14px;
  width: 14px;
}
.discount-tablemain ul .dicounttablebox .top-txt {
  visibility: hidden;
}
.discount-tablemain ul .dicounttablebox h3 {
  font-size: 29px;
  font-weight: 800;
  padding: 50px 20px;
  color: #00288d;
}
.discount-tablemain ul .dicounttablebox h3 small {
  font-size: 9px;
  color: #876cab;
  display: block;
}
.discount-tablemain ul .dicounttablebox a {
  display: none;
}

/*** Customer Journey ***/
.cust-gerneymain {
  background: #200c3a;
  position: relative;
  padding: 160px 0 80px 0;
  margin: 250px 0 0 0;
}
@media (min-width: 320px) and (max-width: 576px) {
  .cust-gerneymain {
    padding: 0;
    margin: 30px 0;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .cust-gerneymain {
    padding: 300px 0 50px 0;
  }
}
@media (min-width: 769px) and (max-width: 992px) {
  .cust-gerneymain {
    padding: 180px 0 50px 0;
  }
}
.cust-gerneymain .page-title {
  margin: 40px;
}
@media (min-width: 320px) and (max-width: 576px) {
  .cust-gerneymain .page-title {
    margin: 40px 10px 0;
    font-size: 18px;
  }
}
.cust-gerneymain .cust-gerneysteps h4 {
  font-size: 20px;
  margin: 40px 0;
}
@media (min-width: 320px) and (max-width: 576px) {
  .cust-gerneymain .cust-gerneysteps h4 {
    margin: 20px 0;
  }
}
.cust-gerneymain .cust-gerneysteps p {
  color: #7b6c8f;
  line-height: 26px;
  width: 80%;
}
@media (min-width: 320px) and (max-width: 576px) {
  .cust-gerneymain .cust-gerneysteps p {
    width: 100%;
  }
}
.cust-gerneymain .cust-gerneysteps .customer-sprite {
  height: 48px;
  width: 48px;
  background: url("../images/customer-sprite.png") no-repeat;
  display: block;
}
.cust-gerneymain .cust-gerneysteps .customer-sprite.guide-icon {
  background-position: 0 0;
}
.cust-gerneymain .cust-gerneysteps .customer-sprite.team-icon {
  background-position: -48px 0;
}
.cust-gerneymain .cust-gerneysteps .customer-sprite.discover-icon {
  background-position: -96px 0px;
}
.cust-gerneymain .cust-gerneysteps .customer-sprite.explore-icon {
  background-position: -144px 0px;
}

/*** Gradient patch ***/
.buyticket-patch {
  background: -webkit-linear-gradient(left, #7800ff 30%, #00288d 100%);
  background: -moz-linear-gradient(left, #7800ff 30%, #00288d 100%);
  background: -o-linear-gradient(left, #7800ff 30%, #00288d 100%);
  background: linear-gradient(left, #7800ff 30%, #00288d 100%);
  padding: 30px;
  border-radius: 5px;
  margin: 40px 0;
}
@media (min-width: 320px) and (max-width: 768px) {
  .buyticket-patch {
    margin: 30px 0;
    padding: 20px;
  }
}
.buyticket-patch .page-title {
  margin: 0;
}
@media (min-width: 320px) and (max-width: 768px) {
  .buyticket-patch .page-title {
    margin: 0 0 20px 0;
    line-height: 20px;
  }
}
.buyticket-patch .primary-btn {
  float: right;
  margin: 15px 0;
}
@media (min-width: 320px) and (max-width: 768px) {
  .buyticket-patch .primary-btn {
    float: none;
    margin: 0 auto;
  }
}

/*** Presentation 2 columns ***/
.presentation-2columns {
  padding: 65px 0 15px;
}
.presentation-2columns .present-left {
  background: -webkit-linear-gradient(left, #7800ff 30%, #00288d 100%);
  background: -moz-linear-gradient(left, #7800ff 30%, #00288d 100%);
  background: -o-linear-gradient(left, #7800ff 30%, #00288d 100%);
  background: linear-gradient(left, #7800ff 30%, #00288d 100%);
  position: relative;
  height: 100%;
  min-height: 550px;
  width: 100%;
}
@media (min-width: 577px) and (max-width: 768px) {
  .presentation-2columns .present-left {
    height: auto;
    min-height: 78vw;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .presentation-2columns .present-left {
    height: 60vw;
    min-height: 100%;
  }
}
.presentation-2columns .present-left img {
  position: absolute;
  top: 15px;
  left: 15px;
  height: 100%;
}
@media (min-width: 320px) and (max-width: 576px) {
  .presentation-2columns .present-left img {
    position: relative;
  }
}
.presentation-2columns .present-right {
  padding: 0 50px;
}
@media (min-width: 577px) and (max-width: 768px) {
  .presentation-2columns .present-right {
    padding: 20px 0px 0;
  }
}
@media (min-width: 320px) and (max-width: 768px) {
  .presentation-2columns .present-right {
    padding: 40px 0px 0;
  }
}
.presentation-2columns .present-right .page-title {
  text-align: left;
}
@media (min-width: 320px) and (max-width: 768px) {
  .presentation-2columns .present-right .page-title {
    line-height: 20px;
  }
}
.presentation-2columns .present-right p {
  color: #a59cd2;
  font-size: 18px;
  margin: 30px 0;
}

/*** Create Payment Process ***/
.paymentcreatemain {
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 320px) and (max-width: 768px) {
  .paymentcreatemain {
    padding-top: 58px !important;
  }
}

.createpaymentmain {
  position: relative;
  height: 100%;
  z-index: 1;
  background-attachment: fixed;
  background-size: 50% auto;
  background-repeat: no-repeat;
  background-position: left top;
}
@media (min-width: 320px) and (max-width: 1199px) {
  .createpaymentmain {
    background-size: 50% 100%, cover;
  }
}
.createpaymentmain.Showstep1 {
  background-image: url("../images/signup-wizard-2.png");
}
.createpaymentmain.Showstep2 {
  background-image: url("../images/signup-wizard-1.png");
}
@media (min-width: 320px) and (max-width: 768px) {
  .createpaymentmain.Showstep1, .createpaymentmain.Showstep2 {
    background-image: none;
  }
}
@media (min-width: 577px) and (max-width: 767px) {
  .createpaymentmain.Showstep1 .createpayment-leftmain, .createpaymentmain.Showstep2 .createpayment-leftmain {
    background-size: cover;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .createpaymentmain.Showstep1 .createpayment-leftmain, .createpaymentmain.Showstep2 .createpayment-leftmain {
    background-size: 50% 100%;
  }
}
@media (min-width: 577px) and (max-width: 768px) {
  .createpaymentmain.Showstep1 .createpayment-leftmain, .createpaymentmain.Showstep2 .createpayment-leftmain {
    position: relative;
    height: 100vh;
    z-index: 1;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: left top;
    width: 100%;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .createpaymentmain.Showstep1 .createpayment-leftmain, .createpaymentmain.Showstep2 .createpayment-leftmain {
    position: relative;
    height: 70vw;
    z-index: 1;
    background-attachment: inherit;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: left top;
    width: 100%;
  }
}
.createpaymentmain:after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: -1;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  top: 0;
}
.createpaymentmain .step2leftcontent {
  display: none;
}
.createpaymentmain .createpayment-left .cpleft-inner .cpleft-top {
  position: absolute;
  top: 80px;
  left: 100px;
  width: 100%;
  font-family: "titling-gothic-fb-extended";
  font-weight: 600;
}
@media (min-width: 769px) and (max-width: 991px) {
  .createpaymentmain .createpayment-left .cpleft-inner .cpleft-top {
    top: 40px;
    left: 50px;
    width: auto;
  }
}
@media (min-width: 320px) and (max-width: 768px) {
  .createpaymentmain .createpayment-left .cpleft-inner .cpleft-top {
    top: 100px;
    left: auto;
    right: 20px;
    width: auto;
    position: fixed;
    background: #110a1a;
  }
}
.createpaymentmain .createpayment-left .cpleft-inner .cpleft-top p {
  font-size: 15px;
  margin: 5px;
}
@media (min-width: 320px) and (max-width: 768px) {
  .createpaymentmain .createpayment-left .cpleft-inner .cpleft-top p {
    font-size: 12px;
  }
}
.createpaymentmain .createpayment-left .cpleft-inner .cpleft-top h1 {
  font-size: 76px;
}
@media (min-width: 769px) and (max-width: 991px) {
  .createpaymentmain .createpayment-left .cpleft-inner .cpleft-top h1 {
    font-size: 55px;
  }
}
@media (min-width: 320px) and (max-width: 768px) {
  .createpaymentmain .createpayment-left .cpleft-inner .cpleft-top h1 {
    font-size: 28px;
    text-align: center;
  }
}
.createpaymentmain .createpayment-left .cpleft-inner .cpleft-center {
  position: absolute;
  left: 100px;
  width: 50%;
  font-weight: 900;
}
@media (min-width: 769px) and (max-width: 991px) {
  .createpaymentmain .createpayment-left .cpleft-inner .cpleft-center {
    left: 50px;
  }
}
@media (min-width: 320px) and (max-width: 768px) {
  .createpaymentmain .createpayment-left .cpleft-inner .cpleft-center {
    top: 50%;
    left: 50%;
    padding: 0 40px;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80%;
  }
}
.createpaymentmain .createpayment-left .cpleft-inner .cpleft-center h1 {
  text-transform: uppercase;
}
.createpaymentmain .createpayment-left .cpleft-inner .cpleft-center span {
  color: #e86671;
}
.createpaymentmain .cp-rightcontent {
  overflow-y: auto;
  overflow-x: hidden;
}
@media (min-width: 320px) and (max-width: 768px) {
  .createpaymentmain .cp-rightcontent {
    height: auto !important;
    padding: 80px 0 0 0;
  }
}
.createpaymentmain .cp-rightcontent .createpayment-right {
  position: relative;
  left: 80px;
  top: 60px;
  max-width: 1000px;
  width: 90%;
}
@media (min-width: 2200px) and (max-width: 4000px) {
  .createpaymentmain .cp-rightcontent .createpayment-right {
    margin: 0 auto;
  }
}
@media (min-width: 3001px) and (max-width: 5000px) {
  .createpaymentmain .cp-rightcontent .createpayment-right {
    margin: 0 auto;
    max-width: 1300px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .createpaymentmain .cp-rightcontent .createpayment-right {
    left: 50px;
  }
}
@media (min-width: 1200px) and (max-width: 1499px) {
  .createpaymentmain .cp-rightcontent .createpayment-right {
    left: 40px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .createpaymentmain .cp-rightcontent .createpayment-right {
    left: 20px;
    width: 100%;
    top: 20px;
  }
}
@media (min-width: 320px) and (max-width: 768px) {
  .createpaymentmain .cp-rightcontent .createpayment-right {
    left: 0;
    top: auto;
    width: 100%;
  }
}
.createpaymentmain .cp-rightcontent .createpayment-right .navbar-brand {
  max-width: 150px;
  margin: 0 0 25px 20px;
}
@media (min-width: 320px) and (max-width: 576px) {
  .createpaymentmain .cp-rightcontent .createpayment-right .navbar-brand img {
    text-align: center;
  }
}
@media (min-width: 1199px) and (max-width: 1921px) {
  .createpaymentmain .cp-rightcontent .createpayment-right .navbar-brand {
    margin: 0 0 25px 20px;
  }
}
.createpaymentmain .cp-rightcontent .createpayment-right .cr-top {
  margin: 0 0 30px 20px;
}
@media (min-width: 320px) and (max-width: 768px) {
  .createpaymentmain .cp-rightcontent .createpayment-right .cr-top {
    text-align: center;
    padding: 0 20px;
  }
}
@media (min-width: 1199px) and (max-width: 1921px) {
  .createpaymentmain .cp-rightcontent .createpayment-right .cr-top {
    margin: 0 0 30px 20px;
  }
}
.createpaymentmain .cp-rightcontent .createpayment-right .cr-top h2 {
  font-size: 25px;
  margin: 0 0 30px 0;
}
@media (min-width: 320px) and (max-width: 576px) {
  .createpaymentmain .cp-rightcontent .createpayment-right .cr-top h2 {
    font-size: 18px;
  }
}
@media (min-width: 577px) and (max-width: 768px) {
  .createpaymentmain .cp-rightcontent .createpayment-right .cr-top h2 {
    font-size: 22px;
  }
}
.createpaymentmain .cp-rightcontent .createpayment-right .cr-top .cr-top-txt p {
  font-size: 20px;
  max-width: 140%;
  padding: 0;
  margin-bottom: 50px;
}
@media (min-width: 320px) and (max-width: 1024px) {
  .createpaymentmain .cp-rightcontent .createpayment-right .cr-top .cr-top-txt p {
    max-width: 100%;
    font-size: 16px;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .createpaymentmain .cp-rightcontent .createpayment-right .cr-top .cr-top-txt p {
    font-size: 14px;
  }
}
@media (min-width: 577px) and (max-width: 768px) {
  .createpaymentmain .cp-rightcontent .createpayment-right .cr-top .cr-top-txt p {
    font-size: 16px;
  }
}
.createpaymentmain .cp-rightcontent .createpayment-right .step-wizard .tabstyle .tabstyleinner {
  width: 85%;
}
@media (min-width: 769px) and (max-width: 1599px) {
  .createpaymentmain .cp-rightcontent .createpayment-right .step-wizard .tabstyle .tabstyleinner {
    width: 90%;
    margin: 0px;
  }
}
@media (min-width: 1599px) and (max-width: 1921px) {
  .createpaymentmain .cp-rightcontent .createpayment-right .step-wizard .tabstyle .tabstyleinner {
    width: 83%;
    margin: 0px;
  }
}
@media (min-width: 320px) and (max-width: 768px) {
  .createpaymentmain .cp-rightcontent .createpayment-right .step-wizard .tabstyle .tabstyleinner {
    width: 94%;
    margin: 0 3%;
  }
}

/*** Checkbox Show hide details ***/
.showfinancialcontactdetails {
  display: none;
}
.showfinancialcontactdetails h3 {
  font-size: 20px;
}
.showfinancialcontactdetails p {
  font-size: 14px;
}

/*** Steps ***/
.step-wizard .tab-content {
  margin: 40px 0 0 0;
}
.step-wizard .tabstyle {
  margin: 80px 0 0;
}
.step-wizard .tabstyle .tabstyleinner {
  width: 60%;
  margin: 0 auto;
  height: 50px;
}
@media (min-width: 1024px) and (max-width: 1499px) {
  .step-wizard .tabstyle .tabstyleinner {
    width: 80%;
    margin: inherit;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .step-wizard .tabstyle .tabstyleinner {
    width: 90%;
    margin: inherit;
  }
}
@media (min-width: 320px) and (max-width: 768px) {
  .step-wizard .tabstyle .tabstyleinner {
    width: 100%;
  }
}
.step-wizard .tabstyle .tabstyleinner li {
  width: 50%;
}
.step-wizard .tabstyle .tabstyleinner li .nav-link {
  padding: 10px 5px 10px;
  font-size: 14px;
}
.step-wizard .tabstyle .slider {
  bottom: 6px;
  width: 52%;
}

/*** InviteList ***/
.invite-people {
  background: #201430;
}
.invite-people .invitetopcenter {
  width: 100%;
  margin: 0 auto;
  padding: 0 0 40px 0;
}
@media (max-width: 576px) {
  .invite-people .invitetopcenter {
    width: 100%;
  }
}
.invite-people .invitetopcenter .primary-btn,
.invite-people .invitetopcenter .secondary-btn {
  border-radius: 3px;
}
.invite-people .invitetopcenter .liftofftxt {
  font-size: 15px;
  font-weight: 600;
  margin: 0;
}
.invite-people .invitetopcenter .liftoff-number {
  font-size: 40px;
  font-weight: 900;
  font-family: "titling-gothic-fb-extended";
}
.invite-people .invitetopcenter .invitepeoplebg {
  background: #110a1a;
  padding: 30px 0;
  margin: 5px 0;
}
@media (min-width: 320px) and (max-width: 992px) {
  .invite-people .invitetopcenter .invitepeoplebg {
    padding: 20px 0;
  }
}
.invite-people .invitetopcenter .invitepeoplebg .invitepeopleListtop h3 {
  font-size: 20px;
}
@media (min-width: 320px) and (max-width: 992px) {
  .invite-people .invitetopcenter .invitepeoplebg .invitepeopleListtop h3 {
    font-size: 14px;
  }
}
@media (min-width: 320px) and (max-width: 992px) {
  .invite-people .invitetopcenter .invitepeoplebg .invitepeopleListtop h3 .invitepeopletxt p {
    font-size: 14px;
  }
}
.invite-people .invitetopcenter .invitepeoplebg .invitepeopleListtop .available-invities {
  font-weight: 900;
  display: inline-block;
  vertical-align: top;
}
.invite-people .invitetopcenter .invitepeoplebg .invitepeopleListtop .available-invities p {
  color: #625d69;
  display: inline-block;
  vertical-align: inherit;
  margin: 0 0 0 10px;
  line-height: 20px;
}
@media (min-width: 320px) and (max-width: 992px) {
  .invite-people .invitetopcenter .invitepeoplebg .invitepeopleListtop .available-invities p {
    font-size: 14px;
  }
}
.invite-people .invitetopcenter .invitepeoplebg .invitepeopleListtop .available-invities p.progressNumber {
  margin-top: -5px !important;
  font-size: 20px;
}
.invite-people .invitetopcenter .invitepeoplebg .invitepeopleListtop .available-invities p.userViewerhead {
  margin-top: -5px !important;
}
.invite-people .invitetopcenter .invitepeoplebg .invitepeopleListtop p {
  color: #7b6c8f;
}
.invite-people .invitetopcenter .invitepeoplebg .invitepeopleListtop p a {
  color: #7b6c8f;
  text-decoration: underline;
}
.invite-people .invitetopcenter .invitepeoplebg .invitepeopleListtop p a:hover {
  text-decoration: none;
}
.invite-people .invitetopcenter .invitepeoplebg .addnew-btn {
  background-color: #201430;
  border-radius: 3px;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  margin: 20px 0;
}
.invite-people .invitetopcenter .invitepeoplebg .addnew-btn:hover {
  opacity: 0.8;
}
.invite-people .invitetopcenter .invitepeoplebg .addnew-btn i {
  color: #fff;
  font-weight: 600;
}
.invite-people .invitetopcenter .invitepeoplebg .invitepeopleList .invitepeopleListinner {
  padding: 0 20px;
}
@media (min-width: 320px) and (max-width: 992px) {
  .invite-people .invitetopcenter .invitepeoplebg .invitepeopleList .invitepeopleListinner {
    padding: 0px;
  }
}
.invite-people .invitetopcenter .invitepeoplebg .invitepeopleList .formsection {
  padding: 0;
}
.invite-people .invitetopcenter .invitepeoplebg .invitepeopleList .formsection .form-group {
  margin-top: 10px;
  margin-bottom: 10px;
}
.invite-people .invitetopcenter .invitesendbtn {
  margin: 40px 0;
}

.showmoreinvities {
  display: none;
}

/*** MOdal BG ***/
.modalbg {
  background: rgba(32, 20, 48, 0.9);
}
.modalbg .modal-content {
  background: transparent;
}
.modalbg .modal-header,
.modalbg .modal-body {
  background: #201430;
  border: none;
  border-radius: 0px;
}
.modalbg .inviteheader {
  margin: 5px auto;
  text-align: center;
}

.domainconfirmsection {
  margin: 35px 0;
}
.domainconfirmsection .domaintxt {
  color: #ff7a00;
  font-weight: 900;
}
.domainconfirmsection .domaintxt img {
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-right: 5px;
}
.domainconfirmsection .domaintxt,
.domainconfirmsection .noticetxt {
  font-size: 16px;
}
.domainconfirmsection .noticetxt {
  color: #fff;
}
.domainconfirmsection .checkbox {
  background: #201430;
  border-radius: 5px;
  padding: 10px 20px;
  display: inline-block;
  margin: 10px 0;
}
.domainconfirmsection .checkbox p {
  margin: 0;
  display: inline-block;
}

@media (min-width: 282px) and (max-width: 768px) {
  #nav-onlinepayment .formsection {
    padding: 0;
  }
}

@media (min-width: 320px) and (max-width: 768px) {
  .modal-header .inviteheader {
    width: 90%;
  }
}
@media (min-width: 320px) and (max-width: 768px) {
  .modal-header span {
    color: #fff;
  }
}

#upgradePlanForm .toggleswitchmain {
  padding-left: 20px;
  margin: 0px auto;
}
#upgradePlanForm .toggleswitchmain legend,
#upgradePlanForm .toggleswitchmain label {
  font-size: 12px;
}
#upgradePlanForm .toggleswitchmain .alert-light {
  margin: 0 0 0 5px;
}

.texthide {
  display: contents;
}
@media (min-width: 320px) and (max-width: 868px) {
  .texthide {
    display: none;
  }
}

.discounttableModal .modal-header {
  background: #110a1a;
  padding: 30px;
}
.discounttableModal .modal-header .modal-title {
  font-weight: 600;
}
.discounttableModal .modal-header .close {
  opacity: 1;
}
.discounttableModal .modal-header .close span {
  color: #fff;
  font-weight: 500;
}
.discounttableModal .modal-header .close:hover {
  opacity: 0.7;
}
.discounttableModal .modal-body {
  background: #26202e;
  padding: 30px;
}
.discounttableModal .modal-body .discounttablebody .formsection {
  padding: 0px;
}
.discounttableModal .modal-body .discounttablebody .formsection label {
  margin: 0 0 10px 0;
}
.discounttableModal .modal-body .discounttablebody .formsection .form-group {
  margin: 0px;
}
.discounttableModal .modal-body .discounttablebody .formsection .form-group p {
  margin: 5px 0;
  font-size: 14px;
  color: #8b93a1;
  font-weight: 600;
}

#nav-onlinepayment .checkbox label {
  font-size: 12px;
}
@media (min-width: 577px) and (max-width: 768px) {
  #nav-onlinepayment .contactPersonDetails h3 {
    font-size: 20px;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  #nav-onlinepayment .contactPersonDetails h3 {
    font-size: 12px;
  }
}
@media (min-width: 577px) and (max-width: 768px) {
  #nav-onlinepayment .contactPersonDetails p {
    font-size: 14px;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  #nav-onlinepayment .contactPersonDetails p {
    font-size: 12px;
  }
}

#payment .tab-pane {
  padding: 0px;
}
#payment .tabstyle .tabstyleinner ul {
  padding: 0 0 0 10px;
}
#payment .tabstyle .tabstyleinner ul li a.nav-link {
  margin: 0 15px 0 0;
}
#payment .tabstyle .tabstyleinner li.payinvoicelink:last-child a.nav-link {
  background: #2d2637;
  border-radius: 20px;
  color: #524a5e;
  margin-right: 0;
}
#payment .tabstyle .tabstyleinner li.payinvoicelink:last-child a.active {
  background: none;
}
#payment .tabstyle p {
  color: #fff;
  font-size: 12px;
  font-weight: 300;
  width: 85%;
}
#payment .tabstyle p .payinvoicetxt {
  color: rgba(255, 255, 255, 0.4);
}
#payment .tabstyle p.paywithyearlyoptionenable {
  color: rgba(255, 255, 255, 0.4);
}
#payment .tabstyle p.paywithinvoicetoenabletxt, #payment .tabstyle p.paywithyearlyoptionenable {
  display: none;
}

.invitePeople.modalbg {
  background: #201430;
}
.invitePeople.modalbg .modal-content {
  border: none;
}

.mobilelabel {
  display: none;
}
@media (min-width: 320px) and (max-width: 767px) {
  .mobilelabel {
    display: block;
  }
}

#createAccount .formbottom-section .secondary-btn {
  width: 100%;
}

/*Delete Invite Row */
.deleteinvitepeoplelist {
  background: var(--Background_Secondary) !important;
  border: solid 1px var(--Border_Divider) !important;
  color: var(--Title) !important;
  border-radius: 3px;
  padding: 8px 12px;
  display: block;
  height: 42px;
  width: 42px;
  color: #524a5e;
  font-weight: 600;
  margin: 10px 0 0 0;
}
.deleteinvitepeoplelist.firstdeletebox {
  margin: 42px auto 0;
}
@media (min-width: 320px) and (max-width: 767px) {
  .deleteinvitepeoplelist {
    padding: 2px 8px;
    margin: 0px;
    height: 32px;
    width: 32px;
    position: absolute;
    top: -192px;
    right: 20px;
  }
}
.deleteinvitepeoplelist i {
  font-size: 18px;
  color: var(--Title) !important;
}
.deleteinvitepeoplelist:hover {
  background-color: #B11E27 !important;
  border: solid 1px #B11E27 !important;
  color: #fff !important;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
}
.deleteinvitepeoplelist:hover:hover {
  color: #fff !important;
}
.deleteinvitepeoplelist:hover:hover i {
  color: #fff !important;
}

.delrowmain .deleteinvitepeoplelist {
  margin: 10px 0 0;
}

.callbackreqshow {
  display: none;
}

.adminseperator {
  position: relative;
  padding: 30px 0;
}
.adminseperator:before, .adminseperator:after {
  position: absolute;
  width: 100%;
  content: "";
  height: 1px;
}
.adminseperator:before {
  box-shadow: 1px 1px 1px #200c3a;
  background: #000;
}
.adminseperator:after {
  background: #2d2637;
}
.adminseperator .userdatadiv {
  padding: 20px 0 !important;
  margin-top: 20px;
}

.bootstrap-datetimepicker-widget {
  width: 70%;
}

/** payment process Upload ***/
.usersettings .paymentprocessMain .uploadimage .image-area {
  width: 30px;
  height: 30px;
}
.usersettings .paymentprocessMain .uploadimage .input-group-append {
  margin: 5px;
}
.usersettings .paymentprocessMain .uploadimage .input-group-append .upload-btn {
  line-height: 18px;
}
.usersettings .paymentprocessMain .uploadimage .format-images {
  margin: 0px;
}
.usersettings .paymentprocessMain .uploadimage .upinputbg .upload-label {
  left: 45px;
}

.individualstab .toggleswitchmain {
  margin: 0px auto;
}
.individualstab .cust-gerneymain.signup-box {
  background: transparent;
  padding: 0px;
  min-height: inherit !important;
  margin: 230px 0 0 0;
}
.individualstab .cust-gerneymain.signup-box .galaxyTicket:before {
  top: 56%;
  left: 0px;
  z-index: 1;
}
.individualstab .cust-gerneymain.signup-box .galaxyTicket:after {
  right: -25px;
  bottom: 35%;
}
.individualstab .cust-gerneymain.signup-box .ticket-title .mailingtxt {
  font-size: 20px;
  font-weight: 800;
  font-family: "titling-gothic-fb-extended";
  background: -webkit-linear-gradient(left, #6988d5 30%, #a59cd2 100%);
  background: -moz-linear-gradient(left, #6988d5 30%, #a59cd2 100%);
  background: -o-linear-gradient(left, #6988d5 30%, #a59cd2 100%);
  background: linear-gradient(left, #6988d5 30%, #a59cd2 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  float: right;
}
@media (min-width: 320px) and (max-width: 576px) {
  .individualstab .cust-gerneymain.signup-box .ticket-title .mailingtxt {
    text-align: center;
    font-size: 14px;
    display: block;
  }
}
.individualstab .cust-gerneymain.signup-box .signuplist li a,
.individualstab .cust-gerneymain.signup-box .signuplist li i {
  color: #201430 !important;
}
.individualstab .cust-gerneymain.signup-box .bottomdottedline {
  margin: 20px auto 0px 0px;
  border-top: 2px dashed #000;
  padding: 20px 0px 0px 0px;
  text-align: center;
}
.individualstab .cust-gerneymain.signup-box .bottomdottedline ul {
  display: inline-block;
}
.individualstab .cust-gerneymain.signup-box .bottomdottedline ul li {
  display: inline-block;
  margin: 0px 0px 0px 20px;
}
.individualstab .cust-gerneymain.signup-box .bottomdottedline ul li .buyticketindividual .btn {
  border-radius: 2px;
}
.individualstab .cust-gerneymain.signup-box .bottomdottedline ul li .trialtxt {
  color: #000;
  font-size: 16px;
  text-decoration: underline;
}
.individualstab .cust-gerneymain.signup-box .bottomdottedline ul li .trialtxt:hover {
  text-decoration: none;
}

.step-wizard .tab-content .formsection {
  width: 91%;
}
@media (min-width: 1199px) and (max-width: 1398px) {
  .step-wizard .tab-content .formsection {
    width: 100%;
  }
}
@media (min-width: 1399px) and (max-width: 1799px) {
  .step-wizard .tab-content .formsection {
    width: 98%;
  }
}
@media (min-width: 320px) and (max-width: 768px) {
  .step-wizard .tab-content .formsection {
    width: 98%;
  }
}
.step-wizard .tab-content .formsection .pubbleaccount span {
  font-size: 10px;
  margin-left: 5px;
}

.domainconfirmsection .checkbox {
  padding-left: 0px;
}
.domainconfirmsection .checkbox label {
  margin-bottom: 0px;
}

.contactPersonDetails.newspace .form-row {
  margin: 0px;
}
.contactPersonDetails.newspace .form-row .no-padding {
  padding: 0px !important;
}

.ml-minus-15 {
  margin-left: -15px;
}

.passwordstrength.pass-strength-align {
  position: relative !important;
  left: 0px;
  top: 20px;
}

.header-pan.head-height {
  height: auto !important;
}

.mainModal.paymentModal .modal-content {
  border-radius: 5px;
  background: #fff !important;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05), 0px 0px 4px 0px rgba(0, 0, 0, 0.05) !important;
}
.mainModal.paymentModal .modal-content .modal-body {
  background: transparent !important;
  border-top: 0px solid #c0c0c0 !important;
  overflow-y: unset !important;
  max-height: calc(100%);
  padding: 0;
  border-right: solid 0px #3f3449;
  border-radius: 0px;
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.2) !important;
}
.mainModal.paymentModal .modal-content .modal-body .insightWarningText iframe {
  width: 400px;
  min-height: 650px;
  padding-top: 0;
  padding-bottom: 0;
}
.mainModal.paymentModal .modal-content .modal-header {
  background: transparent !important;
  box-shadow: none !important;
  display: block;
  text-align: right;
}
.mainModal.paymentModal .modal-content .modal-header .close span {
  color: #000;
}
.mainModal.paymentModal .modal-content .modal-header .close:hover {
  background: #000;
}
.mainModal.paymentModal .modal-content .modal-header .close:hover span {
  color: #fff;
}

.rigister-msg-display {
  padding: 50px;
  width: 100%;
  display: block;
  border: dashed 3px #231c2b;
}

.rigister-msg-display p {
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  margin: 5px;
}
.rigister-msg-display .icon {
  width: 100px;
  height: 100px;
  background: #200c3a;
  margin: 0 auto 40px auto;
  border-radius: 50%;
}
.rigister-msg-display .icon.succes img {
  padding: 25px;
}
.rigister-msg-display .icon.cancel img {
  padding: 30px;
}

.btn-register-custom {
  margin: 40px auto 0px auto;
}
.btn-register-custom button {
  margin: 0 auto;
  text-align: center;
}

.data-registerJorney {
  background: #200c3a;
  position: relative;
  padding: 80px 0 50px 0;
  margin-top: 80px;
}
.data-registerJorney h1 {
  padding-bottom: 50px;
}
.data-registerJorney .cust-gerneysteps {
  padding-bottom: 30px;
}
.data-registerJorney .cust-gerneysteps h4 {
  font-size: 18px;
  line-height: 25px;
  font-weight: 600 !important;
}
.data-registerJorney .cust-gerneysteps p {
  color: #7b6c8f;
  font-size: 15px;
  line-height: 25px;
}

.galaxy-register {
  padding: 0px !important;
  height: 100%;
}
.galaxy-register .galaxy-height {
  height: 100%;
}
.galaxy-register .heading-account {
  margin-bottom: 0px !important;
}
.galaxy-register .heading-account h2 {
  margin-bottom: 0px !important;
}
.galaxy-register .register-steps {
  margin-top: 0px !important;
}
.galaxy-register .tab-content {
  margin-top: 0px !important;
}
.galaxy-register .termstext {
  font-size: 12px !important;
}
.galaxy-register .backbtndiv {
  margin: 0 0 20px 20px;
}
.galaxy-register .backbtndiv a {
  background: #282828;
  border-radius: 3px;
  color: #fff;
  font-size: 12px;
}
.galaxy-register .navbar-brand {
  margin-bottom: 50px !important;
}
.galaxy-register .cp-rightcontent {
  height: 100%;
}

/*----Pricing Page----*/
.price-main-area {
  background: url("../images/price-background.png") no-repeat #fff;
  background-size: 100%;
  padding-top: 130px !important;
}
.price-main-area .price-tabs .tabstyle .billing-msg {
  font-size: 18px;
  font-weight: 700;
  padding-top: 28px;
  color: #fff;
}
.price-main-area .price-tabs .tabstyle .billing-msg span {
  color: #cb9dff;
}
.price-main-area .price-tabs .tabstyle .tabstyleinner {
  width: 450px;
  height: 65px;
  border-radius: 300px;
  background: linear-gradient(65deg, #7800ff 26.34%, #00288d 84.44%);
}
.price-main-area .price-tabs .tabstyle .tabstyleinner .arrow-img {
  width: 100px;
  position: absolute;
  right: -70px;
  top: 40px;
}
.price-main-area .price-tabs .tabstyle .tabstyleinner ul {
  margin: 0;
  padding: 0;
}
.price-main-area .price-tabs .tabstyle .tabstyleinner ul li .nav-link {
  border-radius: 450px;
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
  -webkit-text-fill-color: #fff !important;
  padding: 9.5px;
  margin: 0 8px;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
}
.price-main-area .price-tabs .tabstyle .tabstyleinner ul li .nav-link.active {
  border-radius: 450px;
  background: #fff;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  color: #30085f !important;
  -webkit-text-fill-color: #30085f !important;
  padding: 9.5px;
}
.price-main-area .price-tabs .price-block .price-card .card {
  height: 100%;
  border-radius: 8px;
  background: #fff;
  border: none !important;
  box-shadow: 0 0 10px -2px #444444;
  padding: 20px;
}
.price-main-area .price-tabs .price-block .price-card .card .plan-img-block {
  min-height: 98px;
  position: relative;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: solid 1px #edeaf1;
}
.price-main-area .price-tabs .price-block .price-card .card .plan-img-block .imground {
  width: 98px;
  height: 98px;
}
.price-main-area .price-tabs .price-block .price-card .card .plan-img-block .imground img {
  width: 90px;
  height: 90px;
  margin-left: -2px !important;
}
.price-main-area .price-tabs .price-block .price-card .card .plan-img-block .userbtn {
  background: rgba(102, 102, 102, 0.15);
  padding: 4px 12px 3px 12px;
  color: rgba(102, 102, 102, 0.6);
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 25px;
  line-height: 20px;
}
.price-main-area .price-tabs .price-block .price-card .card .plan-img-block .userbtn img {
  width: 18px;
  height: 18px;
  float: left;
  margin-top: 1px;
  margin-right: 3px;
}
.price-main-area .price-tabs .price-block .price-card .card .plan-head-block {
  min-height: 78px;
}
.price-main-area .price-tabs .price-block .price-card .card .plan-head-block h2 {
  font-size: 30px;
  font-weight: 800;
  line-height: normal;
  margin: 0;
  padding: 0;
  line-height: 36px;
}
.price-main-area .price-tabs .price-block .price-card .card .price-head-block {
  min-height: 82px;
}
.price-main-area .price-tabs .price-block .price-card .card .price-head-block p {
  color: #666666;
  font-size: 16px;
  font-weight: 500;
  line-height: 25px;
  margin: 0;
  padding: 0;
  min-height: 50px;
}
.price-main-area .price-tabs .price-block .price-card .card .price-head-block h1 {
  font-size: 42px;
  font-weight: 700;
  line-height: normal;
  margin: 0;
  padding: 0;
}
.price-main-area .price-tabs .price-block .price-card .card .price-head-block h1 .price-span {
  position: absolute;
  color: #7b6c8f;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 500;
  line-height: 17px;
  margin-top: 10px;
  margin-left: 10px;
}
.price-main-area .price-tabs .price-block .price-card .card .price-head-block h1 .price-span.free-margin {
  margin-top: 25px !important;
}
.price-main-area .price-tabs .price-block .price-card .card .price-head-block h1 .euro-icon {
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: normal;
  position: absolute;
  top: 0;
  left: 0;
}
.price-main-area .price-tabs .price-block .price-card .card .plan-content-block {
  min-height: 100px;
  border-top: solid 1px #edeaf1;
  border-bottom: solid 1px #edeaf1;
  padding: 20px 0;
  margin-top: 20px;
  margin-bottom: 20px;
}
.price-main-area .price-tabs .price-block .price-card .card .plan-content-block p {
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  margin: 0;
  padding: 0;
  line-height: 19px;
}
.price-main-area .price-tabs .price-block .price-card .card .features-content-block {
  min-height: 250px;
}
.price-main-area .price-tabs .price-block .price-card .card .features-content-block ul {
  margin-left: 20px;
}
.price-main-area .price-tabs .price-block .price-card .card .features-content-block ul li {
  color: #666666;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  list-style-type: disc;
}
.price-main-area .price-tabs .price-block .price-card .card .btn-content-block {
  margin-bottom: 25px;
}
.price-main-area .price-tabs .price-block .price-card .card .btn-content-block a {
  color: #fff !important;
}
.price-main-area .price-tabs .price-block .price-card .card .btn-content-block .price-btn-1 {
  border-radius: 5px;
  background: linear-gradient(90deg, #9125E0 0%, #7B1AD5 24%, #6611CB 48.5%, #5108C0 73%, #3D00B6 100%);
  color: #fff;
  box-shadow: 0px 2px 4px 0px #00000040;
  width: 100%;
  padding: 9.5px;
  font-size: 16px;
  font-weight: 600;
}
.price-main-area .price-tabs .price-block .price-card .card .btn-content-block .price-btn-1 img {
  width: 15px;
  margin-top: -1px;
  margin-left: 3px;
}
.price-main-area .price-tabs .price-block .price-card .card .btn-content-block .price-btn-1:hover {
  background: radial-gradient(73% 292% at 50% 0%, #AC54E2 1%, #8633D3 25%, #6218C4 52.5%, #4706BA 75.5%, #3D00B6 100%) !important;
  color: #fff;
  box-shadow: 0px 2px 4px 0px #00000040;
}
.price-main-area .price-tabs .price-block .price-card .card .btn-content-block .price-btn-1:focus, .price-main-area .price-tabs .price-block .price-card .card .btn-content-block .price-btn-1:active, .price-main-area .price-tabs .price-block .price-card .card .btn-content-block .price-btn-1:visited {
  background: radial-gradient(73% 292% at 50% 0%, #5515AB 0%, #340487 49.5%, #230069 100%) !important;
  color: #fff;
  box-shadow: 0px 2px 4px 0px #00000040;
}
.price-main-area .price-tabs .price-block .price-card .card .btn-content-block .price-btn-trail {
  border-radius: 3px;
  background: #ece4f8;
  width: 100%;
  padding: 9.5px;
  font-size: 16px;
  font-weight: 600;
  color: #7800ff;
  margin-top: 15px;
  border: none !important;
}
.price-main-area .price-tabs .price-block .price-card .card .btn-content-block .price-btn-trail:hover {
  color: #7800ff;
  background: #dcc4f7;
}
.price-main-area .price-tabs .price-block .price-card .card .btn-content-block .price-btn-trail:focus, .price-main-area .price-tabs .price-block .price-card .card .btn-content-block .price-btn-trail:active, .price-main-area .price-tabs .price-block .price-card .card .btn-content-block .price-btn-trail:visited {
  color: #fff;
  background: #7800ff;
}
.price-main-area .price-tabs .price-block .price-card .card .features-maincontent-block {
  min-height: 110px;
}
.price-main-area .price-tabs .price-block .price-card .card .features-maincontent-block h4 {
  color: #666666;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  margin: 0 0 10px 0;
  padding: 0;
}
.price-main-area .price-tabs .price-block .price-card .card .features-maincontent-block ul {
  margin-left: 20px;
}
.price-main-area .price-tabs .price-block .price-card .card .features-maincontent-block ul li {
  color: #666666;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  list-style-type: disc;
}
.price-main-area .price-tabs .price-block .price-card .card .features-maincontent-block ul li img {
  width: 16px;
}
.price-main-area .price-tabs .price-block .price-card .card .features-maincontent-block p {
  color: #666666;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  line-height: normal;
  margin-top: 20px;
  margin-bottom: 0;
}
.price-main-area .price-tabs .price-block .price-card.satellite .card .plan-head-block h2 {
  color: #e087e7;
}
.price-main-area .price-tabs .price-block .price-card.satellite .card .price-head-block h1 {
  color: #e087e7;
}
.price-main-area .price-tabs .price-block .price-card.satellite .card .plan-content-block p {
  color: #e087e7;
}
.price-main-area .price-tabs .price-block .price-card.satellitepro .card .plan-head-block h2 {
  color: #9d46ff;
}
.price-main-area .price-tabs .price-block .price-card.satellitepro .card .price-head-block h1 {
  color: #9d46ff;
  position: relative;
  padding-left: 30px;
}
.price-main-area .price-tabs .price-block .price-card.satellitepro .card .plan-content-block p {
  color: #9d46ff;
}
.price-main-area .price-tabs .price-block .price-card.galaxybusiness .card .plan-head-block h2 {
  color: #643997;
}
.price-main-area .price-tabs .price-block .price-card.galaxybusiness .card .price-head-block h1 {
  color: #643997;
  position: relative;
  padding-left: 30px;
}
.price-main-area .price-tabs .price-block .price-card.galaxybusiness .card .plan-content-block p {
  color: #643997;
}
.price-main-area .price-tabs .price-block .price-card.galaxyenterprise .card .plan-head-block h2 {
  color: #30095f;
}
.price-main-area .price-tabs .price-block .price-card.galaxyenterprise .card .price-head-block h1 {
  color: #30095f;
  position: relative;
  padding-left: 0;
}
.price-main-area .price-tabs .price-block .price-card.galaxyenterprise .card .plan-content-block p {
  color: #30095f;
}
.price-main-area .clients-area {
  padding: 40px 0;
}
.price-main-area .clients-area h5 {
  text-align: center;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 400;
  color: #9d46ff;
  margin: 0;
  padding: 0 0 20px 0;
}
.price-main-area .clients-area .logos {
  text-align: center;
}
.price-main-area .clients-area .logos span {
  display: inline-block;
  padding: 15px 12px;
}
.price-main-area .clients-area .logos span img {
  width: auto;
  height: 53px;
}
.price-main-area .testmonials-area .main-block {
  max-width: 1140px;
  padding: 40px 0 80px 0;
}
.price-main-area .testmonials-area .main-block .left-rightarrow {
  position: absolute;
  z-index: 10;
  top: 0;
  height: 100%;
  width: 100%;
}
.price-main-area .testmonials-area .main-block .left-rightarrow .arrow {
  width: 24px;
  height: 24px;
  top: 50%;
  margin-top: -12px;
  position: absolute;
  line-height: 24px;
  text-align: center;
  color: #a294b5;
  font-size: 30px;
}
.price-main-area .testmonials-area .main-block .left-rightarrow .arrow:hover {
  color: #110a1a;
}
.price-main-area .testmonials-area .main-block .left-rightarrow .arrow.prev {
  left: -30px;
}
.price-main-area .testmonials-area .main-block .left-rightarrow .arrow.next {
  right: -30px;
}
.price-main-area .testmonials-area .main-block .carousel-inner .carousel-item .col-md-4 {
  padding: 20px;
}
.price-main-area .testmonials-area .main-block .carousel-inner .carousel-item .col-md-4 .card {
  border-radius: 8px;
  background: #fff;
  border: none !important;
  box-shadow: 0 0 10px -2px #444444;
}
.price-main-area .testmonials-area .main-block .carousel-inner .carousel-item .col-md-4 .card .quote-icon-testmonials {
  height: 25px;
  width: 26px;
  margin-left: 15px;
  margin-top: 15px;
}
.price-main-area .testmonials-area .main-block .carousel-inner .carousel-item .col-md-4 .card .card-body {
  padding: 16px;
  min-height: 200px;
}
.price-main-area .testmonials-area .main-block .carousel-inner .carousel-item .col-md-4 .card .card-body .card-text {
  color: #5d5d5d;
  font-size: 15px;
  font-style: italic;
  font-weight: 400;
  line-height: 27px;
}
.price-main-area .testmonials-area .main-block .carousel-inner .carousel-item .col-md-4 .card .card-footer {
  padding: 16px;
  display: block;
  position: relative;
  height: 80px;
  background: transparent;
}
.price-main-area .testmonials-area .main-block .carousel-inner .carousel-item .col-md-4 .card .card-footer .profile-img {
  width: 48px;
  height: 48px;
  position: absolute;
  left: 16px;
  top: 16px;
}
.price-main-area .testmonials-area .main-block .carousel-inner .carousel-item .col-md-4 .card .card-footer .profile-img img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}
.price-main-area .testmonials-area .main-block .carousel-inner .carousel-item .col-md-4 .card .card-footer .names {
  position: relative;
  padding-left: 70px;
}
.price-main-area .testmonials-area .main-block .carousel-inner .carousel-item .col-md-4 .card .card-footer .names h4 {
  text-align: left;
  font-size: 14px;
  font-weight: 700;
  color: #110a1a;
  margin-top: 10px;
  margin-bottom: 1px;
}
.price-main-area .testmonials-area .main-block .carousel-inner .carousel-item .col-md-4 .card .card-footer .names p {
  text-align: left;
  font-size: 12px;
  font-weight: 400;
  color: #7e7e7e;
  margin: 0;
}
.price-main-area .testmonials-area .main-block .testmonials-slider.carousel-indicators {
  bottom: -45px;
}
.price-main-area .testmonials-area .main-block .testmonials-slider.carousel-indicators li {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: rgba(157, 70, 255, 0.3);
  cursor: pointer;
}
.price-main-area .testmonials-area .main-block .testmonials-slider.carousel-indicators li.active {
  background-color: #7800ff;
}

.menu-secondary li {
  margin: 0 0;
  padding-right: 30px;
}
.menu-secondary li a {
  padding: 10px 0 !important;
  font-weight: 600;
  font-size: 14px !important;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.menu-secondary li a::after {
  background: rgba(120, 0, 255, 0) !important;
  height: 0;
  border: none !important;
}
.menu-secondary li a:hover, .menu-secondary li a:active, .menu-secondary li a:focus {
  font-weight: 600 !important;
  opacity: 0.7;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.menu-secondary li a.tryforfree {
  background-color: #fff;
  color: #000 !important;
  padding: 10px 15px !important;
  border-radius: 3px;
}
.menu-secondary li a.tryforfree img {
  width: 8px;
  margin-left: 3px;
}
.menu-secondary li a.tryforfree::after {
  background: rgba(120, 0, 255, 0) !important;
  height: 0;
  border: none !important;
}
.menu-secondary li a.tryforfree:hover, .menu-secondary li a.tryforfree:active, .menu-secondary li a.tryforfree:focus {
  font-weight: 500 !important;
  background-color: rgba(255, 255, 255, 0.8);
}
.menu-secondary li a.tryforfree:hover::after, .menu-secondary li a.tryforfree:active::after, .menu-secondary li a.tryforfree:focus::after {
  background: rgba(120, 0, 255, 0) !important;
  height: 0;
  border: none !important;
}
.menu-secondary li a.flagicon img {
  height: 15px;
}
.menu-secondary li a.flagicon::after {
  background: rgba(120, 0, 255, 0) !important;
  height: 0;
}
.menu-secondary li a.flagicon:hover::after, .menu-secondary li a.flagicon:active::after, .menu-secondary li a.flagicon:focus::after {
  background: rgba(120, 0, 255, 0) !important;
  height: 0;
}
.menu-secondary li.dropdown {
  padding-right: 40px !important;
}
.menu-secondary li.dropdown a.dropdown-toggle::before {
  content: "";
  font-family: FontAwesome;
  position: absolute;
  right: -14px;
  top: 12px;
  font-size: 13px;
  border: none !important;
  color: #fff;
}
.menu-secondary li.dropdown .dropdown-menu {
  top: 100%;
  left: 0;
  float: left;
  min-width: 10rem;
  padding: 10px 0px;
  margin: 0px;
  font-size: 14px;
  color: #ffffff !important;
  background-color: #110a1a !important;
  border: 0px;
  border-radius: 3px;
}
.menu-secondary li.dropdown .dropdown-menu a {
  padding: 5px 25px !important;
  line-height: 2em;
}
.menu-secondary li.dropdown .dropdown-menu a:hover {
  background-color: #110a1a !important;
}
.menu-secondary li.dropdown:hover .dropdown-menu {
  display: block !important;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.menu-secondary-logo img {
  height: 40px !important;
}

.footer-area {
  background-color: #110a1a !important;
  padding: 20px 0 !important;
}
.footer-area .footermenu .navbar {
  border-bottom: 1px solid rgba(255, 255, 255, 0.31);
}
.footer-area .footermenu .menu-secondary li {
  margin: 0 0;
}
.footer-area .footermenu .menu-secondary li a {
  padding: 5px;
  font-size: 14px;
  color: #fff !important;
}
.footer-area .footermenu .menu-secondary li.dropdown .dropdown-menu {
  background: #000;
  border-radius: 0px;
  padding: 0 !important;
}
.footer-area .footermenu .menu-secondary li.dropdown .dropdown-menu a {
  padding: 5px 10px;
}
.footer-area .footermenu .menu-secondary li.dropdown .dropdown-menu a:hover {
  background: #110a1a;
}
.footer-area .footermenu .menu-secondary li.dropdown a.dropdown-toggle::before {
  right: 24px !important;
  top: 13px !important;
}
.footer-area .footermenu .menu-secondary li a.tryforfree {
  color: #fff !important;
  background: #110a1a;
}

.footermenu2 {
  padding-top: 0px;
  padding-right: 0;
}
.footermenu2 a {
  color: #fff;
  font-size: 14px;
  margin: 0 15px;
  padding: 5px;
}
.footermenu2 a:hover {
  color: #EDEDED;
}

.menu-padding {
  padding: 5px 0;
}

.noborder {
  border-right: 0px solid #110a1a !important;
  border-bottom: 0px solid #110a1a !important;
}

.pos-relative {
  position: relative;
}

.login-signup-panels {
  background-image: none !important;
  height: 100% !important;
}
.login-signup-panels .block-left {
  flex: 0 0 38%;
  max-width: 38%;
  background: url("../images/login-bg-img.png") no-repeat;
  background-size: cover;
  background-position: center;
}
.login-signup-panels .block-left .createpayment-leftmain {
  position: absolute;
  width: 390px;
  left: 50%;
  margin-left: -195px;
  top: 20%;
}
@media only screen and (min-height: 550px) and (max-height: 720px) {
  .login-signup-panels .block-left .createpayment-leftmain {
    top: 5% !important;
  }
}
@media only screen and (min-height: 701px) and (max-height: 870px) {
  .login-signup-panels .block-left .createpayment-leftmain {
    top: 12% !important;
  }
}
.login-signup-panels .block-left .createpayment-leftmain .createpayment-left .step1leftcontent .cpleft-inner .cpleft-center {
  bottom: auto !important;
  left: auto !important;
  width: 100% !important;
  position: relative !important;
}
.login-signup-panels .block-left .createpayment-leftmain .createpayment-left .step1leftcontent .cpleft-inner .cpleft-center p {
  font-size: 18px;
  font-weight: 700;
}
.login-signup-panels .block-left .createpayment-leftmain .createpayment-left .step1leftcontent .cpleft-inner .cpleft-center h1 {
  font-size: 50px;
  font-weight: 900;
}
.login-signup-panels .block-left .createpayment-leftmain.step-password {
  position: absolute;
  width: 300px;
  left: 50%;
  margin-left: -150px;
  top: 20%;
}
@media only screen and (min-height: 550px) and (max-height: 720px) {
  .login-signup-panels .block-left .createpayment-leftmain.step-password {
    top: 5% !important;
  }
}
@media only screen and (min-height: 701px) and (max-height: 870px) {
  .login-signup-panels .block-left .createpayment-leftmain.step-password {
    top: 12% !important;
  }
}
.login-signup-panels .block-left .createpayment-leftmain.step-password .cpleft-inner .step-content h1 {
  text-align: center;
  text-transform: uppercase;
}
.login-signup-panels .block-left .createpayment-leftmain.step-password .cpleft-inner .step-content .numberimg {
  text-align: center;
}
.login-signup-panels .block-left .createpayment-leftmain.step-password .cpleft-inner .step-content .numberimg img {
  width: 100px;
}
.login-signup-panels .block-right {
  flex: 0 0 62%;
  max-width: 62%;
}
.login-signup-panels .block-right .cp-rightcontent {
  padding: 0% 0 0 !important;
}
.login-signup-panels .block-right .cp-rightcontent .createpayment-right.loginRightContent {
  padding: 0 !important;
  width: 340px;
  position: absolute;
  top: 20%;
  left: 20%;
}
@media only screen and (min-height: 550px) and (max-height: 720px) {
  .login-signup-panels .block-right .cp-rightcontent .createpayment-right.loginRightContent {
    top: 5% !important;
  }
}
@media only screen and (min-height: 701px) and (max-height: 870px) {
  .login-signup-panels .block-right .cp-rightcontent .createpayment-right.loginRightContent {
    top: 12% !important;
  }
}
.login-signup-panels .block-right .cp-rightcontent .createpayment-right.loginRightContent.password-initiated {
  max-width: 600px;
  width: 600px;
}
.login-signup-panels .block-right .cp-rightcontent .createpayment-right.loginRightContent.password-initiated p {
  line-height: 20px;
  font-size: 13px;
  margin: 0px;
  padding-top: 15px;
}
.login-signup-panels .block-right .cp-rightcontent .createpayment-right.loginRightContent.password-initiated p.gray-color {
  color: #7b6c8f;
  padding-bottom: 15px;
}
.login-signup-panels .block-right .cp-rightcontent .createpayment-right.loginRightContent .cr-top {
  margin: 0 !important;
}
.login-signup-panels .block-right .cp-rightcontent .createpayment-right.loginRightContent .navbar-brand {
  margin-left: 0 !important;
  max-width: 220px;
  margin-right: 0;
  padding: 0 !important;
}
.login-signup-panels .block-right .cp-rightcontent .createpayment-right.loginRightContent .navbar-brand img {
  width: 220px;
  margin-left: -5px;
}
.login-signup-panels .block-right .cp-rightcontent .createpayment-right.loginRightContent .signin-title {
  text-align: left !important;
  font-size: 30px !important;
  font-weight: 500 !important;
}
.login-signup-panels .block-right .cp-rightcontent .createpayment-right.loginRightContent.step-password {
  position: absolute;
  left: 20%;
  top: 20%;
  max-width: 545px;
  width: 100%;
}
@media only screen and (min-height: 550px) and (max-height: 720px) {
  .login-signup-panels .block-right .cp-rightcontent .createpayment-right.loginRightContent.step-password {
    top: 5% !important;
  }
}
@media only screen and (min-height: 701px) and (max-height: 870px) {
  .login-signup-panels .block-right .cp-rightcontent .createpayment-right.loginRightContent.step-password {
    top: 12% !important;
  }
}
.login-signup-panels .block-right .cp-rightcontent .createpayment-right.loginRightContent.step-password .navbar-brand {
  margin-left: -5px !important;
  margin-bottom: 20px !important;
  max-width: 220px;
  margin-right: 0;
  padding: 0 !important;
}
.login-signup-panels .block-right .cp-rightcontent .createpayment-right.loginRightContent.step-password .navbar-brand img {
  width: 220px;
}
.login-signup-panels .block-right .cp-rightcontent .createpayment-right.loginRightContent.step-password .cr-top {
  margin: 0 !important;
}
.login-signup-panels .block-right .cp-rightcontent .createpayment-right.loginRightContent.step-password .cr-top h2 {
  font-size: 30px;
  margin: 0 !important;
  font-weight: 700 !important;
  width: 100%;
}
.login-signup-panels .block-right .cp-rightcontent .createpayment-right.loginRightContent.step-password .cr-top p {
  color: #d1d1d1;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  margin-top: 10px;
}
.login-signup-panels .block-right .cp-rightcontent .createpayment-right.loginRightContent.step-password .cr-top p.password-created {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
}
.login-signup-panels .block-right .cp-rightcontent .createpayment-right.loginRightContent.step-password .cr-top p span {
  color: #4471e8;
  border-bottom: solid 1px #4471e8;
  cursor: pointer;
}
.login-signup-panels .block-right .cp-rightcontent .createpayment-right.loginRightContent.step-password .register-steps .tab-content .formsection {
  width: 100% !important;
  padding: 0 !important;
}
.login-signup-panels .block-right .cp-rightcontent .createpayment-right.loginRightContent.step-password .register-steps .tab-content .formsection .form-row .form-group:nth-child(1) {
  padding-right: 12.5px;
}
.login-signup-panels .block-right .cp-rightcontent .createpayment-right.loginRightContent.step-password .register-steps .tab-content .formsection .form-row .form-group:nth-child(2) {
  padding-left: 12.5px;
}

.field-45 {
  height: 45px !important;
}

.login-remember {
  color: #c2b8d0;
}

.registerflow section {
  height: 100%;
}
.registerflow section .login-signup-panels {
  height: 100%;
  height: calc(100vh - 0px) !important;
  padding-top: 74px !important;
}
.registerflow section .login-signup-panels.secondstep .createpaymentmain.Showstep1 {
  background: url("../images/full-cover-bg.png") no-repeat !important;
  background-size: cover !important;
  background-position: center !important;
}
.registerflow section .login-signup-panels.secondstep .createpaymentmain.Showstep1 .block-left {
  background-image: none !important;
}
.registerflow section .login-signup-panels.secondstep .createpaymentmain.Showstep1 .block-right .cp-rightcontent .createpayment-right {
  max-width: 390px;
}
.registerflow section .login-signup-panels .createpaymentmain.Showstep1 {
  background-image: none !important;
  height: 100%;
}
.registerflow section .login-signup-panels .createpaymentmain.Showstep1 .block-left {
  flex: 0 0 38%;
  max-width: 38%;
  background: url("../images/login-bg-img.png") no-repeat;
  background-size: cover;
  background-position: center;
}
.registerflow section .login-signup-panels .createpaymentmain.Showstep1 .block-left .createpayment-leftmain {
  position: absolute;
  width: 300px;
  left: 50%;
  margin-left: -150px;
  top: 20%;
}
@media only screen and (min-height: 550px) and (max-height: 720px) {
  .registerflow section .login-signup-panels .createpaymentmain.Showstep1 .block-left .createpayment-leftmain {
    top: 5% !important;
  }
}
@media only screen and (min-height: 701px) and (max-height: 870px) {
  .registerflow section .login-signup-panels .createpaymentmain.Showstep1 .block-left .createpayment-leftmain {
    top: 12% !important;
  }
}
.registerflow section .login-signup-panels .createpaymentmain.Showstep1 .block-left .createpayment-leftmain .cpleft-inner .step-content h1 {
  text-align: center;
  text-transform: uppercase;
}
.registerflow section .login-signup-panels .createpaymentmain.Showstep1 .block-left .createpayment-leftmain .cpleft-inner .step-content .numberimg {
  text-align: center;
}
.registerflow section .login-signup-panels .createpaymentmain.Showstep1 .block-left .createpayment-leftmain .cpleft-inner .step-content .numberimg img {
  width: 100px;
}
.registerflow section .login-signup-panels .createpaymentmain.Showstep1 .block-right {
  flex: 0 0 62%;
  max-width: 62%;
  padding: 0 !important;
}
.registerflow section .login-signup-panels .createpaymentmain.Showstep1 .block-right .cp-rightcontent .createpayment-right {
  position: absolute;
  left: 20%;
  top: 20%;
  max-width: 545px;
  width: 100%;
}
@media only screen and (min-height: 550px) and (max-height: 720px) {
  .registerflow section .login-signup-panels .createpaymentmain.Showstep1 .block-right .cp-rightcontent .createpayment-right {
    top: 5% !important;
  }
}
@media only screen and (min-height: 701px) and (max-height: 870px) {
  .registerflow section .login-signup-panels .createpaymentmain.Showstep1 .block-right .cp-rightcontent .createpayment-right {
    top: 12% !important;
  }
}
.registerflow section .login-signup-panels .createpaymentmain.Showstep1 .block-right .cp-rightcontent .createpayment-right .navbar-brand {
  margin-left: -5px !important;
  margin-bottom: 20px !important;
  max-width: 220px;
  margin-right: 0;
  padding: 0 !important;
}
.registerflow section .login-signup-panels .createpaymentmain.Showstep1 .block-right .cp-rightcontent .createpayment-right .navbar-brand img {
  width: 220px;
  margin-left: -5px;
}
.registerflow section .login-signup-panels .createpaymentmain.Showstep1 .block-right .cp-rightcontent .createpayment-right .cr-top {
  margin: 0 !important;
}
.registerflow section .login-signup-panels .createpaymentmain.Showstep1 .block-right .cp-rightcontent .createpayment-right .cr-top h2 {
  font-size: 29px;
  margin: 0 !important;
  font-weight: 700 !important;
  width: 100%;
}
.registerflow section .login-signup-panels .createpaymentmain.Showstep1 .block-right .cp-rightcontent .createpayment-right .cr-top p {
  color: #d1d1d1;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  margin-top: 10px;
}
.registerflow section .login-signup-panels .createpaymentmain.Showstep1 .block-right .cp-rightcontent .createpayment-right .cr-top p span {
  color: #4471e8;
  border-bottom: solid 1px #4471e8;
  cursor: pointer;
}
.registerflow section .login-signup-panels .createpaymentmain.Showstep1 .block-right .cp-rightcontent .createpayment-right .register-steps .tab-content .formsection {
  width: 100% !important;
  padding: 0 !important;
}
.registerflow section .login-signup-panels .createpaymentmain.Showstep1 .block-right .cp-rightcontent .createpayment-right .register-steps .tab-content .formsection .form-row .form-group:nth-child(1) {
  padding-right: 12.5px;
}
.registerflow section .login-signup-panels .createpaymentmain.Showstep1 .block-right .cp-rightcontent .createpayment-right .register-steps .tab-content .formsection .form-row .form-group:nth-child(2) {
  padding-left: 12.5px;
}
.registerflow section .login-signup-panels .createpaymentmain.Showstep1 .block-right #createAccount .formbottom-section .secondary-btn {
  width: 100%;
  height: 50px;
}

.bottom-btns {
  margin: 15px 0 0 0 !important;
  padding: 0 !important;
  border-top: 0px solid #2d2637 !important;
}
.bottom-btns .termstext {
  color: #d1d1d1;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  text-align: center;
}
.bottom-btns .termstext span {
  color: #4471e8;
  border-bottom: solid 1px #4471e8;
  cursor: pointer;
}

.step2-btn-mail {
  border-radius: 40px;
  background: #2d2637;
  width: 290px;
  padding: 17px 24px;
  height: 60px;
  cursor: pointer;
  margin-bottom: 15px;
}
.step2-btn-mail img {
  width: 24px;
  margin-right: 5px;
}
.step2-btn-mail span {
  float: right;
}
.step2-btn-mail span img {
  width: 16px;
}

.step-register-2 {
  margin-top: 30px;
}

.backbtn {
  border-radius: 3px !important;
  margin-top: 30px;
  padding-left: 50px !important;
}
.backbtn i {
  font-size: 22px;
  margin-top: 2px;
  position: absolute;
  margin-left: -20px;
}

.backbtn2 {
  border-radius: 3px !important;
  margin-top: 0;
  padding-left: 35px !important;
  width: 150px !important;
  font-size: 13px !important;
  height: auto !important;
}
.backbtn2 i {
  font-size: 15px !important;
  margin-top: 0px !important;
  position: absolute;
  margin-left: -20px;
}

.step-register-3 p.password-strength {
  color: #524a5e !important;
  font-family: "Inter", sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: normal;
  padding-top: 5px !important;
}
.step-register-3 .password-hint {
  margin-top: 28px;
}
.step-register-3 .password-hint span {
  border-radius: 32px;
  background: #2d2637;
  color: rgba(255, 255, 255, 0.5);
  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: normal;
  padding: 3px 10px;
  margin-bottom: 2px;
  display: inline-block;
}

.newmodal-black.sm .inviteinfo {
  max-width: 500px;
}
.newmodal-black.sm .inviteinfo .modal-content {
  background: url("../images/login-bg-img.png") no-repeat center center;
  background-size: cover;
}
.newmodal-black.sm .inviteinfo .modal-content .modal-header {
  background: transparent !important;
  padding: 10px 1rem;
}
.newmodal-black.sm .inviteinfo .modal-content .modal-header img {
  height: 34px;
}
.newmodal-black.sm .inviteinfo .modal-content .modal-header .close {
  padding: 0;
  margin: 10px 0 0 0;
}
.newmodal-black.sm .inviteinfo .modal-content .modal-body {
  background: transparent !important;
}
.newmodal-black.sm .inviteinfo .modal-content .modal-body .body-right {
  float: left;
  width: 498px;
}
.newmodal-black.sm .inviteinfo .modal-content .modal-body .body-right h1 {
  font-size: 20px;
  font-weight: 800;
  padding-top: 20px;
}
.newmodal-black.sm .inviteinfo .modal-content .modal-body .body-right h2 {
  font-size: 26px;
  font-weight: 800;
  margin-bottom: 25px;
}
.newmodal-black.sm .inviteinfo .modal-content .modal-body .body-right .noraml-btn {
  margin-top: 140px;
}
.newmodal-black .inviteinfo {
  max-width: 1000px;
}
.newmodal-black .inviteinfo .modal-content {
  background: #000;
}
.newmodal-black .inviteinfo .modal-content .modal-header {
  background: #000;
}
.newmodal-black .inviteinfo .modal-content .modal-header img {
  height: 50px;
}
.newmodal-black .inviteinfo .modal-content .modal-header .close {
  padding: 5px 5px;
  margin: 5px 5px;
  text-align: center;
  line-height: normal;
  height: 30px;
  width: 30px;
  background: #5a4f65 !important;
  border-radius: 50%;
  color: #fff;
}
.newmodal-black .inviteinfo .modal-content .modal-header .close:hover, .newmodal-black .inviteinfo .modal-content .modal-header .close:focus, .newmodal-black .inviteinfo .modal-content .modal-header .close:active, .newmodal-black .inviteinfo .modal-content .modal-header .close:visited {
  background: #fff !important;
  border-radius: 50%;
  outline: none;
}
.newmodal-black .inviteinfo .modal-content .modal-header .close:hover span, .newmodal-black .inviteinfo .modal-content .modal-header .close:focus span, .newmodal-black .inviteinfo .modal-content .modal-header .close:active span, .newmodal-black .inviteinfo .modal-content .modal-header .close:visited span {
  color: #000 !important;
}
.newmodal-black .inviteinfo .modal-content .modal-header .close span {
  margin-top: 0;
  display: block;
  text-shadow: none;
  color: #fff;
  font-weight: 400;
  opacity: 1;
  font-size: 22px;
  height: 30px;
  width: 30px;
  line-height: 27px;
  font-family: "Inter", sans-serif;
}
.newmodal-black .inviteinfo .modal-content .modal-body {
  background: #000;
  padding: 0;
}
.newmodal-black .inviteinfo .modal-content .modal-body .body-left {
  width: 380px;
  float: left;
}
.newmodal-black .inviteinfo .modal-content .modal-body .body-left img {
  max-width: 100%;
}
.newmodal-black .inviteinfo .modal-content .modal-body .body-right {
  padding: 45px;
  float: right;
  width: 618px;
}
.newmodal-black .inviteinfo .modal-content .modal-body .body-right h1 {
  text-align: left;
  color: #fff;
  font-family: "Inter", sans-serif;
  font-size: 19px;
  font-weight: 800;
  line-height: normal;
  margin-bottom: 30px;
  padding-top: 35px;
}
.newmodal-black .inviteinfo .modal-content .modal-body .body-right h2 {
  color: #fff;
  font-family: "Inter", sans-serif;
  font-size: 19px;
  font-weight: 800;
  line-height: normal;
  margin-bottom: 25px;
}
.newmodal-black .inviteinfo .modal-content .modal-body .body-right p {
  color: #fff;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
}
.newmodal-black .inviteinfo .modal-content .modal-body .body-right p span {
  color: #4471e8;
  border-bottom: solid 1px #4471e8;
  cursor: pointer;
}
.newmodal-black .inviteinfo .modal-content .modal-body .body-right .noraml-btn {
  margin-top: 40px;
  height: 50px;
  line-height: 32px;
}
.newmodal-black .inviteinfo .modal-content .modal-body .body-right .skip-btn {
  width: 100%;
  margin-top: 20px;
  padding: 12px;
}

.noraml-btn {
  border-radius: 3px !important;
}

.resetpassword .container-fluid {
  padding: 0 !important;
}
.resetpassword.noborder .container-fluid {
  height: 100%;
}
.resetpassword.noborder .container-fluid section.maincontainer {
  height: 100%;
}
.resetpassword.password-created section.maincontainer {
  height: 100%;
}

.resetpassword .maincontainer {
  padding-top: 74px !important;
}

.passwordstrength {
  width: 100% !important;
}
.passwordstrength span {
  border-radius: 32px;
  background: #2d2637;
  color: rgba(255, 255, 255, 0.5);
  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: normal;
  padding: 3px 10px;
  margin-bottom: 2px;
  display: inline-block;
}
.passwordstrength span.satisfied {
  background: #7800ff;
  color: #fff;
}
.passwordstrength span.errorline {
  background: #e41b2e;
  color: #fff;
}

.register-payment {
  background: url("../images/full-cover-bg.png") no-repeat !important;
  background-size: cover !important;
  background-position: center !important;
  padding-top: 74px !important;
}
.register-payment .block-left {
  flex: 0 0 38%;
  max-width: 38%;
  background: none !important;
}
.register-payment .block-left .createpayment-leftmain {
  position: absolute;
  width: 300px;
  left: 50%;
  margin-left: -150px;
  top: 20%;
}
@media only screen and (min-height: 550px) and (max-height: 720px) {
  .register-payment .block-left .createpayment-leftmain {
    top: 5% !important;
  }
}
@media only screen and (min-height: 701px) and (max-height: 870px) {
  .register-payment .block-left .createpayment-leftmain {
    top: 12% !important;
  }
}
.register-payment .block-left .createpayment-leftmain .cpleft-inner .step-content h1 {
  text-align: center;
  text-transform: uppercase;
}
.register-payment .block-left .createpayment-leftmain .cpleft-inner .step-content .numberimg {
  text-align: center;
}
.register-payment .block-left .createpayment-leftmain .cpleft-inner .step-content .numberimg img {
  width: 100px;
}
.register-payment .block-right {
  flex: 0 0 62%;
  max-width: 62%;
}
.register-payment .block-right .createpayment-right {
  position: absolute;
  left: 20%;
  top: 20%;
  max-width: 390px;
  width: 100%;
}
@media only screen and (min-height: 550px) and (max-height: 720px) {
  .register-payment .block-right .createpayment-right {
    top: 5% !important;
  }
}
@media only screen and (min-height: 701px) and (max-height: 870px) {
  .register-payment .block-right .createpayment-right {
    top: 12% !important;
  }
}
.register-payment .block-right .createpayment-right .cr-top {
  margin: 0 !important;
}
.register-payment .block-right .createpayment-right .cr-top h2 {
  font-size: 30px;
  margin: 0 !important;
  font-weight: 700 !important;
  width: 100%;
}
.register-payment .block-right .createpayment-right .cr-top p {
  color: #d1d1d1;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  margin-top: 10px;
}
.register-payment .block-right .createpayment-right .cr-top p span {
  color: #4471e8;
}
.register-payment .block-right .createpayment-right .navbar-brand {
  margin-left: -5px !important;
  margin-bottom: 20px !important;
  max-width: 220px;
  margin-right: 0;
  padding: 0 !important;
}
.register-payment .block-right .createpayment-right .navbar-brand img {
  width: 220px;
}

.galaxy-login .container-fluid,
.forgot-password .container-fluid {
  padding: 0 !important;
}
.galaxy-login .container-fluid .maincontainer,
.forgot-password .container-fluid .maincontainer {
  padding-top: 74px;
}

.forgot-password.password-main .container-fluid {
  height: 100%;
}

.password-field {
  width: 100%;
  position: relative;
}
.password-field .show-hide {
  position: absolute;
  top: 8px;
  right: 11px;
  color: #666666;
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  cursor: pointer;
}

.mainModal.changeaccount .modal-body p {
  text-align: left;
}
.mainModal.changeaccount .modal-body .form-row {
  margin: 0 0 21px 0;
}
.mainModal.changeaccount .modal-body .form-row .form-group {
  width: 100%;
}
.mainModal.changeaccount .modal-body .form-row .form-group .col-12 {
  padding: 0;
  text-align: left;
}
.mainModal.changeaccount .modal-body .tabs-popup.tabstyleinner {
  width: 100%;
  height: 30px;
  border-radius: 0px;
  padding: 2.5px 3px;
  background: #110a1a;
}
.mainModal.changeaccount .modal-body .tabs-popup.tabstyleinner .nav-tabs {
  border-bottom: 0px solid #dee2e6;
}
.mainModal.changeaccount .modal-body .tabs-popup.tabstyleinner .nav-tabs .nav-item .nav-link {
  padding: 2.5px;
  border: 0px solid transparent;
  border-radius: 5px;
  color: #fff;
}
.mainModal.changeaccount .modal-body .tabs-popup.tabstyleinner .nav-tabs .nav-item .nav-link.active {
  color: #000;
}
.mainModal.upgrade-confirm.modal {
  z-index: 1055;
}
.mainModal.upgrade-confirm.modal p {
  text-align: left;
}

.select-normal.bootstrap-select .dropdown-toggle {
  background: #110a1a;
}
.select-normal.bootstrap-select .dropdown-toggle:hover, .select-normal.bootstrap-select .dropdown-toggle:focus, .select-normal.bootstrap-select .dropdown-toggle:active {
  background: #110a1a !important;
}
.select-normal.bootstrap-select .dropdown-toggle::after {
  content: "";
  font-family: FontAwesome;
  position: absolute;
  right: 16px;
  top: 5px;
  font-size: 13px;
  border: none !important;
  color: #fff;
}
.select-normal.bootstrap-select .dropdown-menu li {
  background: #26202e;
}
.select-normal.bootstrap-select .dropdown-menu li a {
  color: #a294b5 !important;
}
.select-normal.bootstrap-select .dropdown-menu li a:hover {
  background: #2d2637;
}
.select-normal.bootstrap-select.show .dropdown-toggle {
  background: #110a1a;
}

.theme-light .mainModal.paymentModal .modal-content {
  border-radius: 5px;
  border: 0px solid #c5c5c5 !important;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05), 0px 0px 4px 0px rgba(0, 0, 0, 0.05) !important;
}
.theme-light .mainModal.paymentModal .modal-content .modal-header {
  box-shadow: none !important;
  background: transparent !important;
  border: none !important;
}
.theme-light .mainModal.paymentModal .modal-content .modal-body {
  box-shadow: none !important;
  background: transparent !important;
  border: none !important;
}
.theme-light .mainModal.changeaccount .modal-body .tabs-popup.tabstyleinner {
  background: #c0c0c0;
}
.theme-light .mainModal.changeaccount .modal-body .tabs-popup.tabstyleinner .nav-tabs {
  border-bottom: 0px solid #dee2e6;
}
.theme-light .mainModal.changeaccount .modal-body .tabs-popup.tabstyleinner .nav-tabs .nav-item .nav-link {
  border: 0px solid transparent;
  color: #000;
}
.theme-light .mainModal.changeaccount .modal-body .tabs-popup.tabstyleinner .nav-tabs .nav-item .nav-link.active {
  color: #000;
}
.theme-light .select-normal.bootstrap-select .dropdown-toggle {
  background: #fff;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.2) !important;
  border: solid 1px #c5c5c5 !important;
}
.theme-light .select-normal.bootstrap-select .dropdown-toggle:hover, .theme-light .select-normal.bootstrap-select .dropdown-toggle:focus, .theme-light .select-normal.bootstrap-select .dropdown-toggle:active {
  background: #fff !important;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.2) !important;
}
.theme-light .select-normal.bootstrap-select .dropdown-toggle::after {
  color: #000;
}
.theme-light .select-normal.bootstrap-select .dropdown-menu li {
  background: #26202e;
}
.theme-light .select-normal.bootstrap-select .dropdown-menu li a {
  color: #a294b5 !important;
}
.theme-light .select-normal.bootstrap-select .dropdown-menu li a:hover {
  background: #2d2637;
}
.theme-light .select-normal.bootstrap-select.show .dropdown-toggle {
  background: #fff !important;
}

.days-trial {
  display: flex;
  color: #30085F;
  position: absolute;
  right: 0;
  top: 45px;
}
.days-trial .number {
  font-size: 56px;
  font-weight: 900;
  line-height: 48px;
}
.days-trial .days {
  padding-left: 5px;
}
.days-trial .days h4 {
  font-size: 16px;
  font-weight: 800;
  margin: 3px 0 0 0;
  padding: 0;
}
.days-trial .days h6 {
  font-size: 12px;
  font-weight: 600;
  margin: 5px 0 0 0;
  padding: 0;
}

.loginscroll {
  height: calc(100vh - 74px) !important;
}

.topnav-container {
  display: block !important;
  text-align: center !important;
}
.topnav-container .navbar-brand {
  margin-left: 0px !important;
}

/********************** HeaSignupder Styles ***********************/
/*************** 1. Imports ******************/
/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Mixins ******************/
.createpaymentmain.LoginMain {
  height: 100vh;
}
.createpaymentmain.LoginMain .createpayment-left .cpleft-center {
  bottom: 40%;
}
@media (min-width: 320px) and (max-width: 992px) {
  .createpaymentmain.LoginMain .createpayment-left .cpleft-center {
    bottom: auto;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .createpaymentmain.LoginMain .createpayment-left .cpleft-center {
    width: 100% !important;
  }
}
.createpaymentmain.LoginMain .createpayment-left .cpleft-center p {
  margin: 0;
}
.createpaymentmain.LoginMain .cp-rightcontent {
  padding: 5% 0 0;
}
@media (min-width: 320px) and (max-width: 768px) {
  .createpaymentmain.LoginMain .cp-rightcontent {
    padding: 0px 0 0 0;
    margin: 0 auto;
  }
}
.createpaymentmain.LoginMain .cp-rightcontent .createpayment-right {
  top: 0;
  left: auto;
  width: 70%;
  margin: 0 auto;
}
@media (min-width: 320px) and (max-width: 1199px) {
  .createpaymentmain.LoginMain .cp-rightcontent .createpayment-right {
    width: 100%;
  }
}
.createpaymentmain.LoginMain .cp-rightcontent .createpayment-right.loginRightContent {
  padding: 35px 50px 0 50px;
}
@media (min-width: 576px) and (max-width: 992px) {
  .createpaymentmain.LoginMain .cp-rightcontent .createpayment-right.loginRightContent {
    margin-top: 20%;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .createpaymentmain.LoginMain .cp-rightcontent .createpayment-right.loginRightContent {
    padding: 30px 0px 75px 0px;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .createpaymentmain.LoginMain .cp-rightcontent .createpayment-right.loginRightContent .navbar-brand {
    text-align: center;
    display: block;
    margin: 5px auto;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .createpaymentmain.LoginMain .cp-rightcontent .createpayment-right.loginRightContent .cr-top {
    padding: 0 10px !important;
  }
}
.createpaymentmain.LoginMain .cp-rightcontent .createpayment-right.loginRightContent .backbtndiv {
  padding: 0 0 75px 0;
}
@media (min-width: 320px) and (max-width: 992px) {
  .createpaymentmain.LoginMain .cp-rightcontent .createpayment-right.loginRightContent .backbtndiv {
    padding: 0 0 20px 10px;
  }
}
.createpaymentmain.LoginMain .cp-rightcontent .createpayment-right.loginRightContent .backbtndiv a {
  background: #282828;
  border-radius: 3px;
  color: #fff;
  font-size: 12px;
}
.createpaymentmain.LoginMain .cp-rightcontent .createpayment-right.loginRightContent .backbtndiv a i {
  margin-right: 5px;
}
.createpaymentmain.LoginMain .cp-rightcontent .createpayment-right.loginRightContent .signin-title {
  margin: 20px 0;
  font-size: 22px;
  font-weight: 600;
  text-align: right;
}
@media (min-width: 320px) and (max-width: 768px) {
  .createpaymentmain.LoginMain .cp-rightcontent .createpayment-right.loginRightContent .signin-title {
    text-align: center;
    margin: 15px 0;
  }
}
.createpaymentmain.LoginMain .cp-rightcontent .createpayment-right.loginRightContent .formsection {
  padding: 0px;
}
@media (min-width: 320px) and (max-width: 576px) {
  .createpaymentmain.LoginMain .cp-rightcontent .createpayment-right.loginRightContent .formsection .form-group label {
    display: block;
    text-align: left;
  }
}
.createpaymentmain.LoginMain .cp-rightcontent .createpayment-right.loginRightContent .formsection .form-group button {
  border-radius: 2px;
  display: block;
  width: 100%;
  font-size: 18px;
  font-weight: 600;
}
.createpaymentmain.LoginMain .cp-rightcontent .createpayment-right.loginRightContent .formsection .rememberme {
  margin: 0;
  font-size: 12px !important;
  color: #fff;
}
.createpaymentmain.LoginMain .cp-rightcontent .createpayment-right.loginRightContent .formsection .forgotme {
  margin: 0;
}
.createpaymentmain.LoginMain .cp-rightcontent .createpayment-right.loginRightContent .formsection .forgotme a {
  color: rgba(255, 255, 255, 0.5);
  font-size: 12px;
  text-decoration: underline;
  display: block;
}
.createpaymentmain.LoginMain .cp-rightcontent .createpayment-right.loginRightContent .formsection .forgotme a:hover {
  text-decoration: none;
}
.createpaymentmain.LoginMain .cp-rightcontent .createpayment-right.loginRightContent .formsection .loginwithGoogleAccount p span {
  position: relative;
  font-size: 19px;
  color: #fff;
  font-weight: 600;
  display: block;
  text-align: center;
}
.createpaymentmain.LoginMain .cp-rightcontent .createpayment-right.loginRightContent .formsection .loginwithGoogleAccount p span:after, .createpaymentmain.LoginMain .cp-rightcontent .createpayment-right.loginRightContent .formsection .loginwithGoogleAccount p span:before {
  position: absolute;
  content: "";
  background: #342940;
  width: 30%;
  height: 1px;
  top: 50%;
}
.createpaymentmain.LoginMain .cp-rightcontent .createpayment-right.loginRightContent .formsection .loginwithGoogleAccount p span:after {
  right: 0;
}
.createpaymentmain.LoginMain .cp-rightcontent .createpayment-right.loginRightContent .formsection .loginwithGoogleAccount p span:before {
  left: 0;
}
.createpaymentmain.LoginMain .cp-rightcontent .createpayment-right.loginRightContent .formsection .loginwithGoogleAccount img {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  vertical-align: middle;
}

.galaxybody .header-pan,
.galaxybody .sidenav {
  display: none;
}
.galaxybody .maincontainer {
  padding-top: 0;
}

.NewPasswordshow .passwordstrength {
  width: 70%;
  right: auto;
  top: auto;
  position: relative;
  margin: 10px 0;
}
@media (min-width: 320px) and (max-width: 1499px) {
  .NewPasswordshow .passwordstrength {
    width: 100%;
  }
}

.twofa-auth {
  padding-top: 0px !important;
}
.twofa-auth .LoginMain .row {
  height: 100%;
}
.twofa-auth .LoginMain .row .order-md-12 .cp-rightcontent .cpleft-inner .loginRightContent {
  padding-top: 100px;
}
.twofa-auth .LoginMain .row .order-md-12 .cp-rightcontent .cpleft-inner .loginRightContent .loginshow h4.signin-title {
  font-size: 18px;
}
.twofa-auth .LoginMain .row .order-md-12 .cp-rightcontent .cpleft-inner .loginRightContent .loginshow .cr-top .signin-title {
  font-size: 15px;
  text-align: left;
}
.twofa-auth .LoginMain .row .order-md-12 .cp-rightcontent .cpleft-inner .loginRightContent .loginshow .formsection .form-row .form-group button {
  border-radius: 2px;
  display: block;
  width: 100%;
  font-size: 18px;
  font-weight: 600;
}

.mainModal.expire-modal .modal-content .modal-header {
  padding: 7.5px 5px;
  font-weight: bold;
}
.mainModal.expire-modal .modal-content .modal-body p {
  width: 100%;
  text-align: center;
}
.mainModal.expire-modal .modal-content .modal-body p span.date-expire {
  padding-left: 40px;
}
.mainModal.expire-modal .modal-content .modal-body p a {
  color: #fff;
}
.mainModal.expire-modal .modal-content .modal-body p a:hover {
  border-bottom: solid 1px #7800ff;
  padding-bottom: 3px;
  color: #7800ff;
}

.createpaymentmain.LoginMain .cp-rightcontent .createpayment-right.loginRightContent .signin-title.signinhead {
  margin: 10px 0;
}

.loginssotext {
  color: rgba(255, 255, 255, 0.5);
  font-size: 12px;
  text-decoration: underline;
  cursor: pointer;
  margin-top: 11px !important;
}
.loginssotext:hover {
  text-decoration: none;
}

.ssoLoginbtn {
  border-radius: 2px !important;
}

.pl-left-5 {
  padding-left: 5px !important;
}

.inviteUsers {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}
.inviteUsers .userviewerBox {
  flex: 0 0 33.33% !important;
  max-width: 33.33% !important;
  margin-bottom: 20px;
}
.inviteUsers .userviewerBox .available-invities {
  width: 100% !important;
}

.invitepeopleListinner .invite-people .invitetopcenter .invitepeoplebg .invitepeopleList .formsection {
  padding: 0 !important;
  margin: 0px !important;
}

.termsofUse-container {
  padding-top: 70px !important;
  background: #fff;
  color: #110a1a;
}
.termsofUse-container .banner-container {
  background: #110a1a;
  padding: 90px 0px;
  text-align: center;
}
.termsofUse-container .banner-container h1 {
  color: #fff;
  font-weight: 700;
  font-size: 40px;
}
.termsofUse-container .text-cms {
  padding: 50px 0px;
}
.termsofUse-container .text-cms h1 {
  font-size: 22px;
  color: #30085f;
  margin-bottom: 20px;
  line-height: 25px;
  font-weight: 700;
}
.termsofUse-container .text-cms h5 {
  font-size: 16px;
  color: #110a1a;
  line-height: 25px;
  font-weight: 600;
  margin-bottom: 20px;
}
.termsofUse-container .text-cms p {
  font-size: 16px;
  color: #3f3449;
  margin-bottom: 20px;
  line-height: 28px;
}
.termsofUse-container .text-cms p a {
  color: #7800ff;
  padding-bottom: 3px;
  border-bottom: solid 2px #fff;
}
.termsofUse-container .text-cms p a:hover {
  border-bottom: solid 2px #7800ff;
}
.termsofUse-container .text-cms ul {
  padding-left: 20px;
}
.termsofUse-container .text-cms ul li {
  font-size: 16px;
  color: #3f3449;
  margin-bottom: 20px;
  line-height: 28px;
  list-style-type: upper-roman;
}
.termsofUse-container .text-cms .heighlight-box {
  border: solid 1px #D4D4D4;
  border-radius: 10px;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1), 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
  padding: 20px;
  display: block;
  color: #5d5d5d;
  font-style: italic;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 40px;
}

/********************** HeaSignupder Styles ***********************/
/*************** 1. Imports ******************/
/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Mixins ******************/
.usersettings {
  /**** upload Image ***/
  /***  Usermanagement Page ***/
  /***** User Settings Dashboard ******/
}
@media (min-width: 320px) and (max-width: 576px) {
  .usersettings .setting-title {
    font-size: 20px;
  }
}
.usersettings.datamain .setting-title {
  margin: 0 0 25px 0;
}
.usersettings.datamain .setting-title.innertitle {
  margin: 0;
}
.usersettings .setting-title {
  font-size: 29px;
  margin: 0 0 25px 0;
  font-weight: 800;
  float: left;
}
@media (min-width: 320px) and (max-width: 576px) {
  .usersettings .setting-title {
    font-size: 24px;
    margin: 20px;
  }
}
.usersettings .setting-title i {
  font-size: 26px;
  font-weight: 600;
  margin-right: 5px;
  cursor: pointer;
}
.usersettings .savetxt {
  text-align: right;
  float: right;
  margin: 10px 0;
}
.usersettings .savetxt span,
.usersettings .savetxt i {
  cursor: pointer;
  font-weight: 600;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
}
.usersettings .savetxt span:hover,
.usersettings .savetxt i:hover {
  color: white;
}
.usersettings .formsection {
  width: 85%;
  padding: 20px 0;
}
@media (min-width: 320px) and (max-width: 992px) {
  .usersettings .formsection {
    width: 100%;
    padding: 20px;
  }
}
.usersettings .formsection .form-row > .col,
.usersettings .formsection .form-row > [class*=col-] {
  padding: 0 15px;
}
.usersettings .passwordsetting {
  margin: 25px 0 0;
}
.usersettings .passwordbtn a {
  border-radius: 5px;
}
.usersettings .uploadimage .upload,
.usersettings .uploadimage .logoupload {
  opacity: 0;
}
.usersettings .uploadimage .upinputbg {
  background: #2d2637;
}
.usersettings .uploadimage .upinputbg .upload-label,
.usersettings .uploadimage .upinputbg .upload-label1 {
  position: absolute;
  top: 50%;
  left: 4.2rem;
  transform: translateY(-50%);
  font-size: 14px;
  width: 70%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.usersettings .uploadimage .image-area {
  padding: 0;
  position: absolute;
  width: 50px;
  height: 50px;
  top: 36px;
  left: 21px;
  background: #40394a;
}
.usersettings .uploadimage .image-area:before {
  content: "";
  font-weight: 600;
  text-transform: uppercase;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.usersettings .uploadimage .image-area img {
  z-index: 2;
  position: absolute;
  width: auto;
  height: auto;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  left: 0;
  max-height: 100%;
  right: 0;
  border: 0;
  margin: 0 auto;
  border-radius: 0px !important;
}
.usersettings .uploadimage .upload-btn {
  background: #6F538F !important;
  color: #fff !important;
  box-shadow: 0px 2px 4px 0px #00000029 !important;
  border-radius: 3px;
  font-size: 14px;
  line-height: 30px;
}
.usersettings .uploadimage .upload-btn:hover {
  background: #7F669C !important;
  color: #fff !important;
  box-shadow: 0px 2px 4px 0px #00000029 !important;
}
.usersettings .uploadimage .upload-btn:active, .usersettings .uploadimage .upload-btn:focus, .usersettings .uploadimage .upload-btn:visited {
  background: #492572 !important;
  color: #fff !important;
  box-shadow: 0px 2px 4px 0px #00000029 !important;
}
.usersettings .uploadimage .upload-btn .text-muted {
  color: #fff !important;
}
.usersettings .uploadimage .format-images {
  color: rgba(255, 255, 255, 0.5);
  font-size: 12px;
  font-weight: 600;
  margin: -10px 0 0 0;
}
.usersettings .available-invities .availableinvities-txt {
  display: inline-block;
  margin: 0 15px 0 0;
  font-size: 12px;
  vertical-align: super;
}
@media (min-width: 577px) and (max-width: 992px) {
  .usersettings .available-invities .availableinvities-txt {
    margin: 0 8px 0 0;
  }
}
.usersettings .available-invities .availableprogressnum {
  display: inline-block;
  margin: 0;
  font-size: 30px;
  vertical-align: bottom;
}
@media (min-width: 320px) and (max-width: 576px) {
  .usersettings .available-invities .availableprogressnum {
    font-size: 35px -11;
  }
}
@media (min-width: 577px) and (max-width: 768px) {
  .usersettings .available-invities .availableprogressnum {
    font-size: 25px;
  }
}
.usersettings.usersettingdashboard {
  /**** Completed Life Cycles ****/
  /*** Circle Images List ***/
  /***** Milkymaps boxes ****/
}
.usersettings.usersettingdashboard .setting-title {
  margin: 25px 0px 25px;
  float: none;
}
.usersettings.usersettingdashboard .lifecyclebox {
  background: #09080a;
  border-radius: 2px;
  border: 1px solid #524a5e;
  margin: 15px 0;
  height: 88%;
  position: relative;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .usersettings.usersettingdashboard .lifecyclebox {
    height: 435px;
  }
}
@media (min-width: 3001px) and (max-width: 5921px) {
  .usersettings.usersettingdashboard .lifecyclebox {
    height: 95%;
  }
}
.usersettings.usersettingdashboard .lifecyclebox.inactivebox {
  background: rgba(15, 14, 16, 0.7);
}
@media (min-width: 320px) and (max-width: 768px) {
  .usersettings.usersettingdashboard .lifecyclebox {
    height: 90%;
  }
}
.usersettings.usersettingdashboard .lifecyclebox .lifecycleinner {
  padding: 30px;
}
.usersettings.usersettingdashboard .lifecyclebox .lifecycleinner .rightoptionsdropdown {
  position: absolute;
  right: 20px;
  top: 20px;
  color: #876cab;
  text-align: center;
  cursor: pointer;
  padding: 5px;
  margin: 0px;
  z-index: 1;
}
.usersettings.usersettingdashboard .lifecyclebox .lifecycleinner .rightoptionsdropdown:after {
  border: none;
}
.usersettings.usersettingdashboard .lifecyclebox .lifecycleinner .dropdown-menu {
  background: #110a1a;
  padding: 0px;
}
.usersettings.usersettingdashboard .lifecyclebox .lifecycleinner .dropdown-menu a {
  display: block;
  padding: 5px 10px;
  color: #e5eaef;
  border-bottom: 1px solid #362749;
  font-size: 12px;
}
.usersettings.usersettingdashboard .lifecyclebox .lifecycleinner .dropdown-menu a:hover {
  background: #7b6c8f;
}
.usersettings.usersettingdashboard .lifecyclebox .lifecycleinner .dropdown-menu a:last-child {
  border-bottom: none;
}
@media (min-width: 726px) and (max-width: 768px) {
  .usersettings.usersettingdashboard .lifecyclebox .lfbox-right {
    margin: 20px 0;
    text-align: center;
  }
}
.usersettings.usersettingdashboard .lifecyclebox .lfbox-right h6 {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
}
.usersettings.usersettingdashboard .lifecyclebox .lfbox-right h4 {
  font-size: 25px;
  font-weight: 800;
  padding-bottom: 15px;
  margin: 0;
  padding: 5px 0px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  color: #fff;
}
@media (min-width: 726px) and (max-width: 768px) {
  .usersettings.usersettingdashboard .lifecyclebox .lfbox-right h4 {
    width: 100%;
  }
}
@media (min-width: 320px) and (max-width: 768px) {
  .usersettings.usersettingdashboard .lifecyclebox .lfbox-right h4 {
    font-size: 16px;
  }
}
.usersettings.usersettingdashboard .lifecyclebox .lfbox-right .editdblifecyclename {
  position: relative;
}
.usersettings.usersettingdashboard .lifecyclebox .lfbox-right .editdblifecyclename .addnewitem {
  position: absolute;
  display: block;
  background: #7800ff;
  padding: 8px 16px;
  border-radius: 2px;
  color: #fff !important;
  font-size: 18px;
  right: 0px !important;
  top: 0px !important;
  font-weight: 500;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .usersettings.usersettingdashboard .lifecyclebox .lfbox-right .editdblifecyclename .addnewitem {
    padding: 5px 15px;
    top: 1px !important;
  }
}
.usersettings.usersettingdashboard .lifecyclebox .lfbox-right .lfboxright-bottom {
  padding: 15px 0;
  color: rgba(255, 255, 255, 0.5);
  font-size: 10px;
  border-top: 1px solid #40394a;
}
@media (min-width: 576px -256) and (max-width: 768px) {
  .usersettings.usersettingdashboard .lifecyclebox .lfbox-right .lfboxright-bottom .txt-right {
    text-align: right;
  }
}
.usersettings.usersettingdashboard .lifecyclebox .lfbox-right .lfboxright-bottom .byuserimage {
  color: rgba(255, 255, 255, 0.75);
  font-size: 10px;
}
.usersettings.usersettingdashboard .lifecyclebox .lfbox-right .lfboxright-bottom .byuserimage img {
  width: 25px;
  height: 25px;
  border-radius: 0px;
  vertical-align: middle;
  margin-right: 5px;
  background: #fff;
  padding: 2px;
  object-fit: cover;
}
.usersettings.usersettingdashboard .lifecyclebox .lfbox-right .listoflfcycle {
  margin: 0 0 20px;
}
.usersettings.usersettingdashboard .lifecyclebox .lfbox-right .listoflfcycle li {
  border-left: 5px solid #7800ff;
  border-radius: 3px;
  background: #2d2637;
  margin: 5px;
  padding: 8px;
  display: inline-block;
  font-size: 14px;
  color: #fff;
  text-transform: capitalize;
}
.usersettings.usersettingdashboard .lifecyclebox.addnewcycle {
  background: transparent;
  height: 88%;
  min-height: 310px;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .usersettings.usersettingdashboard .lifecyclebox.addnewcycle {
    min-height: 435px;
    height: 435px;
  }
}
@media (min-width: 320px) and (max-width: 768px) {
  .usersettings.usersettingdashboard .lifecyclebox.addnewcycle {
    height: 90%;
  }
}
@media (min-width: 1599px) and (max-width: 2121px) {
  .usersettings.usersettingdashboard .lifecyclebox.addnewcycle {
    min-height: 435px;
  }
}
@media screen and (min-width: 1599px) and (max-width: 2121px) and (-ms-high-contrast: active), screen and (min-width: 1599px) and (max-width: 2121px) and (-ms-high-contrast: none) {
  .usersettings.usersettingdashboard .lifecyclebox.addnewcycle {
    min-height: 280px;
  }
}
@media (min-width: 3001px) and (max-width: 5921px) {
  .usersettings.usersettingdashboard .lifecyclebox.addnewcycle {
    height: 95%;
  }
}
.usersettings.usersettingdashboard .lcuserlist li {
  display: inline-block;
  margin: 3px;
  vertical-align: top;
}
.usersettings.usersettingdashboard .lcuserlist li img {
  height: 25px;
  width: 25px;
  background: #fff;
  padding: 2px;
  display: inline-block;
}
.usersettings.usersettingdashboard .lcuserlist li span {
  display: inline-block;
  font-size: 10px;
}
.usersettings.usersettingdashboard .lcuserlist li .dropdown-toggle {
  color: #fff;
  font-size: 14px;
}
.usersettings.usersettingdashboard .lcuserlist li .dropdown-menu {
  width: 50px;
  max-width: 50px;
  right: 0;
  left: auto;
}
.usersettings.usersettingdashboard .lcuserlist li .dropdown-menu li:hover {
  background: transparent;
}
.usersettings.usersettingdashboard .allmilkymapslist {
  margin: 80px 0;
  /*** Pending ***/
}
.usersettings.usersettingdashboard .allmilkymapslist .subtitle {
  font-size: 20px;
  margin: 20px 0;
}
.usersettings.usersettingdashboard .allmilkymapslist .mmboxinner {
  border: 1px solid #26202e;
  border-radius: 2px;
  margin: 15px 0;
}
.usersettings.usersettingdashboard .allmilkymapslist .mmboxinner .mmboxinner-top img {
  height: 10vw;
  object-fit: cover;
}
@media (min-width: 320px) and (max-width: 768px) {
  .usersettings.usersettingdashboard .allmilkymapslist .mmboxinner .mmboxinner-top img {
    height: auto;
  }
}
.usersettings.usersettingdashboard .allmilkymapslist .mmboxinner .mmboxinner-top .finishedmmtag {
  position: absolute;
  top: 10px;
  left: 10px;
  background: #03ac00;
  font-size: 11px;
  border-radius: 3px;
  color: #fff;
  padding: 5px;
  z-index: 1;
}
.usersettings.usersettingdashboard .allmilkymapslist .mmboxinner .mmboxinner-top .afterbg {
  position: relative;
  display: block;
  overflow: hidden;
  height: 10vw;
}
.usersettings.usersettingdashboard .allmilkymapslist .mmboxinner .mmboxinner-top .afterbg img {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.usersettings.usersettingdashboard .allmilkymapslist .mmboxinner .mmboxinner-top .afterbg:after {
  background: #40394a;
  background: -webkit-linear-gradient(bottom, rgba(55, 55, 56, 0.7) 20%, rgba(8, 8, 8, 0.2) 100%);
  background: -webkit-gradient(bottom, rgba(55, 55, 56, 0.7) 20%, rgba(8, 8, 8, 0.2) 100%);
  background: -moz-linear-gradient(bottom, rgba(55, 55, 56, 0.7) 20%, rgba(8, 8, 8, 0.2) 100%);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: 0;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .usersettings.usersettingdashboard .allmilkymapslist .mmboxinner .mmboxinner-top .afterbg:after {
    background: rgba(64, 57, 74, 0.2);
  }
}
.usersettings.usersettingdashboard .allmilkymapslist .mmboxinner .mmboxinner-top .lcuserlist {
  position: absolute;
  bottom: 20px;
  left: 10px;
}
.usersettings.usersettingdashboard .allmilkymapslist .mmboxinner .mmboxinner-top .lcuserlist img {
  height: 25px;
}
.usersettings.usersettingdashboard .allmilkymapslist .mmboxinner .mmboxinner-bottom {
  background: #1c1a20;
  padding: 30px 20px 20px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.usersettings.usersettingdashboard .allmilkymapslist .mmboxinner .mmboxinner-bottom .mmbottom-title {
  font-size: 14px;
  font-weight: 600;
}
.usersettings.usersettingdashboard .allmilkymapslist .mmboxinner .mmboxinner-bottom .mmbox-createdtime {
  font-size: 10px;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 30px;
  display: block;
}
.usersettings.usersettingdashboard .allmilkymapslist .mmboxinner .mmboxinner-bottom .mmbotm-list li {
  display: inline-block;
  margin: 5px 5px 5px 0px;
  background: #7800ff;
  border: 3px;
  color: #fff;
  font-size: 12px;
  padding: 8px 10px;
  border-radius: 3px;
}
.usersettings.usersettingdashboard .allmilkymapslist .mmboxinner .mmboxinner-bottom .mmbotm-list li:first-child {
  margin-left: 0px;
}
@media (min-width: 776px) and (max-width: 768px) {
  .usersettings.usersettingdashboard .allmilkymapslist .mmboxinner .mmboxinner-bottom .mmbotm-list li {
    display: block;
    margin: 5px 0px;
    text-align: center;
  }
}
.usersettings.usersettingdashboard .allmilkymapslist .pendingmmlist {
  padding: 20px 0;
}
.usersettings.usersettingdashboard .allmilkymapslist .pendingmmlist .mmboxinner-top .finishedmmtag {
  background: #ff7a00;
}
.usersettings.usersettingdashboard .addnewmmlist {
  border: 1px solid #282828;
  border-radius: 2px;
  color: #282828;
  font-size: 16px;
  display: block;
  font-weight: 600;
  margin: 0px;
}
.usersettings.usersettingdashboard .addnewmmlist span {
  padding: 8px;
}
.usersettings.usersettingdashboard .addnewmmlist small {
  background: #282828;
  padding: 5px 10px;
  display: inline-block;
}
.usersettings.usersettingdashboard .addnewmmlist small i {
  font-size: 16px;
  color: #7b6c8f;
  border-radius: 2px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.usersettings.usersettingdashboard .addnewmmlist:hover {
  border: 1px solid #7b6c8f;
}

.umtable .formsection {
  width: 100% !important;
  padding: 0px;
  margin: 20px 0 0 0;
}
.umtable .formsection .usermanagelist {
  background: #09080a;
  margin: 20px 0 0 0;
}
.umtable .formsection .usermanagelist:first-child {
  margin: 0;
}
.umtable .formsection .usermanagelist .form-group {
  margin: 10px 0;
}
@media (min-width: 320px) and (max-width: 768px) {
  .umtable .formsection .usermanagelist .form-group {
    margin: 10px;
  }
}
.umtable .formsection .usermanagelist .form-group label {
  margin: 0;
}
@media (min-width: 320px) and (max-width: 768px) {
  .umtable .formsection .usermanagelist .form-group label.lablename {
    display: block;
  }
}
.umtable .formsection .usermanagelist .form-group p {
  font-size: 12px;
  margin: 0;
  padding: 10px 0;
  display: inline-block;
}
.umtable.billinginfotable {
  margin-bottom: 20px;
}
.umtable.billinginfotable .formsection {
  width: 100% !important;
  padding: 0px;
  margin: 20px 0 0 0;
}
.umtable.billinginfotable .formsection .bootstrap-select.form-control.fadeout,
.umtable.billinginfotable .formsection .bootstrap-select .dropdown-toggle.fadeout {
  color: #524a5e;
}
.umtable.billinginfotable .formsection .bootstrap-select .channeldescrip.fadeout {
  color: #524a5e;
}
.umtable.billinginfotable .formsection .bootstrap-select .dropdown-menu ul li a {
  padding-left: 10px;
  padding-right: 10px;
}
.umtable.billinginfotable .formsection .bootstrap-select .dropdown-toggle::after {
  border-top: 0 solid;
  border-right: 0 solid transparent;
  border-bottom: 0;
  border-left: 0 solid transparent;
  content: "";
  font-family: FontAwesome;
  position: absolute;
  right: 20px;
  top: 10px;
  font-size: 18px;
}
.umtable.billinginfotable .formsection .dataposrelmain {
  position: relative;
}
.umtable.billinginfotable .formsection .dataposrelmain input.form-control {
  padding-right: 32%;
}
@media (min-width: 1199px) and (max-width: 1499px) {
  .umtable.billinginfotable .formsection .dataposrelmain input.form-control {
    padding-right: 43%;
  }
}
@media (min-width: 320px) and (max-width: 768px) {
  .umtable.billinginfotable .formsection .dataposrelmain input.form-control {
    padding-right: 32%;
  }
}
.umtable.billinginfotable .formsection .dataposrelmain input.form-control::-webkit-input-placeholder {
  color: #625d69;
}
.umtable.billinginfotable .formsection .dataposrelmain input.form-control:-moz-placeholder {
  color: #625d69;
}
.umtable.billinginfotable .formsection .dataposrelmain input.form-control::-moz-placeholder {
  color: #625d69;
}
.umtable.billinginfotable .formsection .dataposrelmain input.form-control:-ms-input-placeholder {
  color: #625d69;
}
.umtable.billinginfotable .formsection .dataposrelmain input.form-control.disabled {
  color: #524a5e;
}
.umtable.billinginfotable .formsection .dataposrelmain .channeldescrip.fadeout {
  color: #524a5e;
}
.umtable.billinginfotable .formsection .dataposrelmain .selectoptions {
  position: absolute;
  top: 4px;
  right: 10px;
}
.umtable.billinginfotable .formsection .dataposrelmain .selectoptions a {
  padding: 3px 8px;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  vertical-align: top;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .umtable.billinginfotable .formsection .dataposrelmain .selectoptions a {
    padding: 2px 8px;
  }
}
.umtable.billinginfotable .formsection .dataposrelmain .selectoptions a:hover {
  opacity: 0.7;
}
.umtable.billinginfotable .formsection .dataposrelmain .selectoptions a.view-icon {
  background: #40394a;
  border: 1px solid #5d5961;
  width: 24px;
  height: 24px;
  padding: 0;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .umtable.billinginfotable .formsection .dataposrelmain .selectoptions a.view-icon {
    padding: 2px 8px;
    height: 28px;
  }
}
.umtable.billinginfotable .formsection .dataposrelmain .selectoptions a.view-icon:after {
  position: absolute;
  content: "";
  display: block;
  font-family: FontAwesome;
  left: 4px;
  line-height: 22px;
}
.umtable.billinginfotable .formsection .dataposrelmain .selectoptions a.view-icon.disabled:after {
  color: #FFFFFF;
  content: "";
}
.umtable.billinginfotable .formsection .dataposrelmain .selectoptions a.view-icon.disabled:hover {
  opacity: 1;
}
.umtable.billinginfotable .formsection .dataposrelmain .selectoptions a.trash-icon {
  background: rgba(240, 100, 91, 0.3);
  border: 1px solid rgba(240, 100, 91, 0.3);
  width: 24px;
  height: 24px;
  padding: 0px;
  text-align: center;
  position: relative;
  margin-left: 8px;
  line-height: 22px;
  font-size: 16px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .umtable.billinginfotable .formsection .dataposrelmain .selectoptions a.trash-icon {
    padding: 1px 8px;
  }
}
.umtable.billinginfotable .formsection .dataposrelmain .selectoptions a.trash-icon.disabled {
  color: white !important;
}
.umtable.billinginfotable .formsection .dataposrelmain .selectoptions a.trash-icon:hover {
  background: #B11E27 !important;
  color: white !important;
}
.umtable.billinginfotable .formsection .dataposrelmain .selectoptions a.close-icon, .umtable.billinginfotable .formsection .dataposrelmain .selectoptions a.save-icon {
  background: #40394a;
}
.umtable.billinginfotable .formsection .dataposrelmain .selectoptions a.close-icon i, .umtable.billinginfotable .formsection .dataposrelmain .selectoptions a.save-icon i {
  color: rgba(255, 255, 255, 0.5);
}
.umtable.billinginfotable .formsection .dataposrelmain .selectoptions a.close-icon.acceptreq, .umtable.billinginfotable .formsection .dataposrelmain .selectoptions a.save-icon.acceptreq {
  background: #368651;
  border: rgba(3, 172, 0, 0.9);
}
.umtable.billinginfotable .formsection .dataposrelmain .selectoptions .translatedrpdwnmain .translatedrpdwn {
  font-size: 12px;
  padding: 6px 15px;
  border-radius: 3px;
  position: relative;
  color: rgba(255, 255, 255, 0.5);
  background: #40394a;
  border: 1px solid #5d5961;
  display: inline-block;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .umtable.billinginfotable .formsection .dataposrelmain .selectoptions .translatedrpdwnmain .translatedrpdwn {
    padding: 4px 15px;
  }
}
.umtable.billinginfotable .formsection .dataposrelmain .selectoptions .translatedrpdwnmain .translatedrpdwn:after {
  right: 5px;
  top: 15px;
  content: "";
}
.umtable.billinginfotable .formsection .dataposrelmain .selectoptions .translatedrpdwnmain .dropdown-menu {
  background: #09080a;
  border: 1px solid #524a5e;
  padding: 15px;
  width: 300px;
}
.umtable.billinginfotable .formsection .dataposrelmain .selectoptions .translatedrpdwnmain .dropdown-menu ul {
  max-height: 150px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 10px;
}
.umtable.billinginfotable .formsection .dataposrelmain .selectoptions .translatedrpdwnmain .dropdown-menu ul li a {
  display: block;
  padding: 5px;
  position: relative;
}
.umtable.billinginfotable .formsection .dataposrelmain .selectoptions .translatedrpdwnmain .dropdown-menu ul li a:hover {
  background: transparent;
  opacity: 1;
}
.umtable.billinginfotable .formsection .dataposrelmain .selectoptions .translatedrpdwnmain .dropdown-menu ul li a .languagename {
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px;
  display: inline-block;
  padding-right: 10px;
  font-size: 12px;
  width: 65px;
  vertical-align: middle;
}
.umtable.billinginfotable .formsection .dataposrelmain .selectoptions .translatedrpdwnmain .dropdown-menu ul li a .languagename.activespan {
  color: #fff;
}
.umtable.billinginfotable .formsection .dataposrelmain .selectoptions .translatedrpdwnmain .dropdown-menu ul li a .languagename:hover {
  background: transparent;
}
.umtable.billinginfotable .formsection .dataposrelmain .selectoptions .translatedrpdwnmain .dropdown-menu ul li a input {
  display: inline-block;
  background: #110a1a !important;
  padding: 3px 5px;
  border-radius: 1px;
  font-size: 12px;
  color: #fff;
  width: 74%;
  border: 1px solid transparent;
  box-shadow: none;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .umtable.billinginfotable .formsection .dataposrelmain .selectoptions .translatedrpdwnmain .dropdown-menu ul li a input {
    padding: 5px;
  }
}
.umtable.billinginfotable .formsection .dataposrelmain .selectoptions .translatedrpdwnmain .dropdown-menu ul li a input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.umtable.billinginfotable .formsection .dataposrelmain .selectoptions .translatedrpdwnmain .dropdown-menu ul li a input:-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.umtable.billinginfotable .formsection .dataposrelmain .selectoptions .translatedrpdwnmain .dropdown-menu ul li a input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.umtable.billinginfotable .formsection .dataposrelmain .selectoptions .translatedrpdwnmain .dropdown-menu ul li a input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.umtable.billinginfotable .formsection .dataposrelmain .selectoptions .translatedrpdwnmain .dropdown-menu ul li a input:focus {
  border: 1px solid #7800ff;
}
.umtable.billinginfotable .formsection .dataposrelmain .selectoptions .translatedrpdwnmain .dropdown-menu ul li a .checkiconsave {
  display: none;
  position: absolute;
  right: -2px;
  top: 5px;
  background: #7800ff;
  color: #fff;
  font-size: 14px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  text-align: center;
  padding: 3px 6px;
  width: auto;
}
.umtable.billinginfotable .formsection .dataposrelmain .selectoptions .translatedrpdwnmain .dropdown-menu ul li a .checkiconsave:hover {
  background: #7800ff;
}
.umtable.billinginfotable .formsection .dataposrelmain .selectoptions .translatedrpdwnmain .dropdown-menu ul li.active .checkiconsave {
  display: block;
}
.umtable.billinginfotable .formsection .dataposrelmain .selectoptions .translatedrpdwnmain .dropdown-menu ul li.highlight .languagename {
  color: #fff;
}
.umtable.billinginfotable .formsection .secondary-btn {
  border-radius: 3px;
  margin-left: 10px;
}
.umtable.billinginfotable .savecancelgrp .btn {
  display: inline-block;
  border-radius: 3px;
  margin-right: 10px;
  margin-left: 0px;
}
.umtable.billinginfotable .uploadimage .image-area {
  width: 30px;
  height: 30px;
}
.umtable.billinginfotable .uploadimage .format-images {
  margin: 2px 0 0 0;
}
.umtable.billinginfotable .uploadimage .input-group-append {
  margin: 5px;
}
.umtable.billinginfotable .uploadimage .input-group-append .upload-btn {
  line-height: 18px;
}
.umtable.datatable .setting-title.innertitle {
  margin: 40px 0 0 0;
}
.umtable.datatable .formsection {
  margin-left: -15px;
  padding: 0px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .umtable.datatable .formsection {
    padding: 0 10px;
  }
}
.umtable .adduserbtn {
  margin: 20px 0;
}
.umtable .adduserbtn button {
  border-radius: 3px;
  font-size: 12px;
}
.umtable .checkmeall {
  display: inline-block;
  margin-right: 15px;
}
.umtable .checkedumlist {
  display: inline-block;
  padding: 0;
  margin: -15px 0 0 0;
}
.umtable .checkedumlist li {
  margin-left: 10px;
}
.umtable .checkedumlist li a {
  display: block;
  padding: 5px;
  color: #fff;
  font-size: 12px;
}
.umtable .checkedumlist li a:hover, .umtable .checkedumlist li a:focus {
  color: rgba(255, 255, 255, 0.8);
}
.umtable .checkedumlist li .dropdown-menu.inner li {
  padding: 5px;
  margin: 0;
}
.umtable .checkedumlist li .bootstrap-select .filter-option-inner-inner {
  font-size: 12px;
}
.umtable .uttablehead .form-group {
  margin: 0;
}

.subscriptionlist {
  margin: 0 0 30px !important;
}

/*** Add user modal ***/
.addUser {
  padding-left: 0;
}
.addUser .modal-header,
.addUser .invite-people,
.addUser .modal-body {
  background: transparent;
}
.addUser .modal-content {
  border: none;
}
.addUser .add-txt a {
  color: #8b93a1;
  text-decoration: underline;
}
.addUser .invite-people .invitetopcenter .invitepeoplebg .invitepeopleList .invitepeopleListinner {
  padding: 0px 20px 0px 0px !important;
}
.addUser .invite-people .invitetopcenter .invitepeoplebg .invitepeopleList .invitepeopleListinner.addteamInvitepeopleListinner {
  padding: 0px 10px 0px 0px !important;
}
.addUser .cancel-btn {
  background-color: #000;
  border-radius: 3px;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
}

/***  Current Subscription ***/
.currentsubscriptionlist .btngrp {
  display: inline-block;
  margin: 0 0 0 20px;
}
.currentsubscriptionlist .btngrp .btn {
  display: inline-block;
  border-radius: 3px;
  margin: 0 0 0 5px;
}
.currentsubscriptionlist .btngrp .btn.btn-sm {
  font-size: 12px;
  padding: 4px 10px;
}
@media (min-width: 320px) and (max-width: 992px) {
  .currentsubscriptionlist .flex-row-reverse {
    flex-direction: row !important;
  }
}

.deleteaccountmain {
  background: #09080a;
  padding: 30px 20px;
  margin: 20px 0 20px;
}
.deleteaccountmain h5 {
  margin: 0 0 20px;
  font-size: 16px;
  font-weight: 600;
}
.deleteaccountmain .deleteaccountbox p {
  font-size: 14px;
  margin: 0;
}
.deleteaccountmain .deleteaccountbox .delete-btn,
.deleteaccountmain .deleteaccountbox .secondary-btn {
  margin: 20px 0 0 0;
}
.deleteaccountmain .deleteaccountbox .secondary-btn {
  border-radius: 2px;
}

/*** Cancel Subscription Modal ***/
.cancelsubscriptionModal .modal-header {
  background: #16111d;
}
.cancelsubscriptionModal .modal-header .modal-title {
  font-size: 15px;
}
.cancelsubscriptionModal .modal-header .close {
  padding: 0px 0px;
  margin: 0px 0px;
  text-align: center;
  line-height: normal;
  height: 30px;
  width: 30px;
  background: transparent !important;
  color: #fff;
}
.cancelsubscriptionModal .modal-header .close span {
  margin-top: 0px;
  display: block;
  text-shadow: none;
  font-weight: 400;
  opacity: 1;
  font-size: 22px;
  height: 30px;
  width: 30px;
  line-height: 27px;
  font-family: "Inter", sans-serif;
}
.cancelsubscriptionModal .modal-header .close:hover, .cancelsubscriptionModal .modal-header .close:focus, .cancelsubscriptionModal .modal-header .close:visited {
  background: #423c4b !important;
  opacity: 1;
  border-radius: 30px !important;
  outline: none !important;
}
.cancelsubscriptionModal .modal-body {
  background: #110a1a;
}
.cancelsubscriptionModal .modal-body p {
  font-size: 14px;
}
.cancelsubscriptionModal .modal-body .delete-btn {
  padding: 8px 10px;
}

/*** Delete  Box ***/
.deletesubscrionmain .setting-title {
  margin: 0;
}

.showsubscriptionsuccess {
  display: none;
}
.showsubscriptionsuccess .deleteaccountmain {
  margin: 0;
}
.showsubscriptionsuccess .deleteaccountmain h5 {
  font-size: 16px;
  margin: 0 0 10px 0;
}
.showsubscriptionsuccess .deleteaccountmain p {
  font-size: 14px;
}
.showsubscriptionsuccess .deleteaccountmain button {
  margin: 30px 0 0 0;
}

.subscriptionbody .custom-checkbox + label:before {
  background: #2d2637;
  border: 1px solid #2d2637;
}
.subscriptionbody .btn {
  border-radius: 3px;
}
.subscriptionbody .deleteaccountmain {
  margin: 0;
}
.subscriptionbody .deleteaccountmain .form-group {
  margin: 0;
}
.subscriptionbody .deleteaccountmain .form-group .form-control {
  padding: 15px 10px;
  font-size: 23px;
}

@media (min-width: 320px) and (max-width: 768px) {
  .upgrademodal .deleteaccountmain {
    text-align: center;
  }
}
@media (min-width: 320px) and (max-width: 768px) and (min-width: 320px) and (max-width: 768px) {
  .upgrademodal .deleteaccountmain .numberincrement {
    text-align: center;
    margin: 0 auto;
  }
}
@media (min-width: 320px) and (max-width: 768px) {
  .upgrademodal button {
    margin: 0 auto;
  }
}

/*** Invoices ***/
.invoicestable .orangestatus,
.invoicestable .btngrp {
  display: inline-block;
}
.invoicestable .orangestatus,
.invoicestable .greenstatus {
  font-size: 14px;
}
.invoicestable .orangestatus {
  color: #ff7a00;
}
.invoicestable .greenstatus {
  color: #03ac00;
}
.invoicestable .btngrp .btn {
  border-radius: 3px;
  margin: 0 0 0 15px;
}
@media (min-width: 769px) and (max-width: 992px) {
  .invoicestable .btngrp .btn {
    margin: 0 0 0 4px;
  }
}
@media (min-width: 320px) and (max-width: 768px) {
  .invoicestable .btngrp .btn {
    margin: 0 0 0 7px;
  }
}
.invoicestable .btngrp .paybtn {
  background: #ff7a00;
  color: #fff;
  font-size: 14px;
  padding: 5px 10px;
  border: 1px solid #fff;
}
@media (min-width: 320px) and (max-width: 992px) {
  .invoicestable .btngrp .paybtn {
    padding: 5px 8px;
  }
}
.invoicestable .btngrp .downloadnow {
  background: #362749;
  border: 1px solid #e5eaef;
  padding: 5px 8px;
}
.invoicestable .btngrp .downloadnow i {
  color: #e5e8ff;
  font-size: 20px;
}

/*** Delete  POPup ***/
.deletechannel .modal-header {
  padding: 7.5px 5px 7.5px 10px;
}
.deletechannel .modal-header .modal-title {
  font-weight: 700;
  margin-top: 5px;
}
.deletechannel .modal-body {
  padding: 30px;
}
.deletechannel .deletebtn {
  background: #650000;
  background: -webkit-linear-gradient(left, #650000 10%, #730000 100%);
  background: -moz-linear-gradient(left, #650000 10%, #730000 100%);
  background: -o-linear-gradient(left, #650000 10%, #730000 100%);
  background: linear-gradient(left, #650000 10%, #730000 100%);
  margin: 20px 0 0;
  color: #fff;
  font-weight: 600;
  padding: 10px;
}
.deletechannel .deletebtn:hover {
  opacity: 0.8;
}

.saveeditsettinguser p {
  font-size: 14px;
  color: #7b6c8f;
}
.saveeditsettinguser p i {
  font-size: 12px;
  font-weight: 600;
  margin-right: 5px;
}

.teamselection.bootstrap-select.show .dropdown-toggle {
  color: #fff;
}
.teamselection.bootstrap-select.show .dropdown-menu li.disabled a {
  color: #524a5e;
}

.usermanagelist .bootstrap-select .selectpicker.form-control {
  box-shadow: none;
}

.umtable .uttablehead.formsectiom {
  padding: 0px;
}
.umtable.billinginfotable {
  margin-left: -10px;
}
.umtable.billinginfotable .formsection {
  padding: 0;
}

.secondtitle {
  margin: 20px 0 0 10px !important;
}

.showAddChannel,
.showAddKPI {
  display: none;
}

.addedchannelname {
  color: #fff;
  background: #7800ff;
  padding: 4px 10px;
}
.addedchannelname:hover {
  opacity: 0.8;
}

.usersettings.datamain .umtable,
.usersettings.datamain .billinginfotable {
  margin-left: 5px;
}
.usersettings.datamain .umtable .formsection .form-group .form-control.fixed-Textarea,
.usersettings.datamain .billinginfotable .formsection .form-group .form-control.fixed-Textarea {
  background: #1f1829 !important;
}
.usersettings.datamain .umtable .formsection .form-group .form-control.channeldescrip,
.usersettings.datamain .billinginfotable .formsection .form-group .form-control.channeldescrip {
  height: 50px;
  transition: height 0.15s ease-out;
  overflow: hidden;
  max-height: inherit;
  resize: vertical;
  margin: 5px 0;
  background: #1f1829 !important;
  font-weight: 500;
  color: #625d69;
}
.usersettings.datamain .umtable .formsection .form-group .form-control.channeldescrip.showfullheight,
.usersettings.datamain .billinginfotable .formsection .form-group .form-control.channeldescrip.showfullheight {
  height: 100px;
  transition: height 0.25s ease-in;
  max-height: inherit;
}
.usersettings.datamain .umtable .formsection .form-group .form-control.channeldescrip::-webkit-input-placeholder,
.usersettings.datamain .billinginfotable .formsection .form-group .form-control.channeldescrip::-webkit-input-placeholder {
  color: #625d69;
}
.usersettings.datamain .umtable .formsection .form-group .form-control.channeldescrip:-moz-placeholder,
.usersettings.datamain .billinginfotable .formsection .form-group .form-control.channeldescrip:-moz-placeholder {
  color: #625d69;
}
.usersettings.datamain .umtable .formsection .form-group .form-control.channeldescrip::-moz-placeholder,
.usersettings.datamain .billinginfotable .formsection .form-group .form-control.channeldescrip::-moz-placeholder {
  color: #625d69;
}
.usersettings.datamain .umtable .formsection .form-group .form-control.channeldescrip:-ms-input-placeholder,
.usersettings.datamain .billinginfotable .formsection .form-group .form-control.channeldescrip:-ms-input-placeholder {
  color: #625d69;
}
.usersettings.datamain .umtable .formsection .form-group .bottomfadeout,
.usersettings.datamain .billinginfotable .formsection .form-group .bottomfadeout {
  position: relative;
}
.usersettings.datamain .umtable .formsection .form-group .bottomfadeout:after,
.usersettings.datamain .billinginfotable .formsection .form-group .bottomfadeout:after {
  position: absolute;
  content: "";
  bottom: 6px;
  background: -webkit-linear-gradient(rgba(31, 24, 41, 0.8) 0%, #1f1829 100%);
  background-image: -moz-linear-gradient(rgba(31, 24, 41, 0.8) 0%, #1f1829 100%);
  background-image: -o-linear-gradient(rgba(31, 24, 41, 0.8) 0%, #1f1829 100%);
  background-image: linear-gradient(rgba(31, 24, 41, 0.8) 0%, #1f1829 100%);
  background-image: -ms-linear-gradient(rgba(31, 24, 41, 0.8) 0%, #1f1829 100%);
  height: 15px;
  width: 95.7%;
  left: 2px;
}
.usersettings.datamain .billinginfotable .kpimainsection .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100%;
}
.usersettings.datamain .billinginfotable .kpimainsection .dataposrelmain .selectoptions {
  right: -60px;
}

.requestmain .setting-title {
  font-size: 30px;
  margin: 0 0 25px 0;
  font-weight: 800;
  float: left;
}
.requestmain p {
  margin: 10px 0 0 0;
  font-size: 14px;
}

.text-muted {
  display: block;
  font-weight: 600;
}

.saveeditkpiform {
  margin: 45px 0 10px;
}
.saveeditkpiform a {
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px;
  font-weight: 600;
  display: block;
}
.saveeditkpiform a i {
  margin-right: 5px;
}

/*** Settings ****/
.settingsbody .topnav {
  margin-left: 20px;
}

.productname {
  margin-left: 15px;
}
@media (min-width: 320px) and (max-width: 768px) {
  .productname {
    margin-left: 0px;
  }
}

.startdate {
  margin-left: 8px;
}
@media (min-width: 320px) and (max-width: 768px) {
  .startdate {
    margin-left: 0px;
  }
}

.requestList .dataposrelmain {
  padding-left: 20px !important;
}

/**** Each user Setting box ****/
.eachUserSettingbox .setting-title a {
  display: inline-block;
  color: #fff;
}
.eachUserSettingbox .setting-title a:hover {
  opacity: 0.8;
}
.eachUserSettingbox .saveeditsettinguser p span {
  color: rgba(255, 255, 255, 0.5);
}
.eachUserSettingbox .usermanagelist .btn {
  border-radius: 3px;
}
.eachUserSettingbox .deletesubscrionmain {
  padding: 40px 0 0 15px;
}

#memberList .usermanagelist .form-group .form-control {
  box-shadow: none !important;
}
#memberList .usermanagelist .form-group .fullname {
  margin-left: 40px;
}

.fnspace {
  margin-left: 15px;
}

.emspace {
  margin-left: 5px;
}

/*** Notifications & News Letter ***/
.notificationsnewslettersectipon {
  margin-bottom: 30px;
}
.notificationsnewslettersectipon h3 {
  font-size: 22px;
  font-weight: 800;
  margin: 0 0 30px 0;
}
.notificationsnewslettersectipon li {
  margin-bottom: 20px;
}
.notificationsnewslettersectipon li h5 {
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  margin: 0px;
}
.notificationsnewslettersectipon li p {
  font-size: 14px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.5);
  display: inline-block;
}
.notificationsnewslettersectipon li .switchtoggle {
  text-align: right;
  float: right;
  margin: 2px 0;
}

/*** Personal Settings Password ***/
.personalsettingpw .passwordstrength {
  position: relative;
  right: 0px;
  top: 10px;
}

.settingsmainheader {
  padding: 0px 0px 0px 8px !important;
}
.settingsmainheader .edirpresentHeader {
  width: calc(100% + 10px);
}
.settingsmainheader .usermanagementheader {
  padding: 0;
}

.settingsmaindiv {
  margin-left: 75px;
}

.lifecycledashboardmaindiv {
  margin: 0 20px 0 0px;
}
@media (min-width: 320px) and (max-width: 1224px) {
  .lifecycledashboardmaindiv {
    margin: 0 20px 0 20px;
  }
}

.footercropper {
  margin: 20px 0 0;
  text-align: right;
}
.footercropper button {
  display: inline-block;
  border-radius: 2px;
}

.show-preview {
  border: 1px solid #40394a;
  border-radius: 2px;
}

.cropimagemaindiv .cropper-container,
.cropimagemaindiv div {
  max-height: 400px;
}

.userDataBlock .deleteinvitepeoplelist {
  margin: 10px 0 0 0;
}

/*** Active deactive Button styles ***/
.activetag,
.deactivetag {
  position: absolute;
  top: 20px;
  left: 20px;
  color: #fff;
  border-radius: 3px;
  padding: 5px;
  font-size: 11px;
  z-index: 1;
}

.activetag {
  background: #03ac00;
}

.deactivetag {
  background: #ff7a00;
}

.createdbyuserdate {
  color: #7800ff;
  font-size: 10px;
}

.invitedddbtn {
  margin-left: 10px;
}

/**** Nomaps ***/
.nomapsdiv {
  border: 1px solid #5d5961;
  padding: 60px 0;
  color: #5d5961;
  font-weight: 500;
  border-radius: 2px;
}

.connectedLC .connectedlcswitchtxt {
  display: inline-block;
  color: #8f8c91;
  font-size: 10px;
  margin: 3px 0 0 5px;
  vertical-align: top;
}
.connectedLC .connectedlcswitchtxt.switchactive {
  color: #fff;
}

.connectedLcName {
  background: #40394a;
  color: #fff;
  padding: 5px 10px;
  border-radius: 3px;
  margin: 5px 0;
  font-size: 12px;
}
.connectedLcName span {
  white-space: normal;
  word-wrap: break-word;
}

.alignrightfilter .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  color: #fff;
}

.datamaindiv .tabstyle .slider {
  height: 65%;
}
.datamaindiv .tabstyle .tabstyleinner {
  display: block;
  padding: 5px 0px;
}
.datamaindiv .tabstyle .tabstyleinner ul li a {
  padding: 10px;
}
.datamaindiv .tabs-maincontent {
  padding: 60px 49px;
  width: 100%;
}

.kpichannelmain .addChannel,
.kpichannelmain .addnewkpi {
  margin: 0px;
  border-radius: 3px;
}

.customselectRole.bootstrap-select .dropdown-toggle:after {
  border: none;
}

/**** Expire Subscription ***/
.expiredSubscriptionInfo {
  background: #7800ff;
  padding: 20px;
  border-radius: 3px;
}
.expiredSubscriptionInfo p {
  font-size: 14px;
  margin-bottom: 10px;
}
.expiredSubscriptionInfo a,
.expiredSubscriptionInfo p {
  color: #fff;
}
.expiredSubscriptionInfo a:hover {
  text-decoration: underline;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .smallerCircleview {
    height: 375px;
    width: 100%;
  }
}
@media screen and (-ms-high-contrast: active) and (min-width: 320px) and (max-width: 992px), screen and (-ms-high-contrast: none) and (min-width: 320px) and (max-width: 992px) {
  .smallerCircleview {
    height: 100%;
  }
}
/*** Upload logo ***/
.uploadLogo .btn {
  border-radius: 2px;
}
@media (min-width: 320px) and (max-width: 992px) {
  .uploadLogo .btn {
    padding: 10px 15px;
    font-size: 12px;
  }
}
.uploadLogo .default-images-view {
  height: 200px;
  line-height: 200px;
}
.uploadLogo .default-images-view .leftimage {
  border: dotted 1px #8f8c91;
}
.uploadLogo .default-images-view .leftimage .dragaanddropbutton {
  width: 100%;
  position: absolute;
}
.uploadLogo .default-images-view .rightimage {
  width: 50%;
  height: 100%;
}
.uploadLogo .default-images-view .rightimage .dragaanddropbutton {
  width: 100%;
  border: dotted 1px #8f8c91;
}
.uploadLogo .saveCancelbtns {
  margin: 20px 0;
}
.uploadLogo .saveCancelbtns .btn {
  display: inline-block;
  margin-left: 10px;
}

.confirmsubscriptiontxt {
  font-size: 12px;
  margin: 10px 0;
}

.pendingTxt {
  width: 110px;
}

/*** Brands ****/
.brandsMainDiv .dataposrelmain input {
  padding: 20px 6px !important;
}
.brandsMainDiv .selectoptions {
  top: 18px !important;
}
.brandsMainDiv .leftSelectOptions {
  position: absolute;
  background: #c2b8d0;
  padding: 0px 30px;
  width: 60px;
  height: 60px;
  left: 0px;
  top: 0px;
  border-radius: 5px;
}
.brandsMainDiv .leftSelectOptions label {
  margin: 0;
}
.brandsMainDiv .leftSelectOptions label span {
  display: block;
  background-color: #7b6c8f !important;
  padding: 12px 16px;
  margin: 15px auto;
  border-radius: 3px;
  cursor: pointer;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.3);
}
.brandsMainDiv .leftSelectOptions label span.media-icon {
  background: url(../images/media-icon-normal.svg) no-repeat 5px 8px;
  height: 30px;
  width: 20px;
}
.brandsMainDiv .leftSelectOptions label span:hover {
  background-color: #7800ff !important;
}
.brandsMainDiv .leftSelectOptions label span:hover.media-icon {
  background: url(../images/media-icon-hover.svg) no-repeat 5px 8px;
}
.brandsMainDiv .leftSelectOptions .uploadImageBox .previewBox {
  height: 100%;
  width: 100%;
}
.brandsMainDiv .leftSelectOptions .uploadImageBox .previewBox img {
  width: auto;
  height: auto;
  position: absolute;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  left: 0;
  max-height: 100%;
  right: 0;
  max-width: 100%;
  border: 0;
  margin: 0 auto;
  border-radius: 0px;
}

/*** Customer Segments ***/
.customerSegmentsMain .segmentInput .selectoptions {
  right: 4px !important;
}

.brandsMainDiv .dataposrelmain .selectoptions .trash-icon,
.customerSegmentsMain .dataposrelmain .selectoptions .trash-icon {
  background: #40394a !important;
  border: 1px solid #5d5961 !important;
}
.brandsMainDiv .dataposrelmain .selectoptions .trash-icon:hover, .brandsMainDiv .dataposrelmain .selectoptions .trash-icon.active,
.customerSegmentsMain .dataposrelmain .selectoptions .trash-icon:hover,
.customerSegmentsMain .dataposrelmain .selectoptions .trash-icon.active {
  background: rgba(240, 100, 91, 0.3) !important;
  border: 1px solid rgba(240, 100, 91, 0.3) !important;
}

/*** Products ***/
.productsMain .dataposrelmain .segmentInput {
  margin: 20px 0px 0px;
}

/** Icons ***/
.dataIconList.iconsmanagement {
  margin: 0px -5px !important;
}
.dataIconList ul {
  display: inline-block;
}
.dataIconList ul li {
  display: block;
  margin: 10px 0px;
  color: #7b6c8f;
}
.dataIconList ul li i,
.dataIconList ul li span {
  display: inline-block;
}
.dataIconList ul li span {
  font-size: 14px;
  width: auto;
  vertical-align: middle;
  margin-left: 10px;
}
.dataIconList ul li i {
  font-size: 14px;
  display: inline-block;
  margin-right: 10px;
  width: 20px;
}

.usermanagementheader.dbUserHeader {
  position: relative;
  left: -25%;
  background: #110a1a;
}
@media (min-width: 1200px) and (max-width: 1599px) {
  .usermanagementheader.dbUserHeader {
    left: -20%;
  }
}
.usermanagementheader.dbUserHeader .navbar-brand {
  display: block;
}
.usermanagementheader.dbUserHeader .topnavigation li {
  position: relative;
  float: left;
}
.usermanagementheader.dbUserHeader .topnavigation li.loaderlist {
  width: 110px;
}
.usermanagementheader.dbUserHeader .topnavigation li a.arrowDropdown {
  margin-right: 16px !important;
}
.usermanagementheader.dbUserHeader .topnavigation li a.arrowDropdown::after {
  border: transparent;
}
.usermanagementheader.dbUserHeader .topnavigation li a.arrowDropdown:before {
  content: "";
  font: normal normal normal 14px/1 FontAwesome;
  border: none;
  position: absolute;
  right: -16px;
  top: 18px;
  color: #fff;
}
.usermanagementheader.dbUserHeader .topnavigation li .dropdown-menu {
  background: #2d2637;
  border-radius: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin: 0px;
  display: none;
  border: none !important;
  width: 200px;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.06), 0px 0px 4px 0px rgba(0, 0, 0, 0.04) !important;
}
.usermanagementheader.dbUserHeader .topnavigation li .dropdown-menu.main-submenu li.submenu-item {
  padding: 0px !important;
  width: 100%;
  float: none;
  background: none !important;
  border: none !important;
  margin: 0px !important;
}
.usermanagementheader.dbUserHeader .topnavigation li .dropdown-menu a {
  color: #c2b8d0 !important;
  font-size: 13px;
  padding: 15px 15px;
  font-weight: 500;
  border-bottom: 0px solid #362749;
  white-space: normal !important;
}
.usermanagementheader.dbUserHeader .topnavigation li .dropdown-menu a::after {
  background: transparent;
}
.usermanagementheader.dbUserHeader .topnavigation li .dropdown-menu a:last-child {
  border-bottom: 0px solid transparent;
}
.usermanagementheader.dbUserHeader .topnavigation li .dropdown-menu a:hover {
  background: #342C3F !important;
  color: #c2b8d0 !important;
}
.usermanagementheader.dbUserHeader .topnavigation li .dropdown-menu a:focus, .usermanagementheader.dbUserHeader .topnavigation li .dropdown-menu a:active, .usermanagementheader.dbUserHeader .topnavigation li .dropdown-menu a:visited {
  background: #272130 !important;
  color: #c2b8d0 !important;
}
.usermanagementheader.dbUserHeader .topnavigation li.loggedin-user .dropdown-toggle::before {
  content: "";
}
.usermanagementheader.dbUserHeader .topnavigation li:hover .dropdown-menu {
  display: block;
}
.usermanagementheader.dashboardHeader {
  left: 0;
}
.usermanagementheader.dashboardHeader .navbar-brand {
  display: block;
}
.usermanagementheader.dashboardHeader .topnavigation {
  margin-left: 40px;
}

.CompanyUploadLogo .saveCancelbtns {
  padding: 20px 20px 0px 20px;
  margin: 20px 0px 0px;
}
.CompanyUploadLogo .saveCancelbtns .tertiary-btn {
  width: auto !important;
  color: #000 !important;
}
.CompanyUploadLogo .tertiary-btnTxt {
  background: transparent;
  border: none;
  color: #fff;
  font-weight: 600;
  padding: 15px 25px;
}

.datsSettingsLeftSpace {
  margin-left: 34px !important;
}

/*----Dashboard Css------*/
.dashboardContainer {
  width: 80%;
  margin: 0px auto;
  padding: 0px !important;
}
.dashboardContainer .dashboardPageContentWrapper {
  min-width: 100% !important;
  padding: 0px !important;
}
.dashboardContainer .dashboardPageContentWrapper .lifecycleMainHead {
  border-bottom: 1px solid #3f3449;
  padding-top: 96px;
  padding-bottom: 32px;
  position: sticky !important;
}
.dashboardContainer .dashboardPageContentWrapper .lifecycleMainHead .addNewLifeCycle {
  margin: 0;
  float: right !important;
}
.dashboardContainer .dashboardPageContentWrapper .addnewmmlist {
  border: none;
}
.dashboardContainer .dashboardPageContentWrapper .addnewmmlist:hover {
  border: none;
}
.dashboardContainer .dashboardPageContentWrapper .addnewmmlist span {
  padding: 0px !important;
}
.dashboardContainer .dashboardPageContentWrapper .lifecycleboxes {
  padding-top: 67px;
}
.dashboardContainer .dashboardPageContentWrapper .setting-title {
  margin: 0px;
}

.compareselectBtn.lifecycleBtn {
  padding: 6px 24px;
  margin-top: 2px;
  border-radius: 0px;
}
.compareselectBtn.lifecycleBtn i {
  margin-right: 3px;
}

.userManageLeftSpace {
  padding-left: 35px !important;
}

.usermanagementheader.dbUserHeader .topnavigation li.notifications .dropdown-menu {
  border-top: 0px solid #7800ff !important;
}

.mt-2 {
  margin-top: 2px !important;
}

.userViewersCount {
  width: 30px;
  display: inline-block;
}
.userViewersCount svg {
  width: 30px;
  height: 30px;
}

.userviewerBox {
  flex: 0 0 50% !important;
  max-width: 50% !important;
}
.userviewerBox.box3 {
  flex: 0 0 33.33% !important;
  max-width: 33.33% !important;
}
.userviewerBox.box3 .available-invities .availableinvities-txt {
  line-height: 15px;
}
.userviewerBox.addUserPop {
  flex: 0 0 29.16% !important;
  max-width: 29.16% !important;
}
.userviewerBox .progressNumber {
  font-size: 28px;
  font-weight: 700;
  display: inline-block;
  margin: -6px 0px 20px 0px !important;
  font-size: 30px;
  vertical-align: bottom;
}
.userviewerBox .userViewerhead {
  margin: 0px 10px 0px 0px !important;
}

.pl-10 {
  padding-left: 10px !important;
}

.subsceptionListPop .modal-md {
  max-width: 650px;
}
.subsceptionListPop .modal-md .modal-content {
  background: #110a1a;
  border-radius: 0px;
}
.subsceptionListPop .modal-md .modal-content .modal-header {
  background: #170e23 !important;
  padding: 7.5px 5px 7.5px 20px;
}
.subsceptionListPop .modal-md .modal-content .modal-header h2 {
  font-size: 15px !important;
  font-weight: 700;
  letter-spacing: 0.25px;
  margin-top: 5px;
}
.subsceptionListPop .modal-md .modal-content .modal-header .close {
  padding: 0px;
  margin: 0px;
  border: none !important;
}
.subsceptionListPop .modal-md .modal-content .modal-header .close:focus, .subsceptionListPop .modal-md .modal-content .modal-header .close:visited, .subsceptionListPop .modal-md .modal-content .modal-header .close:active, .subsceptionListPop .modal-md .modal-content .modal-header .close:hover {
  outline: none;
  border: none !important;
}
.subsceptionListPop .modal-md .modal-content .modal-header .close span {
  background: #000;
  color: #fff;
  font-size: 20px;
  margin: 0px;
  width: 30px;
  height: 30px;
  line-height: 28px;
  display: inline-block;
  font-weight: 300;
  border-radius: 50%;
}
.subsceptionListPop .modal-md .modal-content .modal-body {
  background: transparent !important;
  padding: 21px;
  min-height: 300px;
}
.subsceptionListPop .modal-md .modal-content .modal-body table {
  width: 100%;
  border: solid 1px #201430;
  border-bottom: none;
  border-right: none;
}
.subsceptionListPop .modal-md .modal-content .modal-body table thead tr th {
  font-size: 13px;
  font-weight: 600;
  border-bottom: solid 1px #201430;
  border-right: solid 1px #201430;
  padding: 15px 10px;
  background: #7800ff;
}
.subsceptionListPop .modal-md .modal-content .modal-body table thead tr th label {
  margin: 0px;
  padding: 0px;
}
.subsceptionListPop .modal-md .modal-content .modal-body table tbody tr td {
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  border-bottom: solid 1px #201430;
  padding: 15px 10px;
  border-right: solid 1px #201430;
}
.subsceptionListPop .modal-md .modal-content .modal-body .noSubscrotion {
  width: 100%;
  font-size: 13px;
  text-align: center;
  border: solid 1px #201430;
}
.subsceptionListPop .modal-md .modal-content .modal-body .noSubscrotion p {
  margin: 0px;
  padding: 30px 0px;
}
.subsceptionListPop .modal-md .modal-content .modal-footer {
  border-top: solid 1px #201430;
}

.txt-capitalize {
  text-transform: capitalize;
}

.lcheadingMain {
  font-weight: 700;
}

.lcheadingtext {
  font-weight: 400;
}

/*--------------object Names Styles Start------------*/
.objectNames {
  flex: 0 0 485px;
  max-width: 485px;
}
.objectNames .pl-21 {
  padding-left: 21px !important;
}
.objectNames .pl-17 {
  padding-left: 21px !important;
}
.objectNames .pr-21 {
  padding-right: 21px !important;
}
.objectNames h2 {
  width: 100%;
}
.objectNames h2 span.savebtn {
  float: right;
}
.objectNames h2 span.savebtn.fixedBtn {
  position: fixed;
  margin-left: 110px;
}
.objectNames p {
  width: 100%;
}
.objectNames p.objectText {
  color: #c2b8d0;
  font-size: 13px;
  margin-bottom: 30px;
}
.objectNames p.objectText span {
  color: #7801FF;
  border-bottom: solid 1px #7800ff;
  padding-bottom: 3px;
}
.objectNames p.objectText span a {
  color: #7801FF;
}
.objectNames .objectblockbox {
  width: 100%;
}
.objectNames .objectblockbox .objectHeading {
  border-bottom: 1px solid #3f3449;
  padding-bottom: 15px;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  line-height: 20px;
  margin-left: 10px;
}
.objectNames .objectblockbox .formsection {
  margin: 0px;
}
.objectNames .objectblockbox .formsection.mt-21 {
  margin-top: 21px;
}
.objectNames .objectblockbox .formsection .form-group {
  margin: 0px 0px 21px 0px;
}
.objectNames .objectblockbox .formsection .form-group label {
  font-size: 13px;
  margin: 0px;
  display: block;
}
.objectNames .objectblockbox .formsection .form-group label .head {
  font-weight: 700;
}

/*--------------object Names Styles End------------*/
/*--------Insight Custom List style Start------*/
.insightCustomListsmain {
  max-width: 675px;
  flex: 0 0 675px;
}
.insightCustomListsmain .insightCustomListsBox h2 {
  font-size: 13px !important;
  color: #fff;
  line-height: 18px !important;
  font-weight: 700 !important;
  margin: 0px 0px 8px 0px !important;
  display: block !important;
  width: 100%;
}
.insightCustomListsmain .insightCustomListsBox .formsection {
  margin: 0px !important;
}
.insightCustomListsmain .insightCustomListsBox .formsection .form-row {
  width: 100%;
}
.insightCustomListsmain .insightCustomListsBox .formsection .form-row .form-group {
  width: 100%;
  margin: 0px;
  width: 100%;
}
.insightCustomListsmain .insightCustomListsBox .formsection .form-row .form-group .form-control:hover .form-control {
  background: #5a4f65 !important;
}
.insightCustomListsmain .insightCustomListsBox .formsection .form-row .form-group .form-control.mainCustomInput {
  margin-bottom: 12px !important;
}
.insightCustomListsmain .insightCustomListsBox .formsection .form-row .form-group .form-control.sm-textarea {
  margin-bottom: 21px !important;
  min-height: 90px;
  height: 90px !important;
  overflow: auto !important;
}
.insightCustomListsmain .insightCustomListsBox .formsection .form-row .form-group .form-control.sm-textarea {
  margin-bottom: 21px !important;
  min-height: 90px;
  height: 90px !important;
  overflow: auto !important;
}
.insightCustomListsmain .insightCustomListsBox .formsection .form-row .listItemDisplay {
  width: 100%;
  padding-left: 21px;
}
.insightCustomListsmain .insightCustomListsBox .formsection .form-row .listItemDisplay label {
  font-size: 13px !important;
  color: #fff;
  line-height: 18px !important;
  font-weight: 700 !important;
  display: block !important;
  margin-bottom: 8px;
}
.insightCustomListsmain .insightCustomListsBox .formsection .form-row .listItemDisplay .customListrepeat {
  position: relative;
  margin-bottom: 12px;
}
.insightCustomListsmain .insightCustomListsBox .formsection .form-row .listItemDisplay .customListrepeat .colorSelect {
  width: 32px;
  height: 32px;
  border: solid 1px #000;
  background: #7800ff;
  position: absolute;
  top: 0px;
  left: -3px;
  display: block;
  cursor: pointer;
  border-radius: 5px;
}
.insightCustomListsmain .insightCustomListsBox .formsection .form-row .listItemDisplay .customListrepeat .colorSelect .vue-swatches {
  width: 32px !important;
  height: 32px !important;
  margin-top: -1px;
}
.insightCustomListsmain .insightCustomListsBox .formsection .form-row .listItemDisplay .customListrepeat .colorSelect .vue-swatches .vue-swatches__trigger__wrapper .vue-swatches__trigger {
  width: 32px !important;
  height: 32px !important;
  border-radius: 5px !important;
}
.insightCustomListsmain .insightCustomListsBox .formsection .form-row .listItemDisplay .customListrepeat .customlistInput {
  position: relative;
  margin-left: 37px;
}
.insightCustomListsmain .insightCustomListsBox .formsection .form-row .listItemDisplay .customListrepeat .customlistInput span.clear {
  position: absolute;
  right: 1px;
  top: 1px;
  color: #fff;
  width: 30px;
  height: 30px;
  text-align: center;
  font-size: 18px;
  cursor: pointer;
  line-height: 30px !important;
  visibility: hidden;
  border-radius: 5px;
}
.insightCustomListsmain .insightCustomListsBox .formsection .form-row .listItemDisplay .customListrepeat .customlistInput:hover span.clear {
  visibility: visible;
}
.insightCustomListsmain .insightCustomListsBox .formsection .form-row .listItemDisplay .customListrepeat .customlistInput:hover span.clear:hover {
  background: #B11E27;
}

.pt-0 {
  padding-top: 0px !important;
}

.customlistColor i {
  margin-right: 7px;
  font-size: 11px;
}

.filterCustomlistDropdown.filtercheckbox .bootstrap-select .dropdown-toggle:after {
  border: none;
  top: 0px !important;
}
.filterCustomlistDropdown.filtercheckbox .bootstrap-select.show-tick .dropdown-menu li .dropdown-item {
  height: 25px;
}
.filterCustomlistDropdown.filtercheckbox .bootstrap-select.show-tick .dropdown-menu li .dropdown-item span.check-mark {
  margin-right: 8px !important;
}
.filterCustomlistDropdown.filtercheckbox .bootstrap-select.show-tick .dropdown-menu li .dropdown-item span.text {
  width: 230px;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box;
}

/*--------Insight Custom List style End------*/
.jiramoduleUserSetup {
  flex: 0 0 410px;
  max-width: 410px;
}
.jiramoduleUserSetup h2 {
  width: 100%;
}
.jiramoduleUserSetup h2 span.savebtn {
  float: right;
}
.jiramoduleUserSetup p {
  width: 100%;
}
.jiramoduleUserSetup p.jiraText {
  color: #c2b8d0;
  font-size: 13px;
  margin-bottom: 22px;
}
.jiramoduleUserSetup p.jiraText span {
  color: #7801FF;
  border-bottom: solid 1px #7800ff;
  padding-bottom: 3px;
}
.jiramoduleUserSetup p.jiraText span a {
  color: #7801FF;
}
.jiramoduleUserSetup .jiraFields .formsection .form-row .form-group {
  margin: 0px 0px 21px 0px;
}
.jiramoduleUserSetup .jiraFields .formsection .form-row .form-group label {
  width: 100%;
  display: block;
  margin-bottom: 8px;
  font-size: 13px;
}
.jiramoduleUserSetup .jiraFields .formsection .form-row .form-group input {
  width: 100%;
  display: block;
  padding: 4px 8px !important;
}
.jiramoduleUserSetup .jiraFields .formsection .form-row .form-group input:disabled {
  margin-bottom: 11px;
}
.jiramoduleUserSetup .jiraFields .formsection .form-row .form-group textarea {
  width: 100%;
  display: block;
  margin-bottom: 11px;
  padding: 0px;
  scrollbar-color: #a294b5 #1f1829;
  scrollbar-width: thin;
}
.jiramoduleUserSetup .jiraFields .formsection .form-row .form-group textarea::-webkit-scrollbar {
  width: 13px;
}
.jiramoduleUserSetup .jiraFields .formsection .form-row .form-group textarea::-webkit-scrollbar-track {
  box-shadow: none;
  border-radius: 0px;
  background: #1f1829;
}
.jiramoduleUserSetup .jiraFields .formsection .form-row .form-group textarea::-webkit-scrollbar-track:hover {
  background: #1f1829;
}
.jiramoduleUserSetup .jiraFields .formsection .form-row .form-group textarea::-webkit-scrollbar-thumb {
  background: #7b6c8f;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}
.jiramoduleUserSetup .jiraFields .formsection .form-row .form-group textarea::-webkit-scrollbar-thumb:hover {
  background: #a294b5;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}
.jiramoduleUserSetup .jiraFields .formsection .form-row .form-group textarea::-moz-scrollbar {
  width: 13px;
}
.jiramoduleUserSetup .jiraFields .formsection .form-row .form-group textarea::-moz-scrollbar-track {
  box-shadow: none;
  border-radius: 0px;
  background: #1f1829;
}
.jiramoduleUserSetup .jiraFields .formsection .form-row .form-group textarea::-moz-scrollbar-track:hover {
  background: #1f1829;
}
.jiramoduleUserSetup .jiraFields .formsection .form-row .form-group textarea::-moz-scrollbar-thumb {
  background: #7b6c8f;
  border: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}
.jiramoduleUserSetup .jiraFields .formsection .form-row .form-group textarea::-moz-scrollbar-thumb:hover {
  background: #a294b5;
  border: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}

/*-------Country Names List Start------*/
.countryNames {
  flex: 0 0 485px;
  max-width: 485px;
}
.countryNames .countryinput .formsection .form-row .form-group {
  margin: 0px 0px 12px 0px;
}
.countryNames .countryinput .formsection .form-row .form-group .country {
  margin: 0px;
  min-width: 332px;
  max-width: 332px;
}
.countryNames .countryinput .formsection .form-row .form-group .country .selectoptions {
  visibility: hidden;
}
.countryNames .countryinput .formsection .form-row .form-group .country:hover .selectoptions {
  visibility: visible !important;
}
.countryNames .countryinput .formsection .form-row .form-group .country .selectoptions {
  top: 8px !important;
  right: 8px !important;
}
.countryNames .countryinput .formsection .form-row .form-group .country .selectoptions a {
  padding: 0px 0px;
  border-radius: 0px;
  color: #fff;
  display: inline-block;
  vertical-align: top;
  height: 24px;
  width: 24px;
  line-height: 20px;
  text-align: center;
  border-radius: 3px;
  font-size: 16px;
}
.countryNames .countryinput .formsection .form-row .form-group .country .selectoptions a.view-icon {
  text-align: center;
  line-height: 27px;
}
.countryNames .countryinput .formsection .form-row .form-group .country .selectoptions a.view-icon::after {
  font-size: 14px;
  position: relative;
  left: 0px !important;
}
.countryNames .countryinput .formsection .form-row .form-group .country .selectoptions a.trash-icon:hover {
  background: #B11E27 !important;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.countryNames .countryinput .formsection .form-row .form-group .country .selectoptions:hover .form-control {
  background: #5a4f65 !important;
}
.countryNames .countryinput .formsection .form-row .form-group .country .selectoptions:hover .selectoptions {
  visibility: visible;
}
.countryNames .countryinput .formsection .form-row .form-group .country .selectoptions:hover .selectoptions:hover {
  background: #B11E27;
}

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

.channel-input-parent {
  padding-right: 45% !important;
}

.channel-main {
  margin-bottom: 40px;
}
.channel-main .form-row .child-channel-main .child-channel-block {
  margin: 0px 0px 12px 0px !important;
}
.channel-main .form-row .child-channel-main .child-channel-block .col-lg-6:nth-child(1) {
  padding-left: 30px;
}
.channel-main .form-row .child-channel-main .child-channel-block .col-lg-12.create-channel-btn {
  padding-left: 30px;
}
.channel-main .form-row .child-channel-main .create-channel-btn {
  padding-left: 30px;
}
.channel-main .form-row textarea.fixed-Textarea {
  width: 100%;
  display: block;
  margin-bottom: 0px;
  padding: 5px !important;
  height: 41px;
  background: #1f1829 !important;
  color: #c2b8d0 !important;
  scrollbar-color: #a294b5 #1f1829;
  scrollbar-width: thin;
}
.channel-main .form-row textarea.fixed-Textarea::-webkit-scrollbar {
  width: 13px;
}
.channel-main .form-row textarea.fixed-Textarea::-webkit-scrollbar-track {
  box-shadow: none;
  border-radius: 0px;
  background: #1f1829;
}
.channel-main .form-row textarea.fixed-Textarea::-webkit-scrollbar-track:hover {
  background: #1f1829;
}
.channel-main .form-row textarea.fixed-Textarea::-webkit-scrollbar-thumb {
  background: #7b6c8f;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}
.channel-main .form-row textarea.fixed-Textarea::-webkit-scrollbar-thumb:hover {
  background: #a294b5;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}
.channel-main .form-row textarea.fixed-Textarea::-moz-scrollbar {
  width: 13px;
}
.channel-main .form-row textarea.fixed-Textarea::-moz-scrollbar-track {
  box-shadow: none;
  border-radius: 0px;
  background: #1f1829;
}
.channel-main .form-row textarea.fixed-Textarea::-moz-scrollbar-track:hover {
  background: #1f1829;
}
.channel-main .form-row textarea.fixed-Textarea::-moz-scrollbar-thumb {
  background: #7b6c8f;
  border: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}
.channel-main .form-row textarea.fixed-Textarea::-moz-scrollbar-thumb:hover {
  background: #a294b5;
  border: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}

.page-width-channel {
  min-width: 100vw !important;
  padding-left: 25vw;
}

.channel-fadeout .bottomfadeout::after {
  background: transparent !important;
  background-image: transparent !important;
}

.config-swich-space {
  margin: 3px 0px 0px 0px;
}

.popupCustomlistDropdown.bootstrap-select .dropdown-menu.show .dropdown-menu.show {
  margin-top: -3px !important;
}
.popupCustomlistDropdown.bootstrap-select .inner ul.dropdown-menu {
  width: 147px;
}
.popupCustomlistDropdown.bootstrap-select .inner ul.dropdown-menu li .dropdown-item {
  height: 25px;
}
.popupCustomlistDropdown.bootstrap-select .inner ul.dropdown-menu li .dropdown-item span.text {
  width: 240px;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box;
}

.jira-iteams-table table tr.jira-loader {
  width: 100%;
  height: 30px !important;
}
.jira-iteams-table table tr.jira-loader td {
  width: 100%;
  background: #110a1a;
  padding: 0px;
  text-align: center;
}

.jira-iteams-table table tr.jira-select-msg {
  width: 100%;
  border: solid 0px #7b6c8f !important;
}
.jira-iteams-table table tr.jira-select-msg td {
  width: 100%;
  background: #110a1a;
  padding: 0px;
  text-align: center;
  color: #7b6c8f;
}

.jira-project-name {
  color: #7b6c8f;
  font-size: 18px;
  font-weight: 600;
}

.dashboardContainer.dashboard-widthnew {
  width: 90%;
}
@media (min-width: 1501px) and (max-width: 1599px) {
  .dashboardContainer.dashboard-widthnew {
    width: 96% !important;
  }
}
.dashboardContainer.dashboard-widthnew .usersettings.usersettingdashboard .lifecycleboxes.dashboard_widget-Boxes {
  padding-top: 125px;
}
.dashboardContainer.dashboard-widthnew .usersettings.usersettingdashboard .lifecycleboxes.dashboard_widget-Boxes .dashboard-main-box {
  margin: 0px 0px 30px 0px;
}
.dashboardContainer.dashboard-widthnew .usersettings.usersettingdashboard .lifecycleboxes.dashboard_widget-Boxes .dashboard-main-box.four {
  flex: 0 0 25%;
  max-width: 25%;
}
@media (min-width: 1200px) and (max-width: 1500px) {
  .dashboardContainer.dashboard-widthnew .usersettings.usersettingdashboard .lifecycleboxes.dashboard_widget-Boxes .dashboard-main-box.four {
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
}
.dashboardContainer.dashboard-widthnew .usersettings.usersettingdashboard .lifecycleboxes.dashboard_widget-Boxes .dashboard-main-box.three {
  flex: 0 0 75%;
  max-width: 75%;
}
.dashboardContainer.dashboard-widthnew .usersettings.usersettingdashboard .lifecycleboxes.dashboard_widget-Boxes .dashboard-main-box.two {
  flex: 0 0 50%;
  max-width: 50%;
}
.dashboardContainer.dashboard-widthnew .usersettings.usersettingdashboard .lifecycleboxes.dashboard_widget-Boxes .dashboard-main-box.one {
  flex: 0 0 100%;
  max-width: 100%;
}
.dashboardContainer.dashboard-widthnew .usersettings.usersettingdashboard .lifecycleboxes.dashboard_widget-Boxes .dashboard-main-box .lifecyclebox.dash-widget-box {
  background: #09080a;
  border-radius: 20px;
  border: 1px solid #261e30;
  margin: 0px;
  -webkit-box-shadow: 0 8px 6px -6px black;
  -moz-box-shadow: 0 8px 6px -6px black;
  box-shadow: 0 8px 6px -6px black;
  height: 100%;
}
.dashboardContainer.dashboard-widthnew .usersettings.usersettingdashboard .lifecycleboxes.dashboard_widget-Boxes .dashboard-main-box .lifecyclebox.dash-widget-box .lifecycleinner h1.main-heading {
  font-size: 14px;
  font-weight: 600;
  margin: -5px 0px 0px 0px;
  padding: 0px 30px 10px 0px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  color: #fff;
}
.dashboardContainer.dashboard-widthnew .usersettings.usersettingdashboard .lifecycleboxes.dashboard_widget-Boxes .dashboard-main-box .lifecyclebox.dash-widget-box .lifecycleinner.dash-widget-inner {
  padding: 20px;
  width: 100%;
  box-sizing: border-box;
}
.dashboardContainer.dashboard-widthnew .usersettings.usersettingdashboard .lifecycleboxes.dashboard_widget-Boxes .dashboard-main-box .lifecyclebox.dash-widget-box .lifecycleinner.dash-widget-inner .smallerCircleview {
  height: 160px;
}
.dashboardContainer.dashboard-widthnew .usersettings.usersettingdashboard .lifecycleboxes.dashboard_widget-Boxes .dashboard-main-box .lifecyclebox.dash-widget-box .lifecycleinner.dash-widget-inner .lc-data-right {
  padding-left: 0px;
}
.dashboardContainer.dashboard-widthnew .usersettings.usersettingdashboard .lifecycleboxes.dashboard_widget-Boxes .dashboard-main-box .lifecyclebox.dash-widget-box .lifecycleinner.dash-widget-inner .lfbox-right {
  padding-top: 0px;
}
.dashboardContainer.dashboard-widthnew .usersettings.usersettingdashboard .lifecycleboxes.dashboard_widget-Boxes .dashboard-main-box .lifecyclebox.dash-widget-box .lifecycleinner.dash-widget-inner .lfbox-right h4 {
  font-size: 13px;
  font-weight: 600;
  padding-bottom: 0px;
}
.dashboardContainer.dashboard-widthnew .usersettings.usersettingdashboard .lifecycleboxes.dashboard_widget-Boxes .dashboard-main-box .lifecyclebox.dash-widget-box .lifecycleinner.dash-widget-inner .lfbox-right .createdbyuserdate p {
  margin: 0px 0px 5px 0px;
}
.dashboardContainer.dashboard-widthnew .usersettings.usersettingdashboard .lifecycleboxes.dashboard_widget-Boxes .dashboard-main-box .lifecyclebox.dash-widget-box .lifecycleinner.dash-widget-inner .lfbox-right .lfboxright-bottom {
  padding-bottom: 0px;
}
.dashboardContainer.dashboard-widthnew .usersettings.usersettingdashboard .lifecycleboxes.dashboard_widget-Boxes .dashboard-main-box .lifecyclebox.dash-widget-box .lifecycleinner.dash-widget-inner .lfbox-right .lfboxright-bottom ul {
  margin: 0px;
}
.dashboardContainer.dashboard-widthnew .usersettings.usersettingdashboard .lifecycleboxes.dashboard_widget-Boxes .dashboard-main-box .lifecyclebox.dash-widget-box .lifecycleinner.dash-widget-inner .lfbox-right .lfboxright-bottom ul li {
  margin: 0px 0px 5px 0px;
  padding: 5px;
  font-size: 12px;
  color: #fff;
}

.qr-display {
  padding-top: 30px;
}
.qr-display img {
  width: 150px;
  height: 150px;
  background: #fff;
  padding: 5px;
}
.qr-display p {
  font-size: 13px;
  font-weight: 400;
  color: #fff;
  margin: 0px;
  padding: 15px 0px;
}

.validate-code input {
  margin-bottom: 20px;
}

.twofa-swichblock .switchtoggle {
  float: left;
  margin-right: 15px;
}
.twofa-swichblock .switch-msg {
  float: left;
}
.twofa-swichblock .switch-msg p {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  margin: 0px;
}
.twofa-swichblock .info-msg p {
  font-size: 13px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.5);
  margin: 0px;
}

.m-5-reverse {
  margin-left: -5px !important;
  margin-right: -5px !important;
}

.delete-user-text p {
  font-size: 13px;
  font-weight: 400;
}

.mb-30 {
  margin-bottom: 30px;
}

.pass-strenghnew {
  position: relative !important;
  right: 0 !important;
  top: 20px !important;
}

.mainModal .userdelete-Warning {
  max-width: 445px;
}

.header-center-settings {
  margin: 0px !important;
  background: #c5c5c5;
}
.header-center-settings .sidenav-items {
  padding-right: 0px !important;
}
.header-center-settings .sidenav-items ul li.loggedin-user a {
  padding-right: 0px !important;
}
.header-center-settings .logo-milkymap {
  position: absolute;
  max-width: 150px;
  z-index: 100;
}
.header-center-settings .logo-milkymap a img {
  width: 128px;
  height: 34px;
}
.header-center-settings .menu-milkymap {
  flex: 0 0 100%;
  max-width: 100%;
  padding-left: 315px !important;
}
@media (min-width: 1200px) and (max-width: 1599px) {
  .header-center-settings .menu-milkymap {
    padding-left: 165px !important;
  }
}

.jiraConfigBlock {
  padding-top: 35px;
}
.jiraConfigBlock .jiraConfigrow {
  font-size: 13px;
  font-weight: 400;
  margin-left: 0px;
  margin-bottom: 20px;
}
.jiraConfigBlock .jiraConfigrow.bold {
  font-size: 15px;
  font-weight: 600;
}
.jiraConfigBlock .jiraConfigrow.data {
  padding: 10px 10px 10px 0px;
  background: #000;
  margin-bottom: 15px;
}
.jiraConfigBlock .jiraConfigrow .nodata-sync {
  padding: 10px;
  border: 1px solid #3f3449;
  font-size: 13px;
  font-weight: 400;
  text-align: center;
}
.jiraConfigBlock .jiraConfigrow .selectArrowMain .bootstrap-select .dropdown-toggle {
  background: #3f3449 !important;
}
.jiraConfigBlock .jiraConfigrow .selectArrowMain .bootstrap-select .dropdown-toggle::after {
  border: none;
  color: #fff;
}

.jiraConfigSetup {
  flex: 0 0 100%;
  max-width: 100%;
}

.toggle-height {
  height: 20px;
}

.jirabtn-space {
  margin-top: 5px;
}

.jira-configicon {
  width: 50px;
  flex: 0 0 50px;
  max-width: 50px;
}
.jira-configicon .icon {
  background: #40394a;
  border: 1px solid #5d5961;
  width: 20px;
  height: 20px;
  display: flex;
  text-align: center;
  line-height: 20px;
  padding: 5px;
  float: left;
  cursor: pointer;
}
.jira-configicon .icon.delete {
  background: rgba(111, 0, 8, 0.3);
  border: 1px solid #6f0008;
  margin-left: 10px;
}
.jira-configicon .icon.delete:hover {
  background: #6f0008;
  border: 1px solid #6f0008;
}
.jira-configicon .icon.edit:hover {
  background: #7801ff;
  border: 1px solid #7801ff;
}
.jira-configicon .icon i {
  font-size: 10px;
}

#page-content-wrapper.full-width {
  min-width: 95vw !important;
}
@media (min-width: 1200px) and (max-width: 1599px) {
  #page-content-wrapper.full-width {
    min-width: 100vw !important;
  }
  #page-content-wrapper.full-width .logsMainblcok {
    padding-right: 0px !important;
  }
  #page-content-wrapper.full-width .table-logs {
    padding-right: 0px !important;
  }
  #page-content-wrapper.full-width .pagiBloack {
    padding-right: 0px !important;
  }
}

.delete-confirm-jira-field {
  margin: 20px 0px;
  text-align: center;
  height: 35px !important;
}

.noneAssigned {
  color: #5d5961 !important;
}

.userLabelLink.user {
  padding-left: 20px !important;
}

.field .icon-users {
  background: #40394a;
  border: 1px solid #5d5961;
  width: 20px;
  height: 20px;
  display: flex;
  text-align: center;
  line-height: 20px;
  padding: 5px;
  float: right;
  cursor: pointer;
  position: absolute;
  top: 7px;
  right: 10px;
  border-radius: 3px;
}
.field .icon-users.save {
  padding: 3px;
}
.field .icon-users.save:hover {
  background: #03ac00;
  border: 1px solid #03ac00;
}
.field .icon-users.save i {
  font-size: 13px;
}
.field .icon-users.edit:hover {
  background: #7800ff;
  border: 1px solid #7800ff;
}
.field .icon-users i {
  font-size: 10px;
}
.field input {
  width: calc(100% - 30px);
}

.email-confirmuser-field {
  margin: 10px 0px;
}

.newUsermanagement .usermanagelist {
  margin: 10px 0 0 0 !important;
}
.newUsermanagement .usermanagelist .form-group {
  margin: 0px !important;
}
.newUsermanagement .usermanagelist .form-group p {
  padding: 8.5px 0 !important;
}
.newUsermanagement .usermanagelist .form-group input.userfield {
  padding: 4px 8px !important;
  font-weight: 400 !important;
  margin: 5px 0px;
}

.userSearch {
  min-width: 290px !important;
}
.userSearch .m-search-box input {
  width: 100% !important;
}
.userSearch .m-search-box span.closeSearch:hover {
  background: #B11E27 !important;
}

.usermanage-filter .m-select-dropdown-sm .dropdown-menu {
  min-width: 120px !important;
}

.mainSSOModal .modal-dialog-centered {
  min-height: 100%;
  margin: 0px auto;
}
.mainSSOModal .modal-md {
  max-width: 800px;
}
.mainSSOModal .modal-md .modal-content {
  border: none !important;
}
.mainSSOModal .modal-md .modal-content .modal-header {
  background: transparent !important;
  padding: 0px;
  display: block;
}
.mainSSOModal .modal-md .modal-content .modal-header .primary-btn {
  margin-bottom: 20px;
  border-radius: 3px;
}
.mainSSOModal .modal-md .modal-content .modal-header .ssouserblock {
  display: block;
  padding: 20px 35px 20px 35px;
  background: #110a1a;
}
.mainSSOModal .modal-md .modal-content .modal-header .ssouserblock .row-sso.mb-30 {
  margin-bottom: 30px;
}
.mainSSOModal .modal-md .modal-content .modal-header .ssouserblock .row-sso.text {
  font-size: 13px;
  font-weight: -84px;
}
.mainSSOModal .modal-md .modal-content .modal-header .ssouserblock .row-sso .mainhead {
  font-size: 20px;
}
.mainSSOModal .modal-md .modal-content .modal-header .ssouserblock .row-sso .subtext {
  font-size: 13px;
  margin: 0px;
}
.mainSSOModal .modal-md .modal-content .modal-header .ssouserblock .row-sso.ssoheadrow .col-3,
.mainSSOModal .modal-md .modal-content .modal-header .ssouserblock .row-sso.ssoheadrow .col-2 {
  padding: 0px 10px;
}
.mainSSOModal .modal-md .modal-content .modal-body {
  background: #110a1a;
  overflow-y: auto;
  max-height: calc(100vh - 240px);
  padding: 0px 35px 20px 35px;
  min-height: 400px;
}
.mainSSOModal .modal-md .modal-content .modal-body.selectedheight {
  max-height: calc(100vh - 305px);
}
.mainSSOModal .modal-md .modal-content .modal-body.selectedsetrole {
  max-height: calc(100vh - 305px);
}
.mainSSOModal .modal-md .modal-content .modal-body .ssouserblock {
  display: block;
}
.mainSSOModal .modal-md .modal-content .modal-body .ssouserblock .row-sso {
  margin-bottom: 20px;
}
.mainSSOModal .modal-md .modal-content .modal-body .ssouserblock .row-sso.mb-30 {
  margin-bottom: 30px;
}
.mainSSOModal .modal-md .modal-content .modal-body .ssouserblock .row-sso .sso-table table {
  width: 730px;
}
.mainSSOModal .modal-md .modal-content .modal-body .ssouserblock .row-sso .sso-table table tbody tr {
  background: #3f3449;
  height: 47px !important;
  font-size: 13px;
  color: #fff;
  border-bottom: solid 5px #110a1a;
}
.mainSSOModal .modal-md .modal-content .modal-body .ssouserblock .row-sso .sso-table table tbody tr.nodtataFound {
  background: transparent !important;
  height: auto !important;
  border: none !important;
}
.mainSSOModal .modal-md .modal-content .modal-body .ssouserblock .row-sso .sso-table table tbody tr.nodtataFound td {
  text-align: center;
  border: 1px solid #3f3449;
  width: 100% !important;
  padding: 14px;
}
.mainSSOModal .modal-md .modal-content .modal-body .ssouserblock .row-sso .sso-table table tbody tr td {
  padding: 5px 15px;
  font-size: 12px;
}
.mainSSOModal .modal-md .modal-content .modal-body .ssouserblock .row-sso .sso-table table tbody tr td img {
  width: 11px;
  margin-right: 20px;
}
.mainSSOModal .modal-md .modal-content .modal-body .ssouserblock .row-sso .sso-table table tbody tr td:nth-child(1) {
  width: 33.33333%;
}
.mainSSOModal .modal-md .modal-content .modal-body .ssouserblock .row-sso .sso-table table tbody tr td:nth-child(2) {
  width: 33.33333%;
}
.mainSSOModal .modal-md .modal-content .modal-body .ssouserblock .row-sso .sso-table table tbody tr td:nth-child(3) {
  width: 33.33333%;
}
.mainSSOModal .modal-md .modal-content .modal-body .ssouserblock .row-sso .sso-table table tbody tr td:nth-child(4) {
  width: 16.666667%;
}
.mainSSOModal .modal-md .modal-content .modal-body .ssouserblock .row-sso .sso-table table tbody tr td:nth-child(5) {
  max-width: 16.666667%;
}

.sso-check .checkmark {
  top: 2px !important;
  top: 2px !important;
  height: 16px !important;
  width: 16px !important;
  border-radius: 2px;
  background: #e5eaef !important;
  border: solid 1px #e5eaef !important;
}
.sso-check.radio .checkmark {
  border-radius: 50%;
  background: #5a4f65 !important;
}
.sso-check .checkboxinner {
  padding-left: 26px !important;
}
.sso-check .checkboxinner input:checked ~ .checkmark {
  background: #7800ff !important;
  border: solid 1px #e5eaef !important;
}

.insightsCheck.sso-check-all .checkmark {
  background-color: #fff;
  border: solid 1px #7800ff !important;
  top: 2px !important;
}
.insightsCheck.sso-check-all .checkmark input:checked ~ .checkmark {
  background: #7800ff;
  border: solid 1px #7800ff !important;
}

.selected-users-row {
  background: #1f1829;
  font-size: 13px;
  color: #fff;
  margin: 0px 0px 20px 0px;
}
.selected-users-row .col-12 {
  text-align: center;
}
.selected-users-row .col-12 button {
  margin: 7.5px 0px;
}
.selected-users-row .col-12 button.close {
  padding: 6px 6px;
  text-align: center;
  line-height: 30px;
  height: 30px;
  width: 30px;
}
.selected-users-row .col-12 button.close:hover, .selected-users-row .col-12 button.close:focus {
  background: #000;
  outline: none;
  border-radius: 50%;
}
.selected-users-row .col-12 button.close span {
  margin-top: -5px;
  display: block;
  text-shadow: none;
  color: #fff;
  font-weight: 600;
  opacity: 1;
  font-size: 25px;
  font-family: auto;
}

.ml-10 {
  margin-left: 10px;
}

.mainAddUserModal .modal-dialog-centered {
  min-height: 100%;
  margin: 0px auto;
}
.mainAddUserModal .modal-lg {
  max-width: 990px;
}
.mainAddUserModal .modal-lg .modal-content {
  border: none !important;
}
.mainAddUserModal .modal-lg .modal-content .modal-body .invite-people .invitetopcenter {
  padding: 0px !important;
}
.mainAddUserModal .modal-lg .modal-content .modal-body .invite-people .invitetopcenter button.primary-btn {
  margin-bottom: 20px;
}
.mainAddUserModal .modal-lg .modal-content .modal-body .invite-people .invitetopcenter .invitepeoplebg {
  background: #000;
  padding: 30px 30px;
  margin: 0px;
}
.mainAddUserModal .modal-lg .modal-content .modal-body .invite-people .invitetopcenter .invitepeoplebg section {
  margin-top: 10px;
}
.mainAddUserModal .modal-lg .modal-content .modal-body .invite-people .invitetopcenter .invitepeoplebg section .formsection .col-lg-2:nth-child(1) {
  padding-left: 0px;
}
.mainAddUserModal .modal-lg .modal-content .modal-body .invite-people .invitetopcenter .invitepeoplebg section .formsection .col-sm a.addnew-btn {
  margin-left: -15px;
  text-transform: capitalize;
  margin-top: 0px;
}
.mainAddUserModal .modal-lg .modal-content .modal-body .invite-people .invitetopcenter .invitepeoplebg section .formsection .col-sm a.addnew-btn i {
  font-size: 13px;
  margin-right: 5px;
}
.mainAddUserModal .modal-lg .modal-content .modal-body .invite-people .invitetopcenter .invitepeoplebg section .domainconfirmsection {
  margin: 20px -15px;
}
.mainAddUserModal .modal-lg .modal-content .modal-body .invite-people .invitetopcenter .invitepeoplebg section .domainconfirmsection .col-sm {
  padding: 0px;
}
.mainAddUserModal .modal-lg .modal-content .modal-body .invite-people .invitetopcenter .invitepeoplebg section .domainconfirmsection .col-sm .noticetxt {
  font-size: 14px;
}
.mainAddUserModal .modal-lg .modal-content .modal-body .invite-people .invitetopcenter .invitepeoplebg section .userDataBlock .col-lg-2:nth-child(1) {
  padding-left: 0px !important;
}
.mainAddUserModal .modal-lg .modal-content .modal-body .invite-people .invitetopcenter .invitepeoplebg section .userDataBlock .col-lg-1 {
  padding-right: 0px;
}
.mainAddUserModal .modal-lg .modal-content .modal-body .invite-people .invitetopcenter .invitepeoplebg section .userDataBlock .col-lg-1 a {
  float: right;
  margin: 0px;
}
.mainAddUserModal .modal-lg .modal-content .modal-body .invite-people .invitetopcenter .invitepeoplebg section .userDataBlock .col-lg-2 .form-group,
.mainAddUserModal .modal-lg .modal-content .modal-body .invite-people .invitetopcenter .invitepeoplebg section .userDataBlock .col-lg-5 .form-group,
.mainAddUserModal .modal-lg .modal-content .modal-body .invite-people .invitetopcenter .invitepeoplebg section .userDataBlock .col-lg-1 .form-group {
  margin-top: 0px;
}
.mainAddUserModal .modal-lg .modal-content .modal-body .invite-people .invitetopcenter .invitepeoplebg section .userDataBlock .col-lg-2 .form-group .userNewInviteRole .dropdown-toggle,
.mainAddUserModal .modal-lg .modal-content .modal-body .invite-people .invitetopcenter .invitepeoplebg section .userDataBlock .col-lg-5 .form-group .userNewInviteRole .dropdown-toggle,
.mainAddUserModal .modal-lg .modal-content .modal-body .invite-people .invitetopcenter .invitepeoplebg section .userDataBlock .col-lg-1 .form-group .userNewInviteRole .dropdown-toggle {
  padding: 8px 6px !important;
}
.mainAddUserModal .modal-lg .modal-content .modal-body .invite-people .invitetopcenter .invitepeoplebg section .userDataBlock .col-lg-2 .form-group .text-danger,
.mainAddUserModal .modal-lg .modal-content .modal-body .invite-people .invitetopcenter .invitepeoplebg section .userDataBlock .col-lg-5 .form-group .text-danger,
.mainAddUserModal .modal-lg .modal-content .modal-body .invite-people .invitetopcenter .invitepeoplebg section .userDataBlock .col-lg-1 .form-group .text-danger {
  font-size: 13px;
}

.row-sso .setrole {
  font-size: 15px;
}

.pl-35 {
  padding-left: 35px !important;
}

.mt-50 {
  margin-top: 50px;
}

.galaxylogs-filter .form-control {
  padding: 4px 25px 4px 30px;
  background: #2d2637 !important;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
  height: 27px;
}
.galaxylogs-filter .form-control::placeholder {
  color: #fff;
}
.galaxylogs-filter .datepickerCustom span.calenderIcon {
  top: 0px;
}
.galaxylogs-filter .datepickerCustom.datepickerCustomKPI .bootstrap-datetimepicker-widget {
  right: auto !important;
  top: 27px !important;
  left: 0px !important;
}
.galaxylogs-filter .selectArrowMaindropdpwn .dropdown-toggle {
  background: #2d2637 !important;
}
.galaxylogs-filter .selectArrowMaindropdpwn .dropdown-toggle::after {
  top: 0px;
  content: "";
  font: normal normal normal 14px/1 FontAwesome;
  border: none;
  position: absolute;
  top: 7px;
  color: #fff;
  cursor: pointer;
  right: 15px;
}
.table-logs.content-logs table thead tr td,
.table-logs.content-logs table thead tr th,
.table-logs.content-logs table tbody tr td,
.table-logs.content-logs table tbody tr th {
  float: left;
}
.table-logs.content-logs table thead tr td:nth-child(1),
.table-logs.content-logs table thead tr th:nth-child(1),
.table-logs.content-logs table tbody tr td:nth-child(1),
.table-logs.content-logs table tbody tr th:nth-child(1) {
  width: 11%;
}
.table-logs.content-logs table thead tr td:nth-child(2),
.table-logs.content-logs table thead tr th:nth-child(2),
.table-logs.content-logs table tbody tr td:nth-child(2),
.table-logs.content-logs table tbody tr th:nth-child(2) {
  width: 11%;
  word-break: break-word;
}
.table-logs.content-logs table thead tr td:nth-child(3),
.table-logs.content-logs table thead tr th:nth-child(3),
.table-logs.content-logs table tbody tr td:nth-child(3),
.table-logs.content-logs table tbody tr th:nth-child(3) {
  width: 11%;
}
.table-logs.content-logs table thead tr td:nth-child(4),
.table-logs.content-logs table thead tr th:nth-child(4),
.table-logs.content-logs table tbody tr td:nth-child(4),
.table-logs.content-logs table tbody tr th:nth-child(4) {
  width: 8%;
  font-size: 12px;
}
.table-logs.content-logs table thead tr td:nth-child(5),
.table-logs.content-logs table thead tr th:nth-child(5),
.table-logs.content-logs table tbody tr td:nth-child(5),
.table-logs.content-logs table tbody tr th:nth-child(5) {
  width: 9%;
}
.table-logs.content-logs table thead tr td:nth-child(6),
.table-logs.content-logs table thead tr th:nth-child(6),
.table-logs.content-logs table tbody tr td:nth-child(6),
.table-logs.content-logs table tbody tr th:nth-child(6) {
  width: 14%;
}
.table-logs.content-logs table thead tr td:nth-child(6) span,
.table-logs.content-logs table thead tr th:nth-child(6) span,
.table-logs.content-logs table tbody tr td:nth-child(6) span,
.table-logs.content-logs table tbody tr th:nth-child(6) span {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  width: 100%;
}
.table-logs.content-logs table thead tr td:nth-child(7),
.table-logs.content-logs table thead tr th:nth-child(7),
.table-logs.content-logs table tbody tr td:nth-child(7),
.table-logs.content-logs table tbody tr th:nth-child(7) {
  width: 8%;
}
.table-logs.content-logs table thead tr td:nth-child(8),
.table-logs.content-logs table thead tr th:nth-child(8),
.table-logs.content-logs table tbody tr td:nth-child(8),
.table-logs.content-logs table tbody tr th:nth-child(8) {
  width: 20%;
}
.table-logs.content-logs table thead tr td:nth-child(9),
.table-logs.content-logs table thead tr th:nth-child(9),
.table-logs.content-logs table tbody tr td:nth-child(9),
.table-logs.content-logs table tbody tr th:nth-child(9) {
  width: 8%;
}
.table-logs.content-logs table thead tr td:nth-child(5), .table-logs.content-logs table thead tr td:nth-child(6), .table-logs.content-logs table thead tr td:nth-child(7), .table-logs.content-logs table thead tr td:nth-child(8), .table-logs.content-logs table thead tr td:nth-child(9),
.table-logs.content-logs table tbody tr td:nth-child(5),
.table-logs.content-logs table tbody tr td:nth-child(6),
.table-logs.content-logs table tbody tr td:nth-child(7),
.table-logs.content-logs table tbody tr td:nth-child(8),
.table-logs.content-logs table tbody tr td:nth-child(9) {
  padding-left: 15px;
}
.table-logs table {
  width: 100%;
}
.table-logs table thead tr th {
  padding: 10px 5px 10px 10px;
  font-size: 13px;
}
.table-logs table thead tr th:nth-child(5) span.sort-toggle-btn, .table-logs table thead tr th:nth-child(6) span.sort-toggle-btn, .table-logs table thead tr th:nth-child(7) span.sort-toggle-btn, .table-logs table thead tr th:nth-child(8) span.sort-toggle-btn, .table-logs table thead tr th:nth-child(9) span.sort-toggle-btn {
  padding-left: 5px;
  padding-right: 5px;
}
.table-logs table thead tr th span.sort-toggle-btn {
  position: relative;
  max-width: 100%;
  border-radius: 100px;
  line-height: 10px;
  font-size: 13px;
  background: #110a1a;
  text-align: center;
  font-weight: 500;
  display: inline-block;
  color: #fff;
  cursor: pointer;
  padding-left: 10px;
  padding-right: 15px;
  padding-top: 7px;
  padding-bottom: 7px;
  height: 25px;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.table-logs table thead tr th span.sort-toggle-btn .tableFiltericons {
  position: absolute;
  right: 5px;
}
.table-logs table thead tr th span.sort-toggle-btn.ascendingOrder img.ascendingOrderIcon {
  display: inline-block;
}
.table-logs table thead tr th span.sort-toggle-btn.ascendingOrder img.bothOrderIcon {
  display: none;
}
.table-logs table thead tr th span.sort-toggle-btn.ascendingOrder img.descendingOrderIcon {
  display: none;
}
.table-logs table thead tr th span.sort-toggle-btn.descendingOrder img.descendingOrderIcon {
  display: inline-block;
}
.table-logs table thead tr th span.sort-toggle-btn.descendingOrder img.bothOrderIcon {
  display: none;
}
.table-logs table thead tr th span.sort-toggle-btn.descendingOrder img.ascendingOrderIcon {
  display: none;
}
.table-logs table thead tr th span.sort-toggle-btn.bothorder img.descendingOrderIcon {
  display: none;
}
.table-logs table thead tr th span.sort-toggle-btn.bothorder img.bothOrderIcon {
  display: inline-block;
}
.table-logs table thead tr th span.sort-toggle-btn.bothorder img.ascendingOrderIcon {
  display: none;
}
.table-logs table thead tr th span.sort-toggle-btn:hover {
  background: #7800ff;
}
.table-logs table thead tr th span.sort-toggle-btn.active {
  background: #7800ff;
}
.table-logs table thead tr th span.sort-toggle-btn img {
  width: 7px;
  height: 10px;
  margin-left: 7px;
}
.table-logs table tbody tr {
  border-bottom: solid 3px #110a1a;
  background: #2d2637;
  min-height: 53px !important;
  font-size: 13px;
  color: #fff;
}
.table-logs table tbody tr:hover {
  background: #423c4b;
}
.table-logs table tbody tr td {
  padding: 10px 5px 10px 20px;
  word-break: break-word;
}
.table-logs.userlogs table thead tr td:nth-child(1),
.table-logs.userlogs table thead tr th:nth-child(1),
.table-logs.userlogs table tbody tr td:nth-child(1),
.table-logs.userlogs table tbody tr th:nth-child(1) {
  width: 14%;
}
.table-logs.userlogs table thead tr td:nth-child(2),
.table-logs.userlogs table thead tr th:nth-child(2),
.table-logs.userlogs table tbody tr td:nth-child(2),
.table-logs.userlogs table tbody tr th:nth-child(2) {
  width: 22%;
}
.table-logs.userlogs table thead tr td:nth-child(3),
.table-logs.userlogs table thead tr th:nth-child(3),
.table-logs.userlogs table tbody tr td:nth-child(3),
.table-logs.userlogs table tbody tr th:nth-child(3) {
  width: 22%;
}
.table-logs.userlogs table thead tr td:nth-child(4),
.table-logs.userlogs table thead tr th:nth-child(4),
.table-logs.userlogs table tbody tr td:nth-child(4),
.table-logs.userlogs table tbody tr th:nth-child(4) {
  width: 14%;
}
.table-logs.userlogs table thead tr td:nth-child(6),
.table-logs.userlogs table thead tr th:nth-child(6),
.table-logs.userlogs table tbody tr td:nth-child(6),
.table-logs.userlogs table tbody tr th:nth-child(6) {
  width: 28%;
}
.table-logs.userlogs table thead tr td,
.table-logs.userlogs table tbody tr td {
  padding-left: 20px !important;
}

.global-pagination .pagination {
  float: right;
}
.global-pagination .pagination li {
  margin-right: 5px;
  text-align: center;
}
.global-pagination .pagination li:nth-last-child(1) {
  margin-right: 0px;
}
.global-pagination .pagination li a {
  display: block;
  background: #2d2637;
  color: #fff;
  padding: 2px 8px;
  font-size: 13px;
}
.global-pagination .pagination li a:hover {
  background: #7800ff;
  color: #fff;
}
.global-pagination .pagination li.active a {
  background: #7800ff;
  color: #fff;
}
.global-pagination .pagination li.disabled a {
  background: #201430;
  color: #362749;
}
.global-pagination .pagination li.disabled a:hover {
  background: #201430;
  color: #3f3449;
  cursor: not-allowed;
}

.page-count .dropdowmcount {
  width: 140px;
  display: block;
}
.page-count .dropdowmcount .m-select-dropdown-jira.form-control {
  padding: 0 !important;
}
.page-count .dropdowmcount .dropdown-toggle {
  background: #2d2637 !important;
  padding: 6px 6px !important;
}
.page-count .dropdowmcount .dropdown-toggle .filter-option {
  margin-top: 0px !important;
}
.page-count .dropdowmcount .dropdown-toggle::after {
  top: 0px;
  content: "";
  border: none;
  position: absolute;
  top: 7px;
  color: #fff;
  cursor: pointer;
  right: 15px;
}
.page-count .dropdowmcount .dropdown-menu {
  margin-top: 0px;
  top: 3px !important;
  left: 0px !important;
}

.setting-title .aclogsName {
  float: left;
}
.setting-title .logsSearchblock {
  float: right;
}
.setting-title .logs-export {
  float: right;
  margin-left: 30px;
}
.setting-title .filerSearchWidth {
  margin-left: 50px;
}
.setting-title .filerSearchWidth .imageSearch {
  margin: 5px 0px;
}

.sso-enabled .textfiled-sso .form-control {
  background: #2d2637 !important;
  box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.4);
  border: 1px solid #000;
  padding: 10px 6px;
  border-radius: 0;
  font-weight: 600;
  font-size: 13px;
  color: #fff;
}
.sso-enabled .textfiled-sso .form-control:focus {
  box-shadow: inset 2px 2px 4px rgba(120, 0, 255, 0.4);
  border: 1px solid #7800ff !important;
}
.sso-enabled .textfiled-sso .form-control::-webkit-input-placeholder {
  color: #524a5e;
  font-weight: 600;
}
.sso-enabled .textfiled-sso .form-control::-moz-placeholder {
  color: #524a5e;
  font-weight: 600;
}
.sso-enabled .textfiled-sso .form-control:-ms-input-placeholder {
  color: #524a5e;
  font-weight: 600;
}
.sso-enabled .textfiled-sso .form-control:-moz-placeholder {
  color: #524a5e;
  font-weight: 600;
}
.sso-enabled .textfiled-sso label {
  font-size: 13px;
}
.sso-enabled .textfiled-sso .checkbox {
  float: left;
  width: auto !important;
  margin: -5px;
}
.sso-enabled .textfiled-sso .enable {
  float: left;
  line-height: 13px;
}

.systemAdminToggle {
  margin: 0px;
}
.systemAdminToggle .switch {
  margin: 0px 0px 0px 0px;
  position: relative;
  top: 4px;
}
.systemAdminToggle.sso-toggle .switch .slider {
  background-color: #7b6c8f;
}

.listItemHandle {
  position: absolute;
  left: -20px;
  z-index: 1;
  font-size: 17px;
  line-height: 30px;
}
.listItemHandle i {
  color: #524a5e;
}
.listItemHandle:hover {
  cursor: move;
}

.customListrepeat.ghost {
  position: relative;
  z-index: 1;
}
.customListrepeat.ghost::after {
  position: absolute;
  left: 0px;
  right: 0px;
  content: "";
  margin: 0 auto;
  text-align: center;
  z-index: 2;
  background: rgba(120, 0, 255, 0.8);
  height: 100%;
  top: 0px;
  bottom: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: FontAwesome;
  font-size: 16px;
  color: #fff;
}

.formsection .form-group .logsdatepicker .form-control {
  background: #000 !important;
  padding-left: 25px;
}
.formsection .form-group .logsdatepicker .form-control::placeholder {
  color: #fff;
}
.formsection .form-group .logsdatepicker .arrowIcon {
  color: #7b6c8f;
  font-size: 16px;
}

.selectArrowMain.logsdropdown .bootstrap-select .no-results {
  padding: 3px 8px;
  margin: 0px;
  white-space: normal;
  font-size: 13px;
}
.selectArrowMain.logsdropdown .bootstrap-select .no-results:hover {
  color: #7b6c8f !important;
}
.selectArrowMain.logsdropdown .bootstrap-select .dropdown-toggle {
  padding: 4.5px 6px !important;
  margin-top: 0px !important;
  background: #000 !important;
}
.selectArrowMain.logsdropdown .bootstrap-select .dropdown-toggle::after {
  top: 2px !important;
}
.selectArrowMain.logsdropdown .bootstrap-select .dropdown-menu.show {
  box-shadow: none !important;
}
.selectArrowMain.logsdropdown .bootstrap-select .dropdown-menu.show .bs-searchbox {
  padding: 5px 8px;
  border-bottom: solid 1px #000 !important;
  background: #26202e;
}
.selectArrowMain.logsdropdown .bootstrap-select .dropdown-menu.show .bs-searchbox input {
  padding: 2px 6px;
  height: 25px;
}
.selectArrowMain.logsdropdown .bootstrap-select .dropdown-menu li {
  background: #26202e !important;
}
.selectArrowMain.logsdropdown .bootstrap-select .dropdown-menu li .dropdown-item {
  height: 25px;
  padding: 3px 5px !important;
}
.selectArrowMain.logsdropdown .bootstrap-select .dropdown-menu li .dropdown-item span.text {
  background: transparent !important;
  text-align: left;
  padding: 0px !important;
}

.global-btn-sm.restorebtn,
.m-button-small.restorebtn {
  height: 25px !important;
  padding: 5px 15px !important;
  border-radius: 25px !important;
}
.global-btn-sm.restorebtn:hover,
.m-button-small.restorebtn:hover {
  padding: 5px 15px !important;
}

.logsMainblcok .mapsTabs .nav-tabs {
  padding-top: 0px !important;
}

.on-of-fName {
  font-size: 13px;
  padding: 8px 0;
  display: inline-block;
  width: 40px;
}

.padleft-5 {
  padding-left: 5px !important;
}

.lc-info-icon i {
  font-size: 16px;
  padding-left: 10px;
}

.sso-flow {
  display: block;
}
.sso-flow p {
  font-size: 14px;
  margin-bottom: 10px;
  line-height: 20px;
  font-weight: 400;
}
.sso-flow p a {
  color: #fff;
  margin-left: 5px;
  font-weight: 600;
  border-bottom: solid 1px #fff;
  padding-bottom: 2px;
}
.sso-flow p a:hover {
  border-bottom: solid 0px #fff;
}
.sso-flow ol {
  margin: 20px 0px;
}
.sso-flow ol li {
  font-size: 13px;
  margin-bottom: 5px;
  line-height: 20px;
  font-weight: 400;
  list-style-type: auto;
}
.sso-flow button .right-arrow {
  vertical-align: top !important;
  margin-top: -2px !important;
  margin-right: 0px !important;
}
.sso-flow button .right-arrow i {
  font-size: 18px !important;
  padding-left: 10px;
  margin-right: 0px !important;
  padding-right: 0;
}
.sso-flow .sso-details {
  margin: 50px 0px !important;
}
.sso-flow .sso-details h6 {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 10px;
}
.sso-flow .sso-details .data-box {
  text-align: center;
  padding: 10px;
  background: #201430;
  border: solid 1px #362749;
  border-radius: 5px;
}
.sso-flow .sso-details .data-box p {
  font-size: 14px;
  margin-bottom: 7px;
  line-height: 20px;
  font-weight: 400;
}
.sso-flow .sso-details .data-box h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0px;
}
.sso-flow .sso-details .data-box h1 {
  font-size: 36px;
  font-weight: 800;
  margin-bottom: 0px;
}

.data-groups {
  font-size: 13px;
  margin-top: 20px;
}
.data-groups .databg {
  background: #000;
  margin-bottom: 5px;
}
.data-groups .databg .mutedtext {
  font-size: 10px;
  color: #7b6c8f;
  margin: 0px !important;
}
.data-groups .head {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 10px;
}
.data-groups .col {
  padding: 5px 15px;
}

.modal-back-arrow {
  padding: 0px;
  margin: 0px;
  text-align: center;
  line-height: 31px;
  height: 30px;
  width: 30px;
  background: transparent !important;
  position: absolute;
  border-radius: 50% !important;
  cursor: pointer;
}
.modal-back-arrow:hover {
  background: #000 !important;
}
.modal-back-arrow i {
  margin-left: -2px;
}

.usercheckbox + label::before {
  margin-left: -15px;
}

.userrow-list .col:nth-child(2) {
  max-width: 25%;
  flex: 0 0 25% !important;
}
.userrow-list .col:nth-child(3) {
  max-width: 25%;
  flex: 0 0 25% !important;
}
.userrow-list .col:nth-last-child(1) {
  max-width: 150px;
}
.userrow-list.inactiveusers .form-group {
  margin: 0px !important;
}
.userrow-list.inactiveusers .col:nth-last-child(1) {
  max-width: 20%;
  flex: 0 0 20% !important;
}

.ssouserlist-row {
  background: #09080a;
  margin: 10px 0 0 0 !important;
  padding: 8.5px 0 !important;
}
.ssouserlist-row.head {
  background: transparent !important;
}
.ssouserlist-row.head label {
  margin-bottom: 0;
}
.ssouserlist-row .col {
  font-size: 13px;
}
.ssouserlist-row .col img {
  width: 13px;
  vertical-align: text-top;
  margin-right: 8px;
}
.ssouserlist-row .col .sso-check {
  position: absolute;
}
.ssouserlist-row .col .nameUser {
  float: left;
  width: 100%;
  padding: 0px 30px;
}
.ssouserlist-row .col .nameUser .name {
  float: left;
}
.ssouserlist-row .col .nameUser .infoicon-sso {
  position: absolute;
  padding-left: 10px;
}
.ssouserlist-row .col .nameUser .infoicon-sso i {
  font-size: 16px;
  color: #4157c9;
  margin-top: 2px;
  display: block;
  cursor: pointer;
}
.ssouserlist-row.invalid-users, .ssouserlist-row.exist-Users, .ssouserlist-row.suspend-users {
  font-style: oblique !important;
  font-weight: 700;
  color: #5a4f65;
}
.ssouserlist-row.invalid-users .spspend-text, .ssouserlist-row.exist-Users .spspend-text, .ssouserlist-row.suspend-users .spspend-text {
  background: #f59e36;
  margin-left: 5px;
  padding: 1px 5px;
  border-radius: 3px;
  color: #110a1a;
}
.ssouserlist-row.invalid-users img, .ssouserlist-row.exist-Users img, .ssouserlist-row.suspend-users img {
  opacity: 0.4;
}

.setrole-mainrow {
  height: 30px;
  margin: 16px 0 0 0;
}
.setrole-mainrow .sso-check .checkboxinner {
  margin-top: 4px;
  margin-left: 17px;
}
.setrole-mainrow .sso-check .checkboxinner i {
  font-size: 16px;
  margin-top: 5px;
  position: absolute;
  margin-left: 0px;
}
.setrole-mainrow .setrole-row {
  height: 30px;
  margin: 0px;
}
.setrole-mainrow .setrole-row .setrole {
  flex: 0 0 100px;
  max-width: 100px;
  font-size: 13px;
  line-height: 30px;
  margin-left: 50px;
}
.setrole-mainrow .setrole-row .setrole-dropdown {
  flex: 0 0 250px;
  max-width: 250px;
  line-height: 30px;
}
.setrole-mainrow .setrole-row .setrole-dropdown .m-select-dropdown-sm {
  height: 30px !important;
}
.setrole-mainrow .setrole-row .setrole-dropdown .m-select-dropdown-sm .dropdown-toggle {
  padding: 6.5px 8px !important;
  font-size: 13px !important;
}
.setrole-mainrow .setrole-row .setrole-dropdown .m-select-dropdown-sm .dropdown-toggle::after {
  border: none;
  content: "";
  font: normal normal normal 14px/1 FontAwesome;
  border: none;
  position: absolute;
  top: 9px;
  color: #fff;
  cursor: pointer;
  right: 15px;
}
.setrole-mainrow .setrole-row .setbutton {
  flex: 0 0 150px;
  max-width: 150px;
}

.nousersdata {
  text-align: center;
  font-size: 13px;
  padding: 5px;
  border: solid 1px #3f3449;
  margin-left: 0px;
  margin-right: 0px;
}

.usericon-sso {
  float: left;
  width: 26px;
  position: absolute;
}

.userfilter .filter-width-modal .galaxylogs-filter .formsection {
  margin-top: 0;
}

.system-admin-row {
  background-color: rgba(120, 0, 255, 0.1);
  border: solid 1px #331754;
  margin-top: 5px;
  margin-bottom: 5px;
}
.system-admin-row p {
  margin-bottom: 0px;
  font-size: 13px;
  line-height: 20px;
  padding: 7.5px 10px;
}
.system-admin-row p.user, .system-admin-row p.userEmailname {
  color: #fff;
}
.system-admin-row p.user.noneAssigned, .system-admin-row p.userEmailname.noneAssigned {
  color: #8f8c91 !important;
}
.system-admin-row .field .icon-users {
  top: 8px;
  right: 0px;
}
.system-admin-row .switchtoggle .switch {
  float: left;
  top: 0px;
}

.sso-tabs .m-tabs .nav-tabs {
  padding-top: 20px;
}

.umtable .checkedumlist li.list-inline-item .changeRole .dropdown-toggle {
  padding: 5.5px 10px 5.5px 0px;
}
.umtable .checkedumlist li.list-inline-item .changeRole .dropdown-toggle:focus {
  outline: none !important;
  box-shadow: none !important;
}
.umtable .checkedumlist li.list-inline-item .changeRole .dropdown-toggle::after {
  font: normal normal normal 14px/1 FontAwesome;
  border: none;
  position: absolute;
  top: 13px;
  cursor: pointer;
  content: "";
  right: 5px;
  top: 10px;
}
.umtable .checkedumlist li.list-inline-item .changeRole ul.dropdown-menu {
  width: 105px;
  background: #000;
}
.umtable .checkedumlist li.list-inline-item .changeRole ul.dropdown-menu.inner {
  border: 1px solid #000;
}
.umtable .checkedumlist li.list-inline-item .changeRole ul.dropdown-menu li {
  background: #26202e;
  padding: 0px;
}
.umtable .checkedumlist li.list-inline-item .changeRole ul.dropdown-menu li:nth-last-child(1) a {
  border-bottom: 0px solid #000;
}
.umtable .checkedumlist li.list-inline-item .changeRole ul.dropdown-menu li a {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  padding: 5px 10px;
  border-bottom: 1px solid #000;
}

.on-of-fName.sys-admin {
  width: 60px !important;
  padding: 0px;
  float: left;
}

.setupdetails h1 {
  font-size: 15px;
  font-weight: 700;
  margin: 20px 0px;
}
.setupdetails .row {
  margin: 0px 0px 10px 0px;
  background: #09080a;
  padding: 5px;
  font-size: 13px;
}
.setupdetails .row .col {
  max-width: 50%;
}

.mr-21 {
  margin-right: 21px !important;
}

#page-content-wrapper.usermanage-page {
  min-width: 100% !important;
  box-sizing: border-box;
  background: #110a1a;
}
#page-content-wrapper.usermanage-page .maincontainer {
  padding-top: 50px;
}
#page-content-wrapper.usermanage-page .maincontainer .fixedHeader-UserManagement {
  position: fixed;
  z-index: 10;
  width: calc(100% - 25%);
  padding-right: 170px;
  background: #110a1a;
  padding-top: 50px;
}
@media (min-width: 1200px) and (max-width: 1599px) {
  #page-content-wrapper.usermanage-page .maincontainer .fixedHeader-UserManagement {
    width: calc(100% - 20%);
  }
}
#page-content-wrapper.usermanage-page .maincontainer .activeusers {
  padding-top: 360px !important;
}
#page-content-wrapper.usermanage-page .maincontainer .inactiveusers {
  padding-top: 305px !important;
}
#page-content-wrapper.usermanage-page .maincontainer .normalusers {
  padding-top: 310px;
  padding-right: 120px;
}

.pb-sync-users {
  padding-bottom: 50px;
}

.user-toggle {
  margin-bottom: 5px !important;
}
.user-toggle .mr-space {
  margin-right: 10px;
  font-size: 16px;
  font-weight: 600;
}

.sso-edit {
  padding-right: 40px;
}
.sso-edit .domain-url {
  padding-right: 5px;
  word-break: break-word;
  display: inline-block;
}
.sso-edit .domain-url::after {
  content: ",";
}
.sso-edit .domain-url:nth-last-child(2)::after {
  content: "" !important;
}
.sso-edit.field .icon-users {
  top: 0px;
  right: 0px;
}

.mainModal .ssousersysadmin {
  max-width: 900px;
}
.mainModal .ssousersysadmin .ssouserlist-row {
  margin: 0px 0px 7.5px 0px !important;
  padding: 5px 0px !important;
  background: #5a4f65;
}
.mainModal .ssousersysadmin .ssouserlist-row:nth-last-child(1) {
  margin: 0px !important;
}
.mainModal .ssousersysadmin .ssouserlist-row p {
  margin: 0px;
  text-align: center;
  width: 100%;
  font-size: 13px;
}
.mainModal .ssousersysadmin .modal-content .modal-header {
  padding: 0px !important;
  margin: 0px !important;
  box-shadow: none !important;
  display: block;
  background: #3f3449;
}
.mainModal .ssousersysadmin .modal-content .modal-header h2.modal-title {
  margin: 0px auto;
  padding: 11px 0px;
  border-bottom: solid 1px #000;
  width: 100%;
  text-align: center;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);
  background: #5a4f65;
}
.mainModal .ssousersysadmin .modal-content .modal-header button.close {
  position: absolute;
  right: 7.5px;
  top: 7.5px;
}
.mainModal .ssousersysadmin .modal-content .modal-header .sysAdminpopFilter {
  padding: 0px 35px 15px 35px !important;
}
.mainModal .ssousersysadmin .modal-content .modal-header .sysAdminpopFilter .modal-insight-filter-block .filter-width-modal .filerSearchWidth .m-search-box input {
  background: #110a1a !important;
}
.mainModal .ssousersysadmin .modal-content .modal-header .sysAdminpopFilter .modal-insight-filter-block .filter-width-modal .filerSearchWidth .imageSearch span.closeSearch {
  font-weight: 300;
  line-height: 17px !important;
}
.mainModal .ssousersysadmin .modal-content .modal-body {
  border-top: 0px solid #000 !important;
  padding-top: 0px !important;
  max-height: calc(100vh - 200px);
  height: 400px;
}
.mainModal .ssousersysadmin .modal-content .modal-body .nousersdata {
  border: solid 1px #5a4f65;
}

.confirm-sso .modal-body {
  padding: 30px !important;
}
.confirm-sso .modal-body .insightsBody .ssouserlist-row {
  background: #5a4f65;
  margin: 0px 0px 5px 0px !important;
  padding: 5px 0px !important;
}
.confirm-sso .modal-body .insightsBody .ssouserlist-row:nth-last-child(1) {
  margin: 0px 0px 25px 0px !important;
}

.checkall-box {
  position: absolute !important;
  z-index: 0;
  width: 20px;
  height: 20px;
  top: 2px;
  cursor: pointer;
}

.checklistbox {
  position: absolute !important;
  z-index: 1;
  width: 20px;
  height: 20px;
  top: 2px;
  cursor: pointer;
}

.pl-18 {
  padding-left: 18px;
}

.mt-5 {
  margin-top: 5px !important;
}

.newUsermanagement .usermanagelist .form-group.activeusercheckbox .custom-checkbox {
  position: absolute !important;
  top: 5px !important;
}
.newUsermanagement .usermanagelist .form-group.activeusercheckbox label::before {
  top: 10px !important;
  position: absolute !important;
  left: 18px !important;
}
.newUsermanagement .usermanagelist .form-group.activeusercheckbox label p.userLabelLink {
  padding-left: 30px !important;
  line-height: 20px;
}

.ssosetupbody p {
  font-size: 13px;
  margin-bottom: 10px;
  line-height: 20px;
  font-weight: 400;
}
.ssosetupbody p span.txt-heghlight {
  color: #9679d9;
  font-weight: 600;
}
.ssosetupbody p.mb-0 {
  margin-top: 20px;
}

.editRole .selectrole .dropdown-toggle {
  font-size: 13px;
  border: none !important;
}
.editRole .selectrole .dropdown-toggle:focus {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}
.editRole .selectrole .dropdown-toggle::after {
  font: normal normal normal 14px/1 FontAwesome;
  border: none;
  position: absolute;
  cursor: pointer;
  content: "";
  right: 15px;
  top: 15px;
  z-index: 10;
  color: #fff;
  margin-top: 3px;
}
.editRole .selectrole .dropdown-menu.show {
  border: 1px solid #000;
  margin: -1px 0px 0px 0px;
}
.editRole .selectrole .dropdown-menu.show ul.dropdown-menu {
  border: 0px solid #000;
}
.editRole .selectrole .dropdown-menu.show ul.dropdown-menu li {
  padding: 0px;
}
.editRole .selectrole .dropdown-menu.show ul.dropdown-menu li:nth-last-child(1) a {
  border-bottom: 0px solid #000;
}
.pt-50 {
  padding-top: 50px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-30 {
  padding-top: 30px;
}

.errors-small {
  font-size: 12px;
  margin-top: 5px;
  display: block;
}

.mr-5-reverse {
  margin-right: -5px !important;
}

.nodata-found {
  padding: 10px !important;
  border: 1px solid #3f3449;
  font-size: 13px;
  font-weight: 400;
  text-align: center;
}
.nodata-found p {
  margin: 0px;
  text-align: center;
  width: 100%;
}

.vuejs-progress-bar svg circle {
  stroke: #625d69;
}
.vuejs-progress-bar svg circle.progress {
  stroke: #7800ff;
}

.theme-light .vuejs-progress-bar svg circle {
  stroke: #c0c0c0;
}
.theme-light .vuejs-progress-bar svg circle.progress {
  stroke: #7800ff;
}

.multi-domains {
  margin-top: 5px;
  margin-bottom: 15px;
}
.multi-domains .m-input-large {
  height: 30px;
}
.multi-domains.domain-view {
  margin-bottom: 0px;
}
.multi-domains.domain-view .domain-name {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
  background: #524a5e !important;
  font-size: 13px;
  color: #fff;
  padding: 3.5px 8px;
}
.multi-domains.domain-view .input-group-append {
  background: #524a5e !important;
}
.multi-domains.domain-view .input-group-append .btn.delete {
  padding: 0 5px;
  border-radius: 0px;
  background: #9e0000;
  color: #fff;
  height: 26.5px;
  width: 26.5px;
  border: none !important;
}

.domain-list-block {
  max-height: 190px;
  min-height: 31.5px;
  overflow-x: hidden;
  overflow-y: auto;
}

.changeRole-add .dropdown-toggle {
  padding: 5.5px 10px 5.5px 0px;
}
.changeRole-add .dropdown-toggle:focus, .changeRole-add .dropdown-toggle:active, .changeRole-add .dropdown-toggle:visited, .changeRole-add .dropdown-toggle:hover {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}
.changeRole-add .dropdown-toggle::after {
  font: normal normal normal 14px/1 FontAwesome;
  border: none;
  position: absolute;
  top: 13px;
  cursor: pointer;
  content: "";
  right: 15px;
  top: 15spx;
}
.changeRole-add ul.dropdown-menu {
  width: 105px;
  background: #000;
}
.changeRole-add ul.dropdown-menu.inner {
  border: 1px solid #000;
}
.changeRole-add ul.dropdown-menu li {
  background: #26202e;
  padding: 0px;
}
.changeRole-add ul.dropdown-menu li:nth-last-child(1) a {
  border-bottom: 0px solid #000;
}
.changeRole-add ul.dropdown-menu li a {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  padding: 5px 10px;
  border-bottom: 1px solid #000;
}

.capitalize {
  text-transform: capitalize;
}

.logsexportblock {
  margin-top: 20px !important;
}
.logsexportblock .logsexportcheck {
  margin-bottom: 20px;
  position: relative;
}
.logsexportblock .logsexportcheck .insightsCheck .checkmark {
  top: 3px;
}
.logsexportblock .logsexportcheck .data span {
  font-size: 13px;
  display: block;
  padding: 2px 0px;
}

.restore-padding {
  padding: 60px 35px !important;
}

.custom-multi-single {
  float: left;
  margin-bottom: 12px;
  margin-top: 5px;
}
.custom-multi-single .insightsCheck .checkmark {
  height: 15px;
  width: 15px;
  background-color: #fff;
  border: solid 1px #7b6c8f;
  border-radius: 2px;
}
.custom-multi-single .insightsCheck .checkboxinner:hover input ~ .checkmark {
  background-color: #fff;
  border: solid 1px #7b6c8f;
}
.custom-multi-single .insightsCheck .checkboxinner input:checked ~ .checkmark {
  background: #7800ff;
  border: solid 1px #7b6c8f;
}
.custom-multi-single .data {
  font-size: 13px;
  color: #7b6c8f;
  padding-left: 10px;
  line-height: 20px;
}

.mt-30 {
  margin-top: 30px;
}

.newUsermanagement .usermanagelist.sysAdminRow {
  color: #7b6c8f;
  cursor: not-allowed;
}
.newUsermanagement .usermanagelist.sysAdminRow .form-group p {
  color: #7b6c8f !important;
}
.newUsermanagement .usermanagelist.sysAdminRow .form-group.activeusercheckbox label p.userLabelLink {
  color: #7b6c8f !important;
}

.leftmenu-overflow {
  overflow: auto;
  height: calc(100vh - 160px);
}

.leftmenuscrollbar {
  scrollbar-color: #a294b5 var(--Background_Overlay);
  scrollbar-width: thin;
}
.leftmenuscrollbar::-webkit-scrollbar {
  width: 13px;
}
.leftmenuscrollbar::-webkit-scrollbar-track {
  box-shadow: none;
  border-radius: 0px;
  background: #140e1c;
}
.leftmenuscrollbar::-webkit-scrollbar-track:hover {
  background: #140e1c;
}
.leftmenuscrollbar::-webkit-scrollbar-thumb {
  background: #7b6c8f;
  border: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}
.leftmenuscrollbar::-webkit-scrollbar-thumb:hover {
  background: #a294b5;
  border: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}
.leftmenuscrollbar::-moz-scrollbar {
  width: 13px;
}
.leftmenuscrollbar::-moz-scrollbar-track {
  box-shadow: none;
  border-radius: 0px;
  background: #140e1c;
}
.leftmenuscrollbar::-moz-scrollbar-track:hover {
  background: #140e1c;
}
.leftmenuscrollbar::-moz-scrollbar-thumb {
  background: #7b6c8f;
  border: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}
.leftmenuscrollbar::-moz-scrollbar-thumb:hover {
  background: #7b6c8f;
  border: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}

.roleselect .m-select-dropdown-jira button .filter-option {
  margin-top: 0px !important;
}
.roleselect .m-select-dropdown-jira .dropdown-menu {
  margin-top: 0px;
  top: 0px !important;
  left: 0px !important;
}

.formsection .form-group .brand-disabled {
  background: #110a1a;
}
.formsection .form-group .brand-disabled .form-control {
  background: #110a1a !important;
  cursor: not-allowed;
  box-shadow: none !important;
  border: solid 1px #1f1829 !important;
}
.formsection .form-group .brand-disabled .form-control:focus {
  border: solid 1px #1f1829 !important;
}

.usersettings.datamain .billinginfotable .formsection .form-group .brand-disabled .form-control.channeldescrip {
  background: #110a1a !important;
  box-shadow: none !important;
  border: solid 1px #1f1829 !important;
}
.usersettings.datamain .billinginfotable .formsection .form-group .brand-disabled .form-control.channeldescrip:focus {
  border: solid 1px #1f1829 !important;
}

.subscription-tabs .personaMainBox {
  width: 100%;
}
.subscription-tabs .personaMainBox .personaTabsSpace .kpitabsBorder {
  width: 890px !important;
}
.subscription-tabs .personaMainBox .personaTabsSpace .nav-tabs {
  margin-bottom: 25px !important;
}
.subscription-tabs .personaMainBox .personaTabsSpace .tab-content .main-area {
  padding-left: 10px;
}
.subscription-tabs .personaMainBox .personaTabsSpace .tab-content .main-area .headingth {
  margin-bottom: 15px;
  font-weight: 700;
}
.subscription-tabs .personaMainBox .personaTabsSpace .tab-content .main-area .headingtd {
  font-weight: 400;
}
.subscription-tabs .personaMainBox .featuresfont {
  color: #7b6c8f;
  padding-left: 40px;
}
.subscription-tabs .personaMainBox .heading-mainmodule {
  color: #7800ff;
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 20px;
}

.subscrption-btns {
  display: inline-block;
  padding-left: 15px;
}

.role-name {
  font-size: 20px;
  font-weight: 500;
}

.break {
  word-break: break-all !important;
}

.lc-info-icon.systemAdmin-info {
  width: 16px;
  height: 16px;
  position: absolute;
  margin-left: 10px;
  margin-top: 3px;
}
.lc-info-icon.systemAdmin-info img {
  width: 16px;
  height: 16px;
}
.lc-info-icon.systemAdmin-info.info2fa {
  margin-top: 1px !important;
}

.status-info {
  position: absolute;
  text-decoration: none;
  color: inherit;
  margin-left: 6px;
  margin-top: 2px;
}

.umtable.billinginfotable .formsection .dataposrelmain .selectoptions.dimesnionControlIcons {
  top: 8px !important;
  right: 8px !important;
  visibility: hidden;
}
.umtable.billinginfotable .formsection .dataposrelmain .selectoptions.dimesnionControlIcons a {
  display: block;
  float: left;
}
.umtable.billinginfotable .formsection .dataposrelmain .selectoptions.dimesnionControlIcons-Brands {
  right: 8px !important;
  visibility: hidden;
}
.umtable.billinginfotable .formsection .dataposrelmain .selectoptions.dimesnionControlIcons-Brands a {
  display: block;
  float: left;
}
.umtable.billinginfotable .formsection .dataposrelmain:hover .selectoptions.dimesnionControlIcons {
  visibility: visible;
}
.umtable.billinginfotable .formsection .dataposrelmain:hover .selectoptions.dimesnionControlIcons-Brands {
  visibility: visible;
}

/********************** LifeCycle Styles ***********************/
/*************** 1. Imports ******************/
/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Mixins ******************/
.lifecycleHeaderHeight {
  height: 50px;
}

.lifecycleheader {
  background: #000;
}
.lifecycleheader .navbar {
  padding: 0;
}
.lifecycleheader .navbar .topnav {
  margin-left: 100px;
}
@media (min-width: 768px) and (max-width: 992px) {
  .lifecycleheader .navbar .topnav {
    margin-left: 50px;
  }
}
@media (min-width: 320px) and (max-width: 768px) {
  .lifecycleheader .navbar .topnav {
    margin-left: 0px;
  }
}
.lifecycleheader .navbar .topnav li a {
  font-size: 14px;
  padding: 4px 15px;
  margin: 15px 0px;
}
@media (min-width: 320px) and (max-width: 768px) {
  .lifecycleheader .navbar .topnav li a {
    display: inline-block;
  }
}
.lifecycleheader .navbar .topnav li a.active {
  background: #7800ff;
  border-radius: 20px;
}
@media (min-width: 320px) and (max-width: 768px) {
  .lifecycleheader .navbar .navbar-collapse {
    position: absolute;
    top: 68px;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  }
}
@media (min-width: 320px) and (max-width: 768px) {
  .lifecycleheader .navbar .navbar-toggler {
    border: none;
  }
}
.lifecycleheader .navbar .navbar-toggler:not(:disabled):not(.disabled) {
  cursor: pointer;
}
@media (min-width: 320px) and (max-width: 768px) {
  .lifecycleheader .navbar .navbar-toggler:not(:disabled):not(.disabled) {
    position: absolute;
    top: 15px;
    right: 160px;
  }
}

.settinglifecycle {
  padding: 100px 20px 20px;
}
@media (min-width: 320px) and (max-width: 768px) {
  .settinglifecycle {
    padding: 30px 0px 20px;
  }
}
@media (min-width: 320px) and (max-width: 768px) {
  .settinglifecycle h2 {
    font-size: 26px;
  }
}
.settinglifecycle .formsection {
  padding: 0px;
}
.settinglifecycle .formsection .btn {
  border-radius: 3px;
}

/*** Header-top-right ***/
.lhleft,
.nextaddingbtn {
  position: absolute;
  top: 0px;
  z-index: 9;
  height: 50px;
}

.nextaddingbtn {
  right: 0;
  background: #7800ff;
}
.nextaddingbtn .btn {
  border-radius: 0px;
  height: 78px;
  padding: 10px 15px;
}
@media (min-width: 320px) and (max-width: 768px) {
  .nextaddingbtn .btn {
    padding: 15px;
  }
}
.nextaddingbtn .btn .nexttxt {
  font-size: 12px;
  color: #8b93a1;
  display: block;
  text-transform: uppercase;
}
@media (min-width: 320px) and (max-width: 768px) {
  .nextaddingbtn .btn .nexttxt {
    font-size: 10px;
  }
}
.nextaddingbtn .btn .nextlink {
  font-size: 14px;
  font-weight: 500;
}
@media (min-width: 320px) and (max-width: 768px) {
  .nextaddingbtn .btn .nextlink {
    font-size: 12px;
  }
}

/*** Header-top-Left ***/
/*** Life cycle header left styles ***/
.lhleft {
  background: #1f1827;
  left: auto;
  top: -25px;
  padding: 0px 10px;
  width: 100%;
  overflow: hidden;
  border: 0px solid transparent;
}
.lhleft.focusinput {
  border: 2px solid #7800ff;
}
@media (min-width: 320px) and (max-width: 768px) {
  .lhleft {
    width: 42%;
  }
}
.lhleft a {
  display: block;
  padding: 19px 6px;
  max-width: 100%;
  margin: 0px;
  color: #fff;
  font-size: 27px !important;
}
.lhleft a .closeicon {
  margin-top: 0px;
  height: 15px;
  width: 15px;
  background: url(/bundles/admin/images/back-light-icon.png) no-repeat;
  background-size: 15px 15px !important;
  display: inline-block;
}
@media (min-width: 320px) and (max-width: 768px) {
  .lhleft a .closeicon {
    height: 10px;
    width: 10px;
  }
}
.lhleft a span {
  font-size: 14px;
  vertical-align: middle;
}
@media (min-width: 320px) and (max-width: 768px) {
  .lhleft a span {
    font-size: 12px;
  }
}
.lhleft a span.empltylcname {
  margin: 0 20px;
  display: inline-block;
}
.lhleft a span .cycle-title {
  display: inline-block;
}
@media (min-width: 320px) and (max-width: 768px) {
  .lhleft a span .cycle-title {
    display: none;
  }
}
.lhleft a span .lifecyclelabel {
  width: 150px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
}
@media (min-width: 320px) and (max-width: 768px) {
  .lhleft a span .lifecyclelabel {
    width: 100px;
  }
}

/*** Life cycle header right option styles ***/
.lifecyclerightoptions {
  float: right;
  padding: 11px 0;
  margin-right: 10px;
}
.lifecyclerightoptions .helpviewoptions li {
  padding: 9px;
  border-radius: 2px;
  vertical-align: middle;
  height: 35px;
  width: 35px;
  cursor: pointer;
}
.lifecyclerightoptions .helpviewoptions li:first-child, .lifecyclerightoptions .helpviewoptions li:last-child {
  border-right: 1px solid #09080a;
  padding-right: 20px;
}
.lifecyclerightoptions .helpviewoptions li i {
  color: rgba(255, 255, 255, 0.5);
  font-size: 20px;
}
.lifecyclerightoptions .helpviewoptions li .listicon {
  display: block;
  height: 16px;
  width: 16px;
  background: url("../images/list-view-icon.png") no-repeat 0 0;
}
.lifecyclerightoptions .helpviewoptions li.smallloader {
  background: transparent;
  padding: 10px 0;
}
.lifecyclerightoptions .helpviewoptions li.smallloader:hover {
  background: transparent;
}
.lifecyclerightoptions .helpviewoptions li:hover, .lifecyclerightoptions .helpviewoptions li.active {
  background: #7800ff;
}
.lifecyclerightoptions .helpviewoptions li:hover i, .lifecyclerightoptions .helpviewoptions li.active i {
  color: white;
}
.lifecyclerightoptions .helpviewoptions li:hover .listicon, .lifecyclerightoptions .helpviewoptions li.active .listicon {
  background-position: 0 -16px;
}
.lifecyclerightoptions .savepreviewoptions,
.lifecyclerightoptions .helpviewoptions {
  display: inline-block;
  vertical-align: middle;
}
.lifecyclerightoptions .savepreviewoptions li,
.lifecyclerightoptions .helpviewoptions li {
  display: inline-block;
  background: #09080a;
  margin: 0px 5px;
  font-size: 13px;
}
.lifecyclerightoptions .savepreviewoptions li.overviewpageshow,
.lifecyclerightoptions .helpviewoptions li.overviewpageshow {
  display: none;
}
.lifecyclerightoptions .savepreviewoptions li.autosavelcbtn,
.lifecyclerightoptions .helpviewoptions li.autosavelcbtn {
  width: 200px;
  border-radius: 20px !important;
}
.lifecyclerightoptions .savepreviewoptions li {
  float: left;
  padding: 7px 15px;
}
.lifecyclerightoptions .savepreviewoptions li:hover {
  background: transparent;
}
.lifecyclerightoptions .savepreviewoptions li:first-child {
  border-radius: 20px;
}
.lifecyclerightoptions .savepreviewoptions li:last-child {
  border-radius: 2px;
}

/*** Lifecycle main CSS ***/
.overviewmain {
  background: #1c1a20;
}
.overviewmain .savepreviewoptions li.overviewpageshow {
  display: block;
  text-align: center;
}
.overviewmain .savepreviewoptions li.previewtxt {
  display: none;
}
.overviewmain .nextaddingbtn {
  left: 0;
  width: 10%;
}
@media (min-width: 320px) and (max-width: 992px) {
  .overviewmain .nextaddingbtn {
    width: 20%;
  }
}
.overviewmain .overviewtopright {
  position: absolute;
  right: 20px;
  top: 15px;
  z-index: 99999;
}
@media (min-width: 320px) and (max-width: 768px) {
  .overviewmain .overviewtopright {
    float: right;
    text-align: right;
  }
}
.overviewmain .overviewtopright > ul {
  padding: 0px;
}
.overviewmain .overviewtopright > ul > li {
  display: inline-block;
  margin: 0 0 0 15px;
}
.overviewmain .overviewDiv {
  position: relative;
  /*** Zoom Options ***/
  /*** Right side Panel ***/
  /*** Data Add ***/
  /*** Column View ***/
}
.overviewmain .overviewDiv .zoomOptions {
  left: 20px;
  top: 200px;
}
@media (min-width: 320px) and (max-width: 992px) {
  .overviewmain .overviewDiv .zoomOptions {
    top: 100px;
  }
}
.overviewmain .overviewDiv .OverviewCycle {
  padding: 10px;
  margin: 0 auto;
  text-align: center;
  width: 80%;
}
.overviewmain .overviewDiv .OverviewCycle.pushed {
  -webkit-transform: translateX(-400px);
  -moz-transform: translateX(-400px);
  -ms-transform: translateX(-400px);
  -o-transform: translateX(-400px);
  transform: translateX(-400px);
  margin-left: 400px;
}
@media (min-width: 320px) and (max-width: 768px) {
  .overviewmain .overviewDiv .OverviewCycle {
    padding: 10px 10px 10px 50px;
  }
}
.overviewmain .overviewDiv .overviewrightoptions,
.overviewmain .overviewDiv .zoomOptions {
  position: absolute;
}
.overviewmain .overviewDiv .overviewrightoptions li,
.overviewmain .overviewDiv .zoomOptions li {
  display: block;
  margin: 3px 0;
}
.overviewmain .overviewDiv .overviewrightoptions li a,
.overviewmain .overviewDiv .zoomOptions li a {
  display: block;
  padding: 10px 15px;
  background: #110a1a;
  color: #fff;
}
.overviewmain .overviewDiv .overviewrightoptions li a.zoomIn, .overviewmain .overviewDiv .overviewrightoptions li a.stack-icon,
.overviewmain .overviewDiv .zoomOptions li a.zoomIn,
.overviewmain .overviewDiv .zoomOptions li a.stack-icon {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.overviewmain .overviewDiv .overviewrightoptions li a.zoomOut, .overviewmain .overviewDiv .overviewrightoptions li a.user-icon,
.overviewmain .overviewDiv .zoomOptions li a.zoomOut,
.overviewmain .overviewDiv .zoomOptions li a.user-icon {
  border-radius: 0px;
}
.overviewmain .overviewDiv .overviewrightoptions li a.handIcon, .overviewmain .overviewDiv .overviewrightoptions li a.mail-icon,
.overviewmain .overviewDiv .zoomOptions li a.handIcon,
.overviewmain .overviewDiv .zoomOptions li a.mail-icon {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.overviewmain .overviewDiv .overviewrightoptions li a:hover,
.overviewmain .overviewDiv .zoomOptions li a:hover {
  background: #362749;
}
.overviewmain .overviewDiv .overviewrightoptions {
  top: 50px;
  right: 20px;
}
.overviewmain .overviewDiv .rightoptionsmain {
  background: #0f0e0f;
  position: fixed;
  height: 100vh;
  top: 68px;
  bottom: 0;
  right: -400px;
  -webkit-transition: ease 0.5s;
  -moz-transition: ease 0.5s;
  -o-transition: ease 0.5s;
  transition: ease 0.5s;
  display: none;
  overflow: hidden;
  padding-bottom: 80px;
  -webkit-transform: translateX(-400px);
  -ms-transform: translateX(-400px);
  transform: translateX(-400px);
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
@media (min-width: 576px) and (max-width: 768px) {
  .overviewmain .overviewDiv .rightoptionsmain {
    -webkit-transform: translateX(-350px);
    -ms-transform: translateX(-350px);
    transform: translateX(-350px);
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .overviewmain .overviewDiv .rightoptionsmain {
    -webkit-transform: translateX(-280px);
    -ms-transform: translateX(-280px);
    transform: translateX(-280px);
  }
}
.overviewmain .overviewDiv .rightoptionsmain.open {
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  width: 400px;
  right: 0;
  z-index: 9999;
  display: block;
}
@media (min-width: 576px) and (max-width: 768px) {
  .overviewmain .overviewDiv .rightoptionsmain.open {
    width: 350px;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .overviewmain .overviewDiv .rightoptionsmain.open {
    width: 280px;
  }
}
.overviewmain .overviewDiv .rightoptionsmain .rightinnertopview {
  background: #1c1a20;
  padding: 10px;
}
.overviewmain .overviewDiv .rightoptionsmain .rightinnertopview .selectstages {
  position: relative;
}
.overviewmain .overviewDiv .rightoptionsmain .rightinnertopview .selectstages:before {
  background: #8b93a1;
  height: 15px;
  width: 1px;
  position: absolute;
  top: 15px;
  left: -20px;
  content: "";
}
.overviewmain .overviewDiv .rightoptionsmain .rightinnertopview .selectstages .bootstrap-select .dropdown-toggle {
  width: 200px;
  color: #8b93a1;
}
@media (min-width: 320px) and (max-width: 768px) {
  .overviewmain .overviewDiv .rightoptionsmain .rightinnertopview .selectstages .bootstrap-select .dropdown-toggle {
    width: 110px;
  }
}
.overviewmain .overviewDiv .rightoptionsmain .rightinnertopview .selectstages.formsection {
  padding: 0px;
}
.overviewmain .overviewDiv .rightoptionsmain .rightinnertopview .selectstages.formsection .form-group {
  margin: 0px;
}
.overviewmain .overviewDiv .rightoptionsmain .rightinnertopview .columnview-icon {
  color: #8b93a1;
  font-size: 14px;
  padding: 10px;
  display: block;
}
.overviewmain .overviewDiv .rightoptionsmain .rightoptionsinner {
  padding: 10px 20px 120px;
  background: #0f0e0f;
  overflow: auto;
  height: 100vh;
}
.overviewmain .overviewDiv .rightoptionsmain .rightoptionsinner .rightpanelclose {
  position: absolute;
  top: 0;
  right: 20px;
}
.overviewmain .overviewDiv .datamaindiv .formsection {
  padding: 0px;
}
.overviewmain .overviewDiv .datamaindiv .adddatadiv {
  position: relative;
}
.overviewmain .overviewDiv .datamaindiv .adddatadiv .adddatabtn {
  position: absolute;
  right: 5px;
  top: 5px;
  background: #7800ff;
  font-size: 14px;
  padding: 5px 10px;
  color: #fff;
}
.overviewmain .overviewDiv .Overviewcolumnmode {
  display: none;
}
.overviewmain .overviewDiv .columnview {
  padding: 30px 50px;
}
.overviewmain .overviewDiv .columnview .backtocircle-view {
  color: #fff;
  padding: 20px;
  display: inline-block;
}
.overviewmain .overviewDiv .columnview .backtocircle-view i {
  margin-right: 10px;
}
.overviewmain .overviewDiv .columnview .columnviewgrid .card-header:before {
  content: "";
}
.overviewmain .overviewDiv .columnview .columnviewgrid .card-header.firstchild.selected {
  background: #7800ff;
}
.overviewmain .overviewDiv .columnview .columnviewgrid .staginglsit.innerstep.addededit li.editview {
  padding: 5px;
}
.overviewmain .overviewDiv .columnview .columnviewgrid .staginglsit .showeditedview .formsection {
  padding: 0px;
}
.overviewmain .overviewDiv .columnview .columnviewgrid .staginglsit .showeditedview .formsection .form-group {
  margin: 0px;
}
.overviewmain .overviewDiv .columnview .columnviewgrid .staginglsit .showeditedview .formsection .form-group input {
  border: none;
}
.overviewmain .overviewDiv .columnview .columnviewgrid .staginglsit .showeditedview .formsection .form-group input:focus {
  border: none;
}
.overviewmain .overviewDiv .columnview .columnviewgrid .staginglsit .showeditedview .formsection .form-group input:-ms-input-placeholder {
  color: #fff;
}
.overviewmain .overviewDiv .columnview .columnviewgrid .staginglsit .showeditedview .formsection .form-group input::-webkit-input-placeholder {
  color: #fff;
}
.overviewmain .overviewDiv .columnview .columnviewgrid .staginglsit .showeditedview .formsection .form-group button i {
  font-size: 20px;
  color: #876cab;
}

/*** extend text ***/
.selectnobg, .overviewmain .overviewDiv .rightoptionsmain .rightinnertopview .selectstages .bootstrap-select.form-control, .overviewmain .overviewDiv .rightoptionsmain .rightinnertopview .selectstages .bootstrap-select .dropdown-toggle, .overviewmain .overviewDiv .rightoptionsmain .rightinnertopview .selectstages.formsection .form-group .form-control {
  background: transparent !important;
  border: none;
}

.staginglsit li {
  background: #2d2637;
  padding: 15px 10px;
  color: #fff;
  font-size: 14px;
  margin: 0 0 10px 0;
  border-radius: 3px;
  cursor: pointer;
}
.staginglsit li:hover, .staginglsit li.selected {
  background: #7800ff;
}
.staginglsit li.stage1 {
  border-left: 3px solid #7800ff;
  border-radius: 3px;
}
.staginglsit li.stage1:hover, .staginglsit li.stage1.selected {
  background: #7800ff;
  border-left: 3px solid #7800ff;
}
.staginglsit li.stage2 {
  border-left: 3px solid #876cab;
  border-radius: 3px;
}
.staginglsit li.stage2:hover, .staginglsit li.stage2.selected {
  background: #7800ff;
  border-left: 3px solid #7800ff;
}
.staginglsit li.stage3 {
  border-left: 3px solid #7b6c8f;
  border-radius: 3px;
}
.staginglsit li.stage3:hover, .staginglsit li.stage3.selected {
  background: #7800ff;
  border-left: 3px solid #7800ff;
}
.staginglsit li.stage4 {
  border-left: 3px solid #7b6c8f;
  border-radius: 3px;
}
.staginglsit li.stage4:hover, .staginglsit li.stage4.selected {
  background: #7800ff;
  border-left: 3px solid #7800ff;
}

/*** Right Panel Accordion ***/
.rightpanelaccordion .card {
  background: transparent;
  border: none;
}
.rightpanelaccordion .card .card-header {
  padding: 8px 8px 8px 25px;
  border-left: 3px solid #7800ff;
  background: #2d2637;
  margin: 0 0 10px 0;
  border-radius: 3px;
  cursor: all-scroll;
}
.rightpanelaccordion .card .card-header:before {
  content: "";
  left: 15px;
  color: rgba(255, 255, 255, 0.6);
}
.rightpanelaccordion .card .card-header:before.collapsed {
  content: "";
}
.rightpanelaccordion .card .card-header:before {
  position: absolute;
  font-family: "FontAwesome";
  top: 10px;
  font-size: 20px;
}
.rightpanelaccordion .card .card-header h5 {
  padding-right: 50px;
}
.rightpanelaccordion .card .card-header span {
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-align: left;
}
.rightpanelaccordion .card .card-header .rightoptionsdropdown {
  top: 4px;
  right: 10px;
}
.rightpanelaccordion .card .card-header .btn-link {
  color: #fff;
  font-size: 14px;
  text-decoration: none;
}
.rightpanelaccordion .card .card-header .btn-link:hover {
  text-decoration: none;
}
.rightpanelaccordion .card .card-body .rightoptionsdropdown,
.rightpanelaccordion .card .card-header .rightoptionsdropdown {
  right: 7px;
  color: #876cab;
  position: absolute;
  top: 15px;
  font-size: 20px;
}
.rightpanelaccordion .card .card-body .rightoptionsdropdown:after,
.rightpanelaccordion .card .card-header .rightoptionsdropdown:after {
  border: none;
}
.rightpanelaccordion .card .card-body .dropdown-menu,
.rightpanelaccordion .card .card-header .dropdown-menu {
  background: #110a1a;
  padding: 0px;
}
.rightpanelaccordion .card .card-body .dropdown-menu a,
.rightpanelaccordion .card .card-header .dropdown-menu a {
  display: block;
  padding: 5px 10px;
  color: #e5eaef;
  border-bottom: 1px solid #362749;
  font-size: 12px;
}
.rightpanelaccordion .card .card-body .dropdown-menu a:last-child,
.rightpanelaccordion .card .card-header .dropdown-menu a:last-child {
  border-bottom: none;
}
.rightpanelaccordion .card .card-body .dropdown-menu a:hover,
.rightpanelaccordion .card .card-header .dropdown-menu a:hover {
  background: #7b6c8f;
}
.rightpanelaccordion .card .card-body {
  padding: 10px;
}
.rightpanelaccordion .card .card-body .staginglsit ul {
  margin-left: 15px;
}
.rightpanelaccordion .card .card-body .staginglsit li {
  border-left: 3px solid #7800ff;
  position: relative;
}
.rightpanelaccordion .card .card-body .staginglsit.innerstep {
  margin-left: 30px;
}
.rightpanelaccordion .card .card-body .staginglsit.innerstep li {
  border-left: none !important;
}

/*** Half Circle Of Life cycle ***/
.lifecyclehalfcirclediv {
  width: 85%;
  background: #7800ff;
  height: 80vh;
  position: absolute;
  right: -43%;
  top: 50%;
  border-radius: 50%;
  top: 10%;
  bottom: 20%;
}
@media (min-width: 320px) and (max-width: 768px) {
  .lifecyclehalfcirclediv {
    right: auto;
    height: auto;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    top: auto;
    position: static;
  }
}

/*** Column View ***/
.columnviewmain {
  padding: 0px 20px 0px;
  margin-right: 15px;
}
.columnviewmain .columnviewhroll {
  padding: 30px 0;
  width: 100%;
  white-space: nowrap;
  flex-wrap: nowrap;
  height: 100%;
  min-height: 500px;
}
.columnviewmain .columnviewhroll .columnviewlist {
  display: inline-block;
  width: 33%;
  padding: 10px;
  background: #110a1a;
  vertical-align: top;
  flex: 0 0 auto;
}
@media (min-width: 1499px) and (max-width: 3921px) {
  .columnviewmain .columnviewhroll .columnviewlist {
    width: 17%;
  }
}
.columnviewmain .columnviewhroll .columnviewlist:hover {
  cursor: all-scroll;
}
.columnviewmain .columnviewhroll .columnviewlist .rightpanelaccordion .card .card-header {
  padding: 0px;
  border: none;
  background: transparent;
  margin: 0px;
  border-radius: 0px;
}
.columnviewmain .columnviewhroll .columnviewlist .rightpanelaccordion .card .card-header button {
  padding: 0px;
}
.columnviewmain .columnviewhroll .columnviewlist .rightpanelaccordion .card .card-header::before {
  content: "";
}
.columnviewmain .columnviewhroll .columnviewlist .rightpanelaccordion .card .card-header .createstage .formsection {
  padding: 0px;
}
.columnviewmain .columnviewhroll .columnviewlist .rightpanelaccordion .card .card-header .createstage button {
  width: 100%;
}
.columnviewmain .columnviewhroll .columnviewlist .rightpanelaccordion .card .card-header .createstage input {
  border: none;
  border-left: 5px solid var(--Foreground_Tertiary);
  color: var(--Input_Filled) !important;
  background: var(--Background_Secondary) !important;
  padding: 15px;
  border-radius: 2px;
  box-shadow: none;
  height: 56px;
}
.columnviewmain .columnviewhroll .columnviewlist .rightpanelaccordion .card .card-header .createstage input::-webkit-input-placeholder {
  color: #8b93a1;
  font-weight: 600;
}
.columnviewmain .columnviewhroll .columnviewlist .rightpanelaccordion .card .card-header .createstage input:-moz-placeholder {
  color: #8b93a1;
  font-weight: 600;
}
.columnviewmain .columnviewhroll .columnviewlist .rightpanelaccordion .card .card-header .createstage input::-moz-placeholder {
  color: #8b93a1;
  font-weight: 600;
}
.columnviewmain .columnviewhroll .columnviewlist .rightpanelaccordion .card .card-header .createstage input:-ms-input-placeholder {
  color: #8b93a1;
  font-weight: 600;
}
.columnviewmain .columnviewhroll .columnviewlist .rightpanelaccordion .card .card-header .createstage input:focus {
  color: var(--Input_Filled) !important;
  background: var(--Background_Secondary) !important;
  border: solid 1px #7800ff !important;
}
.columnviewmain .columnviewhroll .columnviewlist .rightpanelaccordion .card .card-header .createstage input:hover, .columnviewmain .columnviewhroll .columnviewlist .rightpanelaccordion .card .card-header .createstage input:active, .columnviewmain .columnviewhroll .columnviewlist .rightpanelaccordion .card .card-header .createstage input:visited {
  color: var(--Input_Filled) !important;
  background: var(--Background_Secondary) !important;
}
.columnviewmain .columnviewhroll .columnviewlist .rightpanelaccordion .card .card-header .addnewitem {
  background: #40394a;
  padding: 6px 14px;
  border-radius: 2px;
  color: #7b6c8f;
  font-size: 14px;
  right: 5px !important;
  top: 5px !important;
  height: 60px;
  font-weight: 500;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .columnviewmain .columnviewhroll .columnviewlist .rightpanelaccordion .card .card-header .addnewitem {
    padding: 6px 16px;
    top: 3px !important;
  }
}
.columnviewmain .columnviewhroll .columnviewlist .rightpanelaccordion .card .card-header .savenewitem {
  background: #7800ff;
  color: #fff;
  height: 50px;
  line-height: 40px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .columnviewmain .columnviewhroll .columnviewlist .rightpanelaccordion .card .card-header .savenewitem {
    padding: 7px 16px;
  }
}
.columnviewmain .columnviewhroll .columnviewlist .rightpanelaccordion .card .card-header .stagecreated .lcCount {
  background: rgba(0, 0, 0, 0.35);
}
.columnviewmain .columnviewhroll .columnviewlist .rightpanelaccordion .card .card-header .stagecreated .savedlistname {
  color: #fff;
  font-weight: 600;
  background: #40394a;
  display: block;
  padding: 16.75px 55px 16.75px 13px;
  border-left: 5px solid #7800ff;
  border-radius: 2px;
  width: 100%;
}
.columnviewmain .columnviewhroll .columnviewlist .rightpanelaccordion .card .card-header .stagecreated .rightoptionsdropdown {
  top: 12px;
}
.columnviewmain .columnviewhroll .columnviewlist .rightpanelaccordion .card .card-header .stagecreated .phaseCountBg,
.columnviewmain .columnviewhroll .columnviewlist .rightpanelaccordion .card .card-header .stagecreated .crCountBg {
  background: #201430;
}
.columnviewmain .columnviewhroll .columnviewlist .rightpanelaccordion .card .card-header .stagecreated .savedinnerlistname {
  background: #40394a;
  border: none;
  border-left: 5px solid #7800ff;
  padding: 16.75px 13px;
  padding-right: 50px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  width: 100%;
}
.columnviewmain .columnviewhroll .columnviewlist .rightpanelaccordion .card .card-header .stagecreated.main-step1.selected .savedlistname {
  background: #7800ff !important;
  color: #FFFFFF;
}
.columnviewmain .columnviewhroll .columnviewlist .rightpanelaccordion .card .card-header .stagecreated.main-step2.selected .savedinnerlistname, .columnviewmain .columnviewhroll .columnviewlist .rightpanelaccordion .card .card-header .stagecreated.main-step3.selected .savedinnerlistname {
  background: #7800ff !important;
  color: #FFFFFF;
  border-left: 5px solid #7800ff !important;
}
.columnviewmain .columnviewhroll .columnviewlist .rightpanelaccordion .card .card-header .createphase input,
.columnviewmain .columnviewhroll .columnviewlist .rightpanelaccordion .card .card-header .creatingphase input {
  border: none;
  border-left: 5px solid var(--Foreground_Tertiary);
  color: var(--Input_Filled) !important;
  background: var(--Background_Secondary) !important;
  height: 56px;
}
.columnviewmain .columnviewhroll .columnviewlist .rightpanelaccordion .card .card-header .createphase input:focus,
.columnviewmain .columnviewhroll .columnviewlist .rightpanelaccordion .card .card-header .creatingphase input:focus {
  border-left: 5px solid #40394a !important;
  color: var(--Input_Filled) !important;
  background: var(--Background_Secondary) !important;
  border: solid 1px #7800ff !important;
}
.columnviewmain .columnviewhroll .columnviewlist .rightpanelaccordion .card .card-header .createphase input:hover, .columnviewmain .columnviewhroll .columnviewlist .rightpanelaccordion .card .card-header .createphase input:active, .columnviewmain .columnviewhroll .columnviewlist .rightpanelaccordion .card .card-header .createphase input:visited,
.columnviewmain .columnviewhroll .columnviewlist .rightpanelaccordion .card .card-header .creatingphase input:hover,
.columnviewmain .columnviewhroll .columnviewlist .rightpanelaccordion .card .card-header .creatingphase input:active,
.columnviewmain .columnviewhroll .columnviewlist .rightpanelaccordion .card .card-header .creatingphase input:visited {
  color: var(--Input_Filled) !important;
  background: var(--Background_Secondary) !important;
}
.columnviewmain .columnviewhroll .columnviewlist .rightpanelaccordion .card .card-header .innerlistphase {
  margin-left: 20px;
}

/**** Help Icon Div ***/
.helpslider {
  height: 100%;
  width: 50%;
  position: fixed;
  z-index: 100;
  top: 78px;
  right: 0;
  border-radius: 0px;
  -webkit-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  display: none;
  background: #201430;
  padding: 60px 40px;
}
.helpslider.open {
  display: block;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.helpslider .CloseHelpslider {
  position: relative;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .helpslider .CloseHelpslider {
    background-color: #201430;
  }
}
.helpslider .CloseHelpslider::after {
  position: absolute;
  top: -20px;
  left: -10px;
  height: 20px;
  width: 20px;
  background: url("../images/close-icon.png") no-repeat;
  content: "";
  background-size: 100%;
  opacity: 0.8;
}
.helpslider .helperinner {
  height: calc(100% - -20px);
  overflow-y: auto;
  overflow-x: hidden;
  /*** Life cycle Stages List ***/
}
.helpslider .helperinner .acadamy-txt {
  font-size: 16px;
  color: #7800ff;
  margin: 20px 0;
}
.helpslider .helperinner .helper-heading {
  font-size: 30px;
  font-weight: 600;
}
.helpslider .helperinner .helper-txt {
  font-size: 20px;
  margin: 20px 0;
}
.helpslider .helperinner .lifecyclestageslist {
  margin: 50px 0 20px;
  width: 94%;
}
.helpslider .helperinner .lifecyclestageslist li {
  margin: 10px 0;
  background: #362749;
  border-radius: 2px;
  border: 1px solid #362749;
}
.helpslider .helperinner .lifecyclestageslist li:nth-child(2) {
  margin-left: 20px;
}
.helpslider .helperinner .lifecyclestageslist li:last-child {
  margin-left: 30px;
}
.helpslider .helperinner .lifecyclestageslist li .lcleft {
  background: #201430;
  padding: 15px;
  text-align: center;
  margin: 0px;
}
.helpslider .helperinner .lifecyclestageslist li .lcleft img {
  width: 48px;
  height: 48px;
  margin: 10px;
}
.helpslider .helperinner .lifecyclestageslist li .lcright {
  padding: 5px 0;
}
.helpslider .helperinner .lifecyclestageslist li .lcright h5 {
  font-size: 18px;
  margin: 5px 0;
}
.helpslider .helperinner .lifecyclestageslist li .lcright p {
  font-size: 14px;
  margin: 0px;
}
.helpslider .helperinner .characterlimittxt {
  margin: 50px 0;
}
.helpslider .helperinner .characterlimittxt li {
  display: inline-block;
  text-align: center;
  width: 49%;
}
.helpslider .helperinner .characterlimittxt li span {
  height: 50px;
  width: 50px;
  background: #7800ff;
  border-radius: 2px;
  padding: 10px;
  margin-right: 10px;
}
.helpslider .helperinner .characterlimittxt li span i {
  color: #fff;
  font-size: 16px;
}
.helpslider .helperinner .characterlimittxt li:last-child span i {
  color: #e86671;
}

.rightpanel-inner {
  width: 100%;
}
.rightpanel-inner a {
  display: inline-block;
  color: #fff;
  font-size: 14px;
}
.rightpanel-inner a.close-layer {
  padding: 5px;
  float: left;
}
.rightpanel-inner a.close-layer:hover {
  opacity: 0.8;
}
.rightpanel-inner a img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  height: 15px;
  width: 15px;
}
.rightpanel-inner a:last-child {
  text-align: right;
  margin: 5px 0;
  float: right;
}

.lifecycleLabel {
  position: absolute;
  top: 0;
  left: 50px;
  width: 84%;
  height: 100%;
  white-space: nowrap;
}
.lifecycleLabel.inputsavefadeout:after {
  position: absolute;
  top: 12px;
  right: 0px;
  width: 30%;
  height: 70%;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 30%;
  height: 100%;
  background-size: 100%;
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(40%, rgba(0, 0, 0, 0)), color-stop(80%, rgba(31, 24, 39, 0.97)), color-stop(100%, #1f1827));
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 40%, rgba(31, 24, 39, 0.97) 80%, #1f1827 100%);
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 40%, rgba(31, 24, 39, 0.97) 80%, #1f1827 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 40%, rgba(31, 24, 39, 0.97) 80%, #1f1827 100%);
}
.lifecycleLabel .modelname,
.lifecycleLabel .lifecycleinput {
  display: inline-block;
}
.lifecycleLabel .lifecycleinput {
  background: #1f1827 !important;
  padding: 10px;
  color: #8f8c91;
  border: none;
  width: 100%;
  height: 100%;
  top: 0px;
  font-size: 13px;
  margin: 1px 0 0 0;
  position: relative;
  font-weight: 600;
  border: none !important;
  outline: none;
}
.lifecycleLabel .lifecycleinput::-webkit-input-placeholder {
  color: #8b93a1;
  font-weight: 600;
}
.lifecycleLabel .lifecycleinput:-moz-placeholder {
  color: #8b93a1;
  font-weight: 600;
}
.lifecycleLabel .lifecycleinput::-moz-placeholder {
  color: #8b93a1;
  font-weight: 600;
}
.lifecycleLabel .lifecycleinput:-ms-input-placeholder {
  color: #8b93a1;
  font-weight: 600;
}

.lcCount, .columnviewmain .columnviewhroll .columnviewlist .rightpanelaccordion .card .card-header .stagecreated .lcCount {
  position: absolute;
  left: 15px;
  bottom: 1px;
  font-size: 10px;
  width: auto;
  padding: 2px 10px;
  border-radius: 20px;
}

.svgContainer {
  width: 100%;
  height: 800px;
  margin: 30px auto 0;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
@media (min-width: 3001px) and (max-width: 5921px) {
  .svgContainer {
    height: 1400px !important;
  }
}
@media (min-width: 1025px) and (max-width: 1499px) {
  .svgContainer {
    height: 640px;
  }
}
.svgContainer.selecteditem {
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin: 30px auto 0;
  padding: 0px 5%;
}
@media (min-width: 992px) and (max-width: 1024px) {
  .svgContainer.selecteditem {
    height: 540px;
  }
}
@media (min-width: 1025px) and (max-width: 1599px) {
  .svgContainer.selecteditem {
    height: 640px;
  }
}

.connectedMapsMainDiv {
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 20px;
  display: none;
}
@media (min-width: 3021px) and (max-width: 5921px) {
  .connectedMapsMainDiv {
    max-height: 90%;
  }
}
@media (min-width: 576px -256) and (max-width: 768px) {
  .connectedMapsMainDiv {
    overflow: inherit;
  }
}
.connectedMapsMainDiv.show {
  display: block;
}
.connectedMapsMainDiv .allmilkymapslist {
  /*	margin: 30px auto !important;*/
  padding: 40px 50px;
}
.svgContainer .stageCircle.selected,
.svgContainer .phaseCircle.selected {
  cursor: pointer;
  stroke: #fff;
  stroke-width: 15;
}
.svgContainer .stageText.selected,
.svgContainer .phaseText.selected {
  fill: #000;
}
.svgContainer .phaseCircle.selected {
  stroke-width: 25;
  stroke: #fff;
}
.svgContainer .crOuterselected.selected {
  stroke: #fff;
  stroke-width: 40px;
}
.svgContainer .crText.selected {
  fill: #000;
}

.svgContainer .selected,
.svgContainer:hover,
.svgContainer.selected,
.svgContainer:hover,
.svgContainer text.selected,
.svgContainer text:hover {
  cursor: pointer;
}

.noscrollclass {
  overflow: hidden;
}
@media (min-width: 1024px) and (max-width: 1399px) {
  .noscrollclass {
    overflow: hidden;
  }
}
@media (min-width: 576px -256) and (max-width: 768px) {
  .noscrollclass {
    overflow: inherit;
  }
}

.mapsuserselect {
  margin: 0 0 10px 0;
}
.mapsuserselect .bootstrap-select {
  background: transparent;
}
.mapsuserselect .bootstrap-select .dropdown-toggle {
  padding: 5px 6px;
  font-size: 12px;
}

body.lifecycleListView {
  overflow: auto !important;
}

.usersettingdashboard .lifecycleMainHead {
  position: fixed;
  top: 75px;
  z-index: 9;
  background: #110a1a;
  width: 100%;
}
.usersettingdashboard .lifecycleMainHead .setting-title,
.usersettingdashboard .lifecycleMainHead .addNewLifeCycle {
  float: left !important;
}
.usersettingdashboard .lifecycleMainHead .addNewLifeCycle {
  margin: 27px 20px;
}
.usersettingdashboard .lifecycleboxes {
  padding-top: 60px;
}

.widgetModal {
  position: absolute;
  width: 29%;
  right: 0px;
  top: 0px;
  z-index: 1000;
  background: #3f3449;
  overflow: hidden;
  padding: 0px;
  max-height: 100% !important;
}
.widgetModal .topFixedWidget {
  height: 160px;
  box-shadow: 0 4px 6px 0px rgba(17, 10, 26, 0.6);
  width: 100%;
  z-index: 1000;
  height: 160px;
  background: #3f3449;
  position: absolute;
}
.widgetModal .topFixedWidget.LifeCycleWidgetTopSpace {
  height: 120px !important;
}
.widgetModal .topFixedWidget .infoRow {
  height: 50px;
  line-height: 15px;
  color: #fff;
  padding: 20px 24px;
  box-shadow: 0 4px 6px 0px rgba(17, 10, 26, 0.6);
  font-size: 12px;
  font-weight: 700;
}
.widgetModal .topFixedWidget .infoRow span.closeSearch {
  position: absolute;
  right: 10px;
  top: 11px;
  width: 30px;
  height: 30px;
  line-height: 27px;
  text-align: center;
  border-radius: 50%;
  font-size: 22px;
  font-weight: 400;
  cursor: pointer;
}
.widgetModal .topFixedWidget .infoRow span.closeSearch:hover {
  background: #1f1829;
}

.widgetTabs {
  padding: 0px 24px;
}
.widgetTabs .nav-tabs {
  border-bottom: 1px solid #000;
  width: 100%;
  padding-top: 17px;
  margin-bottom: 17px;
}
.widgetTabs .nav-tabs .nav-item a {
  color: #c2b8d0;
  font-size: 13px;
  padding: 0px 0px 10px 0px;
  margin-left: 0px;
  margin-right: 30px;
  border: none !important;
  position: relative;
  font-weight: 600;
}
.widgetTabs .nav-tabs .nav-item a.nav-link.active {
  background-color: transparent;
  border-color: transparent;
  color: #fff;
}
.widgetTabs .nav-tabs .nav-item a.nav-link.active:before {
  position: absolute;
  width: 100%;
  bottom: 9px;
  height: 2px;
  background: white;
  content: "";
  opacity: 1;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  -moz-transition: opacity 0.3s, -moz-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(10px);
}
.widgetTabs .nav-tabs .nav-item a.nav-link:hover {
  border: none !important;
}
.widgetTabs .nav-tabs .nav-item a.nav-link:hover:before {
  position: absolute;
  width: 100%;
  bottom: 9px;
  height: 2px;
  background: white;
  content: "";
  opacity: 1;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  -moz-transition: opacity 0.3s, -moz-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(10px);
}

.switchToggledit {
  padding: 0px 24px;
  font-size: 13px;
  color: #fff;
  line-height: 19px;
  display: inline-block;
}
.switchToggledit .btn-toggle {
  background-color: #110a1a;
  width: 38px;
  height: 19px;
  border: solid 1px #000;
  border-radius: 39px;
  margin-right: 13px;
  position: relative;
}
.switchToggledit .btn-toggle.active {
  background-color: #7800ff;
  width: 38px;
  height: 19px;
  border: solid 1px #000;
  border-radius: 39px;
}
.switchToggledit .btn-toggle.active {
  transition: background-color 0.25s;
}
.switchToggledit .btn-toggle.active:before {
  opacity: 0.5;
}
.switchToggledit .btn-toggle:before,
.switchToggledit .btn-toggle:after {
  line-height: 1.5rem;
  width: 4rem;
  text-align: center;
  font-weight: 600;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: absolute;
  bottom: 0;
  transition: opacity 0.25s;
}
.switchToggledit .btn-toggle:before {
  content: "";
  left: 0px;
}
.switchToggledit .btn-toggle > .handle {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background: #5a4f65;
  transition: left 0.25s;
}
.switchToggledit .btn-toggle.active > .handle {
  left: 19px;
  transition: left 0.25s;
  background: #fff;
}
.switchToggledit .widgetbtnleft {
  float: left;
  margin: 5px 0px;
}
.switchToggledit .widgetbtnleft span.editSpan {
  float: right;
  padding-top: 2px;
}
.switchToggledit .widgetbtnright {
  float: right;
}
.switchToggledit .widgetdropdownleft {
  float: left;
  width: 200px;
  margin: 5px 0px;
}
.switchToggledit .widgetdropdownleft .selectArrowMain .form-control {
  border-radius: 5px !important;
  margin-top: -5px;
}
.switchToggledit .widgetdropdownleft .selectArrowMain .bootstrap-select .dropdown-toggle:after {
  right: 16px;
  top: 2px;
  border: none !important;
}
.switchToggledit .widgetdropdownleft .selectArrowMain .bootstrap-select .dropdown-menu {
  min-width: 100% !important;
}
.switchToggledit .widgetdropdownleft .selectArrowMain .bootstrap-select .dropdown-menu .bs-actionsbox,
.switchToggledit .widgetdropdownleft .selectArrowMain .bootstrap-select .dropdown-menu .bs-donebutton,
.switchToggledit .widgetdropdownleft .selectArrowMain .bootstrap-select .dropdown-menu .bs-searchbox {
  padding: 0px 0px;
  background: transparent !important;
}
.switchToggledit .widgetdropdownleft .selectArrowMain .bootstrap-select .dropdown-menu .bs-actionsbox button,
.switchToggledit .widgetdropdownleft .selectArrowMain .bootstrap-select .dropdown-menu .bs-donebutton button,
.switchToggledit .widgetdropdownleft .selectArrowMain .bootstrap-select .dropdown-menu .bs-searchbox button {
  background: transparent !important;
  border: none;
  width: auto;
  text-align: left;
}

.usersettingdashboard .lifecycleMainHead {
  position: fixed;
  top: 50px;
  z-index: 9;
  background: #110a1a;
  width: 100%;
}
.usersettingdashboard .lifecycleMainHead .setting-title,
.usersettingdashboard .lifecycleMainHead .addNewLifeCycle {
  float: left !important;
}
.usersettingdashboard .lifecycleMainHead .addNewLifeCycle {
  margin: 27px 20px;
}
.usersettingdashboard .lifecycleboxes {
  padding-top: 60px;
}

.widgetscroll {
  padding-top: 160px;
}
.widgetscroll.widgetJourneyScroll {
  padding-top: 120px !important;
}

.tab-content .tab-pane.widget-pane {
  padding: 24px;
}
.tab-content .tab-pane .widgetMarign {
  margin-left: -7.5px;
  margin-right: -7.5px;
}
.tab-content .tab-pane .widgetMarign .col-6.widgetBoxMain {
  padding-left: 7.5px;
  padding-right: 7.5px;
  margin-bottom: 15px;
}
.tab-content .tab-pane .widgetMarign .col-6.widgetBoxMain .widgetDispayBox {
  background: #110a1a;
  min-width: 187px;
}
.tab-content .tab-pane .widgetMarign .col-6.widgetBoxMain .widgetDispayBox:hover .lc_widget_menu {
  visibility: visible !important;
}
.tab-content .tab-pane .widgetMarign .col-6.widgetBoxMain .widgetDispayBox .widgetHeading {
  height: 30px;
  border-bottom: solid 2px #3f3449;
  position: relative;
}
.tab-content .tab-pane .widgetMarign .col-6.widgetBoxMain .widgetDispayBox .widgetHeading p {
  text-align: center;
  margin: 0px;
  padding: 0px 30px;
  font-size: 12px;
  line-height: 30px;
  font-weight: 600;
  font-family: "Roboto Mono", monospace;
  color: #7b6c8f;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.tab-content .tab-pane .widgetMarign .col-6.widgetBoxMain .widgetDispayBox .widgetHeading p span.milkyDotsmenu {
  width: 30px;
  height: 28px;
  top: 0px;
  right: 0px;
}
.tab-content .tab-pane .widgetMarign .col-6.widgetBoxMain .widgetDispayBox .widgetHeading p span.milkyDotsmenu img {
  width: 6px;
  margin-top: 0px;
}
.tab-content .tab-pane .widgetMarign .col-6.widgetBoxMain .widgetDispayBox .widgetHeading p span.milkyDotsmenu .dropdown span {
  width: 30px;
  height: 28px;
  display: block;
  margin-top: 0px;
  margin-left: 0px;
}
.tab-content .tab-pane .widgetMarign .col-6.widgetBoxMain .widgetDispayBox .widgetHeading p span.milkyDotsmenu .dropdown-menu {
  z-index: 100;
  background: #26202e;
  padding: 0px;
  border-radius: 0px;
  right: 0px !important;
  left: -58px !important;
  transform: translate3d(-50px, 0px, 0px) !important;
}
.tab-content .tab-pane .widgetMarign .col-6.widgetBoxMain .widgetDispayBox .widgetHeading p span.milkyDotsmenu .dropdown-menu a {
  padding: 0px 8px;
}
.tab-content .tab-pane .widgetMarign .col-6.widgetBoxMain .widgetDispayBox .widgetData {
  padding: 21px;
}
.tab-content .tab-pane .widgetMarign .col-6.widgetBoxMain .widgetDispayBox .widgetData .personBox {
  height: 47px;
  background: #3f3449;
  border-radius: 10px;
  box-shadow: 0px 3px 10px #000000;
  padding: 11px;
}
.tab-content .tab-pane .widgetMarign .col-6.widgetBoxMain .widgetDispayBox .widgetData .personBox .userImg {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  position: absolute;
}
.tab-content .tab-pane .widgetMarign .col-6.widgetBoxMain .widgetDispayBox .widgetData .personBox .userImg img {
  width: 25px;
  height: 25px;
  object-fit: cover;
  box-shadow: 0px 0px 4px #000000;
  border-radius: 50%;
}
.tab-content .tab-pane .widgetMarign .col-6.widgetBoxMain .widgetDispayBox .widgetData .personBox .userName {
  font-size: 12px;
  position: relative;
  width: 100%;
  display: inline-block;
  padding-left: 30px;
  white-space: nowrap;
  overflow: hidden;
  line-height: 27px;
}
.tab-content .tab-pane .widgetMarign .col-6.widgetBoxMain .widgetDispayBox .widgetData .insightsBox {
  height: auto !important;
  padding: 21px;
}
@media (min-width: 1600px) and (max-width: 1749px) {
  .tab-content .tab-pane .widgetMarign .col-6.widgetBoxMain .widgetDispayBox .widgetData .insightsBox {
    padding: 16px 16px 20px 16px !important;
  }
}
.tab-content .tab-pane .widgetMarign .col-6.widgetBoxMain .widgetDispayBox .widgetData .insightsBox .userIcon {
  position: relative;
  display: inline-block;
  padding-left: 32px;
  white-space: nowrap;
  overflow: hidden;
  line-height: 25px;
}
.tab-content .tab-pane .widgetMarign .col-6.widgetBoxMain .widgetDispayBox .widgetData .insightsBox .userIcon .insightsIocn {
  background: #110a1a;
  border-radius: 100px;
  font-size: 13px;
  padding: 0px 15px;
  display: inline-block;
}
.tab-content .tab-pane .widgetMarign .col-6.widgetBoxMain .widgetDispayBox .widgetData .insightsBox .userIcon .insightsIocn i {
  margin-right: 5px;
}
.tab-content .tab-pane .widgetMarign .col-6.widgetBoxMain .widgetDispayBox .widgetData .insightsBox .userIcon .insightsIocn img {
  margin-right: 8px;
}
.tab-content .tab-pane .widgetMarign .col-6.widgetBoxMain .widgetDispayBox .widgetData .insightsBox .insiteData {
  font-size: 13px;
  height: auto !important;
  overflow: hidden;
  line-height: 18px;
  width: 100%;
  margin-bottom: 10px;
  text-align: left;
}
.tab-content .tab-pane .widgetMarign .col-6.widgetBoxMain.ghost {
  position: relative;
  z-index: 1;
}
.tab-content .tab-pane .widgetMarign .col-6.widgetBoxMain.ghost::after {
  position: absolute;
  left: 0px;
  right: 0px;
  content: "";
  margin: 0 auto;
  text-align: center;
  z-index: 2;
  background: rgba(120, 0, 255, 0.8);
  height: 100%;
  top: 0px;
  bottom: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: FontAwesome;
  font-size: 46px;
  color: #fff;
}

.mt-addWidget {
  margin-top: 12px;
}

.global-btn-sm.lcmodaladd {
  margin: 0px;
  padding: 4px 14px;
  line-height: 20px;
}
.global-btn-sm.lcmodaladd span {
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  height: 12px;
  width: 12px;
}
.global-btn-sm.lcmodaladd span.add-icon {
  background: url("/bundles/map/images/add-icon.svg") no-repeat;
  background-size: 100%;
}
.global-btn-sm.lcmodaladd:hover span.add-icon {
  background: url("/bundles/map/images/add-icon-hover.svg") no-repeat;
  background-size: 100%;
}

.addwidgetFullmodal {
  box-shadow: none !important;
  background: #110a1a !important;
  border: 1px dashed #7b6c8f !important;
  width: 100% !important;
}
.addwidgetFullmodal span {
  margin-right: 0px !important;
}
.addwidgetFullmodal span.add-icon {
  background: url("/bundles/map/images/add-icon-hover.svg") no-repeat !important;
  background-size: 100%;
}
.addwidgetFullmodal:hover {
  background: #7801FF !important;
  border: 1px dashed #a294b5 !important;
}

.insightUserheight {
  height: 27px;
}

.widgetStatuslifecycle {
  margin-bottom: 0px;
  display: inline-block;
}

.widgetStatuslifecycle span:nth-child(1) {
  float: left;
}
.widgetStatuslifecycle span:nth-child(1) img {
  height: 10px !important;
  width: 11px !important;
  float: left;
  margin-right: 5px;
}

.widgetStatuslifecycle span:nth-child(2) {
  float: right;
}
.m-0 {
  margin: 0px !important;
}

.widgetpadding {
  padding-left: 7.5px;
  padding-right: 7.5px;
}

.tab-pane .allmilkymapslist .subtitle {
  font-size: 12px !important;
  margin-bottom: 10px !important;
}
.tab-pane .allmilkymapslist .mmboxinner {
  padding: 2px !important;
  background: #110a1a !important;
}
.tab-pane .allmilkymapslist .mmboxinner .mmboxinner-bottom {
  padding: 18px !important;
}

.cxLifecyleheadpopup {
  font-size: 10px;
  color: #fff;
  padding: 5px;
  display: inline-block;
  background: #3f3449;
  margin-top: 10px;
}

.userDropdownLifecycle {
  margin-bottom: 10px;
}
.userDropdownLifecycle select.selectpicker {
  display: block !important;
  display: block !important;
  background: #3f3449;
  color: #fff;
  border: solid 1px #3f3449;
  height: 30px !important;
  padding: 0px 5px;
  font-size: 12px;
  border-radius: 0px;
}
.userDropdownLifecycle select.selectpicker:focus {
  box-shadow: none;
  outline: none;
}

.tab-pane .allmilkymapslist .mmboxinner .mmboxinner-bottom .mmbox-createdtime {
  margin-bottom: 15px !important;
}

.lifecycleWidgetspace {
  width: calc(100% - 0%) !important;
}

.lifecycleWidgetheaderSpace {
  width: calc(100% - 29%) !important;
}

.noWidgetJourneybox {
  height: 60px;
  border: 1px solid #5a4f65;
  width: 100%;
  font-size: 13px;
  color: #c2b8d0;
  text-align: center;
  line-height: 60px;
  padding: 0px;
}
.noWidgetJourneybox p {
  margin: 0px;
}
.noWidgetJourneybox.innerMargin {
  margin: 0px 7.5px;
}

.selectedSegement {
  background: #000 !important;
}

.svgContainer .selectedSegement .stageCircle.selected,
.svgContainer .selectedSegement .phaseCircle.selected,
.svgContainer .selectedSegement .stageCircle,
.svgContainer .selectedSegement .phaseCircle {
  stroke: #28d66d !important;
}

.svgContainer .selectedSegement .stageText.selected,
.svgContainer .selectedSegement .phaseText.selected,
.svgContainer .selectedSegement .stageText,
.svgContainer .selectedSegement .phaseText {
  fill: #000;
}

.svgContainer .selectedSegement .selected.CRrect,
.svgContainer .selectedSegement .CRrect {
  fill: #28d66d;
  stroke-width: 1;
  stroke: #0d7c39;
}

.svgContainer .selectedSegement .selected.crText,
.svgContainer .selectedSegement .crText {
  fill: #000;
}

.dahsboardFilter {
  margin-top: -37px;
}
.dahsboardFilter .dropdown-toggle:focus, .dahsboardFilter .dropdown-toggle:active, .dahsboardFilter .dropdown-toggle:visited {
  outline: none !important;
  box-shadow: none !important;
}
.dahsboardFilter .dropdown-toggle::after {
  border-top: 0 solid;
  border-right: 0 solid transparent;
  border-bottom: 0;
  border-left: 0 solid transparent;
  content: "";
  font-family: FontAwesome;
  position: absolute;
  right: 15px;
  top: 13px;
  font-size: 13px;
}
.dahsboardFilter .dropdown-menu.show {
  margin-top: -1px !important;
}
.dahsboardFilter .dropdown-menu .bs-searchbox {
  background: #26202e;
  padding: 6px 8px;
  border-top: solid 1px #000;
}
.dahsboardFilter .dropdown-menu .bs-searchbox input {
  padding: 3px 5px !important;
  box-shadow: none !important;
  height: 30px !important;
  border-radius: 0px;
  background: #2d2637 !important;
  border: solid 1px #110a1a !important;
}
.dahsboardFilter .dropdown-menu .bs-searchbox input:focus {
  border: solid 1px #7800ff !important;
}
.dahsboardFilter .dropdown-menu ul li a {
  color: #fff;
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.dahsboardFilter ul {
  margin-top: 0px !important;
}
.dahsboardFilter ul li a {
  padding-left: 5px;
  padding-right: 5px;
}

.widgetModal.lc-contact-reasonmodal {
  width: 75%;
}
@media (min-width: 1199px) and (max-width: 1499px) {
  .widgetModal.lc-contact-reasonmodal {
    width: 80%;
  }
}
.widgetModal.lc-contact-reasonmodal .topFixedWidget {
  height: 50px;
  box-shadow: none;
}
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll {
  padding: 71px 20px 20px 20px !important;
  overflow-y: auto;
}
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row {
  background: #110a1a;
  height: auto;
  width: 100%;
  margin-bottom: 7px;
  cursor: default;
  position: relative;
}
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row.thead {
  background: transparent !important;
}
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner {
  width: 100%;
  position: relative;
  padding-left: 0px;
}
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main {
  padding-left: 0px;
  padding-right: 0px;
  border: solid 0px #1f1829;
}
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table {
  margin: 0px;
}
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr td,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr th,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr td,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr th {
  padding: 10px;
  font-size: 12px;
  border: none;
  vertical-align: middle;
}
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr td.kpi-deltahover span.delta-value-range,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr th.kpi-deltahover span.delta-value-range,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr td.kpi-deltahover span.delta-value-range,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr th.kpi-deltahover span.delta-value-range {
  font-size: 14px;
  font-weight: 700;
  padding: 2px 10px;
  border-radius: 100px;
  float: left;
  margin-bottom: 2px;
  cursor: pointer;
  position: relative;
}
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr td.kpi-deltahover span.delta-value-range::after,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr th.kpi-deltahover span.delta-value-range::after,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr td.kpi-deltahover span.delta-value-range::after,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr th.kpi-deltahover span.delta-value-range::after {
  content: ",";
  position: absolute;
  right: 2px;
}
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr td.kpi-deltahover span.delta-value-range:nth-last-child(1)::after,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr th.kpi-deltahover span.delta-value-range:nth-last-child(1)::after,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr td.kpi-deltahover span.delta-value-range:nth-last-child(1)::after,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr th.kpi-deltahover span.delta-value-range:nth-last-child(1)::after {
  content: "" !important;
}
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr td.kpi-deltahover span.delta-value-range:hover,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr th.kpi-deltahover span.delta-value-range:hover,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr td.kpi-deltahover span.delta-value-range:hover,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr th.kpi-deltahover span.delta-value-range:hover {
  background: #7801FF;
}
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr td.kpi-deltahover span.delta-value-range:hover::after,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr th.kpi-deltahover span.delta-value-range:hover::after,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr td.kpi-deltahover span.delta-value-range:hover::after,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr th.kpi-deltahover span.delta-value-range:hover::after {
  content: "" !important;
}
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr td.kpi-deltahover span.delta-value-range:hover .kpiWidget-Display,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr th.kpi-deltahover span.delta-value-range:hover .kpiWidget-Display,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr td.kpi-deltahover span.delta-value-range:hover .kpiWidget-Display,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr th.kpi-deltahover span.delta-value-range:hover .kpiWidget-Display {
  display: block;
  margin-top: 10px;
}
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr td.kpi-deltahover span.delta-value-range:hover .kpiWidget-Display::before,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr th.kpi-deltahover span.delta-value-range:hover .kpiWidget-Display::before,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr td.kpi-deltahover span.delta-value-range:hover .kpiWidget-Display::before,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr th.kpi-deltahover span.delta-value-range:hover .kpiWidget-Display::before {
  content: "";
  position: absolute;
  left: 0px;
  top: -15px;
  border-left: solid 15px transparent;
  border-right: solid 15px transparent;
  border-bottom: solid 15px #5a4f65;
  height: 0;
  width: 0;
}
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr td.kpi-deltahover span.delta-value-range:hover .kpiWidget-Display .kpiMainBox,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr th.kpi-deltahover span.delta-value-range:hover .kpiWidget-Display .kpiMainBox,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr td.kpi-deltahover span.delta-value-range:hover .kpiWidget-Display .kpiMainBox,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr th.kpi-deltahover span.delta-value-range:hover .kpiWidget-Display .kpiMainBox {
  width: 160px;
  margin-left: -20px;
}
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr td.kpi-deltahover span.delta-value-range:hover .kpiWidget-Display .kpiMainBox .kpiBoxJournryLevel .kpiWidgetBig,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr th.kpi-deltahover span.delta-value-range:hover .kpiWidget-Display .kpiMainBox .kpiBoxJournryLevel .kpiWidgetBig,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr td.kpi-deltahover span.delta-value-range:hover .kpiWidget-Display .kpiMainBox .kpiBoxJournryLevel .kpiWidgetBig,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr th.kpi-deltahover span.delta-value-range:hover .kpiWidget-Display .kpiMainBox .kpiBoxJournryLevel .kpiWidgetBig {
  background-color: #5a4f65;
}
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr td.kpi-deltahover .kpiWidget-Display,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr th.kpi-deltahover .kpiWidget-Display,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr td.kpi-deltahover .kpiWidget-Display,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr th.kpi-deltahover .kpiWidget-Display {
  display: none;
  position: absolute;
  z-index: 10;
}
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr td.t-head,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr th.t-head,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr td.t-head,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr th.t-head {
  padding: 10px 10px !important;
  font-size: 12px;
  position: relative;
  vertical-align: top !important;
}
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr td.t-head .delta-icon,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr th.t-head .delta-icon,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr td.t-head .delta-icon,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr th.t-head .delta-icon {
  position: absolute;
  left: -5px;
  top: 11px;
  height: 9px;
  width: 10px;
  background: url(/bundles/map/images/delta-white-icon.svg) no-repeat;
  background-size: 10px 9px !important;
}
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr td.t-head .delta-icon img,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr th.t-head .delta-icon img,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr td.t-head .delta-icon img,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr th.t-head .delta-icon img {
  width: 10px;
}
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr td span.insightactions,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr th span.insightactions,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr td span.insightactions,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr th span.insightactions {
  width: auto;
  border-radius: 100px;
  line-height: 25px;
  font-size: 12px;
  background: #7801FF;
  text-align: center;
  font-weight: 600;
  display: inline-block;
  color: #fff;
  padding-left: 11px;
  padding-right: 11px;
  height: 25px;
  cursor: pointer;
}
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr td span.insightactions img,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr th span.insightactions img,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr td span.insightactions img,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr th span.insightactions img {
  width: 12px;
  height: 12px;
  margin-right: 8px;
}
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr td span.userprofile,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr th span.userprofile,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr td span.userprofile,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr th span.userprofile {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  line-height: 25px;
  background: #64d3b2;
  font-size: 11px;
  text-transform: uppercase;
  color: #000;
  text-align: center;
  font-weight: 700;
  display: inline-block;
}
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr td span.userprofile img,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr th span.userprofile img,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr td span.userprofile img,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr th span.userprofile img {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  object-fit: cover;
}
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr td span.userprofile.profileimg,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr th span.userprofile.profileimg,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr td span.userprofile.profileimg,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr th span.userprofile.profileimg {
  background: transparent !important;
}
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr td p,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr th p,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr td p,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr th p {
  margin: 0px;
  float: left;
  max-width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr td:nth-child(1),
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr th:nth-child(1),
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr td:nth-child(1),
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr th:nth-child(1) {
  width: 20% !important;
  cursor: pointer;
}
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr td:nth-child(1) ul,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr th:nth-child(1) ul,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr td:nth-child(1) ul,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr th:nth-child(1) ul {
  padding: 0px 0px 0px 17px;
}
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr td:nth-child(1) ul li,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr th:nth-child(1) ul li,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr td:nth-child(1) ul li,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr th:nth-child(1) ul li {
  list-style-type: disc !important;
}
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr td:nth-child(1) ol,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr th:nth-child(1) ol,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr td:nth-child(1) ol,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr th:nth-child(1) ol {
  padding: 0px 0px 0px 15px;
}
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr td:nth-child(1) ol li,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr th:nth-child(1) ol li,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr td:nth-child(1) ol li,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr th:nth-child(1) ol li {
  list-style-type: numaric !important;
}
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr td.no-data:nth-child(1),
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr th.no-data:nth-child(1),
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr td.no-data:nth-child(1),
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr th.no-data:nth-child(1) {
  width: 100% !important;
  border: 1px solid #110a1a;
  font-size: 13px;
  color: #c2b8d0;
  text-align: center;
  line-height: 60px;
  padding: 0px;
  background-color: #3f3449;
}
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr td:nth-child(2),
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr th:nth-child(2),
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr td:nth-child(2),
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr th:nth-child(2) {
  width: 11% !important;
}
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr td:nth-child(2) p.channel-data,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr th:nth-child(2) p.channel-data,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr td:nth-child(2) p.channel-data,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr th:nth-child(2) p.channel-data {
  color: #a294b5;
  font-weight: 700;
}
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr td:nth-child(2) p.channel-data.submain,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr th:nth-child(2) p.channel-data.submain,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr td:nth-child(2) p.channel-data.submain,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr th:nth-child(2) p.channel-data.submain {
  color: #fff;
  font-weight: 600;
}
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr td:nth-child(2) p.channel-data.submain span,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr th:nth-child(2) p.channel-data.submain span,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr td:nth-child(2) p.channel-data.submain span,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr th:nth-child(2) p.channel-data.submain span {
  color: #a294b5;
  font-weight: 400;
  font-size: 10px;
  display: block;
}
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr td:nth-child(3),
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr th:nth-child(3),
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr td:nth-child(3),
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr th:nth-child(3) {
  width: 20% !important;
}
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr td:nth-child(3) p.journey-text,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr th:nth-child(3) p.journey-text,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr td:nth-child(3) p.journey-text,
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr th:nth-child(3) p.journey-text {
  color: #a294b5;
}
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr td:nth-child(4),
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr th:nth-child(4),
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr td:nth-child(4),
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr th:nth-child(4) {
  width: 7% !important;
}
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr td:nth-child(5),
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr th:nth-child(5),
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr td:nth-child(5),
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr th:nth-child(5) {
  width: 8% !important;
}
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr td:nth-child(6),
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr th:nth-child(6),
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr td:nth-child(6),
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr th:nth-child(6) {
  width: 10% !important;
}
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr td:nth-child(7),
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr th:nth-child(7),
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr td:nth-child(7),
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr th:nth-child(7) {
  width: 8% !important;
  max-width: 75px;
}
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr td:nth-child(8),
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr th:nth-child(8),
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr td:nth-child(8),
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr th:nth-child(8) {
  width: 8% !important;
  max-width: 75px;
}
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr td:nth-child(9),
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr th:nth-child(9),
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr td:nth-child(9),
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr th:nth-child(9) {
  width: 8% !important;
  max-width: 75px;
}
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row.lc-table-nokpi .lc-table-row-Inner .lc-table-row-Main table tbody tr th:nth-child(1),
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row.lc-table-nokpi .lc-table-row-Inner .lc-table-row-Main table tbody tr td:nth-child(1),
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row.lc-table-nokpi .lc-table-row-Inner .lc-table-row-Main table thead tr th:nth-child(1),
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row.lc-table-nokpi .lc-table-row-Inner .lc-table-row-Main table thead tr td:nth-child(1) {
  width: 25% !important;
  cursor: pointer;
}
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row.lc-table-nokpi .lc-table-row-Inner .lc-table-row-Main table tbody tr th:nth-child(2),
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row.lc-table-nokpi .lc-table-row-Inner .lc-table-row-Main table tbody tr td:nth-child(2),
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row.lc-table-nokpi .lc-table-row-Inner .lc-table-row-Main table thead tr th:nth-child(2),
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row.lc-table-nokpi .lc-table-row-Inner .lc-table-row-Main table thead tr td:nth-child(2) {
  width: 12% !important;
}
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row.lc-table-nokpi .lc-table-row-Inner .lc-table-row-Main table tbody tr th:nth-child(3),
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row.lc-table-nokpi .lc-table-row-Inner .lc-table-row-Main table tbody tr td:nth-child(3),
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row.lc-table-nokpi .lc-table-row-Inner .lc-table-row-Main table thead tr th:nth-child(3),
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row.lc-table-nokpi .lc-table-row-Inner .lc-table-row-Main table thead tr td:nth-child(3) {
  width: 25% !important;
}
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row.lc-table-nokpi .lc-table-row-Inner .lc-table-row-Main table tbody tr th:nth-child(4),
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row.lc-table-nokpi .lc-table-row-Inner .lc-table-row-Main table tbody tr td:nth-child(4),
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row.lc-table-nokpi .lc-table-row-Inner .lc-table-row-Main table thead tr th:nth-child(4),
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row.lc-table-nokpi .lc-table-row-Inner .lc-table-row-Main table thead tr td:nth-child(4) {
  width: 8% !important;
}
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row.lc-table-nokpi .lc-table-row-Inner .lc-table-row-Main table tbody tr th:nth-child(5),
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row.lc-table-nokpi .lc-table-row-Inner .lc-table-row-Main table tbody tr td:nth-child(5),
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row.lc-table-nokpi .lc-table-row-Inner .lc-table-row-Main table thead tr th:nth-child(5),
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row.lc-table-nokpi .lc-table-row-Inner .lc-table-row-Main table thead tr td:nth-child(5) {
  width: 10% !important;
  max-width: 75px;
}
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row.lc-table-nokpi .lc-table-row-Inner .lc-table-row-Main table tbody tr th:nth-child(6),
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row.lc-table-nokpi .lc-table-row-Inner .lc-table-row-Main table tbody tr td:nth-child(6),
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row.lc-table-nokpi .lc-table-row-Inner .lc-table-row-Main table thead tr th:nth-child(6),
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row.lc-table-nokpi .lc-table-row-Inner .lc-table-row-Main table thead tr td:nth-child(6) {
  width: 10% !important;
  max-width: 75px;
}
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row.lc-table-nokpi .lc-table-row-Inner .lc-table-row-Main table tbody tr th:nth-child(7),
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row.lc-table-nokpi .lc-table-row-Inner .lc-table-row-Main table tbody tr td:nth-child(7),
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row.lc-table-nokpi .lc-table-row-Inner .lc-table-row-Main table thead tr th:nth-child(7),
.widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row.lc-table-nokpi .lc-table-row-Inner .lc-table-row-Main table thead tr td:nth-child(7) {
  width: 10% !important;
  max-width: 75px;
}

.dashboard-kpi-select {
  width: 100%;
  float: left;
}
.dashboard-kpi-select .bootstrap-select {
  height: auto !important;
}
.dashboard-kpi-select .bootstrap-select.form-control {
  background: transparent !important;
  box-shadow: none !important;
}
.dashboard-kpi-select .bootstrap-select.form-control:hover, .dashboard-kpi-select .bootstrap-select.form-control:focus, .dashboard-kpi-select .bootstrap-select.form-control:visited, .dashboard-kpi-select .bootstrap-select.form-control:active {
  background: transparent !important;
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
}
.dashboard-kpi-select .bootstrap-select.form-control .dropdown-toggle {
  background: transparent !important;
  box-shadow: none;
  border: none !important;
  white-space: normal !important;
}
.dashboard-kpi-select .bootstrap-select.form-control .dropdown-toggle:active {
  background: transparent !important;
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
}
.dashboard-kpi-select .bootstrap-select.form-control .dropdown-toggle::after {
  border-top: 0 solid;
  border-right: 0 solid transparent;
  border-bottom: 0;
  border-left: 0 solid transparent;
  content: "";
  font-family: FontAwesome;
  position: absolute;
  left: -7px;
  top: -5px;
  font-size: 13px;
  color: #a294b5;
}
.dashboard-kpi-select .bootstrap-select.form-control ul.dropdown-menu {
  background: #271c32;
  border: solid 1px #110a1a;
  border-bottom: solid 0px #110a1a;
}
.dashboard-kpi-select .bootstrap-select.form-control ul.dropdown-menu li {
  background: #271c32;
  border-bottom: solid 1px #110a1a;
}
.dashboard-kpi-select .bootstrap-select.form-control ul.dropdown-menu li a {
  color: #fff;
  white-space: normal !important;
}

.dashboard-lc-tree-block {
  width: 100%;
}
.dashboard-lc-tree-block .lifecycleheader .navbar {
  width: 100%;
}
.dashboard-lc-tree-block .lifecycleheader .navbar .lc-heading {
  padding: 0px;
}
.dashboard-lc-tree-block .lifecycleheader .navbar .lc-heading .lhleft {
  padding: 0px 15px;
}
.dashboard-lc-tree-block.cr-display {
  width: 25%;
}
.dashboard-lc-tree-block.cr-display .lifecycleheader {
  width: 25%;
}
@media (min-width: 1199px) and (max-width: 1499px) {
  .dashboard-lc-tree-block.cr-display .lifecycleheader {
    width: 20%;
  }
}
.dashboard-lc-tree-block.cr-display .lifecycleheader nav {
  width: 100%;
  margin: 0px;
}
.dashboard-lc-tree-block.cr-display .lifecycleheader nav .lc-heading .lhleft a .navbar-brand {
  position: absolute;
  z-index: 100;
  width: 50px;
  left: 15px;
}
.dashboard-lc-tree-block.cr-display .lifecycleheader nav .lc-heading .lhleft a .lifecycleLabel {
  left: 50px;
  width: calc(100% - 50px);
}
.dashboard-lc-tree-block.cr-display .lifecycleheader nav .lc-heading .lhleft a.lifecyclename {
  padding: 0px;
}
.dashboard-lc-tree-block.cr-display .lifecycleheader .lc-heading {
  flex: 0 0 100%;
  max-width: 100%;
}
.dashboard-lc-tree-block.cr-display .lifecycleheader .lc-question {
  flex: 0 0 40px;
  max-width: 40px;
  display: none;
}
.dashboard-lc-tree-block.cr-display .svgContainer {
  width: 100%;
  height: 100%;
  margin-top: 0px;
}
@media (min-width: 1199px) and (max-width: 1499px) {
  .dashboard-lc-tree-block.cr-display {
    width: 20%;
  }
}
.dashboard-lc-tree-block.cr-display .kpi-dropdown-lc {
  float: left;
  width: 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.dashboard-lc-tree-block.cr-display .kpi-dropdown-lc .form-row {
  float: left !important;
}
.dashboard-lc-tree-block.cr-display .kpi-dropdown-lc .seleceted-kpi {
  display: block !important;
}
.dashboard-lc-tree-block.cr-display .lc-dashboard-head {
  float: left;
  width: 100%;
  flex: 0 0 100%;
  max-width: 100%;
  margin-bottom: 10px;
}
.dashboard-lc-tree-block.cr-display .kpi-dropdown-lc {
  margin-bottom: 25px;
}
.dashboard-lc-tree-block.cr-display .kpi-dropdown-lc .form-row {
  width: 100% !important;
}
.dashboard-lc-tree-block.cr-display .legend-block {
  width: 100%;
}
@media (min-width: 1199px) and (max-width: 1499px) {
  .dashboard-lc-tree-block.cr-display .legend-block {
    width: 100%;
  }
}
.dashboard-lc-tree-block.cr-display .legend-block .jumbotron {
  float: left !important;
  width: 100%;
}
.dashboard-lc-tree-block .dashboard-head-block {
  padding-top: 70px;
}
.dashboard-lc-tree-block .dashboard-head-block .kpi-dropdown-lc .form-row {
  width: 500px;
  margin: 0px;
  float: right;
}
.dashboard-lc-tree-block .dashboard-head-block .kpi-dropdown-lc .form-row.seleceted-kpi {
  display: none;
}
.dashboard-lc-tree-block .dashboard-head-block .kpi-dropdown-lc .form-row .form-group .col-4 {
  padding: 0px 25px 0px 0px;
  font-size: 13px;
  margin: 0px;
  line-height: 27px;
}
.dashboard-lc-tree-block .dashboard-head-block .kpi-dropdown-lc .form-row .form-group .col-8 {
  padding: 0px;
}
.dashboard-lc-tree-block .dashboard-head-block .kpi-dropdown-lc .form-row .form-group .col-8 .bootstrap-select .dropdown-toggle {
  background: #3f3449;
}
.dashboard-lc-tree-block .dashboard-head-block .kpi-dropdown-lc .form-row .form-group .col-8 .bootstrap-select .dropdown-toggle::after {
  border-top: 0 solid;
  border-right: 0 solid transparent;
  border-bottom: 0;
  border-left: 0 solid transparent;
  content: "";
  font-family: FontAwesome;
  position: absolute;
  right: 15px;
  top: 5px;
  font-size: 13px;
  color: #fff;
}
.dashboard-lc-tree-block .dashboard-head-block .kpi-dropdown-lc .form-row .form-group .col-8 .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 10px;
}
.dashboard-lc-tree-block .dashboard-head-block .kpi-dropdown-lc .form-row .form-group .col-8 .bootstrap-select .dropdown-menu {
  max-width: 100% !important;
}
.dashboard-lc-tree-block .dashboard-head-block .kpi-dropdown-lc .form-row .form-group .col-8 .bootstrap-select .dropdown-menu .inner ul li a {
  white-space: normal !important;
}
.dashboard-lc-tree-block .dashboard-head-block .kpi-dropdown-lc .form-row.seleceted-kpi p {
  font-size: 13px;
  font-weight: 600;
  margin-top: 10px;
}
.dashboard-lc-tree-block .dashboard-head-block .lc-dashboard-head h1 {
  font-size: 18px;
  font-weight: 600;
  margin: 0px;
  line-height: 28px;
}
.dashboard-lc-tree-block .legend-block .jumbotron {
  padding: 25px;
  background-color: #1d1923;
  border-radius: 0px;
  border: solid 1px #0e0d0f;
  -webkit-box-shadow: 0 0 10px #000;
  box-shadow: 0 0 10px #000;
  width: 370px;
  margin: 0px;
  float: left;
}
.dashboard-lc-tree-block .legend-block .jumbotron p:nth-last-child(1) {
  margin-bottom: 0px;
}
.dashboard-lc-tree-block .legend-block .jumbotron h1 {
  font-size: 18px;
  font-weight: 600;
}
.dashboard-lc-tree-block .legend-block .jumbotron h1 .lc-info-icon {
  float: right;
  width: 25px;
  height: 25px;
  margin: -5px -5px 0px 0px;
}
.dashboard-lc-tree-block .legend-block .jumbotron h1 .lc-info-icon span {
  width: 20px;
  height: 20px;
  display: block;
  background: #7801FF;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  line-height: 17px;
}
.dashboard-lc-tree-block .legend-block .jumbotron h1 .lc-info-icon span:hover {
  background: #944be6;
}
.dashboard-lc-tree-block .legend-block .jumbotron h1 .lc-info-icon span i {
  transform: rotate(180deg);
  font-size: 15px;
  padding-left: 0px !important;
}
.dashboard-lc-tree-block .legend-block .jumbotron p {
  font-size: 13px;
  font-weight: 400;
  position: relative;
  margin-bottom: 10px;
}
.dashboard-lc-tree-block .legend-block .jumbotron p.delta-disc {
  padding-left: 30px;
}
.dashboard-lc-tree-block .legend-block .jumbotron p.delta-disc::before {
  /*-- content: url('/bundles/map/images/exclamation-mark-red.svg');--*/
  content: "";
  position: absolute;
  left: 0px;
  top: 4px;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  background: #f00;
  width: 20px;
  height: 20px;
  line-height: 22px;
  border-radius: 50%;
  text-align: center;
  font-size: 15px;
}
.dashboard-lc-tree-block .legend-block .jumbotron p.data span {
  padding-left: 10px;
}
.dashboard-lc-tree-block .svgContainer {
  width: 800px;
  height: 800px;
  margin-top: 0px;
}

.insightDatatable.inSightEditmapmodal.lc-dashboard-actions-modal table tbody tr td:nth-child(1) {
  width: 31%;
}
.insightDatatable.inSightEditmapmodal.lc-dashboard-actions-modal table tbody tr td:nth-child(9) {
  width: 4%;
}
.insightDatatable.inSightEditmapmodal.lc-dashboard-Mots-modal {
  padding-top: 0px;
}

.no-widgets {
  border: solid 1px #3f3449;
  padding: 50px;
}
.no-widgets p {
  margin: 0px;
  font-size: 13px;
  font-weight: 400;
}

.dashboard-lc-select .bootstrap-select .dropdown-toggle {
  background: #110a1a !important;
}
.dashboard-lc-select .bootstrap-select .dropdown-toggle::after {
  border-top: 0 solid;
  border-right: 0 solid transparent;
  border-bottom: 0;
  border-left: 0 solid transparent;
  content: "";
  font-family: FontAwesome;
  position: absolute;
  right: 15px;
  top: 5px;
  font-size: 13px;
  color: #fff;
}

.lc-settings {
  padding-top: 35px;
}
.lc-settings h6 {
  font-size: 15px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: solid 1px #5a4f65;
}
.lc-settings .subhead h5 {
  font-size: 13px;
  padding-bottom: 3px;
  font-weight: 600;
  margin: 0px;
}
.lc-settings .subhead p {
  font-size: 12px;
  font-weight: 400;
  color: #c2b8d0;
}
.lc-settings .subhead .bootstrap-select .dropdown-toggle {
  background: #110a1a;
}
.lc-settings .subhead .bootstrap-select .dropdown-toggle::after {
  border-top: 0 solid;
  border-right: 0 solid transparent;
  border-bottom: 0;
  border-left: 0 solid transparent;
  content: "";
  font-family: FontAwesome;
  position: absolute;
  right: 15px;
  top: 5px;
  font-size: 13px;
  color: #fff;
}
.lc-settings .subhead .switch {
  float: right;
}
.lc-settings .subhead .switch .switchtoggle .switch input:checked + .slider {
  background-color: #7800ff !important;
}
.lc-settings .subhead .switch .switchtoggle .switch .slider {
  background-color: #110a1a;
}
.lc-settings .subhead .switch .switchtoggle .switch .slider::before {
  background-color: #fff;
}

.color-white {
  color: #fff !important;
}

.global-btn-sm.inactive-btn-sm.cursor-notallow,
.m-button-small.inactive-btn-sm.cursor-notallow {
  cursor: not-allowed !important;
  background: #3f3449 !important;
}
.global-btn-sm.inactive-btn-sm.cursor-notallow:hover,
.m-button-small.inactive-btn-sm.cursor-notallow:hover {
  cursor: not-allowed !important;
  background: #3f3449 !important;
}

.modal.connectedMOT {
  z-index: 1045 !important;
}

.delta-value .text-danger {
  font-size: 12px;
  line-height: 15px;
  color: #f00 !important;
  padding-top: 5px;
}
.delta-value input::-webkit-outer-spin-button,
.delta-value input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.delta-value input[type=number] {
  -moz-appearance: textfield;
}
.delta-value input:focus, .delta-value input:active, .delta-value input:hover {
  border: 1px solid #7800ff !important;
}

.modal.dashboardcontact-tpmodal {
  z-index: 1045 !important;
  top: 0 !important;
  left: 0px;
}
.modal.dashboardcontact-tpmodal .modal-lg {
  margin-top: 0px !important;
  height: 100%;
}
.modal.dashboardcontact-tpmodal .modal-lg .modal-content {
  height: 100%;
}
.modal.dashboardcontact-tpmodal .modal-lg .modal-content .modal-body {
  overflow: hidden;
}
.modal.dashboardcontact-tpmodal .modal-lg .modal-content .modal-body .presntTouchpointclose {
  color: #fff;
  position: absolute;
  right: 5px !important;
  width: 50px;
  height: 50px;
  top: 10px !important;
  z-index: 10;
}
.modal.dashboardcontact-tpmodal .modal-lg .modal-content .modal-body .presntTouchpointclose:focus {
  outline: none;
  border: noone;
}
.modal.dashboardcontact-tpmodal .modal-lg .modal-content .modal-body .presntTouchpointclose span {
  position: unset !important;
  right: 0;
  color: #fff;
}
.modal.dashboardcontact-tpmodal .modal-lg .modal-content .modal-body .addImagebody {
  padding-top: 0px;
}
.modal.dashboardcontact-tpmodal .modal-lg .modal-content .modal-body .addImagebody .leftwrapper {
  display: none;
}
.modal.dashboardcontact-tpmodal .modal-lg .modal-content .modal-body .addImagebody .rightwrapper {
  width: 100% !important;
}
.modal.dashboardcontact-tpmodal .modal-lg .modal-content .modal-body .addImagebody .rightwrapper#MainRightContent {
  padding-left: 0px;
  width: 100% !important;
}
@media (min-width: 1199px) and (max-width: 1699px) {
  .modal.dashboardcontact-tpmodal .modal-lg .modal-content .modal-body .addImagebody .rightwrapper#MainRightContent {
    width: 100% !important;
  }
}
.modal.dashboardcontact-tpmodal .modal-lg .modal-content .modal-body .addImagebody .rightwrapper .StickyHeader {
  display: none;
}
.modal.dashboardcontact-tpmodal .modal-lg .modal-content .modal-body .addImagebody .rightwrapper .tp-present-row {
  height: calc(100vh - 0px) !important;
  overflow-y: unset;
  margin-top: 0px;
  padding-bottom: 0px;
}
.modal.dashboardcontact-tpmodal .modal-lg .modal-content .modal-body .addImagebody .rightwrapper .tp-present-row .innerrow-widgets .touchpoint_box-new .widgetArea {
  background: #110a1a;
  display: inline-block;
  width: 100%;
}
.modal.dashboardcontact-tpmodal .modal-lg .modal-content .modal-body .addImagebody .rightwrapper .tp-present-row .innerrow-widgets .touchpoint_box-new .widgetArea.emotionList .emotionBlock a .emotionMoveIcon {
  display: none;
}
.modal.dashboardcontact-tpmodal .modal-lg .modal-content .modal-body .addImagebody .rightwrapper .tp-present-row .innerrow-widgets .touchpoint_box-new .widgetArea .viewPersonaTxt .insightwidgetBoxMain .widgetDispayBox .widgetData .personBox .personaControls {
  display: none;
}
.modal.dashboardcontact-tpmodal .modal-lg .modal-content .modal-body .addImagebody .rightwrapper .tp-present-row .lc-dashboard-journeyDetails {
  display: block;
  display: block;
  padding: 40px 60px 30px 60px;
  box-sizing: border-box;
  width: 100%;
}
.modal.dashboardcontact-tpmodal .modal-lg .modal-content .modal-body .addImagebody .rightwrapper .tp-present-row.collspeTP .tptopSection {
  display: none;
}
.modal.dashboardcontact-tpmodal .modal-lg .modal-content .modal-body .addImagebody .rightwrapper .tp-present-row.collspeTP .lc-dashboard-journeyDetails {
  display: block;
  display: block;
  padding: 40px 0px 40px 0px;
  box-sizing: border-box;
  width: calc(100% - 120px);
  border-bottom: solid 2px #110a1a;
  margin-left: 60px;
}
.modal.dashboardcontact-tpmodal .modal-lg .modal-content .modal-body .addImagebody .rightwrapper .tp-present-row.collspeTP .touchwidgetPresentdata .tpwidgetAreaMainSection {
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  padding: 0px 60px 0px 60px !important;
}
.modal.dashboardcontact-tpmodal .modal-lg .modal-content .modal-body .addImagebody .rightwrapper .tp-present-row.expandTP .lc-dashboard-journeyDetails {
  padding: 40px 60px 0px 60px;
}
.modal.dashboardcontact-tpmodal .modal-lg .modal-content .modal-body .addImagebody .rightwrapper .tp-present-row.expandTP .innerrow-widgets {
  padding-left: 15px !important;
  padding-right: 40px !important;
}
.modal.dashboardcontact-tpmodal .modal-lg .modal-content .modal-body .addImagebody .rightwrapper .tp-present-row.expandTP .tptopSection {
  display: block;
  padding-top: 0px;
  margin: 0px 60px 0px 60px !important;
  width: calc(100% - 120px);
}
.modal.dashboardcontact-tpmodal .modal-lg .modal-content .modal-body .addImagebody .rightwrapper .tp-present-row.expandTP .tptopSection .tpTitle {
  display: none;
}
.modal.dashboardcontact-tpmodal .modal-lg .modal-content .modal-body .addImagebody .rightwrapper .tp-present-row .tpCollaspeExpandArrow {
  left: 17.5px;
  top: 40px;
  z-index: 10;
}
.modal.dashboardcontact-tpmodal .modal-lg .modal-content .modal-body .addImagebody .rightwrapper .tptopSection {
  margin: 0px 60px 0px 60px !important;
}
.modal.dashboardcontact-tpmodal .modal-lg .modal-content .modal-body .addImagebody .rightwrapper .touchwidgetPresentdata .tpwidgetAreaMainSection {
  padding: 0 60px 0 60px !important;
  box-sizing: border-box;
  width: 100%;
}
.modal.dashboardcontact-tpmodal .modal-lg .modal-content .modal-body .addImagebody .rightwrapper .touchwidgetPresentdata .tpwidgetAreaMainSection .row .lanesDrag .width-14 {
  padding: 0px 0px;
  width: 16.6666%;
  margin: 0px !important;
}
.modal.dashboardcontact-tpmodal .modal-lg .modal-content .modal-body .addImagebody .rightwrapper .touchwidgetPresentdata .tpwidgetAreaMainSection .row .lanesDrag .width-14 .widgetArea .formsection .iconListview {
  padding: 15px;
  margin: 0px;
}
.modal.dashboardcontact-tpmodal .modal-lg .modal-content .modal-body .addImagebody .rightwrapper .touchwidgetPresentdata .tpwidgetAreaMainSection .row .lanesDrag .width-14 .widgetArea .formsection .iconListview li {
  margin: 5px 0px;
  width: 100%;
  font-size: 13px;
}
.modal.dashboardcontact-tpmodal .modal-lg .modal-content .modal-body .addImagebody .rightwrapper .touchwidgetPresentdata .tpwidgetAreaMainSection .row .lanesDrag .width-14 .widgetArea .formsection .iconListview li i {
  margin-right: 5px;
}
.modal.dashboardcontact-tpmodal .modal-lg .modal-content .modal-body .addImagebody .rightwrapper .touchwidgetPresentdata .tpwidgetAreaMainSection .row .lanesDrag .width-14 .widgetArea .formsection .connectedKpiWidget {
  float: left;
  width: 100%;
  background: #110a1a;
}
.modal.dashboardcontact-tpmodal .modal-lg .modal-content .modal-body .addImagebody .rightwrapper .touchwidgetPresentdata .tpwidgetAreaMainSection .row .lanesDrag .width-14 .widgetArea .formsection.ListwithFiles ul li i.moveIcon {
  display: none;
}

.tp-present-row .tpCollaspeExpandArrow {
  width: 25px;
  height: 25px;
  background: #3f3449;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  position: absolute;
  left: 65px;
  top: 80px;
  z-index: 2;
}
.tp-present-row .lc-dashboard-journeyDetails {
  display: none;
}
.tp-present-row .lc-dashboard-journeyDetails .tp-head {
  color: #fff;
  font-size: 16px;
}
.tp-present-row .lc-dashboard-journeyDetails .ep-journey-head {
  color: #a294b5;
  font-size: 16px;
}

.error-danger {
  font-size: 12px !important;
  line-height: 15px !important;
  color: #f00 !important;
  padding-top: 5px;
  font-weight: 400 !important;
}

.kpibox-tplist {
  position: absolute;
  width: 160px !important;
}
.kpibox-tplist.kpiMainBox .kpiBoxJournryLevel .kpiWidgetBig {
  background-color: #5a4f65;
}

.usermanagementheader .sidenav-items ul li.loggedin-user .dropdown-menu a:nth-child(1) a {
  display: block;
  width: 100%;
  padding: 15px 8px !important;
}

.mainModal .kpi-filter {
  max-width: 400px;
}

.documentsBlock .formsection .form-row .form-group .lc_files_Widget li .row {
  margin: 0px;
}
.documentsBlock .formsection .form-row .form-group .lc_files_Widget li .row .col-3 {
  flex: 0 0 35px;
  max-width: 35px;
  padding: 0px;
  position: absolute;
}
.documentsBlock .formsection .form-row .form-group .lc_files_Widget li .row .col-3 img {
  width: 35px;
  padding: 5px;
}
.documentsBlock .formsection .form-row .form-group .lc_files_Widget li .row .col-9 {
  flex: 0 0 100%;
  max-width: 100%;
  padding-left: 40px !important;
  padding-right: 5px !important;
}
.documentsBlock .formsection .form-row .form-group .lc_files_Widget li .row .col-9 h5 {
  float: left;
  line-height: 20px;
  width: 100%;
}
.documentsBlock .formsection .form-row .form-group .lc_files_Widget li .row .col-9 small {
  float: left;
  width: 100%;
}
.documentsBlock .formsection .form-row .form-group .lc_files_Widget li .row .m-3dots-menu.docsmenu {
  right: -3px;
  top: auto;
}
.documentsBlock .formsection .form-row .form-group .lc_files_Widget li .row .m-3dots-menu.docsmenu .file-3dots-menu span.menu-icon:hover {
  background: url(/bundles/admin/images/insight-3dots-white-menu.svg) top center no-repeat #2d2637;
}
.documentsBlock .fileswidgetPresentdata ul li .row {
  margin: 0px;
}
.documentsBlock .fileswidgetPresentdata ul li .row .col-2 {
  flex: 0 0 35px;
  max-width: 35px;
  padding: 0px;
  position: absolute;
}
.documentsBlock .fileswidgetPresentdata ul li .row .col-2 img {
  width: 35px;
  padding: 5px;
}
.documentsBlock .fileswidgetPresentdata ul li .row .col-10 {
  flex: 0 0 100%;
  max-width: 100%;
  padding-left: 40px !important;
  padding-right: 5px !important;
}
.documentsBlock .fileswidgetPresentdata ul li .row .col-10 h5 {
  float: left;
  line-height: 20px;
  width: 100%;
}
.documentsBlock .fileswidgetPresentdata ul li .row .col-10 small {
  float: left;
  width: 100%;
}

.mapsuserselect .bootstrap-select .dropdown-toggle:focus {
  outline: none !important;
  box-shadow: none !important;
}
.mapsuserselect .bootstrap-select .dropdown-menu .bs-searchbox {
  background: #26202e;
  padding: 6px 8px;
  border-top: solid 1px #000;
}
.mapsuserselect .bootstrap-select .dropdown-menu .bs-searchbox input {
  padding: 3px 5px !important;
  box-shadow: none !important;
  height: 27px !important;
  border-radius: 0px;
  background: #2d2637 !important;
  border: solid 1px #110a1a !important;
}
.mapsuserselect .bootstrap-select .dropdown-menu .bs-searchbox input:focus {
  border: solid 1px #7800ff !important;
}

.theme-light .mapsuserselect .bootstrap-select .dropdown-menu .bs-searchbox {
  background: #fff;
  border: solid 1px #c5c5c5;
  border-top: solid opx #c5c5c5;
}
.theme-light .mapsuserselect .bootstrap-select .dropdown-menu .bs-searchbox input {
  box-shadow: none !important;
  background: #fff !important;
  border: solid 1px #c5c5c5 !important;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.2) !important;
}
.theme-light .mapsuserselect .bootstrap-select .dropdown-menu .bs-searchbox input:focus {
  border: solid 1px #7800ff !important;
}

.mapowner-height.form-control .dropdown-menu.show {
  max-height: 185px !important;
}
.mapowner-height.form-control .dropdown-menu.show .inner.show {
  max-height: 136px !important;
}

.framework-select-lc {
  min-width: 50px;
  max-width: 300px;
  margin-left: 15px;
  margin-right: 0px;
  height: 100%;
}
.framework-select-lc .form-control {
  margin-top: 10px;
}
.framework-select-lc .form-control.bootstrap-select.mm-select-sm .dropdown-menu {
  top: auto !important;
}
.framework-select-lc p {
  margin: 0px;
  font-size: 13px;
  color: var(--Title);
}
.framework-select-lc p span {
  color: var(--Subtitle);
  font-weight: 700;
  padding-right: 5px;
}

.framework-textfield .lhleft {
  top: 0px !important;
}

.h50 {
  height: 50px;
}

.framework-toggle {
  position: absolute;
  width: 24px !important;
  height: 24px;
  border-radius: 50%;
  text-align: center !important;
  top: 50%;
  margin-top: -12px;
  right: 5px;
  background: #000000;
  z-index: 10;
}
.framework-toggle:hover {
  cursor: pointer;
}

.theme-light .framework-toggle {
  background: #FFFFFF;
}
.theme-light .lcCount, .columnviewmain .columnviewhroll .columnviewlist .rightpanelaccordion .card .card-header .stagecreated .theme-light .lcCount, .theme-light .columnviewmain .columnviewhroll .columnviewlist .rightpanelaccordion .card .card-header .stagecreated .lcCount {
  color: #FFFFFF;
}

.stagemenu.arrowmenu .dropdown {
  top: 50% !important;
  margin-top: -12px;
}
.stagemenu.arrowmenu .dropdown .dropdown-toggle {
  right: 35px !important;
}
.stagemenu.arrowmenu .dropdown .dropdown-menu {
  transform: translate3d(-19px, 10px, 0px) !important;
}
.stagemenu.arrowmenu .dropdown .dropdown-menu.phasedropdown {
  transform: translate3d(-19px, 10px, 0px) !important;
}
.stagemenu.arrowmenu .dropdown:hover {
  cursor: pointer;
}
.stagemenu.crmenu .dropdown {
  top: 50%;
  margin-top: -12px !important;
}
.stagemenu.crmenu .dropdown .dropdown-menu.contactreasonropdown {
  transform: translate3d(10px, 10px, 0px) !important;
}
.stagemenu.crmenu .dropdown:hover {
  cursor: pointer;
}

.columnviewmain .columnviewhroll .columnviewlist .rightpanelaccordion .card .card-header .stagecreated.crmenu .savedinnerlistname {
  padding-right: 30px !important;
}

.lcframeworkmenu {
  width: calc(100% - 29%) !important;
}
.lcframeworkmenu .lifecycleheader {
  width: calc(100% - 29%) !important;
}
.lcframeworkmenu .frameworklc {
  padding-top: 0px !important;
}
.lcframeworkmenu .frameworklc .columnviewhroll {
  padding: 0px !important;
}
.lcframeworkmenu .frameworklc .columnviewmain .columnviewhroll .columnviewlist {
  width: 300px !important;
}

.newItemMain {
  line-height: 46px !important;
  height: 46px !important;
  width: 46px !important;
  padding: 0px !important;
  text-align: center;
}

.editLc.maincontainer {
  padding-top: 50px !important;
}

.frameworklc.maincontainer {
  padding-top: 0px !important;
}
.frameworklc.maincontainer .columnviewmain .columnviewhroll {
  padding: 0px !important;
}

/********************** HeaSignupder Styles ***********************/
/*************** 1. Imports ******************/
/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Mixins ******************/
/********** File Management ***************/
.thumbnail .filemanage_block {
  margin-top: 20px;
}
.thumbnail .filemanage_block .dropdown-toggle {
  color: #876cab;
}
.thumbnail .filemanage_block .dropdown-toggle:after {
  border: none;
}
.thumbnail li {
  list-style: none;
}
.thumbnail li.fileitem {
  margin-bottom: 30px;
}
.thumbnail li .fileset {
  padding: 15px;
  position: relative;
  height: auto;
  margin-bottom: 0px;
  border: 1px solid #524a5e;
  border-radius: 3px;
  height: 250px;
}
.thumbnail li .fileset .image-preview {
  display: block;
  height: 100px;
  line-height: 100px;
  overflow: hidden;
}
.thumbnail li .fileset img {
  max-width: 25%;
  margin: 0 auto;
  object-fit: cover;
}
.thumbnail li .fileset h4 {
  padding: 10px 10px 5px;
  font-size: 24px;
  margin-bottom: 10px;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.thumbnail li .fileset p {
  margin: 0px;
  font-size: 0.8vw;
}
.thumbnail li .fileset a .preview {
  color: #e5eaef;
  margin: 10px 0px;
  display: inline-block;
  font-size: 0.9vw;
}
.thumbnail li .short_options {
  text-align: right;
  position: absolute;
  right: 20px;
  color: #8b93a1;
  font-size: 24px;
  cursor: pointer;
}
.thumbnail li .short_options .select-drop-down {
  padding: 10px 5px;
  min-width: 200px;
}
.thumbnail li .short_options .select-drop-down.dropdown-menu {
  background: #110a1a;
  border: 1px solid #362749;
  margin: 0px;
  padding: 0px;
}
.thumbnail li .short_options .select-drop-down.dropdown-menu li {
  width: 100%;
  border-bottom: 1px solid #362749;
  cursor: pointer;
}
.thumbnail li .short_options .select-drop-down.dropdown-menu li a {
  text-decoration: none;
  padding: 5px 10px;
  color: #e5eaef;
  display: block;
  font-size: 14px;
}

/********** upload Attachments POpup ************/
.uploaddocuments .btn {
  line-height: 20px;
  border-radius: 3px;
}

.myDocAttachmentsinner .tp-add-img {
  border: 1px solid #362749;
  margin: 20px auto;
  padding: 20px 0;
  text-align: center;
}
.myDocAttachmentsinner .tp-add-img img {
  width: 20%;
}
.myDocAttachmentsinner .tpList li {
  display: inline-block;
  margin-right: 10px;
}

.myDocVideo .formsection {
  padding: 0px;
}
.myDocVideo .videovalidate {
  margin-bottom: 10px;
  font-size: 14px;
}
.myDocVideo .videoframeDiv,
.myDocVideo .after-validate {
  display: none;
}

/************** File Management Details **************/
.filemanagementDetailsMain .file-manage-details {
  border-bottom: 1px solid #524a5e;
  padding: 20px 0px;
}
.filemanagementDetailsMain .attachment-details {
  margin: 20px 0px;
}
.filemanagementDetailsMain .create-details .fileview,
.filemanagementDetailsMain .create-details .imageview {
  width: 100%;
  height: 150px;
}
.filemanagementDetailsMain .create-details .rightFilecontentDetails {
  padding: 100px 15px;
}
@media (min-width: 320px) and (max-width: 768px) {
  .filemanagementDetailsMain .create-details .rightFilecontentDetails {
    padding: 20px 15px;
  }
}
.filemanagementDetailsMain .fileDetailed-view h5,
.filemanagementDetailsMain .episode-details h5 {
  font-weight: 600;
}
.filemanagementDetailsMain .tpTooltip {
  width: fit-content;
}

.datamaindiv .tabs-maincontent.fileSettings {
  padding-top: 0 !important;
}
.datamaindiv .tabs-maincontent.fileSettings .tab-content .tab-pane {
  margin-left: 0 !important;
}
.datamaindiv .tabs-maincontent.fileSettings .tab-content .tab-pane .kpimainsection .uploaddocuments button {
  line-height: normal;
}
.datamaindiv .tabs-maincontent.fileSettings .tab-content .tab-pane .kpimainsection .thumbnail .filemanage_block .fileitem .fileset {
  border: 1px solid #3f3449;
  height: 100%;
}
.datamaindiv .tabs-maincontent.fileSettings .tab-content .tab-pane .kpimainsection .thumbnail .filemanage_block .fileitem .fileset .title-preview h4 {
  padding: 0;
  font-size: 20px;
}
.datamaindiv .tabs-maincontent.fileSettings .tab-content .tab-pane .kpimainsection .thumbnail .filemanage_block .fileitem .fileset .title-preview p {
  font-size: 13px;
}

.fileDetails {
  padding-top: 5px;
}
.fileDetails .close {
  padding: 0;
  margin: 0;
  text-align: center;
  line-height: 45px;
  height: 45px;
  width: 45px;
  border-radius: 50%;
}
.fileDetails .close:focus, .fileDetails .close:hover {
  outline: none;
  background: #3f3449;
}
.fileDetails .close span {
  display: block;
  text-shadow: none;
  color: #fff;
  font-weight: 600;
  opacity: 1;
  font-size: 36px;
  font-family: auto;
}
.fileDetails .file-manage-details p {
  font-size: 13px;
  color: #a294b5;
}
.fileDetails .file-manage-details .create-details {
  margin: 20px 0;
}
.fileDetails .file-manage-details .create-details .file-image .image-preview img {
  height: 150px;
  width: auto;
  max-width: 100%;
  object-fit: cover;
}
.fileDetails .file-manage-details .create-details .rightFilecontentDetails {
  padding: 20px 15px 0 15px;
}
.fileDetails .attachment-details h5 {
  margin-bottom: 20px;
}
.fileDetails .attachment-details p {
  font-size: 13px;
  color: #a294b5;
}

.fileuploadModal .modal-dialog .modal-content .modal-header .close {
  padding: 0;
  margin: 0;
  text-align: center;
  line-height: normal;
  height: 30px;
  width: 30px;
  background: transparent !important;
}
.fileuploadModal .modal-dialog .modal-content .modal-header .close:focus, .fileuploadModal .modal-dialog .modal-content .modal-header .close:hover {
  outline: none;
  background: #000 !important;
}
.fileuploadModal .modal-dialog .modal-content .modal-header .close span {
  margin-top: 0;
  display: block;
  text-shadow: none;
  font-weight: 400;
  opacity: 1;
  font-size: 22px;
  height: 30px;
  width: 30px;
  line-height: 27px;
  font-family: "Inter", sans-serif;
}
.fileuploadModal .modal-dialog .modal-content .modal-body .saveCancelbtns {
  border-top: none !important;
  width: 100%;
  left: 0 !important;
  margin-bottom: 0 !important;
  margin-top: 30px !important;
}

.systemadmindetails.sso {
  margin-top: 20px;
}
.systemadmindetails.sso .alert-dark label {
  font-size: 20px !important;
  font-weight: 600 !important;
}
.systemadmindetails.sso .alert-dark p {
  margin-bottom: 5px;
}
.systemadmindetails .alert-dark {
  color: #c2b8d0;
  background-color: rgba(120, 0, 255, 0.1);
  border-color: #331754;
}
.systemadmindetails .alert-dark label {
  font-size: 15px !important;
  font-weight: 400 !important;
}
.systemadmindetails .alert-dark p {
  margin-bottom: 0px;
  font-size: 15px;
}

.thumbnail .filemanage_block .fileitem .dashboard .inner-content .preview {
  display: inline-block;
  margin-top: 5px;
}
.thumbnail .filemanage_block .fileitem .dashboard .inner-content .preview.videoview a {
  display: block;
  margin: 0;
  padding: 3px 15px;
  background: #7b6c8f !important;
  color: #110a1a;
  border-radius: 3px;
  text-transform: capitalize;
  font-weight: 600;
  font-size: 13px;
  line-height: 20px;
}
.thumbnail .filemanage_block .fileitem .dashboard .inner-content .preview.videoview a:hover {
  background: #7800ff !important;
  color: #fff;
}

sup {
  font-size: 16px;
  top: -3px;
}

.fileDeleteModal {
  z-index: 1051 !important;
}

.connector-data {
  width: 100%;
  display: inline-block;
}
.connector-data .connect-data-row {
  font-size: 11px;
  text-align: left;
  width: 100%;
  margin-bottom: 5px;
  display: flex;
}
.connector-data .connect-data-row span:nth-child(1) {
  width: 70px;
  color: var(--Subtitle) !important;
  font-weight: 600;
  font-size: 12px;
}
.connector-data .connect-data-row span:nth-child(2) {
  width: calc(100% - 70px);
}
.connector-data .connect-data-row span.icon-calender {
  width: 33px !important;
  width: 33px !important;
  padding: 0px !important;
}
.connector-data .connect-data-row span.icon-calender i {
  margin-top: 0px;
  font-size: 15px;
  padding: 9px !important;
}
.connector-data .connect-data-row label {
  margin-right: 10px;
  margin-bottom: 5px;
  line-height: 14px;
}
.connector-data .connect-data-row label input {
  float: left;
  margin-right: 5px;
}
.connector-data .connector-title {
  padding: 2px !important;
  font-size: 13px;
  font-weight: 600;
  margin-top: 10px;
  margin-bottom: 10px;
  background: var(--Foreground_Secondary);
  display: flex;
  border-radius: 3px;
}
.connector-data .connector-title span {
  width: 100%;
}

.connector-icon {
  width: 25px;
  height: 25px;
  line-height: 15px;
  background: var(--Background_Tertiary);
  border-radius: 50%;
  margin-top: -5px;
  padding: 5px;
  text-align: center;
}
.connector-icon:hover {
  background: var(--Background_Hover);
  color: var(--Title) !important;
  cursor: pointer;
}

.upload-choosen {
  width: 70%;
  font-size: 12px;
}

.connector-drop.bootstrap-select .dropdown-toggle {
  padding: 5px 8px !important;
  height: 30px !important;
  font-size: 13px !important;
  outline: none !important;
  border: var(--Border_Divider) !important;
  background: var(--Background_Primary) !important;
}
.connector-drop.bootstrap-select .dropdown-toggle:focus, .connector-drop.bootstrap-select .dropdown-toggle:active, .connector-drop.bootstrap-select .dropdown-toggle:visited, .connector-drop.bootstrap-select .dropdown-toggle:hover {
  background: var(--Background_Primary) !important;
}
.connector-drop.bootstrap-select .dropdown-toggle::after {
  top: 8px !important;
  color: var(--Title);
  font-size: 16px;
}
.connector-drop.bootstrap-select .dropdown-menu {
  min-width: 100% !important;
}
.connector-drop.bootstrap-select .dropdown-menu .bs-searchbox {
  background: var(--Background_Tertiary) !important;
}
.connector-drop.bootstrap-select .dropdown-menu .bs-searchbox .form-control {
  padding: 5px 8px !important;
  background: var(--Background_Primary) !important;
  height: 30px !important;
}
.connector-drop.bootstrap-select .dropdown-menu ul li a span.text {
  white-space: normal !important;
}

.connectedKpi-createmodal .modal-dialog {
  max-width: 1200px;
}
.connectedKpi-createmodal .modal-dialog .modal-body {
  overflow: unset !important;
}
.connectedKpi-createmodal .formsection .form-group input.form-control {
  background: var(--Background_Primary) !important;
  height: 30px;
}
.connectedKpi-createmodal .formsection .form-group input.form-control:hover {
  background: var(--Background_Primary) !important;
}
.connectedKpi-createmodal .input-group-addon {
  width: 30px !important;
  height: 30px !important;
  right: 0px !important;
  top: 0px !important;
  background: transparent !important;
}
.connectedKpi-createmodal .input-group-addon i {
  padding: 7px !important;
}
.connectedKpi-createmodal .radio-select label {
  margin-right: 10px;
  line-height: 17px;
  margin-bottom: 0px;
}
.connectedKpi-createmodal .radio-select label input {
  float: left;
  height: 16px;
  width: 16px;
  margin-right: 5px;
}

.or-row {
  border-left: solid 1px var(--Border_Divider) !important;
}
.or-row .or-label {
  position: absolute;
  top: 50%;
  left: -10px;
  width: 20px;
  height: 20px;
  background: var(--Border_Divider);
  font-size: 10px;
  text-align: center;
  line-height: 18px;
  border-radius: 50%;
  margin-top: -10px;
  border: solid 1px var(--Border_Divider) !important;
}

.row-connectkpi .col-6:nth-child(1) {
  padding-right: 30px;
}
.row-connectkpi .col-6:nth-child(2) {
  padding-left: 30px;
}

.row-connectkpi-radio .col-6:nth-child(2) {
  padding-right: 30px;
}
.row-connectkpi-radio .col-6:nth-child(3) {
  padding-left: 30px;
}

.fullscreen-mode {
  padding-left: 0px !important;
}
.fullscreen-mode .modal-dialog {
  max-width: 100%;
  height: 100%;
}
.fullscreen-mode .modal-dialog .modal-content {
  height: 100%;
}
.fullscreen-mode .modal-dialog .modal-content .modal-body {
  max-height: calc(100vh - 0px);
  align-items: center;
  overflow-x: hidden;
}
.fullscreen-mode .modal-dialog .modal-content .modal-body .connect-data-row span {
  font-size: 13px !important;
}
.fullscreen-mode .modal-dialog .modal-content .modal-body .connect-data-row span:nth-child(1) {
  color: var(--Subtitle);
  padding-right: 5px;
}
.fullscreen-mode .modal-dialog .modal-content .modal-body .connect-data-row span:nth-child(2) {
  color: var(--Title);
}
.fullscreen-mode .chart-wrapper-fullscreen,
.fullscreen-mode .chart-wrapper-block {
  width: 1030px;
  height: 700px;
  margin: 0px auto;
}
@media (min-height: 550px) and (max-height: 700px) {
  .fullscreen-mode .chart-wrapper-fullscreen,
.fullscreen-mode .chart-wrapper-block {
    height: 575px;
  }
}
.fullscreen-mode .chart-wrapper-fullscreen div:nth-child(2),
.fullscreen-mode .chart-wrapper-block div:nth-child(2) {
  border-radius: 5px !important;
  color: #fff !important;
  font: 10px/15px "Microsoft YaHei" !important;
  padding: 5px !important;
  min-width: 200px;
  max-width: 500px;
  white-space: normal !important;
}

.thumbnail-widget .datepickerInfo .form-control {
  background: var(--Background_Quartenary) !important;
  color: var(--Title) !important;
  border: solid 1px var(--Border_Divider) !important;
  border-radius: 0.25rem !important;
  font-size: 13px;
}
.thumbnail-widget .datepickerInfo .input-group-addon {
  background: transparent !important;
}

.connectedkpi-widget .widget-block {
  padding: 20px !important;
}
.connectedkpi-widget .widget-block .label-full {
  width: 100%;
}

.topfixedEditmap .flexContainer .width-14 .widgetArea .formsection.connectedkpi-widget {
  padding: 0 !important;
}

.addDimensions .connectkpi-maps-dropdown.bootstrap-select .dropdown-toggle,
.selectArrowMain .connectkpi-maps-dropdown.bootstrap-select .dropdown-toggle {
  background: #2d2637 !important;
}

.widgetArea .formsection .form-group .form-control.connectkpi-maps-dropdown {
  padding: 0px !important;
}
.widgetArea .formsection .form-group .form-control.connectkpi-maps-dropdown .dropdown-menu {
  left: 0px !important;
  top: 0px !important;
}

.connectkpi-maps-dropdown.bootstrap-select .dropdown-toggle {
  padding: 12px 8px !important;
  height: 40px !important;
  font-size: 13px !important;
  outline: none !important;
  border: var(--Border_Divider) !important;
  background: #2d2637 !important;
  line-height: 40px;
}
.connectkpi-maps-dropdown.bootstrap-select .dropdown-toggle:focus, .connectkpi-maps-dropdown.bootstrap-select .dropdown-toggle:active, .connectkpi-maps-dropdown.bootstrap-select .dropdown-toggle:visited, .connectkpi-maps-dropdown.bootstrap-select .dropdown-toggle:hover {
  background: #2d2637 !important;
}
.connectkpi-maps-dropdown.bootstrap-select .dropdown-toggle::after {
  top: 14px !important;
  color: var(--Title);
  font-size: 16px;
}
.connectkpi-maps-dropdown.bootstrap-select .dropdown-menu {
  min-width: 100% !important;
}
.connectkpi-maps-dropdown.bootstrap-select .dropdown-menu .bs-searchbox {
  background: var(--Background_Tertiary) !important;
}
.connectkpi-maps-dropdown.bootstrap-select .dropdown-menu .bs-searchbox .form-control {
  padding: 5px 8px !important;
  background: var(--Background_Primary) !important;
  height: 30px !important;
}
.connectkpi-maps-dropdown.bootstrap-select .dropdown-menu ul li a span.text {
  white-space: normal !important;
}

.question-heightblock .col-7 {
  min-height: 500px;
}
.question-heightblock .col-5 {
  min-height: 500px;
}
.question-heightblock .col-5 .mapsdata {
  max-height: 500px;
  min-height: 500px;
  overflow-y: hidden;
  overflow-x: hidden;
}
.question-heightblock .col-5 .mapsdata #sidebar-wrapper {
  position: relative !important;
  max-width: 100% !important;
  background: transparent !important;
}
.question-heightblock .col-5 .mapsdata #sidebar-wrapper .m-slidebar-height.bg-color {
  background: transparent !important;
}
.question-heightblock .col-5 .mapsdata #sidebar-wrapper .insightsaccordion #accordion {
  max-height: 500px;
  min-height: 500px;
  padding-bottom: 0px;
}
.question-heightblock .col-5 .mapsdata #sidebar-wrapper .insightsaccordion #accordion .card {
  margin-bottom: 20px;
  border: solid 1px var(--Border_Divider) !important;
}
.question-heightblock .col-5 .mapsdata #sidebar-wrapper .insightsaccordion #accordion .card .card-header h5.mb-0 > a.mainhead:hover {
  background: transparent !important;
}
.question-heightblock .col-5 .mapsdata #sidebar-wrapper .insightsaccordion #accordion .card.bdrbottomhead.bdrtophead {
  margin-bottom: 0px !important;
}
.question-heightblock .col-5 .mapsdata #sidebar-wrapper .insightsaccordion #accordion .card .card-header.bdrtophead {
  border-top: solid 0px #110a1a !important;
}
.question-heightblock .col-5 .mapsdata #sidebar-wrapper .insightsaccordion #accordion .card .card.inSightLeftFilterBox {
  margin-bottom: 0px !important;
  border: solid 0px #000 !important;
}
.question-heightblock .col-5 .mapsdata #sidebar-wrapper .insightsaccordion #accordion .card .card.inSightLeftFilterBox .card {
  margin-bottom: 0px !important;
  border: solid 0px #000 !important;
}
.question-heightblock .col-5 .mapsdata #sidebar-wrapper .insightsaccordion #accordion .inSightLeftFilterBox .card-header h5 span.filterInSightcheckLevel {
  top: 12px;
}

.map-connectedwidgtes {
  display: inline-block;
  padding: 5px 15px;
  border-radius: 20px;
  background: #3f3449;
  font-size: 12px;
  color: #a2a2bb;
}
.map-connectedwidgtes img {
  height: 15px;
  width: auto;
  display: inline-block !important;
}
.map-connectedwidgtes span {
  margin-right: 10px;
}

.theme-dark span.darktheme {
  display: inline-block;
}
.theme-dark span.lighttheme {
  display: none;
}

.theme-light span.darktheme {
  display: none;
}
.theme-light span.lighttheme {
  display: inline-block;
}
.theme-light .map-connectedwidgtes {
  background: #d4d4d4;
  color: #373737;
}
.theme-light .addDimensions .connectkpi-maps-dropdown.bootstrap-select .dropdown-toggle,
.theme-light .selectArrowMain .connectkpi-maps-dropdown.bootstrap-select .dropdown-toggle {
  background: #fff !important;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.2) !important;
}

.thumbnail li .graphset {
  padding: 15px 20px;
  position: relative;
  height: 100%;
  margin-bottom: 0px;
  border: 1px solid var(--Border_Divider);
  border-radius: 5px;
  background: var(--Foreground_Primary) !important;
}

.connector-title-map {
  padding: 0px !important;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 5px;
  display: block;
  text-align: left;
}

.expand-fullmode {
  display: inline-block;
  font-size: 12px;
  padding: 3px;
  border-radius: 5px;
  color: var(--Subtitle) !important;
  width: 100%;
}
.expand-fullmode .connector-icon {
  width: 20px !important;
  height: 20px !important;
  margin: 0px 0px 0px 10px !important;
  padding: 2px;
}

.row-csvkpi .upload-downlod-icons {
  text-align: right;
}

.multi-question-block {
  border: solid 1px var(--Border_Divider);
  border-radius: 3px;
  padding: 10px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.multi-question-block .heightfixed .repeat-block {
  margin-bottom: 15px;
}
.multi-question-block .heightfixed .repeat-block button {
  width: 100%;
  padding: 3px 0px;
  height: 30px;
}
.multi-question-block .heightfixed .repeat-block.remove {
  padding: 3px 0px;
  border-radius: 3px;
  margin-bottom: 0px;
}
.multi-question-block .heightfixed .repeat-block.remove label {
  line-height: 22px;
  padding: 3px 0px;
  font-weight: 400;
  margin: 0px !important;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.multi-question-block .heightfixed .repeat-block.remove .delete {
  width: 100%;
  height: 22px;
  border-radius: 3px;
  background: var(--Error);
  color: #fff;
  display: inline-block;
  font-size: 15px;
  text-align: center;
  line-height: 20px;
  cursor: pointer;
}

.csv-graph-data {
  max-height: 500px;
  min-height: 500px;
  overflow-y: auto;
  overflow-x: hidden;
}
.csv-graph-data h5 {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 0px;
}
.csv-graph-data .csv-graph-bg {
  padding: 15px;
  margin-bottom: 20px;
  background: #352b3e;
  border-radius: 5px;
}

.csv-dropdown-data {
  max-height: 200px;
  min-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
}

.filenamedisplay {
  background-color: var(--Border_Divider);
  color: var(--Title);
  padding: 5px 40px 5px 10px;
  margin: 10px 0px;
  border-radius: 5px;
  display: inline-block;
  font-size: 12px;
}
.filenamedisplay i {
  margin-right: 5px;
}

/*************** 1. Imports ******************/
/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Mixins ******************/
.searchCampare .imageSearch {
  margin: 5px 0px;
}
.searchCampare .imageSearch i {
  left: 0px !important;
}

.compareFilterSpace {
  margin-top: 4px;
}

.compareMapstopspace {
  margin-top: 62px !important;
  background: #1f1829;
  border: 1px solid #110a1a;
  padding: 10px;
  position: relative;
  height: 62px;
}

.compreMapsDetailInner {
  margin-left: 10px;
}
.compreMapsDetailInner .compareRow {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  margin-bottom: 10px;
}
.compreMapsDetailInner .compareRow .compareBox .compareData {
  background: #2d2637;
  min-height: 40px;
  position: relative;
}
.compreMapsDetailInner .compareRow .compareBox .compareData .compareHoverdrag {
  height: 6vw;
  width: 100%;
  position: absolute;
  z-index: 1;
  visibility: hidden;
  text-align: center;
  left: 0px;
  top: 0px;
  bottom: 0px;
  right: 0px;
}
.compreMapsDetailInner .compareRow .compareBox .compareData .compareHoverdrag i {
  color: #fff;
  font-size: 40px;
}
.compreMapsDetailInner .compareRow .compareBox .compareData:hover .compareHoverdrag {
  visibility: visible;
  background: rgba(17, 10, 26, 0.7);
}
.compreMapsDetailInner .compareRow .compareBox .compareData .stateBtn {
  background: #7b6c8f;
  border-radius: 3px;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  padding: 2px 11px;
  display: inline-block;
}
.compreMapsDetailInner .compareRow .compareBox .compareData .compareImage {
  height: 6vw;
  overflow: visible;
}
.compreMapsDetailInner .compareRow .compareBox .compareData .compareImage img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.compreMapsDetailInner .compareRow .compareBox .compareData .textCompare {
  font-size: 12px;
  color: #fff;
  height: 100px;
  overflow: hidden;
  border-bottom: 10px solid #2d2637;
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.compreMapsDetailInner .compareRow .compareBox .compareData .textCompare.mapiconspace {
  padding-left: 45px;
}
.compreMapsDetailInner .compareRow .compareBox .compareData .textCompare .usericon {
  width: 25px;
  height: 25px;
  position: absolute;
  left: 10px;
  top: 15px;
  border-radius: 50%;
  background: #110a1a;
}
.compreMapsDetailInner .compareRow .compareBox .compareData .textCompare .usericon .childmap-inactive {
  background: url("/bundles/map/images/map-child-inactive-icon.svg") no-repeat;
  background-size: 19px 19px;
  width: 19px;
  height: 19px;
  display: block;
  margin: 3px;
}
.compreMapsDetailInner .compareRow .compareBox .compareData .textCompare .usericon .childmap-active {
  background: url("/bundles/map/images/map-child-active-icon.svg") no-repeat;
  background-size: 19px 19px;
  width: 19px;
  height: 19px;
  display: block;
  margin: 3px;
}
.compreMapsDetailInner .compareRow .compareBox .compareData .textCompare .usericon .parentmap-inactive {
  background: url("/bundles/map/images/map-parent-inactive-icon.svg") no-repeat;
  background-size: 17px 17px;
  width: 17px;
  height: 17px;
  display: block;
  margin: 4px;
}
.compreMapsDetailInner .compareRow .compareBox .compareData .textCompare .usericon .parentmap-active {
  background: url("/bundles/map/images/map-parent-active-icon.svg") no-repeat;
  background-size: 17px 17px;
  width: 17px;
  height: 17px;
  display: block;
  margin: 4px;
}
.compreMapsDetailInner .compareRow .compareBox .compareData .textCompare .usericon .single {
  background: url("/bundles/map/images/singleusericon.svg") no-repeat;
  background-size: 17px 17px;
  width: 17px;
  height: 17px;
  display: block;
  margin: 4px;
}
.compreMapsDetailInner .compareRow .compareBox .compareData .textCompare .usericon .multiuser-inactive {
  background: url("/bundles/map/images/inactiveusersicon.svg") no-repeat;
  background-size: 19px 19px;
  width: 19px;
  height: 19px;
  display: block;
  margin: 3px;
}
.compreMapsDetailInner .compareRow .compareBox .compareData .textCompare .usericon .multiuser-active {
  background: url("/bundles/map/images/activeusericon.svg") no-repeat;
  background-size: 19px 19px;
  width: 19px;
  height: 19px;
  display: block;
  margin: 3px;
}
.compreMapsDetailInner .compareRow .compareBox .compareData .textCompare .usericon .template-active {
  background: url(/bundles/map/images/template-active.svg) no-repeat;
  background-size: 12px 12px;
  width: 17px;
  height: 17px;
  display: block;
  margin: 7px;
}
.compreMapsDetailInner .compareRow .compareBox .compareData .textCompare .usericon .template-inactive {
  background: url(/bundles/map/images/template-inactive.svg) no-repeat;
  background-size: 12px 12px;
  width: 17px;
  height: 17px;
  display: block;
  margin: 7px;
}
.compreMapsDetailInner .compareRow .compare_width10 {
  flex: 0 0 180px;
  min-width: 180px;
  width: 180px;
  padding-right: 5px;
}
.compreMapsDetailInner .compareRow .compare_width20 {
  flex: 0 0 268px;
  min-width: 268px;
  width: 268px;
}

.p-15 {
  padding: 15px;
}

.p-10 {
  padding: 10px;
}

.active-table {
  color: #fff;
  font-size: 13px;
}
.active-table .user-icon {
  width: 31px;
  height: 31px;
  line-height: 31px;
  background: #110a1a;
  border-radius: 50%;
  display: block;
}
.active-table .user-icon img {
  width: 19px;
  height: 19px;
  margin: 6px;
}
.active-table .user-icon img.tempalte-icon {
  width: 13px;
  height: 13px;
  margin: 9px;
}
.active-table .btn-profiles {
  color: #fff;
  font-size: 12px;
  font-weight: 300;
  border-radius: 2px;
  width: auto !important;
  padding: 3px 15px;
}

.active-table td:nth-child(1) {
  width: 40px;
}

.active-table.private {
  color: #a294b5;
}

.active-table.inactiveitem {
  color: #ae6725;
}
.active-table.inactiveitem .btn-profiles {
  background: #ae6725;
}

.active-table.activeitem {
  color: #03ac00;
}
.active-table.activeitem .btn-profiles {
  background: #03ac00;
}

.owners-table {
  font-size: 13px;
  font-weight: 700;
  color: #fff;
}
.owners-table .user-icon {
  width: 31px;
  height: 31px;
  line-height: 31px;
  background: #64d3b2;
  border-radius: 50%;
  display: block;
  text-align: center;
  text-transform: uppercase;
  color: #000;
}
.owners-table .user-icon img {
  border-radius: 50%;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.compare_width10 .text {
  display: table;
  height: 100%;
  padding-left: 10%;
  width: 100%;
}
.compare_width10 .text p {
  display: table-cell;
  font-size: 12px;
  font-weight: 600;
  vertical-align: middle;
}

.stickyMaps .compare_width10 .text p {
  vertical-align: top;
}

.owners-table td:nth-child(1) {
  width: 40px;
}

.compareBgfull {
  margin: 0px 0px 10px 0px;
  width: auto;
  border-radius: 3px;
  text-align: center;
  padding: 7.5px;
  color: #fff;
  display: block;
  background: #5a4f65;
  font-size: 13px;
  line-height: 14.52px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.28);
}
.compareBgfull i {
  font-size: 15px;
  margin-right: 5px;
}

.compareData .compareBgfull:nth-last-child(1) {
  margin-bottom: 0;
}

.compareData ol {
  margin: 0;
  padding: 0;
  counter-reset: item;
}

.compareData ol li {
  font-size: 12px;
  border-bottom: solid 2px #110a1a;
  counter-increment: item;
  margin-bottom: 10px;
  padding-bottom: 10px;
  padding-left: 35px;
  position: relative;
  line-height: 21px;
}

.compareData ol li:nth-last-child(1) {
  border-bottom: solid 0px #110a1a;
  margin-bottom: 0;
  padding-bottom: 10px;
}

.compareData ol li:before {
  content: counter(item);
  background: #110a1a;
  border-radius: 50%;
  color: #fff;
  width: 25px;
  height: 25px;
  text-align: center;
  display: inline-block;
  line-height: 25px;
  position: absolute;
  left: 0;
  top: -2px;
}

.brands-bg {
  background: #fff !important;
  box-shadow: none;
}
.brands-bg img {
  width: 100%;
  height: 14px;
  object-fit: contain;
}

.kpi-bg {
  background: #110a1a !important;
  font-weight: 700;
  font-size: 12px;
}

.kpi-bg.kpi-table-active tr td:nth-child(1) {
  color: #fff;
  text-align: left;
  width: 40%;
}

.kpi-bg.kpi-table-active tr td:nth-child(2) {
  color: #03ac00;
  text-align: left;
  width: 30%;
}

.kpi-bg.kpi-table-active tr td:nth-child(3) {
  color: #9e0000;
  text-align: right;
  width: 30%;
}

.compareData .compareIndividual {
  margin: 0px -10px 10px -10px;
}
.compareData .compareIndividual .curveLabel {
  display: block;
  padding: 5px 7.5px;
  text-align: center;
  font-size: 12px;
}
.compareData .compareIndividual .curveLabel.label {
  background: #3f3449;
  color: #fff;
}
.compareData .compareIndividual .curveLabel.activeLabel {
  background: #03ac00;
  color: #fff;
}
.compareData .compareIndividual .curveLabel.inactiveLabel {
  background: #B11E27;
  color: #fff;
}
.compareData .compareIndividual .curveLabel.noLabel {
  background: #3f3449;
  color: #110a1a;
  box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.32);
}
.compareData .compareIndividual:last-child {
  margin: 0px -10px -10px -10px;
}
.compareData .compareIndividual:nth-child(1) {
  margin: -10px -10px 10px -10px;
}

.compareCurveHeight {
  min-height: 60px;
  background: url(/bundles/map/images/emotioncurvebg.svg) repeat #110a1a;
  background-position: 0 -10px;
  position: relative;
  margin: 10px !important;
  box-shadow: none;
}

.compareData .compareBgfull:nth-last-child(1) {
  /* margin-bottom: 0; */
}

.filterFix {
  position: fixed !important;
  width: 100%;
  z-index: 100;
}

.compareMapFix {
  position: fixed !important;
  width: 100%;
  z-index: 99;
  background: #110a1a;
}

.topPadding {
  padding-top: 100px;
}

.ml-0 {
  margin-left: 0 !important;
}

.fixedCompareScroll {
  margin-left: 0px;
  margin-right: 0px;
}

.stickyCompare {
  padding-top: 15px;
}

.extraHeaderSpace {
  overflow-x: auto !important;
}

.compareHeadingblock {
  background: #1f1829;
  height: 50px;
  border: 1px solid #110a1a;
  margin: 0px;
  text-align: center;
  padding: 8px;
  font-size: 14px;
  font-weight: 700;
  line-height: 30px;
}
.compareHeadingblock .close {
  color: #fff;
  font-size: 25px;
  margin-top: 6px;
}
.compareHeadingblock .close:focus {
  outline: none;
}

.compareShowtopspace {
  padding-top: 270px !important;
}

.comparetopspace {
  padding-top: 250px !important;
}

.compareselectBtn {
  padding: 6px 30px;
  background: #7800ff;
  background: -webkit-linear-gradient(left, #7800ff 30%, #00288d 100%);
  background: -moz-linear-gradient(left, #7800ff 30%, #00288d 100%);
  background: -o-linear-gradient(left, #7800ff 30%, #00288d 100%);
  background: linear-gradient(left, #7800ff 30%, #00288d 100%);
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#7800FF", endColorstr="#00288D", GradientType=1);
  color: #fff;
  box-shadow: 0 4px 2px -2px #000;
  border: none !important;
  font-size: 12px;
  font-weight: bold;
}

.compareselectBtn:hover,
.compareselectBtn:active,
.compareselectBtn:focus,
.compareselectBtn:visited {
  background: -webkit-linear-gradient(left, #00288d 30%, #7800ff 100%) !important;
  background: -moz-linear-gradient(left, #00288d 30%, #7800ff 100%) !important;
  background: -o-linear-gradient(left, #00288d 30%, #7800ff 100%) !important;
  background: linear-gradient(left, #00288d 30%, #7800ff 100%) !important;
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#00288D", endColorstr="#7800FF", GradientType=1);
  box-shadow: 0 4px 2px -2px #000;
  border: none !important;
}

.compareCheck {
  width: 15px;
  height: 15px;
  margin: 24px auto;
}
.compareCheck .customcheckbox {
  display: block;
  position: relative;
  padding-left: 28px;
  margin-bottom: 0;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.compareCheck .customcheckbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.compareCheck .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  background: #2d2637;
  border-radius: 3px;
}
.compareCheck .customcheckbox:hover input ~ .checkmark {
  background: #2d2637;
}
.compareCheck .customcheckbox input:checked ~ .checkmark {
  background: #7800ff;
  border-radius: 3px;
}
.compareCheck .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.compareCheck compareCheck .customcheckbox input:checked ~ .checkmark:after {
  display: block;
}
.compareCheck .compareCheck .customcheckbox .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 0px 0px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg.activeComparerow td,
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg.activeComparerow td:nth-child(2) {
  border-top: solid 1px #7800ff !important;
  border-bottom: solid 1px #7800ff !important;
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg.activeComparerow td:nth-last-child(1) {
  border-right: solid 1px #7800ff !important;
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg.activeComparerow td:nth-child(1) {
  border-top: solid 0px #7800ff !important;
  border-bottom: solid 0px #7800ff !important;
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg.activeComparerow td:nth-child(2) {
  border-left: solid 1px #7800ff !important;
  padding-left: 0px !important;
}

.mapsTabs {
  padding: 0px;
}
.mapsTabs .nav-tabs {
  border-bottom: 1px solid #3f3449;
  max-width: calc(100% - 80px);
  padding-top: 38px;
  z-index: 995;
  background: #110a1a;
  margin-bottom: 11px;
}
.mapsTabs .nav-tabs .nav-item a {
  color: #a294b5;
  font-size: 12px;
  padding: 0px 0px 10px 0px;
  margin-left: 0px;
  margin-right: 30px;
  border: none !important;
  position: relative;
  font-weight: 700;
  cursor: pointer;
  min-width: 10px;
  max-width: 150px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.mapsTabs .nav-tabs .nav-item a.nav-link.active {
  background-color: transparent;
  border-color: transparent;
  color: #fff;
}
.mapsTabs .nav-tabs .nav-item a.nav-link.active:before {
  position: absolute;
  width: 100%;
  bottom: 11px;
  height: 2px;
  background: white;
  content: "";
  opacity: 1;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  -moz-transition: opacity 0.3s, -moz-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(10px);
}
.mapsTabs .nav-tabs .nav-item a.nav-link.active img.icon-user.dark-active {
  display: inline-block !important;
}
.mapsTabs .nav-tabs .nav-item a.nav-link.active img.icon-user.normal, .mapsTabs .nav-tabs .nav-item a.nav-link.active img.icon-user.light-active {
  display: none !important;
}
.mapsTabs .nav-tabs .nav-item a.nav-link:hover {
  border: none !important;
}
.mapsTabs .nav-tabs .nav-item a.nav-link:hover:before {
  position: absolute;
  width: 100%;
  bottom: 11px;
  height: 2px;
  background: white;
  content: "";
  opacity: 1;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  -moz-transition: opacity 0.3s, -moz-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(10px);
}

.mapsTabs .tab-content {
  padding-top: 15px;
}

.tabsFilter {
  /* height: 132px !important;*/
  padding: 0px 52px !important;
  margin: 10px 0px;
  border: none !important;
  background: #110a1a !important;
}

.campareTabsFilter {
  /*height:62px !important;*/
  background: #110a1a !important;
  padding: 0px 47px !important;
}

.fiterBtnBar {
  margin: 11px -15px 17px -15px;
}

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

.leftScrollmargin {
  margin-left: -30px;
}

.brandNospace .bootstrap-select button {
  padding-top: 0px !important;
}

.tableMilkyblock {
  display: block;
  width: 100%;
  padding-right: 34px;
}

.milkyTablerow {
  height: 65px;
  width: 100%;
  background: #2d2637;
  position: relative;
  margin-bottom: 7px;
  cursor: pointer;
}
.milkyTablerow.headingrow {
  height: 50px !important;
}
.milkyTablerow.headingrow th {
  padding-bottom: 0px;
}

.milkyTablerow:hover {
  background: #423c4b;
}

.headingrow {
  background: #110a1a !important;
  margin: 0px !important;
}

.headingrow .milkyTablerowMain {
  border: solid 1px #110a1a;
}

.headingrow .milkyTablerowMain .table thead th,
.headingrow .milkyTablerowMain .table td {
  border: none !important;
  vertical-align: middle;
  text-align: left;
  font-size: 12px;
}

.headingrow .milkyTablerowMain .table thead th {
  font-weight: 600;
  float: left;
  padding-top: 14px !important;
}

.headingrow .milkyTablerowMain:hover {
  border: solid 1px #110a1a;
}

.createMaprow {
  padding-right: 0px;
  background: none;
  margin-top: 0px;
  margin-bottom: 33px;
}
.createMaprow a {
  color: #fff;
  font-size: 16px;
}

.createMaprow:hover {
  background: none;
}

.createMaprow .milkyTablerowMain {
  border: dashed 1px #433c4a;
  padding: 0px;
  display: table;
  text-align: center;
}
.createMaprow .milkyTablerowMain i {
  font-size: 11px;
}

.createMaprow .milkyTablerowMain:hover {
  border: 1px dashed #7800ff;
  cursor: pointer;
  background: rgba(120, 1, 255, 0.1);
}

.createMaprow .milkyTablerowMain p {
  display: table-cell;
  vertical-align: middle;
  font-size: 12px;
}

.filterResult {
  padding-right: 0px;
  background: none !important;
}

.filterResult .milkyTablerowMain {
  cursor: auto;
  border: 2px solid #1f1829;
  padding: 0px;
  display: table;
  text-align: center;
}

.filterResult .milkyTablerowMain p {
  display: table-cell;
  vertical-align: middle;
  color: #7b6c8f;
  font-size: 13px !important;
}

.milkyTablerowInner {
  width: 100%;
  position: relative;
  padding-left: 52px;
}

.milkyTablerowInner h2 {
  position: absolute;
  top: -35px;
  padding: 0px !important;
  font-size: 25px;
  margin: 0px;
  z-index: 10;
}

.milkyTablerowMain {
  width: 100%;
  position: relative;
  padding-left: 63px;
  padding-right: 200px;
  border: solid 1px #1f1829;
}

.milkyTablerowMain:hover {
  border: solid 1px #2d2637;
}

.selectedCompare .milkyTablerowMain {
  border: solid 1px #7800ff !important;
}
.selectedCompare .childCreateRow .milkyTablerowMain {
  border: dashed 1px #433c4a;
}

.milkyTablerowMain table {
  margin: 0px;
  height: 100%;
}

.milkyTablerowMain table td {
  vertical-align: middle;
  border-top: 0px solid #000;
  padding: 0px 10px;
  font-size: 12px;
}
.milkyTablerowMain table td.mapTitleColumn {
  padding-left: 21px;
  padding-right: 0px;
}
.milkyTablerowMain table td.createdDates {
  padding-left: 0px;
  padding-right: 42px;
}
.milkyTablerowMain table td.createdDates .row {
  margin: 0px;
  max-width: 370px;
}
.milkyTablerowMain table td.createdDates .row .col-1 {
  max-width: 30px;
}
.milkyTablerowMain table td.createdDates .row .userNameDisplay {
  max-width: 160px;
}
.milkyTablerowMain table td.createdDates .createdDateInner {
  padding-left: 21px !important;
  padding-right: 21px !important;
  width: 135px;
  flex: 0 0 135px;
  max-width: 135px;
}
.milkyTablerowMain table td.createdDates .createdDateInner p {
  float: left;
  line-height: 30px;
}

.profileChecked {
  position: absolute;
  width: 52px;
  height: 65px;
  background: #110a1a;
  top: 0px;
  left: 0px;
  z-index: 9;
}
.profileChecked.checkboxshow {
  background: #110a1a;
}

.milkyMedia {
  position: absolute;
  width: 63px;
  height: 63px;
  top: 0px;
  left: 0px;
}

.milkyMedia img {
  width: 63px;
  height: 63px;
  object-fit: cover;
}

.milkyMedia video {
  width: 63px;
  height: 63px;
  object-fit: cover;
  margin: 0px;
}

.milkyDotsmenu {
  position: absolute;
  width: 52px;
  height: 63px;
  top: 0px;
  right: 0px;
}
.milkyDotsmenu img {
  width: 3px;
  margin-top: -3px;
  height: 15px;
}

.milkyDotsmenu .dropup .dropdown-toggle::after {
  display: none;
}

.milkyDotsmenu .dropdown {
  text-align: center;
}
.milkyDotsmenu .dropdown span {
  width: 24px;
  height: 24px;
  display: block;
  margin-top: 20px;
  margin-left: 0px;
  border-radius: 50%;
}
.milkyDotsmenu .dropdown span:hover {
  background: #2d2637;
}

.milkyDotsmenu .m-3dots-menu {
  float: right;
  margin-right: 15px;
}

.milkyDotsmenu .dropdown-menu {
  background: #26202e;
  padding: 0px;
  border-radius: 0px;
  right: 0px !important;
  left: 10px !important;
  transform: translate3d(-124px, 12px, 0px) !important;
  z-index: 10;
  border: 1px solid #000;
  border-bottom: none !important;
  min-width: 123px;
}
.milkyDotsmenu .dropdown-menu a {
  text-align: left;
  width: 100%;
  display: block;
  font-size: 13px;
  padding: 4px 11px;
  font-weight: 600;
  border-bottom: 1px solid #000;
  color: #fff;
}
.milkyDotsmenu .dropdown-menu a:hover, .milkyDotsmenu .dropdown-menu a:focus, .milkyDotsmenu .dropdown-menu a:visited, .milkyDotsmenu .dropdown-menu a:active {
  background: #3f3449;
  color: #fff !important;
}
.milkyDotsmenu .dropdown-menu a.delete:hover, .milkyDotsmenu .dropdown-menu a.delete:focus, .milkyDotsmenu .dropdown-menu a.delete:visited, .milkyDotsmenu .dropdown-menu a.delete:active {
  background: #9e0000;
}
.milkyDotsmenu .dropdown-menu a.activatecolor:hover, .milkyDotsmenu .dropdown-menu a.activatecolor:focus, .milkyDotsmenu .dropdown-menu a.activatecolor:visited, .milkyDotsmenu .dropdown-menu a.activatecolor:active {
  background: #0ba32d;
}
.milkyDotsmenu .dropdown-menu a.deactivatecolor:hover, .milkyDotsmenu .dropdown-menu a.deactivatecolor:focus, .milkyDotsmenu .dropdown-menu a.deactivatecolor:visited, .milkyDotsmenu .dropdown-menu a.deactivatecolor:active {
  background: #ae6725;
}

.mainmapsContainer .mymapsRows {
  position: relative;
  top: 0px !important;
}

.milkyTablerowMain td.mapTitleColumn p {
  padding: 0px 42px 0px 0px;
  margin: 0px;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

.milkyTablerowMain td.greyBgButton .greyBGsegmentBrand.brandBg {
  background: #c2b8d0;
  border-radius: 3px;
  position: relative;
  padding: 3px 8px;
}

.milkyTablerowMain td.greyBgButton .greyBGsegmentBrand.brandBg .brandName img {
  width: 100%;
  height: 24px;
  object-fit: contain;
}

.milkyTablerowMain td.greyBgButton .greyBGsegmentBrand.brandBg.multiBrands {
  padding-right: 38px;
  padding-left: 5px;
}

.milkyTablerowMain td.createdDates {
  color: rgba(255, 255, 255, 0.5);
}
.milkyTablerowMain td.createdDates img {
  border-radius: 50%;
  height: 30px;
  width: 30px;
  object-fit: cover;
  background: #110a1a;
  float: left;
  margin-right: 3px;
}
.milkyTablerowMain td.createdDates p {
  margin: 0px;
  padding: 0px;
  font-weight: 500;
  line-height: 15px;
}

.milkyTablerowMain td.versonColumn button {
  background: #3f3449;
  color: #fff;
  border-radius: 3px;
  font-size: 13px;
  padding: 10px 15px;
}

.milkyTablerowMain td.greyBgButton button,
.milkyTablerowMain td.greyBgButton .greyBGsegmentBrand {
  background: #3f3449;
  color: #fff;
  border-radius: 3px;
  padding: 6px 8px;
  width: 100%;
  position: relative;
  font-weight: 600;
  border: none !important;
  height: 30px;
  overflow: hidden;
}
.milkyTablerowMain td.greyBgButton button span.segmentName,
.milkyTablerowMain td.greyBgButton .greyBGsegmentBrand span.segmentName {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  width: 100%;
  overflow: hidden;
  color: #fff;
}

.milkyTablerowMain td.greyBgButton .greyBGsegmentBrand .segmentNumber,
.milkyTablerowMain td.greyBgButton .greyBGsegmentBrand .brandNumber {
  background: #5a4f65;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  color: #fff;
  padding: 6px 10px;
  text-align: center;
  position: absolute;
  font-size: 12px;
  right: 0 !important;
  top: 0 !important;
}

.milkyTablerowMain td.brandLengthBg .greyBGsegmentBrand .brandNumber {
  padding: 2px 3px;
  width: 38px;
  line-height: 26px;
}

.milkyTablerow .userIconBg .usericon {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: inline-block;
  margin: 17.5px 0px 0px 8.5px;
}
.milkyTablerow .userIconBg .usericon.parentArrow:hover {
  background: transparent;
}
.milkyTablerow .userIconBg .usericon:hover {
  background: #7801FF;
}
.milkyTablerow .userIconBg .usericon:hover .single {
  background: url("/bundles/map/images/singleusericon-w-svg.svg") no-repeat;
  background-size: 15px 15px;
}
.milkyTablerow .userIconBg .usericon:hover .multiuser-active {
  background: url("/bundles/map/images/inactiveusersicon-w-svg.svg") no-repeat;
  background-size: 15px 11px;
}
.milkyTablerow .userIconBg .usericon:hover .multiuser-inactive {
  background: url("/bundles/map/images/inactiveusersicon-w-svg.svg") no-repeat;
  background-size: 15px 11px;
}
.milkyTablerow .userIconBg .usericon:hover .parentmap-inactive {
  background: url("/bundles/map/images/map-parent-white-icon.svg") no-repeat;
  background-size: 15px 15px;
}
.milkyTablerow .userIconBg .usericon:hover .childmap-inactive {
  background: url("/bundles/map/images/map-child-white-icon.svg") no-repeat;
  background-size: 15px 15px;
}
.milkyTablerow .userIconBg .usericon:hover .parentmap-active {
  background: url("/bundles/map/images/map-parent-white-icon.svg") no-repeat;
  background-size: 15px 15px;
}
.milkyTablerow .userIconBg .usericon:hover .childmap-active {
  background: url("/bundles/map/images/map-child-white-icon.svg") no-repeat;
  background-size: 15px 15px;
}
.milkyTablerow .userIconBg .usericon:hover .tempalte-inactive,
.milkyTablerow .userIconBg .usericon:hover .tempalte-active {
  background: url("/bundles/map/images/template-white.svg") no-repeat;
  background-size: 12px 12px;
}
.milkyTablerow .userIconBg .usericon .single {
  width: 15px;
  height: 15px;
  display: inline-block;
  margin: 7.5px;
  background: url("/bundles/map/images/singleusericon.svg") no-repeat;
  background-size: 15px 15px;
}
.milkyTablerow .userIconBg .usericon .multiuser-active {
  width: 15px;
  height: 11px;
  display: inline-block;
  margin: 9.5px 7.5px;
  background: url("/bundles/map/images/activeusericon.svg") no-repeat;
  background-size: 15px 11px;
}
.milkyTablerow .userIconBg .usericon .multiuser-inactive {
  width: 15px;
  height: 11px;
  display: inline-block;
  margin: 9.5px 7.5px;
  background: url("/bundles/map/images/inactiveusersicon.svg") no-repeat;
  background-size: 15px 11px;
}
.milkyTablerow .userIconBg .usericon .parentmap-inactive {
  width: 15px;
  height: 15px;
  display: inline-block;
  margin: 7.5px;
  background: url("/bundles/map/images/map-parent-inactive-icon.svg") no-repeat;
  background-size: 15px 15px;
}
.milkyTablerow .userIconBg .usericon .childmap-inactive {
  width: 15px;
  height: 15px;
  display: inline-block;
  margin: 7.5px;
  background: url("/bundles/map/images/map-child-inactive-icon.svg") no-repeat;
  background-size: 15px 15px;
}
.milkyTablerow .userIconBg .usericon .parentmap-active {
  width: 15px;
  height: 15px;
  display: inline-block;
  margin: 7.5px;
  background: url("/bundles/map/images/map-parent-active-icon.svg") no-repeat;
  background-size: 15px 15px;
}
.milkyTablerow .userIconBg .usericon .childmap-active {
  width: 15px;
  height: 15px;
  display: inline-block;
  margin: 7.5px;
  background: url("/bundles/map/images/map-child-active-icon.svg") no-repeat;
  background-size: 15px 15px;
}
.milkyTablerow .userIconBg .usericon .tempalte-inactive {
  width: 12px;
  height: 12px;
  display: inline-block;
  margin: 9px;
  background: url("/bundles/map/images/template-inactive.svg") no-repeat;
  background-size: 12px 12px;
}
.milkyTablerow .userIconBg .usericon .tempalte-active {
  width: 12px;
  height: 12px;
  display: inline-block;
  margin: 9px;
  background: url("/bundles/map/images/template-active.svg") no-repeat;
  background-size: 12px 12px;
}

.parentArrow .parent-toggle-menu {
  width: 11px;
  height: 8px;
  display: inline-block;
  background: url("/bundles/map/images/arrow-icon-dowm-w.svg") no-repeat;
  background-size: 11px 8px;
  margin: 12px 10px;
  transform: rotate(180deg);
}
.parentArrow.collapsed .parent-toggle-menu {
  background: url("/bundles/map/images/arrow-icon-dowm-w.svg") no-repeat;
  background-size: 11px 8px;
  margin: 12px 10px;
  width: 11px;
  height: 8px;
  display: inline-block;
  transform: rotate(0deg);
}

.milkyTablerowMain table tr td:nth-child(1),
.milkyTablerowMain table tr th:nth-child(1) {
  width: 30%;
}

.milkyTablerowMain table tr td:nth-child(2),
.milkyTablerowMain table tr th:nth-child(2) {
  width: 24%;
  padding: 0px !important;
}
.milkyTablerowMain table tr td:nth-child(3),
.milkyTablerowMain table tr th:nth-child(3) {
  width: 10%;
  padding: 0px 11px 0px 0px;
}

.milkyTablerowMain table tr td:nth-child(3),
.milkyTablerowMain table tr td:nth-child(4),
.milkyTablerowMain table tr td:nth-child(5),
.milkyTablerowMain table tr td:nth-child(6) {
  padding-left: 6px !important;
}

.milkyTablerowMain table tr td:nth-child(4),
.milkyTablerowMain table tr th:nth-child(4) {
  width: 12%;
  padding: 0px 11px 0px 0px;
}

.milkyTablerowMain table tr td:nth-child(5),
.milkyTablerowMain table tr th:nth-child(5) {
  width: 12%;
  padding: 0px 11px 0px 0px;
}

.milkyTablerowMain table tr td:nth-child(6),
.milkyTablerowMain table tr th:nth-child(6) {
  width: 12%;
  padding: 0px 11px 0px 0px;
}

.fixWidthSaveCancel {
  width: 100% !important;
  left: 0px !important;
}

.tertiarynew-btn.newsize {
  padding: 0px 20px 0px 20px !important;
  line-height: 30px;
  font-size: 13px !important;
  border: none !important;
}
.tertiarynew-btn.newsize.activebtn {
  padding: 0px 20px 0px 20px !important;
  line-height: 30px;
  font-size: 13px !important;
}
.tertiarynew-btn.newsize:hover {
  padding: 0px 20px 0px 20px !important;
  line-height: 30px;
  font-size: 13px !important;
}

.tertiarynew-btn.newsize span.compare-icon {
  width: 17px !important;
  height: 12px !important;
  margin-top: 3px !important;
}

.tertiarynew-btn.newsize span {
  height: 12px !important;
  width: 12px !important;
}

.tertiarynew-btn.newsize span.add-icon {
  height: 12px !important;
  width: 12px !important;
}

.newsize.activebtn {
  padding: 0px 20px 0px 20px !important;
  line-height: 30px;
}

.newsize.activebtn span.compare-icon {
  width: 17px !important;
  height: 12px !important;
  margin-top: 3px !important;
}

.searchGap {
  padding-right: 21px;
}

.fliterGap {
  padding-left: 5px;
}

.milkyeditIcon {
  position: absolute;
  width: 30px;
  height: 63px;
  top: 0px;
  right: 52px;
}
.milkyeditIcon .icon {
  width: 30px;
  height: 30px;
  border-radius: 3px;
  background: #3f3449;
  margin-top: 16.5px;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
  text-align: center;
  line-height: 30px;
}
.milkyeditIcon .icon:hover {
  background: #7801FF;
}
.milkyeditIcon .icon img {
  width: 12px;
}

.milkypresentIcon {
  position: absolute;
  width: 30px;
  height: 63px;
  top: 0px;
  right: 93px;
}
.milkypresentIcon .icon {
  width: 30px;
  height: 30px;
  border-radius: 3px;
  background: #3f3449;
  margin-top: 16.5px;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
  text-align: center;
  line-height: 30px;
}
.milkypresentIcon .icon:hover {
  background: #7801FF;
}
.milkypresentIcon .icon img {
  width: 10px;
  height: 12px;
}

@media (min-width: 1250px) and (max-width: 1349px) {
  .milkyTablerowMain {
    padding-right: 140px;
  }

  .milkyTablerowMain table tr td:nth-child(1),
.milkyTablerowMain table tr th:nth-child(1) {
    width: 20% !important;
    padding-left: 15px;
  }
  .milkyTablerowMain table tr td:nth-child(1) p,
.milkyTablerowMain table tr th:nth-child(1) p {
    padding: 0px 15px 0px 0px;
  }
  .milkyTablerowMain table tr td:nth-child(1) .userIconBg,
.milkyTablerowMain table tr th:nth-child(1) .userIconBg {
    left: 80px !important;
  }
  .milkyTablerowMain table tr td:nth-child(1).mapTitleColumn p.addFadeout,
.milkyTablerowMain table tr th:nth-child(1).mapTitleColumn p.addFadeout {
    padding-left: 50px !important;
    margin-left: 0px !important;
  }

  .milkyTablerowMain table tr td:nth-child(2),
.milkyTablerowMain table tr th:nth-child(2) {
    width: 39% !important;
  }
  .milkyTablerowMain table tr td:nth-child(2).createdDates .row,
.milkyTablerowMain table tr th:nth-child(2).createdDates .row {
    margin: 0px;
    max-width: 370px;
    min-width: 370px;
    width: 100%;
  }

  .milkyTablerowMain table tr td:nth-child(3),
.milkyTablerowMain table tr th:nth-child(3) {
    width: 11%;
  }

  .milkyTablerowMain table tr td:nth-child(4),
.milkyTablerowMain table tr th:nth-child(4) {
    width: 10%;
  }

  .milkyTablerowMain table tr td:nth-child(5),
.milkyTablerowMain table tr th:nth-child(5) {
    width: 10%;
  }

  .milkyTablerowMain table tr td:nth-child(6),
.milkyTablerowMain table tr th:nth-child(6) {
    width: 10%;
  }

  .milkyTablerowMain table td.createdDates .createdDateInner {
    padding-left: 10px !important;
    padding-right: 10px !important;
    width: 135px;
    flex: 0 0 135px;
    max-width: 135px;
    box-sizing: border-box;
  }

  .milkyTablerow.Parent_table .milkyTablerowMain table tr td:nth-child(1) {
    width: 20% !important;
  }
  .milkyTablerow.Parent_table .milkyTablerowMain table tr td:nth-child(2) {
    width: 39% !important;
  }
  .milkyTablerow.Parent_table .milkyTablerowMain table tr td:nth-child(2).createdDates .childUserblk {
    margin: 0px;
    max-width: 370px;
    min-width: 370px;
    width: 100%;
  }
  .milkyTablerow.Parent_table .milkyTablerowMain table tr td:nth-child(3) {
    width: 11%;
  }
  .milkyTablerow.Parent_table .milkyTablerowMain table tr td:nth-child(4) {
    width: 10%;
  }
  .milkyTablerow.Parent_table .milkyTablerowMain table tr td:nth-child(5) {
    width: 10%;
  }
  .milkyTablerow.Parent_table .milkyTablerowMain table tr td:nth-child(6) {
    width: 10%;
  }

  .milkyTablerow.Child_table .milkyTablerowMain table tr td:nth-child(1).mapTitleColumn p.addFadeout {
    padding-left: 68px !important;
    margin-left: 0px;
  }
  .milkyTablerow.Child_table .milkyTablerowMain table tr td:nth-child(1) .userIconBg {
    left: 100px !important;
  }
}
@media (min-width: 1350px) and (max-width: 1449px) {
  .milkyTablerowMain {
    padding-right: 140px;
  }

  .milkyTablerowMain table tr td:nth-child(1),
.milkyTablerowMain table tr th:nth-child(1) {
    width: 20% !important;
    padding-left: 15px;
  }
  .milkyTablerowMain table tr td:nth-child(1) p,
.milkyTablerowMain table tr th:nth-child(1) p {
    padding: 0px 15px 0px 0px;
  }
  .milkyTablerowMain table tr td:nth-child(1) .userIconBg,
.milkyTablerowMain table tr th:nth-child(1) .userIconBg {
    left: 80px !important;
  }
  .milkyTablerowMain table tr td:nth-child(1).mapTitleColumn p.addFadeout,
.milkyTablerowMain table tr th:nth-child(1).mapTitleColumn p.addFadeout {
    padding-left: 50px !important;
    margin-left: 0px !important;
  }

  .milkyTablerowMain table tr td:nth-child(2),
.milkyTablerowMain table tr th:nth-child(2) {
    width: 39% !important;
  }
  .milkyTablerowMain table tr td:nth-child(2).createdDates .row,
.milkyTablerowMain table tr th:nth-child(2).createdDates .row {
    margin: 0px;
    max-width: 370px;
    min-width: 370px;
    width: 100%;
  }

  .milkyTablerowMain table tr td:nth-child(3),
.milkyTablerowMain table tr th:nth-child(3) {
    width: 11%;
  }

  .milkyTablerowMain table tr td:nth-child(4),
.milkyTablerowMain table tr th:nth-child(4) {
    width: 10%;
  }

  .milkyTablerowMain table tr td:nth-child(5),
.milkyTablerowMain table tr th:nth-child(5) {
    width: 10%;
  }

  .milkyTablerowMain table tr td:nth-child(6),
.milkyTablerowMain table tr th:nth-child(6) {
    width: 10%;
  }

  .milkyTablerowMain table td.createdDates .createdDateInner {
    padding-left: 15px !important;
    padding-right: 15px !important;
    width: 135px;
    flex: 0 0 135px;
    max-width: 135px;
    box-sizing: border-box;
  }

  .milkyTablerow.Parent_table .milkyTablerowMain table tr td:nth-child(1) {
    width: 20% !important;
  }
  .milkyTablerow.Parent_table .milkyTablerowMain table tr td:nth-child(2) {
    width: 39% !important;
  }
  .milkyTablerow.Parent_table .milkyTablerowMain table tr td:nth-child(2).createdDates .childUserblk {
    margin: 0px;
    max-width: 370px;
    min-width: 370px;
    width: 100%;
  }
  .milkyTablerow.Parent_table .milkyTablerowMain table tr td:nth-child(3) {
    width: 11%;
  }
  .milkyTablerow.Parent_table .milkyTablerowMain table tr td:nth-child(4) {
    width: 10%;
  }
  .milkyTablerow.Parent_table .milkyTablerowMain table tr td:nth-child(5) {
    width: 10%;
  }
  .milkyTablerow.Parent_table .milkyTablerowMain table tr td:nth-child(6) {
    width: 10%;
  }

  .milkyTablerow.Child_table .milkyTablerowMain table tr td:nth-child(1).mapTitleColumn p.addFadeout {
    padding-left: 68px !important;
    margin-left: 0px;
  }
  .milkyTablerow.Child_table .milkyTablerowMain table tr td:nth-child(1) .userIconBg {
    left: 100px !important;
  }
}
@media (min-width: 1450px) and (max-width: 1549px) {
  .milkyTablerowMain {
    padding-right: 200px;
  }

  .milkyTablerowMain table tr td:nth-child(1),
.milkyTablerowMain table tr th:nth-child(1) {
    width: 22%;
    padding-left: 21px;
  }
  .milkyTablerowMain table tr td:nth-child(1) p,
.milkyTablerowMain table tr th:nth-child(1) p {
    padding: 0px 21px 0px 0px;
  }
  .milkyTablerowMain table tr td:nth-child(1) .userIconBg,
.milkyTablerowMain table tr th:nth-child(1) .userIconBg {
    left: 80px;
  }
  .milkyTablerowMain table tr td:nth-child(1).mapTitleColumn p.addFadeout,
.milkyTablerowMain table tr th:nth-child(1).mapTitleColumn p.addFadeout {
    padding-left: 50px !important;
    margin-left: 0px !important;
  }

  .milkyTablerowMain table tr td:nth-child(2),
.milkyTablerowMain table tr th:nth-child(2) {
    width: 35%;
  }

  .milkyTablerowMain table tr td:nth-child(3),
.milkyTablerowMain table tr th:nth-child(3) {
    width: 10%;
  }

  .milkyTablerowMain table tr td:nth-child(4),
.milkyTablerowMain table tr th:nth-child(4) {
    width: 11%;
  }

  .milkyTablerowMain table tr td:nth-child(5),
.milkyTablerowMain table tr th:nth-child(5) {
    width: 11%;
  }

  .milkyTablerowMain table tr td:nth-child(6),
.milkyTablerowMain table tr th:nth-child(6) {
    width: 11%;
  }

  .milkyTablerow.Parent_table .milkyTablerowMain table tr td:nth-child(1) {
    width: 22% !important;
  }
  .milkyTablerow.Parent_table .milkyTablerowMain table tr td:nth-child(2) {
    width: 35% !important;
  }
  .milkyTablerow.Parent_table .milkyTablerowMain table tr td:nth-child(3) {
    width: 10%;
  }
  .milkyTablerow.Parent_table .milkyTablerowMain table tr td:nth-child(4) {
    width: 11%;
  }
  .milkyTablerow.Parent_table .milkyTablerowMain table tr td:nth-child(5) {
    width: 11%;
  }
  .milkyTablerow.Parent_table .milkyTablerowMain table tr td:nth-child(6) {
    width: 11%;
  }

  .milkyTablerow.Child_table .milkyTablerowMain table tr td:nth-child(1).mapTitleColumn p.addFadeout {
    padding-left: 72px !important;
    margin-left: 0px;
  }
}
@media (min-width: 1550px) and (max-width: 1649px) {
  .milkyTablerowMain {
    padding-right: 200px;
  }

  .milkyTablerowMain table tr td:nth-child(1),
.milkyTablerowMain table tr th:nth-child(1) {
    width: 22%;
    padding-left: 21px;
  }
  .milkyTablerowMain table tr td:nth-child(1) p,
.milkyTablerowMain table tr th:nth-child(1) p {
    padding: 0px 21px 0px 0px;
  }
  .milkyTablerowMain table tr td:nth-child(1) .userIconBg,
.milkyTablerowMain table tr th:nth-child(1) .userIconBg {
    left: 80px;
  }
  .milkyTablerowMain table tr td:nth-child(1).mapTitleColumn p.addFadeout,
.milkyTablerowMain table tr th:nth-child(1).mapTitleColumn p.addFadeout {
    padding-left: 50px !important;
    margin-left: 0px !important;
  }

  .milkyTablerowMain table tr td:nth-child(2),
.milkyTablerowMain table tr th:nth-child(2) {
    width: 32%;
  }

  .milkyTablerowMain table tr td:nth-child(3),
.milkyTablerowMain table tr th:nth-child(3) {
    width: 10%;
  }

  .milkyTablerowMain table tr td:nth-child(4),
.milkyTablerowMain table tr th:nth-child(4) {
    width: 12%;
  }

  .milkyTablerowMain table tr td:nth-child(5),
.milkyTablerowMain table tr th:nth-child(5) {
    width: 12%;
  }

  .milkyTablerowMain table tr td:nth-child(6),
.milkyTablerowMain table tr th:nth-child(6) {
    width: 12%;
  }

  .milkyTablerow.Parent_table .milkyTablerowMain table tr td:nth-child(1) {
    width: 22% !important;
  }
  .milkyTablerow.Parent_table .milkyTablerowMain table tr td:nth-child(2) {
    width: 32% !important;
  }
  .milkyTablerow.Parent_table .milkyTablerowMain table tr td:nth-child(3) {
    width: 10%;
  }
  .milkyTablerow.Parent_table .milkyTablerowMain table tr td:nth-child(4) {
    width: 12%;
  }
  .milkyTablerow.Parent_table .milkyTablerowMain table tr td:nth-child(5) {
    width: 12%;
  }
  .milkyTablerow.Parent_table .milkyTablerowMain table tr td:nth-child(6) {
    width: 12%;
  }

  .milkyTablerow.Child_table .milkyTablerowMain table tr td:nth-child(1).mapTitleColumn p.addFadeout {
    padding-left: 72px !important;
    margin-left: 0px;
  }
}
@media (min-width: 1650px) and (max-width: 1799px) {
  .milkyTablerowMain {
    padding-right: 200px;
  }

  .milkyTablerowMain table tr td:nth-child(1),
.milkyTablerowMain table tr th:nth-child(1) {
    width: 25%;
    padding-left: 21px;
  }
  .milkyTablerowMain table tr td:nth-child(1) p,
.milkyTablerowMain table tr th:nth-child(1) p {
    padding: 0px 21px 0px 0px;
  }
  .milkyTablerowMain table tr td:nth-child(1) .userIconBg,
.milkyTablerowMain table tr th:nth-child(1) .userIconBg {
    left: 80px;
  }
  .milkyTablerowMain table tr td:nth-child(1).mapTitleColumn p.addFadeout,
.milkyTablerowMain table tr th:nth-child(1).mapTitleColumn p.addFadeout {
    padding-left: 50px !important;
    margin-left: 0px !important;
  }

  .milkyTablerowMain table tr td:nth-child(2),
.milkyTablerowMain table tr th:nth-child(2) {
    width: 29%;
  }

  .milkyTablerowMain table tr td:nth-child(3),
.milkyTablerowMain table tr th:nth-child(3) {
    width: 10%;
  }

  .milkyTablerowMain table tr td:nth-child(4),
.milkyTablerowMain table tr th:nth-child(4) {
    width: 12%;
  }

  .milkyTablerowMain table tr td:nth-child(5),
.milkyTablerowMain table tr th:nth-child(5) {
    width: 12%;
  }

  .milkyTablerowMain table tr td:nth-child(6),
.milkyTablerowMain table tr th:nth-child(6) {
    width: 12%;
  }

  .milkyTablerow.Parent_table .milkyTablerowMain table tr td:nth-child(1) {
    width: 25% !important;
  }
  .milkyTablerow.Parent_table .milkyTablerowMain table tr td:nth-child(2) {
    width: 29% !important;
  }
  .milkyTablerow.Parent_table .milkyTablerowMain table tr td:nth-child(3) {
    width: 10%;
  }
  .milkyTablerow.Parent_table .milkyTablerowMain table tr td:nth-child(4) {
    width: 12%;
  }
  .milkyTablerow.Parent_table .milkyTablerowMain table tr td:nth-child(5) {
    width: 12%;
  }
  .milkyTablerow.Parent_table .milkyTablerowMain table tr td:nth-child(6) {
    width: 12%;
  }

  .milkyTablerow.Child_table .milkyTablerowMain table tr td:nth-child(1).mapTitleColumn p.addFadeout {
    padding-left: 72px !important;
    margin-left: 0px;
  }
}
@media (min-width: 1800px) and (max-width: 1910px) {
  .milkyTablerowMain {
    padding-right: 200px;
  }

  .milkyTablerowMain table tr td:nth-child(1),
.milkyTablerowMain table tr th:nth-child(1) {
    width: 25%;
    padding-left: 21px;
  }
  .milkyTablerowMain table tr td:nth-child(1) p,
.milkyTablerowMain table tr th:nth-child(1) p {
    padding: 0px 21px 0px 0px;
  }
  .milkyTablerowMain table tr td:nth-child(1) .userIconBg,
.milkyTablerowMain table tr th:nth-child(1) .userIconBg {
    left: 80px;
  }
  .milkyTablerowMain table tr td:nth-child(1).mapTitleColumn p.addFadeout,
.milkyTablerowMain table tr th:nth-child(1).mapTitleColumn p.addFadeout {
    padding-left: 50px !important;
    margin-left: 0px !important;
  }

  .milkyTablerowMain table tr td:nth-child(2),
.milkyTablerowMain table tr th:nth-child(2) {
    width: 26%;
  }

  .milkyTablerowMain table tr td:nth-child(3),
.milkyTablerowMain table tr th:nth-child(3) {
    width: 10%;
  }

  .milkyTablerowMain table tr td:nth-child(4),
.milkyTablerowMain table tr th:nth-child(4) {
    width: 13%;
  }

  .milkyTablerowMain table tr td:nth-child(5),
.milkyTablerowMain table tr th:nth-child(5) {
    width: 13%;
  }

  .milkyTablerowMain table tr td:nth-child(6),
.milkyTablerowMain table tr th:nth-child(6) {
    width: 13%;
  }

  .milkyTablerow.Parent_table .milkyTablerowMain table tr td:nth-child(1) {
    width: 25% !important;
  }
  .milkyTablerow.Parent_table .milkyTablerowMain table tr td:nth-child(2) {
    width: 26% !important;
  }
  .milkyTablerow.Parent_table .milkyTablerowMain table tr td:nth-child(3) {
    width: 10%;
  }
  .milkyTablerow.Parent_table .milkyTablerowMain table tr td:nth-child(4) {
    width: 13%;
  }
  .milkyTablerow.Parent_table .milkyTablerowMain table tr td:nth-child(5) {
    width: 13%;
  }
  .milkyTablerow.Parent_table .milkyTablerowMain table tr td:nth-child(6) {
    width: 13%;
  }

  .milkyTablerow.Child_table .milkyTablerowMain table tr td:nth-child(1).mapTitleColumn p.addFadeout {
    padding-left: 72px !important;
    margin-left: 0px;
  }
}
.compareBox.ghost {
  position: relative;
  z-index: 1;
}
.compareBox.ghost::after {
  position: absolute;
  left: 0px;
  right: 0px;
  content: "";
  margin: 0 auto;
  text-align: center;
  z-index: 2;
  background: rgba(120, 0, 255, 0.8);
  height: 100%;
  top: 0px;
  bottom: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: FontAwesome;
  font-size: 50px;
  color: #fff;
}

.compareDragBox {
  margin: 0px;
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
}

.errorWhite {
  color: #fff !important;
}

.bdrRadius3 {
  border-radius: 3px;
}

.m-button-small.bdrRadius3 {
  border-radius: 3px !important;
}

.milkyTablerow.lifeCycleMapsRow {
  background: #50435b;
}
.milkyTablerow.lifeCycleMapsRow:hover {
  background: #5a4f65 !important;
}
.milkyTablerow.lifeCycleMapsRow .milkyTablerowMain {
  padding-left: 40px;
  padding-right: 44px;
  border: solid 1px #50435b;
}
.milkyTablerow.lifeCycleMapsRow .milkyTablerowMain:hover {
  border: solid 1px #5a4f65;
}
.milkyTablerow.lifeCycleMapsRow .milkyTablerowMain table tr td:nth-child(1) {
  width: 52%;
}
.milkyTablerow.lifeCycleMapsRow .milkyTablerowMain table tr td:nth-child(2) {
  width: 55px;
}
.milkyTablerow.lifeCycleMapsRow .milkyTablerowMain table tr td:nth-child(3) {
  width: 70px;
  padding: 0px 0px 0px 10px;
}
.milkyTablerow.lifeCycleMapsRow .milkyTablerowMain table td.mapTitleColumn {
  padding-left: 21px;
  padding-right: 0px;
}
.milkyTablerow.lifeCycleMapsRow .milkyTablerowMain table td.mapTitleColumn p {
  padding-right: 21px;
}
.milkyTablerow.lifeCycleMapsRow .milkyTablerowMain table td.mapTitleColumn p.addFadeout {
  padding-left: 0px !important;
}
.milkyTablerow.lifeCycleMapsRow .milkyTablerowMain table td.createdDates {
  padding-left: 0px;
  padding-right: 0px !important;
}
.milkyTablerow.lifeCycleMapsRow .milkyTablerowMain table td.createdDates .userNameDisplayLC {
  margin-right: 2px;
  float: left;
}
.milkyTablerow.lifeCycleMapsRow .milkyTablerowMain table td.createdDates .userNameDisplayLC img {
  margin-right: 0px;
}
.milkyTablerow.lifeCycleMapsRow .milkyTablerowMain table td.createdDates .userNameDisplayLC span {
  background: #64d3b2;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  font-family: Inter;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 30px;
  align-items: center;
  text-align: center;
  color: #000000;
  text-transform: uppercase;
  display: block;
  float: left;
}
.milkyTablerow.lifeCycleMapsRow .milkyTablerowMain table td.createdDates .userNameDisplayLC span.userCountdisplay {
  background: #110a1a;
  color: #fff !important;
  font-size: 10px;
}
.milkyTablerow.lifeCycleMapsRow .milkyTablerowMain table td.createdDates .userNameDisplayLC span.userCountdisplay i {
  font-size: 9px;
}
.milkyTablerow.lifeCycleMapsRow .milkyTablerowMain .greyBgButton button {
  background: #3f3449;
}
.milkyTablerow.lifeCycleMapsRow .milkyTablerowMain .milkyDotsmenu {
  width: 44px;
}
.milkyTablerow.lifeCycleMapsRow .milkyTablerowMain .milkyDotsmenu img {
  width: 3px;
  height: 15px;
}
.milkyTablerow.lifeCycleMapsRow .milkyTablerowMain .milkyDotsmenu .dropdown span {
  margin-left: 7px !important;
}
.milkyTablerow.lifeCycleMapsRow .milkyTablerowMain .milkyDotsmenu .dropdown-menu {
  transform: translate3d(-112px, 15px, 0px) !important;
  min-width: 123px;
}
.milkyTablerow.lifeCycleMapsRow .milkyTablerowMain .milkyMedia {
  width: 40px;
  height: 65px;
}
.milkyTablerow.lifeCycleMapsRow .milkyTablerowMain .milkyMedia img {
  width: 40px;
  height: 63px;
}
.milkyTablerow.lifeCycleMapsRow .milkyTablerowMain .milkyMedia video {
  width: 40px;
  height: 65px;
  object-fit: cover;
  margin: 0px;
}

.LifeCycleStatusImg img {
  width: 15px;
  margin-right: 11px;
}

.selectArrowMain.changeUserDrop label {
  display: block;
}
.selectArrowMain.changeUserDrop .dropdown-toggle::after {
  border-top: none !important;
  border-right: none !important;
  border-left: none !important;
  top: 2px !important;
  color: #c2b8d0;
}
.selectArrowMain.changeUserDrop .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  color: #c2b8d0;
  font-weight: 500;
}
.selectArrowMain.changeUserDrop .bootstrap-select .dropdown-toggle {
  background: #110a1a !important;
  border: none !important;
}
.selectArrowMain.changeUserDrop .m-select-dropdown-sm .dropdown-menu li a:hover {
  color: #fff !important;
}
.selectArrowMain.changeUserDrop .m-select-dropdown-sm .dropdown-menu .bs-searchbox {
  background: #2d2637;
}
.selectArrowMain.changeUserDrop .m-select-dropdown-sm .dropdown-menu .bs-searchbox input {
  padding: 2px 6px;
  height: 25px;
}

.noScrollPopup {
  overflow: unset !important;
}

.mainModal .modal-ChangeUser {
  max-width: 406px;
}
.mainModal .modal-ChangeUser .modal-body {
  padding: 35px 35px 45px 35px !important;
}

.noBorder {
  border: none !important;
}

.overFlowScroll {
  overflow: auto;
}

.journeyPadLF {
  padding: 24px 24px 24px 24px;
}

.padInactiveMaps {
  padding: 24px 0px 0px 0px !important;
}

.lCMapsMain .milkyTablerow:nth-last-child(1) {
  margin-bottom: 0px;
}

.co-user-dropdown .m-select-filter-dropdown .dropdown-menu .inner ul li:nth-last-child(1) a {
  text-align: center;
  padding: 8px 10px !important;
}
.co-user-dropdown .m-select-filter-dropdown .dropdown-menu .inner ul li:nth-last-child(1) a span.check-mark {
  display: none;
}
.co-user-dropdown .m-select-filter-dropdown .dropdown-menu .inner ul li:nth-last-child(1) a span.text {
  margin: 0px;
}

.ownerNameFont {
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
}

.insightCompare {
  vertical-align: middle;
  display: inline-flex;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.insightCompare .insights-toggle-menu {
  width: 11px;
  height: 8px;
  display: inline-block;
  background: url("/bundles/map/images/arrow-icon-dowm-w.svg") no-repeat;
  background-size: 11px 8px;
  margin: 12px 10px;
}
.insightCompare.collapsed .insights-toggle-menu {
  background: url("/bundles/map/images/arrow-icon-dowm-w.svg") no-repeat;
  background-size: 11px 8px;
  transform: rotate(180deg);
  margin: 11px 10px;
  width: 11px;
  height: 8px;
  display: inline-block;
}

.align-top {
  vertical-align: top;
}

.compareinsightMain {
  padding: 5px 15px 15px 15px;
}
.compareinsightMain .compareinsightlist {
  background: #110a1a;
  border-radius: 100px;
  padding-left: 12px;
  padding-right: 12px;
  height: 25px;
}
.compareinsightMain .compareinsightlist span {
  font-size: 13px;
  text-align: right;
  font-weight: 600;
  display: block;
  color: #fff;
  width: 100%;
  line-height: 25px;
  margin: 0;
}
.compareinsightMain .compareinsightlist span img {
  width: 11px;
  margin-right: 8px;
  float: left;
  margin-top: 8px;
}
.compareinsightMain .collapse.show.inSightComparecollaspe {
  display: none;
}

.motcompareEpisodeData {
  padding: 0;
}
.motcompareEpisodeData ol li.episodeMOT {
  padding-bottom: 10px;
  padding-left: 0;
  margin-bottom: 0;
  padding-top: 10px;
}
.motcompareEpisodeData ol li.episodeMOT:before {
  left: 10px;
  top: 8px;
}
.motcompareEpisodeData ol li.episodeMOT .episodeTXT {
  display: block;
  padding-right: 35px;
  padding-left: 45px;
}
.motcompareEpisodeData ol li.episodeMOT .compareMOT:nth-last-child(1) .insightwidgetBoxMain {
  border-bottom: solid 0px #110a1a;
  margin-bottom: -10px;
}
.motcompareEpisodeData ol li.episodeMOT .compareMOT:nth-of-type(1) .insightwidgetBoxMain {
  margin-top: 10px;
  border-top: solid 2px #110a1a;
}
.motcompareEpisodeData ol li.episodeMOT .compareMOT .insightwidgetBoxMain {
  margin-bottom: 0;
  border-bottom: solid 2px #110a1a;
}
.motcompareEpisodeData ol li.episodeMOT .compareMOT .insightwidgetBoxMain .widgetDispayBox .widgetData {
  padding: 0;
}
.motcompareEpisodeData ol li.episodeMOT .compareMOT .insightwidgetBoxMain .widgetDispayBox .widgetData .motbox {
  height: auto !important;
  background: #5a4f65;
  border-radius: 0px;
  box-shadow: none;
  padding: 11px;
  display: flex;
}
.motcompareEpisodeData ol li.episodeMOT .compareMOT .insightwidgetBoxMain .widgetDispayBox .widgetData .motbox .motinsightlist {
  display: none;
}
.motcompareEpisodeData ol li.episodeMOT .compareMOT .insightwidgetBoxMain .widgetDispayBox .widgetData .motbox .motText {
  margin: 0px;
  width: 170px;
  float: left;
}
.motcompareEpisodeData ol li.episodeMOT .compareMOT .insightwidgetBoxMain .widgetDispayBox .widgetData .motbox .motIcon {
  margin: 0;
  width: 35px;
  float: left;
  text-align: left !important;
}
.motcompareEpisodeData ol li.episodeMOT .compareMOT .insightwidgetBoxMain .widgetDispayBox .widgetData .motbox .motIcon img {
  width: 15px;
  margin-left: 5px;
  margin-top: 0px;
}
.motcompareEpisodeData ol li.episideNormal {
  padding-left: 45px;
  margin-bottom: 0;
  padding-top: 10px;
}
.motcompareEpisodeData ol li.episideNormal:before {
  left: 10px;
  top: 8px;
}

.motCompare {
  vertical-align: middle;
  display: inline-flex;
  width: 25px;
  height: 25px;
  cursor: pointer;
  position: absolute;
  top: 8px;
  right: 5px;
}
.motCompare .motCompare-toggle-menu {
  width: 11px;
  height: 8px;
  display: inline-block;
  background: url("/bundles/map/images/arrow-icon-dowm-w.svg") no-repeat;
  background-size: 11px 8px;
  margin: 8.5px 6.5px;
  transform: rotate(0deg) !important;
}
.motCompare.expand-hide .motCompare-toggle-menu {
  width: 11px;
  height: 8px;
  display: inline-block;
  background: url("/bundles/map/images/arrow-icon-dowm-w.svg") no-repeat;
  background-size: 11px 8px;
  margin: 8.5px 6.5px;
  transform: rotate(180deg) !important;
}
.motCompare.collapsed .motCompare-toggle-menu {
  background: url("/bundles/map/images/arrow-icon-dowm-w.svg") no-repeat;
  background-size: 11px 8px;
  margin: 8.5px 6.5px;
  width: 11px;
  height: 8px;
  display: inline-block;
  transform: rotate(0deg) !important;
}

.compareInsightBox {
  background: #5a4f65;
  padding: 0;
  border-radius: 3px;
}
.compareInsightBox .insightWidgetNew .widgetData {
  display: flex;
}
.compareInsightBox .insightWidgetNew .widgetData .insightsBox {
  width: 100%;
  padding: 15px 15px 15px 15px !important;
}
.compareInsightBox .insightWidgetNew .widgetData .insightsBox:hover {
  background: #5a4f65 !important;
}
.compareInsightBox .insightWidgetNew .widgetData .insightsBox .insiteData {
  margin-bottom: 0 !important;
  width: 100% !important;
  text-align: left;
  float: none;
  -webkit-line-clamp: 2 !important;
}
.compareInsightBox .insightWidgetNew .widgetData .insightsBox .customFieldGlobalblock {
  padding-top: 10px !important;
}
.compareInsightBox .insightWidgetNew .widgetData .insightsBox .col-12 {
  width: 100% !important;
  text-align: left;
  float: none;
}
.compareInsightBox .insightWidgetNew .widgetData .insightsBox .col-12 .customRepeatBox {
  padding: 0px !important;
}
.compareInsightBox .insightWidgetNew .widgetData .insightsBox .col-12 .row {
  margin: 0;
}
.compareInsightBox .insightWidgetNew .widgetData .insightsBox .col-12 .row .col-6 {
  padding: 0px;
  position: relative;
}
.compareInsightBox .insightWidgetNew .widgetData .insightsBox .col-12 .row .col-6.compareCustom {
  right: auto;
}
.compareInsightBox .insightWidgetNew .widgetData .insightsBox .col-12 .row .col-6.compareCustom .customlistdotsbox {
  padding: 0px;
  width: 30px;
}
.compareInsightBox .insightWidgetNew .widgetData .insightsBox .col-12 .row .col-6.compareCustom .customlistdotsbox .customcolor1 {
  margin-left: 0px !important;
  margin-right: 0px !important;
  margin-top: 10px;
}
.compareInsightBox .insightWidgetNew .widgetData .insightsBox .col-12 .row .col-6.compareCustom .customlistdotsbox .customcolor1 i {
  margin-right: 0px;
}
.compareInsightBox .insightWidgetNew .widgetData .insightsBox .col-12 .row .col-6.compareCustom .customlistdotsbox .customcolor2 {
  margin-left: 0px !important;
  margin-right: 0px !important;
  margin-top: 10px;
}
.compareInsightBox .insightWidgetNew .widgetData .insightsBox .col-12 .row .col-6.compareCustom .customlistdotsbox .customcolor2 i {
  margin-right: 0px;
}
.compareInsightBox .insightWidgetNew .widgetData .insightsBox .col-12 .row .col-6.compareCustom .customlistdotsbox .customcolor3 {
  margin-top: 10px;
}
.compareInsightBox .insightWidgetNew .widgetData .insightsBox .col-12 .row .col-6.compareCustom .customlistdotsbox .customcolor3 i {
  margin-right: 0px;
}
.compareInsightBox .insightWidgetNew .widgetData .insightsBox .col-12 .row .col-6.compareCustom .customlistdotsbox .customcolor4 {
  margin-top: 10px;
}
.compareInsightBox .insightWidgetNew .widgetData .insightsBox .col-12 .row .col-6.compareCustom .customlistdotsbox .customcolor4 i {
  margin-right: 0px;
}
.compareInsightBox .insightWidgetNew .widgetData .insightsBox .col-12 .row .col-6.compareourInsight {
  left: 0px;
  top: 5px;
}
.compareInsightBox .insightwidgetBoxMain .widgetDispayBox .widgetData {
  padding: 0px !important;
}
.compareInsightBox .insightwidgetBoxMain .widgetDispayBox .widgetData .personBox {
  border-radius: 3px !important;
  box-shadow: none !important;
}
.compareInsightBox .insightwidgetBoxMain .widgetDispayBox .widgetData .personBox:hover {
  background: #5a4f65 !important;
}
.compareInsightBox .insightwidgetBoxMain .widgetDispayBox .widgetData .personBox.our .ourwidgetbg {
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
}
.compareInsightBox .insightwidgetBoxMain .widgetDispayBox .widgetData .personBox .insiteData {
  word-break: break-word;
}

.insightmot-compare {
  float: left;
  max-width: calc(100% - 40px);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-top: 5px;
}

.selectedCompare.Child_table .milkyTablerowMain {
  border: solid 1px #7800ff !important;
}
.selectedCompare.Child_table .milkyTablerowMain .milkyCheckbox {
  border-left: solid 1px #7800ff;
}

.mainTableMaps.selectedCompare section .Parent_table .milkyTablerowInner .milkyTablerowMain {
  border: solid 1px #7800ff;
}
.mainTableMaps.selectedCompare section .Child_table .milkyTablerowInner .milkyTablerowMain {
  border: solid 1px transparent;
}

.headingrow .milkyTablerowMain .table thead th span.sort-toggle-btn {
  position: relative;
  max-width: 100%;
  border-radius: 100px;
  line-height: 10px;
  font-size: 13px;
  background: #110a1a;
  text-align: center;
  font-weight: 500;
  display: inline-block;
  color: #fff;
  cursor: pointer;
  padding-left: 8px;
  padding-right: 15px;
  padding-top: 7px;
  padding-bottom: 7px;
  height: 25px;
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.headingrow .milkyTablerowMain .table thead th span.sort-toggle-btn.co-owner {
  max-width: 160px;
}
.headingrow .milkyTablerowMain .table thead th span.sort-toggle-btn.l-date {
  margin-left: 21px;
}
.headingrow .milkyTablerowMain .table thead th span.sort-toggle-btn.titlename {
  margin-left: 51px;
}
.headingrow .milkyTablerowMain .table thead th span.sort-toggle-btn .tableFiltericons {
  position: absolute;
  right: 5px;
}
.headingrow .milkyTablerowMain .table thead th span.sort-toggle-btn.ascendingOrder img.ascendingOrderIcon {
  display: inline-block;
}
.headingrow .milkyTablerowMain .table thead th span.sort-toggle-btn.ascendingOrder img.bothOrderIcon {
  display: none;
}
.headingrow .milkyTablerowMain .table thead th span.sort-toggle-btn.ascendingOrder img.descendingOrderIcon {
  display: none;
}
.headingrow .milkyTablerowMain .table thead th span.sort-toggle-btn.descendingOrder img.descendingOrderIcon {
  display: inline-block;
}
.headingrow .milkyTablerowMain .table thead th span.sort-toggle-btn.descendingOrder img.bothOrderIcon {
  display: none;
}
.headingrow .milkyTablerowMain .table thead th span.sort-toggle-btn.descendingOrder img.ascendingOrderIcon {
  display: none;
}
.headingrow .milkyTablerowMain .table thead th span.sort-toggle-btn.bothorder img.descendingOrderIcon {
  display: none;
}
.headingrow .milkyTablerowMain .table thead th span.sort-toggle-btn.bothorder img.bothOrderIcon {
  display: inline-block;
}
.headingrow .milkyTablerowMain .table thead th span.sort-toggle-btn.bothorder img.ascendingOrderIcon {
  display: none;
}
.headingrow .milkyTablerowMain .table thead th span.sort-toggle-btn:hover {
  background: #7801FF;
}
.headingrow .milkyTablerowMain .table thead th span.sort-toggle-btn.active {
  background: #7801FF;
}
.headingrow .milkyTablerowMain .table thead th span.sort-toggle-btn.titlespace {
  margin-left: 53px;
}
.headingrow .milkyTablerowMain .table thead th span.sort-toggle-btn img {
  width: 7px;
  height: 10px;
  margin-left: 7px;
}

.widgetAreaMainSection .innerBoxItem.map-journey-widgtsbox {
  min-height: 200px;
}
.widgetAreaMainSection .innerBoxItem.map-journey-widgtsbox .widgetArea .widgettopTitle {
  height: 34px;
}
.widgetAreaMainSection .innerBoxItem.map-journey-widgtsbox .widgetArea .addWidgetArea .addWidgetAreaInner .btnaddwidget {
  height: 30px;
}

.co-user-dropdown .bootstrap-select .dropdown-menu {
  min-height: 25px;
  max-height: 198px !important;
  padding-bottom: 47px;
  background: #2d2637;
}
.co-user-dropdown .bootstrap-select .dropdown-menu .inner {
  min-height: 25px;
  max-height: 140px;
}
.co-user-dropdown .bootstrap-select .dropdown-menu .inner ul {
  min-height: 25px;
  max-height: 155px !important;
  height: 100% !important;
}
.co-user-dropdown .bootstrap-select .dropdown-menu .inner ul li:nth-last-child(1) {
  position: absolute;
  z-index: 100;
  width: calc(100% - 2px);
  bottom: 0;
}

.stickyMaps {
  top: 111px !important;
}

.customListHandle {
  position: absolute;
  left: 0px;
  top: -3px;
}
.customListHandle i {
  color: #524a5e;
}
.customListHandle:hover {
  cursor: move;
}

.cslistspace {
  padding-left: 20px;
  float: none !important;
}

.custom-list.ghost {
  position: relative;
  z-index: 1;
}
.custom-list.ghost::after {
  position: absolute;
  left: 0px;
  right: 0px;
  content: "";
  margin: 0 auto;
  text-align: center;
  z-index: 2;
  background: rgba(120, 0, 255, 0.8);
  height: 100%;
  top: 0px;
  bottom: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: FontAwesome;
  font-size: 36px;
  color: #fff;
}

.template.icon img {
  width: 10px !important;
}

.map-icon-list {
  padding-top: 37px;
  padding-left: 5px;
  padding-right: 10px;
  position: relative;
  z-index: 996;
}
.map-icon-list img {
  height: 20px;
}

.mainModal .map-icon-list {
  padding-top: 45px;
  display: none;
}
.mainModal .mapsTabs .nav-tabs {
  max-width: calc(100% - 0px) !important;
}

.milkyTablerow.Child_table.search_childmap .milkyTablerowMain table tr td:nth-child(1) .userIconBg {
  left: 84px;
}
.milkyTablerow.Child_table.search_childmap .milkyTablerowMain table tr td:nth-child(1).mapTitleColumn p.addFadeout {
  padding-left: 50px !important;
}
.milkyTablerow.Child_table.search_childmap .profileChecked.emptyDiv {
  width: 52px;
}
.milkyTablerow.Child_table.search_childmap .milkyMedia {
  left: 0px;
}
.milkyTablerow.Child_table.search_childmap .childMap-info button {
  border-radius: 50%;
  padding: 0px;
  position: relative;
  font-weight: 600;
  border: none !important;
  height: 30px;
  width: 30px;
  background: #3f3449 !important;
  margin-left: 5px;
}
.milkyTablerow.Child_table.search_childmap .childMap-info button img {
  width: 16px;
  height: auto;
  margin-left: 7px;
  margin-right: 0px !important;
  background: none !important;
}

.tab-content .custom-list {
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: solid 1px #2d2637;
}
.tab-content .custom-list:nth-last-child(1) {
  border-bottom: solid 0px #2d2637;
}
.tab-content .custom-list .umtable.billinginfotable {
  margin-bottom: 0;
}

.subscrption-type {
  max-width: 350px !important;
}
.subscrption-type.mapsPage {
  max-width: none !important;
}
.subscrption-type.mapsPage .subscrption-typenames .subscrption-typetext h6 {
  line-height: 50px;
}
.subscrption-type.mapsPage .parentChildMapnameDisplay {
  left: 327px !important;
}
.subscrption-type .navbar-brand {
  float: left;
  margin-right: 0 !important;
}
.subscrption-type .subscrption-typenames {
  float: left;
  position: relative;
  margin-left: 3px;
}
.subscrption-type .subscrption-typenames .subscrption-typetext {
  width: 100%;
}
.subscrption-type .subscrption-typenames .subscrption-typetext h6 {
  font-size: 12px;
  color: #fff;
  margin: 0;
  padding: 0;
  font-weight: 700;
  line-height: 50px;
}
.subscrption-type .subscrption-typenames .subscrption-typetext h6 span {
  font-weight: 500 !important;
  padding-right: 2px;
}
.subscrption-type .subscrption-typenames .subscrption-typetext h6 span.upgrade {
  font-weight: 700 !important;
  color: #FB923C;
}
.subscrption-type .subscrption-typenames .subscrption-typetext h6 span.upgrade:hover {
  cursor: pointer;
}
.subscrption-type .subscrption-typenames .subscrption-typetext h6 span.trail {
  font-weight: 700 !important;
  color: #EAB308;
  padding-left: 2px;
}

.map-persona, .lc-persona {
  position: relative;
}
.map-persona.disabled, .lc-persona.disabled {
  pointer-events: none;
}
.map-persona.disabled::before, .lc-persona.disabled::before {
  z-index: 9;
  border-radius: 10px;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--Background_Disabled);
  opacity: 0.8;
  border-radius: 5px;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 12px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: block;
  color: #fff;
  text-align: right;
}
.map-persona.disabled:hover .personaControls, .lc-persona.disabled:hover .personaControls {
  visibility: hidden;
}

.personaWidgetBig.disabled {
  pointer-events: none;
}
.personaWidgetBig.disabled::before {
  z-index: 100;
  border-radius: 10px;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--Background_Disabled);
  opacity: 0.8;
  border-radius: 5px;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 12px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: block;
  color: #fff;
  text-align: right;
}
.personaWidgetBig.disabled:hover {
  border: 1px solid transparent !important;
}

.milkyTablerow.disabled {
  pointer-events: none;
}
.milkyTablerow.disabled::before {
  z-index: 9;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--Background_Disabled);
  opacity: 0.8;
  border-radius: 5px;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 12px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: block;
  color: #fff;
  text-align: right;
}
.milkyTablerow.disabled:hover {
  background: #2d2637 !important;
}

.mymapsFilterOptionsMain .filterButtonrp .miklymaps-btn {
  display: inline-block;
  margin: 0px 0px 0px 11px;
}
.mymapsFilterOptionsMain .filterButtonrp .miklymaps-btn button {
  margin: 0px 0px 0px 0px;
  display: block;
}

.m-button-small.color-btn-sm-color.color-btn-sm {
  background: #FFB340 !important;
  color: #000 !important;
  border-radius: 5px;
}
.m-button-small.color-btn-sm-color.color-btn-sm:hover, .m-button-small.color-btn-sm-color.color-btn-sm:focus, .m-button-small.color-btn-sm-color.color-btn-sm:visited, .m-button-small.color-btn-sm-color.color-btn-sm:active {
  background: #FFB340 !important;
  color: #000 !important;
}

.timeupdateselected .milkyTablerowMain {
  border: solid 1px #64d3b2;
}
.timeupdateselected.Child_table .milkyTablerowMain .milkyMedia {
  border-left: solid 1px #64d3b2;
}
.timeupdateselected.Child_table .milkyTablerowMain .userIconBg .usericon {
  margin: 15.5px 0px 0px 21px;
}
.timeupdateselected.Child_table .milkyTablerowMain .milkyCheckbox {
  border-left: solid 1px #64d3b2;
}
.timeupdateselected .updatestatus_icon {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  position: absolute;
  right: -10px;
  top: -5px;
  display: block;
  background: #64d3b2;
  z-index: 2;
  background: url("/bundles/admin/images/Update_Status_Icon.svg") no-repeat;
  background-size: 25px 25px;
}
.timeupdateselected.mm-disabled .updatestatus_icon {
  display: none;
}

.updatestatus_icon {
  display: none;
}

.mr-11 {
  margin-right: 11px;
}

.theme-light .timeupdateselected .milkyTablerowMain {
  border: solid 1px #13b182 !important;
}
.theme-light .timeupdateselected.Child_table .milkyTablerowMain .milkyMedia {
  border-left: solid 1px #13b182 !important;
}
.theme-light .timeupdateselected.Child_table .milkyTablerowMain .userIconBg .usericon {
  margin: 15.5px 0px 0px 21px !important;
}
.theme-light .timeupdateselected.Child_table .milkyTablerowMain .milkyCheckbox {
  border-left: solid 1px #13b182 !important;
}

/********************** Signupder Styles ***********************/
/*************** 1. Imports ******************/
/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Mixins ******************/
@media screen and (max-width: 810px) {
  #section1,
#section2,
#section3,
#section41,
#section42 {
    margin-left: 150px;
  }
}
.common {
  width: 100%;
  float: left;
  height: 100vh;
  display: table;
}

.column {
  padding-left: 15px;
  padding-right: 15px;
}

.column1 {
  width: 14.28%;
}

.column2 {
  width: 28.57%;
}

.column3 {
  width: 42.85%;
}

.column4 {
  width: 57.13%;
}

.column5 {
  width: 71.41%;
}

.column6 {
  width: 85.7%;
}

.column7 {
  width: 100%;
}

.innerBoxItem {
  flex-shrink: 0;
  white-space: normal;
  text-align: left;
  word-break: break-word;
  padding: 0 15px;
}
.rightTopContent.scrollbar {
  border-radius: 0;
}

@media screen and (max-width: 767px) {
  .column1,
.column2,
.column3,
.column4,
.column5,
.column6,
.column7 {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1399px) {
  .column1 {
    width: 187px;
  }

  .column2 {
    width: 374px;
  }

  .column3 {
    width: 561px;
  }

  .column4 {
    width: 748px;
  }

  .column5 {
    width: 935px;
  }

  .column6 {
    width: 1122px;
  }

  .column7 {
    width: 1309px;
  }
}
@media (min-width: 1299px) and (max-width: 1699px) {
  #MainRightContent {
    width: 95% !important;
  }

  .widgetAreaMainSection .column1 {
    width: 204px !important;
  }

  .journeyMapsectionLeft .column1,
.journeyMapsectionLeft .column2 {
    width: 35%;
  }
  .journeyMapsectionLeft .column3 {
    width: 561px;
  }
  .journeyMapsectionLeft .column4 {
    width: 638px;
  }
  .journeyMapsectionLeft .column5 {
    width: 65%;
  }
  .journeyMapsectionLeft .column6 {
    width: 1122px;
  }
  .journeyMapsectionLeft .column7 {
    width: 1309px;
  }
}
.episodesMainDiv {
  min-height: 220px;
}
.episodesMainDiv .rightMiddleContent {
  display: flex;
}

.rightWrapper {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  padding: 0 15px 0px 15px;
}

.rightWrapperAuto {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  padding: 0;
}

.leftwrapper {
  width: 50px !important;
  position: sticky;
  left: -15px;
  background-color: #2d2637;
  border: 2px solid #110a1a !important;
  border-left: 0 !important;
  border-top: 0 !important;
  transition: 0.5s;
  z-index: 3;
}
.leftwrapper .leftwrapperInnerMenu {
  padding: 10px 5px;
  height: 100%;
  position: sticky;
  left: -15px;
  z-index: 1;
}
.leftwrapper .leftwrapperInnerMenu .leftwrapperTopSection,
.leftwrapper .leftwrapperInnerMenu .leftwrapperMiddleSection,
.leftwrapper .leftwrapperInnerMenu .leftwrapperBottomSection {
  min-height: 100px;
  height: 100%;
}
.leftwrapper .leftwrapperInnerMenu .leftwrapperTopSection.TPAlignmentTxt p,
.leftwrapper .leftwrapperInnerMenu .leftwrapperMiddleSection.TPAlignmentTxt p,
.leftwrapper .leftwrapperInnerMenu .leftwrapperBottomSection.TPAlignmentTxt p {
  top: 50%;
}
.leftwrapper .leftwrapperInnerMenu .leftwrapperTopSection p,
.leftwrapper .leftwrapperInnerMenu .leftwrapperMiddleSection p,
.leftwrapper .leftwrapperInnerMenu .leftwrapperBottomSection p {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  -webkit-transform: rotate(-90deg) translate(20%, 0px);
  -ms-transform: rotate(-90deg) translate(20%, 0px);
  transform: rotate(-90deg) translate(20%, 0px);
  padding: 20px 0;
  position: relative;
  top: 45%;
  letter-spacing: 1px;
  white-space: nowrap;
}
.leftwrapper .leftwrapperInnerMenu .leftwrapperMiddleSection.KPIAlignment p {
  left: -55px;
  width: 115px;
  white-space: nowrap;
}
.leftwrapper .leftwrapperInnerMenu .leftwrapperMiddleSection .addLaneIcon {
  background: #7b6c8f;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.8);
  -ms-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.8);
  -o-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.8);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.8);
  border-radius: 5px;
  padding: 8px 10px;
  position: relative;
  top: 10px;
  left: -16px;
  cursor: pointer;
}
.leftwrapper .leftwrapperInnerMenu .leftwrapperMiddleSection .addLaneIcon i {
  color: #000;
  font-size: 18px;
}
.leftwrapper .leftwrapperInnerMenu .leftwrapperMiddleSection .addLaneIcon:hover {
  background: #7800ff;
}
.leftwrapper .leftwrapperInnerMenu .leftwrapperMiddleSection .addLaneIcon:hover i {
  color: #fff;
}
.leftwrapper .leftwrapperInnerMenu .bottomMoreActions {
  position: absolute;
  bottom: 10px;
  left: -17px;
  padding: 5px 7px;
  border-radius: 2px;
}
.leftwrapper .leftwrapperInnerMenu .bottomMoreActions:hover {
  background: transparent;
}

.rightMiddleContent {
  min-height: 220px;
}

.rightTopContent,
.rightMiddleContent {
  flex-wrap: nowrap;
  padding: 0 20px 0px 0;
}

.rightMiddleContent .width-14.innerBoxItem {
  border-left: none;
  border-bottom: 2px solid #3f3449;
  border-right: 2px solid #3f3449;
}
.rightTopContent .widgetArea .formsection .form-group:first-child {
  margin-top: 0px;
}

#MainRightContent {
  width: 96%;
}

/********** Widget ***************/
.widgetArea {
  margin: 20px 0px;
  /********* Image Widget ************/
  /*********** Icons ***********/
  /********** Dimensions **********/
  /********** Attachments *************/
}
@media (min-width: 1199px) and (max-width: 1599px) {
  .widgetArea {
    margin: 20px 0px;
  }
}
.widgetArea .PublishBtn .btn {
  width: 100% !important;
}
.widgetArea .formsection {
  padding: 0;
}
.widgetArea .formsection label {
  color: #7b6c8f;
  font-size: 14px;
}
@media (min-width: 1199px) and (max-width: 1599px) {
  .widgetArea .formsection label {
    font-size: 13px !important;
  }
}
.widgetArea .formsection .form-group .form-control {
  padding: 5px 5px 5px 8px !important;
  -webkit-box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
  -ms-box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
  -o-box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
  border: 1px solid #000;
  background: #1f1829 !important;
}
.widgetArea .formsection .dropdown {
  float: right;
}
.widgetArea .formsection .bootstrap-select .dropdown-toggle {
  padding: 2px 6px;
  font-weight: 300;
}
.widgetArea .formsection .bootstrap-select .dropdown-toggle .filter-option-inner {
  padding-right: 20px;
  position: relative;
}
.widgetArea .formsection .bootstrap-select .dropdown-toggle .filter-option-inner .filter-option-inner-inner i {
  margin: 1px 0px 0px;
  display: inline-block;
  vertical-align: text-top;
}
.widgetArea .formsection .bootstrap-select .dropdown-menu {
  background: #1f1829;
  top: 8px !important;
  left: -8px !important;
}
.widgetArea .formsection .bootstrap-select .dropdown-menu li a.selected {
  color: #fff;
  font-weight: 300;
}
.widgetArea .formsection .bootstrap-select .dropdown-menu li a.selected .check-mark {
  top: 12px;
}
.widgetArea .formsection .bootstrap-select .dropdown-menu li a:hover {
  background: #2d2637;
  color: #7b6c8f;
}
.widgetArea .formsection .btn {
  font-weight: 600;
  width: auto;
}
@media (min-width: 1024px) and (max-width: 1424px) {
  .widgetArea .formsection .btn {
    font-size: 13px;
    width: 100%;
  }
}
.widgetArea .formsection .btn.dropdown-toggle {
  width: 100%;
  background: transparent;
  border: none;
}
.widgetArea .addImage {
  background: #1f1829;
  height: 7vw;
  width: 100%;
  text-align: center;
  border: 2px solid #000;
}
.widgetArea .addImage .addimageInner {
  background: #7b6c8f;
  border-radius: 3px;
  padding: 8px 10px;
  -webkit-box-shadow: 0px 4px 4px #000;
  -moz-box-shadow: 0px 4px 4px #000;
  -ms-box-shadow: 0px 4px 4px #000;
  -o-box-shadow: 0px 4px 4px #000;
  box-shadow: 0px 4px 4px #000;
  cursor: pointer;
  margin: 0 auto;
}
.widgetArea .addImage .addimageInner .imagePreview {
  width: 100%;
  background-position: center center;
  background: url(/bundles/map/images/no-image.jpeg);
  background-size: cover;
  background-repeat: no-repeat;
}
.widgetArea .addImage .addimageInner label {
  margin: 0;
  cursor: pointer;
}
.widgetArea .addImage .addimageInner label .media-icon {
  color: #110a1a;
  background: url(/bundles/map/images/media-icon.svg) no-repeat;
  display: block;
  height: 16px;
  width: 20px;
}
.widgetArea .addImage:hover {
  background: #2e233e;
  cursor: pointer;
}
.widgetArea .addImage:hover .addimageInner {
  background: #7800ff;
}
.widgetArea .addImage:hover .addimageInner .media-icon {
  background: url(/bundles/map/images/media-icon.svg) no-repeat -20px 0;
}
.widgetArea .iconswithBG li {
  display: block;
  margin: 5px 0px;
  background: #1f1829;
  border: 1px solid #000;
  -webkit-box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
  -ms-box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
  -o-box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
  color: #7b6c8f;
  padding: 0px 10px;
  text-align: center;
}
.widgetArea .iconswithBG li.addBtn {
  box-shadow: none;
}
.widgetArea .iconswithBG li i,
.widgetArea .iconswithBG li span {
  display: inline-block;
  vertical-align: middle;
}
.widgetArea .iconswithBG li i:hover {
  opacity: 0.8;
}
.widgetArea .iconswithBG li span {
  font-size: 13px;
  margin-left: 10px;
}
@media (min-width: 1024px) and (max-width: 1424px) {
  .widgetArea .iconswithBG li span {
    font-size: 13px;
    margin-left: 5px;
  }
}
.widgetArea .iconswithBG li.addBtn {
  background: transparent;
  padding: 0px;
  margin: 15px auto;
  text-align: center;
  border: none;
}
.widgetArea .iconswithBG li.addBtn .btn-emptyBg {
  background: transparent;
  border: 1px solid #433c4a;
  color: #fff;
  font-size: 13px;
  border-radius: 0px;
  width: auto;
  padding: 10px;
}
.widgetArea .iconswithBG li.addBtn .btn-emptyBg i {
  margin-right: 10px;
}
.widgetArea .widgettopTitle {
  border-bottom: 2px solid #3f3449;
  font-size: 13px;
  background: #150e1f;
  padding: 5px 15px;
  position: relative;
  left: -20px;
  top: -20px;
  width: 118.7%;
  font-weight: 600;
  font-family: "Roboto Mono", monospace;
  text-align: center;
  color: #7b6c8f;
}
.widgetArea .widgettopTitle p {
  margin: 0px;
}
@media (min-width: 1199px) and (max-width: 1398px) {
  .widgetArea .widgettopTitle {
    width: 129%;
  }
}
@media (min-width: 1399px) and (max-width: 1599px) {
  .widgetArea .widgettopTitle {
    width: 127%;
  }
}
@media (min-width: 1600px) and (max-width: 1891px) {
  .widgetArea .widgettopTitle {
    width: 122%;
  }
}
@media (min-width: 1946px) and (max-width: 2421px) {
  .widgetArea .widgettopTitle {
    width: 115%;
  }
}
@media (min-width: 2422px) and (max-width: 3421px) {
  .widgetArea .widgettopTitle {
    width: 122%;
  }
}
@media (min-width: 3422px) and (max-width: 5921px) {
  .widgetArea .widgettopTitle {
    width: 110%;
  }
}
.widgetArea .widgettopTitle .dropdown {
  top: 5px;
  right: 5px;
  float: none;
  position: absolute;
}
.widgetArea .widgettopTitle .dropdown .dropdown-toggle {
  padding: 15px;
  margin: 0px;
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  padding: 0px;
}
.widgetArea .widgettopTitle .dropdown .dropdown-toggle img {
  width: 3px;
  vertical-align: middle;
  height: 15px;
  margin: 4.5px 10.5px !important;
}
.widgetArea .widgettopTitle .dropdown .dropdown-toggle:hover {
  background: #2d2637;
}
.widgetArea .widgettopTitle div {
  margin: 0px;
  font-family: "Roboto Mono", monospace;
}
.widgetArea .widgettopTitle div i {
  vertical-align: middle;
  margin: 3px 0px 0px;
}
.widgetArea .widgettopTitle div i.sortIcon {
  float: left;
  visibility: hidden;
  font-size: 16px;
  position: absolute;
  left: 10px;
}
.widgetArea .widgettopTitle div span {
  margin: 2px 0px 0px;
  display: inline-block;
}
.widgetArea .widgettopTitle div .dropdown .dropdown-toggle {
  visibility: hidden;
  cursor: pointer;
}
.widgetArea .widgettopTitle:hover .sortIcon {
  visibility: visible;
  cursor: pointer;
}
.widgetArea .widgettopTitle:hover .dropdown .dropdown-toggle {
  visibility: visible;
  cursor: pointer;
}
.widgetArea .widgettopTitle .dropdown-menu {
  background: #26202e !important;
  padding: 0px;
  border-radius: 0px;
  right: 0px !important;
  left: 10px !important;
  transform: translate3d(-101px, 12px, 0px) !important;
  z-index: 10;
  border: 1px solid #000 !important;
  border-bottom: none !important;
  min-width: 110px;
  border-radius: 0px !important;
}
.widgetArea .widgettopTitle .dropdown-menu a {
  font-family: "Inter", sans-serif;
  text-align: left;
  width: 100%;
  display: block;
  font-size: 13px;
  padding: 4px 11px !important;
  font-weight: 600;
  border-bottom: 1px solid #000 !important;
  color: #fff;
}
.widgetArea .widgettopTitle .dropdown-menu a.delete:hover {
  background: #9e0000;
}
.widgetArea .widgettopTitle .dropdown-menu a:hover, .widgetArea .widgettopTitle .dropdown-menu a:focus, .widgetArea .widgettopTitle .dropdown-menu a:visited, .widgetArea .widgettopTitle .dropdown-menu a:active {
  background: #3f3449;
}
.widgetArea .brandBg {
  background: #fff;
  padding: 0px 5px;
  color: #000;
  margin: 0 auto;
  text-align: center;
  width: 70%;
}
@media (min-width: 1299px) and (max-width: 1699px) {
  .widgetArea .brandBg {
    width: 65%;
  }
}
.widgetArea .brandBg img {
  width: 100%;
  height: 27px;
  object-fit: contain;
  padding: 3px 0px;
}
@media (min-width: 1299px) and (max-width: 1399px) {
  .widgetArea .brandBg img {
    width: 60px;
    height: 25px;
  }
}
.widgetArea .viewDimensions p {
  background: #1f1829;
  padding: 5px;
  color: #c2b8d0;
  font-size: 12px;
}
.widgetArea .AttachmentsMain h5 {
  color: #c2b8d0;
  font-size: 13px;
  margin: 0;
  font-weight: 500;
  width: 90%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.widgetArea .AttachmentsMain small {
  font-size: 10px;
  color: #7b6c8f;
  font-weight: 500;
}
.widgetArea .AttachmentsMain .dropdown .dropdown-toggle {
  position: absolute;
  top: -10px;
  right: 4px;
  color: #7b6c8f;
  padding: 10px 15px;
  z-index: 1;
  display: block;
  height: 61px;
}
.widgetArea .AttachmentsMain .dropdown .dropdown-toggle img {
  width: 3px;
  height: 15px;
  vertical-align: middle;
  margin: 4.5px 10.5px;
}
.widgetArea .AttachmentsMain .dropdown .dropdown-toggle:hover {
  background: #2d2637;
}
.widgetArea .AttachmentsMain.ListwithFiles li {
  margin: 5px 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  margin: 3px 0;
  padding: 3px;
  cursor: pointer;
  margin-bottom: 7.5px !important;
  height: 40px !important;
  padding: 3px 0px !important;
  background: #1f1829;
  border-radius: 3px;
}
.widgetArea .AttachmentsMain.ListwithFiles li:hover {
  background: #1f1829;
}
.widgetArea .AttachmentsMain.ListwithFiles li:hover .file-3dots-menu {
  visibility: visible !important;
}
.widgetArea .AttachmentsMain.ListwithFiles li:hover .dropdown-toggle {
  background: #2d2637;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.widgetArea .AttachmentsMain.ListwithFiles li:hover.addFadeout:after {
  display: none;
}

/********** Add Widget Area ***********/
.addWidgetArea {
  background: #110a1a;
  border: 1px dashed #433c4a;
  border-radius: 3px;
  margin: 20px 0px 0px;
  height: calc(100% - 35px) !important;
  cursor: pointer;
  padding: 10px;
}
.addWidgetArea i {
  font-size: 11px;
}
.addWidgetArea:hover {
  border: 1px dashed #7800ff;
  cursor: pointer;
  background: rgba(120, 1, 255, 0.1);
}
.addWidgetArea .addWidgetAreaInner {
  margin: 0 auto;
  text-align: center;
}
.addWidgetArea .addWidgetAreaInner .btnaddwidget {
  background: transparent;
  color: #fff;
  font-size: 13px;
}

.tertiarynew-btn {
  background: #7b6c8f;
  border-radius: 0px;
  width: auto;
  font-size: 12px;
  -webkit-box-shadow: 0px 4px 4px #000;
  -moz-box-shadow: 0px 4px 4px #000;
  -ms-box-shadow: 0px 4px 4px #000;
  -o-box-shadow: 0px 4px 4px #000;
  box-shadow: 0px 4px 4px #000;
  font-weight: 700 !important;
  margin: 20px auto;
  line-height: 12px;
  padding: 8.5px 20px;
}
@media (min-width: 1299px) and (max-width: 1699px) {
  .tertiarynew-btn {
    padding: 8.5px 20px;
  }
}
.tertiarynew-btn:hover {
  color: #fff;
  background: #7800ff;
}
.tertiarynew-btn i {
  margin-right: 2px;
}

/************* Dropdown Styles ***************/
.widgetArea .dropdown,
.leftwrapper .dropdown {
  float: right;
}
.widgetArea .dropdown .dropdown-toggle,
.leftwrapper .dropdown .dropdown-toggle {
  cursor: pointer;
  padding: 5px;
  color: #7b6c8f;
}
.widgetArea .dropdown .dropdown-toggle:after,
.leftwrapper .dropdown .dropdown-toggle:after {
  border: none;
}
.widgetArea .dropdown .dropdown-menu,
.leftwrapper .dropdown .dropdown-menu {
  background: #26202e;
  padding: 0px;
  border-radius: 0px;
  right: 0px !important;
  left: 0px !important;
  z-index: 10;
  border: 1px solid #000;
  border-bottom: none !important;
  min-width: 110px;
}
.widgetArea .dropdown .dropdown-menu a,
.leftwrapper .dropdown .dropdown-menu a {
  text-align: left;
  width: 100%;
  display: block;
  font-size: 13px;
  padding: 4px 11px;
  font-weight: 600;
  border-bottom: 1px solid #000;
  color: #fff;
}
.widgetArea .dropdown .dropdown-menu a:hover, .widgetArea .dropdown .dropdown-menu a:focus, .widgetArea .dropdown .dropdown-menu a:visited, .widgetArea .dropdown .dropdown-menu a:active,
.leftwrapper .dropdown .dropdown-menu a:hover,
.leftwrapper .dropdown .dropdown-menu a:focus,
.leftwrapper .dropdown .dropdown-menu a:visited,
.leftwrapper .dropdown .dropdown-menu a:active {
  background: #3f3449;
}
.widgetArea .dropdown .dropdown-menu a.delete:hover,
.leftwrapper .dropdown .dropdown-menu a.delete:hover {
  background: #9e0000 !important;
}

.titleBorder {
  border-bottom: 2px solid #1f1829;
  border-top: 2px solid #1f1829;
  background: #150e1f;
  position: relative;
  left: -15px;
  top: -23px;
  width: 119%;
  padding: 6px 0px;
}
@media (min-width: 320px) and (max-width: 1499px) {
  .titleBorder {
    left: -15px;
  }
}
@media (min-width: 1200px) and (max-width: 1299px) {
  .titleBorder {
    width: 124.5%;
  }
}
@media (min-width: 1300px) and (max-width: 1399px) {
  .titleBorder {
    width: 125.5%;
  }
}
@media (min-width: 1400px) and (max-width: 1499px) {
  .titleBorder {
    width: 125.5%;
  }
}
@media (min-width: 1500px) and (max-width: 1599px) {
  .titleBorder {
    width: 126%;
  }
}
@media (min-width: 1600px) and (max-width: 1699px) {
  .titleBorder {
    width: 126.05%;
  }
}
@media (min-width: 1700px) and (max-width: 1799px) {
  .titleBorder {
    width: 124%;
  }
}
@media (min-width: 1800px) and (max-width: 1899px) {
  .titleBorder {
    width: 123%;
  }
}
@media (min-width: 1900px) and (max-width: 1999px) {
  .titleBorder {
    width: 121%;
  }
}
@media (min-width: 2000px) and (max-width: 2099px) {
  .titleBorder {
    width: 120%;
  }
}
@media (min-width: 2100px) and (max-width: 2199px) {
  .titleBorder {
    width: 119%;
  }
}
@media (min-width: 2200px) and (max-width: 2299px) {
  .titleBorder {
    width: 118%;
  }
}
@media (min-width: 2300px) and (max-width: 2399px) {
  .titleBorder {
    width: 117%;
  }
}
@media (min-width: 2400px) and (max-width: 2499px) {
  .titleBorder {
    width: 116%;
  }
}
@media (min-width: 2500px) and (max-width: 2599px) {
  .titleBorder {
    width: 115%;
  }
}
@media (min-width: 2600px) and (max-width: 2699px) {
  .titleBorder {
    width: 115%;
  }
}
@media (min-width: 3322px) and (max-width: 5921px) {
  .titleBorder {
    width: 109%;
  }
}
.titleBorder .sortIcon {
  float: left;
  margin: 8px 0px 0px 15px;
  color: #7b6c8f;
  visibility: hidden;
}
.titleBorder .episodeTitleName {
  font-family: "Roboto Mono", monospace;
  text-align: center;
  color: #7b6c8f;
  font-weight: 600;
  margin: 5px auto;
  display: inline-block;
  width: 180px;
  font-size: 13px;
}
@media (min-width: 1199px) and (max-width: 1499px) {
  .titleBorder .episodeTitleName {
    width: 100px;
  }
}
@media (min-width: 1500px) and (max-width: 1799px) {
  .titleBorder .episodeTitleName {
    width: 150px;
  }
}
@media (min-width: 1800px) and (max-width: 5199px) {
  .titleBorder .episodeTitleName {
    width: 165px;
  }
}
@media (min-width: 2021px) and (max-width: 5199px) {
  .titleBorder .episodeTitleName {
    width: 85%;
  }
}
.titleBorder .episodeTitleName img {
  width: 12px;
  margin-right: -3px;
  margin-top: -2px;
}
.titleBorder .dropdown {
  top: -2px;
  right: 0px;
  float: none;
  position: absolute;
}
.titleBorder .dropdown .dropdown-toggle {
  padding: 1px 15px;
  display: block;
  height: 39px;
  position: relative;
  top: -3px;
}
.titleBorder .dropdown .dropdown-toggle img {
  height: 15px;
  width: 3px;
  vertical-align: top;
  margin: 5px 10.5px 4px 10.5px;
}
.titleBorder .dropdown .dropdown-toggle:hover {
  background: #3f3449;
}
.titleBorder .sortIcon:hover {
  cursor: pointer;
}

.formsection .form-group .textArea .descriptionTextArea {
  min-height: 180px;
}
.formsection .form-group .textArea textarea.form-control {
  min-height: 285px !important;
  color: #c2b8d0;
  font-size: 13px;
  font-weight: 500 !important;
}
@media (min-width: 1199px) and (max-width: 1599px) {
  .formsection .form-group .textArea textarea.form-control {
    min-height: 180px !important;
  }
}

.episodeMode:hover .sortIcon {
  visibility: visible;
}
.episodeMode:hover .dropdown .dropdown-toggle {
  visibility: visible;
}

/*********** KPI's ****************/
.KPIwidgetArea {
  border: 1px solid #2d2637;
  border-radius: 2px;
  margin-bottom: 10px;
}
.KPIwidgetArea.quotesWidgetArea .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  width: 100%;
}
.KPIwidgetArea .kpitopsection {
  background: #1f1829;
  color: #7b6c8f;
  font-size: 16px;
  padding: 7px;
}
.KPIwidgetArea .kpitopsection span {
  text-align: center;
  display: inline-block;
  margin: 0 auto;
  width: 50%;
  font-family: "Roboto Mono", monospace;
}
@media (min-width: 1299px) and (max-width: 1599px) {
  .KPIwidgetArea .kpitopsection span {
    vertical-align: top;
    position: relative;
    top: 0;
  }
}
.KPIwidgetArea .kpitopsection .sortIcon {
  float: left;
  visibility: hidden;
  margin: 5px 0px 0px 0px;
  cursor: pointer;
  width: 25%;
}
.KPIwidgetArea .kpitopsection .trashIcon {
  float: right;
  cursor: pointer;
  margin: 4px 0px 0px 0px;
  width: 25%;
  text-align: right;
}
.KPIwidgetArea .formsection {
  padding: 0 10px;
}
.KPIwidgetArea .formsection .form-group {
  margin: 0 0 10px 0;
}
.KPIwidgetArea .formsection .form-group .form-control {
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
  border: 2px solid #000;
  background: #1f1829 !important;
}
.KPIwidgetArea .bootstrap-select .dropdown-toggle {
  color: #7b6c8f;
  padding: 10px 6px;
  border: 1px solid #000;
  background: #1f1829 !important;
}
.KPIwidgetArea .bootstrap-select .dropdown-toggle:after {
  content: "";
  font-family: FontAwesome;
  position: absolute;
  right: 16px;
  top: 6px;
  font-size: 16px;
  border: none;
}
.KPIwidgetArea .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  width: 90%;
  font-size: 13px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
}
.KPIwidgetArea .bootstrap-select .dropdown-toggle .filter-option-inner-inner .fa-long-arrow-up:before {
  color: #03ac00;
}
.KPIwidgetArea .bootstrap-select .dropdown-toggle .filter-option-inner-inner .fa-long-arrow-right:before {
  color: #cba10b;
}
.KPIwidgetArea .bootstrap-select .dropdown-toggle .filter-option-inner-inner .fa-long-arrow-down:before {
  color: #e41b2e;
}
.KPIwidgetArea .bootstrap-select .dropdown-menu li a {
  padding: 10px 5px;
}
.KPIwidgetArea .bootstrap-select .dropdown-menu li a span.fa-long-arrow-up:before {
  color: #368651;
}
.KPIwidgetArea .bootstrap-select .dropdown-menu li a span.fa-long-arrow-right:before {
  color: #cba10b;
}
.KPIwidgetArea .bootstrap-select .dropdown-menu li a span.fa-long-arrow-down:before {
  color: #e41b2e;
}
.KPIwidgetArea .bootstrap-select .dropdown-menu li a:hover {
  color: #7b6c8f;
}
.KPIwidgetArea .trendSelect .bootstrap-select .dropdown-toggle {
  padding: 6px;
}
.KPIwidgetArea:hover .sortIcon {
  visibility: visible;
}
.KPIwidgetArea .text-danger {
  font-size: 12px;
  display: block;
  margin: 5px 0px 0px;
}

.addNewLane {
  margin: 0px auto;
  text-align: center;
}
.addNewLane .addLaneInner {
  margin: 0 auto;
}
/*********** Connnected KPI's *****************/
.laneLabel {
  position: relative;
  display: none;
  transition: all 0.5s ease-in-out;
}
.laneLabel p {
  padding: 10px 60px 10px 10px;
  font-size: 13px;
  text-align: center;
  transition: all 0.5s ease-in-out;
  color: #fff;
  margin: 0px;
  background: #000;
  position: relative;
  overflow: hidden;
  text-overflow: unset !important;
  white-space: nowrap;
}
.laneLabel p.greenLableBg {
  background: #009898;
}
.laneLabel p.LableBg {
  background: #cba10b;
}
.laneLabel p.LableBg span {
  color: #362749;
}
.laneLabel .closelabel {
  position: absolute;
  right: 10px;
  top: 7px;
  color: #fff;
  padding: 1px;
  background: transparent;
  padding: 4px 8px;
  border-radius: 50px;
  display: block;
}
.laneLabel .closelabel:hover {
  background: rgba(0, 0, 0, 0.2);
}
.laneLabel.slideup, .laneLabel.slidedown {
  max-height: 0;
  -webkit-transition: max-height 0.5s ease-in-out;
  -moz-transition: max-height 0.5s ease-in-out;
  -o-transition: max-height 0.5s ease-in-out;
  transition: max-height 0.5s ease-in-out;
}
.laneLabel.slidedown {
  max-height: 50px;
}

.connectedKpiWidget .connectedKpiWidgetList {
  padding: 0px;
  margin: 0px;
}
.connectedKpiWidget .connectedKpiWidgetList li {
  display: block;
  margin: 5px 0px;
  clear: both;
  padding: 0;
  white-space: normal !important;
}
.connectedKpiWidget .connectedKpiWidgetList li.greentxt .kpiValue,
.connectedKpiWidget .connectedKpiWidgetList li.greentxt .kpiStatus {
  color: #31be3d;
}
.connectedKpiWidget .connectedKpiWidgetList li.redtxt .kpiValue,
.connectedKpiWidget .connectedKpiWidgetList li.redtxt .kpiStatus {
  color: #eb3540;
}
.connectedKpiWidget .connectedKpiWidgetList li.orangetxt .kpiValue,
.connectedKpiWidget .connectedKpiWidgetList li.orangetxt .kpiStatus {
  color: #f59e36;
}
.connectedKpiWidget .connectedKpiWidgetList li span {
  display: inline-block;
  font-size: 13px;
  vertical-align: top;
  margin-right: 15px;
}
.connectedKpiWidget .connectedKpiWidgetList li span.kpiName {
  color: #fff;
  width: 67%;
}
@media (min-width: 1299px) and (max-width: 1699px) {
  .connectedKpiWidget .connectedKpiWidgetList li span.kpiName {
    width: 68%;
    margin-right: 5px;
  }
}
.connectedKpiWidget .connectedKpiWidgetList li span.kpiValue {
  margin-right: 5px;
  font-weight: 900;
}
.connectedKpiWidget .connectedKpiWidgetList li span.kpiStatus {
  text-align: right;
  margin: 0px 0px 0px;
  float: right;
  font-weight: 800;
}

/************ Quotes Widget ****************/
.quotesWidgetArea {
  background: transparent;
  border: none !important;
  margin-bottom: 0;
}
.quotesWidgetArea .titleBorder {
  padding: 10px 0px;
  position: relative;
  background: transparent;
  border: none !important;
  border-bottom: 2px solid #2d2637 !important;
  top: auto !important;
  left: auto !important;
  margin: 0 5px;
  width: auto;
}
@media (min-width: 1199px) and (max-width: 1599px) {
  .quotesWidgetArea .titleBorder {
    min-width: auto;
    padding: 10px 0px;
  }
}
.quotesWidgetArea .titleBorder .carousel-indicators li {
  text-indent: inherit;
}
.quotesWidgetArea .carousel {
  padding: 15px 0 0 !important;
  width: 100%;
}
@media (min-width: 1199px) and (max-width: 1499px) {
  .quotesWidgetArea .carousel-inner {
    width: 100%;
  }
}
.quotesWidgetArea .carousel-inner .bootstrap-select .dropdown-toggle .filter-option-inner {
  padding-right: 30px;
}
.quotesWidgetArea .carousel-inner .bootstrap-select .dropdown-toggle:after {
  right: 23px;
  top: 5px;
}
@media (min-width: 1199px) and (max-width: 1599px) {
  .quotesWidgetArea .formsection {
    padding: 0px 5px;
  }
}
.quotesWidgetArea .bootstrap-select .filter-option-inner-inner img {
  margin-right: 5px;
}
.quotesWidgetArea .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
  top: 10px;
  color: #fff;
  font-size: 12px;
}
.quotesWidgetArea .carousel-control-next-icon,
.quotesWidgetArea .carousel-control-prev-icon {
  background: transparent;
}
.quotesWidgetArea .carousel-control-next-icon i,
.quotesWidgetArea .carousel-control-prev-icon i {
  color: #7b6c8f;
}
.quotesWidgetArea .carousel-control-next,
.quotesWidgetArea .carousel-control-prev {
  position: static;
  display: block;
  background: #26202e;
  opacity: 1;
}
.quotesWidgetArea .carousel-indicators li {
  background: transparent;
  color: #7b6c8f;
  font-size: 12px;
  display: none;
}
.quotesWidgetArea .carousel-indicators li.active {
  color: #7b6c8f;
  display: block;
}
.quotesWidgetArea .slideNumbertext {
  font-size: 13px !important;
  color: #7b6c8f;
  margin: 0px;
  background: #26202e;
  padding: 3px 7px;
  display: block;
}
.quotesWidgetArea .deleteQuote-btn {
  margin-bottom: 0 !important;
}

.deleteCurrentQuote {
  text-align: center;
}
.deleteCurrentQuote .deleteQuote-btn {
  background: #451619;
  color: #fff;
  font-size: 12px;
  width: auto;
  margin: 20px 0px;
  padding: 8px 20px;
  -webkit-box-shadow: 0px 4px 4px #000;
  -moz-box-shadow: 0px 4px 4px #000;
  -ms-box-shadow: 0px 4px 4px #000;
  -o-box-shadow: 0px 4px 4px #000;
  box-shadow: 0px 4px 4px #000;
  font-weight: 600;
  border-radius: 0px;
  line-height: 12px;
}
.deleteCurrentQuote .deleteQuote-btn:hover {
  background: #9e0000;
}

/*** sentimentpicker Style  *****/
.sentimentSelectMain .bootstrap-select .filter-option-inner-inner img {
  margin-right: 5px;
  width: 12px;
  height: 10px;
  display: inline-block;
  margin-top: -2px;
}
.sentimentSelectMain .bootstrap-select .dropdown-toggle {
  padding: 0px;
}
.sentimentSelectMain .bootstrap-select .dropdown-menu li a img {
  margin-right: 5px;
  width: 12px;
  height: 10px;
  display: inline-block;
}

.quoteWidget {
  display: none;
}

/******* Color Picker **********/
.colorPicker img {
  margin: 5px 0px 0px;
  vertical-align: text-top;
}

.bottomMoreActions .dropdown .dropdown-menu a.editLable {
  display: none !important;
}
.bottomMoreActions .dropdown .dropdown-menu a.editLable.showEdit {
  display: block !important;
}

/********** Text Area **********/
/********* newModal Style ************/
.newModal {
  background: rgba(31, 24, 41, 0.7) !important;
}
.newModal .modal-header {
  background: #5a4f65;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  -ms-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  -o-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  position: relative;
  z-index: 1;
  padding: 7.5px 5px;
}
.newModal .modal-header .modal-title {
  text-align: center;
  margin: 5px auto 0px;
  width: 100%;
}
.newModal .modal-header .close {
  padding: 0px 0px;
  margin: 0px 0px;
  text-align: center;
  line-height: normal;
  height: 30px;
  width: 30px;
  background: transparent !important;
}
.newModal .modal-header .close span {
  margin-top: 0px;
  display: block;
  text-shadow: none;
  font-weight: 400;
  opacity: 1;
  font-size: 22px;
  height: 30px;
  width: 30px;
  line-height: 27px;
  font-family: "Inter", sans-serif;
}
.newModal .modal-header .close:hover {
  background: #000 !important;
  opacity: 1;
  border-radius: 30px !important;
}
.newModal .modal-header .close:focus, .newModal .modal-header .close:hover {
  border: none;
  outline: none;
}
.newModal .modal-body {
  background: #3f3449;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  -ms-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  -o-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.newModal .tertiary-btnTxt {
  background: transparent;
  border: none;
  color: #fff;
  font-weight: 600;
  padding: 15px 45px;
}

/********** Add Image **********/
.addImageModal {
  /*** Image Search ***/
  /*** Image List ***/
  /*** Upload Image ***/
}
.addImageModal .formsection {
  padding: 0px;
  width: 100%;
}
.addImageModal .addImageTabList {
  border-bottom: 1px solid #110a1a;
}
.addImageModal .addImageTabList .nav-link {
  color: #7b6c8f;
  font-size: 12px;
  border: none;
  border-bottom: 3px solid transparent;
  font-weight: 600;
}
.addImageModal .addImageTabList .nav-link.active {
  background: transparent;
  border-bottom: 3px solid #7800ff;
  color: #fff;
}
.addImageModal .imageSearch {
  position: relative;
  margin: 15px 0px;
}
.addImageModal .imageSearch input {
  background: #3f3449;
  color: #fff;
  /*--- background: $Primary-bg;--*/
  border-radius: 20px;
  border: 1px solid #3f3449;
  height: 35px;
  line-height: 35px;
  padding: 5px 5px 5px 40px;
  font-size: 12px;
  width: 300px;
}
.addImageModal .imageSearch input:focus {
  box-shadow: inset 2px 2px 4px rgba(120, 0, 255, 0.4);
  border: 1px solid #7800ff !important;
}
.addImageModal .imageSearch i {
  position: absolute;
  left: 8px;
  top: 6px;
  color: rgba(255, 255, 255, 0.2);
  cursor: pointer;
  position: absolute;
}
.addImageModal .imageList {
  background: #110a1a;
  padding: 10px 5px 10px 14px;
  min-height: 450px;
  max-height: 450px;
  border-radius: 0px;
  overflow: auto;
  overflow: auto;
  margin: 10px 0px;
}
.addImageModal .imageList li {
  display: inline-block;
  margin: 5px;
  position: relative;
  width: 146px;
  vertical-align: top;
  height: 6vw;
  background: #1f1829;
}
@media (min-width: 2922px) and (max-width: 5921px) {
  .addImageModal .imageList li {
    height: 4vw;
  }
}
.addImageModal .imageList li .inneImageBox {
  margin: 0;
  padding: 2px;
  overflow: hidden;
  height: 6vw;
  width: 100%;
  max-width: 100%;
  line-height: normal;
  text-align: center;
  display: block;
  position: relative;
}
@media (min-width: 2922px) and (max-width: 5921px) {
  .addImageModal .imageList li .inneImageBox {
    height: 4vw;
  }
}
.addImageModal .imageList li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.addImageModal .imageList li img:hover {
  cursor: pointer;
}
.addImageModal .imageList li .imageHover {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  background: rgba(120, 0, 255, 0.7);
  height: 100%;
  display: none;
  transition: 0.5s ease-in-out;
}
.addImageModal .imageList li .imageHover .insertimgTxt {
  color: #fff;
  font-size: 13px;
  margin: 0 auto;
}
.addImageModal .imageList li:hover .imageHover {
  display: block;
  transition: 0.5s ease-in-out;
}
.addImageModal .imageList li:hover .inneImageBox {
  cursor: pointer;
}
.addImageModal .imageList li.mediaVideo video[poster] {
  width: 100%;
  height: 100%;
}
.addImageModal .imageList li.mediaVideo .imageHover {
  background: rgba(0, 0, 0, 0.2);
}
.addImageModal .uploadImage {
  padding: 30px 0px;
}
.addImageModal .uploadImage .uploadImageBox {
  background: #110a1a;
  height: 450px;
}
.addImageModal .uploadImage .uploadImageBox .centerVertical {
  margin: 0 auto;
}
.addImageModal .uploadImage .uploadImageBox .centerVertical p,
.addImageModal .uploadImage .uploadImageBox .centerVertical button {
  display: block;
  width: 100%;
  text-align: center;
  margin: 5px 0;
}
.addImageModal .uploadImage .uploadImageBox .centerVertical p span img,
.addImageModal .uploadImage .uploadImageBox .centerVertical button span img {
  width: 15%;
  margin: 10px 0px;
}
.addImageModal .uploadImage .uploadImageBox .centerVertical label {
  height: 50px;
  margin: 0px;
}
.addImageModal .uploadImage .uploadImageBox .centerVertical .tertiarynew-btn {
  width: auto;
}
.addImageModal .uploadImage .uploadImageBox.uploadedImageView p {
  color: #fff;
  font-size: 13px;
  margin: -10px 0px 20px;
}
.addImageModal .uploadImage .uploadImageBox.uploadedImageView .previewBox {
  background: #1f1829;
  height: 224px;
  width: 358px;
}
.addImageModal .uploadImage .uploadImageBox.uploadedImageView .previewBox iframe {
  height: 224px !important;
}
.addImageModal .uploadImage .uploadImageBox.uploadedImageView p {
  margin: 15px auto;
}
.addImageModal .uploadImage .uploadImageBox.uploadedImageView p .resetVideo {
  margin-top: 60px;
}
.addImageModal .uploadImage .uploadImageBox.uploadedImageView p button {
  margin: 0 auto;
}
.addImageModal .saveCancelbtns {
  margin: 20px 0px 0px;
  padding-top: 20px;
}
.addImageModal .browseFilesBox {
  border: 1px dashed #5d5961;
}
.addImageModal .browseFilesBox p {
  font-size: 12px;
}
.addImageModal .browseFilesBox .errorTxt {
  color: #e41b2e;
  font-size: 12px;
}
.addImageModal .browseFilesBox .formsection {
  width: 60%;
}
.addImageModal .browseFilesBox .formsection .form-control {
  padding: 0px 10px;
}
.addImageModal .browseFilesBox .formsection .tertiary-btn,
.addImageModal .browseFilesBox .formsection .secondary-btn {
  width: auto !important;
  color: #000 !important;
  margin: 0 auto !important;
  border-radius: 0px;
}
.addImageModal .browseFilesBox .formsection .secondary-btn {
  color: #fff !important;
}

.saveBtnTxtColor {
  color: #000 !important;
}
.saveBtnTxtColor:hover {
  color: #fff !important;
}

/******** Add Widget *******/
.addImageModal .modal-lg,
.addWidgetModal .modal-lg {
  max-width: 1242px;
}
@media (min-width: 1299px) and (max-width: 1499px) {
  .addImageModal .modal-lg,
.addWidgetModal .modal-lg {
    max-width: 1242px;
  }
}

.addWidgetModal .formsection {
  padding: 20px 50px !important;
}
.addWidgetModal .widgettypeHeading {
  border-bottom: 2px solid #000;
  padding-bottom: 20px;
}
.addWidgetModal .listComponents li {
  margin: 20px 0px;
  cursor: pointer;
  overflow: hidden;
}
.addWidgetModal .listComponents li .componentWidInner {
  background: #110a1a;
  border: 1px solid transparent;
  height: 160px;
  margin-bottom: 10px;
}
.addWidgetModal .listComponents li .componentWidInner .componentWidInnerCenter {
  margin: 0 auto;
  width: 80%;
}
.addWidgetModal .listComponents li .componentWidInner .componentWidInnerCenter img {
  width: 130px;
}
.addWidgetModal .listComponents li .componentWidInner .componentWidInnerCenter.dimensionMain {
  align-self: auto !important;
  width: 100% !important;
  position: relative;
}
.addWidgetModal .listComponents li .componentWidInner .componentWidInnerCenter.dimensionMain img {
  max-height: 100%;
  max-width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.addWidgetModal .listComponents li:hover .componentWidInner, .addWidgetModal .listComponents li.selected .componentWidInner {
  border: 1px solid #7800ff;
}
.addWidgetModal .listComponents li:hover p, .addWidgetModal .listComponents li.selected p {
  color: #fff;
}
.addWidgetModal .listComponents li p {
  color: #7b6c8f;
  font-size: 13px;
  text-align: center;
}

.selectArrowMain .bootstrap-select .dropdown-toggle {
  color: #7b6c8f;
  font-size: 12px;
  font-weight: 500;
}
.selectArrowMain .bootstrap-select .dropdown-toggle:after {
  content: "";
  font-family: FontAwesome;
  position: absolute;
  right: 16px;
  top: 1px;
  font-size: 16px;
}
.selectArrowMain .bootstrap-select .dropdown-menu li a {
  font-size: 13px;
  font-weight: 600;
  white-space: normal;
}

/*** Episode View Mode ***/
.viewEpisodeMode .episodeTitleTxt {
  color: #fff;
  font-size: 13px !important;
  font-weight: 500 !important;
}
@media (min-width: 1199px) and (max-width: 1599px) {
  .viewEpisodeMode .episodeTitleTxt {
    font-size: 12px !important;
  }
}
.viewEpisodeMode .episodeDescription,
.viewEpisodeMode .episodeTitleTxt {
  padding: 13px !important;
}
.viewEpisodeMode .viewImage {
  position: relative;
  height: 7vw;
  background: #1f1829;
  width: 100%;
  overflow: hidden;
}
.viewEpisodeMode .viewImage img {
  height: 100%;
  object-fit: cover;
}
.viewEpisodeMode .viewImage .video {
  width: 100%;
  height: 100%;
}
.viewEpisodeMode .viewImage small {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.viewEpisodeMode .viewImage .episodeImage {
  cursor: pointer;
}
.viewEpisodeMode .viewImage .deleteepisodeImage {
  background: #650000;
  border: 3px;
  right: 10px;
  border-radius: 2px;
  border-radius: 3px !important;
  background: var(--Iconbg) !important;
  border: solid 1px var(--Iconborder) !important;
  color: var(--Title) !important;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
  width: 24px !important;
  height: 24px !important;
  line-height: 22px;
  cursor: pointer;
}
.viewEpisodeMode .viewImage .deleteepisodeImage i {
  color: var(--Title) !important;
}
.viewEpisodeMode .viewImage .deleteepisodeImage i {
  color: #fff;
}
.viewEpisodeMode .viewImage .deleteepisodeImage:hover {
  background-color: #B11E27 !important;
  border: solid 1px #B11E27 !important;
  color: #fff !important;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
}
.viewEpisodeMode .viewImage .deleteepisodeImage:hover i {
  color: #fff !important;
}
.viewEpisodeMode .viewImage .videoplay-icon,
.viewEpisodeMode .viewImage .deleteepisodeImage {
  text-align: center;
  position: absolute;
  bottom: 10px;
  z-index: 1;
}
.viewEpisodeMode .viewImage .videoplay-icon {
  left: 10px;
  height: 30px;
  width: 30px;
  cursor: pointer;
}
.viewEpisodeMode .episodeDescription {
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #c2b8d0 !important;
}
@media (min-width: 1199px) and (max-width: 1599px) {
  .viewEpisodeMode .episodeDescription {
    font-size: 12px !important;
  }
}
.viewEpisodeMode .addimageInner {
  width: 100%;
}
.viewEpisodeMode .addimageInner .imgUp {
  width: 100%;
}
.viewEpisodeMode .episodeTitleName:hover {
  cursor: pointer;
}

/********* Icon Select *********/
.iconSelect .selectedicon {
  border: 2px solid #000;
  padding: 0px;
  width: 30px;
  height: 30px;
  text-align: center;
  -webkit-box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.25);
  -ms-box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.25);
  -o-box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.25);
  background: #1f1829;
  vertical-align: middle;
}
@media (min-width: 1299px) and (max-width: 1499px) {
  .iconSelect .selectedicon {
    margin: 0 auto;
    text-align: center;
    width: 20%;
  }
}
@media (min-width: 1500px) and (max-width: 1899px) {
  .iconSelect .selectedicon {
    width: 21%;
  }
}
.iconSelect .selectedicon i {
  color: #fff;
  font-size: 14px;
}
.iconSelect .selectBtn,
.iconSelect .selectedicon {
  display: inline-block;
}
@media (min-width: 1800px) and (max-width: 1920px) {
  .iconSelect .selectBtn {
    width: 70%;
  }
}
@media (min-width: 1299px) and (max-width: 1899px) {
  .iconSelect .selectBtn {
    width: 70%;
  }
}
@media (min-width: 1800px) and (max-width: 1920px) {
  .iconSelect .selectBtn .btn {
    width: 100%;
  }
}
@media (min-width: 1299px) and (max-width: 1399px) {
  .iconSelect .selectBtn .btn {
    width: auto !important;
    vertical-align: baseline;
    padding: 4.5px 6px !important;
    font-size: 12px !important;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .iconSelect .selectBtn .btn {
    padding: 4.5px 10px;
    width: 100%;
    font-size: 12px !important;
  }
}
@media (min-width: 1600px) and (max-width: 1799px) {
  .iconSelect .selectBtn .btn {
    padding: 4.5px 20px;
    width: 100%;
  }
}
@media (min-width: 1299px) and (max-width: 1499px) {
  .iconSelect .selectBtn .addNewLane {
    width: 90%;
  }
}

.affix {
  top: 20px;
}

.addIconsTabs {
  background: #110a1a;
  padding: 20px;
  min-height: 400px;
}
.addIconsTabs .addiconTabsList {
  border-right: 2px solid #000;
}
.addIconsTabs .addiconTabsList ul {
  display: block;
  padding: 0px;
  margin: 0px;
  width: 100%;
}
.addIconsTabs .addiconTabsList ul li {
  display: block;
  margin: 5px 0px;
}
.addIconsTabs .addiconTabsList ul li a {
  display: block;
  padding: 10px 50px;
  border-right: 1px solid transparent;
  color: #7b6c8f;
  font-size: 13px;
}
.addIconsTabs .addiconTabsList ul li:hover a {
  border-right: 2px solid #7800ff;
  color: #fff;
}
.addIconsTabs .iconRightInnerBox {
  max-height: 400px;
  overflow: auto;
}
.addIconsTabs .iconRightInnerBox h4 {
  color: #7b6c8f;
  font-size: 20px;
  margin: 0 0 10px;
  font-weight: 500;
}
.addIconsTabs .iconRightInnerBox .iconList li {
  display: inline-block;
  margin: 2px 5px;
  font-size: 30px;
  color: #7b6c8f;
  padding: 2px 10px;
  width: 60px;
  text-align: center;
  height: 60px;
  vertical-align: middle;
  border-radius: 1px;
  cursor: pointer;
}
.addIconsTabs .iconRightInnerBox .iconList li i {
  color: #7b6c8f;
  line-height: 55px;
  vertical-align: middle;
}
.addIconsTabs .iconRightInnerBox .iconList li:hover, .addIconsTabs .iconRightInnerBox .iconList li.selected {
  background: #7800ff;
}
.addIconsTabs .iconRightInnerBox .iconList li:hover i, .addIconsTabs .iconRightInnerBox .iconList li.selected i {
  color: #fff;
}

.addQuoteBtnMain {
  margin: 0 auto;
}

/** Status Button ***/
.statusToggleBtn {
  margin: 5px 0px;
}
.statusToggleBtn .btn-group {
  width: 100%;
}
.statusToggleBtn .btn {
  border: 1px solid #2d2637;
  padding: 6px 10px;
  background: transparent;
  font-size: 13px;
  font-weight: 300 !important;
  color: #fff;
  width: 50%;
}
.statusToggleBtn .btn.activeBtn {
  border-radius: 3px;
}
.statusToggleBtn .btn.activeBtn:focus {
  background: #03ac00;
  border-radius: 3px;
}
.statusToggleBtn .btn.activeBtn.ahighlight {
  background: #03ac00;
  border-radius: 3px;
}
.statusToggleBtn .btn.inactiveBtn {
  border-radius: 3px;
}
.statusToggleBtn .btn.inactiveBtn:focus {
  background: #ae6725;
  border-radius: 3px;
}
.statusToggleBtn .btn.inactiveBtn.ihighlight {
  background: #ae6725;
  border-radius: 3px;
}
.statusToggleBtn.StateToggleBtn .btn-group {
  width: 100%;
}
.statusToggleBtn.StateToggleBtn .btn.Statehighlight {
  border-radius: 5px;
  background: #7b6c8f;
  width: auto !important;
  padding: 5.5px 8px;
  margin-top: -2px;
  margin-bottom: 0px;
  border: none !important;
  font-weight: 600 !important;
}
.statusToggleBtn.StateToggleBtn .btn.Statehighlight:focus {
  background: #7b6c8f;
  border-radius: 3px;
}

/*** Drag Drop BG ***/
.dragdropBg {
  background: #7800ff;
  height: 100vh;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  opacity: 0.9;
  /**display: none !important;**/
}
.dragdropBg p {
  font-size: 26px;
  font-weight: 600;
  margin: 0 auto;
}

.reselectmediaButton {
  width: 43% !important;
}

.cropperPreview {
  background: #524a5e;
  height: 224px;
  width: 358px;
  margin: 15px 0px;
}

/*** attachment Lane ***/
.attachmentsLane .widgetArea {
  margin: 20px 0px;
}

/*** Video Modal ***/
.playVideoModal .modal-body {
  padding: 0px;
}
.playVideoModal .modal-body .videoMainDdiv {
  position: relative;
  height: 100%;
}
.playVideoModal .modal-body .videoMainDdiv .playIocnMain {
  position: absolute;
  width: 100%;
  top: 0px;
  left: 0px;
  height: 100%;
}
.playVideoModal .modal-body .videoMainDdiv .playIocnMain .insertimgTxt {
  margin: 0px auto;
}
.playVideoModal .modal-body .videoMainDdiv.viewImage {
  margin: 2px 0px 0px;
}
.playVideoModal .modal-body .videoMainDdiv.viewImage .deleteepisodeImage {
  right: 20px;
}
.playVideoModal .modal-body .videoMainDdiv::after {
  position: inherit;
}

/*** Image Modal ***/
.imagePreviewoMainDdiv img {
  width: 100%;
  height: 100%;
}

.addedtextfield {
  padding: 5px;
  font-size: 13px;
}

.episodeTitleView {
  font-size: 26px !important;
  font-weight: 600 !important;
  padding: 10px 6px !important;
  line-height: 26px;
}

.kpiScore {
  margin: 0px;
}
.kpiScore.greentxt {
  color: #03ac00 !important;
}
.kpiScore.redtxt {
  color: #e41b2e !important;
}
.kpiScore.orangetxt {
  color: #cba10b !important;
}

/*** Color Picker ***/
.colorPickerMain .hexacodesymbol,
.colorPickerMain .hexanumber {
  display: inline-block;
}
.colorPickerMain .hexacodesymbol {
  color: #c2b8d0;
  font-weight: 500;
  font-size: 20px;
}
.colorPickerMain .hexanumber {
  width: 80%;
}
.colorPickerMain .errortxt {
  color: #9e0000;
  display: block;
}
.colorPickerMain.formsection .form-group input.form-control:focus {
  box-shadow: inset 2px 2px 4px rgba(120, 0, 255, 0.4);
  border: 1px solid #7800ff !important;
}
.colorPickerMain.formsection .vue-swatches__trigger__wrapper .vue-swatches__trigger {
  width: 30px !important;
  height: 30px !important;
  margin: 1px 0 0 0;
  border: 1px solid #000 !important;
  border-radius: 5px !important;
}
.colorPickerMain .colorInput .form-control {
  width: 120px;
}
.colorPickerMain .colorInput .errortxt {
  font-size: 10px;
  font-weight: 600;
}

#addLabelModal .tertiary-btn {
  color: #000 !important;
}

.saveCancelbtns {
  border-top: 2px solid #000;
  left: -30px;
  width: 108.3%;
  position: relative;
}
.saveCancelbtns .savecancelBtnInner {
  margin: 0 auto;
  padding: 20px;
  text-align: center;
}
.saveCancelbtns .savecancelBtnInner .secondary-btn {
  color: #fff !important;
}

.showAddEpisode {
  display: none;
  border: 1px solid #7800ff;
}

/***add Brand ***/
.addBrandModal .imageList li {
  height: 120px;
  background: #fff;
}
.addBrandModal .imageList li img {
  vertical-align: top;
  width: 100%;
  object-fit: cover;
}

.journeyMapsection .innerBoxItem {
  border-top: 0 !important;
}
.journeyMapsection .widgetArea {
  margin: 20px 0px;
}
.journeyMapsection .journeyMapsectionLeft {
  float: left;
}
.journeyMapsection .journeyMapsectionLeft .journeyFirstColumn.column2 {
  width: 35%;
}
.journeyMapsection .journeyMapsectionLeft .journeyFirstColumn .width-14 {
  min-width: 95%;
}
@media (min-width: 1299px) and (max-width: 1699px) {
  .journeyMapsection .journeyMapsectionLeft .journeyFirstColumn .width-14 {
    min-width: 97%;
  }
}
.journeyMapsection .journeyMapsectionLeft .journeySecColumn.column5 {
  width: 65%;
}
@media (min-width: 1299px) and (max-width: 1699px) {
  .journeyMapsection .journeyMapsectionLeft .journeySecColumn.column5 .innerBoxItem {
    padding-right: 0px;
  }
}
@media (min-width: 1299px) and (max-width: 1499px) {
  .journeyMapsection .widgetAreaMainSection {
    padding-left: 25px !important;
  }
}

.widgetAreaMainSection .column1 {
  width: 24.3%;
}
.widgetAreaMainSection .innerBoxItem {
  border: 2px solid #3f3449;
  border-left: transparent;
  min-width: 23.4%;
  min-height: 178px;
  border-top: 0;
}
@media (min-width: 1299px) and (max-width: 1699px) {
  .widgetAreaMainSection .innerBoxItem {
    min-width: 24.4%;
  }
}
@media (min-width: 1920px) and (max-width: 2021px) {
  .widgetAreaMainSection .innerBoxItem {
    min-width: 23.9%;
  }
}
@media (min-width: 2022px) and (max-width: 3921px) {
  .widgetAreaMainSection .innerBoxItem {
    min-width: 24.1%;
  }
}
.widgetAreaMainSection .innerBoxItem:last-child {
  border-right: 2px solid #3f3449;
}
.widgetAreaMainSection .widgetArea .AttachmentsMain.ListwithFiles.formsection .form-group {
  margin: 0;
}

.addedInnerBoxItem {
  border-right: none !important;
  border-top: none !important;
}
.addedInnerBoxItem.textFieldMain {
  border-left: none !important;
  border-bottom: none !important;
}

/************ Documents Popup ***************/
.docSelectDetails {
  padding: 5px 10px;
  margin: 0 0 10px;
}
.docSelectDetails .form-group {
  margin: 0px !important;
}
.docSelectDetails .docActionsList li {
  display: inline-block;
  padding: 3px 10px !important;
  font-size: 13px;
  margin: 5px 0px 0px 0px !important;
}
.docSelectDetails .docActionsList li a {
  color: #fff;
}

.docSelectCheckbox.form-group {
  margin: 5px 0px !important;
}
.docSelectCheckbox p {
  margin: 0;
}
.docSelectCheckbox .custom-checkbox + label:before {
  background: #2d2637;
  border: 1px solid #000;
}
.docSelectCheckbox .custom-checkbox:checked + label:before {
  background: #7800ff;
}
.docSelectCheckbox .docActionsList li {
  border: none;
}

.addDocList {
  background: #110a1a;
  border-radius: 0px !important;
  padding: 20px;
  max-height: 400px;
  overflow: auto;
}
.addDocList li {
  border: 0px solid #000;
  padding: 10px;
  border-radius: 0px;
  margin-bottom: 4px !important;
  background: #2d2637;
}
.addDocList li:hover {
  background: #423c4b;
  cursor: pointer;
}
.addDocList li:hover .fileImgBg {
  background: transparent !important;
}
.addDocList li .docDetails .fileImgBg {
  background: #382e42;
  padding: 8px;
  height: 30px;
  width: 30px;
  border-radius: 20px;
  display: inline-block;
  margin-right: 20px;
  vertical-align: super;
}
.addDocList li .docDetails .fileImgBg img {
  height: 30px;
  width: 30px;
  display: inline-block;
  vertical-align: middle;
}
.addDocList li .docDetails .uploadedDocName {
  display: inline-block;
  font-size: 12px;
  width: 86%;
  margin: 8px 0 0 0;
}
.addDocList li .docDetails .uploadedDocName p {
  margin: 0px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.addDocList li .docDetails .uploadedDocName span {
  display: inline-block;
  color: #7b6c8f;
  margin-right: 20px;
}
.addDocList .docActions li {
  background: transparent;
  display: inline-block;
  font-size: 12px;
  border: none;
  vertical-align: top;
}
.addDocList .docActions li:first-child {
  margin-right: 10px;
}
.addDocList .docActions li:first-child .btn {
  padding: 9px 15px;
  font-size: 13px;
  font-weight: 700;
}
.addDocList .docActions li:last-child {
  padding-left: 0px;
}
.addDocList .docActions li .btn {
  -webkit-box-shadow: 0px 4px 4px #000;
  -moz-box-shadow: 0px 4px 4px #000;
  -ms-box-shadow: 0px 4px 4px #000;
  -o-box-shadow: 0px 4px 4px #000;
  box-shadow: 0px 4px 4px #000;
  font-size: 12px;
  font-weight: 500;
}
.addDocList .docActions li .tertiary-btn {
  background: #7b6c8f;
  color: #000;
  font-weight: 600;
}
.addDocList .docActions li .tertiary-btn:hover {
  background: #7800ff;
  color: #fff;
}
.addDocList .docActions li .tertiary-btn .downloadDoc-icon {
  display: block;
  height: 25px;
  width: 20px;
  background: url("/bundles/map/images/download-icon.svg") no-repeat center center;
}
.addDocList .docActions li .tertiary-btn:hover .downloadDoc-icon {
  background: url("/bundles/map/images/download-icon-hover.svg") no-repeat center center;
}
.addDocList .docActions li .tertiary-btn,
.addDocList .docActions li .deleteDoc-btn {
  padding: 5px 13px;
  border-radius: 0px;
}
.addDocList .docActions li .deleteDoc-btn {
  background: #650000;
  display: block;
  padding: 8px 15px;
}
.addDocList .docActions li .deleteDoc-btn i {
  color: #fff;
  font-size: 16px;
}
.addDocList .docActions li:hover .deleteDoc-btn {
  background: #9e0000;
}

.width-14 {
  float: left;
  width: 14%;
  position: relative;
  padding: 0 20px;
  min-width: 187px;
}

.journeyFirstColumn .innerBoxItem {
  border-right: 2px solid transparent;
}

.mapMainContainer {
  padding-top: 62px !important;
}

/**** Touch Point ***/
.touchpointMainLane .docSelectDetails {
  border: none;
  padding: 0px;
  margin: 0px;
}
.touchpointMainLane .docSelectDetails .docActionsList {
  margin: 5px 0px 0px;
}
.touchpointMainLane .docSelectDetails .docActionsList li {
  margin-left: 5px;
}
.touchpointMainLane .touchpointList {
  position: relative;
  left: -15px;
  width: 113%;
}
.touchpointMainLane .touchpointList .touchpointListInner {
  margin-bottom: 10px;
  padding: 10px 15px 5px;
}
.touchpointMainLane .touchpointList .touchpointListInner .tpName {
  font-size: 13px;
  color: #fff;
}
.touchpointMainLane .touchpointList .touchpointListInner .tpName p {
  margin: 0px;
}
.touchpointMainLane .touchpointList .touchpointListInner .tpActions li {
  display: inline-block;
  vertical-align: top;
  padding: 0px;
}
.touchpointMainLane .touchpointList .touchpointListInner:hover {
  background: #2d2637;
}

/*** Add touchpoint Modal ***/
.tpmodalBackdrop .modal-backdrop {
  display: none;
  opacity: inherit;
}

.addtouchpointModal {
  padding-left: 0px;
}
.addtouchpointModal.newModal {
  background: transparent !important;
}
.addtouchpointModal.newModal .modal-lg {
  width: 100%;
  max-width: 100%;
  margin: 68px 0px 0px;
}
.addtouchpointModal.addTPModal {
  position: absolute;
  z-index: 997;
}
.addtouchpointModal.addTPModal .modal-lg {
  margin: 50px 0px 0px;
}
.addtouchpointModal .addtpModalBody {
  position: relative;
  /** Add widgets in TP Popup ***/
}
.addtouchpointModal .addtpModalBody .close span {
  position: absolute;
  right: -46% !important;
  top: 40px;
  z-index: 1;
  width: 100%;
  color: #876cab;
  font-size: 26px;
  text-shadow: none;
}
.addtouchpointModal .addtpModalBody .tptopSection {
  border-bottom: 2px solid #110a1a;
  padding: 30px 0px;
  margin: 0 60px;
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection {
  width: 80%;
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .form-control {
  background: #110a1a !important;
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .dropdown-toggle {
  padding: 8px 6px;
  background: #110a1a !important;
  border: none !important;
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .dropdown-toggle::after {
  border: none;
  top: 8px;
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .dropdown-toggle .filter-option-inner-inner {
  width: 93%;
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .dropdown-menu {
  background: #110a1a !important;
  width: 100%;
  min-width: 100% !important;
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .dropdown-menu li {
  background: #110a1a !important;
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .dropdown-menu li a {
  padding: 4px 8px;
  font-weight: 600;
  color: #7b6c8f;
  word-break: break-word;
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .dropdown-menu li a .text {
  white-space: nowrap;
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .dropdown-menu li a span small.text-muted {
  color: #7b6c8f !important;
  margin-top: 0px;
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .dropdown-menu li:hover a:hover, .addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .dropdown-menu li:hover a.selected, .addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .dropdown-menu li:hover a.active, .addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .dropdown-menu li.selected a:hover, .addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .dropdown-menu li.selected a.selected, .addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .dropdown-menu li.selected a.active, .addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .dropdown-menu li.active a:hover, .addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .dropdown-menu li.active a.selected, .addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .dropdown-menu li.active a.active {
  background: #1f1829 !important;
  color: #fff;
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .dropdown-menu li:hover a:hover span small.text-muted, .addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .dropdown-menu li:hover a.selected span small.text-muted, .addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .dropdown-menu li:hover a.active span small.text-muted, .addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .dropdown-menu li.selected a:hover span small.text-muted, .addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .dropdown-menu li.selected a.selected span small.text-muted, .addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .dropdown-menu li.selected a.active span small.text-muted, .addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .dropdown-menu li.active a:hover span small.text-muted, .addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .dropdown-menu li.active a.selected span small.text-muted, .addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .dropdown-menu li.active a.active span small.text-muted {
  color: #fff !important;
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection textarea {
  padding: 15px 10px;
  height: 200px !important;
}
.addtouchpointModal .addtpModalBody .tptopSection label {
  font-size: 12px;
  color: #7b6c8f;
  font-weight: 500;
}
.addtouchpointModal .addtpModalBody .tpwidgetAreaMainSection {
  padding: 0 0 0 60px;
}
.addtouchpointModal .addtpModalBody .tpwidgetAreaMainSection .innerBoxItem {
  min-width: 16%;
}
@media (min-width: 1299px) and (max-width: 1599px) {
  .addtouchpointModal .addtpModalBody .tpwidgetAreaMainSection .innerBoxItem {
    width: 16.6%;
  }
}
.addtouchpointModal .addtpModalBody .tpwidgetAreaMainSection .addWidgetArea {
  min-height: 250px;
}
.addtouchpointModal .addtpModalBody .tpwidgetAreaMainSection .widgetArea {
  background: #110a1a;
}
.addtouchpointModal .addtpModalBody .tpwidgetAreaMainSection .widgetArea .emotionBlock {
  margin: 0 auto;
  width: 95%;
}
.addtouchpointModal .addtpModalBody .tpwidgetAreaMainSection .widgetArea .emotionBlock a {
  display: block;
}
.addtouchpointModal .addtpModalBody .tpwidgetAreaMainSection .widgetArea .widgettopTitle {
  top: 0;
  left: 0;
  width: 100%;
  color: #7b6c8f;
}
.addtouchpointModal .addtpModalBody .tpwidgetAreaMainSection .widgetArea .kpitopsection {
  border-bottom: 2px solid #2d2637;
  background: #110a1a;
}
.addtouchpointModal .addtpModalBody .tpwidgetAreaMainSection .widgetArea .KPIwidgetArea {
  margin: 20px 20px;
  border: none;
}
.addtouchpointModal .addtpModalBody .tpwidgetAreaMainSection .widgetArea .KPIwidgetArea.tpEditViewArea {
  border: 1px solid #2d2637;
}
.addtouchpointModal .addtpModalBody .tpwidgetAreaMainSection .widgetArea .KPIwidgetArea.quotesWidgetArea {
  margin: 0px;
  padding: 0px 20px !important;
}
.addtouchpointModal .addtpModalBody .tpwidgetAreaMainSection .widgetArea .KPIwidgetArea.boxArea {
  border: 1px solid #2d2637;
}
.addtouchpointModal .addtpModalBody .tpwidgetAreaMainSection .widgetArea .KPIwidgetArea.quotesWidgetArea {
  border: none !important;
  padding: 0px 20px;
}
.addtouchpointModal .addtpModalBody .tpwidgetAreaMainSection .widgetArea .KPIwidgetArea.quotesWidgetArea .formsection {
  padding: 0;
}
.addtouchpointModal .addtpModalBody .tpwidgetAreaMainSection .widgetArea .addNewLane {
  padding: 0px 0px 30px;
}
.addtouchpointModal .addtpModalBody .tpwidgetAreaMainSection .widgetArea .AttachmentsMain.ListwithFiles li {
  padding: 3px;
  width: 100%;
}
.addtouchpointModal .addtpModalBody .tpwidgetAreaMainSection .widgetArea .AttachmentsMain.ListwithFiles li .form-group {
  margin: 0px;
}
.addtouchpointModal .addtpModalBody .tpwidgetAreaMainSection .widgetArea .editDimensions .widgetArea .dimensionsWidget.formsection {
  padding: 0px;
}
.addtouchpointModal .addtpModalBody .tpwidgetAreaMainSection .widgetArea .viewEpisodeMode .formsection {
  padding: 0px;
}
.addtouchpointModal .tpviewFooter .saveCancelbtns {
  border-top: none;
  padding: 20px;
}
.addtouchpointModal .tpviewFooter .saveCancelbtns .tertiary-btn {
  color: #000;
  box-shadow: 0px 4px 4px #000;
}
.addtouchpointModal .tpwidgetAreaMainSection.widgetAreaMainSection .lanesDrag {
  width: 100%;
}

.emotionList {
  padding: 0px 10px;
}
.emotionList:first-child {
  padding-top: 20px;
}
@media (min-width: 1299px) and (max-width: 1899px) {
  .emotionList {
    padding: 0px;
  }
}
.emotionList ul {
  margin: -28px 0px 0px;
}
.emotionList ul li {
  margin: 0px 0px 12px;
  position: relative;
}
.emotionList ul li .emotionBlock .emotionMoveIcon,
.emotionList ul li .emotionBlock .dropdown {
  background: #2d2637;
  padding: 4px 7px;
  position: absolute;
  top: -1px;
  visibility: hidden;
}
@media (min-width: 1299px) and (max-width: 1499px) {
  .emotionList ul li .emotionBlock .emotionMoveIcon,
.emotionList ul li .emotionBlock .dropdown {
    padding: 6px 8px;
  }
}
.emotionList ul li .emotionBlock .emotionMoveIcon:hover,
.emotionList ul li .emotionBlock .dropdown:hover {
  color: #fff;
}
.emotionList ul li .emotionBlock .emotionName {
  display: block;
  width: 100%;
  height: auto;
}
.emotionList ul li .emotionBlock .emotionMoveIcon {
  left: -1px;
  font-size: 14px;
  color: #fff;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  padding: 6px 10px !important;
}
.emotionList ul li .emotionBlock .dropdown {
  right: -1px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.emotionList ul li .emotionBlock .dropdown i {
  font-size: 24px;
}
.emotionList ul li .emotionBlock .dropdown img {
  width: 100%;
}
.emotionList ul li .emotionBlock .customBgBtn {
  padding: 5.5px 10px;
  color: #110a1a;
  font-size: 13px;
  position: relative;
  width: 100%;
  border-radius: 3px;
  display: block;
}
.emotionList ul li .emotionBlock .customBgBtn .dropdown .dropdown-toggle {
  display: block;
  height: 25px;
  padding: 0px !important;
}
.emotionList ul li .emotionBlock .customBgBtn .dropdown .dropdown-toggle img {
  margin: -6px 0 0 0;
  height: 20px;
}
.emotionList ul li .emotionBlock .customBgBtn.emotionBGColor {
  background: #86842a;
}
.emotionList ul li .emotionBlock .customBgBtn:hover .emotionMoveIcon,
.emotionList ul li .emotionBlock .customBgBtn:hover .dropdown {
  visibility: visible;
}
.emotionList ul.firstColumn li {
  margin: 0px;
  top: 2px;
}
.emotionList ul.secondColumn li {
  margin: 0px;
  top: 58px;
}
.emotionList ul.thirdColumn li {
  margin: 0px;
  top: 95px;
}
.emotionList ul.forthColumn li {
  margin: 0px;
  top: 150px;
}
.emotionList ul.fifthColumn li {
  margin: 0px;
  top: 205px;
}
.emotionList ul.sixthColumn li {
  margin: 0px;
  top: 258px;
}

.height-100 {
  height: 100% !important;
}

/*** Eotion List Popup ***/
.addEmotionModal .formsection {
  padding: 0 50px 10px;
}
.addEmotionModal .searchEmotion {
  border-bottom: 2px solid #110a1a;
  padding-bottom: 0px;
  margin: 0 auto 25px auto;
}
.addEmotionModal .EmotionMainList li a.searchSelect {
  opacity: 1;
}
.addEmotionModal .EmotionMainList li a.searchDeSelect {
  opacity: 0.3;
}

.EmotionMainList li {
  display: block;
  margin: 5px 0px;
}
.EmotionMainList li.seperatespacing {
  margin-bottom: 20px;
}
.EmotionMainList li .emotionBG {
  display: block;
  padding: 6px 10px;
  border-radius: 3px;
  color: #110a1a;
  font-size: 13px;
  text-align: center;
  border: 1px solid transparent;
}
.EmotionMainList li .emotionBG.emotion-large-font {
  font-size: 15px;
}
.EmotionMainList li .emotionBG.opacity-75 {
  opacity: 0.75;
}
.EmotionMainList li .emotionBG.opacity-50 {
  opacity: 0.5;
}
.EmotionMainList li .emotionBG.redBg {
  background: #d0000c;
}
.EmotionMainList li .emotionBG.pinkBg {
  background: #c1008a;
}
.EmotionMainList li .emotionBG.orangeBg {
  background: #f26f1f;
}
.EmotionMainList li .emotionBG.yellowBg {
  background: #eef12b;
}
.EmotionMainList li .emotionBG.greenBg {
  background: #0ba32d;
}
.EmotionMainList li .emotionBG.blueBg {
  background: #467aff;
}
.EmotionMainList li .emotionBG .emotionClose {
  text-align: right;
  float: right;
  visibility: hidden;
}
.EmotionMainList li .emotionBG .emotionName {
  font-weight: 600;
}
.EmotionMainList li .emotionBG:hover, .EmotionMainList li .emotionBG.selected {
  border: 1px solid #7800ff;
  color: #fff;
}
.EmotionMainList li .emotionBG:hover {
  background: #000 !important;
}
.EmotionMainList li .emotionBG.selected {
  background: #7800ff !important;
}
.EmotionMainList li .emotionBG.selected .emotionClose {
  visibility: visible;
}

/*** Emotion Curve ***/
.emotionBlocksBg {
  background: url("/bundles/map/images/emotioncurvebg.svg") repeat;
  min-height: 582px;
  margin-bottom: 0;
  background-position: 0 -21px;
  position: relative;
}
.emotionBlocksBg::before, .emotionBlocksBg::after {
  background: #110a1a;
  height: 0px;
  position: absolute;
  content: "";
  left: 0;
  width: 100%;
  outline: 5px solid #110a1a;
}
.emotionBlocksBg:before {
  top: 5px;
}
.emotionBlocksBg::after {
  bottom: 5px;
}
.emotionBlocksBg .emotionList.widgetArea {
  margin: 0px;
  padding-top: 0px;
}
.emotionBlocksBg .emotionList.widgetArea .emotionMoveIcon i {
  color: #7b6c8f;
}
.emotionBlocksBg .innerBoxItem {
  height: 370px;
  position: relative;
}
.emotionBlocksBg .innerBoxItem:after {
  background: #110a1a;
  position: absolute;
  height: 104px;
  content: "";
  bottom: -7px;
  z-index: 0;
  width: 100%;
  left: 0;
}
.emotionBlocksBg .innerBoxItem:last-child {
  z-index: 1;
  position: relative;
}
.emotionBlocksBg .innerBoxItem:last-child::after {
  height: 8px;
}
.emotionBlocksBg .innerBoxItem .tertiary-btn {
  position: relative;
  top: -50px;
}

@media (min-width: 1199px) and (max-width: 1699px) {
  .widgetArea .formsection .sentimentSelectMain .bootstrap-select .btn.dropdown-toggle {
    width: 100%;
  }
}

.journeyFirstColumn .viewEpisodeMode .addimageInner {
  padding: 0px !important;
  background: transparent !important;
  width: 100%;
}
.journeyFirstColumn .widgetArea.viewEpisodeMode .viewImage .episodeImage {
  object-fit: cover;
  width: 100%;
}
.journeyFirstColumn .widgetArea .formsection .form-group {
  margin-bottom: 5px;
}

.mapMainContainer .formsection .form-group label {
  font-size: 13px;
  font-weight: 500;
  display: block;
}

.titleTxt {
  font-size: 24px !important;
  font-weight: 900;
}

.footerContainer {
  border-top: 2px solid #1f1829;
  border-bottom: 2px solid #1f1829;
  padding: 20px;
  margin: -2px 0px 20px 0px;
  text-align: center;
}
.footerContainer p {
  color: #fff;
  font-size: 12px;
  margin: 0px;
}
.footerContainer p span {
  display: inline-block;
  vertical-align: bottom;
  margin-left: 10px;
}
.footerContainer p span .darktheme {
  display: block;
}
.footerContainer p span .lighttheme {
  display: none;
}
.footerContainer p span img {
  height: 25px;
}

.widgetAreaMainSection .innerBoxItem:nth-child(4n+5), .widgetAreaMainSection .innerBoxItem:nth-child(1) {
  border-left: 2px solid #3f3449;
}
.widgetAreaMainSection .innerBoxItem:nth-child(4n+4) {
  border-right: 2px solid #3f3449;
}

/*** Publish Modal ***/
#publishModal .modal-md,
#publishMotModal .modal-md,
#publishInsightModal .modal-md {
  max-width: 450px;
}
#publishModal .publishBody,
#publishMotModal .publishBody,
#publishInsightModal .publishBody {
  padding: 10px 40px 0px 40px;
}
#publishModal .publishBody .publishErrorTxt,
#publishMotModal .publishBody .publishErrorTxt,
#publishInsightModal .publishBody .publishErrorTxt {
  color: #e41b2e;
  font-size: 13px;
  padding: 0px 0px 20px 0px;
  border-bottom: 2px solid #110a1a;
  font-weight: 600;
}
#publishModal .publishBody .publishErrorTxt span,
#publishMotModal .publishBody .publishErrorTxt span,
#publishInsightModal .publishBody .publishErrorTxt span {
  margin: 10px 10px 0px 0px;
  height: 70px;
  float: left;
}
#publishModal .publishBody .publishErrorTxt span img,
#publishMotModal .publishBody .publishErrorTxt span img,
#publishInsightModal .publishBody .publishErrorTxt span img {
  vertical-align: middle;
  width: 30px;
  margin-top: -3px;
}
#publishModal .publishBody h6,
#publishMotModal .publishBody h6,
#publishInsightModal .publishBody h6 {
  font-size: 13px;
  margin: 0px 0px 5px;
  font-weight: 600;
}
#publishModal .publishBody p,
#publishMotModal .publishBody p,
#publishInsightModal .publishBody p {
  color: #c2b8d0;
  margin-bottom: 20px;
  font-size: 13px;
}
#publishModal .publishBody .statusToggleBtn .btn-group,
#publishMotModal .publishBody .statusToggleBtn .btn-group,
#publishInsightModal .publishBody .statusToggleBtn .btn-group {
  background: #110a1a;
  border: 1px solid #110a1a;
  padding: 0px 1px;
  border-radius: 3px;
  width: 146px;
}
#publishModal .publishBody .statusToggleBtn .btn-group .btn,
#publishMotModal .publishBody .statusToggleBtn .btn-group .btn,
#publishInsightModal .publishBody .statusToggleBtn .btn-group .btn {
  border: none;
  padding: 0px 6px;
  text-align: center;
  font-size: 13px;
  font-weight: 600 !important;
  border-radius: 3px !important;
  line-height: 20px;
  width: 70px;
  cursor: pointer;
}
#publishModal .publishBody .statusToggleBtn .btn-group .btn:first-child,
#publishMotModal .publishBody .statusToggleBtn .btn-group .btn:first-child,
#publishInsightModal .publishBody .statusToggleBtn .btn-group .btn:first-child {
  margin-right: 3px;
}
#publishModal .publishBody .statusToggleBtn .btn-group > .btn-group:not(:last-child) > .btn,
#publishModal .publishBody .statusToggleBtn .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
#publishMotModal .publishBody .statusToggleBtn .btn-group > .btn-group:not(:last-child) > .btn,
#publishMotModal .publishBody .statusToggleBtn .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
#publishInsightModal .publishBody .statusToggleBtn .btn-group > .btn-group:not(:last-child) > .btn,
#publishInsightModal .publishBody .statusToggleBtn .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
#publishModal .modal-footer,
#publishMotModal .modal-footer,
#publishInsightModal .modal-footer {
  position: relative;
  width: 114%;
  left: 0px;
  padding: 0px;
  border: none;
}
#publishModal .modal-footer .saveCancelbtns,
#publishMotModal .modal-footer .saveCancelbtns,
#publishInsightModal .modal-footer .saveCancelbtns {
  text-align: center;
  margin: 0 auto;
}
#publishModal .saveCancelbtnsInner .secondary-btn,
#publishMotModal .saveCancelbtnsInner .secondary-btn,
#publishInsightModal .saveCancelbtnsInner .secondary-btn {
  padding: 16px 35px;
  border-radius: 3px;
}

.emotionInnerMain ul {
  margin: 0px;
}
.emotionInnerMain ul .widgetArea .formsection .form-group:last-child {
  margin-bottom: 0px;
}

.addBrand .addBtn {
  margin: 0 auto;
}
.addBrand .addBtn .tertiarynew-btn {
  margin: 10px auto;
}
.addBrand .addBtn .m-button-small, .addBrand .addBtn .global-btn-sm {
  margin: 10px auto;
}
.addBrand.iconswithBG .fa-arrows-v {
  margin-left: 5px;
}
.addBrand.iconswithBG .dropdown .dropdown-toggle {
  margin: 4px 0px 0px;
}

.dimensionsWidget .bootstrap-select.show-tick .dropdown-toggle:focus {
  border: 0px solid transparent !important;
  outline: none !important;
  box-shadow: none !important;
}
.dimensionsWidget .bootstrap-select.show-tick .dropdown-menu {
  -webkit-box-shadow: 0px 0px 8px #000;
  -moz-box-shadow: 0px 0px 8px #000;
  -ms-box-shadow: 0px 0px 8px #000;
  -o-box-shadow: 0px 0px 8px #000;
  box-shadow: 0px 0px 8px #000;
  border: 1px solid #000;
  border-radius: 0px;
  min-width: 180px !important;
  width: 100%;
}
.dimensionsWidget .bootstrap-select.show-tick .dropdown-menu .bs-actionsbox {
  padding: 0px;
}
.dimensionsWidget .bootstrap-select.show-tick .dropdown-menu .bs-actionsbox .btn-group {
  display: block !important;
}
.dimensionsWidget .bootstrap-select.show-tick .dropdown-menu .bs-actionsbox .btn-group .actions-btn {
  width: auto;
  display: inline-block;
  background: #1f1829;
  color: #7b6c8f;
  text-align: left;
  border: 0;
  padding: 10px !important;
  border-bottom: 1px solid #000;
  font-size: 13px;
}
.dimensionsWidget .bootstrap-select.show-tick .dropdown-menu .bs-actionsbox .btn-group .actions-btn:focus, .dimensionsWidget .bootstrap-select.show-tick .dropdown-menu .bs-actionsbox .btn-group .actions-btn:visited, .dimensionsWidget .bootstrap-select.show-tick .dropdown-menu .bs-actionsbox .btn-group .actions-btn:active {
  outline: none;
  box-shadow: none;
  border: none;
}
.dimensionsWidget .bootstrap-select.show-tick .dropdown-menu li {
  border-bottom: 1px solid #000;
  color: #7b6c8f;
}
.dimensionsWidget .bootstrap-select.show-tick .dropdown-menu li.selected, .dimensionsWidget .bootstrap-select.show-tick .dropdown-menu li:hover {
  background: #2d2637;
  color: #fff;
}
.dimensionsWidget .bootstrap-select.show-tick .dropdown-menu li a.dropdown-item {
  white-space: normal;
  padding: 4px 11px;
}
.dimensionsWidget .bootstrap-select.show-tick .dropdown-menu li span.text {
  margin: 0px;
  padding-left: 0px;
}
.dimensionsWidget .bootstrap-select.show-tick .dropdown-menu li span.check-mark {
  background: #110a1a;
  height: 18px;
  width: 18px;
  top: 5px !important;
  left: 10px !important;
  border-radius: 3px;
  border: 1px solid #000;
  float: left;
  margin: 0px 0px 0px;
  display: block;
  position: absolute;
}
.dimensionsWidget .bootstrap-select.show-tick .dropdown-menu li span.check-mark:after {
  border: transparent;
}
.dimensionsWidget .bootstrap-select.show-tick .dropdown-menu li.selected span.check-mark {
  left: 8px;
  right: auto;
}
.dimensionsWidget .bootstrap-select.show-tick .dropdown-menu li.selected span.check-mark:after {
  border: transparent;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  background: #7800ff;
  width: 18px;
  height: 18px;
  top: 16px;
  border-radius: 3px;
  border: 1px solid #000;
  margin-left: -1px;
  margin-top: -1px;
}
.dimensionsWidget .bootstrap-select.show-tick .dropdown-menu li.selected span.text {
  padding-left: 32px;
  margin: 0px;
}

.flexContainer {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
}

.emotionMainList .emotionList ul li {
  margin: 0px;
}

.widgetAreaMainSection .flexContainer {
  flex-wrap: wrap !important;
}

/*** Color PIcker Styles ***/
.vue-swatches__container {
  background: #110a1a !important;
}
.vue-swatches__container .vue-swatches__fallback__input {
  background: #110a1a !important;
  border: 1px solid #7b6c8f !important;
}
.vue-swatches__container .vue-swatches__swatch {
  border-radius: 2px !important;
}
.vue-swatches__container .vue-swatches__fallback__button {
  background: #7800ff !important;
  background: -webkit-linear-gradient(left, #7800ff 30%, #00288d 100%);
  background: -moz-linear-gradient(left, #7800ff 30%, #00288d 100%);
  background: -o-linear-gradient(left, #7800ff 30%, #00288d 100%);
  background: linear-gradient(left, #7800ff 30%, #00288d 100%);
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#7800ff", endColorstr="#00288d",GradientType=1 );
  color: #fff !important;
}

.vue-swatches__trigger__wrapper .vue-swatches__trigger {
  border-radius: 2px !important;
  border: none !important;
}
.vue-swatches__trigger__wrapper .vue-swatches__trigger.vue-swatches--is-empty {
  border-radius: 2px !important;
  border: none !important;
}

.textAreaView textarea {
  max-height: 100% !important;
  height: 140px !important;
  font-size: 13px !important;
}

.journeyMapsection .widgetAreaMainSection .ghost {
  position: relative;
  z-index: 1;
}
.journeyMapsection .widgetAreaMainSection .ghost::after {
  position: absolute;
  left: 0px;
  right: 0px;
  content: "";
  margin: 0 auto;
  text-align: center;
  z-index: 2;
  background: rgba(120, 0, 255, 0.8);
  height: 100%;
  top: 0px;
  bottom: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: FontAwesome;
  font-size: 50px;
  color: #fff;
}

.tpmodalBackdrop .addTpInner {
  height: 100vh;
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 40px;
}

.carousel {
  width: 100%;
}

.addDimensions .bootstrap-select .dropdown-menu li small {
  white-space: normal;
}

.rightMiddleContent.TPAddLane .innerBoxItem section {
  height: 90%;
}

.widgetInnerBoxItem .widgetrow {
  display: block !important;
  padding: 15px;
}

.attachmentsLane .KPIwidgetArea {
  border: 1px solid #2d2637 !important;
}

.ImageWidget .addImage .addimageInner {
  padding: 0px;
}

/*** Drag Functional Styles ***/
/*** episodes lanes ***/
.episodesBlock .innerBoxItem.ghost,
.episodesBlock .innerBoxItem .drag,
.episodeMainBlock .innerBoxItem.ghost,
.episodeMainBlock .innerBoxItem .drag {
  background: transparent;
  border: 1px solid #7800ff;
}
.episodesBlock .innerBoxItem.ghost .episodeMode .titleBorder,
.episodesBlock .innerBoxItem .drag .episodeMode .titleBorder,
.episodeMainBlock .innerBoxItem.ghost .episodeMode .titleBorder,
.episodeMainBlock .innerBoxItem .drag .episodeMode .titleBorder {
  background: #7800ff;
}
.episodesBlock .innerBoxItem.ghost .episodeMode .titleBorder .episodeTitleName,
.episodesBlock .innerBoxItem.ghost .episodeMode .titleBorder .sortIcon,
.episodesBlock .innerBoxItem.ghost .episodeMode .titleBorder .dropdown-toggle,
.episodesBlock .innerBoxItem .drag .episodeMode .titleBorder .episodeTitleName,
.episodesBlock .innerBoxItem .drag .episodeMode .titleBorder .sortIcon,
.episodesBlock .innerBoxItem .drag .episodeMode .titleBorder .dropdown-toggle,
.episodeMainBlock .innerBoxItem.ghost .episodeMode .titleBorder .episodeTitleName,
.episodeMainBlock .innerBoxItem.ghost .episodeMode .titleBorder .sortIcon,
.episodeMainBlock .innerBoxItem.ghost .episodeMode .titleBorder .dropdown-toggle,
.episodeMainBlock .innerBoxItem .drag .episodeMode .titleBorder .episodeTitleName,
.episodeMainBlock .innerBoxItem .drag .episodeMode .titleBorder .sortIcon,
.episodeMainBlock .innerBoxItem .drag .episodeMode .titleBorder .dropdown-toggle {
  color: #fff;
}
.episodesBlock .innerBoxItem.ghost .episodeMode .formsection .form-group .form-control,
.episodesBlock .innerBoxItem .drag .episodeMode .formsection .form-group .form-control,
.episodeMainBlock .innerBoxItem.ghost .episodeMode .formsection .form-group .form-control,
.episodeMainBlock .innerBoxItem .drag .episodeMode .formsection .form-group .form-control {
  font-size: 13px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/*** Lanes Drag ***/
.LanesMainBlock .lanesDrag .ghost,
.LanesMainBlock .lanesDrag .drag,
.accordionMainBlock .lanesDrag .ghost,
.accordionMainBlock .lanesDrag .drag {
  position: relative;
  z-index: 1;
}
.LanesMainBlock .lanesDrag .ghost::after,
.LanesMainBlock .lanesDrag .drag::after,
.accordionMainBlock .lanesDrag .ghost::after,
.accordionMainBlock .lanesDrag .drag::after {
  position: absolute;
  left: 0px;
  right: 0px;
  content: "";
  margin: 0 auto;
  text-align: center;
  z-index: 2;
  background: rgba(120, 0, 255, 0.8);
  height: 100%;
  top: 0px;
  bottom: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: FontAwesome;
  font-size: 50px;
  color: #fff;
}
.LanesMainBlock .imageMainDiv .ghost:after,
.LanesMainBlock .imageMainDiv .drag:after,
.LanesMainBlock .TextMainDiv .ghost:after,
.LanesMainBlock .TextMainDiv .drag:after,
.LanesMainBlock .quotesLaneMain .ghost:after,
.LanesMainBlock .quotesLaneMain .drag:after,
.LanesMainBlock .iconMain .ghost:after,
.LanesMainBlock .iconMain .drag:after,
.LanesMainBlock .dimensionsLaneMain .ghost:after,
.LanesMainBlock .dimensionsLaneMain .drag:after,
.LanesMainBlock .atachmentLaneMain .ghost:after,
.LanesMainBlock .atachmentLaneMain .drag:after,
.LanesMainBlock .touchpointLanemian .ghost:after,
.LanesMainBlock .touchpointLanemian .drag:after,
.LanesMainBlock .emotionLaneMain .ghost:after,
.LanesMainBlock .emotionLaneMain .drag:after,
.accordionMainBlock .imageMainDiv .ghost:after,
.accordionMainBlock .imageMainDiv .drag:after,
.accordionMainBlock .TextMainDiv .ghost:after,
.accordionMainBlock .TextMainDiv .drag:after,
.accordionMainBlock .quotesLaneMain .ghost:after,
.accordionMainBlock .quotesLaneMain .drag:after,
.accordionMainBlock .iconMain .ghost:after,
.accordionMainBlock .iconMain .drag:after,
.accordionMainBlock .dimensionsLaneMain .ghost:after,
.accordionMainBlock .dimensionsLaneMain .drag:after,
.accordionMainBlock .atachmentLaneMain .ghost:after,
.accordionMainBlock .atachmentLaneMain .drag:after,
.accordionMainBlock .touchpointLanemian .ghost:after,
.accordionMainBlock .touchpointLanemian .drag:after,
.accordionMainBlock .emotionLaneMain .ghost:after,
.accordionMainBlock .emotionLaneMain .drag:after {
  content: "";
}
.LanesMainBlock .emotionLaneMain .emotionList.chosen::before, .LanesMainBlock .emotionLaneMain .emotionList.drag::before,
.accordionMainBlock .emotionLaneMain .emotionList.chosen::before,
.accordionMainBlock .emotionLaneMain .emotionList.drag::before {
  text-align: center;
  top: -5px;
}
.LanesMainBlock .emotionList.ghost, .LanesMainBlock .emotionList.drag,
.LanesMainBlock .brandBg.ghost,
.LanesMainBlock .brandBg.drag,
.accordionMainBlock .emotionList.ghost,
.accordionMainBlock .emotionList.drag,
.accordionMainBlock .brandBg.ghost,
.accordionMainBlock .brandBg.drag {
  position: relative;
}
.LanesMainBlock .emotionList.ghost::before, .LanesMainBlock .emotionList.drag::before,
.LanesMainBlock .brandBg.ghost::before,
.LanesMainBlock .brandBg.drag::before,
.accordionMainBlock .emotionList.ghost::before,
.accordionMainBlock .emotionList.drag::before,
.accordionMainBlock .brandBg.ghost::before,
.accordionMainBlock .brandBg.drag::before {
  content: "";
  position: absolute;
  background: rgba(120, 0, 255, 0.8);
  z-index: 2;
  color: #fff;
  left: 0;
  top: -10px;
  padding: 7px 5px;
  opacity: 1;
  font-family: FontAwesome;
  height: 100%;
  width: 100%;
  font-size: 20px;
  border-radius: 2px;
}
.LanesMainBlock .emotionList.ghost::after, .LanesMainBlock .emotionList.drag::after,
.LanesMainBlock .brandBg.ghost::after,
.LanesMainBlock .brandBg.drag::after,
.accordionMainBlock .emotionList.ghost::after,
.accordionMainBlock .emotionList.drag::after,
.accordionMainBlock .brandBg.ghost::after,
.accordionMainBlock .brandBg.drag::after {
  display: none;
}
.LanesMainBlock .emotionList li.drag,
.LanesMainBlock .brandBg li.drag,
.accordionMainBlock .emotionList li.drag,
.accordionMainBlock .brandBg li.drag {
  position: relative;
}
.LanesMainBlock .emotionList li.drag::before,
.LanesMainBlock .brandBg li.drag::before,
.accordionMainBlock .emotionList li.drag::before,
.accordionMainBlock .brandBg li.drag::before {
  content: "";
  position: absolute;
  background: rgba(120, 0, 255, 0.8);
  z-index: 2;
  color: #fff;
  left: 0;
  top: -10px;
  padding: 7px 5px;
  opacity: 1;
  font-family: FontAwesome;
  height: 100%;
  width: 100%;
  font-size: 20px;
  border-radius: 2px;
}
.LanesMainBlock .emotionList li.drag::after,
.LanesMainBlock .brandBg li.drag::after,
.accordionMainBlock .emotionList li.drag::after,
.accordionMainBlock .brandBg li.drag::after {
  display: none;
}
.LanesMainBlock .emotionList .ghost::after,
.LanesMainBlock .emotionList .drag::after,
.accordionMainBlock .emotionList .ghost::after,
.accordionMainBlock .emotionList .drag::after {
  font-size: 20px !important;
}
.LanesMainBlock .brandBg::before,
.accordionMainBlock .brandBg::before {
  top: 0px;
}
.LanesMainBlock .touchpointList .touchpointListInner.ghost,
.LanesMainBlock .touchpointList .touchpointListInner .drag,
.accordionMainBlock .touchpointList .touchpointListInner.ghost,
.accordionMainBlock .touchpointList .touchpointListInner .drag {
  position: relative;
}
.LanesMainBlock .touchpointList .touchpointListInner.ghost::before,
.LanesMainBlock .touchpointList .touchpointListInner .drag::before,
.accordionMainBlock .touchpointList .touchpointListInner.ghost::before,
.accordionMainBlock .touchpointList .touchpointListInner .drag::before {
  content: "";
  position: absolute;
  background: rgba(120, 0, 255, 0.8);
  z-index: 2;
  color: #fff;
  left: 0;
  top: 0;
  padding: 23px 5px;
  opacity: 1;
  font-family: FontAwesome;
  height: 100%;
  width: 100%;
  font-size: 30px;
}
.LanesMainBlock .touchpointList .touchpointListInner.ghost::after,
.LanesMainBlock .touchpointList .touchpointListInner .drag::after,
.accordionMainBlock .touchpointList .touchpointListInner.ghost::after,
.accordionMainBlock .touchpointList .touchpointListInner .drag::after {
  display: none;
}
.LanesMainBlock .kpiMainBlock .ghost:after,
.LanesMainBlock .kpiMainBlock .drag:after,
.accordionMainBlock .kpiMainBlock .ghost:after,
.accordionMainBlock .kpiMainBlock .drag:after {
  content: "";
}
.LanesMainBlock .atachmentLaneMain .attachmentsLane .widgetArea.draggable-item.chosen::after,
.accordionMainBlock .atachmentLaneMain .attachmentsLane .widgetArea.draggable-item.chosen::after {
  content: "" !important;
}
.LanesMainBlock .atachmentLaneMain .attachmentsLane .widgetArea.draggable-item.chosen:after, .LanesMainBlock .atachmentLaneMain .attachmentsLane .widgetArea.draggable-item.ghost:after, .LanesMainBlock .atachmentLaneMain .attachmentsLane .widgetArea.draggable-item.drag:after,
.accordionMainBlock .atachmentLaneMain .attachmentsLane .widgetArea.draggable-item.chosen:after,
.accordionMainBlock .atachmentLaneMain .attachmentsLane .widgetArea.draggable-item.ghost:after,
.accordionMainBlock .atachmentLaneMain .attachmentsLane .widgetArea.draggable-item.drag:after {
  font-size: 30px;
}
.LanesMainBlock .atachmentLaneMain .attachmentsLane .widgetArea.draggable-item.ghost::after,
.accordionMainBlock .atachmentLaneMain .attachmentsLane .widgetArea.draggable-item.ghost::after {
  content: "" !important;
}
.LanesMainBlock .emotionList.textwidgetlist.ghost::before, .LanesMainBlock .emotionList.textwidgetlist.drag::before,
.accordionMainBlock .emotionList.textwidgetlist.ghost::before,
.accordionMainBlock .emotionList.textwidgetlist.drag::before {
  top: 0px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 40px;
  border-radius: 10px !important;
}

.LanesMainBlock .emotionLaneMain .emotionMainList .emotionList {
  padding: 0px;
}
.LanesMainBlock .emotionLaneMain .emotionMainList .emotionList:first-child {
  padding-top: 20px;
}
.LanesMainBlock .episodesMainDiv.atachmentLaneMain .attachmentsLane .widgetArea:first-child {
  margin-top: 20px;
}
.LanesMainBlock .episodesMainDiv.atachmentLaneMain .attachmentsLane .widgetArea .formsection .form-group {
  margin: 0px;
  padding: 0;
}

.attachmentMainWidgetBlock .widgetArea {
  margin: 0px;
}
.attachmentMainWidgetBlock .widgetArea:first-child {
  margin-top: 20px;
}
.attachmentMainWidgetBlock .widgetArea .formsection .form-group {
  margin: 0px;
  padding: 0;
}

.accordionMainBlock .lanesDrag .ghost::after,
.accordionMainBlock .lanesDrag .drag::after {
  content: "";
}
.accordionMainBlock .lanesDrag .accordionMainBlockRight .innerBoxItem .ghost::after,
.accordionMainBlock .lanesDrag .accordionMainBlockRight .innerBoxItem .drag::after {
  content: "" !important;
}
.accordionMainBlock .lanesDrag .accordionMainBlockRight .tpmainInnerBox.ghost::after,
.accordionMainBlock .lanesDrag .accordionMainBlockRight .tpmainInnerBox .drag::after {
  content: "" !important;
}

.tpwidgetAreaMainSection .innerBoxItem.ghost,
.tpwidgetAreaMainSection .innerBoxItem .drag {
  background: transparent;
  border: 1px solid #7800ff;
}
.tpwidgetAreaMainSection .innerBoxItem.ghost::before,
.tpwidgetAreaMainSection .innerBoxItem .drag::before {
  display: none;
}
.tpwidgetAreaMainSection .innerBoxItem.ghost::after,
.tpwidgetAreaMainSection .innerBoxItem .drag::after {
  display: none;
}
.tpwidgetAreaMainSection .innerBoxItem.ghost .widgetArea .widgettopTitle,
.tpwidgetAreaMainSection .innerBoxItem .drag .widgetArea .widgettopTitle {
  background: #7800ff;
}
.tpwidgetAreaMainSection .innerBoxItem.ghost .widgetArea .widgettopTitle span,
.tpwidgetAreaMainSection .innerBoxItem.ghost .widgetArea .widgettopTitle .sortIcon,
.tpwidgetAreaMainSection .innerBoxItem.ghost .widgetArea .widgettopTitle .dropdown-toggle,
.tpwidgetAreaMainSection .innerBoxItem .drag .widgetArea .widgettopTitle span,
.tpwidgetAreaMainSection .innerBoxItem .drag .widgetArea .widgettopTitle .sortIcon,
.tpwidgetAreaMainSection .innerBoxItem .drag .widgetArea .widgettopTitle .dropdown-toggle {
  color: #fff;
}

.widgetMediaMain .viewEpisodeMode .addimageInner {
  padding: 0px !important;
}

.widgetAreaMainSection .viewEpisodeMode .addimageInner {
  padding: 0px !important;
}

/***  Contact Reason ***/
.addContactReason .btn {
  display: block;
  margin: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 0px 4px 4px #000;
  -moz-box-shadow: 0px 4px 4px #000;
  -ms-box-shadow: 0px 4px 4px #000;
  -o-box-shadow: 0px 4px 4px #000;
  box-shadow: 0px 4px 4px #000;
}

.addedContactReason p {
  background: #110a1a;
  padding: 10px;
  color: #fff;
  font-size: 12px;
}
.addedContactReason .delete-btn {
  -webkit-box-shadow: 0px 4px 4px #000;
  -moz-box-shadow: 0px 4px 4px #000;
  -ms-box-shadow: 0px 4px 4px #000;
  -o-box-shadow: 0px 4px 4px #000;
  box-shadow: 0px 4px 4px #000;
  width: 100%;
}
.addedContactReason .delete-btn:focus {
  opacity: 0.8;
}

/*** Contact Reason Popup ***/
.addContactReasonModal .modal-lg {
  max-width: 90%;
  width: 90%;
}
.addContactReasonModal .modal-lg .tpviewFooter .tertiary-btn {
  width: auto !important;
  color: #000 !important;
  margin: 0 auto !important;
}
.addContactReasonModal .searchEmotion .searchEmotion {
  margin-left: 20px;
}

.columnViewGrid {
  background: #110a1a;
  height: 70vh;
}
.columnViewGrid .ColumnViewHscroll {
  padding: 30px 0px;
  width: 100%;
  overflow-x: auto;
  white-space: nowrap;
  flex-wrap: nowrap;
  height: 100%;
}
.columnViewGrid .ColumnViewHscroll .columnViewList {
  display: inline-block;
  width: 25%;
  padding: 10px;
  vertical-align: top;
  flex: 0 0 auto;
}
.columnViewGrid .ColumnViewHscroll .columnViewList .allContactReasonList .card {
  background: transparent;
  border: none;
}
.columnViewGrid .ColumnViewHscroll .columnViewList .allContactReasonList .card .card-header {
  padding: 0px;
  border: none;
  background: transparent;
  margin: 0px;
  border-radius: 0px;
}
.columnViewGrid .ColumnViewHscroll .columnViewList .allContactReasonList .card .card-header h5 {
  font-weight: 400;
}
.columnViewGrid .ColumnViewHscroll .columnViewList .allContactReasonList .card .card-header h5 a {
  background: #7b6c8f;
  padding: 10px;
  color: #fff;
  border-radius: 3px;
  font-size: 13px;
  display: block;
  margin: 10px 0px;
}
.columnViewGrid .ColumnViewHscroll .columnViewList .allContactReasonList .card .card-header h5 a:after {
  position: absolute;
  font-family: "FontAwesome";
  top: 15px;
  font-size: 20px;
  right: 10px;
  content: "";
}
.columnViewGrid .ColumnViewHscroll .columnViewList .allContactReasonList .card .card-header h5 a.collapsed:after {
  content: "";
}
.columnViewGrid .ColumnViewHscroll .columnViewList .allContactReasonList .card .card-body {
  padding: 20px 10px;
}
.columnViewGrid .ColumnViewHscroll .columnViewList .allContactReasonList .card .innerAccordiaon .card-header {
  margin: 0px 0px 0px 20px;
}
.columnViewGrid .ColumnViewHscroll .columnViewList .allContactReasonList .card .innerAccordiaon .card-header h5 {
  font-weight: 400;
}
.columnViewGrid .ColumnViewHscroll .columnViewList .allContactReasonList .card .innerAccordiaon .card-header h5 a {
  background: #433c4a;
  padding: 10px;
  color: #fff;
  font-size: 16px;
  display: block;
  margin: 0 0 10px 0;
  border-radius: 3px;
  font-size: 13px;
}
.columnViewGrid .ColumnViewHscroll .columnViewList .allContactReasonList .card .innerAccordiaon .card-header h5 a:after {
  top: 10px;
}
.columnViewGrid .ColumnViewHscroll .columnViewList .allContactReasonList .card .innerAccordiaon .card-body {
  padding: 10px;
}
.columnViewGrid .ColumnViewHscroll .columnViewList .allContactReasonList .card .innerAccordiaon .card-body .crList {
  margin: 0px 0px 0px 30px;
  padding: 0px;
}
.columnViewGrid .ColumnViewHscroll .columnViewList .allContactReasonList .card .innerAccordiaon .card-body .crList li {
  display: block;
  background: #2d2637;
  padding: 10px;
  margin: 10px 0px;
  border-radius: 3px;
  cursor: pointer;
}
.columnViewGrid .ColumnViewHscroll .columnViewList .allContactReasonList .card .innerAccordiaon .card-body .crList li:first-child {
  margin-top: 0px;
}
.columnViewGrid .ColumnViewHscroll .columnViewList .allContactReasonList .card .innerAccordiaon .card-body .crList li:hover, .columnViewGrid .ColumnViewHscroll .columnViewList .allContactReasonList .card .innerAccordiaon .card-body .crList li.selected {
  background: #7800ff;
}

.journeyMapsectionLeft .innerBoxItem {
  border-right: 0 !important;
}
@media (min-width: 2221px) and (max-width: 2921px) {
  .journeyMapsectionLeft .innerBoxItem.width-14 {
    min-width: 250px;
  }
}
@media (min-width: 2922px) and (max-width: 5921px) {
  .journeyMapsectionLeft .innerBoxItem.width-14 {
    min-width: 360px;
  }
}
@media (min-width: 2021px) and (max-width: 2421px) {
  .journeyMapsectionLeft .widgetArea .addImage {
    height: 6vw;
  }
}
.journeyMapsectionLeft .journeySecColumn .innerBoxItem {
  padding: 0 10px;
}

.editmapContainer .leftwrapper .bottomMoreActions {
  bottom: 1px;
  left: -17px;
  border-radius: 0px;
}
.editmapContainer .leftwrapper .bottomMoreActions .dropdown .dropdown-toggle {
  width: 35px;
  display: block;
  height: 35px;
}
.editmapContainer .leftwrapper .bottomMoreActions .dropdown .dropdown-toggle img {
  width: 100%;
}
.editmapContainer .emotionBlock .dropdown-toggle {
  display: block;
}
.editmapContainer .tpActions .dropdown-toggle {
  display: block;
  height: 30px;
}
.editmapContainer .tpActions .dropdown-toggle img {
  width: 6px;
  vertical-align: top;
  margin-top: 2px;
}
.editmapContainer .tpwidgetAreaMainSection .widgetArea .AttachmentsMain .dropdown .dropdown-toggle {
  top: -10px;
  right: 1px;
}
.editmapContainer .tpwidgetAreaMainSection .widgetArea .AttachmentsMain .dropdown .dropdown-toggle img {
  width: 8px;
}
.editmapContainer .journeyMapsection .widgetAreaMainSection {
  padding-left: 20px !important;
}
@media (min-width: 1299px) and (max-width: 1799px) {
  .editmapContainer .journeyMapsection .widgetAreaMainSection {
    padding-left: 26px !important;
  }
}
@media (min-width: 1800px) and (max-width: 1821px) {
  .editmapContainer .journeyMapsection .widgetAreaMainSection {
    padding-left: 22px !important;
  }
}
@media (min-width: 2421px) and (max-width: 5199px) {
  .editmapContainer .journeyMapsection .widgetAreaMainSection {
    padding-left: 27px !important;
  }
}

.sentiment .dropdown-toggle {
  background: #1f1829 !important;
  border: none !important;
}

.journeyMapsection .widgetAreaMainSection .widgetArea .height-100 .addNewLane {
  position: relative;
  top: -30px;
}
.journeyMapsection .widgetAreaMainSection .widgetArea .height-100 .addQuoteBtnMain .addNewLane {
  top: -50px;
}

.addDimensions .bootstrap-select .dropdown-toggle,
.selectArrowMain .bootstrap-select .dropdown-toggle {
  background: transparent !important;
  border: none !important;
}
.addDimensions .bootstrap-select .dropdown-toggle:focus,
.selectArrowMain .bootstrap-select .dropdown-toggle:focus {
  outline: 0 !important;
}
.addDimensions .bootstrap-select .dropdown-toggle .filter-option-inner-inner,
.selectArrowMain .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.addtouchpointModal .selectArrowMain .bootstrap-select .filter-option-inner-inner:after,
.invitePeopleComment .selectArrowMain .bootstrap-select .filter-option-inner-inner:after,
.StickyHeader .selectArrowMain .bootstrap-select .filter-option-inner-inner:after {
  background: linear-gradient(177.49deg, rgba(31, 24, 41, 0) 2.1%, #110a1a 37.61%) !important;
  width: 5%;
  top: 3px;
}

.addtouchpointModal .selectArrowMain .bootstrap-select .filter-option-inner-inner:after,
.invitePeopleComment .selectArrowMain .bootstrap-select .filter-option-inner-inner:after,
.StickyHeader .selectArrowMain .bootstrap-select .filter-option-inner-inner:after {
  background: transparent !important;
  width: 5%;
  top: 3px;
}

.invitePeopleComment .filter-option-inner-inner:after {
  width: 5% !important;
}

/*** Mozilla Hacks ***/
@-moz-document url-prefix() {
  .emotionList ul li .emotionBlock .customBgBtn {
    padding: 10px;
  }

  .quotesWidgetArea .slideNumbertext {
    font-size: 13px;
  }
}
.emotionLaneMain .tertiarynew-btn {
  margin: 0px 0px 20px;
  position: relative;
  top: -15px;
}

.emotionCurveLaneMain .tertiarynew-btn {
  position: relative;
  top: 5px;
}

.touchpointLanemian .touchpointListInner .editmapContainer .tpActions .dropdown-toggle img {
  width: 70%;
  margin-top: -10px;
}
.touchpointLanemian .attachmentsLane .widgetArea {
  padding: 5px 10px;
}
.touchpointLanemian .attachmentsLane .widgetArea .dropdown-toggle {
  position: absolute;
  top: -10px;
  right: -2px;
  color: #7b6c8f;
  padding: 10px 15px;
  z-index: 1;
  display: block;
  height: 43px;
}
.touchpointLanemian .attachmentsLane .widgetArea p {
  margin: 0px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 111%;
}
.touchpointLanemian .attachmentsLane .widgetArea:hover {
  background: #1f1829;
}
.touchpointLanemian .attachmentsLane .widgetArea:hover .dropdown-toggle {
  background: #2d2637;
}
.quotesLaneMain .widgetInnerBoxItem .widgetrow {
  padding: 15px 20px;
}

.publishModal .saveCancelbtnsInner .secondary-btn {
  -webkit-box-shadow: 0px 4px 4px #000;
  -moz-box-shadow: 0px 4px 4px #000;
  -ms-box-shadow: 0px 4px 4px #000;
  -o-box-shadow: 0px 4px 4px #000;
  box-shadow: 0px 4px 4px #000;
}

.dimensionsWidget .addBrand li i {
  visibility: hidden;
}
.dimensionsWidget .addBrand li:hover i {
  visibility: visible;
  cursor: pointer;
}
.dimensionsWidget .addBrand li.addBtn i {
  visibility: visible;
}

.journeyMapsection .emotionList {
  padding: 0px;
}
.journeyMapsection .emotionList:first-child {
  padding-top: 0px;
}
.journeyMapsection .emotionInnerMain ul {
  margin: 5px -5 10px;
}

.smallloader img {
  width: 40px;
  height: 20px;
}

.mainHtmlClass {
  overflow: hidden;
}
.mainHtmlClass .contentScroll {
  margin-top: 65px;
  padding-bottom: 65px;
}
.mainHtmlClass .contentScroll .mapMainContainer {
  padding-top: 0 !important;
}

.videoMainDdiv {
  position: relative;
}
.videoMainDdiv video {
  height: 7vw;
  width: 100%;
  position: relative;
}
.videoMainDdiv video[poster] {
  height: 100%;
}
.videoMainDdiv .playIocnMain {
  position: absolute;
  top: 0px;
  left: 50%;
  z-index: 1;
}
.videoMainDdiv:after {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100%;
  content: "";
}
.videoMainDdiv.viewImage .deleteepisodeImage {
  right: 20px;
}

/*** Edit Epidoee View ***/
.editEpisodeViewModal {
  padding: 0px !important;
}
.editEpisodeViewModal.bottomToTopModal .modal-dialog {
  margin: 50px auto 0px;
}
.editEpisodeViewModal .modal-body {
  padding: 0px;
}
.editEpisodeViewModal .leftwrapper {
  position: sticky !important;
  left: 0px !important;
  z-index: 99;
}
.editEpisodeViewModal .episodeviewTopView {
  padding: 10px;
  border-bottom: 2px solid #110a1a;
}
.editEpisodeViewModal .episodeviewTopView .formsection .form-group .form-control {
  background: #110a1a !important;
  border: 2px solid #000 !important;
}
.editEpisodeViewModal .episodeviewTopView .bootstrap-select .dropdown-toggle {
  background: transparent;
  border: none;
}
.editEpisodeViewModal .editEpisodeInnerContent .widgetArea .addImage {
  background: #110a1a;
}
.editEpisodeViewModal .editEpisodeInnerContent .widgetArea .addImage:hover {
  background: #2e233e;
  border: 2px solid #2e233e;
}
.editEpisodeViewModal .editEpisodeInnerContent .widgetArea .addImage .addimageInner {
  width: 40px;
  height: 40px;
}
.editEpisodeViewModal .editEpisodeInnerContent .formsection .form-group .form-control {
  background: #110a1a !important;
  border: 2px solid #000 !important;
}
.editEpisodeViewModal .editEpisodeInnerContent .formsection .form-group .form-control:focus {
  border: 2px solid #7800ff !important;
}
.editEpisodeViewModal .editTouchPointsMain .innerBoxItem {
  border-right: 2px solid #110a1a;
  border-top: 2px solid #110a1a;
  border-bottom: 2px solid #110a1a;
  width: 14%;
  /*------Shoulbe be 14%----*/
  min-height: 200px;
}
@media (min-width: 2421px) and (max-width: 5199px) {
  .editEpisodeViewModal .editTouchPointsMain .innerBoxItem {
    width: 14%;
  }
}
.editEpisodeViewModal .editTouchPointsMain .innerBoxItem:last-child {
  border-right: none;
  margin-top: -2px;
}
.editEpisodeViewModal .editTouchPointsMain .episodetouchpointView {
  position: relative;
}
.editEpisodeViewModal .editTouchPointsMain .episodetouchpointView p {
  font-size: 13px;
}
.editEpisodeViewModal .editTouchPointsMain .episodetouchpointView .titleBorder {
  background: transparent;
  border-bottom: 2px solid #000;
  padding: 5px 0;
  border-top: none;
  width: 120%;
}
@media (min-width: 1299px) and (max-width: 1469px) {
  .editEpisodeViewModal .editTouchPointsMain .episodetouchpointView .titleBorder {
    width: 131%;
    left: -17px;
  }
}
@media (min-width: 1470px) and (max-width: 1599px) {
  .editEpisodeViewModal .editTouchPointsMain .episodetouchpointView .titleBorder {
    width: 128%;
    left: -17px;
  }
}
@media (min-width: 1600px) and (max-width: 1799px) {
  .editEpisodeViewModal .editTouchPointsMain .episodetouchpointView .titleBorder {
    width: 123%;
  }
}
@media (min-width: 2021px) and (max-width: 2421px) {
  .editEpisodeViewModal .editTouchPointsMain .episodetouchpointView .titleBorder {
    width: 115%;
  }
}
@media (min-width: 2422px) and (max-width: 5921px) {
  .editEpisodeViewModal .editTouchPointsMain .episodetouchpointView .titleBorder {
    width: 111%;
  }
}
.editEpisodeViewModal .editTouchPointsMain .episodetouchpointView .titleBorder .dropdown-toggle {
  height: 40px;
  position: relative;
  top: -5px;
}
.editEpisodeViewModal .editTouchPointsMain .episodetouchpointView .titleBorder .dropdown-toggle:hover {
  background: #000;
}
.editEpisodeViewModal .editTouchPointsMain .episodetouchpointView .btn {
  width: 100%;
}
.editEpisodeViewModal .editTouchPointsMain .episodetouchpointView .btn.delete-btn {
  box-shadow: 0px 4px 4px #000;
  font-size: 13px;
}
.editEpisodeViewModal .editTouchPointsMain .episodetouchpointView .textArea .form-control {
  background: #110a1a !important;
}
.editEpisodeViewModal .editTouchPointsMain .episodetouchpointView .editTouchPointView {
  display: none;
  background: rgba(31, 24, 41, 0.5);
  position: absolute;
  z-index: 1;
  top: 50px;
  left: 0;
  height: 85%;
  width: 100%;
}
.editEpisodeViewModal .editTouchPointsMain .episodetouchpointView .editTouchPointView .editTouchPointViewInner {
  margin: 0 auto;
  text-align: center;
}
.editEpisodeViewModal .editTouchPointsMain .episodetouchpointView .editTouchPointView .tertiarynew-btn {
  border-radius: 0px;
  padding: 8px 20px;
  box-shadow: 0px 4px 4px #000;
}
.editEpisodeViewModal .editTouchPointsMain .episodetouchpointView:hover .editTouchPointView {
  display: block;
}
.editEpisodeViewModal .editTouchPointsMain .episodetouchpointView:hover .sortIcon {
  z-index: 2;
  position: relative;
  visibility: visible;
}
.editEpisodeViewModal .LanesMainBlock .innerBoxItem {
  background: #110a1a;
}
.editEpisodeViewModal .LanesMainBlock .emotionLaneMain .emotionMainList .emotionList {
  padding: 0px 10px;
}
.editEpisodeViewModal.uploadLogo .btn {
  border-radius: 0px;
}
@media (min-width: 1199px) and (max-width: 1439px) {
  .editEpisodeViewModal .addNewLane .addLaneInner {
    margin-left: -5px;
  }
}
.editEpisodeViewModal .attachmentsLane .innerBoxItem {
  background: transparent;
}
.editEpisodeViewModal .episodeDetailInner {
  padding: 0px 20px 0px 0px;
  white-space: nowrap;
  width: 100%;
  overflow-y: auto;
}
@media (min-width: 2021px) and (max-width: 5199px) {
  .editEpisodeViewModal .episodeDetailInner {
    height: 96vh;
  }
}
.editEpisodeViewModal .episodeDetailInner .rightWrapper {
  padding: 0px;
}

.addtouchpointModal .addBrandModal,
.editEpisodeViewModal .addBrandModal {
  padding-left: 0px !important;
  overflow: hidden !important;
}
.addtouchpointModal .addBrandModal .modal-lg,
.editEpisodeViewModal .addBrandModal .modal-lg {
  max-width: 1280px !important;
  margin: 0 auto !important;
}

.addBrandModal .modal-body,
.selectIconModal .modal-body {
  padding: 30px 60px;
}

/*** Discard Changes ***/
.discardChangesModal.modal {
  z-index: 9999;
}
.discardChangesModal .modal-lg {
  max-width: 600px;
}
.discardChangesModal .discardInnerBody .saveCancelbtns {
  border: none;
}
.discardChangesModal .discardInnerBody .saveCancelbtns .btn.discardChanges-btn {
  background: #7b6c8f;
}

.atachmentLaneMain .attachmentsLane .widgetArea {
  margin: 0px;
}

.iconMain .draggable-item .addedInnerBoxItem.innerBoxItem {
  background: transparent;
}

.journeyMapsection .widgetAreaMainSection .addImage {
  width: 100%;
}
.journeyMapsection .widgetAreaMainSection .addImage img {
  object-fit: cover;
  width: 100%;
}

.episodesBlock .addImage img {
  object-fit: cover;
  width: 100%;
}

.imageMainDiv .addImage img {
  width: 100%;
}

.InnerPadBox {
  padding: 0px 20px;
}

.tpDetailModal {
  padding: 0px;
}
.tpDetailModal .emotionInnerMain .form-group,
.tpDetailModal .AttachmentsMain .form-group {
  margin: 0px;
}
.tpDetailModal .emotionInnerMain .emotionList,
.tpDetailModal .AttachmentsMain .emotionList {
  margin-bottom: 0px;
  margin-top: 15px;
}
.tpDetailModal .AttachmentsMain .widgetArea {
  margin-bottom: 0px;
}
.tpDetailModal .widgetMediaMain .widgetArea {
  padding-bottom: 10px !important;
}
.tpDetailModal.uploadLogo .btn {
  border-radius: 0px;
}
.tpDetailModal .addNewLane {
  padding: 0px !important;
}
.tpDetailModal .editEpisodeInnerContent .addImage {
  width: 100%;
}
.tpDetailModal .editEpisodeInnerContent.viewEpisodeMode .viewImage .episodeImage {
  border-radius: 0px;
}
.tpDetailModal .bootstrap-select .filter-option-inner-inner:after {
  background: linear-gradient(177.49deg, rgba(31, 24, 41, 0) 2.1%, #1f1829 37.61%) !important;
}

.iconMainTPView .kpitopsection .formsection .form-group .form-control {
  font-size: 13px;
}

.TextMainWidgetArea .formsection {
  padding: 0px;
}

.kpiMainBlock .KPIwidgetArea {
  margin: 20px 0px 10px;
}
.kpiMainBlock .trendSelect .bootstrap-select.form-control {
  background: #1f1829 !important;
}
.kpiMainBlock .trendSelect .bootstrap-select.form-control.dropdown:hover {
  background: #2d2637 !important;
}
.kpiMainBlock .trendSelect .bootstrap-select.form-control.dropdown:hover .filter-option-inner-inner::after {
  background: linear-gradient(177.49deg, rgba(31, 24, 41, 0) 2.1%, #2d2637 37.61%);
}
.kpiMainBlock .trendSelect .bootstrap-select.form-control {
  padding: 5px 5px 5px 8px !important;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
  border: 2px solid #000;
  background: #1f1829 !important;
}
.kpiMainBlock .trendSelect .bootstrap-select .dropdown-toggle .filter-option-inner-inner:after {
  top: 3px;
}
.kpiMainBlock .trendSelect .bootstrap-select .dropdown-menu {
  top: 4px !important;
  left: -8px !important;
}

.episodesBlock {
  border-bottom: 2px solid #1f1829;
}

@media (min-width: 1299px) and (max-width: 1399px) {
  .addTPBtnMain {
    margin-left: -3px;
  }
}

.editEpisodeViewModal .bootstrap-select .dropdown-toggle .filter-option-inner-inner:after {
  background: linear-gradient(177.49deg, rgba(31, 24, 41, 0) 2.1%, #2d2637 37.61%);
  right: 15px;
  width: 13%;
}
.editEpisodeViewModal .KPIwidgetArea .formsection .form-group .form-control {
  padding: 5px 5px 5px 8px !important;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
  border: 2px solid #000;
}
.editEpisodeViewModal .trendSelect .bootstrap-select.form-control {
  padding: 5px 5px 5px 8px !important;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
  border: 2px solid #000;
  background: #1f1829 !important;
}
.editEpisodeViewModal .trendSelect .bootstrap-select .dropdown-toggle .filter-option-inner-inner:after {
  background: transparent !important;
}

.tpViewQuotes {
  width: 100%;
}
@media (min-width: 2021px) and (max-width: 5199px) {
  .tpViewQuotes {
    width: 100%;
  }
}

.EditEpisodeMainDiv {
  border-bottom: 0 solid transparent !important;
}
.EditEpisodeMainDiv .episodeMode .formsection .form-row .form-group {
  margin-top: 0px;
}

.noPreviewImage {
  background: #2d2637;
  height: 120px;
}
.noPreviewImage .noPreviewInner {
  text-align: center;
  margin: 0 auto;
}

.emotionBlocksBg .emotionBlockFirstSec .emotionMoveIcon {
  width: 34px;
  width: 32px;
  margin: 0;
  position: absolute;
  left: -1px;
  top: -1px;
  padding: 3px 12px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  font-size: 17px;
}
.emotionBlocksBg .emotionBlockFirstSec .emotionName {
  font-size: 13px;
  display: block;
  position: relative;
  top: -2px;
  height: 19px;
  width: 100%;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0px 25px;
}
.emotionBlocksBg .emotionBlockFirstSec .emotionBGColor {
  width: 100%;
  padding: 8px 10px;
  font-size: 20px;
  height: 31px;
  line-height: auto !important;
  border-radius: 3px;
  position: relative;
}
.emotionBlocksBg .emotionBlockFirstSec .emotionBGColor .emotionMoveIcon,
.emotionBlocksBg .emotionBlockFirstSec .emotionBGColor .dropdown {
  visibility: hidden;
}
.emotionBlocksBg .emotionBlockFirstSec .emotionBGColor:hover .emotionMoveIcon,
.emotionBlocksBg .emotionBlockFirstSec .emotionBGColor:hover .dropdown-toggle {
  background: #2d2637;
}
.emotionBlocksBg .emotionBlockFirstSec .emotionBGColor:hover .emotionMoveIcon .menu-icon,
.emotionBlocksBg .emotionBlockFirstSec .emotionBGColor:hover .dropdown-toggle .menu-icon {
  margin-top: 1px;
  margin-left: -2px;
}
.emotionBlocksBg .emotionBlockFirstSec .emotionBGColor:hover .emotionMoveIcon,
.emotionBlocksBg .emotionBlockFirstSec .emotionBGColor:hover .dropdown {
  visibility: visible;
}
.emotionBlocksBg .emotionBlockFirstSec .dropdown {
  position: absolute;
  top: -2px;
  right: -1px;
}
.emotionBlocksBg .emotionBlockFirstSec .dropdown .dropdown-toggle {
  padding: 3px 7px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  width: 34px;
  height: 32px;
}
.emotionBlocksBg .emotionBlockFirstSec .dropdown img {
  width: 8px;
}
.emotionBlocksBg .emotionBlock .emotionBlockSecondSec p {
  margin: 0px 0px 4px;
}

.showNewLaneBlockElement.episodesMainDiv {
  min-height: auto;
}

.EpisodeEditMain .rightMiddleContent .width-14.innerBoxItem {
  border: 2px solid #3f3449;
  border-top: none;
  border-left: none;
  border-bottom: 2px solid #3f3449;
  background: #110a1a;
}

.LanguageMainDiv .selectArrowMain .bootstrap-select .dropdown-menu {
  top: 7px !important;
  left: -8px !important;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  border: 1px solid #000;
}

::-webkit-scrollbar-corner {
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #7b6c8f;
  background-clip: content-box;
}

@-moz-document url-prefix() {
  body {
    scrollbar-color: #7b6c8f transparent;
    scrollbar-width: thin !important;
    border-radius: 10px;
  }
}
.bootstrap-select.form-control {
  background: #1f1829 !important;
}
.bootstrap-select.form-control.dropdown:hover {
  background: #2d2637;
}
.bootstrap-select.form-control.dropdown:hover .filter-option-inner-inner::after {
  background: linear-gradient(177.49deg, rgba(31, 24, 41, 0) 2.1%, #2d2637 37.61%);
}

.journeyIconWidgetArea .formsection {
  padding: 0px 8px;
}

.TextMainDiv .formsection {
  padding: 0px;
}
.TextMainDiv .formsection .form-group {
  margin: 0px;
}
.TextMainDiv .textAreaView textarea {
  height: 98px;
}

.touchpointLanemian .attachmentsLane.touchpointLaneList {
  padding-top: 20px;
}
.touchpointLanemian .attachmentsLane.touchpointLaneList .widgetArea {
  margin: 0px;
}
.touchpointLanemian .attachmentsLane.touchpointLaneList .widgetArea .row.h-100 {
  margin-left: -10px;
  margin-right: -10px;
  position: relative;
}
.touchpointLanemian .attachmentsLane.touchpointLaneList .widgetArea .tpName {
  padding: 21px 21px 11px 21px !important;
  background: #2d2637;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.touchpointLanemian .attachmentsLane.touchpointLaneList .widgetArea p {
  text-overflow: inherit;
  overflow: visible;
  white-space: normal;
  width: 100%;
  font-size: 13px;
}
.touchpointLanemian .attachmentsLane.touchpointLaneList .widgetArea .tpActions {
  background: #1f1829;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.touchpointLanemian .attachmentsLane.touchpointLaneList .widgetArea .tpActions .dropdown-toggle img {
  position: absolute;
  top: 50%;
}
.touchpointLanemian .attachmentsLane.touchpointLaneList .widgetArea .tpActions:hover .dropdown-toggle {
  background: transparent;
}
.touchpointLanemian .attachmentsLane.touchpointLaneList .widgetArea:hover {
  background: transparent !important;
}
.touchpointLanemian .attachmentsLane.touchpointLaneList .widgetArea:hover .touchdropmenuedit .dropdown-toggle .menu-icon-touch {
  visibility: visible;
}
.touchpointLanemian .attachmentsLane.touchpointLaneList .widgetArea:hover .tpName {
  background: #2d2637;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.touchpointLanemian .attachmentsLane.touchpointLaneList .widgetArea:hover .tpName:hover {
  cursor: pointer;
}
.touchpointLanemian .attachmentsLane.touchpointLaneList .widgetArea:hover .tpActions {
  background: #1f1829;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.touchpointLanemian .attachmentsLane.touchpointLaneList .widgetArea:hover .tpActions .dropdown-toggle {
  background: transparent;
}
.touchpointLanemian .attachmentsLane.touchpointLaneList .widgetArea:hover .tpActions ul {
  height: 100%;
  width: 100%;
}
.touchpointLanemian .attachmentsLane.touchpointLaneList .widgetArea:hover .tpActions ul li {
  height: 100%;
  width: 100%;
}
.touchpointLanemian .attachmentsLane.touchpointLaneList .widgetArea:hover .tpActions ul li .touchdropmenuedit {
  height: 100%;
  width: 100%;
}
.touchpointLanemian .attachmentsLane.touchpointLaneList .widgetArea:hover .tpActions ul li .touchdropmenuedit .dropdown-toggle .menu-icon-touch {
  margin: 0px auto !important;
}

@media (min-width: 1299px) and (max-width: 1699px) {
  .editDimensions .iconswithBG .brandBg {
    width: 60%;
  }
}
@media (min-width: 2421px) and (max-width: 5921px) {
  .editDimensions .iconswithBG .brandBg {
    width: 80%;
  }
}

.dimensionsWidget .bootstrap-select .dropdown-menu.show {
  overflow-x: hidden !important;
}

.videoMainDdiv.viewImage span img:hover {
  cursor: pointer !important;
}

.uploadedImage .uploadedImageView .previewBox {
  position: relative;
  overflow: hidden;
}
.uploadedImage .uploadedImageView .previewBox img {
  object-fit: cover;
}

.extraHeaderSpace.modal-open .addtouchpointModal.newModal {
  overflow-y: hidden !important;
}

.editEpisodeViewModal .episodeDetailInner {
  overflow-x: auto;
  border-bottom: 10px solid #1f1829;
  border-right: 5px solid #1f1829;
}
.editEpisodeViewModal .imageMainDiv .viewEpisodeMode .viewImage img {
  object-fit: cover;
}
.editEpisodeViewModal .editEpisodeInnerContent .viewEpisodeMode .viewImage img {
  object-fit: cover;
}

.mainHtmlClass .modal-open {
  overflow: auto !important;
}

.journeyMapsection .widgetAreaMainSection {
  margin-top: 0px !important;
}
.journeyMapsection .widgetAreaMainSection .innerBoxItem:nth-last-child(1), .journeyMapsection .widgetAreaMainSection .innerBoxItem:nth-last-child(2), .journeyMapsection .widgetAreaMainSection .innerBoxItem:nth-last-child(3), .journeyMapsection .widgetAreaMainSection .innerBoxItem:nth-last-child(4) {
  border-top: none;
}

.newChannelRequest {
  margin: 20px 0px 0px;
}

/*** Request New Channel Request Modal ***/
.requestNewChannelModal {
  z-index: 9998;
}
.requestNewChannelModal.ExportMilkyMapModal .modal-title {
  font-size: 18px !important;
  font-weight: 600;
  line-height: 36px;
}
.requestNewChannelModal.ExportMilkyMapModal .selectExportTxt {
  width: 100%;
  border: none;
  font-size: 13px !important;
  text-align: left;
}
.requestNewChannelModal.ExportMilkyMapModal .saveCancelbtns {
  width: 106%;
  left: -16px;
  margin: 20px 0px 10px;
}
.requestNewChannelModal.ExportMilkyMapModal .saveCancelbtns .saveCancelbtnsInner {
  margin: 0 auto;
  text-align: center;
}
.requestNewChannelModal.ExportMilkyMapModal .saveCancelbtns .saveCancelbtnsInner .btn {
  border-radius: 1px;
  display: inline-block;
  border-radius: 3px;
}

/*** Get Help Button Styling ***/
#button-container #help-button {
  background: #7800ff !important;
  background: -webkit-linear-gradient(left, #7800ff 30%, #00288d 100%);
  background: -moz-linear-gradient(left, #7800ff 30%, #00288d 100%);
  background: -o-linear-gradient(left, #7800ff 30%, #00288d 100%);
  background: linear-gradient(left, #7800ff 30%, #00288d 100%);
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#7800ff", endColorstr="#00288d",GradientType=1 );
  color: #fff;
}
#button-container #help-button:hover {
  background: -webkit-linear-gradient(left, #00288d 30%, #7800ff 100%);
  background: -moz-linear-gradient(left, #00288d 30%, #7800ff 100%);
  background: -o-linear-gradient(left, #00288d 30%, #7800ff 100%);
  background: linear-gradient(left, #00288d 30%, #7800ff 100%);
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#00288d", endColorstr="#7800ff",GradientType=1 );
}

.etouchpointsMainDiv.TextMainDiv .width-14.innerBoxItem {
  padding: 20px;
}
.etouchpointsMainDiv.emotionLaneMain .width-14.innerBoxItem {
  padding-top: 20px;
}
.etouchpointsMainDiv.quotesLaneMain .widgetrow {
  padding: 0 20px;
}
.etouchpointsMainDiv.quotesLaneMain .quotesWidgetArea.KPIwidgetArea .formsection {
  padding: 0px;
}
.etouchpointsMainDiv.atachmentLaneMain .attachmentsLane {
  padding-top: 20px;
}
.etouchpointsMainDiv.atachmentLaneMain .attachmentsLane .AttachmentsMain.formsection .form-group {
  margin: 0px;
}

.journeyMapsection .selectArrowMain .bootstrap-select .dropdown-menu, .journeyMapsection .selectArrowMain.bootstrap-select .dropdown-menu,
.journeyMapsection .sentimentSelectMain .bootstrap-select .dropdown-menu,
.journeyMapsection .sentimentSelectMain.bootstrap-select .dropdown-menu,
.journeyMapsection .selectme .bootstrap-select .dropdown-menu,
.journeyMapsection .selectme.bootstrap-select .dropdown-menu,
.tpwidgetAreaMainSection .selectArrowMain .bootstrap-select .dropdown-menu,
.tpwidgetAreaMainSection .selectArrowMain.bootstrap-select .dropdown-menu,
.tpwidgetAreaMainSection .sentimentSelectMain .bootstrap-select .dropdown-menu,
.tpwidgetAreaMainSection .sentimentSelectMain.bootstrap-select .dropdown-menu,
.tpwidgetAreaMainSection .selectme .bootstrap-select .dropdown-menu,
.tpwidgetAreaMainSection .selectme.bootstrap-select .dropdown-menu,
.LanesMainBlock .selectArrowMain .bootstrap-select .dropdown-menu,
.LanesMainBlock .selectArrowMain.bootstrap-select .dropdown-menu,
.LanesMainBlock .sentimentSelectMain .bootstrap-select .dropdown-menu,
.LanesMainBlock .sentimentSelectMain.bootstrap-select .dropdown-menu,
.LanesMainBlock .selectme .bootstrap-select .dropdown-menu,
.LanesMainBlock .selectme.bootstrap-select .dropdown-menu,
.addDocumentModal .selectArrowMain .bootstrap-select .dropdown-menu,
.addDocumentModal .selectArrowMain.bootstrap-select .dropdown-menu,
.addDocumentModal .sentimentSelectMain .bootstrap-select .dropdown-menu,
.addDocumentModal .sentimentSelectMain.bootstrap-select .dropdown-menu,
.addDocumentModal .selectme .bootstrap-select .dropdown-menu,
.addDocumentModal .selectme.bootstrap-select .dropdown-menu,
.quotesWidgetArea .selectArrowMain .bootstrap-select .dropdown-menu,
.quotesWidgetArea .selectArrowMain.bootstrap-select .dropdown-menu,
.quotesWidgetArea .sentimentSelectMain .bootstrap-select .dropdown-menu,
.quotesWidgetArea .sentimentSelectMain.bootstrap-select .dropdown-menu,
.quotesWidgetArea .selectme .bootstrap-select .dropdown-menu,
.quotesWidgetArea .selectme.bootstrap-select .dropdown-menu,
.tpEditViewArea .selectArrowMain .bootstrap-select .dropdown-menu,
.tpEditViewArea .selectArrowMain.bootstrap-select .dropdown-menu,
.tpEditViewArea .sentimentSelectMain .bootstrap-select .dropdown-menu,
.tpEditViewArea .sentimentSelectMain.bootstrap-select .dropdown-menu,
.tpEditViewArea .selectme .bootstrap-select .dropdown-menu,
.tpEditViewArea .selectme.bootstrap-select .dropdown-menu {
  background: var(--Foreground_Primary) !important;
}
.journeyMapsection .selectArrowMain .bootstrap-select .dropdown-menu li, .journeyMapsection .selectArrowMain.bootstrap-select .dropdown-menu li,
.journeyMapsection .sentimentSelectMain .bootstrap-select .dropdown-menu li,
.journeyMapsection .sentimentSelectMain.bootstrap-select .dropdown-menu li,
.journeyMapsection .selectme .bootstrap-select .dropdown-menu li,
.journeyMapsection .selectme.bootstrap-select .dropdown-menu li,
.tpwidgetAreaMainSection .selectArrowMain .bootstrap-select .dropdown-menu li,
.tpwidgetAreaMainSection .selectArrowMain.bootstrap-select .dropdown-menu li,
.tpwidgetAreaMainSection .sentimentSelectMain .bootstrap-select .dropdown-menu li,
.tpwidgetAreaMainSection .sentimentSelectMain.bootstrap-select .dropdown-menu li,
.tpwidgetAreaMainSection .selectme .bootstrap-select .dropdown-menu li,
.tpwidgetAreaMainSection .selectme.bootstrap-select .dropdown-menu li,
.LanesMainBlock .selectArrowMain .bootstrap-select .dropdown-menu li,
.LanesMainBlock .selectArrowMain.bootstrap-select .dropdown-menu li,
.LanesMainBlock .sentimentSelectMain .bootstrap-select .dropdown-menu li,
.LanesMainBlock .sentimentSelectMain.bootstrap-select .dropdown-menu li,
.LanesMainBlock .selectme .bootstrap-select .dropdown-menu li,
.LanesMainBlock .selectme.bootstrap-select .dropdown-menu li,
.addDocumentModal .selectArrowMain .bootstrap-select .dropdown-menu li,
.addDocumentModal .selectArrowMain.bootstrap-select .dropdown-menu li,
.addDocumentModal .sentimentSelectMain .bootstrap-select .dropdown-menu li,
.addDocumentModal .sentimentSelectMain.bootstrap-select .dropdown-menu li,
.addDocumentModal .selectme .bootstrap-select .dropdown-menu li,
.addDocumentModal .selectme.bootstrap-select .dropdown-menu li,
.quotesWidgetArea .selectArrowMain .bootstrap-select .dropdown-menu li,
.quotesWidgetArea .selectArrowMain.bootstrap-select .dropdown-menu li,
.quotesWidgetArea .sentimentSelectMain .bootstrap-select .dropdown-menu li,
.quotesWidgetArea .sentimentSelectMain.bootstrap-select .dropdown-menu li,
.quotesWidgetArea .selectme .bootstrap-select .dropdown-menu li,
.quotesWidgetArea .selectme.bootstrap-select .dropdown-menu li,
.tpEditViewArea .selectArrowMain .bootstrap-select .dropdown-menu li,
.tpEditViewArea .selectArrowMain.bootstrap-select .dropdown-menu li,
.tpEditViewArea .sentimentSelectMain .bootstrap-select .dropdown-menu li,
.tpEditViewArea .sentimentSelectMain.bootstrap-select .dropdown-menu li,
.tpEditViewArea .selectme .bootstrap-select .dropdown-menu li,
.tpEditViewArea .selectme.bootstrap-select .dropdown-menu li {
  background: #1f1829;
}
.journeyMapsection .selectArrowMain .bootstrap-select .dropdown-menu li a:hover, .journeyMapsection .selectArrowMain .bootstrap-select .dropdown-menu li a.active, .journeyMapsection .selectArrowMain.bootstrap-select .dropdown-menu li a:hover, .journeyMapsection .selectArrowMain.bootstrap-select .dropdown-menu li a.active,
.journeyMapsection .sentimentSelectMain .bootstrap-select .dropdown-menu li a:hover,
.journeyMapsection .sentimentSelectMain .bootstrap-select .dropdown-menu li a.active,
.journeyMapsection .sentimentSelectMain.bootstrap-select .dropdown-menu li a:hover,
.journeyMapsection .sentimentSelectMain.bootstrap-select .dropdown-menu li a.active,
.journeyMapsection .selectme .bootstrap-select .dropdown-menu li a:hover,
.journeyMapsection .selectme .bootstrap-select .dropdown-menu li a.active,
.journeyMapsection .selectme.bootstrap-select .dropdown-menu li a:hover,
.journeyMapsection .selectme.bootstrap-select .dropdown-menu li a.active,
.tpwidgetAreaMainSection .selectArrowMain .bootstrap-select .dropdown-menu li a:hover,
.tpwidgetAreaMainSection .selectArrowMain .bootstrap-select .dropdown-menu li a.active,
.tpwidgetAreaMainSection .selectArrowMain.bootstrap-select .dropdown-menu li a:hover,
.tpwidgetAreaMainSection .selectArrowMain.bootstrap-select .dropdown-menu li a.active,
.tpwidgetAreaMainSection .sentimentSelectMain .bootstrap-select .dropdown-menu li a:hover,
.tpwidgetAreaMainSection .sentimentSelectMain .bootstrap-select .dropdown-menu li a.active,
.tpwidgetAreaMainSection .sentimentSelectMain.bootstrap-select .dropdown-menu li a:hover,
.tpwidgetAreaMainSection .sentimentSelectMain.bootstrap-select .dropdown-menu li a.active,
.tpwidgetAreaMainSection .selectme .bootstrap-select .dropdown-menu li a:hover,
.tpwidgetAreaMainSection .selectme .bootstrap-select .dropdown-menu li a.active,
.tpwidgetAreaMainSection .selectme.bootstrap-select .dropdown-menu li a:hover,
.tpwidgetAreaMainSection .selectme.bootstrap-select .dropdown-menu li a.active,
.LanesMainBlock .selectArrowMain .bootstrap-select .dropdown-menu li a:hover,
.LanesMainBlock .selectArrowMain .bootstrap-select .dropdown-menu li a.active,
.LanesMainBlock .selectArrowMain.bootstrap-select .dropdown-menu li a:hover,
.LanesMainBlock .selectArrowMain.bootstrap-select .dropdown-menu li a.active,
.LanesMainBlock .sentimentSelectMain .bootstrap-select .dropdown-menu li a:hover,
.LanesMainBlock .sentimentSelectMain .bootstrap-select .dropdown-menu li a.active,
.LanesMainBlock .sentimentSelectMain.bootstrap-select .dropdown-menu li a:hover,
.LanesMainBlock .sentimentSelectMain.bootstrap-select .dropdown-menu li a.active,
.LanesMainBlock .selectme .bootstrap-select .dropdown-menu li a:hover,
.LanesMainBlock .selectme .bootstrap-select .dropdown-menu li a.active,
.LanesMainBlock .selectme.bootstrap-select .dropdown-menu li a:hover,
.LanesMainBlock .selectme.bootstrap-select .dropdown-menu li a.active,
.addDocumentModal .selectArrowMain .bootstrap-select .dropdown-menu li a:hover,
.addDocumentModal .selectArrowMain .bootstrap-select .dropdown-menu li a.active,
.addDocumentModal .selectArrowMain.bootstrap-select .dropdown-menu li a:hover,
.addDocumentModal .selectArrowMain.bootstrap-select .dropdown-menu li a.active,
.addDocumentModal .sentimentSelectMain .bootstrap-select .dropdown-menu li a:hover,
.addDocumentModal .sentimentSelectMain .bootstrap-select .dropdown-menu li a.active,
.addDocumentModal .sentimentSelectMain.bootstrap-select .dropdown-menu li a:hover,
.addDocumentModal .sentimentSelectMain.bootstrap-select .dropdown-menu li a.active,
.addDocumentModal .selectme .bootstrap-select .dropdown-menu li a:hover,
.addDocumentModal .selectme .bootstrap-select .dropdown-menu li a.active,
.addDocumentModal .selectme.bootstrap-select .dropdown-menu li a:hover,
.addDocumentModal .selectme.bootstrap-select .dropdown-menu li a.active,
.quotesWidgetArea .selectArrowMain .bootstrap-select .dropdown-menu li a:hover,
.quotesWidgetArea .selectArrowMain .bootstrap-select .dropdown-menu li a.active,
.quotesWidgetArea .selectArrowMain.bootstrap-select .dropdown-menu li a:hover,
.quotesWidgetArea .selectArrowMain.bootstrap-select .dropdown-menu li a.active,
.quotesWidgetArea .sentimentSelectMain .bootstrap-select .dropdown-menu li a:hover,
.quotesWidgetArea .sentimentSelectMain .bootstrap-select .dropdown-menu li a.active,
.quotesWidgetArea .sentimentSelectMain.bootstrap-select .dropdown-menu li a:hover,
.quotesWidgetArea .sentimentSelectMain.bootstrap-select .dropdown-menu li a.active,
.quotesWidgetArea .selectme .bootstrap-select .dropdown-menu li a:hover,
.quotesWidgetArea .selectme .bootstrap-select .dropdown-menu li a.active,
.quotesWidgetArea .selectme.bootstrap-select .dropdown-menu li a:hover,
.quotesWidgetArea .selectme.bootstrap-select .dropdown-menu li a.active,
.tpEditViewArea .selectArrowMain .bootstrap-select .dropdown-menu li a:hover,
.tpEditViewArea .selectArrowMain .bootstrap-select .dropdown-menu li a.active,
.tpEditViewArea .selectArrowMain.bootstrap-select .dropdown-menu li a:hover,
.tpEditViewArea .selectArrowMain.bootstrap-select .dropdown-menu li a.active,
.tpEditViewArea .sentimentSelectMain .bootstrap-select .dropdown-menu li a:hover,
.tpEditViewArea .sentimentSelectMain .bootstrap-select .dropdown-menu li a.active,
.tpEditViewArea .sentimentSelectMain.bootstrap-select .dropdown-menu li a:hover,
.tpEditViewArea .sentimentSelectMain.bootstrap-select .dropdown-menu li a.active,
.tpEditViewArea .selectme .bootstrap-select .dropdown-menu li a:hover,
.tpEditViewArea .selectme .bootstrap-select .dropdown-menu li a.active,
.tpEditViewArea .selectme.bootstrap-select .dropdown-menu li a:hover,
.tpEditViewArea .selectme.bootstrap-select .dropdown-menu li a.active {
  background: #3f3449;
  color: #7b6c8f;
}
.journeyMapsection .selectArrowMain .bootstrap-select .dropdown-menu li:hover a:hover, .journeyMapsection .selectArrowMain .bootstrap-select .dropdown-menu li:hover a.active, .journeyMapsection .selectArrowMain .bootstrap-select .dropdown-menu li.active a:hover, .journeyMapsection .selectArrowMain .bootstrap-select .dropdown-menu li.active a.active, .journeyMapsection .selectArrowMain.bootstrap-select .dropdown-menu li:hover a:hover, .journeyMapsection .selectArrowMain.bootstrap-select .dropdown-menu li:hover a.active, .journeyMapsection .selectArrowMain.bootstrap-select .dropdown-menu li.active a:hover, .journeyMapsection .selectArrowMain.bootstrap-select .dropdown-menu li.active a.active,
.journeyMapsection .sentimentSelectMain .bootstrap-select .dropdown-menu li:hover a:hover,
.journeyMapsection .sentimentSelectMain .bootstrap-select .dropdown-menu li:hover a.active,
.journeyMapsection .sentimentSelectMain .bootstrap-select .dropdown-menu li.active a:hover,
.journeyMapsection .sentimentSelectMain .bootstrap-select .dropdown-menu li.active a.active,
.journeyMapsection .sentimentSelectMain.bootstrap-select .dropdown-menu li:hover a:hover,
.journeyMapsection .sentimentSelectMain.bootstrap-select .dropdown-menu li:hover a.active,
.journeyMapsection .sentimentSelectMain.bootstrap-select .dropdown-menu li.active a:hover,
.journeyMapsection .sentimentSelectMain.bootstrap-select .dropdown-menu li.active a.active,
.journeyMapsection .selectme .bootstrap-select .dropdown-menu li:hover a:hover,
.journeyMapsection .selectme .bootstrap-select .dropdown-menu li:hover a.active,
.journeyMapsection .selectme .bootstrap-select .dropdown-menu li.active a:hover,
.journeyMapsection .selectme .bootstrap-select .dropdown-menu li.active a.active,
.journeyMapsection .selectme.bootstrap-select .dropdown-menu li:hover a:hover,
.journeyMapsection .selectme.bootstrap-select .dropdown-menu li:hover a.active,
.journeyMapsection .selectme.bootstrap-select .dropdown-menu li.active a:hover,
.journeyMapsection .selectme.bootstrap-select .dropdown-menu li.active a.active,
.tpwidgetAreaMainSection .selectArrowMain .bootstrap-select .dropdown-menu li:hover a:hover,
.tpwidgetAreaMainSection .selectArrowMain .bootstrap-select .dropdown-menu li:hover a.active,
.tpwidgetAreaMainSection .selectArrowMain .bootstrap-select .dropdown-menu li.active a:hover,
.tpwidgetAreaMainSection .selectArrowMain .bootstrap-select .dropdown-menu li.active a.active,
.tpwidgetAreaMainSection .selectArrowMain.bootstrap-select .dropdown-menu li:hover a:hover,
.tpwidgetAreaMainSection .selectArrowMain.bootstrap-select .dropdown-menu li:hover a.active,
.tpwidgetAreaMainSection .selectArrowMain.bootstrap-select .dropdown-menu li.active a:hover,
.tpwidgetAreaMainSection .selectArrowMain.bootstrap-select .dropdown-menu li.active a.active,
.tpwidgetAreaMainSection .sentimentSelectMain .bootstrap-select .dropdown-menu li:hover a:hover,
.tpwidgetAreaMainSection .sentimentSelectMain .bootstrap-select .dropdown-menu li:hover a.active,
.tpwidgetAreaMainSection .sentimentSelectMain .bootstrap-select .dropdown-menu li.active a:hover,
.tpwidgetAreaMainSection .sentimentSelectMain .bootstrap-select .dropdown-menu li.active a.active,
.tpwidgetAreaMainSection .sentimentSelectMain.bootstrap-select .dropdown-menu li:hover a:hover,
.tpwidgetAreaMainSection .sentimentSelectMain.bootstrap-select .dropdown-menu li:hover a.active,
.tpwidgetAreaMainSection .sentimentSelectMain.bootstrap-select .dropdown-menu li.active a:hover,
.tpwidgetAreaMainSection .sentimentSelectMain.bootstrap-select .dropdown-menu li.active a.active,
.tpwidgetAreaMainSection .selectme .bootstrap-select .dropdown-menu li:hover a:hover,
.tpwidgetAreaMainSection .selectme .bootstrap-select .dropdown-menu li:hover a.active,
.tpwidgetAreaMainSection .selectme .bootstrap-select .dropdown-menu li.active a:hover,
.tpwidgetAreaMainSection .selectme .bootstrap-select .dropdown-menu li.active a.active,
.tpwidgetAreaMainSection .selectme.bootstrap-select .dropdown-menu li:hover a:hover,
.tpwidgetAreaMainSection .selectme.bootstrap-select .dropdown-menu li:hover a.active,
.tpwidgetAreaMainSection .selectme.bootstrap-select .dropdown-menu li.active a:hover,
.tpwidgetAreaMainSection .selectme.bootstrap-select .dropdown-menu li.active a.active,
.LanesMainBlock .selectArrowMain .bootstrap-select .dropdown-menu li:hover a:hover,
.LanesMainBlock .selectArrowMain .bootstrap-select .dropdown-menu li:hover a.active,
.LanesMainBlock .selectArrowMain .bootstrap-select .dropdown-menu li.active a:hover,
.LanesMainBlock .selectArrowMain .bootstrap-select .dropdown-menu li.active a.active,
.LanesMainBlock .selectArrowMain.bootstrap-select .dropdown-menu li:hover a:hover,
.LanesMainBlock .selectArrowMain.bootstrap-select .dropdown-menu li:hover a.active,
.LanesMainBlock .selectArrowMain.bootstrap-select .dropdown-menu li.active a:hover,
.LanesMainBlock .selectArrowMain.bootstrap-select .dropdown-menu li.active a.active,
.LanesMainBlock .sentimentSelectMain .bootstrap-select .dropdown-menu li:hover a:hover,
.LanesMainBlock .sentimentSelectMain .bootstrap-select .dropdown-menu li:hover a.active,
.LanesMainBlock .sentimentSelectMain .bootstrap-select .dropdown-menu li.active a:hover,
.LanesMainBlock .sentimentSelectMain .bootstrap-select .dropdown-menu li.active a.active,
.LanesMainBlock .sentimentSelectMain.bootstrap-select .dropdown-menu li:hover a:hover,
.LanesMainBlock .sentimentSelectMain.bootstrap-select .dropdown-menu li:hover a.active,
.LanesMainBlock .sentimentSelectMain.bootstrap-select .dropdown-menu li.active a:hover,
.LanesMainBlock .sentimentSelectMain.bootstrap-select .dropdown-menu li.active a.active,
.LanesMainBlock .selectme .bootstrap-select .dropdown-menu li:hover a:hover,
.LanesMainBlock .selectme .bootstrap-select .dropdown-menu li:hover a.active,
.LanesMainBlock .selectme .bootstrap-select .dropdown-menu li.active a:hover,
.LanesMainBlock .selectme .bootstrap-select .dropdown-menu li.active a.active,
.LanesMainBlock .selectme.bootstrap-select .dropdown-menu li:hover a:hover,
.LanesMainBlock .selectme.bootstrap-select .dropdown-menu li:hover a.active,
.LanesMainBlock .selectme.bootstrap-select .dropdown-menu li.active a:hover,
.LanesMainBlock .selectme.bootstrap-select .dropdown-menu li.active a.active,
.addDocumentModal .selectArrowMain .bootstrap-select .dropdown-menu li:hover a:hover,
.addDocumentModal .selectArrowMain .bootstrap-select .dropdown-menu li:hover a.active,
.addDocumentModal .selectArrowMain .bootstrap-select .dropdown-menu li.active a:hover,
.addDocumentModal .selectArrowMain .bootstrap-select .dropdown-menu li.active a.active,
.addDocumentModal .selectArrowMain.bootstrap-select .dropdown-menu li:hover a:hover,
.addDocumentModal .selectArrowMain.bootstrap-select .dropdown-menu li:hover a.active,
.addDocumentModal .selectArrowMain.bootstrap-select .dropdown-menu li.active a:hover,
.addDocumentModal .selectArrowMain.bootstrap-select .dropdown-menu li.active a.active,
.addDocumentModal .sentimentSelectMain .bootstrap-select .dropdown-menu li:hover a:hover,
.addDocumentModal .sentimentSelectMain .bootstrap-select .dropdown-menu li:hover a.active,
.addDocumentModal .sentimentSelectMain .bootstrap-select .dropdown-menu li.active a:hover,
.addDocumentModal .sentimentSelectMain .bootstrap-select .dropdown-menu li.active a.active,
.addDocumentModal .sentimentSelectMain.bootstrap-select .dropdown-menu li:hover a:hover,
.addDocumentModal .sentimentSelectMain.bootstrap-select .dropdown-menu li:hover a.active,
.addDocumentModal .sentimentSelectMain.bootstrap-select .dropdown-menu li.active a:hover,
.addDocumentModal .sentimentSelectMain.bootstrap-select .dropdown-menu li.active a.active,
.addDocumentModal .selectme .bootstrap-select .dropdown-menu li:hover a:hover,
.addDocumentModal .selectme .bootstrap-select .dropdown-menu li:hover a.active,
.addDocumentModal .selectme .bootstrap-select .dropdown-menu li.active a:hover,
.addDocumentModal .selectme .bootstrap-select .dropdown-menu li.active a.active,
.addDocumentModal .selectme.bootstrap-select .dropdown-menu li:hover a:hover,
.addDocumentModal .selectme.bootstrap-select .dropdown-menu li:hover a.active,
.addDocumentModal .selectme.bootstrap-select .dropdown-menu li.active a:hover,
.addDocumentModal .selectme.bootstrap-select .dropdown-menu li.active a.active,
.quotesWidgetArea .selectArrowMain .bootstrap-select .dropdown-menu li:hover a:hover,
.quotesWidgetArea .selectArrowMain .bootstrap-select .dropdown-menu li:hover a.active,
.quotesWidgetArea .selectArrowMain .bootstrap-select .dropdown-menu li.active a:hover,
.quotesWidgetArea .selectArrowMain .bootstrap-select .dropdown-menu li.active a.active,
.quotesWidgetArea .selectArrowMain.bootstrap-select .dropdown-menu li:hover a:hover,
.quotesWidgetArea .selectArrowMain.bootstrap-select .dropdown-menu li:hover a.active,
.quotesWidgetArea .selectArrowMain.bootstrap-select .dropdown-menu li.active a:hover,
.quotesWidgetArea .selectArrowMain.bootstrap-select .dropdown-menu li.active a.active,
.quotesWidgetArea .sentimentSelectMain .bootstrap-select .dropdown-menu li:hover a:hover,
.quotesWidgetArea .sentimentSelectMain .bootstrap-select .dropdown-menu li:hover a.active,
.quotesWidgetArea .sentimentSelectMain .bootstrap-select .dropdown-menu li.active a:hover,
.quotesWidgetArea .sentimentSelectMain .bootstrap-select .dropdown-menu li.active a.active,
.quotesWidgetArea .sentimentSelectMain.bootstrap-select .dropdown-menu li:hover a:hover,
.quotesWidgetArea .sentimentSelectMain.bootstrap-select .dropdown-menu li:hover a.active,
.quotesWidgetArea .sentimentSelectMain.bootstrap-select .dropdown-menu li.active a:hover,
.quotesWidgetArea .sentimentSelectMain.bootstrap-select .dropdown-menu li.active a.active,
.quotesWidgetArea .selectme .bootstrap-select .dropdown-menu li:hover a:hover,
.quotesWidgetArea .selectme .bootstrap-select .dropdown-menu li:hover a.active,
.quotesWidgetArea .selectme .bootstrap-select .dropdown-menu li.active a:hover,
.quotesWidgetArea .selectme .bootstrap-select .dropdown-menu li.active a.active,
.quotesWidgetArea .selectme.bootstrap-select .dropdown-menu li:hover a:hover,
.quotesWidgetArea .selectme.bootstrap-select .dropdown-menu li:hover a.active,
.quotesWidgetArea .selectme.bootstrap-select .dropdown-menu li.active a:hover,
.quotesWidgetArea .selectme.bootstrap-select .dropdown-menu li.active a.active,
.tpEditViewArea .selectArrowMain .bootstrap-select .dropdown-menu li:hover a:hover,
.tpEditViewArea .selectArrowMain .bootstrap-select .dropdown-menu li:hover a.active,
.tpEditViewArea .selectArrowMain .bootstrap-select .dropdown-menu li.active a:hover,
.tpEditViewArea .selectArrowMain .bootstrap-select .dropdown-menu li.active a.active,
.tpEditViewArea .selectArrowMain.bootstrap-select .dropdown-menu li:hover a:hover,
.tpEditViewArea .selectArrowMain.bootstrap-select .dropdown-menu li:hover a.active,
.tpEditViewArea .selectArrowMain.bootstrap-select .dropdown-menu li.active a:hover,
.tpEditViewArea .selectArrowMain.bootstrap-select .dropdown-menu li.active a.active,
.tpEditViewArea .sentimentSelectMain .bootstrap-select .dropdown-menu li:hover a:hover,
.tpEditViewArea .sentimentSelectMain .bootstrap-select .dropdown-menu li:hover a.active,
.tpEditViewArea .sentimentSelectMain .bootstrap-select .dropdown-menu li.active a:hover,
.tpEditViewArea .sentimentSelectMain .bootstrap-select .dropdown-menu li.active a.active,
.tpEditViewArea .sentimentSelectMain.bootstrap-select .dropdown-menu li:hover a:hover,
.tpEditViewArea .sentimentSelectMain.bootstrap-select .dropdown-menu li:hover a.active,
.tpEditViewArea .sentimentSelectMain.bootstrap-select .dropdown-menu li.active a:hover,
.tpEditViewArea .sentimentSelectMain.bootstrap-select .dropdown-menu li.active a.active,
.tpEditViewArea .selectme .bootstrap-select .dropdown-menu li:hover a:hover,
.tpEditViewArea .selectme .bootstrap-select .dropdown-menu li:hover a.active,
.tpEditViewArea .selectme .bootstrap-select .dropdown-menu li.active a:hover,
.tpEditViewArea .selectme .bootstrap-select .dropdown-menu li.active a.active,
.tpEditViewArea .selectme.bootstrap-select .dropdown-menu li:hover a:hover,
.tpEditViewArea .selectme.bootstrap-select .dropdown-menu li:hover a.active,
.tpEditViewArea .selectme.bootstrap-select .dropdown-menu li.active a:hover,
.tpEditViewArea .selectme.bootstrap-select .dropdown-menu li.active a.active {
  background: #3f3449;
  color: #7b6c8f;
  font-weight: 600;
}

.shareMilkyMapModal .modal-header .modal-title {
  font-weight: 600;
}
.shareMilkyMapModal .modal-body {
  padding-left: 30px;
}

.attachmentWidgetMainBlock.attachmentsLane .KPIwidgetArea.quotesWidgetArea {
  border: none !important;
}

.emotionMainWidgetBlock.emotionList .emotionInnerMain:last-child .formsection .form-group {
  margin-bottom: 0px;
}

/***Sticky Header ***/
.editmapContainer .topMoreActions {
  position: absolute;
  left: -9px;
  top: 10px;
}
.editmapContainer .topMoreActions .leftBlockArrow {
  background: #110a1a;
  display: block;
  text-align: center;
  padding: 5px 10px;
  height: 32px;
  width: 32px;
  border-radius: 50px;
}
.editmapContainer .topMoreActions .leftBlockArrow i {
  color: #7b6c8f;
  font-size: 20px;
  font-weight: 900;
}

.addDocumentModal .modal-body {
  padding: 30px 60px;
}
.addDocumentModal .modal-body .addDocList li {
  padding: 10px;
  margin: 0;
}
.addDocumentModal .docSelectDetails .docSelectCheckbox {
  padding-left: 22px;
}

.addLabelbody .formsection {
  padding: 0%;
}

.noteEmotionTxt {
  font-size: 13px !important;
  color: #7b6c8f;
  font-weight: 500;
  margin: 30px 0 0 0;
}
.noteEmotionTxt span {
  color: #fff;
  border-bottom: 1px solid #fff;
}

.addImagebody #library {
  margin: 0;
  padding: 20px 0;
}

.addtouchpointModal .addtpModalBody {
  padding: 0;
}
.addtouchpointModal .addtpModalBody .formsection {
  padding: 0;
}
.addtouchpointModal .addtpModalBody .leftwrapper {
  height: 94vh;
}

#addImageModal .modal-body {
  height: auto;
  padding: 30px 50px 0 50px;
}
#addImageModal .modal-body.addImageModalMainBody {
  height: auto;
}

.addDocumentModal .modal-body {
  height: 620px;
}
.addDocumentModal .modal-body .uploadImage .uploadImageBox {
  height: 430px;
}
.addDocumentModal .checkboxmainDocselect .docSelectCheckbox {
  margin: 15px 0 0 0 !important;
}
.addDocumentModal .docDetails .fileImgBg img {
  vertical-align: top;
  margin-top: -5px;
}

.widgetArea .AttachmentsMain.ListwithFiles .connectedKpiWidget .connectedKpiWidgetList li .kpiName {
  width: 63%;
}

.labelModal .modal-body {
  padding: 35px 60px;
}
.labelModal .modal-body .formsection .form-group.errormsg input.form-control {
  border: 1px solid #e41b2e !important;
}
.labelModal .saveCancelbtns {
  width: 118%;
  padding-top: 0px;
  margin: 20px 0 0 0 !important;
  left: -60px;
}
.labelModal .saveCancelbtns .savecancelBtnInner {
  padding: 40px 0px 0px 0px;
}
#addtouchpointModal .tpwidgetAreaMainSection .widgetAreaMainSection .KPIwidgetArea .formsection {
  padding: 0 10px;
}
#addtouchpointModal.addtouchpointModal .addtpModalBody .editDimensions.formsection {
  padding: 0 10px;
}
#addtouchpointModal.addtouchpointModal .addtpModalBody .iconMainTPView .KPIwidgetArea .formsection {
  padding: 0 10px !important;
}

.addtouchpointModal #StickyHeader {
  top: 0;
  margin-left: 0 !important;
}
.addtouchpointModal .episodeSticky,
.addtouchpointModal .touchPointSticky {
  position: relative;
  top: -20px;
}

.ck-body-wrapper {
  position: relative;
  z-index: 9999;
}

.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nw, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sw {
  left: 0 !important;
  right: auto !important;
}

.tpsectionspace {
  margin-top: 20px !important;
}

.modelspaceTouchpoits button span {
  top: 50px !important;
}

.quotesWidgetArea .carousel-inner .bootstrap-select .dropdown-toggle:after {
  right: 20px !important;
  top: 1px !important;
}

.widgetArea .formsection .btn.dropdown-toggle:focus,
.widgetArea .formsection .btn.dropdown-toggle:active {
  box-shadow: none;
  outline: none !important;
}

.bootstrap-select.form-control.dropdown:hover {
  background: #1f1829;
  box-shadow: none;
}

.KPIwidgetArea .bootstrap-select .dropdown-toggle:after {
  top: 2px !important;
}

.selectArrowMain .bootstrap-select .dropdown-toggle:after {
  top: 0px;
}

.selectArrowMain.trendSelect .bootstrap-select .dropdown-toggle:after {
  top: 7px !important;
}

.download-drop {
  position: inherit;
}

.download-drop .dropdown-toggle {
  top: 0px !important;
  right: 0px !important;
  margin-top: 3px !important;
  height: 40px !important;
  width: 40px !important;
}

.commentsOffcanvas {
  z-index: 100 !important;
}

.topFoldspace {
  margin-top: -3px;
}

@media (min-width: 1700px) and (max-width: 2099px) {
  .fixedStickSize {
    width: 13.1% !important;
  }
}
@media (min-width: 2100px) and (max-width: 2199px) {
  .fixedStickSize {
    width: 13.1% !important;
  }
}
@media (min-width: 2200px) and (max-width: 2299px) {
  .fixedStickSize {
    width: 13.08% !important;
  }
}
@media (min-width: 2300px) and (max-width: 2499px) {
  .fixedStickSize {
    width: 13.07% !important;
  }
}
@media (min-width: 2500px) and (max-width: 2599px) {
  .fixedStickSize {
    width: 13.1% !important;
  }
}
@media (min-width: 2600px) and (max-width: 2699px) {
  .fixedStickSize {
    width: 13.1% !important;
  }
}
@media (min-width: 2700px) and (max-width: 2799px) {
  .fixedStickSize {
    width: 13.1% !important;
  }
}
@media (min-width: 2800px) and (max-width: 2899px) {
  .fixedStickSize {
    width: 13.1% !important;
  }
}
@media (min-width: 2900px) and (max-width: 2999px) {
  .fixedStickSize {
    width: 13.1% !important;
  }
}
@media (min-width: 3000px) and (max-width: 3099px) {
  .fixedStickSize {
    width: 13.1% !important;
  }
}
@media (min-width: 3100px) and (max-width: 3199px) {
  .fixedStickSize {
    width: 13.1% !important;
  }
}
@media (min-width: 3200px) and (max-width: 3299px) {
  .fixedStickSize {
    width: 13.1% !important;
  }
}
@media (min-width: 3300px) and (max-width: 3399px) {
  .fixedStickSize {
    width: 13.1% !important;
  }
}
@media (min-width: 3400px) and (max-width: 3499px) {
  .fixedStickSize {
    width: 13.1% !important;
  }
}
@media (min-width: 3500px) and (max-width: 3599px) {
  .fixedStickSize {
    width: 13.1% !important;
  }
}
@media (min-width: 3600px) and (max-width: 3699px) {
  .fixedStickSize {
    width: 13.1% !important;
  }
}
@media (min-width: 3700px) and (max-width: 3799px) {
  .fixedStickSize {
    width: 13.1% !important;
  }
}
@media (min-width: 3800px) and (max-width: 3899px) {
  .fixedStickSize {
    width: 13.1% !important;
  }
}
@media (min-width: 3900px) and (max-width: 3999px) {
  .fixedStickSize {
    width: 13.1% !important;
  }
}
@media (min-width: 4000px) and (max-width: 4099px) {
  .fixedStickSize {
    width: 13.1% !important;
  }
}
@media (min-width: 4100px) and (max-width: 4199px) {
  .fixedStickSize {
    width: 13.1% !important;
  }
}
@media (min-width: 4200px) and (max-width: 4299px) {
  .fixedStickSize {
    width: 13.1% !important;
  }
}
@media (min-width: 4300px) and (max-width: 4399px) {
  .fixedStickSize {
    width: 13.1% !important;
  }
}

.fixedWidthBox .innerBoxItem {
  width: 14% !important;
  /*-----Should be 14%------*/
}

.iconBox .innerBoxItem {
  width: 100% !important;
  min-width: 100% !important;
}

.iconBox .innerBoxItem {
  width: 100% !important;
  min-width: 100% !important;
}

.rightMiddleContent .width-14 .widgetArea .form-row .form-group .textAreaView .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sw {
  left: auto !important;
  right: -5px !important;
}

.extraHeaderSpace {
  padding-bottom: 65px;
  overflow: auto;
}

.ck.ck-toolbar {
  width: 350px !important;
}

.filterBrand .bootstrap-select .dropdown-toggle {
  padding: 10px 6px;
}

.filterBrand .bootstrap-select.show-tick .dropdown-menu .bs-actionsbox .btn-group .actions-btn {
  width: 100%;
  border-radius: 0px;
}

.filterBrand .bootstrap-select.show-tick .dropdown-menu .bs-actionsbox .btn-group .actions-btn:focus,
.filterBrand .bootstrap-select.show-tick .dropdown-menu .bs-actionsbox .btn-group .actions-btn:visited,
.filterBrand .bootstrap-select.show-tick .dropdown-menu .bs-actionsbox .btn-group .actions-btn:active {
  outline: none;
}

.filterBrand .dropdown-menu li.selected a {
  padding-left: 8px !important;
}

.langageSelect .bootstrap-select.show-tick .dropdown-menu .bs-actionsbox .btn-group .actions-btn {
  width: 100%;
  border-radius: 0px;
}

.addImageModal .imageSearch input.searchInputActive {
  box-shadow: inset 2px 2px 4px rgba(120, 0, 255, 0.4);
  border: 1px solid #7800ff !important;
}

.filterBrand .bootstrap-select .dropdown-toggle.noSpace {
  padding: 0px !important;
}

.langageSelect .bootstrap-select.show-tick .dropdown-menu li span.check-mark {
  top: 10px;
  margin: 5px 0px 0px;
}

.iconsselectfilter .bootstrap-select.show-tick .dropdown-menu .bs-actionsbox .btn-group .actions-btn {
  width: 100% !important;
  border-radius: 0px;
}

.iconsselectfilter .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
  position: static;
}

.iconsselectfilter .dimensionsWidget .bootstrap-select.show-tick .dropdown-menu li.selected span.text {
  padding: 5px 15px !important;
  margin: 0px;
}

.iconsselectfilter.dimensionsWidget .bootstrap-select.show-tick .dropdown-menu li.selected span.text {
  padding-left: 15px !important;
  padding-right: 15px !important;
  margin: 0px 0px 0px 0px !important;
}

.iconsselectfilter.dimensionsWidget .bootstrap-select.show-tick .dropdown-menu .inner {
  background: #110a1a;
  overflow: auto !important;
  max-height: 200px;
}

.filterBrand .bootstrap-select.show-tick .dropdown-menu .inner {
  background: #110a1a;
  overflow: auto !important;
  max-height: 200px;
}

.iconsselectfilter .bootstrap-select button {
  padding: 6px 8px !important;
}

.stickyEditMap {
  min-height: 51px;
}
.stickyEditMap .episodeRightBlock {
  margin-left: -14px;
}
.stickyEditMap .innerBoxItem h4 {
  font-size: 12px;
}

.toppnelStickyspace {
  margin-left: 15px;
  overflow: hidden;
  height: 400px;
  width: 95%;
}

.width-auto {
  width: auto !important;
}

.fixedStickSize {
  border-right: solid 2px #110a1a !important;
  background: #1f1829 !important;
  min-height: 72px !important;
  width: 14% !important;
  padding: 0px 20px !important;
  border-bottom: 2px #110a1a solid;
}
.fixedStickSize .stickyEpisode {
  height: 100%;
  margin: 0px !important;
}
.fixedStickSize .stickyEpisode .pos-rel {
  height: 100%;
}
.fixedStickSize .stickyEpisode .pos-rel .pos-rel {
  height: 100%;
  display: table;
}
.fixedStickSize .stickyEpisode .pos-rel .pos-rel h4 {
  display: table-cell;
  vertical-align: middle;
  margin: 0px;
}

.stickyJourneyBar .journeySticky {
  display: table;
  width: 100%;
  height: 100%;
}
.stickyJourneyBar .journeySticky p {
  margin: 0px !important;
  vertical-align: middle;
  display: table-cell;
}

.mediapreviewBox {
  height: 224px !important;
}
.mediapreviewBox img {
  object-fit: contain !important;
}
.mediapreviewBox .vue-advanced-cropper {
  position: unset !important;
}

.filerSearchWidth {
  min-width: 290px;
  float: left;
  margin: 2.5px 0px;
}

.filerSortWidth {
  min-width: 187px;
  float: left;
  margin: 2.5px 0px 2.5px 21px;
}

.mainMediumBtn {
  background: linear-gradient(65.09deg, #7800ff 26.34%, #00288d 84.44%) !important;
  border-radius: 3px !important;
  color: #fff;
  box-shadow: 0px 4px 4px #000;
  font-weight: 600;
  font-size: 16px;
  display: block;
  padding: 10px 35px;
  border: none;
  position: relative;
}
.mainMediumBtn:hover, .mainMediumBtn:active, .mainMediumBtn:focus, .mainMediumBtn:visited {
  background: linear-gradient(65.09deg, #be85ff 26.34%, #003dd9 84.44%) !important;
  border-radius: 3px !important;
  color: #fff;
  box-shadow: 0px 4px 4px #000 !important;
  font-weight: 600;
  font-size: 16px;
  display: block;
  padding: 10px 35px;
  border: none;
  position: relative;
}

.discardModalbdr {
  border: solid 1px #000 !important;
  border-radius: 0px;
}
.discardModalbdr .modal-header {
  border-bottom: solid 1px #000 !important;
  padding: 10px 15px;
}
.discardModalbdr .modal-header .close {
  height: 30px;
}
.discardModalbdr .modal-body p {
  padding: 30px;
  font-size: 13px;
  font-weight: 700;
  display: block;
  border-bottom: solid 1px #000;
  margin: 0px;
}
.discardModalbdr .footer-btn {
  margin: 0px;
  padding: 11px 30px 14px 30px;
  width: 100%;
  left: 0px;
}

/*-------------Alignment----------*/
.widgetNospace .widgetArea {
  margin: 0px !important;
  padding: 20px 0px;
}
.widgetNospace .widgetArea .deleteQuote-btn {
  margin-bottom: 0px !important;
}
.widgetNospace .widgetArea.mediaSpace {
  margin: 0px !important;
  padding: 0px !important;
}

.addtouchpointModal .addtpModalBody.adjustAlign .close span {
  position: absolute;
  right: 100px !important;
  width: auto !important;
  top: 75px !important;
}

.episodeTopspace .touchpointLaneList {
  padding-top: 10px !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.quotesMainspace .formsection {
  padding: 0px 0px;
}
.quotesMainspace .widgetArea {
  margin: 0px !important;
}

.widgetInnerBoxItem .widgetrow {
  padding: 20px 20px;
}

.quotesMainspace .quotesWidgetArea .deleteQuote-btn {
  margin-bottom: 20px !important;
}

.dimensionSpace .formsection .form-group {
  margin-top: 0px !important;
  margin-bottom: 15px;
}
.dimensionSpace .deleteCurrentQuote .deleteQuote-btn {
  margin-top: 0px !important;
}
.dimensionSpace .widgetArea .iconswithBG li.addBtn {
  margin: 0px auto;
}

.episodeSpaceFix .width-14 {
  padding: 0px;
}
.episodeSpaceFix .width-14 .titleBorder {
  width: 100% !important;
  left: 0px !important;
  top: -20px !important;
  margin: 0px !important;
}
.episodeSpaceFix .width-14 .titleBorder .sortIcon {
  float: none !important;
  position: absolute;
}
.episodeSpaceFix .width-14 .titleBorder .episodeTitleName {
  width: 100% !important;
}
.episodeSpaceFix .width-14 .titleBorder:hover {
  background: #1f1829;
}

.pl-pr-15 {
  padding-left: 15px;
  padding-right: 15px;
}

.p-20 {
  padding: 20px !important;
}

.bdr-right-none {
  border-right: none !important;
}

.editEpisodeViewModal .editTouchPointsMain .episodetouchpointView .titleBorder .dropdown-toggle {
  top: -2px !important;
  right: -2px !important;
}

.emotionSpaceFix .tertiarynew-btn {
  top: 0px;
}

.topfixedEditmap .flexContainer .width-14 {
  padding: 0 0px !important;
}
.topfixedEditmap .flexContainer .width-14.topwidgetconrols:hover .widgettopTitle div i.sortIcon {
  visibility: visible;
  cursor: pointer;
}
.topfixedEditmap .flexContainer .width-14.topwidgetconrols:hover .widgettopTitle div .dropdown .dropdown-toggle {
  visibility: visible;
  cursor: pointer;
}
.topfixedEditmap .flexContainer .width-14.topwidgetconrols:hover .widgettopTitle div .widget-options {
  visibility: visible;
}
.topfixedEditmap .flexContainer .width-14 .widgetArea .widgettopTitle {
  width: 100% !important;
  left: 0px !important;
  top: 0px;
  z-index: 2;
}
.topfixedEditmap .flexContainer .width-14 .widgetArea .widgettopTitle span.txtname {
  display: block !important;
  padding-left: 15px;
  padding-right: 15px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.topfixedEditmap .flexContainer .width-14 .widgetArea .widgettopTitle span.txtname img {
  width: 17px;
  margin-right: -3px;
  margin-top: -2px;
}
.topfixedEditmap .flexContainer .width-14 .widgetArea .widgettopTitle .dropdown .dropdown-toggle img {
  margin-top: -2px;
}
.topfixedEditmap .flexContainer .width-14 .widgetArea .widgettopTitle:hover {
  background: #1f1829;
  cursor: pointer;
}
.topfixedEditmap .flexContainer .width-14 .widgetArea .widgetArea {
  margin: 0px !important;
}
.topfixedEditmap .flexContainer .width-14 .widgetArea .formsection {
  padding: 0px 20px !important;
}
.topfixedEditmap .flexContainer .width-14 .widgetArea .formsection .form-row {
  width: 100%;
  margin: 0px !important;
}
.topfixedEditmap .flexContainer .width-14 .widgetArea .formsection .form-row .form-group {
  padding: 0px !important;
}
.topfixedEditmap .flexContainer .width-14 .widgetArea .KPIwidgetArea {
  margin: 0px 0px !important;
  border: none;
}
.topfixedEditmap .flexContainer .width-14 .widgetArea .KPIwidgetArea.topwidgeticon {
  margin: 12px 20px !important;
}
.topfixedEditmap .flexContainer .width-14 .widgetArea .KPIwidgetArea.topwidgeticon:nth-child(1) {
  margin-top: 20px !important;
}
.topfixedEditmap .flexContainer .width-14 .widgetArea .KPIwidgetArea.topwidgeticon:nth-last-child(1) {
  margin-bottom: 0px !important;
}
.topfixedEditmap .flexContainer .width-14 .widgetArea .KPIwidgetArea .formsection {
  padding: 0px 7.5px !important;
}
.topfixedEditmap .flexContainer .width-14 .addWidgetArea {
  margin: 20px !important;
}
.topfixedEditmap .flexContainer .width-14 .quotesWidgetArea .titleBorder {
  margin: 0 0px;
}
.topfixedEditmap .flexContainer .width-14 .widgetArea .quotesWidgetArea .formsection {
  padding: 0px 0px !important;
}
.topfixedEditmap .flexContainer .width-14 .widgetArea .quotesWidgetArea .formsection .form-row {
  width: 100% !important;
  margin: 0px !important;
}
.topfixedEditmap .flexContainer .width-14 .widgetArea .quotesWidgetArea .formsection .form-row .form-group {
  padding: 0px !important;
}

.KPIwidgetArea .formsection .form-group .form-control button:focus,
.KPIwidgetArea .formsection .form-group .form-control button:focus,
.KPIwidgetArea .formsection .form-group .form-control button:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

.KPIwidgetArea .formsection .form-group .form-control button {
  border: none !important;
}

.KPIwidgetArea .bootstrap-select .dropdown-toggle:after {
  top: 9px !important;
}

.editableToucpoint .flexContainer .episodetouchpointView {
  padding: 0px !important;
}
.editableToucpoint .flexContainer .episodetouchpointView .titleBorder {
  width: 100% !important;
  left: 0px !important;
}
.editableToucpoint .flexContainer .episodetouchpointView .titleBorder .sortIcon {
  margin: 8px 0px 0px 0px !important;
  position: absolute;
}
.editableToucpoint .flexContainer .episodetouchpointView .titleBorder .episodeTitleName {
  width: 100%;
  padding-right: 17px;
  padding-left: 17px;
  text-align: center;
  line-height: 16px;
}
.editableToucpoint .flexContainer .episodetouchpointView .episodeMode .formsection .touchapintpadding {
  padding: 0px 20px;
}
.editableToucpoint .flexContainer .episodetouchpointView .episodeMode .formsection .form-row {
  margin: 0px !important;
}
.editableToucpoint .flexContainer .episodetouchpointView .episodeMode .formsection .form-row .form-group {
  margin: 0px !important;
  padding: 0px !important;
}
.editableToucpoint .flexContainer .episodetouchpointView .episodeMode .formsection .form-row .form-group label {
  font-size: 12px;
  font-weight: 500;
}
.editableToucpoint .flexContainer .episodetouchpointView .episodeMode .formsection .form-row .form-group p {
  font-size: 12px;
  font-weight: 600;
  overflow: hidden;
}

.touchpointMedia .widgetArea {
  margin: 0px !important;
}

.attchementTouchppoints .attachmentsLane {
  padding: 20px;
}
.attchementTouchppoints .attachmentsLane .addLaneInner button {
  margin: 10px 0px 0px 0px;
}

.touchpointQuote .widgetInnerBoxItem .form-row.titleBorder {
  margin: 0px -5px 0px -5px !important;
}
.touchpointQuote .widgetInnerBoxItem .addQuoteBtn {
  margin-top: -25px;
  z-index: 2;
}
.touchpointQuote .widgetInnerBoxItem .tpquotes-space {
  margin-top: 10px;
}
.touchpointQuote .widgetInnerBoxItem .deleteCurrentQuote {
  margin-bottom: 45px;
}

.touchpointEmotion .innerBoxItem button {
  margin-top: 0px;
  top: 0px;
}

.addlanepadd {
  padding: 30px 50px !important;
  font-weight: 500 !important;
}

.stickJournycommentsexpand {
  width: calc(100% - 365px) !important;
  left: 365px !important;
  z-index: 96 !important;
}
.stickJournycommentsexpand .leftwrapper {
  left: 350px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.addaddQuoteBtnJourney.m-button-small,
.addaddQuoteBtnJourney.global-btn-sm {
  margin-top: 31px;
  margin-bottom: 20px;
}

.deleteCurrentQuoteJourney.m-button-small,
.addaddQuoteBtnJourney.global-btn-sm {
  margin-top: 18px;
}

.iconSelect .selectBtn .btn.m-button-small,
.iconSelect .selectBtn .btn.global-btn-sm {
  height: 25px;
  width: auto !important;
  padding: 4px 20px !important;
}
.iconSelect .selectBtn .btn.m-button-small:hover, .iconSelect .selectBtn .btn.m-button-small:focus, .iconSelect .selectBtn .btn.m-button-small:active, .iconSelect .selectBtn .btn.m-button-small:active,
.iconSelect .selectBtn .btn.global-btn-sm:hover,
.iconSelect .selectBtn .btn.global-btn-sm:focus,
.iconSelect .selectBtn .btn.global-btn-sm:active,
.iconSelect .selectBtn .btn.global-btn-sm:active {
  padding: 4px 20px !important;
}

.quotesLane .color-btn-sm {
  margin-top: 20px !important;
}

.editTouchPointDimensions .dimensionsWidget {
  padding: 0px !important;
}
.editTouchPointDimensions .bootstrap-select .dropdown-toggle:after {
  top: 0px !important;
}

.editTouchPointDimensions .iconswithBG li span {
  margin-left: 5px !important;
}

.touchwidgetBoxes .width-14 {
  width: 16% !important;
  padding: 0 15px !important;
}

.touchwidgetPresentdata .tpwidgetAreaMainSection {
  padding-bottom: 50px !important;
}
.touchwidgetPresentdata .tpwidgetAreaMainSection .width-14 {
  margin: 11.5px !important;
}

.topfixedEditmap .flexContainer .width-14 .widgetArea .emotionInnerMain .formsection .form-row .form-group {
  margin: 0px;
}
.topfixedEditmap .flexContainer .width-14 .widgetArea .emotionInnerMain .formsection .form-row .form-group .emotionList ul li {
  margin: 0px 0px 12px;
}

.episodeLaneEmotionList,
.EditLaneEmotionList {
  margin: 0px;
}
.episodeLaneEmotionList .formsection .form-row .form-group,
.EditLaneEmotionList .formsection .form-row .form-group {
  margin: 0px !important;
}
.episodeLaneEmotionList .formsection .form-row .form-group ul,
.EditLaneEmotionList .formsection .form-row .form-group ul {
  margin: 0px !important;
}
.episodeLaneEmotionList .formsection .form-row .form-group ul li,
.EditLaneEmotionList .formsection .form-row .form-group ul li {
  margin-bottom: 12px;
}

.dimensionBrand li {
  position: relative !important;
}
.dimensionBrand li i.fa-arrows-v {
  position: absolute;
  left: 10px;
  top: 8.5px;
}
.dimensionBrand li span {
  margin: 0px !important;
}
.dimensionBrand li .dropdown {
  position: absolute;
  right: 8px;
  top: 3px;
  float: unset !important;
}
.dimensionBrand li .dropdown .dropdown-toggle {
  margin: 0px !important;
}

.publishFotter {
  padding: 12.5px !important;
  width: 100% !important;
}

.pl-30 {
  padding-left: 30px !important;
}

.pr-30 {
  padding-right: 30px !important;
}

/*-----------Top Journey Widgets------------*/
.KpiJourneyWidget .mapKpiBox:nth-last-child(1) .kpiWidgetBig {
  margin-bottom: 0px;
}

.PersonaJourneyWidget .personaTopWidgetSpace:nth-last-child(1) .personawidgetBoxMain {
  margin-bottom: 0px !important;
}

.QuotesJourneyWidget .quotesWidgetArea {
  padding-left: 20px;
  padding-right: 20px;
}

.IconsJournetWidget .journeyIconWidgetArea {
  border: 1px solid #2d2637 !important;
  margin-bottom: 12px;
}
.IconsJournetWidget .journeyIconWidgetArea:nth-last-child(1) {
  margin-bottom: 0px;
}

.mt-2-minus {
  margin-top: -2px;
}

.touchpointInsight {
  padding: 0px 20px;
}

/*-----------End Journey Widgets------------*/
.activeLC {
  background: #03ac00 !important;
  color: #fff !important;
  border-bottom: solid 1px #3f3449 !important;
}
.activeLC:hover {
  background: #03ac00 !important;
  color: #fff !important;
}

.inactiveLC {
  background: #ae6725 !important;
  color: #fff !important;
  border-bottom: solid 1px #3f3449 !important;
}
.inactiveLC:hover {
  background: #ae6725 !important;
  color: #fff !important;
}

.presentActiveLC {
  background: #03ac00 !important;
  color: #fff !important;
  font-size: 13px;
  font-weight: 300;
  border-radius: 2px;
  width: auto !important;
  padding: 6px 10px;
  display: inline-block;
}

.inactiveLCSelect {
  background: #ae6725 !important;
  color: #fff !important;
  border-radius: 5px !important;
}

.widgetArea .formsection .form-group .activeLCSelect .LcStatusBtn {
  background: #03ac00 !important;
  color: #fff !important;
}

.widgetArea .formsection .form-group .inactiveLCSelect .LcStatusBtn {
  background: #ae6725 !important;
  color: #fff !important;
}

.presentInactiveLC {
  background: #ae6725 !important;
  color: #fff !important;
  font-size: 13px;
  font-weight: 300;
  border-radius: 2px;
  width: auto !important;
  padding: 6px 10px;
  display: inline-block;
}

.presentInactiveCR p {
  color: #4b405b !important;
}
.presentInactiveCR small {
  color: #4b405b !important;
}

.inactiveCR {
  color: #4b405b !important;
}

.crSpace a {
  padding: 10px 25px 10px 10px !important;
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.crSpace a:after {
  top: 9px !important;
  font-size: 16px !important;
}
.crSpace.crstage a:after {
  top: 18px !important;
  font-size: 16px !important;
}

.crPhaseReason li {
  padding: 10px 10px 10px 10px !important;
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.inactiveCRTouchPoint p {
  color: #4b405b !important;
}

.tpLifeCycleName {
  color: #4b405b;
  font-size: 16px;
  font-weight: 500;
  margin: 0px;
  padding-top: 10px;
  padding-bottom: 5px;
}
.tpLifeCycleName.activeLChead {
  color: #03ac00;
}
.tpLifeCycleName.inactiveLChead {
  color: #ae6725 !important;
}

.tpContactRs p {
  background: #4b405b !important;
  color: #7b6c8f !important;
  padding: 5px;
  font-size: 13px;
}
.tpContactRs.crActive p {
  background: #03ac00 !important;
  color: #fff !important;
  padding: 5px;
  font-size: 13px;
}
.tpContactRs.crInactive p {
  background: #ae6725 !important;
  color: #fff !important;
  padding: 5px;
  font-size: 13px;
}

/*-----Start Lanes Widget-------*/
.laneEditPersona .widgetArea .personawidgetBoxMain {
  margin-bottom: 12px;
}
.laneEditPersona .widgetArea:nth-last-child(1) .personawidgetBoxMain {
  margin-bottom: 0px !important;
}

.laneEditText label {
  display: block;
}

.laneEditMedia label.mediaLabel {
  display: block;
}

.mtmb-18 {
  margin-top: 18px !important;
  margin-bottom: 18px !important;
}

.mt-18 {
  margin-top: 18px;
}

.mb-18 {
  margin-bottom: 18px;
}

.laneEditEmotion .widgetArea .formsection .form-row .form-group ul li {
  margin-bottom: 12px;
}
.laneEditEmotion .widgetArea:nth-last-child(1) .formsection .form-row .form-group ul li {
  margin-bottom: 0px;
}

.laneEditInsights .widgetArea {
  margin: 0px;
}
.laneEditInsights .widgetArea .insightsBox {
  margin-bottom: 12px;
}
.laneEditInsights .widgetArea:nth-last-child(1) {
  margin: 0px;
}
.laneEditInsights .widgetArea:nth-last-child(1) .insightsBox {
  margin-bottom: 0px;
}
.laneEditInsights .widgetArea:nth-child(1) .insightsBox {
  margin-top: 20px;
}

.laneEditIcons .widgetArea {
  margin: 0px;
}
.laneEditIcons .widgetArea .KPIwidgetArea {
  margin-bottom: 12px;
}
.laneEditIcons .widgetArea:nth-last-child(1) {
  margin: 0px;
}
.laneEditIcons .widgetArea:nth-last-child(1) .KPIwidgetArea {
  margin-bottom: 0px;
}
.laneEditIcons .widgetArea:nth-child(1) {
  margin: 0px;
}
.laneEditIcons .widgetArea:nth-child(1) .KPIwidgetArea {
  margin-top: 20px;
}

.laneEditQuotes .widgetrow {
  padding: 0px !important;
  margin: 0px;
}
.laneEditQuotes .widgetrow .editMapquotes .quotesWidgetArea .titleBorder {
  margin: 20px 0px 5px 0px !important;
}
.laneEditQuotes .widgetrow .editMapquotes .quotesWidgetArea .carousel {
  padding: 0px !important;
}
.laneEditQuotes .widgetrow .editMapquotes .quotesWidgetArea .formsection .form-row {
  margin: 0px;
}
.laneEditQuotes .widgetrow .editMapquotes .quotesWidgetArea .formsection .form-row .form-group {
  padding: 0px;
}
.laneEditKPIS .mapKpiBox .kpiWidgetBig {
  margin-bottom: 12px;
}
.laneEditKPIS .mapKpiBox:nth-child(1) .kpiWidgetBig {
  margin-top: 20px;
}
.laneEditKPIS .mapKpiBox:nth-last-child(1) .kpiWidgetBig {
  margin-bottom: 0px;
}

/*-----End Lanes Widget-------*/
/*----------Top Widgets Edit Page--------*/
.topfixedEditmap .flexContainer .width-14 .formsection.JourneyEditDimension {
  padding: 20px !important;
}
.topfixedEditmap .flexContainer .width-14 .formsection.JourneyEditDimension .form-group label {
  display: block;
}
.topfixedEditmap .flexContainer .width-14 .formsection.JourneyEditDimension .form-row:nth-child(4) .form-group {
  margin: 0px;
}
.topfixedEditmap .flexContainer .width-14 .formsection.JourneyEditText {
  padding-top: 20px !important;
}
.topfixedEditmap .flexContainer .width-14 .formsection.JourneyEditText .form-group label {
  display: block;
}
.topfixedEditmap .flexContainer .width-14 .formsection.JourneyEditMedia {
  padding-top: 20px !important;
}
.topfixedEditmap .flexContainer .width-14 .formsection.JourneyEditMedia .form-group label {
  display: block;
}
.topfixedEditmap .flexContainer .width-14 .JourneyEditEmotion .emotionInnerMain:nth-child(1) {
  padding-top: 20px;
}
.topfixedEditmap .flexContainer .width-14 .JourneyEditEmotion .emotionInnerMain:nth-last-child(1) .formsection .form-row .form-group ul li {
  margin-bottom: 0px;
}
.topfixedEditmap .flexContainer .width-14 .JourneyEditFiles .widgetArea:nth-child(1) {
  padding-top: 15px;
}
.topfixedEditmap .flexContainer .width-14 .JourneyEditKPI .mapKpiBox:nth-child(1) {
  padding-top: 20px;
}
.topfixedEditmap .flexContainer .width-14 .JourneyEditIcon .topwidgeticon:nth-child(1) {
  margin-top: 20px !important;
}
.topfixedEditmap .flexContainer .width-14 .JourneyEditQuotes.widgetArea .quotesWidgetArea .form-row.titleBorder {
  margin-top: 20px !important;
}
.topfixedEditmap .flexContainer .width-14 .JourneyEditQuotes.widgetArea .quotesWidgetArea .formsection .form-row .carousel {
  padding: 0px !important;
}
.topfixedEditmap .flexContainer .width-14 .JourneyEditQuotes.widgetArea .quotesWidgetArea .formsection .form-row .carousel .carousel-inner .carousel-item {
  padding-top: 10px !important;
}
.topfixedEditmap .flexContainer .width-14 .JourneyEditQuotes.widgetArea .quotesWidgetArea .formsection .form-row .carousel .carousel-inner .carousel-item label {
  display: block;
}
.topfixedEditmap .flexContainer .width-14 .JourneyEditQuotes.widgetArea .addQuoteBtnMain .addNewLane {
  top: -30px !important;
}
.topfixedEditmap .flexContainer .width-14 .JourneyEditPersonas .personaTopWidgetSpace:nth-child(1) {
  padding-top: 20px !important;
}
.topfixedEditmap .flexContainer .width-14 .JourneyEditInsights .journeyIconWidgetArea:nth-child(1) .insightwidgetBoxMain .widgetDispayBox .widgetData {
  margin-top: 20px;
}
.topfixedEditmap .flexContainer .width-14 .JourneyEditInsights .journeyIconWidgetArea .insightwidgetBoxMain {
  margin-bottom: 12px !important;
}
.topfixedEditmap .flexContainer .width-14 .JourneyEditInsights .journeyIconWidgetArea:nth-last-child(1) .insightwidgetBoxMain {
  margin-bottom: 0px !important;
}
.topfixedEditmap .flexContainer .width-14.JourneyAddWidget {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  border-right: none;
}
.topfixedEditmap .flexContainer .width-14.JourneyAddWidget .addWidgetArea {
  margin: 0px 20px 0px 20px !important;
  height: calc(100% - 0px) !important;
}
/*----------End Top Widgets Edit Page--------*/
/*-----Start Episode Lanes Widget-------*/
.EpisodeLaneKpi .mapKpiBox:nth-child(1) .kpiWidgetBig {
  margin-top: 20px;
}
.EpisodeLaneKpi .mapKpiBox:nth-last-child(1) .kpiWidgetBig {
  margin-bottom: 0px;
}

/*-----End Episode Lanes Widget-------*/
.dragdoc.foldJourneyInsight .insightwidgetBoxMain {
  margin-bottom: 12px;
}

.editMapJourneyLeft .form-row.media .form-group {
  margin-bottom: 21px;
}
.editMapJourneyLeft .form-row.media .form-group label {
  display: block;
  margin-bottom: 11px;
  line-height: 1;
}
.editMapJourneyLeft .form-row.state .form-group {
  margin-bottom: 21px;
}
.editMapJourneyLeft .form-row.state .form-group .StateToggleBtn {
  margin: 0px;
}
.editMapJourneyLeft .form-row.state .form-group .StateToggleBtn .btn-group {
  border: 1px solid #2d2637;
  background: #1f1829;
}
.editMapJourneyLeft .form-row.state .form-group .StateToggleBtn .btn-group .btn {
  width: 50% !important;
  text-transform: capitalize;
  font-size: 13px;
  font-weight: 600 !important;
  border: none !important;
  margin: 0px !important;
  padding: 3px 10px;
}
.editMapJourneyLeft .form-row.state .form-group .StateToggleBtn .btn-group .btn.Statehighlight {
  margin: 0px !important;
  font-weight: 600 !important;
  border: none !important;
}
.editMapJourneyLeft .form-row.lCSelect .form-group {
  margin-bottom: 16px;
}
.editMapJourneyLeft .form-row.lCSelect .form-group label {
  display: block;
  margin-bottom: 11px;
  line-height: 1;
}
.editMapJourneyLeft .form-row.lCSelect .form-group .m-select-dropdown-sm .dropdown-menu {
  min-width: 100% !important;
}
.editMapJourneyLeft .form-row.lCSelect .form-group .addDimensions.inactiveLCSelect {
  background: #3f3449;
}
.editMapJourneyLeft .form-row.lCSelect .form-group .addDimensions.inactiveLCSelect .LcStatusBtn {
  background: #3f3449 !important;
  color: #c2b8d0 !important;
}
.editMapJourneyLeft .form-row.lCSelect .form-group .addDimensions.activeLCSelect {
  background: #3f3449;
  border-radius: 5px !important;
}
.editMapJourneyLeft .form-row.lCSelect .form-group .addDimensions.activeLCSelect .LcStatusBtn {
  background: #3f3449 !important;
  color: #c2b8d0 !important;
  border-radius: 5px !important;
}
.editMapJourneyLeft .form-row.lCSelect .form-group .addDimensions .m-select-dropdown-sm {
  padding: 0px !important;
}
.editMapJourneyLeft .form-row.lCSelect .form-group .addDimensions .m-select-dropdown-sm.form-control {
  background: #3f3449 !important;
}
.editMapJourneyLeft .form-row.lCSelect .form-group .addDimensions .m-select-dropdown-sm button {
  margin-top: 1px !important;
  color: #c2b8d0 !important;
}
.editMapJourneyLeft .form-row.lCSelect .form-group .addDimensions .m-select-dropdown-sm .dropdown-menu {
  top: 0px !important;
  left: 0px !important;
  min-width: 100% !important;
}
.editMapJourneyLeft .form-row.lCSelect .form-group .addDimensions .m-select-dropdown-sm .dropdown-menu .inner ul li a {
  border: none !important;
  white-space: pre-wrap;
}
.editMapJourneyLeft .form-row.lCSelect .form-group .addDimensions .m-select-dropdown-sm .dropdown-menu .inner ul li a.activeLC {
  background: #1f1829 !important;
}
.editMapJourneyLeft .form-row.lCSelect .form-group .addDimensions .m-select-dropdown-sm .dropdown-menu .inner ul li a.inactiveLC {
  background: #1f1829 !important;
}
.editMapJourneyLeft .form-row.lCSelect .form-group .addDimensions .m-select-dropdown-sm .dropdown-menu .inner ul li a:hover {
  background: #3f3449 !important;
}
.editMapJourneyLeft .form-row.lCSelect .form-group .addDimensions .bootstrap-select .dropdown-toggle .filter-option-inner-inner span i {
  font-size: 11px;
  margin-right: 5px;
  margin-top: 3px;
}
.editMapJourneyLeft .form-row.lCSelect .form-group .addDimensions .m-select-dropdown-sm button .filter-option {
  margin-top: -2px !important;
}
.editMapJourneyLeft .form-row.language .form-group {
  margin-bottom: 16px;
}
.editMapJourneyLeft .form-row.language .form-group label {
  display: block;
  margin-bottom: 11px;
  line-height: 1;
}
.editMapJourneyLeft .form-row.language .form-group .m-select-dropdown-sm .dropdown-menu {
  min-width: 100% !important;
}
.editMapJourneyLeft .form-row.language .form-group .m-select-dropdown-sm {
  padding: 0px !important;
}
.editMapJourneyLeft .form-row.language .form-group .m-select-dropdown-sm.form-control {
  background: #3f3449 !important;
}
.editMapJourneyLeft .form-row.language .form-group .m-select-dropdown-sm button {
  margin-top: -1px !important;
  color: #c2b8d0 !important;
}
.editMapJourneyLeft .form-row.language .form-group .m-select-dropdown-sm button::after {
  top: 2px;
}
.editMapJourneyLeft .form-row.language .form-group .m-select-dropdown-sm .dropdown-menu {
  top: 0px !important;
  left: 0px !important;
  min-width: 100% !important;
}
.editMapJourneyLeft .form-row.language .form-group .m-select-dropdown-sm .dropdown-menu .inner ul li a {
  border: none !important;
}
.editMapJourneyLeft .form-row.language .form-group .m-select-dropdown-sm .dropdown-menu .inner ul li a.activeLC {
  background: #1f1829 !important;
}
.editMapJourneyLeft .form-row.language .form-group .m-select-dropdown-sm .dropdown-menu .inner ul li a.inactiveLC {
  background: #1f1829 !important;
}
.editMapJourneyLeft .form-row.language .form-group .m-select-dropdown-sm .dropdown-menu .inner ul li a:hover {
  background: #3f3449 !important;
}

.statusActiveIcon i {
  color: #00d830;
  margin-right: 5px;
  font-size: 11px;
}

.statusInactiveIcon i {
  color: #ae6725;
  margin-right: 5px;
  font-size: 11px;
}

.userNameDisplay {
  float: left;
}
.userNameDisplay span {
  background: #64d3b2;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  font-family: Inter;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 30px;
  align-items: center;
  text-align: center;
  color: #000000;
  text-transform: uppercase;
  display: block;
  float: left;
  margin-right: 3px;
}
.userNameDisplay span:nth-child(1) {
  background: #64d3b2;
}
.userNameDisplay span:nth-child(1) span {
  background: transparent !important;
}
.userNameDisplay span:nth-child(2) {
  background: #64d3b2;
}
.userNameDisplay span:nth-child(2) span {
  background: transparent !important;
}
.userNameDisplay span:nth-child(3).userCountdisplay {
  background: #110a1a;
  color: #fff;
  font-size: 10px;
}
.userNameDisplay span:nth-child(3).userCountdisplay i {
  font-size: 9px;
}
.userNameDisplay span:nth-child(3) span {
  background: transparent !important;
}
.userNameDisplay span:nth-child(4).userCountdisplay {
  background: #110a1a;
  color: #fff;
  font-size: 10px;
}
.userNameDisplay span:nth-child(4).userCountdisplay i {
  font-size: 9px;
}

.dragdoc.foldJourneyInsight .insightwidgetBoxMain {
  margin-bottom: 12px;
}

.editTochpointTopSpace .InnerPadBox {
  padding-top: 20px;
}
.editTochpointTopSpace .InnerPadBox .titleBorder {
  margin: 0px !important;
}
.editTochpointTopSpace .InnerPadBox .form-group label {
  font-size: 13px;
  font-weight: 600;
  display: block;
}

.pt-0 {
  padding-top: 0px !important;
}

.pb-0 {
  padding-top: 0px !important;
}

.episodeViewLaneAddWidget .addWidgetArea {
  margin: 20px 0px 20px 0px;
  height: calc(100% - 40px) !important;
}

.episodeViewQuotesLane .quotesWidgetArea .carousel {
  padding: 0px !important;
}
.episodeViewQuotesLane.widgetInnerBoxItem .tpquotes-space {
  margin-top: 0px !important;
}
.episodeViewQuotesLane.widgetInnerBoxItem .deleteCurrentQuote {
  margin-bottom: 0px !important;
}
.episodeViewQuotesLane.widgetInnerBoxItem .deleteCurrentQuote .deleteCurrentQuoteJourney.m-button-small,
.episodeViewQuotesLane.widgetInnerBoxItem .deleteCurrentQuote .deleteCurrentQuoteJourney.global-btn-sm {
  margin-top: 8px;
}
.episodeViewQuotesLane.widgetInnerBoxItem .form-row.titleBorder {
  margin: 0px -5px 21px -5px !important;
}
.episodeViewQuotesLane .editFoldquotes .titleBorder {
  padding-top: 20px !important;
}
.episodeViewQuotesLane .editFoldquotes .form-row .form-group label {
  font-size: 13px;
  font-weight: 600;
  display: block;
}

.closebtn {
  float: right;
  border: none !important;
  background: transparent;
  color: #fff;
  font-size: 26px;
  text-shadow: none;
  color: #7b6c8f;
  font-weight: 700;
  cursor: pointer;
}
.closebtn:hover, .closebtn:focus, .closebtn:visited {
  opacity: 0.75;
  border: none !important;
  outline: none !important;
}

/*****---Hover States CSS----****/
.episodeSpaceFix .edit-episodeBox-HoverState {
  background: #110a1a !important;
  border-right: 2px solid #3f3449 !important;
  border-bottom: 2px solid #3f3449 !important;
  cursor: pointer;
}
.episodeSpaceFix .edit-episodeBox-HoverState .titleSpace {
  margin: 0px !important;
}
.episodeSpaceFix .edit-episodeBox-HoverState .titleBorder {
  background: transparent;
  border-bottom: 2px solid #3f3449;
  border-top: 2px solid #3f3449;
  top: 0px !important;
  padding: 0px;
}
.episodeSpaceFix .edit-episodeBox-HoverState .titleBorder p {
  color: #fff !important;
  margin: 2px auto 4px auto;
}
.episodeSpaceFix .edit-episodeBox-HoverState .titleBorder .dropdown {
  text-align: center;
  top: 0px;
}
.episodeSpaceFix .edit-episodeBox-HoverState .titleBorder .dropdown .dropdown-toggle {
  padding: 0px;
  display: block;
  height: 24px;
  top: 0px;
  width: 24px;
  right: 0px;
  border-radius: 50%;
  visibility: hidden;
}
.episodeSpaceFix .edit-episodeBox-HoverState .titleBorder .dropdown .dropdown-menu {
  background: #26202e;
  padding: 0px;
  border-radius: 0px;
  right: 0px !important;
  left: 10px !important;
  transform: translate3d(-111px, 14px, 0px) !important;
  z-index: 10;
  border: 1px solid #000;
  border-bottom: none !important;
  min-width: 110px;
}
.episodeSpaceFix .edit-episodeBox-HoverState .titleBorder .dropdown .dropdown-menu a {
  text-align: left;
  width: 100%;
  display: block;
  font-size: 13px;
  padding: 4px 11px;
  font-weight: 600;
  border-bottom: 1px solid #000;
  color: #fff;
}
.episodeSpaceFix .edit-episodeBox-HoverState .titleBorder .dropdown .dropdown-menu a.delete:hover {
  background: #9e0000;
}
.episodeSpaceFix .edit-episodeBox-HoverState .titleBorder .dropdown .dropdown-menu a:hover, .episodeSpaceFix .edit-episodeBox-HoverState .titleBorder .dropdown .dropdown-menu a:focus, .episodeSpaceFix .edit-episodeBox-HoverState .titleBorder .dropdown .dropdown-menu a:visited, .episodeSpaceFix .edit-episodeBox-HoverState .titleBorder .dropdown .dropdown-menu a:active {
  background: #3f3449;
}
.episodeSpaceFix .edit-episodeBox-HoverState .titleBorder:hover {
  background: transparent !important;
}
.episodeSpaceFix .edit-episodeBox-HoverState:hover {
  background: rgba(255, 255, 255, 0.1) !important;
}
.episodeSpaceFix .edit-episodeBox-HoverState:hover .dropdown .dropdown-toggle {
  visibility: visible;
}
.episodeSpaceFix .edit-episodeBox-HoverState:hover .episode-options {
  visibility: visible;
}
.episodeSpaceFix .edit-episodeBox-HoverState .widgetArea .formsection .form-group .form-control {
  border: 0px solid #3f3449 !important;
  background: #3f3449 !important;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
  color: #c2b8d0 !important;
}
.episodeSpaceFix .edit-episodeBox-HoverState .widgetArea .formsection .form-group .form-control:hover {
  cursor: auto;
}
.episodeSpaceFix .edit-episodeBox-HoverState .widgetArea .addImage {
  background: #3f3449 !important;
  border: 0px solid #3f3449 !important;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
}
.episodeSpaceFix .edit-episodeBox-HoverState .widgetArea .formsection label {
  color: #fff !important;
}

.Stickey-edit-episodeBox-HoverState {
  background: #110a1a !important;
  border-right: 2px solid #3f3449 !important;
  border-bottom: 2px solid #3f3449 !important;
  cursor: pointer;
}
.Stickey-edit-episodeBox-HoverState .titleSpace {
  margin: 0px !important;
}
.Stickey-edit-episodeBox-HoverState .titleBorder {
  background: transparent;
  border-bottom: 2px solid #3f3449;
  border-top: 2px solid #3f3449;
  top: 0px !important;
  padding: 0px;
}
.Stickey-edit-episodeBox-HoverState .titleBorder p {
  margin: 2px auto 4px auto;
}
.Stickey-edit-episodeBox-HoverState .titleBorder .dropdown {
  text-align: center;
  top: 0px;
}
.Stickey-edit-episodeBox-HoverState .titleBorder .dropdown .dropdown-toggle {
  padding: 0px;
  display: block;
  height: 24px;
  top: 1px;
  width: 24px;
  right: 2px;
  border-radius: 50%;
  visibility: hidden;
}
.Stickey-edit-episodeBox-HoverState .titleBorder p {
  color: #fff !important;
}
.Stickey-edit-episodeBox-HoverState .titleBorder:hover {
  background: #282031;
}
.Stickey-edit-episodeBox-HoverState:hover {
  background: rgba(255, 255, 255, 0.1) !important;
}
.Stickey-edit-episodeBox-HoverState:hover .dropdown .dropdown-toggle {
  visibility: visible;
}
.Stickey-edit-episodeBox-HoverState .widgetArea .formsection .form-group .form-control {
  border: 0px solid #3f3449 !important;
  background: #3f3449 !important;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
  color: #c2b8d0 !important;
}
.Stickey-edit-episodeBox-HoverState .widgetArea .formsection .form-group .form-control:hover {
  cursor: auto;
}
.Stickey-edit-episodeBox-HoverState .widgetArea .addImage {
  background: #3f3449 !important;
  border: 0px solid #3f3449 !important;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
}
.Stickey-edit-episodeBox-HoverState .widgetArea .formsection label {
  color: #fff !important;
}

.editableToucpoint .flexContainer .episodetouchpointView.episodeviewbox-edit-touchpoint {
  margin-top: -2px !important;
}
.editableToucpoint .flexContainer .episodetouchpointView.episodeviewbox-edit-touchpoint .titleSpace {
  margin: 0px !important;
}
.editableToucpoint .flexContainer .episodetouchpointView.episodeviewbox-edit-touchpoint .titleSpace .titleBorder {
  top: 0px !important;
  padding: 0px !important;
}
.editableToucpoint .flexContainer .episodetouchpointView.episodeviewbox-edit-touchpoint .titleSpace .titleBorder .episodeTitleName {
  margin: 4px auto 5px auto;
}
.editableToucpoint .flexContainer .episodetouchpointView.episodeviewbox-edit-touchpoint .titleSpace .titleBorder .sortIcon {
  margin: 7px 0px 0px 5px;
}
.editableToucpoint .flexContainer .episodetouchpointView.episodeviewbox-edit-touchpoint .titleSpace .titleBorder .dropdown-toggle {
  top: 0px !important;
  right: 0px !important;
  height: 24px !important;
  width: 24px;
  padding: 0px;
  border-radius: 50%;
  visibility: hidden;
}
.editableToucpoint .flexContainer .episodetouchpointView.episodeviewbox-edit-touchpoint .titleSpace .titleBorder .dropdown .dropdown-menu {
  transform: translate3d(-100px, 10px, 0px) !important;
}
.editableToucpoint .flexContainer .episodetouchpointView.episodeviewbox-edit-touchpoint .editTouchPointView {
  background: transparent;
  position: absolute;
  z-index: 1;
  top: 39px;
  left: 0;
  height: 85%;
  width: 100%;
}
.editableToucpoint .flexContainer .episodetouchpointView.episodeviewbox-edit-touchpoint:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  cursor: pointer;
}
.editableToucpoint .flexContainer .episodetouchpointView.episodeviewbox-edit-touchpoint:hover .dropdown-toggle {
  visibility: visible !important;
}

.episodeModalNew .modal-dialog .modal-content {
  background: #2d2637 !important;
}
.episodeModalNew .modal-dialog .modal-content .modal-body {
  background: #2d2637 !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.presentMedia.present-EpisodeBox-HoverState .flexContainer .width-14.innerBoxItem {
  background: #110a1a;
}
.presentMedia.present-EpisodeBox-HoverState .flexContainer .width-14.innerBoxItem:hover {
  background: rgba(255, 255, 255, 0.1) !important;
}
.presentMedia.present-EpisodeBox-HoverState .flexContainer .width-14.innerBoxItem:last-child {
  border-top: 0px solid #3f3449;
  border-left: 0px solid #3f3449;
  border-bottom: 2px solid #3f3449;
  border-right: 2px solid #3f3449;
}

.present_touchpoint-Hoverstate {
  height: 100%;
}
.present_touchpoint-Hoverstate .epiSodeTouchPointSpace {
  border-top: 2px solid #110a1a !important;
  height: 100%;
}
.present_touchpoint-Hoverstate .epiSodeTouchPointSpace:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  cursor: pointer;
}
.present_touchpoint-Hoverstate .epiSodeTouchPointSpace:last-child {
  border-top: 0px solid #110a1a !important;
  border-top: 2px solid #110a1a !important;
  border-left: 0px solid #1f1829 !important;
}
.present_touchpoint-Hoverstate .epiSodeTouchPointSpace .presenttpField {
  height: 100%;
  padding-bottom: 0px;
  margin: 0px !important;
}
.present_touchpoint-Hoverstate .epiSodeTouchPointSpace .presenttpField .touchpointMainLane {
  height: 100%;
  padding-top: 15px;
  margin: 0px !important;
}
.present_touchpoint-Hoverstate .epiSodeTouchPointSpace .presenttpField .touchpointMainLane .formsection {
  height: 100%;
}
.present_touchpoint-Hoverstate .epiSodeTouchPointSpace .presenttpField .touchpointMainLane .formsection ul.touchpointList {
  height: 100%;
}
.present_touchpoint-Hoverstate .epiSodeTouchPointSpace .presenttpField .touchpointMainLane .formsection ul.touchpointList li .row .tpName {
  height: auto;
}
.present_touchpoint-Hoverstate .epiSodeTouchPointSpace .presenttpField .touchpointMainLane .formsection ul.touchpointList li .row .tpName p {
  margin-bottom: 20px;
}
.spaceEmotionCurve {
  position: absolute !important;
  right: -1px !important;
  top: -1px !important;
}

.plpr-20 {
  padding-left: 20px;
  padding-right: 20px;
}

.touchnew_Files .widgetArea:nth-child(1) {
  margin-top: 20px !important;
}

/*****---End Hover States CSS----****/
.label-form {
  display: block !important;
  margin-bottom: 7px !important;
  line-height: 13px !important;
}

.touchpoinEmotionlist .emotionList:nth-last-child(1) .formsection .form-row .form-group ul li {
  margin: 0px !important;
}

.touchpointIconslist .KPIwidgetArea {
  margin-bottom: 12px !important;
}
.touchpointIconslist .KPIwidgetArea:nth-last-child(1) {
  margin-bottom: 0px !important;
}

.mapHedadNotify {
  padding: 0px 8px !important;
  border: none !important;
}
@media (min-width: 1199px) and (max-width: 1599px) {
  .mapHedadNotify {
    padding: 0px 4px !important;
  }
}

/*****---Start Grouping Block----****/
.groupingBlock {
  width: 100%;
  display: block;
}
.groupingBlock .flexContainer .width-14 {
  height: 30px;
  border-right: 2px solid #3f3449;
  border-top: 2px solid #3f3449;
  flex-shrink: 0;
  white-space: normal;
  text-align: left;
  word-break: break-word;
}
.groupingBlock .flexContainer .width-14.purplebg {
  background: #7801FF;
  color: #fff;
}
.groupingBlock .flexContainer .width-14.emptyGroup .groupControls {
  display: none;
}
.groupingBlock .flexContainer .width-14.hiddengroupdisplay .groupControls {
  display: block;
}
.groupingBlock .flexContainer .width-14.hiddengroupdisplay .groupControls .grouphidden {
  visibility: visible;
}
.groupingBlock .flexContainer .width-14.hiddengroupdisplay .groupControls .groupmenu {
  visibility: hidden;
}
.groupingBlock .flexContainer .width-14.hiddengroupdisplay .groupControls .merge {
  visibility: hidden;
}
.groupingBlock .flexContainer .width-14.visibleGroup:hover .grouphidden {
  visibility: visible;
  background: rgba(17, 10, 26, 0);
  left: 22px;
  z-index: 5;
  width: 14px;
}
.groupingBlock .flexContainer .width-14.visibleGroup:hover .grouphidden img {
  margin-left: 0px;
}
.groupingBlock .flexContainer .width-14.episode-2Group {
  width: 28%;
  min-width: 374px;
}
.groupingBlock .flexContainer .width-14.episode-3Group {
  width: 42%;
  min-width: 561px;
}
.groupingBlock .flexContainer .width-14.episode-4Group {
  width: 56%;
  min-width: 748px;
}
.groupingBlock .flexContainer .width-14.episode-5Group {
  width: 70%;
  min-width: 935px;
}
.groupingBlock .flexContainer .width-14.episode-6Group {
  width: 84%;
  min-width: 1122px;
}
.groupingBlock .flexContainer .width-14.episode-7Group {
  width: 98%;
  min-width: 1309px;
}
.groupingBlock .flexContainer .width-14.episode-8Group {
  width: 112%;
  min-width: 1496px;
}
.groupingBlock .flexContainer .width-14.episode-9Group {
  width: 126%;
  min-width: 1683px;
}
.groupingBlock .flexContainer .width-14.episode-10Group {
  width: 140%;
  min-width: 1870px;
}
.groupingBlock .flexContainer .width-14 .groupName {
  padding: 4px 42px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  text-align: center;
}
.groupingBlock .flexContainer .width-14 .groupControls {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  visibility: hidden;
}
.groupingBlock .flexContainer .width-14 .groupControls .merge {
  position: absolute;
  width: 12px;
  height: 28px;
  background: rgba(17, 10, 26, 0.3);
}
.groupingBlock .flexContainer .width-14 .groupControls .merge:hover {
  cursor: col-resize;
}
.groupingBlock .flexContainer .width-14 .groupControls .merge.left {
  left: 0px;
  top: 0px;
}
.groupingBlock .flexContainer .width-14 .groupControls .merge.right {
  right: 0px;
  top: 0px;
}
.groupingBlock .flexContainer .width-14 .groupControls .merge img {
  width: 12px;
  height: 28px;
}
.groupingBlock .flexContainer .width-14 .groupControls .groupmenu {
  position: absolute;
  width: 28px;
  height: 28px;
  background: rgba(17, 10, 26, 0.3);
  top: 0px;
  right: 12px;
  cursor: pointer;
}
.groupingBlock .flexContainer .width-14 .groupControls .groupmenu:hover {
  background: rgba(17, 10, 26, 0.6);
}
.groupingBlock .flexContainer .width-14 .groupControls .groupmenu .dropdown .dropdown-toggle::after {
  border: none !important;
}
.groupingBlock .flexContainer .width-14 .groupControls .groupmenu .dropdown .dropdown-toggle img {
  width: 3px;
  height: 15px;
  margin: -2px 12.5px 0px 12.5px;
  top: -2px;
}
.groupingBlock .flexContainer .width-14 .groupControls .groupmenu .dropdown .dropdown-menu {
  left: 0px !important;
  transform: translate3d(-98px, 12px, 0px) !important;
  z-index: 10;
  border: 1px solid #000;
  min-width: 110px;
  background: #26202e;
  padding: 0px;
  border-radius: 0px;
  right: 0px !important;
}
.groupingBlock .flexContainer .width-14 .groupControls .groupmenu .dropdown .dropdown-menu a {
  text-align: left;
  width: 100%;
  display: block;
  font-size: 13px;
  padding: 4px 11px !important;
  font-weight: 600;
  border-bottom: 1px solid #000;
  color: #fff;
  cursor: pointer;
}
.groupingBlock .flexContainer .width-14 .groupControls .groupmenu .dropdown .dropdown-menu a.delete:hover {
  background: #9e0000;
}
.groupingBlock .flexContainer .width-14 .groupControls .groupmenu .dropdown .dropdown-menu a:hover {
  background: #2d2637;
}
.groupingBlock .flexContainer .width-14 .groupControls .grouphidden {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(17, 10, 26, 0.7);
  visibility: hidden;
}
.groupingBlock .flexContainer .width-14 .groupControls .grouphidden img {
  width: 14px;
  margin-top: -1px;
  cursor: pointer;
  margin-left: 22px;
}
.groupingBlock .flexContainer .width-14 .groupControls .editGrp {
  margin-left: 40px;
  margin-right: 45px;
  width: calc(100% - 85px);
  height: 100%;
  cursor: pointer;
}
.groupingBlock .flexContainer .width-14:hover .groupControls {
  visibility: visible;
}
.groupingBlock.present .flexContainer .width-14 {
  border-bottom: 2px solid #3f3449;
}
.groupingBlock.present .flexContainer .width-14 .groupName {
  padding: 4px 0px !important;
}

.mainModal .modal-grouping {
  max-width: 330px;
}
.mainModal .modal-grouping .modal-content .modal-body {
  padding: 32px 44px 42px 44px;
  overflow: unset !important;
  overflow-y: unset !important;
  overflow-x: unset !important;
}
.mainModal .modal-grouping .modal-content .modal-body .groupingBody .groupingInputblk {
  margin-bottom: 21px;
}
.mainModal .modal-grouping .modal-content .modal-body .groupingBody .groupingInputblk:nth-last-child(1) {
  margin: 0px;
}
.mainModal .modal-grouping .modal-content .modal-body .groupingBody .groupingInputblk label {
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
  display: block;
}
.mainModal .modal-grouping .modal-content .modal-body .groupingBody .groupingInputblk input {
  background: #110a1a;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
  color: #c2b8d0;
}
.mainModal .modal-grouping .modal-content .modal-body .groupingBody .groupingInputblk .groupcolorbox {
  position: relative;
}
.mainModal .modal-grouping .modal-content .modal-body .groupingBody .groupingInputblk .groupcolorbox .colorSelect {
  width: 25px;
  height: 25px;
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  cursor: pointer;
}
.mainModal .modal-grouping .modal-content .modal-body .groupingBody .groupingInputblk .groupcolorbox .colorSelect .vue-swatches .vue-swatches__trigger__wrapper .vue-swatches__trigger {
  width: 30px !important;
  height: 30px !important;
  border: solid 1px #000 !important;
  border-radius: 5px !important;
}
.mainModal .modal-grouping .modal-content .modal-body .groupingBody .groupingInputblk .groupcolorbox .grouplistInput {
  position: relative;
  margin-left: 37px;
}

/*****---Start Grouping Block----****/
.TouchpointFiles .widgetArea {
  padding: 0px 20px;
  margin-bottom: 7px !important;
  margin-top: 0px !important;
}
.TouchpointFiles .widgetArea:nth-child(1) {
  margin-top: 20px !important;
}
.TouchpointFiles .widgetArea:nth-last-child(2) {
  margin-bottom: 0px;
}
.TouchpointFiles .widgetArea .formsection .form-row {
  margin: 0px;
}
.TouchpointFiles .widgetArea .formsection .form-row .form-group {
  margin: 0px;
  padding: 0px;
}
.TouchpointFiles .widgetArea .formsection .form-row .form-group ul {
  margin: 0px;
  padding: 0px;
}
.TouchpointFiles .widgetArea .formsection .form-row .form-group ul li {
  margin: 0px;
}
.TouchpointFiles .widgetArea .formsection .form-row .form-group ul li .row .col-3 {
  padding: 0px;
}
.TouchpointFiles .widgetArea .formsection .form-row .form-group ul li .row .col-3 img {
  width: 35px;
  height: 35px;
}
.TouchpointFiles .widgetArea .formsection .form-row .form-group ul li .row .col-9 {
  padding: 0px;
}
.TouchpointFiles .widgetArea .formsection .form-row .form-group ul li .row .download-drop .dropdown-toggle {
  margin-top: 0px !important;
}

.TouchpointDimension {
  margin-top: 0px !important;
}
.TouchpointDimension .widgetArea {
  margin-bottom: 0px;
}
.TouchpointDimension .widgetArea .formsection .form-row .form-group {
  margin: 0px 0px 20px 0px;
}
.TouchpointDimension .widgetArea .formsection .form-row .form-group label {
  display: block;
}
.TouchpointDimension .widgetArea .formsection .form-row .form-group .addBrand ul li.addBtn {
  margin-bottom: 0px !important;
}
.TouchpointDimension .widgetArea .formsection .form-row .form-group .addBrand ul li.addBtn button {
  margin-bottom: 0px;
}
.TouchpointDimension .deleteCurrentQuote .deleteQuote-btn {
  margin-top: 0px !important;
}

.TouchpointQuotes .JourneyEditQuotes .tpquotes-space .titleBorder {
  margin-top: 20px;
  margin-left: 0px;
  margin-right: 0px;
}
.TouchpointQuotes .JourneyEditQuotes .tpquotes-space .deleteCurrentQuote .delete-btn-sm {
  margin-bottom: 15px;
}
.TouchpointQuotes .JourneyEditQuotes .addQuoteBtnMain .m-button-small, .TouchpointQuotes .JourneyEditQuotes .addQuoteBtnMain .global-btn-sm {
  margin-top: 5px !important;
}

.PresentTouchpointFiles .form-row {
  margin: 0px;
}
.PresentTouchpointFiles .form-row .form-group {
  padding: 0px;
}
.PresentTouchpointFiles .form-row .form-group ul {
  margin: 0px;
  padding: 20px;
}
.PresentTouchpointFiles .form-row .form-group ul li {
  margin: 0px 0px 7px 0px;
}
.PresentTouchpointFiles .form-row .form-group ul li .row {
  margin: 0px;
}
.PresentTouchpointFiles .form-row .form-group ul li .row .col-2 {
  padding: 0px;
}
.PresentTouchpointFiles .form-row .form-group ul li .row .col-2 img {
  width: 35px;
  height: 35px;
}
.PresentTouchpointFiles .form-row .form-group ul li .row .col-10 {
  padding: 0px 0px 0px 10px;
}

.sentiment .dropdown-menu .inner ul li a.disabled span.text {
  padding-left: 10px;
}
.sentiment .dropdown-menu .inner ul li a span.text {
  font-weight: 400;
}
.sentiment .dropdown-menu .inner ul li a span.text img {
  margin-left: 0px;
  margin-right: 5px;
  width: 12px;
  height: 10px;
  display: inline-block;
}
.sentiment .filter-option-inner-inner img {
  margin-left: 0px;
  margin-right: 5px;
  width: 12px;
  height: 10px;
  display: inline-block;
}

.episodeBottomMenuHide .bottomMoreActions {
  display: none;
}

.cursorScroll {
  cursor: col-resize;
}

.emotionblock-large-font .customBgBtn {
  padding: 5px 10px;
}
.emotionblock-large-font .customBgBtn .emotionName {
  font-size: 15px;
}

.parentIconlane {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: inline-block;
}
.parentIconlane img {
  width: 12px;
  transform: rotate(90deg);
}
.parentIconlane:hover {
  background-color: #7801FF;
}

.hidelane {
  position: relative;
}
.hidelane .col-11::before {
  content: "";
  position: absolute;
  background: rgba(17, 10, 26, 0.7);
  z-index: 4;
  left: 0px;
  right: 0px;
  height: 100%;
  width: 100%;
  display: flex;
}

.hideWidget::before {
  content: "";
  position: absolute;
  background: rgba(17, 10, 26, 0.7);
  z-index: 4;
  left: 0px;
  top: 34px;
  right: 0px;
  height: calc(100% - 34px);
  width: 100%;
  display: flex;
}

.hideEpisode::before {
  content: "";
  position: absolute;
  background: rgba(17, 10, 26, 0.85);
  z-index: 4;
  left: 0px;
  right: 0px;
  height: calc(100% - 31px);
  width: 100%;
  display: flex;
  top: 31px;
}

.episodeFullBox {
  height: 100%;
  width: 100%;
}

.hideFullEpisode::before {
  content: "";
  position: absolute;
  background: rgba(17, 10, 26, 0.85);
  z-index: 4;
  left: 0px;
  right: 0px;
  height: 100%;
  width: 100%;
  display: flex;
}

.laneWidget-control {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.laneWidget-control.lane-options {
  position: absolute;
  bottom: 5px;
  left: -5px;
}
.laneWidget-control.widget-options {
  position: absolute;
  bottom: 3px;
  right: 5px;
  background: #40394a;
  border: 1px solid #5d5961;
  border-radius: 3px;
  visibility: hidden;
}
.laneWidget-control.widget-options:hover {
  opacity: 0.7;
}
.laneWidget-control.widget-options .show-icon, .laneWidget-control.widget-options .hidden-icon {
  margin: 0px !important;
  color: var(--Title);
}
.laneWidget-control.widget-options .show-icon i, .laneWidget-control.widget-options .hidden-icon i {
  margin: 0px !important;
}
.laneWidget-control.widget-options img.hidden-icon {
  margin-top: 5px;
}
.laneWidget-control.widget-options img.show-icon {
  margin-top: 5px;
}
.laneWidget-control.episode-options {
  position: absolute;
  top: 1px;
  right: 2px;
  visibility: hidden;
}
.laneWidget-control.episode-options img.hidden-icon {
  margin-top: -4px;
}
.laneWidget-control.episode-options img.show-icon {
  margin-top: -4px;
}
.laneWidget-control img {
  width: 14px;
  margin-left: 5px;
  margin-right: 5px;
}
.laneWidget-control img.hidden-icon {
  margin-top: 6px;
}
.laneWidget-control img.show-icon {
  margin-top: 6px;
}

.touch-parent-icon img {
  width: 12px;
  margin-right: 5px;
  margin-top: -2px;
}

.touchpoint-borders .innerBoxItem {
  border: none !important;
}

.border-right-none {
  border-right: none !important;
}

.descripText {
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
}

.icons-widget-child {
  padding: 20px;
}
.icons-widget-child ul li {
  margin: 0px 0px 12px 0px;
  padding: 0px;
  line-height: 1;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
}
.icons-widget-child ul li i {
  margin-right: 5px;
}

.lane-checkbox {
  position: absolute;
  top: 12px;
}

.lane-checkbox-space {
  padding-left: 28px;
}

.child-unpublish .stateBtn {
  margin-bottom: 15px;
}
.child-unpublish .stateBtn .form-group .statusToggleBtn {
  margin: 0px !important;
}
.child-unpublish .stateBtn .form-group .statusToggleBtn .Statehighlight {
  width: auto;
  padding: 2px 8px;
  border-radius: 5px;
  background: #5a4f65;
  font-weight: 600 !important;
  font-size: 13px;
}
.child-unpublish .lCSelect label {
  font-size: 13px;
  line-height: 18px;
  font-weight: 700 !important;
  padding: 0px !important;
  margin: 0px 0px 7px 0px !important;
  color: #fff !important;
}
.child-unpublish .lCSelect .presentActiveLC {
  background: transparent !important;
  color: #fff !important;
  padding: 0px !important;
}
.child-unpublish .lCSelect .presentActiveLC i {
  color: #00d830 !important;
  margin-right: 5px;
  font-size: 11px;
}
.child-unpublish .lCSelect .presentInactiveLC {
  background: transparent !important;
  color: #fff !important;
  padding: 0px !important;
}
.child-unpublish .lCSelect .presentInactiveLC i {
  color: #ae6725 !important;
  margin-right: 5px;
  font-size: 11px;
}
.child-unpublish .statusBtn {
  display: block !important;
  margin-bottom: 15px;
}
.child-unpublish .statusBtn label {
  font-size: 13px;
  line-height: 18px;
  font-weight: 700 !important;
  padding: 0px !important;
  margin: 0px 0px 7px 0px !important;
  color: #fff !important;
}
.child-unpublish .statusBtn .statusToggleBtn {
  margin: 0px !important;
}
.child-unpublish .statusBtn .statusToggleBtn .btn {
  width: auto !important;
  padding: 5.5px 8px;
  border-radius: 5px;
  background: #7b6c8f;
  font-weight: 600 !important;
  font-size: 13px;
  margin-top: -2px;
  margin-bottom: 0px;
  border: none !important;
}
.child-unpublish .statusBtn .statusToggleBtn .btn.publishInactive {
  background: #ae6725 !important;
}
.child-unpublish .statusBtn .statusToggleBtn .btn.publishActive {
  background: #03ac00 !important;
}

.map-separator {
  min-height: auto;
}
.map-separator.episodeseparator .row .leftwrapper {
  z-index: 10000 !important;
}
.map-separator.episodeseparator .row .col-11 .separator-box {
  border-bottom: 1px solid #2d2637;
}
.map-separator.episodeseparator .row .col-11 .separator-box .separator-line span {
  background: #2d2637;
}
.map-separator .row .leftwrapper {
  z-index: 3 !important;
}
.map-separator .row .leftwrapper .leftwrapperInnerMenu .leftwrapperMiddleSection {
  min-height: auto;
}
.map-separator .row .leftwrapper .leftwrapperInnerMenu .leftwrapperMiddleSection p {
  padding: 7px 0px;
  display: none;
}
.map-separator .row .leftwrapper .leftwrapperInnerMenu .leftwrapperMiddleSection .bottomMoreActions {
  bottom: 2px;
  padding: 0px 7px;
}
.map-separator .row .leftwrapper .leftwrapperInnerMenu .leftwrapperMiddleSection .bottomMoreActions .dropdown .dropdown-toggle {
  width: 35px;
  display: block;
  height: 24px;
  padding: 0px 5px;
}
.map-separator .row .col-11 .separator-box {
  border-bottom: 2px solid #3f3449;
  min-height: 16px;
}
.map-separator .row .col-11 .separator-box .separator-line {
  margin: 14px 0px 0px 0px;
  width: 100%;
  border-bottom: dashed 1px #fff;
  padding: 0px;
  position: relative;
}
.map-separator .row .col-11 .separator-box .separator-line span {
  margin-left: -55px;
  position: absolute;
  top: -12px;
  background: #110a1a;
  padding: 3px 20px;
  font-size: 12px;
  left: 50%;
  width: 110px;
  height: 24px;
  color: #fff;
}

/* ---- Channel Request New Popup Start---- */
.channel-request-popup {
  max-width: 500px;
}
.channel-request-popup .modal-body .req-modal-body .m-tabs .tab-content .tab-pane .request-content p {
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 15px;
}
.channel-request-popup .modal-body .req-modal-body .m-tabs .tab-content .tab-pane .request-content .request-fields {
  float: left;
  width: 100%;
}
.channel-request-popup .modal-body .req-modal-body .m-tabs .tab-content .tab-pane .request-content .request-fields label {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 10px;
}
.channel-request-popup .modal-body .req-modal-body .m-tabs .tab-content .tab-pane .request-content .request-fields input {
  background: #110a1a;
  border: none;
  color: #fff;
}
.channel-request-popup .modal-body .req-modal-body .m-tabs .tab-content .tab-pane .request-content .pending-request-list-block {
  display: block;
  width: 100%;
  float: left;
  margin-bottom: 20px;
}
.channel-request-popup .modal-body .req-modal-body .m-tabs .tab-content .tab-pane .request-content .pending-request-list-block p {
  color: #ab99c5;
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 10px;
}
.channel-request-popup .modal-body .req-modal-body .m-tabs .tab-content .tab-pane .request-content .pending-request-list-block .pending-list-main {
  float: left;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
}
.channel-request-popup .modal-body .req-modal-body .m-tabs .tab-content .tab-pane .request-content .pending-request-list-block .pending-list-main .pending-list {
  border: solid 1px #574766;
  background: #4a3d57;
  padding: 5px 60px 5px 5px;
  display: block;
  width: 100%;
  float: left;
  font-size: 12px;
  color: #ab99c5;
  margin-bottom: 10px;
  position: relative;
}
.channel-request-popup .modal-body .req-modal-body .m-tabs .tab-content .tab-pane .request-content .pending-request-list-block .pending-list-main .pending-list span.rejected {
  position: absolute;
  right: 5px;
  top: 5px;
  font-size: 11px;
}

/* ---- Channel Request New Popup End---- */
.child-touchpoint-main-row .episodeTPHead .column1,
.parent-touchpoint-main-row .episodeTPHead .column1 {
  min-height: 78px;
}
.child-touchpoint-main-row .episodeTPHead .column1 .leftwrapperInnerMenu .collapse-menu-parenttp,
.parent-touchpoint-main-row .episodeTPHead .column1 .leftwrapperInnerMenu .collapse-menu-parenttp {
  min-height: 80px;
}
.child-touchpoint-main-row .episodeTPHead .column1 .leftwrapperInnerMenu .collapse-menu-parenttp p,
.parent-touchpoint-main-row .episodeTPHead .column1 .leftwrapperInnerMenu .collapse-menu-parenttp p {
  top: 60% !important;
}
.child-touchpoint-main-row .episodeTPHead .column1 .leftwrapperInnerMenu .collapse-menu-parenttp p .tpleft-head,
.parent-touchpoint-main-row .episodeTPHead .column1 .leftwrapperInnerMenu .collapse-menu-parenttp p .tpleft-head {
  display: none;
}
.child-touchpoint-main-row .episodeTPHead .column1 .leftwrapperInnerMenu .collapse-menu-parenttp p .parentIconlane,
.parent-touchpoint-main-row .episodeTPHead .column1 .leftwrapperInnerMenu .collapse-menu-parenttp p .parentIconlane {
  margin-right: -50px;
}
.child-touchpoint-main-row .episodeTPHead .column1 .leftwrapperInnerMenu .collapse-menu-parenttp p .parentIconlane img,
.parent-touchpoint-main-row .episodeTPHead .column1 .leftwrapperInnerMenu .collapse-menu-parenttp p .parentIconlane img {
  width: 20px;
}
.child-touchpoint-main-row .episodeTPHead .column1 .leftwrapperInnerMenu .collapse-menu-parenttp p .parentIconlane:hover,
.parent-touchpoint-main-row .episodeTPHead .column1 .leftwrapperInnerMenu .collapse-menu-parenttp p .parentIconlane:hover {
  background: transparent;
}
.child-touchpoint-main-row .episodeTPHead .column1 .leftwrapperInnerMenu .collapse-menu-parenttp p .ChildIconlane,
.parent-touchpoint-main-row .episodeTPHead .column1 .leftwrapperInnerMenu .collapse-menu-parenttp p .ChildIconlane {
  margin-right: -50px;
}
.child-touchpoint-main-row .episodeTPHead .column1 .leftwrapperInnerMenu .collapse-menu-parenttp p .ChildIconlane img,
.parent-touchpoint-main-row .episodeTPHead .column1 .leftwrapperInnerMenu .collapse-menu-parenttp p .ChildIconlane img {
  width: 13px;
}
.child-touchpoint-main-row .episodeTPHead .column1 .leftwrapperInnerMenu .collapse-menu-parenttp p .ChildIconlane:hover,
.parent-touchpoint-main-row .episodeTPHead .column1 .leftwrapperInnerMenu .collapse-menu-parenttp p .ChildIconlane:hover {
  background: transparent;
}
.child-touchpoint-main-row .episodeTPHead .column1 .leftwrapperInnerMenu .collapse-menu-parenttp .topMoreActions a i,
.parent-touchpoint-main-row .episodeTPHead .column1 .leftwrapperInnerMenu .collapse-menu-parenttp .topMoreActions a i {
  transform: rotate(180deg);
}
.child-touchpoint-main-row .episodeTPHead .collapse-menu-hide,
.parent-touchpoint-main-row .episodeTPHead .collapse-menu-hide {
  margin-top: 0px;
}
.child-touchpoint-main-row .episodeTPHead .collapse-menu-hide .editableToucpoint .width-14,
.parent-touchpoint-main-row .episodeTPHead .collapse-menu-hide .editableToucpoint .width-14 {
  min-height: 105px;
}
.child-touchpoint-main-row .episodeTPHead .collapse-menu-hide .editableToucpoint .width-14.child-inner-box,
.parent-touchpoint-main-row .episodeTPHead .collapse-menu-hide .editableToucpoint .width-14.child-inner-box {
  display: none;
}
.child-touchpoint-main-row .episodeTPHead .collapse-menu-hide .editableToucpoint .width-14 .episodeMode .formsection .titleBorder,
.parent-touchpoint-main-row .episodeTPHead .collapse-menu-hide .editableToucpoint .width-14 .episodeMode .formsection .titleBorder {
  display: none;
}
.child-touchpoint-main-row .episodeTPHead .collapse-menu-hide .editableToucpoint .width-14 .episodeMode .formsection .touchapintpadding .channel-episode,
.parent-touchpoint-main-row .episodeTPHead .collapse-menu-hide .editableToucpoint .width-14 .episodeMode .formsection .touchapintpadding .channel-episode {
  display: none;
}
.child-touchpoint-main-row .episodeTPHead .collapse-menu-hide .editableToucpoint .width-14 .episodeMode .formsection .touchapintpadding .contact-reason-episode,
.parent-touchpoint-main-row .episodeTPHead .collapse-menu-hide .editableToucpoint .width-14 .episodeMode .formsection .touchapintpadding .contact-reason-episode {
  display: none;
}
.child-touchpoint-main-row .episodeTPHead .collapse-menu-hide .editableToucpoint .width-14 .episodeMode .formsection .touchapintpadding .name-episode label,
.parent-touchpoint-main-row .episodeTPHead .collapse-menu-hide .editableToucpoint .width-14 .episodeMode .formsection .touchapintpadding .name-episode label {
  display: none;
}
.child-touchpoint-main-row .LanesMainBlock,
.parent-touchpoint-main-row .LanesMainBlock {
  display: none;
}

.episodeTPHead .column1 .leftwrapperInnerMenu .leftwrapperTopSection p {
  top: 70% !important;
}
.episodeTPHead .column1 .leftwrapperInnerMenu .leftwrapperTopSection .topMoreActions {
  left: -6px;
}

.ChildIconlane {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: inline-block;
}
.ChildIconlane img {
  transform: rotate(90deg);
  width: 9px;
}
.ChildIconlane:hover {
  background-color: #7801FF;
}

.episode-Tpmainhead {
  font-size: 12px;
  font-weight: 600;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.tpparent-icondrop .dropdown-menu .inner ul li a .text div {
  padding-left: 25px;
}
.tpparent-icondrop .dropdown-menu .inner ul li a .text div .tpdropd-parent-icon {
  width: 13px;
  height: 13px;
  margin: 2px 4px 0px 0px;
  position: absolute;
  left: 20px;
}
.tpparent-icondrop .dropdown-menu .inner ul li a .text div p {
  margin: 0px;
  font-size: 13px;
}
.tpparent-icondrop .dropdown-toggle .filter-option .filter-option-inner .filter-option-inner-inner div {
  padding-left: 15px;
}
.tpparent-icondrop .dropdown-toggle .filter-option .filter-option-inner .filter-option-inner-inner div .tpdropd-parent-icon {
  width: 13px;
  height: 13px;
  margin: 2px 4px 0px 0px;
  position: absolute;
  left: 0px;
}
.tpparent-icondrop .dropdown-toggle .filter-option .filter-option-inner .filter-option-inner-inner div p {
  margin: 0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
}

.tp-custom-dropdown .customlistDropdown .form-row .form-group .addDimensions .m-select-dropdown-sm.bootstrap-select button {
  padding: 10px 8px !important;
}
.tp-custom-dropdown .customlistDropdown .form-row .form-group .addDimensions .m-select-dropdown-sm.bootstrap-select button.dropdown-toggle::after {
  top: 7px !important;
}

.episode-parent-tp-icon img {
  width: 12px !important;
}

.episode-child-tp-icon img {
  width: 7px !important;
}

.stickyMaps[data-v-0fc500cc] {
  top: 109px !important;
}

.eye-icon {
  width: 24px;
  height: 24px;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  color: var(--Title);
  border-radius: 3px;
  line-height: 21px;
  cursor: pointer;
  background: #40394a;
  border: 1px solid #5d5961;
}
.eye-icon:hover {
  opacity: 0.7;
}

.remove-cr {
  position: relative;
}
.remove-cr .delete-cr {
  position: absolute;
  right: -45px;
  top: 0px;
  width: 30px;
  height: 30px;
}
.remove-cr .delete-cr .btn {
  width: 30px;
  height: 30px;
  padding: 5px 8px;
}

.mode-info-msg {
  font-size: 13px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.5);
}

.episodetouchpointView.ghost {
  position: relative;
  z-index: 1;
}
.episodetouchpointView.ghost::after {
  position: absolute;
  left: 0px;
  right: 0px;
  content: "";
  margin: 0 auto;
  text-align: center;
  z-index: 2;
  background: rgba(120, 0, 255, 0.8);
  height: 100%;
  top: 0px;
  bottom: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: FontAwesome;
  font-size: 50px;
  color: #fff;
}

.channelDeleteMsg p {
  margin-bottom: 10px;
  padding: 6px;
  background: #451619;
  font-size: 12px !important;
  color: #fff;
}

body img.lighttheme {
  display: none;
}
body img.darktheme {
  display: block;
}
body img.darktheme-icon {
  visibility: visible;
  display: inline-block !important;
}
body img.lighttheme-icon {
  visibility: hidden;
  display: none !important;
}

/*-----Files Adjustments------*/
.JourneyEditFiles .widgetArea .editFiles .form-row .form-group ul li .row {
  margin: 0px;
}
.JourneyEditFiles .widgetArea .editFiles .form-row .form-group ul li .row .col-3 {
  flex: 0 0 35px;
  max-width: 35px;
  padding: 0px;
  position: absolute;
}
.JourneyEditFiles .widgetArea .editFiles .form-row .form-group ul li .row .col-3 img {
  width: 35px;
  padding: 5px;
}
.JourneyEditFiles .widgetArea .editFiles .form-row .form-group ul li .row .col-9 {
  flex: 0 0 100%;
  max-width: 100%;
  padding-left: 40px;
}
.JourneyEditFiles .widgetArea .editFiles .form-row .form-group ul li .row .col-9 h5 {
  float: left;
  line-height: 20px;
  width: 100%;
}
.JourneyEditFiles .widgetArea .editFiles .form-row .form-group ul li .row .col-9 small {
  float: left;
  width: 100%;
}
.JourneyEditFiles .widgetArea .editFiles .form-row .form-group ul li .row .m-3dots-menu.docsmenu {
  right: 15px;
}

.attachmentsLane .widgetArea .editFiles .form-row .form-group ul li .row {
  margin: 0px;
}
.attachmentsLane .widgetArea .editFiles .form-row .form-group ul li .row .col-3 {
  flex: 0 0 35px;
  max-width: 35px;
  padding: 0px;
  position: absolute;
}
.attachmentsLane .widgetArea .editFiles .form-row .form-group ul li .row .col-3 img {
  width: 35px;
  padding: 5px;
}
.attachmentsLane .widgetArea .editFiles .form-row .form-group ul li .row .col-9 {
  flex: 0 0 100%;
  max-width: 100%;
  padding-left: 40px;
}
.attachmentsLane .widgetArea .editFiles .form-row .form-group ul li .row .col-9 h5 {
  float: left;
  line-height: 20px;
  width: 100%;
}
.attachmentsLane .widgetArea .editFiles .form-row .form-group ul li .row .col-9 small {
  float: left;
  width: 100%;
}
.attachmentsLane .widgetArea .editFiles .form-row .form-group ul li .row .m-3dots-menu.docsmenu {
  right: 15px;
}

.presentAttachmentLane .AttachmentsMain .form-row .form-group ul li .row {
  margin: 0px;
}
.presentAttachmentLane .AttachmentsMain .form-row .form-group ul li .row .col-2 {
  flex: 0 0 35px;
  max-width: 35px;
  padding: 0px !important;
  position: absolute;
}
.presentAttachmentLane .AttachmentsMain .form-row .form-group ul li .row .col-2 img {
  width: 35px;
  padding: 5px;
  margin: 0px;
}
.presentAttachmentLane .AttachmentsMain .form-row .form-group ul li .row .col-10 {
  flex: 0 0 100%;
  max-width: 100%;
  padding-left: 40px !important;
  padding-right: 5px !important;
}
.presentAttachmentLane .AttachmentsMain .form-row .form-group ul li .row .col-10 h5 {
  float: left;
  line-height: 20px;
  width: 100%;
}
.presentAttachmentLane .AttachmentsMain .form-row .form-group ul li .row .col-10 small {
  float: left;
  width: 100%;
}
.presentAttachmentLane .AttachmentsMain .form-row .form-group ul li .row .col-3 {
  flex: 0 0 35px;
  max-width: 35px;
  padding: 0px;
  position: absolute;
}
.presentAttachmentLane .AttachmentsMain .form-row .form-group ul li .row .col-3 img {
  width: 35px;
  padding: 5px;
}
.presentAttachmentLane .AttachmentsMain .form-row .form-group ul li .row .col-9 {
  flex: 0 0 100%;
  max-width: 100%;
  padding-left: 40px;
  padding-right: 5px;
}
.presentAttachmentLane .AttachmentsMain .form-row .form-group ul li .row .col-9 h5 {
  float: left;
  line-height: 20px;
  width: 100%;
}
.presentAttachmentLane .AttachmentsMain .form-row .form-group ul li .row .col-9 small {
  float: left;
  width: 100%;
}
.presentAttachmentLane .AttachmentsMain .form-row .form-group ul li .row .m-3dots-menu.docsmenu {
  right: 15px;
}

.newLeftWarpper.leftwrapper.tpbdrpresent {
  border-top: 2px solid #110a1a !important;
}
.newLeftWarpper.leftwrapper .leftwrapperInnerMenu .leftwrapperMiddleSection.KPIAlignment p {
  left: -7px !important;
  width: 35px !important;
  height: 100%;
  top: 0px !important;
  margin: 0px;
  padding: 40px 10px 50px 10px;
  position: absolute;
  box-sizing: border-box;
  writing-mode: vertical-lr;
  text-orientation: mixed;
  z-index: 0;
  transform: rotate(-180deg);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
}
.newLeftWarpper.leftwrapper .leftwrapperInnerMenu .leftwrapperMiddleSection.KPIAlignment p.headeditmain {
  left: -7px !important;
  width: 35px !important;
  height: 100%;
  top: 0px !important;
  margin: 0px;
  padding: 40px 10px 50px 10px;
  position: absolute;
  box-sizing: border-box;
  writing-mode: vertical-lr;
  text-orientation: mixed;
  z-index: 0;
  transform: rotate(-180deg);
}
.newLeftWarpper.leftwrapper .leftwrapperInnerMenu .leftwrapperMiddleSection.KPIAlignment p.presenthead {
  padding: 15px 10px 50px 10px !important;
}
.newLeftWarpper.leftwrapper .leftwrapperInnerMenu .leftwrapperMiddleSection.KPIAlignment p span.parentIconlane {
  transform: rotate(90deg);
  position: relative;
  left: -2px;
}
.newLeftWarpper.leftwrapper .leftwrapperInnerMenu .leftwrapperMiddleSection.KPIAlignment p span.parentIconlane img {
  margin-left: -3px;
}
.newLeftWarpper.leftwrapper .leftwrapperInnerMenu .leftwrapperMiddleSection p {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.newLeftWarpper.leftwrapper .leftwrapperInnerMenu .leftwrapperMiddleSection p.presentHead-Content {
  left: -7px !important;
  width: 35px !important;
  height: 100%;
  top: 0px !important;
  margin: 0px;
  padding: 40px 10px 40px 10px;
  position: absolute;
  box-sizing: border-box;
  writing-mode: vertical-lr;
  text-orientation: mixed;
  z-index: 0;
  transform: rotate(-180deg);
}
.newLeftWarpper.leftwrapper .leftwrapperInnerMenu .leftwrapperMiddleSection p span.parentIconlane {
  transform: rotate(90deg);
  position: relative;
  left: -2px;
}
.newLeftWarpper.leftwrapper .leftwrapperInnerMenu .leftwrapperMiddleSection p span.parentIconlane img {
  margin-left: -3px;
}
.newLeftWarpper.leftwrapper .leftwrapperInnerMenu .leftwrapperMiddleSection p span.ChildIconlane {
  transform: rotate(90deg);
  position: relative;
  left: -2px;
}
.newLeftWarpper.leftwrapper .leftwrapperInnerMenu .leftwrapperMiddleSection p span.ChildIconlane img {
  margin-left: -3px;
}
.newLeftWarpper.leftwrapper .leftwrapperInnerMenu .leftwrapperMiddleSection p.episodeedit {
  padding: 40px 10px 55px 10px !important;
}
.newLeftWarpper.leftwrapper .leftwrapperInnerMenu .leftwrapperMiddleSection p.presenthead {
  padding: 25px 10px 55px 10px !important;
}
.newLeftWarpper.leftwrapper .leftwrapperInnerMenu .leftwrapperMiddleSection p.presentep-title {
  padding: 25px 10px 55px 10px !important;
}
.newLeftWarpper.leftwrapper .leftwrapperInnerMenu .leftwrapperMiddleSection p.presenTP {
  padding: 25px 10px 55px 10px !important;
}
.newLeftWarpper.leftwrapper .leftwrapperInnerMenu .leftwrapperTopSection p.journeyhead {
  left: -7px !important;
  width: 35px !important;
  height: 100%;
  top: 0px !important;
  margin: 0px;
  padding: 20px 10px 55px 10px;
  position: absolute;
  box-sizing: border-box;
  writing-mode: vertical-lr;
  text-orientation: mixed;
  z-index: 0;
  transform: rotate(-180deg);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.newLeftWarpper.leftwrapper .leftwrapperInnerMenu .leftwrapperTopSection p.journeyhead span.parentIconlane {
  transform: rotate(90deg);
  position: relative;
  left: -2px;
}
.newLeftWarpper.leftwrapper .leftwrapperInnerMenu .leftwrapperTopSection p.journeyhead span.parentIconlane img {
  margin-left: -3px;
}
.newLeftWarpper.leftwrapper .leftwrapperInnerMenu .leftwrapperTopSection p.journeyhead span.ChildIconlane {
  transform: rotate(90deg);
  position: relative;
  left: -2px;
  margin-top: -13px;
}
.newLeftWarpper.leftwrapper .leftwrapperInnerMenu .leftwrapperTopSection p.journeyhead span.ChildIconlane img {
  margin-left: -3px;
}

.parent-touchpoint-main-row .episodeTPHead .newLeftWarpper.leftwrapper .leftwrapperInnerMenu .leftwrapperTopSection,
.child-touchpoint-main-row .episodeTPHead .newLeftWarpper.leftwrapper .leftwrapperInnerMenu .leftwrapperTopSection {
  min-height: 100%;
}

.foldinFoldOutWidgets {
  height: 500px;
}
.foldinFoldOutWidgets .firstLeftwrapper {
  height: 500px !important;
}
.foldinFoldOutWidgets::before {
  z-index: 3 !important;
}
.foldinFoldOutWidgets.journeyfixed .firstLeftwrapper {
  height: 400px !important;
}

.journey-z-index {
  z-index: 2;
}

.m-top-minus {
  margin-top: -1px;
}

.top-minus-2 {
  margin-top: -2px !important;
}

.nobdr-btm {
  border-bottom: none !important;
}

.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .dropdown-menu.show .bs-actionsbox {
  padding: 0px 8px !important;
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .dropdown-menu.show .bs-actionsbox .btn-group {
  padding: 8px 0px !important;
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .dropdown-menu.show .bs-actionsbox .btn-group .actions-btn {
  padding: 3px 8px 3px 0px !important;
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .dropdown-menu.show .bs-actionsbox .btn-group .actions-btn:hover, .addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .dropdown-menu.show .bs-actionsbox .btn-group .actions-btn:active, .addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .dropdown-menu.show .bs-actionsbox .btn-group .actions-btn:focus, .addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .dropdown-menu.show .bs-actionsbox .btn-group .actions-btn:visited {
  background: #26202e;
  color: #fff;
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .dropdown-menu.show ul.dropdown-menu {
  overflow: hidden !important;
}

.child-touchpoint-main-row.m-top-minus .episodeTPHead .newLeftWarpper .leftwrapperInnerMenu .collapse-menu-parenttp .journeyhead {
  text-overflow: unset !important;
  padding: 5px 10px 55px 10px;
}

.episode-Tpmainhead ul,
.touchpointLanemian .attachmentsLane.touchpointLaneList .widgetArea .tpName ul {
  padding: 0px 0px 0px 17px;
}
.episode-Tpmainhead ul li,
.touchpointLanemian .attachmentsLane.touchpointLaneList .widgetArea .tpName ul li {
  list-style-type: disc !important;
}
.episode-Tpmainhead ol,
.touchpointLanemian .attachmentsLane.touchpointLaneList .widgetArea .tpName ol {
  padding: 0px 0px 0px 15px;
}
.episode-Tpmainhead ol li,
.touchpointLanemian .attachmentsLane.touchpointLaneList .widgetArea .tpName ol li {
  list-style-type: numaric !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.presentstick-header.stickjourneyname,
.stickyJourneyBar.stickjourneyname {
  background: #110a1a;
  height: 50px;
  padding: 10px 15px;
  color: #fff;
  font-size: 13px;
  position: fixed;
  top: 50px;
  width: 100%;
  text-align: center;
  z-index: 9;
  left: 0;
  margin-left: 0 !important;
  white-space: nowrap;
  line-height: 30px;
  box-shadow: 0px 2px 4px 0px rgba(1, 0, 0, 0.4), 0px 0px 0px 0px rgba(0, 0, 0, 0.4) !important;
}
.presentstick-header.stickjourneyname .journeySticky,
.stickyJourneyBar.stickjourneyname .journeySticky {
  display: block;
  width: 100% !important;
}
.presentstick-header.stickjourneyname .journeySticky .topMoreActions a,
.stickyJourneyBar.stickjourneyname .journeySticky .topMoreActions a {
  line-height: 25px;
}
.presentstick-header.stickjourneyname .journeySticky p,
.stickyJourneyBar.stickjourneyname .journeySticky p {
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  padding-left: 50px;
  padding-right: 50px;
}

.presentstick-header.stickjourneyname {
  line-height: 20px !important;
  background: #110a1a !important;
}

.addTPModal.newModal .modal-body {
  background: #1f1829 !important;
}

.insightModal.mainModal .modal-md {
  max-width: 1120px;
}

.theme-light .addTPModal.newModal .modal-body {
  background: #fff !important;
}
.theme-light .eye-icon, .theme-light .laneWidget-control.widget-options {
  background: rgba(64, 57, 74, 0.3) !important;
  border: solid 1px rgba(64, 57, 74, 0.3) !important;
}
.theme-light .eye-icon:hover, .theme-light .laneWidget-control.widget-options:hover {
  background: #7800ff !important;
  border: 1px solid #7800ff !important;
  color: #fff !important;
}
.theme-light .eye-icon:hover i, .theme-light .laneWidget-control.widget-options:hover i {
  color: #fff !important;
}

.map-descAi .form-group {
  margin-bottom: 0px !important;
}

.pt-10 {
  padding-top: 10px !important;
}

/********************** Signupder Styles ***********************/
/*************** 1. Imports ******************/
/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Mixins ******************/
.presentMainContainer {
  /*** Quotes View ***/
  /*** Text Field ***/
  /*** Media ***/
  /*** Icons ***/
  /*** Touch Points ***/
  /*** emotion Blocks***/
  /*** Documents ***/
  /*** Dimensions ***/
  /*** Episodes ***/
}
.presentMainContainer .rightWrapper {
  border-bottom: none;
}
.presentMainContainer .journeyMapsection .widgetAreaMainSection .innerBoxItem {
  width: 22%;
}
@media (min-width: 1299px) and (max-width: 1499px) {
  .presentMainContainer .journeyMapsection .widgetAreaMainSection .innerBoxItem {
    width: 22.8%;
  }
}
.presentMainContainer .statusToggle .activestatus,
.presentMainContainer .statusToggle .inactivestatus,
.presentMainContainer .statusToggle .Statehighlight,
.presentMainContainer .StateToggleBtn .activestatus,
.presentMainContainer .StateToggleBtn .inactivestatus,
.presentMainContainer .StateToggleBtn .Statehighlight {
  padding: 6px 10px;
  font-size: 13px;
  color: #fff;
  font-weight: 500;
  width: 90px;
  border-radius: 3px;
}
.presentMainContainer .statusToggle .activestatus,
.presentMainContainer .StateToggleBtn .activestatus {
  background: #03ac00;
}
.presentMainContainer .statusToggle .inactivestatus,
.presentMainContainer .StateToggleBtn .inactivestatus {
  background: #e41b2e;
}
.presentMainContainer .statusToggle .Statehighlight,
.presentMainContainer .StateToggleBtn .Statehighlight {
  background: #7b6c8f;
}
.presentMainContainer .titiedescripWidget h2 {
  color: #fff;
  margin: 10px 0px;
}
.presentMainContainer .titiedescripWidget .descripText {
  color: #c2b8d0;
  font-size: 12px;
}
@media (min-width: 1199px) and (max-width: 1599px) {
  .presentMainContainer .titiedescripWidget .descripText {
    font-size: 12px;
  }
}
.presentMainContainer .titiedescripWidget h4 {
  padding-right: 70px;
}
.presentMainContainer .quotesCarouselPresent .quoteTitle {
  font-size: 12px;
  margin: 10px 0px;
}
.presentMainContainer .quotesCarouselPresent .sentimentSelectMain .selectedSentiment span {
  display: inline-block;
  font-size: 12px;
}
.presentMainContainer .quotesCarouselPresent .sentimentSelectMain .selectedSentiment span.greenColor {
  color: #03ac00;
}
.presentMainContainer .quotesCarouselPresent .sentimentSelectMain .selectedSentiment span.orangeColor {
  color: #f59e36;
}
.presentMainContainer .quotesCarouselPresent .sentimentSelectMain .selectedSentiment span.redColor {
  color: #e41b2e;
}
.presentMainContainer .quotesCarouselPresent .sentimentSelectMain .selectedSentiment img {
  float: right;
  height: 15px;
  width: 15px;
  margin: 6px 0px 0px;
}
.presentMainContainer .quotesCarouselPresent .quoteDescription {
  position: relative;
  font-size: 12px;
  color: #c2b8d0;
  quotes: initial;
  padding: 0px 10px;
}
.presentMainContainer .quotesCarouselPresent .quoteDescription::after, .presentMainContainer .quotesCarouselPresent .quoteDescription::before {
  position: absolute;
}
.presentMainContainer .quotesCarouselPresent .quoteDescription:after {
  right: auto;
  content: close-quote;
  bottom: 1px;
}
.presentMainContainer .quotesCarouselPresent .quoteDescription::before {
  left: 0px;
  top: -5px;
  content: open-quote;
}
.presentMainContainer .quotesCarouselPresent .titleBorder {
  padding: 10px 0px !important;
  margin: 0 5px;
}
.presentMainContainer .presentTextField .addedtextfield {
  padding: 6px 0px;
  font-size: 13px;
  color: #fff;
  cursor: context-menu;
}
.presentMainContainer .laneLabel {
  display: block;
  left: -15px;
}
.presentMainContainer .laneLabel p {
  margin: 0px;
  left: -6.7%;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.presentMainContainer .presentMedia .column {
  padding: 0px;
}
.presentMainContainer .presentMedia .widgetArea {
  margin: 0px;
}
.presentMainContainer .presentMedia .widgetArea .addImage {
  height: 8vw;
  overflow: visible;
}
.presentMainContainer .presentMedia .widgetArea .addImage .episodeImage {
  height: 8vw;
}
.presentMainContainer .presentMedia .width-14 {
  padding: 0px;
}
.presentMainContainer .iconListview {
  width: 100%;
  display: block;
}
.presentMainContainer .iconListview i {
  font-size: 14px;
}
.presentMainContainer .iconListview span {
  margin-left: 5px;
  font-size: 13px;
}
@media (min-width: 1299px) and (max-width: 1599px) {
  .presentMainContainer .iconListview {
    margin: 0px;
  }
}
.presentMainContainer .iconListview li {
  display: block;
  margin: 5px 0px;
  color: #fff;
  width: 100%;
}
.presentMainContainer .iconListview li i,
.presentMainContainer .iconListview li span {
  display: inline-block;
}
.presentMainContainer .iconListview li i {
  font-size: 13px;
  vertical-align: middle;
}
.presentMainContainer .iconListview li span {
  font-size: 12px;
  margin-left: 5px;
  vertical-align: middle;
  width: 76%;
}
.presentMainContainer .presenttpField .touchpointMainLane.widgetArea {
  margin: 15px 0px 0px;
}
.presentMainContainer .presenttpField .touchpointMainLane.widgetArea .formsection .form-group {
  margin: 0px;
}
.presentMainContainer .presenttpField .touchpointMainLane .touchpointList li {
  padding: 0px 15px;
}
.presentMainContainer .presenttpField .touchpointMainLane .touchpointList li .tpName {
  position: relative;
  padding-right: 0px !important;
}
.presentMainContainer .presenttpField .touchpointMainLane .touchpointList li .tpName p {
  padding-left: 15px;
  font-size: 13px;
  margin-bottom: 0px;
}
.presentMainContainer .presenttpField .touchpointMainLane .touchpointList li .tpName p .tpNameTxt {
  display: inline-block;
}
.presentMainContainer .presenttpField .touchpointMainLane .touchpointList li .tpName p .tpNameTxt:hover {
  cursor: pointer;
}
.presentMainContainer .presenttpField .touchpointMainLane .touchpointList li .tpName p .tpNameTxt.orangeBorder {
  border-left: 2px solid #f26f1f;
}
.presentMainContainer .presenttpField .touchpointMainLane .touchpointList li .tpName p .tpNameTxt.blueBorder {
  border-left: 2px solid #467aff;
}
.presentMainContainer .presenttpField .touchpointMainLane .touchpointList li .tpName p .tpNameTxt.pinkBorder {
  border-left: 2px solid #c1008a;
}
.presentMainContainer .presenttpField .touchpointMainLane .touchpointList li .tpName p .tpNameTxt.yellowBorder {
  border-left: 2px solid #eef12b;
}
.presentMainContainer .presenttpField .touchpointMainLane .touchpointList li .tpName p .tpNameTxt.redBorder {
  border-left: 2px solid #d0000c;
}
.presentMainContainer .presenttpField .touchpointMainLane .touchpointList li .tpName p .tpNameTxt.greenBorder {
  border-left: 2px solid #0ba32d;
}
.presentMainContainer .presenttpField .touchpointMainLane .touchpointList li .tpName p .tpNameTxt.transparentBorder {
  border-left: 2px solid transparent;
}
.presentMainContainer .presenttpField .touchpointMainLane .touchpointList li .tpName .presenttpIcons {
  text-align: left;
  display: block;
  padding: 0px 30px 0px;
  position: relative;
  right: 10px;
}
@media (min-width: 1299px) and (max-width: 1499px) {
  .presentMainContainer .presenttpField .touchpointMainLane .touchpointList li .tpName .presenttpIcons {
    right: 5px;
  }
}
.presentMainContainer .presenttpField .touchpointMainLane .touchpointList li .tpName .presenttpIcons i {
  color: #7b6c8f;
  font-size: 13px;
  display: inline-block;
  margin-left: 5px;
}
.presentMainContainer .presenttpField .touchpointMainLane .touchpointList li .tpName .moveTpIcon {
  background: linear-gradient(177.49deg, rgba(45, 38, 55, 0) 2.1%, #2d2637 37.61%);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  height: 100%;
  width: 40px;
  position: absolute;
  left: 0;
  top: -8px;
  z-index: 1;
}
.presentMainContainer .presenttpField .touchpointMainLane .touchpointList li .tpName .moveTpIcon i {
  color: #fff;
  font-size: 18px;
}
.presentMainContainer .emotionBlockView .emotionListView {
  margin: 0px auto;
  width: 100%;
}
.presentMainContainer .emotionBlockView .emotionListView li {
  display: block;
  width: 100%;
  margin: 0px 0px 12px 0px;
}
.presentMainContainer .emotionBlockView .emotionListView li .btn {
  border-radius: 3px;
  padding: 5.5px 10px;
  font-size: 13px;
  font-weight: 600;
  color: #110a1a;
}
.presentMainContainer .emotionBlockView .emotionListView li .customBgBtn .emotionMoveIcon {
  display: none;
}
.presentMainContainer .emotionBlockView .emotionListView li .customBgBtn:hover {
  cursor: context-menu;
}
.presentMainContainer .emotionBlockView .emotionListView li .customBgBtn:hover .emotionMoveIcon {
  display: none;
}
.presentMainContainer .PresentemotionLaneLeft p {
  left: -57px;
  width: 125px;
}
.presentMainContainer .presentAttachmentLane li .moveIcon {
  visibility: hidden;
}
.presentMainContainer .presentAttachmentLane li:hover .docIcon {
  visibility: hidden;
}
.presentMainContainer .presentAttachmentLane li:hover .moveIcon {
  visibility: visible;
  margin: 10px 0px 0px;
}
.presentMainContainer .presentDimensionLane li {
  margin: 10px 0px;
}
.presentMainContainer .presentDimensionLane li.brandBg {
  width: 100%;
}
.presentMainContainer .presentDimensionLane li.brandBg img {
  height: 30px;
}
.presentMainContainer .presentDimensionLane .form-group {
  margin: 5px 0px;
}
.presentMainContainer .presentDimensionLane .form-group label {
  color: #fff;
  margin: 0px;
}
.presentMainContainer .presentDimensionLane .form-group p {
  color: #c2b8d0;
  font-size: 12px;
  margin: 0px;
}
.presentMainContainer .presentEpisode h4 {
  padding: 10px 15px;
  font-weight: 600;
  font-size: 13px;
  margin-bottom: 20px;
}
.presentMainContainer .presentEpisode .viewImage {
  position: relative;
}
.presentMainContainer .presentEpisode .viewImage .presentEpisodeNumber {
  background: #110a1a;
  color: #fff;
  font-size: 12px;
  color: #c2b8d0;
  text-align: center;
  padding: 10px;
  height: 40px;
  width: 40px;
  position: absolute;
  top: 10px;
  right: 10px;
  font-weight: 800;
  border-radius: 20px;
  z-index: 1;
}
.presentMainContainer .presentEpisode .viewImage.addImage img {
  object-fit: cover;
  width: 100%;
}
.presentMainContainer .presentEpisode .viewImage.addImage img:hover {
  cursor: pointer !important;
}
.presentMainContainer .emotionList li .emotionBlock .emotionMoveIcon {
  padding: 7px 8px;
}
.presentMainContainer .widgetAreaMainSection .column1 {
  width: 213px;
}
.presentMainContainer .widgetAreaMainSection .innerBoxItem {
  min-width: 23%;
  margin: 0px;
  background: #110a1a;
}
@media (min-width: 1299px) and (max-width: 1699px) {
  .presentMainContainer .widgetAreaMainSection .innerBoxItem {
    min-width: 24.4%;
    margin: 0px 0px;
  }
}
@media (min-width: 3200px) and (max-width: 5199px) {
  .presentMainContainer .widgetAreaMainSection .innerBoxItem {
    min-width: 23.7% !important;
  }
}
.presentMainContainer .journeyMapsection {
  padding: 0 !important;
}
.presentMainContainer .journeyMapsection .innerBoxItem {
  border: 1px solid transparent;
}
.presentMainContainer .journeyMapsection .innerBoxItem.attachmentsLane {
  white-space: nowrap;
}
.presentMainContainer .journeyMapsection .innerBoxItem:nth-child(4n+5), .presentMainContainer .journeyMapsection .innerBoxItem:nth-child(1) {
  border-left: 3px solid transparent;
}
.presentMainContainer .journeyMapsection .widgetArea .widgettopTitle {
  border-right: none;
  background: transparent !important;
  text-align: left;
  min-height: 50px;
  margin: 0 15px;
  padding: 10px 0px;
  width: 100%;
}
.presentMainContainer .journeyMapsection .widgetArea .widgettopTitle p {
  margin: 0px;
}

.addQuoteBtnCenter {
  margin: 0px auto;
}

.presentMainContainer .journeyMapsectionLeft .journeyFirstColumn .commentsMain .commentsMainBlock.showCommentBlock {
  right: -200px;
}
.presentMainContainer .viewEpisodeMode .addImage:hover img {
  cursor: context-menu;
}
.presentMainContainer.active {
  -moz-transition: margin-left 0.5s;
  -o-transition: margin-left 0.5s;
  -webkit-transition: margin-left 0.5s;
  transition: margin-left 0.5s;
}
.presentMainContainer.active #MainRightContent {
  width: 95%;
}
.presentMainContainer.active .journeyMapsectionLeft .column5 {
  padding: 0px 20px;
}
.presentMainContainer .journeyMapsection .journeyMapsectionLeft .statusToggle .inactiveBtn.ihighlight {
  background: #ae6725;
  color: #fff;
  font-size: 13px;
  font-weight: 300;
  border-radius: 2px;
  width: auto !important;
}
.presentMainContainer .leftwrapper .leftwrapperInnerMenu .leftwrapperMiddleSection p {
  top: 50%;
}

@media screen and (max-height: 450px) {
  .sidenav {
    padding-top: 15px;
  }

  .sidenav a {
    font-size: 18px;
  }
}
/*** Comments Main ***/
.CommentsHead {
  font-size: 20px;
  text-align: center;
  color: #fff;
  background: #2d2637;
  z-index: 1;
}

.commentsList {
  margin-top: 65px;
  max-height: calc(100vh - 195px);
  overflow-x: hidden;
  overflow: auto;
}
.commentsList .commentBg {
  background: #110a1a;
  padding: 20px;
  margin: 0px 15px 15px 15px;
  border-radius: 6px;
}
.commentsList .commentBg .commentType {
  color: #fff;
  font-size: 12px;
}
.commentsList .commentBg .commentType h6 {
  font-size: 13px;
  font-weight: 600;
  margin: 0px;
}
.commentsList .commentBg .commentUserDetails {
  margin: 5px 0px;
}
.commentsList .commentBg .commentUserDetails img {
  width: 30px;
  height: 30px;
  border-radius: 75px;
  border: 1px solid #110a1a;
  vertical-align: text-bottom;
  display: inline-block;
}
.commentsList .commentBg .commentUserDetails .commentedTime {
  display: inline-block;
  margin-left: 20px;
  color: #7b6c8f;
}
.commentsList .commentBg .commentBlockBg {
  margin: 10px 0px;
  background: #1f1829;
  padding: 10px;
  border-radius: 6px;
  border: 1px solid #1f1829;
}
.commentsList .commentBg .commentBlockMain {
  background: transparent;
  padding: 0 10px;
  color: #fff;
}
.commentsList .commentBg .commentBlock p {
  margin: 0px;
  font-size: 13px;
  word-wrap: break-word;
}
.commentsList .commentBg .commentReply .commentedTime {
  display: inline-block;
  margin: 0px;
  color: #7b6c8f;
}
.commentsList .commentBg .commentReply .commentDelete {
  position: absolute;
  top: 0;
  right: 10px;
}
.commentsList .commentBg .commentReply p {
  margin: 10px 0px 0px;
}
.commentsList .commentBg .commentReply img {
  float: right;
  height: 24px;
  width: 24px;
  text-align: right;
  cursor: pointer;
}
.commentsList .commentBg .commentDelete {
  text-align: center;
  cursor: pointer;
  color: #7b6c8f;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  margin-top: -5px;
}
.commentsList .commentBg .commentDelete:hover {
  background: #9e0000;
  color: #fff;
}
.commentsList .commentBg .commentDelete img {
  height: 34px;
  width: 34px;
  padding: 8px 4px;
  background: #110a1a;
  border-radius: 20px;
  margin: 0px auto;
}
.commentsList .commentBg .commentDelete img:hover {
  background: #2d2637;
}
.commentsList .commentBg .commentedTime {
  color: rgba(255, 255, 255, 0.3);
  font-size: 12px;
  font-weight: 600;
  padding-right: 20px;
}
.commentsList .commentBg .commentReplyBlock .commentReplyTextarea {
  color: #fff;
  padding: 6px 10px;
  width: 100%;
  font-weight: 600;
  font-size: 13px;
}
.commentsList .commentBg .commentReplyBlock .commentReplyTextarea:focus {
  border: 1px solid #7800ff;
  outline: none;
}
.commentsList .commentBg .commentReplyBlock .commentReplyTextarea::-webkit-input-placeholder {
  color: #7b6c8f;
  opacity: 0.6;
}
.commentsList .commentBg .commentReplyBlock .commentReplyTextarea::-moz-placeholder {
  color: #7b6c8f;
  opacity: 0.6;
}
.commentsList .commentBg .commentReplyBlock .commentReplyTextarea:-ms-input-placeholder {
  color: #7b6c8f;
  opacity: 0.6;
}
.commentsList .commentBg .commentReplyBlock .commentReplyTextarea:-moz-placeholder {
  color: #7b6c8f;
  opacity: 0.6;
}

/**** Journey editor Sticky Header ***/
.leftwrapper.heightToggle {
  height: 50px;
  position: fixed;
  left: 0;
  z-index: 1;
}
.leftwrapper.firstLeftwrapper.heightToggle {
  top: 62px;
}
.leftwrapper.episodeleftWrapper.heightToggle {
  top: 112px;
}
.leftwrapper .leftwrapperTopSection p.showHide {
  display: none;
}

.StickyHeader {
  display: none;
  background: #110a1a;
  height: 50px;
  padding: 10px 15px;
  color: #fff;
  font-size: 13px;
  position: fixed;
  top: 50px;
  width: 100%;
  text-align: center;
  z-index: 9;
  left: 0;
  margin-left: 0 !important;
}
.StickyHeader .topMoreActions {
  position: fixed;
  left: 5px;
}
.StickyHeader.show {
  display: block;
  text-align: center;
}
.StickyHeader .journeySticky {
  text-align: center;
  margin: 0 auto;
  font-size: 13px;
  display: inline-block;
  width: 50%;
}
.StickyHeader .journeySticky,
.StickyHeader .episodeSticky {
  position: relative;
  transition-property: text-align;
  transition-duration: 2s;
}
.StickyHeader .journeySticky.alignTxt,
.StickyHeader .episodeSticky.alignTxt {
  text-align: left;
  color: #7b6c8f;
  position: relative;
}
.StickyHeader .episodeSticky {
  width: 13%;
}
.StickyHeader .episodeSticky.alignTxt:after {
  right: -60px;
}
.StickyHeader .episodeSticky,
.StickyHeader .touchPointSticky {
  width: 13%;
  display: none;
}
.StickyHeader .episodeSticky.show,
.StickyHeader .touchPointSticky.show {
  display: inline-block;
}
.StickyHeader .episodeSticky.show .selectArrowMain,
.StickyHeader .touchPointSticky.show .selectArrowMain {
  margin: 0px;
}
.StickyHeader .episodeSticky.show .selectArrowMain.formsection .form-group,
.StickyHeader .touchPointSticky.show .selectArrowMain.formsection .form-group {
  margin: 0 !important;
}
.StickyHeader .episodeSticky.show .selectArrowMain .bootstrap-select .dropdown-toggle,
.StickyHeader .touchPointSticky.show .selectArrowMain .bootstrap-select .dropdown-toggle {
  background: #110a1a !important;
  border: 1px solid #110a1a !important;
  padding: 6px;
}
.StickyHeader .episodeSticky.show .selectArrowMain .bootstrap-select .dropdown-toggle::after,
.StickyHeader .touchPointSticky.show .selectArrowMain .bootstrap-select .dropdown-toggle::after {
  border: none;
}
.StickyHeader .episodeSticky.show .selectArrowMain .bootstrap-select .dropdown-toggle:focus,
.StickyHeader .touchPointSticky.show .selectArrowMain .bootstrap-select .dropdown-toggle:focus {
  border: 1px solid #110a1a !important;
  outline: none !important;
}
.StickyHeader .episodeSticky.show .selectArrowMain .bootstrap-select .dropdown-toggle .filter-option-inner-inner,
.StickyHeader .touchPointSticky.show .selectArrowMain .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  font-size: 13px;
  font-size: 400 !important;
}
.StickyHeader .episodeSticky.show .selectArrowMain .bootstrap-select .dropdown-menu li a,
.StickyHeader .touchPointSticky.show .selectArrowMain .bootstrap-select .dropdown-menu li a {
  font-size: 13px;
}
.StickyHeader .touchPointSticky {
  width: 40%;
  float: right;
}
.StickyHeader .journeySticky p,
.StickyHeader .episodeSticky p,
.StickyHeader .touchPointSticky p {
  margin: 5px 0px -195px;
}

.widgetArea .AttachmentsMain.ListwithFiles .emotionListView li {
  padding: 0px !important;
}

/*** Sticky Title ***/
.episodesMainDiv.StickyEpisodeBlock {
  min-height: 0 !important;
  height: 0 !important;
}
.episodesMainDiv.StickyEpisodeBlock .presentEpisode.stickyEpisode h4.stickyTitle {
  background: #1f1829;
  padding: 8px 10px;
  position: fixed;
  top: 113px;
  width: 13.3%;
  display: block;
  z-index: 9;
  font-size: 14px;
  color: #c2b8d0;
  margin-left: 45px;
  cursor: pointer;
  min-height: 50px;
}
.episodesMainDiv.StickyEpisodeBlock .presentEpisode.stickyEpisode h4.stickyTitle span {
  margin-right: 10px;
}
.episodesMainDiv.StickyEpisodeBlock .presentEpisode.stickyEpisode .addImage,
.episodesMainDiv.StickyEpisodeBlock .presentEpisode.stickyEpisode .episodeDescription {
  display: none !important;
  height: 0;
}
.episodesMainDiv.StickyEpisodeBlock .presentEpisode .viewEpisodeMode .viewImage {
  overflow: inherit;
}
.episodesMainDiv.StickyEpisodeBlock .presentEpisode .widgetArea .addImage:hover {
  background: #1f1829;
}

.episodeLeftTitle.episodeShowHide {
  display: none !important;
}

.stickyJourneyEpisode {
  position: relative;
}

/*** Episode details Popup ***/
.bottomToTopModal .modal-dialog {
  position: relative;
  bottom: 0;
  margin: 70px auto 0;
  max-width: 100%;
  width: 100%;
  height: auto;
  -webkit-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
  transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
}
.bottomToTopModal.modal.fade.in .modal-dialog {
  bottom: 0;
  opacity: 1;
}

.episodeDetailsModal.newModal {
  background: transparent !important;
  z-index: 98;
  left: -2px;
}
.episodeDetailsModal.newModal.touchpointDetailsModal {
  top: -20px;
  padding: 0 !important;
}
.episodeDetailsModal.newModal.touchpointDetailsModal .addtpModalBody {
  padding: 0px 0px 50px 0px;
}
.episodeDetailsModal.newModal.touchpointDetailsModal .widgetAreaMainSection .innerBoxItem {
  margin: 0px;
}
.episodeDetailsModal.newModal.touchpointDetailsModal .selectArrowMain .filter-option-inner-inner:after {
  width: 6%;
}
.episodeDetailsModal.newModal.touchpointDetailsModal .tptopInnerSection .commentsIconPos {
  left: -5px;
  top: 15px;
}
.episodeDetailsModal.newModal.touchpointDetailsModal .tptopInnerSection .commentsMain .commentsMainBlock.showCommentBlock {
  right: auto;
  left: 20px;
}
.episodeDetailsModal.newModal.touchpointDetailsModal .tptopInnerSection .commentsMain .commentsMainBlock.showCommentBlock .commentTxtBlockInner textarea {
  height: 60px !important;
}
.episodeDetailsModal.newModal.touchpointDetailsModal .quotesCarouselPresent .quotesWidgetArea {
  margin: 20px !important;
}
.episodeDetailsModal.newModal .modal-body {
  padding: 0px;
}
.episodeDetailsModal.newModal .journeyMapsection .widgetAreaMainSection .innerBoxItem {
  width: 21.8%;
  padding: 5px 20px;
  margin: 15px;
}
@media (min-width: 1299px) and (max-width: 1499px) {
  .episodeDetailsModal.newModal .journeyMapsection .widgetAreaMainSection .innerBoxItem {
    width: 30.8%;
  }
}
.episodeDetailsModal.newModal .journeyMapsection .widgetAreaMainSection .addImage {
  margin: 0 auto;
  height: 7vw;
}
.episodeDetailsModal.newModal .presenttpField .touchpointMainLane .form-group {
  margin: 0px !important;
}
.episodeDetailsModal.newModal .presenttpField .touchpointMainLane .touchpointList li {
  margin: 0px !important;
}
.episodeDetailsModal.newModal .presenttpField .touchpointMainLane .touchpointList li .tpName {
  padding: 0px 0px 10px 5px;
}
.episodeDetailsModal.newModal .presenttpField .touchpointMainLane .touchpointList li .tpName:hover {
  cursor: pointer;
}
.episodeDetailsModal.newModal .episodeDetailInner .commentsIconPos {
  right: 70px;
  top: -7px;
}
.episodeDetailsModal.newModal .episodeDetailInner .episodeViewTpMain .crChannelview {
  margin: 0px;
}
.episodeDetailsModal.newModal .episodeDetailInner .episodeViewTpMain .rightMiddleContent {
  padding-left: 15px;
}
.episodeDetailsModal.newModal .episodeDetailInner .episodeViewTpMain .accordionMainBlockRight .touchpointMainLane .commentsIconPos {
  right: -20px;
  top: -17px;
}
.episodeDetailsModal.newModal .episodeDetailInner .episodeViewTpMain .accordionMainBlockRight .touchpointMainLane .commentsIconPos .commentsIcon {
  z-index: 1;
  top: -10px;
  right: -14px;
}
.episodeDetailsModal.newModal .episodeDetailInner .leftwrapperInnerMenu .commentsIcon {
  top: -5px;
  left: 25px;
}
.episodeDetailsModal.newModal .RightTPScroll .episodeViewTpMain .rightMiddleContent .width-14.innerBoxItem {
  border-top: 0px solid #110a1a;
}
.episodeDetailsModal.newModal .RightTPScroll .episodeViewTpMain .rightMiddleContent .width-14.innerBoxItem:last-child {
  border-right: 2px solid #110a1a;
}
.episodeDetailsModal.newModal .foldinFoldOutWidgets.show {
  height: auto !important;
}
.episodeDetailsModal.newModal .foldinFoldOutWidgets.show:before {
  background: transparent;
}

.episodeModalOpen .StickyHeader {
  left: auto;
  width: 100%;
  margin-left: -15px !important;
}
.episodeModalOpen .modal-backdrop.show {
  opacity: 1 !important;
  background: transparent !important;
  display: none;
}
.episodeModalOpen .episodeDetailsModal {
  overflow: hidden;
}

.episodeDetailInner {
  height: calc(100vh - 60px) !important;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0px 20px 50px 0px;
  /*** TP Episode View ***/
}
.episodeDetailInner .episodeDetailInnerRight {
  padding-left: 40px;
}
.episodeDetailInner .widgetAreaMainSection .innerBoxItem {
  background: #150e1f;
  margin: 0px 10px 10px;
  min-width: 205px;
}
.episodeDetailInner .widgetAreaMainSection .widgetArea .widgettopTitle {
  width: 118%;
}
.episodeDetailInner .widgetAreaMainSection .widgetArea .widgettopTitle p {
  margin: 0px;
}
.episodeDetailInner .JourneyRightContent {
  display: block;
  padding: 40px 0;
}
.episodeDetailInner .JourneyRightContent .modalClose .close {
  font-size: 30px;
  text-shadow: none;
  color: #7b6c8f;
  margin-top: -20px;
}
.episodeDetailInner .JourneyRightContent .modalClose .close:focus {
  outline: none;
}
.episodeDetailInner .leftwrapper {
  left: 0;
  z-index: 9999;
}
.episodeDetailInner .episodeViewLanes .innerBoxItem {
  border-top: 2px solid #110a1a;
  border-right: 2px solid #110a1a;
  border-bottom: 2px solid #110a1a !important;
}
.episodeDetailInner .episodeViewTpMain .tpName {
  border-bottom: 2px solid #110a1a;
  padding: 10px 15px;
  margin: 0px 10px;
}
.episodeDetailInner .episodeViewTpMain .crChannelview {
  margin: 0px 10px;
}
.episodeDetailInner .episodeViewTpMain .crChannelview .crChannelviewInner {
  margin: 20px 0px;
  line-height: 18px;
}
.episodeDetailInner .episodeViewTpMain .crChannelview .crChannelviewInner p,
.episodeDetailInner .episodeViewTpMain .crChannelview .crChannelviewInner small {
  font-size: 12px;
  font-weight: 600;
}
.episodeDetailInner .episodeViewTpMain .crChannelview .crChannelviewInner p {
  color: #c2b8d0;
  margin: 0px;
}
.episodeDetailInner .episodeViewTpMain .crChannelview .crChannelviewInner small {
  color: #7b6c8f;
}
.episodeDetailInner .episodeViewTpMain .touchpointList {
  width: auto;
}
.episodeDetailInner .episodeViewTpMain .touchpointList li:hover {
  background: transparent;
}

/*** Touch Point Detail View ***/
.touchpointDetailsModal .tptopInnerSection .tpTitle {
  font-size: 18px;
  color: #fff;
}
.touchpointDetailsModal .tptopInnerSection .addedCrTxt,
.touchpointDetailsModal .tptopInnerSection .addedchannelTxt {
  color: #7b6c8f;
  font-family: "Roboto Mono", monospace;
}
.touchpointDetailsModal .connectedKpiWidgetList {
  padding: 20px 0px;
}
.touchpointDetailsModal .iconListview {
  padding: 20px 15px;
}
.touchpointDetailsModal .quotesWidgetArea {
  padding: 0px;
  margin: 0px !important;
  border: none !important;
}
.touchpointDetailsModal .emptyBoxetArea {
  min-height: 200px;
}
.touchpointDetailsModal .addtpModalBody .tpwidgetAreaMainSection .innerBoxItem {
  margin: 0px;
}
.touchpointDetailsModal .widgetArea .AttachmentsMain.ListwithFiles li.addFadeout:after {
  top: 6px;
  right: 20px;
  content: "";
  width: 15%;
  height: 20%;
}
.touchpointDetailsModal .tpwidgetAreaMainSection {
  height: 23vw;
  overflow-x: hidden;
  overflow-y: auto;
  white-space: nowrap;
  width: 100%;
  padding-bottom: 100px;
}
.touchpointDetailsModal .tpwidgetAreaMainSection .addedtextfield {
  padding: 5px 20px;
  font-size: 13px;
}
.touchpointDetailsModal .tpwidgetAreaMainSection .widgetArea .addImage {
  width: 100%;
}
.touchpointDetailsModal .tpwidgetAreaMainSection .widgetArea .addImage img {
  border-radius: 0px;
  object-fit: cover;
  width: 100%;
}
.touchpointDetailsModal .tpwidgetAreaMainSection .iconListview li {
  margin: 10px 15px;
}
.touchpointDetailsModal .tpwidgetAreaMainSection .presentDimensionLane .editDimensions {
  padding: 10px 15px;
}

.foldinFoldOutWidgets {
  position: relative;
  transition: 2s linear ease-in;
}
.foldinFoldOutWidgets .firstLeftwrapper {
  height: 400px;
}
.foldinFoldOutWidgets .firstLeftwrapper.fixedJourneyClass {
  height: 50px;
}
.foldinFoldOutWidgets::before {
  position: absolute;
  bottom: 0;
  width: 100%;
  content: "";
  z-index: 1;
  width: 100%;
  height: 150px;
  background: linear-gradient(rgba(0, 0, 0, 0) 0%, #110a1a 100%) !important;
}
.foldinFoldOutWidgets #MainRightContent,
.foldinFoldOutWidgets .episodeDetailInnerRight {
  height: 500px;
  overflow: hidden;
}
.foldinFoldOutWidgets.show #MainRightContent,
.foldinFoldOutWidgets.show .episodeDetailInnerRight {
  height: auto;
  overflow: visible;
}
.foldinFoldOutWidgets.show::before {
  background: none !important;
  height: auto;
}
.foldinFoldOutWidgets.show .firstLeftwrapper {
  height: auto;
}
.foldinFoldOutWidgets.show .firstLeftwrapper.fixedJourneyClass {
  height: 50px;
}
.foldinFoldOutWidgets.stickyJourneyEpisode {
  height: auto;
}
.foldinFoldOutWidgets.stickyJourneyEpisode::before {
  background: transparent;
}

.presentMainContainer .leftwrapper .leftwrapperInnerMenu .commentsMainBlock {
  left: 86px;
}
.presentMainContainer .leftwrapper .leftwrapperInnerMenu .leftwrapperMiddleSection.KPIAlignment p {
  left: -75px;
  width: 150px;
}
.presentMainContainer .journeyFirstColumn .viewEpisodeMode .addImage:hover {
  background: #1f1829;
  cursor: auto;
}
.presentMainContainer .journeyFirstColumn .viewEpisodeMode .addImage .insertimgTxt:hover img {
  cursor: pointer;
}
.presentMainContainer .episodeDetailsModal {
  padding: 0px !important;
}
.presentMainContainer .episodeDetailsModal .presentDimensionLane li.brandBg {
  width: 100%;
}
.presentMainContainer .episodesMainDiv.stickyEpisodes {
  border-bottom: 2px solid transparent;
}
.presentMainContainer .episodesMainDiv.stickyEpisodes .topMoreActions {
  position: fixed;
  left: 5px;
  top: 120px;
  z-index: 1;
}
.presentMainContainer .rightMiddleContent .width-14.innerBoxItem:last-child {
  border-top: 0px solid #3f3449;
  border-left: 0px solid #3f3449;
  border-bottom: 2px solid #3f3449;
  border-right: 3px solid #3f3449;
}
.presentMainContainer .statusToggle button:hover,
.presentMainContainer .statusToggleBtn button:hover {
  cursor: context-menu;
}
.presentMainContainer .touchpointDetailsModal .addtpModalBody .tpwidgetAreaMainSection .innerBoxItem {
  padding: 0px;
  margin: 10px;
}
.presentMainContainer .touchpointDetailsModal .addtpModalBody .tpwidgetAreaMainSection .innerBoxItem .widgetArea {
  margin: 0px;
}
.presentMainContainer .episodeDetailsModal.newModal .presenttpField .touchpointMainLane .touchpointList li .tpName {
  min-height: 110px;
}

#episodeDetailsModal .modal-content {
  position: relative;
  top: -11px;
}
#episodeDetailsModal .foldinFoldOutWidgets::before {
  background: linear-gradient(rgba(0, 0, 0, 0) 0%, #2d2637 100%) !important;
}

.tpviewFooter .saveCancelbtns {
  border-top: 2px solid #110a1a;
  padding: 20px;
}
.tpviewFooter .saveCancelbtns div {
  margin: 0 auto;
  text-align: center;
}

.deleteCommentModal .modal-md {
  max-width: 500px;
}
.deleteCommentModal .saveCancelbtns .delete-btn {
  -webkit-box-shadow: 0px 4px 4px #000;
  -moz-box-shadow: 0px 4px 4px #000;
  -ms-box-shadow: 0px 4px 4px #000;
  -o-box-shadow: 0px 4px 4px #000;
  box-shadow: 0px 4px 4px #000;
  padding: 12px 20px !important;
  font-weight: 600;
}

.presentAttachmentLane {
  padding-top: 10px;
}
.presentAttachmentLane .widgetArea {
  margin: 0px;
}
.presentAttachmentLane .widgetArea .AttachmentsMain.ListwithFiles.formsection .form-group {
  margin: 0px;
}
.presentAttachmentLane .widgetArea .AttachmentsMain.ListwithFiles li {
  padding: 10px 0px;
}
.presentAttachmentLane .widgetArea .AttachmentsMain.ListwithFiles li.addFadeout:after {
  top: 14px;
  right: 15px;
}
.presentAttachmentLane .widgetArea .AttachmentsMain.ListwithFiles li h5 a {
  color: #c2b8d0;
}
.presentAttachmentLane .widgetArea .AttachmentsMain.ListwithFiles li:hover:after {
  top: 14px;
  right: 15px;
}

.widgetAreaMainSection .widgetArea .AttachmentsMain.ListwithFiles li.addFadeout:hover:after {
  background: linear-gradient(177.49deg, rgba(31, 24, 41, 0) 2.1%, #1f1829 37.61%);
}
.widgetAreaMainSection .videoMainDdiv .viewImage {
  overflow: visible;
}
.widgetAreaMainSection .videoMainDdiv .viewImage img {
  border-radius: 20px;
}

.addtouchpointModal .addTpInner {
  height: 100vh;
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 40px;
}

.presentMainContainer .episodesMainDiv {
  margin: 0 20px 0 0;
  min-height: auto;
}

.presentMainContainer .emotionMoveIcon {
  padding: 8px;
}

.selectedLanguage h6 {
  color: #fff;
  font-size: 13px;
  font-weight: 600;
}
.selectedLanguage p {
  color: #c2b8d0;
  font-weight: 500;
  font-size: 13px;
  margin: 0px;
}

.tpwidgetAreaMainSection.widgetAreaMainSection .widgetArea.emotionList {
  padding: 0px 5px;
}
.tpwidgetAreaMainSection.widgetAreaMainSection .widgetArea.emotionList:first-child {
  padding-top: 20px;
}
.tpwidgetAreaMainSection.widgetAreaMainSection .imagevideoView {
  padding: 0px 20px;
}

.accordionMainBlock .presentMedia .viewEpisodeMode .addImage .episodeImage {
  object-fit: cover;
  width: 100%;
}
.accordionMainBlock .presentMedia .viewEpisodeMode .videoMainDdiv {
  height: 8vw;
}

.accordionMainBlockRight,
.episodeRightBlock {
  padding-left: 14px !important;
}

.episodeRightBlock .presentMedia .episodeTitle:hover {
  cursor: pointer;
}
.episodeRightBlock .presentMedia .innerBoxItem:last-child {
  border-right: 3px solid #1f1829;
}

.EpisodeRightContentCollapsed {
  position: fixed;
  padding-left: 36px !important;
}
.EpisodeRightContentCollapsed .width-14 {
  width: 11%;
  background: #1f1829;
  min-height: 49px;
}
.EpisodeRightContentCollapsed .width-14.innerBoxItem {
  border-right: 2px solid #110a1a;
}
.EpisodeRightContentCollapsed .width-14.innerBoxItem:first-child {
  border-left: 0;
}
.EpisodeRightContentCollapsed .width-14 .presentEpisode.stickyEpisode h4 {
  text-align: center;
  margin: 0px;
  font-size: 13px;
}
.EpisodeRightContentCollapsed .width-14 .presentEpisode.stickyEpisode h4 span {
  margin-right: 8px;
}

.fixedEpisodeMapClose {
  z-index: 3;
}

.presenttpField {
  margin-bottom: 10px;
}
.presenttpField:last-child {
  margin-bottom: 15px;
}

.bodyClassMapCloseEpOpen .footerContainer {
  margin: 20px 0px 50px;
}

.presentMainContainer.active .journeyFirstColumn .widgetArea .addImage {
  width: 100%;
}
.presentMainContainer.active .EpisodeRightContentCollapsed .width-14 {
  cursor: pointer;
  width: 13%;
}
.presentMainContainer .journeyFirstColumn .widgetArea .addImage {
  width: 100%;
}
.presentMainContainer .journeyFirstColumn .widgetArea .addImage.viewImage {
  overflow: inherit;
}
.presentMainContainer .journeyFirstColumn .widgetArea .formsection .form-group {
  margin-bottom: 10px;
}
.presentMainContainer .widgetArea .AttachmentsMain.ListwithFiles li .moveIcon {
  display: none;
}
.presentMainContainer .widgetArea .AttachmentsMain.ListwithFiles li:hover {
  background: transparent;
  cursor: context-menu;
}
.presentMainContainer .widgetArea .AttachmentsMain.ListwithFiles li:hover .moveIcon {
  visibility: hidden;
}
.presentMainContainer .widgetArea .AttachmentsMain.ListwithFiles li:hover .docIcon {
  visibility: visible;
}
.presentMainContainer .emotionList ul li .emotionBlock a:hover {
  cursor: context-menu;
}
.presentMainContainer .emotionList ul li .emotionBlock a .emotionMoveIcon {
  display: none;
}

.episodeDetailsModal,
.addtouchpointModal {
  padding: 0px;
}
.episodeDetailsModal .presentMedia .viewEpisodeMode .videoMainDdiv,
.addtouchpointModal .presentMedia .viewEpisodeMode .videoMainDdiv {
  height: 8vw;
}
.episodeDetailsModal .StickyHeader,
.addtouchpointModal .StickyHeader {
  z-index: 99999;
  display: block;
  top: -10px;
  left: 0;
  margin: 0 !important;
}
.episodeDetailsModal .StickyHeader .journeySticky,
.addtouchpointModal .StickyHeader .journeySticky {
  text-align: left;
  position: absolute;
  left: 80px;
  width: 25%;
  white-space: nowrap;
}
.episodeDetailsModal .StickyHeader .journeySticky p,
.addtouchpointModal .StickyHeader .journeySticky p {
  color: #7b6c8f;
  font-weight: 700;
}
.episodeDetailsModal .StickyHeader .episodeSticky,
.episodeDetailsModal .StickyHeader .touchPointSticky,
.addtouchpointModal .StickyHeader .episodeSticky,
.addtouchpointModal .StickyHeader .touchPointSticky {
  display: inline-block;
  width: 20%;
}
.episodeDetailsModal .StickyHeader .episodeSticky .selectArrowMain .bootstrap-select .dropdown-toggle,
.episodeDetailsModal .StickyHeader .touchPointSticky .selectArrowMain .bootstrap-select .dropdown-toggle,
.addtouchpointModal .StickyHeader .episodeSticky .selectArrowMain .bootstrap-select .dropdown-toggle,
.addtouchpointModal .StickyHeader .touchPointSticky .selectArrowMain .bootstrap-select .dropdown-toggle {
  background: #110a1a !important;
  box-shadow: none;
}
.episodeDetailsModal .StickyHeader .episodeSticky .selectArrowMain .bootstrap-select .dropdown-toggle:after,
.episodeDetailsModal .StickyHeader .touchPointSticky .selectArrowMain .bootstrap-select .dropdown-toggle:after,
.addtouchpointModal .StickyHeader .episodeSticky .selectArrowMain .bootstrap-select .dropdown-toggle:after,
.addtouchpointModal .StickyHeader .touchPointSticky .selectArrowMain .bootstrap-select .dropdown-toggle:after {
  top: 6px;
  border: 0;
  color: #fff;
}
.episodeDetailsModal .StickyHeader .touchPointSticky,
.addtouchpointModal .StickyHeader .touchPointSticky {
  float: none;
  padding-left: 80px;
  text-align: left;
}
.episodeDetailsModal .StickyHeader .touchPointSticky p:hover,
.addtouchpointModal .StickyHeader .touchPointSticky p:hover {
  cursor: pointer;
}

.touchpointDetailsModal .StickyHeader {
  top: 0;
}
.touchpointDetailsModal .addImagebody {
  padding-top: 30px;
}

.episodeDetailsModal .StickyHeader {
  top: 2px !important;
}

.tpWidgetsArea .tpwidgetAreaMainSection .commentsMain .commentsMainBlock.showCommentBlock {
  right: -67px !important;
}
.tpWidgetsArea .tpwidgetAreaMainSection .commentsMain .commentsMainBlock textarea {
  font-family: "Inter", sans-serif;
}
.tpWidgetsArea .tpwidgetAreaMainSection .width-14.innerBoxItem:nth-child(4n+6) .commentsMain .commentsMainBlock.showCommentBlock {
  right: -130px;
}

.presentEpisode .addImage:hover {
  background: #1f1829;
}

.presentEmotionCurveMain.rightMiddleContent {
  display: block;
}
.presentEmotionCurveMain.rightMiddleContent .emotionCurveMainBlock {
  padding-right: 5px;
}
.presentEmotionCurveMain .emotionBlocksBg::before {
  height: 0px;
  outline: 2px solid #1f1829;
  top: 3px;
}
.presentEmotionCurveMain .emotionBlocksBg::after {
  bottom: -1px;
  outline: 2px solid #1f1829;
  height: 0px;
}

.AttachmentsMain.ListwithFiles li.addFadeout:after {
  top: 14px;
  right: 15px;
}
.AttachmentsMain.ListwithFiles li h5 a {
  color: #c2b8d0;
}
.AttachmentsMain.ListwithFiles li:hover:after {
  top: 14px;
  right: 15px;
}

.videoMainDdiv.viewImage span img:hover {
  cursor: pointer;
}

.presentMainContainer.active .journeyMapsection .journeyMapsectionLeft .statusToggle .inactiveBtn.ihighlight {
  width: 60%;
}
@media (min-width: 1299px) and (max-width: 1599px) {
  .presentMainContainer.active .journeyMapsection .journeyMapsectionLeft .statusToggle .inactiveBtn.ihighlight {
    width: auto !important;
  }
}

#episodeDetailsModal .episodeDetailInner {
  overflow-x: auto;
  border-bottom: 10px solid #1f1829;
  border-right: 5px solid #1f1829;
}

.episodeMainBlock .presentMedia .innerBoxItem:hover {
  background: #2d2637;
  cursor: pointer;
}

/*** Arrow ***/
.topMoreActions {
  position: absolute;
  left: -9px;
}
.topMoreActions .leftBlockArrow {
  background: #110a1a;
  display: block;
  text-align: center;
  padding: 5px 10px;
  height: 32px;
  width: 32px;
  border-radius: 50px;
}
.topMoreActions .leftBlockArrow i {
  color: #7b6c8f;
  font-size: 20px;
  font-weight: 900;
}

.leftNospace {
  left: 0px !important;
}

.episodeRightBlock .presentMedia .width-14 .stickyEpisode {
  margin: 19px 0px;
}

.editor-item ul,
.ckeditor ul {
  padding-left: 20px;
}
.editor-item ul li,
.ckeditor ul li {
  list-style-type: disc !important;
}

.editor-item ol,
.ckeditor ol {
  padding-left: 20px;
}
.editor-item ol li,
.ckeditor ol li {
  list-style-type: decimal !important;
}

.stickyPresent .StickyHeader {
  top: 0px !important;
}

.presentSticky {
  margin: 9px 0px !important;
}

.stickyComments-open {
  left: auto;
  width: calc(100% - 350px);
  margin-left: -65px !important;
}
.stickyComments-open .journeySticky {
  width: 100%;
  height: 100%;
}
.stickyComments-open .journeySticky .topMoreActions {
  left: auto;
}

.stickyComments-close {
  left: auto;
  width: calc(100% - 0px);
  margin-left: -65px !important;
}
.stickyComments-close .journeySticky {
  width: 100%;
  height: 100%;
}
.stickyComments-close .journeySticky .topMoreActions {
  left: 5;
}

.width-14 .stickyEpisode {
  margin: 19px 0px;
}

.presentMainContainer .presentEpisode h4 {
  padding: 0px;
}

.BgPanel {
  background: #110a1a;
}

.sticky[data-v-442abebf] {
  z-index: 90;
}

.sticky[data-v-4c6f38c6] {
  z-index: 90;
}

.presentMainContainer .episodeDetailsModal.newModal .presenttpField .touchpointMainLane .touchpointList li .tpName {
  height: auto;
}

.form-control.selectHeight1 {
  height: 40px;
}

.selectHeight1 {
  height: 40px;
}

.bootstrap-select.show-tick {
  height: 40px;
}

.form-control.sentiment {
  height: 40px;
}

.quotesWidgetArea .carousel-inner .bootstrap-select .dropdown-toggle:after {
  right: 15px !important;
  top: 2px !important;
}

.bootstrap-select > .dropdown-toggle:after {
  margin-top: 0px;
}

.bootstrap-select .dropdown-toggle .filter-option {
  margin-top: 1px;
}

.p-10 {
  padding: 10px !important;
}

.leftNospace {
  left: 0px !important;
}

.presentEpisodeModalSpace .modal-dialog {
  margin: 50px auto 0 !important;
}

.presentEpisodeModalSpace .StickyHeader {
  top: 0px !important;
}

.presentEpisodeModalSpace .modal-content {
  top: 0px !important;
}

.presentEpisodeModalSpace .StickyHeader .form-group {
  margin: 0px;
  top: -3px;
}

.touchItemShow .touchpointMainLane .touchpointList {
  position: relative;
  left: 0 !important;
  width: 100% !important;
  padding: 21px !important;
  background: #2d2637;
  border-radius: 10px;
}

.touchItemShow .touchpointMainLane .touchpointList li .tpName {
  padding: 0px !important;
}

.touchItemShow .touchpointMainLane .touchpointList li {
  padding: 0px 0px !important;
}

.m-0 {
  margin: 0px !important;
}

.p-0 {
  padding: 0px !important;
}

.touchItemShow .touchpointMainLane.widgetArea {
  margin: 20px 0px 0px;
}

.presentEpisodeBox .presentEpisode .addImage {
  border: none !important;
}
.presentEpisodeBox .presentEpisode h4 {
  margin-bottom: 0px !important;
  padding: 20px 20px 0px 20px !important;
  font-weight: 600;
  font-size: 13px;
}
.presentEpisodeBox .presentEpisode p.episodeDescription {
  margin-bottom: 0px !important;
  padding: 20px !important;
}
.presentEpisodeBox .presentEpisode p.episodeDescription p {
  margin: 0px !important;
}

.presentEpisodetextarea .form-group {
  margin: 0px !important;
}
.presentEpisodetextarea p {
  margin: 0px !important;
  padding: 0px !important;
}

.presentEpisodemedia .addImage {
  border: none !important;
}

.presentEpisode-emotion .draggable-item {
  height: 100%;
}
.presentEpisode-emotion .draggable-item .draggable-item-text-emotion {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  margin: 0px !important;
}
.presentEpisode-emotion .draggable-item .draggable-item-text-emotion .emotionListView li:nth-last-child(1) {
  margin-bottom: 0px !important;
}

.presentEpisodeDocs ul li img {
  margin-left: 5px;
}
.presentEpisodeDocs ul li:hover {
  background: #1f1829 !important;
  margin-left: 5px;
}

.presentHeaderBorder {
  margin: 0px;
  border-bottom: solid 2px #000;
  padding-top: 30px;
  padding-bottom: 15px;
  margin-bottom: 15px !important;
}

.presentEpisodeclose {
  margin-top: 25px;
}

.selectInvisible {
  border: none !important;
}
.selectInvisible button {
  padding: 10px 10px 10px 10px !important;
}

.selectInvisible.bootstrap-select .dropdown-toggle:after {
  top: 10px !important;
}

.touchPointLevelEditmode {
  float: left;
}
.touchPointLevelEditmode.box1 {
  width: 50%;
  position: relative;
}
.touchPointLevelEditmode.box1 p {
  margin: 0px;
}
.touchPointLevelEditmode.box2 {
  width: 25%;
}
.touchPointLevelEditmode.box3 {
  width: 25%;
}

.presntTouchpointclose span {
  top: 70px !important;
  right: -44% !important;
}

.hide-move i {
  display: none;
}

.stickyFontsize {
  font-size: 13px;
}

/***********BreadCrumb********/
.m-edit-present-breadcrumbtext {
  width: auto !important;
  min-width: 145px;
  position: relative !important;
  max-width: 40%;
  left: 0 !important;
  line-height: 30px;
}
.m-edit-present-breadcrumbtext.presentEpi-mode {
  max-width: 48%;
  min-width: 10px;
}
.m-edit-present-breadcrumbtext p {
  margin: 0px !important;
  overflow: hidden;
  white-space: nowrap;
}

.m-edit-present-breadcrumb {
  width: auto !important;
  top: -12px !important;
  min-width: 10px;
  max-width: 29.5%;
  padding-left: 40px !important;
}
.m-edit-present-breadcrumb .selectArrowMain .bootstrap-select .dropdown-toggle:after {
  right: 5px;
  margin-right: 5px;
  margin-left: 5px;
  top: 4px !important;
}
.m-edit-present-breadcrumb .selectArrowMain .bootstrap-select .dropdown-toggle .filter-option {
  margin-top: 3px;
}
.m-edit-present-breadcrumb .selectArrowMain .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  padding-right: 15px;
}
.m-edit-present-breadcrumb.inactive .dropdown-toggle:after {
  color: #7b6c8f !important;
}
.m-edit-present-breadcrumb.inactive .filter-option-inner-inner {
  color: #7b6c8f !important;
  font-weight: 700 !important;
  font-size: 13px !important;
}
.m-edit-present-breadcrumb.presentEpi-mode {
  max-width: 45% !important;
}
.m-edit-present-breadcrumb.presentEpi-mode .selectArrowMain .bootstrap-select .dropdown-toggle:after {
  top: 7px !important;
}
.m-edit-present-breadcrumb.presentEpi-mode .filter-option-inner-inner {
  font-size: 12px;
  padding-top: 4px !important;
}
.m-edit-present-breadcrumb.presentEpi-mode.editmap {
  max-width: 45% !important;
}
.m-edit-present-breadcrumb.presentEpi-mode.editmap .selectArrowMain .bootstrap-select .dropdown-toggle:after {
  top: 4px !important;
}
.m-edit-present-breadcrumb.presentEpi-mode.editmap .filter-option-inner-inner {
  font-size: 13px;
  padding-top: 1px !important;
}
.m-edit-present-breadcrumb .form-group {
  margin: 0px !important;
}
.m-edit-present-breadcrumb button {
  height: 30px;
  padding: 0px !important;
  border: 0px solid #110a1a !important;
  line-height: 30px;
}
.m-edit-present-breadcrumb .dropdown-menu {
  top: 10px !important;
}

/***********End BreadCrumb********/
.noPaddContent {
  padding: 0px !important;
}

.noMarginContent {
  margin: 0px !important;
}

.noBorder {
  border: solid 0px #000 !important;
}

.editEpisodeClose button {
  margin-top: 25px !important;
}

.pl-50 {
  padding-left: 50px !important;
}

.touchPointTopSpace {
  padding-top: 60px !important;
}

/*--------Breadcrumb Menu------*/
.breadCrumbmenumain {
  background: #110a1a;
  width: 100%;
  display: block;
  float: left;
  padding: 0px;
}
.breadCrumbmenumain.level3 .journey p {
  color: #7b6c8f;
}
.breadCrumbmenumain.level3 .episode .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  color: #7b6c8f !important;
}
.breadCrumbmenumain.level3 .tochupoint:after {
  display: block;
  content: "";
  position: absolute;
  height: 100%;
  width: 22px;
  right: -8px;
  top: 0px;
  background-color: #2d2637;
  transform: skew(25deg);
  -webkit-transform: skew(25deg);
  -moz-transform: skew(25deg);
  -ms-transform: skew(25deg);
  -o-transform: skew(25deg);
}
.breadCrumbmenumain.level2 .topMoreActions {
  z-index: 1000;
  top: 10px;
}
.breadCrumbmenumain.level2 .journey p {
  color: #7b6c8f;
  padding-left: 25px;
}
.breadCrumbmenumain.level2 .episode:after {
  display: block;
  content: "";
  position: absolute;
  height: 100%;
  width: 22px;
  right: -8px;
  top: 0px;
  background-color: #271b37;
  transform: skew(25deg);
  -webkit-transform: skew(25deg);
  -moz-transform: skew(25deg);
  -ms-transform: skew(25deg);
  -o-transform: skew(25deg);
}
.breadCrumbmenumain.level2 .journey {
  min-width: 10px;
  max-width: 60% !important;
  width: 60% !important;
}
.breadCrumbmenumain.level2 .episode {
  min-width: 10px;
  max-width: 40% !important;
  width: 40% !important;
}
.breadCrumbmenumain .crumbmain {
  float: left;
  padding: 0;
  list-style: none;
  list-style-image: none;
  display: inline-block;
  position: relative;
  transform: skew(-25deg);
  -webkit-transform: skew(-25deg);
  -moz-transform: skew(-25deg);
  -ms-transform: skew(-25deg);
  -o-transform: skew(-25deg);
  font-size: 13px;
  line-height: 50px;
  padding: 0 0px;
  text-align: left;
  text-decoration: none;
}
.breadCrumbmenumain .crumbmain .itemmain {
  transform: skew(25deg);
  -webkit-transform: skew(25deg);
  -moz-transform: skew(25deg);
  -ms-transform: skew(25deg);
  -o-transform: skew(25deg);
  padding: 0 30px;
}
.breadCrumbmenumain .crumbmain.journey {
  min-width: 10px;
  max-width: 40%;
  width: 40%;
}
.breadCrumbmenumain .crumbmain.journey p {
  margin: 0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.breadCrumbmenumain .crumbmain.journey:before {
  display: block;
  content: "";
  position: absolute;
  height: 100%;
  width: 22px;
  left: -8px;
  transform: skew(25deg);
  -webkit-transform: skew(25deg);
  -moz-transform: skew(25deg);
  -ms-transform: skew(25deg);
  -o-transform: skew(25deg);
}
.breadCrumbmenumain .crumbmain.episode {
  min-width: 10px;
  max-width: 30%;
  width: 30%;
  background: #271b37;
}
.breadCrumbmenumain .crumbmain.episode .form-group {
  margin: 0px;
}
.breadCrumbmenumain .crumbmain.episode .form-group .form-control {
  background: transparent !important;
  box-shadow: none !important;
}
.breadCrumbmenumain .crumbmain.episode .form-group .form-control .dropdown-menu {
  width: 100%;
}
.breadCrumbmenumain .crumbmain.episode .form-group .form-control .dropdown-menu li a {
  white-space: normal;
}
.breadCrumbmenumain .crumbmain.tochupoint {
  min-width: 10px;
  max-width: 30%;
  width: 30%;
  background: #2d2637;
}
.breadCrumbmenumain .crumbmain.tochupoint .form-group {
  margin: 0px;
}
.breadCrumbmenumain .crumbmain.tochupoint .form-group .form-control {
  background: transparent !important;
  box-shadow: none !important;
}
.breadCrumbmenumain .crumbmain.tochupoint .form-group .form-control .dropdown-menu {
  width: 100%;
}
.breadCrumbmenumain .crumbmain.tochupoint .form-group .form-control .dropdown-menu li a {
  white-space: normal;
}

.tochupoint .bootstrap-select .dropdown-toggle,
.episode .bootstrap-select .dropdown-toggle {
  box-shadow: none !important;
  outline: none !important;
}
.tochupoint .bootstrap-select .dropdown-toggle:hover, .tochupoint .bootstrap-select .dropdown-toggle:focus, .tochupoint .bootstrap-select .dropdown-toggle:visited, .tochupoint .bootstrap-select .dropdown-toggle:active, .tochupoint .bootstrap-select .dropdown-toggle:focus-within, .tochupoint .bootstrap-select .dropdown-toggle:focus-visible,
.episode .bootstrap-select .dropdown-toggle:hover,
.episode .bootstrap-select .dropdown-toggle:focus,
.episode .bootstrap-select .dropdown-toggle:visited,
.episode .bootstrap-select .dropdown-toggle:active,
.episode .bootstrap-select .dropdown-toggle:focus-within,
.episode .bootstrap-select .dropdown-toggle:focus-visible {
  box-shadow: none !important;
  outline: none !important;
  border: none !important;
}

.tochupoint .selectArrowMain .bootstrap-select .dropdown-toggle:after,
.episode .selectArrowMain .bootstrap-select .dropdown-toggle:after {
  right: 15px !important;
}

.episode .selectArrowMain .bootstrap-select .dropdown-toggle:after {
  border: none !important;
}

.tochupoint .selectArrowMain .bootstrap-select .dropdown-toggle:after {
  border: none !important;
}

.tpwidgetAreaMainSection .innerBoxItem {
  min-width: 15% !important;
}
.tpwidgetAreaMainSection .innerBoxItem .widgetArea .formsection .widgettopTitle p {
  margin: 0px !important;
  padding: 0px !important;
}

.touchclosespace .tptopSection {
  margin: 0px 20px 0px 60px !important;
}

.epiSodeTouchPointSpace .presenttpField {
  width: 100%;
}
.epiSodeTouchPointSpace .presenttpField .touchpointMainLane .formsection ul {
  width: 100%;
  left: 0px;
}
.epiSodeTouchPointSpace .presenttpField .touchpointMainLane .formsection ul li {
  padding: 0px;
}
.epiSodeTouchPointSpace .presenttpField .touchpointMainLane .formsection ul li .row {
  margin: 0px;
}
.epiSodeTouchPointSpace .presenttpField .touchpointMainLane .formsection ul li .row .tpName {
  padding-left: 0px !important;
  margin: 0px;
}
.epiSodeTouchPointSpace .presenttpField .touchpointMainLane .formsection ul li .row .tpName p {
  padding: 0px;
  margin: 0px 0px 10px 0px;
}

.touchPointDimension .attachmentsLane .widgetArea .formsection {
  padding: 10px 20px !important;
}
.touchPointDimension .attachmentsLane .widgetArea .formsection .form-row {
  margin: 0px;
}
.touchPointDimension .attachmentsLane .widgetArea .formsection .form-row .form-group {
  margin: 0px 0px 15px 0px;
  padding: 0px;
}

.episodeViewfix {
  padding: 0px !important;
  border: none !important;
}
.episodeViewfix .episodeWidgetTop {
  margin: 0px;
}
.episodeViewfix .episodeWidgetTop .formsection {
  /*----Text Widget----*/
  /*----Dimension Widget----*/
  /*----media Widget----*/
  /*----Emotion Widget----*/
  /*----KPI Widget----*/
  /*----Icons Widget----*/
  /*----Insights Widget----*/
  /*----Quotes Widget----*/
  /*----Files Widget----*/
}
.episodeViewfix .episodeWidgetTop .formsection .widgettopTitle {
  width: 100%;
  margin: 0px;
  left: 0px;
  top: 0px;
  min-height: auto;
}
.episodeViewfix .episodeWidgetTop .formsection .widgettopTitle p {
  text-align: center;
}
.episodeViewfix .episodeWidgetTop .formsection .widgetArea {
  padding: 0px 20px;
}
.episodeViewfix .episodeWidgetTop .formsection .widgetArea .formsection .form-row {
  margin: 0px;
}
.episodeViewfix .episodeWidgetTop .formsection .widgetArea .formsection .form-row .form-group {
  padding: 0px;
}
.episodeViewfix .episodeWidgetTop .formsection .widgetArea .formsection .form-row .form-group .addedtextfield {
  padding: 0px;
}
.episodeViewfix .episodeWidgetTop .formsection .dimensionsWidget .attachmentsLane .widgetArea label {
  display: block;
}
.episodeViewfix .episodeWidgetTop .formsection .viewEpisodeMode .formsection .form-row .form-group {
  margin: 0px;
}
.episodeViewfix .episodeWidgetTop .formsection .emotionInnerMain {
  padding: 20px;
}
.episodeViewfix .episodeWidgetTop .formsection .emotionInnerMain .form-row {
  margin: 0px;
}
.episodeViewfix .episodeWidgetTop .formsection .emotionInnerMain .form-row .form-group {
  margin: 0px;
  padding: 0px;
}
.episodeViewfix .episodeWidgetTop .formsection .emotionInnerMain .form-row .form-group .emotionListView {
  margin: 0px;
}
.episodeViewfix .episodeWidgetTop .formsection .emotionInnerMain .form-row .form-group .emotionListView .emotionBlock {
  margin: 0px;
}
.episodeViewfix .episodeWidgetTop .formsection .emotionInnerMain .form-row .form-group .emotionListView .emotionBlock .col-12 {
  padding: 0px;
}
.episodeViewfix .episodeWidgetTop .formsection .connectedKpiWidget .connectedKpiWidgetList {
  margin-top: 5px;
  margin-bottom: 5px;
}
.episodeViewfix .episodeWidgetTop .formsection .connectedKpiWidget .connectedKpiWidgetList li {
  padding-left: 20px;
  padding-right: 20px;
}
.episodeViewfix .episodeWidgetTop .formsection .iconListview {
  padding: 20px;
}
.episodeViewfix .episodeWidgetTop .formsection .iconListview li {
  margin: 0px 0px 5px 0px;
}
.episodeViewfix .episodeWidgetTop .formsection .EpisodeInsight {
  padding: 20px;
}
.episodeViewfix .episodeWidgetTop .formsection .EpisodeInsight .attachmentsLane .insightwidgetBoxMain {
  margin-bottom: 12px;
}
.episodeViewfix .episodeWidgetTop .formsection .widgetArea .quotesCarouselPresent .quotesWidgetArea .titleBorder {
  padding-top: 0px !important;
}
.episodeViewfix .episodeWidgetTop .formsection .widgetArea .quotesCarouselPresent .quotesWidgetArea .formsection {
  padding: 0px;
}
.episodeViewfix .episodeWidgetTop .formsection .editFiles .form-row {
  margin: 0px;
}
.episodeViewfix .episodeWidgetTop .formsection .editFiles .form-row .form-group {
  padding: 0px;
}
.episodeViewfix .episodeWidgetTop .formsection .editFiles .form-row .form-group ul {
  padding: 20px;
}
.episodeViewfix .episodeWidgetTop .formsection .editFiles .form-row .form-group ul li {
  margin-top: 0px;
  padding: 0px;
  margin-bottom: 12px;
}
.episodeViewfix .episodeWidgetTop .formsection .editFiles .form-row .form-group ul li .row {
  margin: 0px;
}
.episodeViewfix .episodeWidgetTop .formsection .editFiles .form-row .form-group ul li .row .col-2 {
  padding: 0px;
}
.episodeViewfix .episodeWidgetTop .formsection .editFiles .form-row .form-group ul li .row .col-10 {
  padding: 0px 0px 0px 10px;
}
.episodeViewfix .episodeWidgetTop .formsection .editFiles .form-row .form-group ul li .row .col-10 h5 {
  width: 100%;
}

.touchIconsSpace li .row .tpName span.tpNameTxt {
  padding-right: 0px !important;
}
.touchIconsSpace li .row .tpName span.presenttpIcons {
  right: 0px !important;
}
.touchIconsSpace li .row .tpName span.presenttpIcons i {
  margin-left: 0px !important;
  display: block !important;
  margin-top: 5px !important;
}

.unPublishMap .media .form-group {
  margin-bottom: 21px !important;
}
.unPublishMap .media .form-group .addImage {
  border: 0px solid #000 !important;
}
.unPublishMap .statusBtn .form-group {
  margin-bottom: 11px !important;
}
.unPublishMap .statusBtn .form-group h6 {
  color: #fff !important;
  font-size: 13px;
  line-height: 18px;
  font-weight: 700;
  padding: 0px !important;
  margin: 0px 0px 7px 0px !important;
  display: block;
}
.unPublishMap .statusBtn .form-group .statusToggleBtn {
  margin: 0px !important;
}
.unPublishMap .statusBtn .form-group .statusToggleBtn .tertiarynew-btn {
  width: auto !important;
  padding: 5.5px 8px;
  border-radius: 5px;
  background: #7b6c8f;
  font-weight: 600 !important;
  font-size: 13px;
  margin-top: -2px;
  margin-bottom: 0px;
  border: none !important;
}
.unPublishMap .statusBtn .form-group .statusToggleBtn .tertiarynew-btn.publishInactive {
  background: #ae6725 !important;
}
.unPublishMap .statusBtn .form-group .statusToggleBtn .tertiarynew-btn.publishActive {
  background: #03ac00 !important;
}
.unPublishMap .stateBtn .form-group {
  margin-bottom: 21px !important;
}
.unPublishMap .stateBtn .form-group .statusToggleBtn {
  margin: 0px !important;
}
.unPublishMap .stateBtn .form-group .statusToggleBtn .Statehighlight {
  width: auto;
  padding: 2px 8px;
  border-radius: 5px;
  background: #5a4f65;
  font-weight: 600 !important;
  font-size: 13px;
}
.unPublishMap .lcName .form-group {
  margin-bottom: 21px !important;
}
.unPublishMap .lcName .form-group h6 {
  color: #fff !important;
  font-size: 13px;
  line-height: 18px;
  font-weight: 700;
  padding: 0px !important;
  margin: 0px 0px 7px 0px !important;
  display: block;
}
.unPublishMap .lcName .form-group p {
  color: #c2b8d0 !important;
  font-size: 13px;
  line-height: 1.3;
  font-weight: 500;
  background: transparent !important;
  padding: 0px !important;
  margin: 0px;
  display: block;
}
.unPublishMap .lcName .form-group p.presentActiveLC i {
  color: #00d830;
  margin-right: 5px;
  font-size: 11px;
}
.unPublishMap .lcName .form-group p.presentInactiveLC i {
  color: #ae6725;
  margin-right: 5px;
  font-size: 11px;
}
.unPublishMap .language .form-group {
  margin-bottom: 21px !important;
}
.unPublishMap .language .form-group h6 {
  color: #fff !important;
  font-size: 13px;
  line-height: 1;
  font-weight: 700;
  padding: 0px !important;
  margin: 0px 0px 7px 0px !important;
  display: block;
}
.unPublishMap .language .form-group p {
  color: #c2b8d0 !important;
  font-size: 13px;
  line-height: 13px;
  font-weight: 500;
  background: transparent !important;
  padding: 0px !important;
  margin: 0px;
  display: block;
}

.presentTitleDesc .form-row.title .form-group {
  margin: 0px !important;
}
.presentTitleDesc .form-row.title .form-group h4 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 800;
  margin-bottom: 21px;
}
.presentTitleDesc .form-row.desc .form-group .textArea .descripText {
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
}

.presentWidgetTitle .widgettopTitle {
  display: table;
  padding: 0px !important;
  margin: 0px !important;
  left: 0px !important;
}
.presentWidgetTitle .widgettopTitle p {
  vertical-align: middle;
  display: table-cell;
}

.editFoldDimensionWidget .attachmentsLane section .widgetArea {
  margin: 0px !important;
}
.editFoldDimensionWidget .attachmentsLane section .widgetArea .formsection .form-row .form-group label {
  display: block;
  display: block;
  margin-bottom: 11px;
  line-height: 1;
}

.presentDimensionWidget .form-row:nth-child(1) .form-group {
  margin-bottom: 21px;
}
.presentDimensionWidget .form-row:nth-child(1) .form-group label {
  display: block;
  margin-bottom: 11px;
  line-height: 1;
  font-weight: 700;
  padding-top: 20px;
}
.presentDimensionWidget .form-row:nth-child(1) .form-group ul li {
  margin-bottom: 7px;
  margin-top: 0px !important;
  width: 100%;
  border-radius: 5px;
}
.presentDimensionWidget .form-row:nth-child(1) .form-group ul li span {
  height: 26px;
  display: block;
}
.presentDimensionWidget .form-row:nth-child(1) .form-group ul li span img {
  height: 26px;
  object-fit: contain;
}
.presentDimensionWidget .form-row:nth-child(1) .form-group ul li:nth-last-child(1) {
  margin-bottom: 0px;
}
.presentDimensionWidget .form-row:nth-child(2) .form-group {
  margin-bottom: 21px;
}
.presentDimensionWidget .form-row:nth-child(2) .form-group label {
  display: block;
  margin-bottom: 0px;
  line-height: 20px;
  font-weight: 700;
  color: #fff;
}
.presentDimensionWidget .form-row:nth-child(2) .form-group p {
  font-size: 13px;
  color: #c2b8d0;
  line-height: 20px;
  margin: 0px;
}
.presentDimensionWidget .form-row:nth-child(3) .form-group {
  margin-bottom: 21px;
}
.presentDimensionWidget .form-row:nth-child(3) .form-group label {
  display: block;
  margin-top: -5px;
  margin-bottom: 0px;
  line-height: 20px;
  font-weight: 700;
  color: #fff;
}
.presentDimensionWidget .form-row:nth-child(3) .form-group p {
  font-size: 13px;
  color: #c2b8d0;
  line-height: 20px;
  margin: 0px;
}
.presentDimensionWidget .form-row:nth-child(4) .form-group {
  margin-bottom: 21px;
}
.presentDimensionWidget .form-row:nth-child(4) .form-group label {
  display: block;
  margin-top: -5px;
  margin-bottom: 0px;
  line-height: 20px;
  font-weight: 700;
  color: #fff;
}
.presentDimensionWidget .form-row:nth-child(4) .form-group p {
  font-size: 13px;
  color: #c2b8d0;
  line-height: 20px;
  margin: 0px;
}

.presentDimensionLane .presentDimensionWidget {
  margin-top: -20px !important;
}
.presentDimensionLane.lanedimension .presentDimensionWidget {
  margin-top: 0px !important;
}
.presentDimensionLane ul.listdimension {
  margin-left: 15px;
  display: block;
}
.presentDimensionLane ul.listdimension li {
  font-size: 12px !important;
  margin: 0px 0px 2px 0px !important;
  list-style-type: disc;
}

.presentInsightsWidget .insightwidgetBoxMain {
  margin-bottom: 12px !important;
}

.presentFilesWidget .form-row .form-group {
  padding: 0px;
}
.presentFilesWidget .form-row .form-group ul .draggable-item li.dragdoc {
  margin: 0px 0px 10px 0px;
  padding: 0px;
}

ul.presentIconsWidget .draggable-item li.dragdoc {
  margin: 0px 0px 10px 0px;
  padding: 0px;
  line-height: 1;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
}
ul.presentIconsWidget .draggable-item li.dragdoc span {
  text-overflow: ellipsis;
  font-size: 13px;
  margin-left: 5px;
  font-weight: 500;
}

.presentQuotesWidget {
  margin: 0px !important;
}
.presentQuotesWidget .quotesCarouselPresent .quotesWidgetArea .titleBorder {
  padding: 0px 0px 10px 0px !important;
  margin: 0px;
}
.presentQuotesWidget .quotesCarouselPresent .quotesWidgetArea .quoteTitle {
  font-size: 13px;
  margin: 0px 0px;
}
.presentQuotesWidget .quotesCarouselPresent .quotesWidgetArea .selectedSentiment span {
  font-size: 13px;
}
.presentQuotesWidget .quotesCarouselPresent .quotesWidgetArea .selectedSentiment img {
  margin: 2px 0px 0px;
}

.presentTextWidget .form-group .textAreaView .addedtextfield {
  padding: 0px !important;
  display: block;
}

.presentMediaWidget .form-row .form-group .addImage {
  border: none !important;
}

.editFoldFiles .form-row .form-group ul .draggable-item li {
  margin: 0px;
}

.editFoldquotes .titleBorder {
  padding-top: 0px !important;
}

.presentLaneQuotes .presentQuotesWidget {
  margin: 20px 0px !important;
}

.presentLaneQuotesTouch .quotesCarouselPresent .presentQuotesWidget {
  margin: 20px 0px !important;
}
.presentLaneQuotesTouch .quotesCarouselPresent .presentQuotesWidget .quotesCarouselPresent .quotesWidgetArea {
  padding: 0px !important;
  margin: 0px !important;
}

.laneLabel.newLabel {
  left: 0px !important;
}
.laneLabel.newLabel.nospaceleft {
  left: 0px !important;
}
.laneLabel.newLabel p {
  left: 0px !important;
}

.addDocumentModal {
  z-index: 1051 !important;
}

.laneLabel.presentEpisodeViewLabel p {
  left: -10px !important;
}
@media (min-width: 1249px) and (max-width: 1480px) {
  .laneLabel.presentEpisodeViewLabel p {
    left: 15px !important;
  }
}
@media (min-width: 1481px) and (max-width: 1490px) {
  .laneLabel.presentEpisodeViewLabel p {
    left: 10px !important;
  }
}
@media (min-width: 1491px) and (max-width: 1498px) {
  .laneLabel.presentEpisodeViewLabel p {
    left: 3px !important;
  }
}
@media (min-width: 1499px) and (max-width: 1508px) {
  .laneLabel.presentEpisodeViewLabel p {
    left: -1px !important;
  }
}
@media (min-width: 1509px) and (max-width: 1519px) {
  .laneLabel.presentEpisodeViewLabel p {
    left: -5px !important;
  }
}

.present-user-short {
  background: #64d3b2;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  font-family: Inter;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 30px;
  align-items: center;
  text-align: center;
  color: #000000;
  text-transform: uppercase;
  display: block;
  float: left;
  margin-right: 3px;
}

.parentchild-channelhead-presentmode {
  color: #fff !important;
  font-family: "Inter", sans-serif !important;
}
.parentchild-channelhead-presentmode span {
  display: block;
  line-height: 12px;
  font-size: 12px;
  font-family: "Roboto Mono", monospace !important;
  color: #7b6c8f;
}

.episode-parentchild-channel-head {
  font-size: 13px !important;
}
.episode-parentchild-channel-head span.parent-channel-sm {
  display: block;
  line-height: 11px !important;
  font-size: 11px;
  font-family: "Roboto Mono", monospace !important;
  color: #7b6c8f;
}

.present-parent-touchpoint-row .episodeTPHead .column1,
.present-child-touchpoint-row .episodeTPHead .column1 {
  min-height: 85px;
}
.present-parent-touchpoint-row .episodeTPHead .column1 .leftwrapperInnerMenu .collapse-menu-parenttp p .tpleft-head,
.present-child-touchpoint-row .episodeTPHead .column1 .leftwrapperInnerMenu .collapse-menu-parenttp p .tpleft-head {
  display: none;
}
.present-parent-touchpoint-row .episodeTPHead .column1 .leftwrapperInnerMenu .collapse-menu-parenttp p .parentIconlane,
.present-child-touchpoint-row .episodeTPHead .column1 .leftwrapperInnerMenu .collapse-menu-parenttp p .parentIconlane {
  margin-right: -10px;
}
.present-parent-touchpoint-row .episodeTPHead .column1 .leftwrapperInnerMenu .collapse-menu-parenttp p .parentIconlane img,
.present-child-touchpoint-row .episodeTPHead .column1 .leftwrapperInnerMenu .collapse-menu-parenttp p .parentIconlane img {
  width: 20px;
}
.present-parent-touchpoint-row .episodeTPHead .column1 .leftwrapperInnerMenu .collapse-menu-parenttp p .parentIconlane:hover,
.present-child-touchpoint-row .episodeTPHead .column1 .leftwrapperInnerMenu .collapse-menu-parenttp p .parentIconlane:hover {
  background: transparent;
}
.present-parent-touchpoint-row .episodeTPHead .column1 .leftwrapperInnerMenu .collapse-menu-parenttp p .ChildIconlane,
.present-child-touchpoint-row .episodeTPHead .column1 .leftwrapperInnerMenu .collapse-menu-parenttp p .ChildIconlane {
  margin-right: 0px;
}
.present-parent-touchpoint-row .episodeTPHead .column1 .leftwrapperInnerMenu .collapse-menu-parenttp p .ChildIconlane img,
.present-child-touchpoint-row .episodeTPHead .column1 .leftwrapperInnerMenu .collapse-menu-parenttp p .ChildIconlane img {
  width: 13px;
}
.present-parent-touchpoint-row .episodeTPHead .column1 .leftwrapperInnerMenu .collapse-menu-parenttp p .ChildIconlane:hover,
.present-child-touchpoint-row .episodeTPHead .column1 .leftwrapperInnerMenu .collapse-menu-parenttp p .ChildIconlane:hover {
  background: transparent;
}
.present-parent-touchpoint-row .episodeTPHead .column1 .leftwrapperInnerMenu .collapse-menu-parenttp .topMoreActions,
.present-child-touchpoint-row .episodeTPHead .column1 .leftwrapperInnerMenu .collapse-menu-parenttp .topMoreActions {
  z-index: 10;
}
.present-parent-touchpoint-row .episodeTPHead .column1 .leftwrapperInnerMenu .collapse-menu-parenttp .topMoreActions a i,
.present-child-touchpoint-row .episodeTPHead .column1 .leftwrapperInnerMenu .collapse-menu-parenttp .topMoreActions a i {
  transform: rotate(180deg);
}
.present-parent-touchpoint-row .episodeTPHead .collapse-menu-hide .episode-present-Toucpoint,
.present-child-touchpoint-row .episodeTPHead .collapse-menu-hide .episode-present-Toucpoint {
  min-height: 85px;
}
.present-parent-touchpoint-row .episodeTPHead .collapse-menu-hide .episode-present-Toucpoint .width-14,
.present-child-touchpoint-row .episodeTPHead .collapse-menu-hide .episode-present-Toucpoint .width-14 {
  min-height: 85px;
}
.present-parent-touchpoint-row .episodeTPHead .collapse-menu-hide .episode-present-Toucpoint .width-14.child-prsent-nobdr,
.present-child-touchpoint-row .episodeTPHead .collapse-menu-hide .episode-present-Toucpoint .width-14.child-prsent-nobdr {
  border-top: solid 0px #000 !important;
}
.present-parent-touchpoint-row .episodeTPHead .collapse-menu-hide .episode-present-Toucpoint .width-14 .presenttpField .touchpointMainLane .formsection ul li .row .contact-reason-episode,
.present-child-touchpoint-row .episodeTPHead .collapse-menu-hide .episode-present-Toucpoint .width-14 .presenttpField .touchpointMainLane .formsection ul li .row .contact-reason-episode {
  display: none;
}
.present-parent-touchpoint-row .episodeTPHead .collapse-menu-hide .episode-present-Toucpoint .width-14 .presenttpField .touchpointMainLane .formsection ul li .row .present-episode-tpname,
.present-child-touchpoint-row .episodeTPHead .collapse-menu-hide .episode-present-Toucpoint .width-14 .presenttpField .touchpointMainLane .formsection ul li .row .present-episode-tpname {
  border-bottom: none !important;
  font-size: 12px;
  font-weight: 600;
  display: -webkit-box;
  overflow: hidden;
}
.present-parent-touchpoint-row .episodeTPHead .collapse-menu-hide .episode-present-Toucpoint .width-14 .presenttpField .touchpointMainLane .formsection ul li .row .present-episode-tpname p,
.present-parent-touchpoint-row .episodeTPHead .collapse-menu-hide .episode-present-Toucpoint .width-14 .presenttpField .touchpointMainLane .formsection ul li .row .present-episode-tpname ul,
.present-parent-touchpoint-row .episodeTPHead .collapse-menu-hide .episode-present-Toucpoint .width-14 .presenttpField .touchpointMainLane .formsection ul li .row .present-episode-tpname ol,
.present-parent-touchpoint-row .episodeTPHead .collapse-menu-hide .episode-present-Toucpoint .width-14 .presenttpField .touchpointMainLane .formsection ul li .row .present-episode-tpname li,
.present-child-touchpoint-row .episodeTPHead .collapse-menu-hide .episode-present-Toucpoint .width-14 .presenttpField .touchpointMainLane .formsection ul li .row .present-episode-tpname p,
.present-child-touchpoint-row .episodeTPHead .collapse-menu-hide .episode-present-Toucpoint .width-14 .presenttpField .touchpointMainLane .formsection ul li .row .present-episode-tpname ul,
.present-child-touchpoint-row .episodeTPHead .collapse-menu-hide .episode-present-Toucpoint .width-14 .presenttpField .touchpointMainLane .formsection ul li .row .present-episode-tpname ol,
.present-child-touchpoint-row .episodeTPHead .collapse-menu-hide .episode-present-Toucpoint .width-14 .presenttpField .touchpointMainLane .formsection ul li .row .present-episode-tpname li {
  font-size: 12px;
  font-weight: 600;
  display: -webkit-box;
  overflow: hidden;
}
.present-parent-touchpoint-row .presentLaneQuotesTouch .quotesCarouselPresent .presentQuotesWidget,
.present-child-touchpoint-row .presentLaneQuotesTouch .quotesCarouselPresent .presentQuotesWidget {
  margin: 20px 0px !important;
}
.present-parent-touchpoint-row .presentLaneQuotesTouch .quotesCarouselPresent .presentQuotesWidget .quotesCarouselPresent .quotesWidgetArea,
.present-child-touchpoint-row .presentLaneQuotesTouch .quotesCarouselPresent .presentQuotesWidget .quotesCarouselPresent .quotesWidgetArea {
  padding: 0px !important;
  margin: 0px !important;
}
.present-parent-touchpoint-row .presentMediaWidget .form-row .form-group .addImage,
.present-child-touchpoint-row .presentMediaWidget .form-row .form-group .addImage {
  border: none !important;
}
.present-parent-touchpoint-row .editFoldFiles .form-row .form-group ul .draggable-item li,
.present-child-touchpoint-row .editFoldFiles .form-row .form-group ul .draggable-item li {
  margin: 0px;
}
.present-parent-touchpoint-row .editFoldquotes .titleBorder,
.present-child-touchpoint-row .editFoldquotes .titleBorder {
  padding-top: 0px !important;
}
.present-parent-touchpoint-row .presentLaneQuotes .presentQuotesWidget,
.present-child-touchpoint-row .presentLaneQuotes .presentQuotesWidget {
  margin: 20px 0px !important;
}
.present-parent-touchpoint-row .present-LanesMainBlock,
.present-child-touchpoint-row .present-LanesMainBlock {
  display: none;
}
.present-parent-touchpoint-row .present-LanesMainBlocktp,
.present-child-touchpoint-row .present-LanesMainBlocktp {
  display: none;
}

.childTpnobder .episodeTPHead .collapse-menu-hide .episode-present-Toucpoint .width-14.child-prsent-nobdr {
  border-top: solid 0px #000 !important;
}

.present-custom-tplist .customlistdiv {
  line-height: 18px;
}

.presentEpTplist .customFieldGlobalblock {
  margin-top: 10px;
}
.presentEpTplist .customFieldGlobalblock .row {
  margin: 0px -15px !important;
}

.presentTPCustomlistblock .cslistArrow {
  position: absolute;
  left: -42px;
  width: 19px;
  height: 19px;
  line-height: 19px;
  background: #7800ff;
  border-radius: 50%;
  text-align: center;
  color: #fff;
}
.presentTPCustomlistblock .cslistArrow span {
  width: 19px;
  cursor: pointer;
}
.presentTPCustomlistblock .col-3 {
  -ms-flex: 0 0 50% !important;
  flex: 0 0 50% !important;
  max-width: 50% !important;
}

.tpName .customFieldGlobalblock {
  margin-top: 10px;
}

.errortext {
  font-size: 12px;
}

.lcName.selectedLanguage h6 {
  color: #fff !important;
  font-size: 13px;
  line-height: 18px;
  font-weight: 700;
  padding: 0px !important;
  margin: 0px 0px 7px 0px !important;
  display: block;
}
.lcName.selectedLanguage p {
  color: #c2b8d0 !important;
  font-size: 13px;
  line-height: 1.3;
  font-weight: 500;
  background: transparent !important;
  padding: 0px !important;
  margin: 0px;
  display: block;
}
.lcName.selectedLanguage p.presentInactiveLC i {
  color: #ae6725;
}

.StickyHeader.presentview-stickey-header,
.stickyJourneyBar.presentview-stickey-header {
  width: 100%;
  white-space: nowrap;
  line-height: 30px;
  box-shadow: 0px 2px 4px 0px rgba(1, 0, 0, 0.4), 0px 0px 0px 0px rgba(0, 0, 0, 0.4) !important;
  margin: 0px !important;
}
.StickyHeader.presentview-stickey-header .journeySticky,
.stickyJourneyBar.presentview-stickey-header .journeySticky {
  display: block;
  width: 100%;
}
.StickyHeader.presentview-stickey-header .journeySticky .topMoreActions a,
.stickyJourneyBar.presentview-stickey-header .journeySticky .topMoreActions a {
  line-height: 25px;
}
.StickyHeader.presentview-stickey-header .journeySticky p,
.stickyJourneyBar.presentview-stickey-header .journeySticky p {
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  padding-left: 50px;
  padding-right: 50px;
  margin: 0;
}

.presenttpclosebtn {
  position: absolute;
  right: 20px;
  top: 10px;
  width: 30px;
  height: 30px;
}
.presenttpclosebtn .presntTouchpointclose {
  width: 30px;
  height: 30px;
  outline: none;
  box-shadow: none !important;
  text-shadow: none !important;
  font-size: 30px;
  color: #7b6c8f;
}

.theme-light .presenttpclosebtn .presntTouchpointclose {
  color: #c0c0c0 !important;
}
.theme-light .presenttpclosebtn .presntTouchpointclose:hover {
  color: #000 !important;
}

/********************** Signupder Styles ***********************/
/*************** 1. Imports ******************/
/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Mixins ******************/
.mymapsFilterOptionsMain {
  background: #1f1829;
  border: 1px solid #110a1a;
  padding: 10px;
  position: relative;
  /** height: ($base-margin * 12) + 2;**/
  /*** Image Search 8**/
  /*** filter & Order Options ***/
  /*** Filter & Order Dropdown ***/
  /*** button group ***/
}
.mymapsFilterOptionsMain .imageSearch {
  margin: 0px;
}
.mymapsFilterOptionsMain .imageSearch input {
  width: 100%;
  margin-left: 0px;
  font-weight: 400;
  height: 25px;
  padding-left: 33px !important;
  padding-right: 25px !important;
  /*** margin-left: $base-margin * 8; ***/
}
.mymapsFilterOptionsMain .imageSearch i {
  /**
        position: relative;**/
  position: absolute;
  left: 12px;
  /** top: -($base-margin * 5);**/
  top: 7px;
  font-size: 11px;
  color: #c2b8d0;
  transform: rotate(0deg);
}
.mymapsFilterOptionsMain .imageSearch span.closeSearch {
  position: absolute;
  right: 10px;
  top: 6px;
  width: 14px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  font-size: 12px;
}
.mymapsFilterOptionsMain .imageSearch span.closeSearch:hover {
  background: #251b2d;
}
.mymapsFilterOptionsMain .filterOptions {
  display: inline-block;
}
.mymapsFilterOptionsMain .filterOptions .formsection {
  padding: 0px;
}
.mymapsFilterOptionsMain .filterOptions .formsection .form-group {
  margin: 0px 0px;
  width: 100%;
}
.mymapsFilterOptionsMain .filterOptions .filterMianSection {
  display: block;
}
.mymapsFilterOptionsMain .filterOptions .filterMianSection .filterOrderBg {
  background: #3f3449;
  /*--  background: $Primary-bg;---*/
  border-radius: 0px;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
  padding: 0.5px 8px;
  display: block;
  float: left;
  width: 100%;
}
.mymapsFilterOptionsMain .filterOptions .filterMianSection .filterOrderBg span {
  display: inline-block;
  margin: -2px 5px 0px 0px;
  vertical-align: middle;
  font-weight: 600;
}
.mymapsFilterOptionsMain .filterOptions .filterMianSection .filterOrderBg span.filter-cicon {
  background: url("/bundles/map/images/filter-icon.svg") no-repeat;
  width: 14px;
  height: 10px;
}
.mymapsFilterOptionsMain .filterOptions .filterMianSection .filterOrderBg span.order-icon {
  background: url("/bundles/map/images/sort.svg") no-repeat;
  width: 12px;
  height: 12px;
  margin-top: 0px;
}
.mymapsFilterOptionsMain .filterOptions .filterMianSection .filterOrderBg span.dropdownTxt {
  color: #c2b8d0;
  /*--  color: $tertiary-color;--*/
  font-size: 13px;
  cursor: pointer;
}
.mymapsFilterOptionsMain .filterOptions .filterMianSection .filterOrderBg span.arrow-cion {
  background: url("/bundles/map/images/arrow-cion.svg");
  width: 11px;
  height: 7px;
  cursor: pointer;
  float: right;
  margin-top: 9px;
  margin-right: 0px;
}
.mymapsFilterOptionsMain .filterOptions .filterMianSection .filterOrderBg .clearTxt {
  display: inline-block;
  color: #7b6c8f;
  position: relative;
}
.mymapsFilterOptionsMain .filterOptions .filterMianSection .filterOrderBg .clearTxt::after {
  position: absolute;
  content: "";
  left: 0px;
  top: 4px;
  background: url("/bundles/map/images/seprator-icon.svg");
  height: 10px;
  width: 2px;
}
.mymapsFilterOptionsMain .filterOptions .filterMianSection .filterOrderBg .clearTxt:hover {
  cursor: pointer;
}
.mymapsFilterOptionsMain .filterOptions .filterMianSection .filterOrderBg .clearTxt p {
  margin: 0px 0px 0px 9px;
  font-size: 13px;
  color: #c2b8d0;
}
.mymapsFilterOptionsMain .filterorderDropdown {
  display: none;
  background: var(--Foreground_Primary) !important;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1), 0px 16px 32px -4px rgba(0, 0, 0, 0.1) !important;
  border-radius: 5px !important;
  padding: 20px;
  color: #7b6c8f;
  font-size: 12px;
  left: 25.8%;
  position: absolute;
  top: 118px;
  width: 40%;
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.6);
  -ms-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.6);
  -o-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.6);
  z-index: 2;
  border-radius: 5px !important;
}
.mymapsFilterOptionsMain .filterorderDropdown.orderDropdown {
  left: 35.2%;
  width: 25%;
  padding: 0px;
}
@media (min-width: 1299px) and (max-width: 1699px) {
  .mymapsFilterOptionsMain .filterorderDropdown.orderDropdown {
    left: 33.4%;
  }
}
@media (min-width: 3200px) and (max-width: 4199px) {
  .mymapsFilterOptionsMain .filterorderDropdown.orderDropdown {
    left: 31.5%;
  }
}
@media (min-width: 4200px) and (max-width: 5199px) {
  .mymapsFilterOptionsMain .filterorderDropdown.orderDropdown {
    left: 30%;
  }
}
.mymapsFilterOptionsMain .filterorderDropdown.orderDropdown li a:hover {
  background: #7800ff;
}
.mymapsFilterOptionsMain .filterorderDropdown .filterDropdownInner > li {
  margin: 10px;
}
.mymapsFilterOptionsMain .filterorderDropdown .filterDropdownInner > li label {
  display: block;
  line-height: 25px;
  color: #fff;
  font-size: 14px;
  margin: 0px 0px 0px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.mymapsFilterOptionsMain .filterorderDropdown .filterDropdownInner > li .filterstatusVersionList li {
  display: inline-block;
  width: 48%;
  vertical-align: top;
}
.mymapsFilterOptionsMain .filterorderDropdown .filterDropdownInner > li .filterstatusVersionList li label {
  color: var(--Title) !important;
  font-size: 13px;
  margin-left: -15px;
  display: inline-block;
}
.mymapsFilterOptionsMain .filterorderDropdown .filterDropdownInner > li .filterstatusVersionList li label p {
  display: inline-block;
}
.mymapsFilterOptionsMain .filterorderDropdown .filterDropdownInner > li .filterstatusVersionList li .custom-checkbox:checked + label p {
  color: #fff;
}
.mymapsFilterOptionsMain .filterorderDropdown .filterDropdownInner > li .selectMainArrow .bootstrap-select .dropdown-toggle:after {
  border: none;
  content: "";
  font-family: FontAwesome;
  right: 20px;
  position: absolute;
  top: 10px;
}
.mymapsFilterOptionsMain .filterorderDropdown .filterDropdownInner > li .selectMainArrow .bootstrap-select .dropdown-toggle .filter-option-inner-inner::after {
  background: linear-gradient(177.49deg, rgba(31, 24, 41, 0) 2.1%, #2d2637 37.61%);
  right: 30px;
  width: 5%;
}
.mymapsFilterOptionsMain .filterorderDropdown .filterDropdownInner > li .selectMainArrow .bootstrap-select .dropdown-menu li {
  background: #110a1a;
  border-bottom: 1px solid #2d2637;
}
.mymapsFilterOptionsMain .filterorderDropdown .filterDropdownInner > li .selectMainArrow .bootstrap-select .dropdown-menu li a {
  padding: 10px 20px;
}
.mymapsFilterOptionsMain .filterorderDropdown .filterFooter {
  padding: 30px;
  margin: 15px 0px;
  border-top: 1px solid #433c4a;
}
.mymapsFilterOptionsMain .filterorderDropdown .filterFooter .filterbtnGrp {
  margin: 0 auto;
}
.mymapsFilterOptionsMain .filterorderDropdown .filterFooter .filterbtnGrp button {
  margin-left: 15px;
  border-radius: 3px;
  -webkit-box-shadow: 0px 4px 4px #000;
  -moz-box-shadow: 0px 4px 4px #000;
  -ms-box-shadow: 0px 4px 4px #000;
  -o-box-shadow: 0px 4px 4px #000;
  box-shadow: 0px 4px 4px #000;
}
.mymapsFilterOptionsMain .filterorderDropdown.spaceFilterDrop {
  top: 118px;
}
@media (min-height: 600px) and (max-height: 700px) {
  .mymapsFilterOptionsMain .filterorderDropdown.spaceFilterDrop {
    max-height: 450px;
    overflow: auto;
  }
}
@media (min-height: 701px) and (max-height: 800px) {
  .mymapsFilterOptionsMain .filterorderDropdown.spaceFilterDrop {
    max-height: 550px;
    overflow: auto;
  }
}
@media (min-height: 801px) and (max-height: 850px) {
  .mymapsFilterOptionsMain .filterorderDropdown.spaceFilterDrop {
    max-height: 600px;
    overflow: auto;
  }
}
.mymapsFilterOptionsMain .filterButtonrp {
  text-align: right;
}
.mymapsFilterOptionsMain .filterButtonrp button {
  display: inline-block;
  margin: 0px 0px 0px 11px;
}
.mymapsFilterOptionsMain .filterButtonrp button span {
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  height: 16px;
  width: 16px;
}
.mymapsFilterOptionsMain .filterButtonrp button span.import-icon {
  background: url("/bundles/map/images/import-icon.svg") no-repeat;
  background-size: 100%;
}
.mymapsFilterOptionsMain .filterButtonrp button span.compare-icon {
  background: url("/bundles/map/images/compare-icon.svg") no-repeat;
  background-size: 105%;
  width: 20px;
  height: 12px;
}
.mymapsFilterOptionsMain .filterButtonrp button span.add-icon {
  background: url("/bundles/map/images/add-icon.svg") no-repeat;
  background-size: 100%;
  height: 16px;
}
.mymapsFilterOptionsMain .filterButtonrp button span.reselect-icon {
  background: url("/bundles/map/images/reselect-icon.svg") no-repeat;
  background-size: 100%;
  height: 16px;
}
.mymapsFilterOptionsMain .filterButtonrp button:hover, .mymapsFilterOptionsMain .filterButtonrp button.activebtn {
  color: #fff;
  background: #7800ff;
  font-size: 13px;
  border-radius: 0px;
  box-shadow: 0px 4px 4px #000;
  font-weight: 600 !important;
}
.mymapsFilterOptionsMain .filterButtonrp button:hover span.import-icon, .mymapsFilterOptionsMain .filterButtonrp button.activebtn span.import-icon {
  background: url("/bundles/map/images/import-icon-hover.svg") no-repeat;
  background-size: 100%;
}
.mymapsFilterOptionsMain .filterButtonrp button:hover span.compare-icon, .mymapsFilterOptionsMain .filterButtonrp button.activebtn span.compare-icon {
  background: url("/bundles/map/images/compare-icon-hover.svg") no-repeat;
  background-size: 105%;
}
.mymapsFilterOptionsMain .filterButtonrp button:hover span.add-icon, .mymapsFilterOptionsMain .filterButtonrp button.activebtn span.add-icon {
  background: url("/bundles/map/images/add-icon-hover.svg") no-repeat;
  background-size: 100%;
}
.mymapsFilterOptionsMain .filterButtonrp button:hover span.reselect-icon, .mymapsFilterOptionsMain .filterButtonrp button.activebtn span.reselect-icon {
  background: url("/bundles/map/images/reselect-icon-hover.svg") no-repeat;
  background-size: 100%;
}

/*** Filter & order Dropdown ***/
.selectDropdownBlock ul {
  border: 1px solid #2d2637;
}
.selectDropdownBlock ul li {
  border-bottom: 1px solid #2d2637;
}
.selectDropdownBlock ul li a {
  display: block;
  padding: 15px 20px;
  color: #fff;
  font-size: 12px;
}
.selectDropdownBlock ul li a:hover {
  background: #2d2637;
}

/*** Add List Box ***/
.actionBoxList .bootstrap-select .filter-option-inner-inner {
  white-space: nowrap;
  width: 96%;
}
.actionBoxList .dropdown-menu .bs-actionsbox .btn-group {
  position: static;
  z-index: 9;
}
.actionBoxList .dropdown-menu .bs-actionsbox .btn-group .actions-btn {
  background: #110a1a !important;
  border-bottom: 1px solid #2d2637 !important;
  font-size: 13px;
}
.actionBoxList .dropdown-menu .bs-actionsbox .btn-group .actions-btn:last-child {
  border-bottom: 1px solid transparent;
}
.actionBoxList .dropdown-menu .bs-actionsbox .btn-group .actions-btn:hover {
  background: #2d2637 !important;
}
.actionBoxList .dropdown-menu li {
  background: #110a1a !important;
  border-bottom: 1px solid #2d2637 !important;
}
.actionBoxList .dropdown-menu li a {
  padding: 7.5px 20px !important;
}
.actionBoxList .dropdown-menu li a span.check-mark {
  background: #2d2637 !important;
  border: 1px solid #000 !important;
}

.actionBoxList .dropdown-menu li a span.text {
  background: #c2b8d0;
  padding: 3px 15px;
  border-radius: 25px;
}
.actionBoxList .dropdown-menu li a span.text img {
  width: 60px;
  height: 20px;
  object-fit: cover;
}
.actionBoxList .dropdown-menu li.selected a {
  padding-left: 40px;
}
.actionBoxList .dropdown-menu li.selected a span.check-mark {
  left: 18px !important;
}
.actionBoxList .filter-option-inner .filter-option-inner-inner img {
  width: 110px;
  background: #c2b8d0;
  padding: 8px 30px;
  border-radius: 25px;
  height: 35px;
  object-fit: cover;
}
.actionBoxList.LanguageBoxList .bootstrap-select .dropdown-toggle {
  padding: 10px 6px !important;
}
.actionBoxList.LanguageBoxList .bootstrap-select.show-tick .dropdown-menu li span.text {
  background: transparent !important;
  color: #7b6c8f !important;
  margin: 0px;
}
.actionBoxList.LanguageBoxList .bootstrap-select.show-tick .dropdown-menu li.selected span.text {
  color: #fff !important;
}
.actionBoxList.LanguageBoxList .bootstrap-select .filter-option-inner .filter-option-inner-inner .languageBadge {
  background: #7800ff;
  padding: 8px 10px;
  border-radius: 25px;
  margin: 0px 5px;
}
.actionBoxList.LanguageBoxList .bootstrap-select .bs-placeholder .filter-option-inner-inner {
  background: transparent !important;
}

.addDimensions .dropdown-toggle {
  padding: 0px;
}

.brandactionBoxList.dimensionsWidget .bootstrap-select .dropdown-toggle {
  padding: 10px 6px;
  outline: none;
}
.brandactionBoxList.dimensionsWidget .bootstrap-select .dropdown-toggle:focus {
  outline: none;
}
.brandactionBoxList.dimensionsWidget .bootstrap-select.show-tick .dropdown-menu li span.check-mark {
  top: 7px;
}
.brandactionBoxList.dimensionsWidget .bootstrap-select.show-tick .dropdown-menu li.selected span.text {
  padding-left: 30px;
}

/*** My Maps Table ***/
.mainmapsContainer {
  padding: 70px 0px 0px 0px;
  /*** Maps Table ***/
}
.mainmapsContainer h2 {
  padding: 0px 15px 0px 47px;
}
.mainmapsContainer .mymapsRows {
  position: relative;
  top: -70px;
}
.mainmapsContainer .mymapsRows .mappingTable {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 1em;
}
.mainmapsContainer .mymapsRows .mappingTable tr.headTable {
  font-size: 12px;
  font-weight: 600;
}
.mainmapsContainer .mymapsRows .mappingTable tr.headTable th {
  padding: 20px 0px;
  font-size: 12px;
  border: none !important;
}
.mainmapsContainer .mymapsRows .mappingTable tr.headTable th.mapTitleColumn {
  width: 700px;
}
.mainmapsContainer .mymapsRows .mappingTable tr.headTable th.userIconBg {
  /* background: $Primary-bg !important;*/
  width: 40px;
  padding: 0px 0px;
  margin: 0px;
  text-align: center;
  cursor: pointer;
}
.mainmapsContainer .mymapsRows .mappingTable tr.headTable th.userIconBg img {
  width: 20px;
  height: 20px;
}
.mainmapsContainer .mymapsRows .mappingTable tr.headTable th.versonColumn {
  width: 80px;
}
.mainmapsContainer .mymapsRows .mappingTable tr.headTable th.segmentColumn, .mainmapsContainer .mymapsRows .mappingTable tr.headTable th.brandColumn, .mainmapsContainer .mymapsRows .mappingTable tr.headTable th.productColumn, .mainmapsContainer .mymapsRows .mappingTable tr.headTable th.kpiColumn {
  width: 130px;
}
.mainmapsContainer .mymapsRows .mappingTable tr.headTable th.moreActionsColumn {
  width: 100px;
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg {
  background: #1f1829;
  padding: 10px 0px;
  margin: 10px 0px;
  height: 80px;
  font-size: 13px !important;
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg:hover {
  background: #2d2637;
  cursor: pointer;
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg:hover td {
  background: #2d2637;
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg:hover td.firstTd {
  background: #2d2637;
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg:hover td.nomapsBg {
  background: #110a1a;
  cursor: auto;
  border: 1px solid #1f1829;
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg.inactiveIconBg {
  position: relative;
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg.inactiveIconBg::after {
  position: absolute;
  left: 0;
  width: 100%;
  content: "";
  opacity: 0.7;
  background: #1f1829;
  height: 70px;
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg.inactiveIconBg .inactiveIcon {
  position: relative;
  background: #110a1a !important;
  z-index: 1;
  cursor: pointer;
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td {
  border: none !important;
  vertical-align: middle;
  padding: 5px 0px;
  margin: 15px 0;
  position: relative;
}
@media (min-width: 1199px) and (max-width: 1599px) {
  .mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td {
    padding: 5px 3px;
  }
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.segmentColumn, .mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.brandColumn, .mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.productColumn, .mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.kpiColumn {
  width: 130px;
}
@media (min-width: 1199px) and (max-width: 1599px) {
  .mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.segmentColumn, .mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.brandColumn, .mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.productColumn, .mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.kpiColumn {
    width: 190px;
  }
}
@media (min-width: 1199px) and (max-width: 1599px) {
  .mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.segmentColumn .greyBGsegmentBrand, .mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.brandColumn .greyBGsegmentBrand, .mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.productColumn .greyBGsegmentBrand, .mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.kpiColumn .greyBGsegmentBrand {
    overflow: hidden;
    width: 90%;
  }
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.segmentColumn .greyBGsegmentBrand .segmentName, .mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.brandColumn .greyBGsegmentBrand .segmentName, .mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.productColumn .greyBGsegmentBrand .segmentName, .mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.kpiColumn .greyBGsegmentBrand .segmentName {
  width: 80px;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 3px 0;
}
@media (min-width: 1299px) and (max-width: 1599px) {
  .mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.segmentColumn .greyBGsegmentBrand .segmentName, .mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.brandColumn .greyBGsegmentBrand .segmentName, .mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.productColumn .greyBGsegmentBrand .segmentName, .mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.kpiColumn .greyBGsegmentBrand .segmentName {
    width: 110px;
  }
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.segmentColumn .greyBGsegmentBrand .segmentNumber, .mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.brandColumn .greyBGsegmentBrand .segmentNumber, .mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.productColumn .greyBGsegmentBrand .segmentNumber, .mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.kpiColumn .greyBGsegmentBrand .segmentNumber {
  padding: 10px 8px;
  right: 0 !important;
  top: 0 !important;
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.segmentColumn .greyBGsegmentBrand.brandBg, .mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.brandColumn .greyBGsegmentBrand.brandBg, .mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.productColumn .greyBGsegmentBrand.brandBg, .mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.kpiColumn .greyBGsegmentBrand.brandBg {
  padding: 9px 8px;
  width: 90%;
}
@media (min-width: 1600px) and (max-width: 1821px) {
  .mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.segmentColumn .greyBGsegmentBrand.brandBg, .mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.brandColumn .greyBGsegmentBrand.brandBg, .mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.productColumn .greyBGsegmentBrand.brandBg, .mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.kpiColumn .greyBGsegmentBrand.brandBg {
    width: 190px;
  }
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.segmentColumn .greyBGsegmentBrand.brandBg .brandNumber, .mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.brandColumn .greyBGsegmentBrand.brandBg .brandNumber, .mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.productColumn .greyBGsegmentBrand.brandBg .brandNumber, .mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.kpiColumn .greyBGsegmentBrand.brandBg .brandNumber {
  padding: 12px 8px;
  top: 0 !important;
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.segmentColumn .greyBGsegmentBrand.kpiBg, .mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.brandColumn .greyBGsegmentBrand.kpiBg, .mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.productColumn .greyBGsegmentBrand.kpiBg, .mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.kpiColumn .greyBGsegmentBrand.kpiBg {
  padding: 12px 6px;
}
@media (min-width: 1299px) and (max-width: 1599px) {
  .mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.segmentColumn .greyBGsegmentBrand.kpiBg, .mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.brandColumn .greyBGsegmentBrand.kpiBg, .mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.productColumn .greyBGsegmentBrand.kpiBg, .mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.kpiColumn .greyBGsegmentBrand.kpiBg {
    width: 100%;
  }
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.segmentColumn .greyBGsegmentBrand.kpiBg .brandNumber, .mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.brandColumn .greyBGsegmentBrand.kpiBg .brandNumber, .mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.productColumn .greyBGsegmentBrand.kpiBg .brandNumber, .mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.kpiColumn .greyBGsegmentBrand.kpiBg .brandNumber {
  padding: 14px 10px;
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.versonColumn {
  width: 80px;
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.versonColumn .btn {
  width: 80px;
  padding: 10px 10px;
  margin-top: -4px;
  font-size: 13px;
}
@media (min-width: 1299px) and (max-width: 1699px) {
  .mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.versonColumn .btn {
    width: 90px;
    margin-top: -3px;
  }
}
@media (min-width: 1299px) and (max-width: 1599px) {
  .mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.productColumn .greyBGsegmentBrand, .mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.segmentColumn .greyBGsegmentBrand {
    width: 90%;
  }
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.productColumn.shadowHalf, .mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.segmentColumn.shadowHalf {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 120px;
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.createdDates {
  width: 300px;
}
@media (min-width: 1299px) and (max-width: 1599px) {
  .mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.createdDates {
    width: 280px;
  }
}
@media (min-width: 1600px) and (max-width: 1899px) {
  .mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.createdDates {
    width: 250px;
  }
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.brandColumn .brandBg {
  margin: 0 auto;
  text-align: center;
}
@media (min-width: 1821px) and (max-width: 3921px) {
  .mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.brandColumn .brandBg .brandNumber {
    right: 18px;
    top: 18px !important;
  }
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.brandColumn.brandLengthBg .brandName {
  margin-left: -35px;
}
@media (min-width: 1299px) and (max-width: 1599px) {
  .mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.kpiColumn {
    width: 240px;
  }
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.kpiColumn .kpiBg .brandName {
  padding-left: 20px;
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.kpiColumn .kpiBg .brandNumber {
  right: -27px;
  top: -1px;
}
@media (min-width: 1299px) and (max-width: 1599px) {
  .mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.kpiColumn .kpiBg .brandNumber {
    right: -17px;
  }
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.emotionCurveColumn {
  width: 150px;
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.moreActionsColumn {
  width: 100px;
}
@media (min-width: 1299px) and (max-width: 1599px) {
  .mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.moreActionsColumn {
    padding-right: 10px;
  }
}
@media (min-width: 1299px) and (max-width: 1599px) {
  .mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.moreActionsColumn.moreActions i {
    margin: 20px 0px 0px;
  }
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.moreActionsColumn.moreActions img {
  width: 6px;
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.userIconBg {
  background: #110a1a !important;
  width: 47px !important;
  padding: 0px 0px;
  margin: 0px;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1299px) and (max-width: 1699px) {
  .mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.userIconBg {
    /*  min-width: $base-margin * 9 + 2;*/
  }
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.userIconBg img {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  padding: 10px;
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.userIconBg:hover img {
  background: #2d2637;
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.firstTd {
  padding: 0px;
  min-width: 70px !important;
  width: 80px;
  position: relative;
  background: #1f1829;
  border: 1px solid #000 !important;
  height: 4vw;
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.firstTd img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.firstTd video[poster] {
  height: 80px;
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.nomapsBg {
  padding: 0;
  margin: 0;
  background: #110a1a;
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.nomapsBg .nomapsdiv {
  text-align: center;
  background: #110a1a;
  cursor: auto;
  border: 2px solid #1f1829 !important;
  color: #7b6c8f;
  font-size: 13px !important;
  margin: 0 15px 0 47px;
  padding: 30px 20px;
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.nomapsBg .nomapsdiv p {
  margin: 0px;
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.nomapsBg:hover .nomapsdiv {
  background: transparent !important;
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.mapTitleColumn {
  font-size: 12px;
  color: #fff;
  width: 330px;
  padding: 0 10px;
}
@media (min-width: 1299px) and (max-width: 1899px) {
  .mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.mapTitleColumn {
    width: 250px;
  }
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.mapTitleColumn p {
  position: relative;
  margin: 0px;
  width: 90%;
  /* &.addFadeout{
                      &:after{
                      position: $pos-abs;
                      top: ($base-margin * 2 ) + 2;
                      right: auto;
                      content: "";
                      width: $widthsize - 45;
                      height: $widthsize   + 50;
                      background-size: $widthsize + 50;
                      background: linear-gradient(180deg, #1F1829 0%, rgba(17, 10, 26, 0) 0%, rgba(45, 38, 55, 0) 0.01%, #25202d 66.33%);
                      transform: rotate(-90deg);
                      z-index: 0;
                      }
                  }*/
}
@media (min-width: 1199px) and (max-width: 1599px) {
  .mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.mapTitleColumn p {
    width: 90%;
    padding-left: 15px;
  }
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.createdDates p {
  color: rgba(255, 255, 255, 0.5);
  margin: 0px;
  font-size: 12px;
  font-weight: 400;
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.createdDates img {
  border-radius: 25px;
  height: 32px;
  width: 32px;
  object-fit: cover;
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.createdDates .createdDateInner {
  padding-left: 10px;
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.greyBgButton button,
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.greyBgButton .greyBGsegmentBrand {
  background: #433c4a;
  color: #fff;
  border-radius: 3px;
  padding: 8px;
  width: 90%;
}
@media (min-width: 1299px) and (max-width: 1699px) {
  .mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.greyBgButton button,
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.greyBgButton .greyBGsegmentBrand {
    margin-right: 10px;
  }
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.greyBgButton .greyBGsegmentBrand {
  border-radius: 3px;
  display: inline-block;
  overflow: hidden;
  position: relative;
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.greyBgButton .greyBGsegmentBrand .segmentName,
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.greyBgButton .greyBGsegmentBrand .brandName {
  position: relative;
  display: inline-block;
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.greyBgButton .greyBGsegmentBrand .segmentNumber,
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.greyBgButton .greyBGsegmentBrand .brandNumber {
  background: #5d5961;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  color: #fff;
  padding: 12px 10px;
  text-align: center;
  position: absolute;
  font-size: 12px;
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.greyBgButton .greyBGsegmentBrand.brandBg {
  background: #c2b8d0;
  border-radius: 3px;
  position: relative;
}
@media (min-width: 1400px) and (max-width: 1821px) {
  .mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.greyBgButton .greyBGsegmentBrand.brandBg .brandName {
    margin-left: 0px;
  }
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.greyBgButton .greyBGsegmentBrand.brandBg .brandName img {
  width: 100%;
  height: 25px;
  object-fit: contain;
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.greyBgButton .greyBGsegmentBrand.brandBg .brandNumber {
  padding: 13px 10px;
  right: 0;
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.greyBgButton .greyBGsegmentBrand.kpiBg {
  background: #110a1a;
  border-radius: 3px;
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.greyBgButton .greyBGsegmentBrand.kpiBg i {
  margin-left: 5px;
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.greyBgButton .greyBGsegmentBrand.kpiBg i.red {
  color: #9e0000;
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.greyBgButton .greyBGsegmentBrand.kpiBg i.green {
  color: #03ac00;
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.greyBgButton .greyBGsegmentBrand.kpiBg .kpiValue,
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.greyBgButton .greyBGsegmentBrand.kpiBg i {
  display: inline-block;
  font-size: 12px;
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.greyBgButton .greyBGsegmentBrand.kpiBg .kpiValue {
  color: #fff;
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.greyBgButton .greyBGsegmentBrand.kpiBg .kpiValue.red {
  color: #9e0000;
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.greyBgButton .greyBGsegmentBrand.kpiBg .kpiValue.green {
  color: #03ac00;
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.moreActions {
  padding-left: 20px;
  text-align: center;
  position: relative;
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.moreActions a {
  color: #7b6c8f;
  font-size: 16px;
  padding: 15px 10px 15px 15px;
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.moreActions a.dropdown-toggle::after {
  border: none !important;
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.moreActions a.dropdown-toggle:hover {
  background: #110a1a;
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.moreActions .dropdown-menu {
  background: #26202e;
  padding: 0px;
  left: -70px !important;
  border-radius: 0px;
  width: 220px;
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.moreActions .dropdown-menu a {
  color: #fff;
  font-size: 12px;
  padding: 15px 8px;
  font-weight: 600;
  border-bottom: 1px solid #362749;
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.moreActions .dropdown-menu a:hover {
  background: #2d2637;
}
.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg td.moreActions .dropdown-menu a:last-child {
  border-bottom: 1px solid transparent;
}
.mainmapsContainer .mymapsRows .mappingTable tr.emptyTd td {
  background: #110a1a;
  height: 5px;
  padding: 0px;
  border: none;
}
.mainmapsContainer .nomapsdiv {
  border: 1px dashed #433c4a;
  margin: 20px;
  padding: 10px;
}
.mainmapsContainer .nomapsdiv a {
  color: #fff;
  font-size: 16px;
}
.mainmapsContainer .nomapsdiv:hover {
  border: 1px dashed #7800ff;
}

/*** Publish Modal***/
.publishBtns .publishBtnsinner {
  position: relative;
  left: -40px;
}

.publishMMGap {
  margin: 100px 0px 0px 0px;
}

.greenBg-btn {
  background: #0ba32d;
}
.greenBg-btn:hover {
  background: #107527;
}

.greenBg-btn,
.orangeBg-btn {
  border-radius: 3px;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  -webkit-box-shadow: 0px 4px 4px #000;
  -moz-box-shadow: 0px 4px 4px #000;
  -ms-box-shadow: 0px 4px 4px #000;
  -o-box-shadow: 0px 4px 4px #000;
  box-shadow: 0px 4px 4px #000;
}

.orangeBg-btn {
  background: #ae6725;
}
.orangeBg-btn:hover {
  background: #7c4411;
}

.actDeactFooter {
  border-top: 1px solid transparent;
  width: 120%;
}
.actDeactFooter .saveCancelbtns {
  left: -45px;
}
.actDeactFooter .saveCancelbtns .actDeactFooterInner {
  left: -60px;
}

.importMapsModal .modal-lg {
  max-width: 1100px;
}
@media (min-width: 1199px) and (max-width: 1399px) {
  .importMapsModal .modal-lg {
    max-width: 1100px;
  }
}
.importMapsModal .importsMapsContainer.mainmapsContainer h2 {
  font-size: 20px;
  font-weight: 600;
}
.importMapsModal .importsMapsContainer.mainmapsContainer .mymapsRows {
  overflow: hidden;
}
.importMapsModal .importsMapsContainer.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg {
  background: #110a1a;
  height: 80px;
}
.importMapsModal .importsMapsContainer.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg .mapTitleColumn {
  width: 170px !important;
  padding-left: 15px !important;
}
.importMapsModal .importsMapsContainer.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg .userIconBg {
  background: #1f1829 !important;
  width: 60px;
}
.importMapsModal .importsMapsContainer.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg .emotionCurve .emotionCurveDiv {
  width: 100%;
}
.importMapsModal .importsMapsContainer.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg .emotionCurve .emotionCurveDiv img {
  width: 100px;
}
.importMapsModal .importsMapsContainer.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg .kpiBg {
  padding: 12px 8px;
}
.importMapsModal .importsMapsContainer.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg .kpiBg .brandName {
  padding-left: 0px;
}
.importMapsModal .importsMapsContainer.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg .kpiBg .brandNumber {
  right: 0px;
}
.importMapsModal .importsMapsContainer.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg .segmentColumn .greyBGsegmentBrand,
.importMapsModal .importsMapsContainer.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg .productColumn .greyBGsegmentBrand,
.importMapsModal .importsMapsContainer.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg .brnadColumn .greyBGsegmentBrand {
  width: 77%;
}
.importMapsModal .importsMapsContainer.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg .segmentColumn .greyBGsegmentBrand .segmentNumber,
.importMapsModal .importsMapsContainer.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg .productColumn .greyBGsegmentBrand .segmentNumber,
.importMapsModal .importsMapsContainer.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg .brnadColumn .greyBGsegmentBrand .segmentNumber {
  right: 19px !important;
}
.importMapsModal .importsMapsContainer.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg .emotionCurveColumn {
  position: relative;
}
.importMapsModal .importsMapsContainer.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg .emotionCurveColumn:after {
  background: linear-gradient(180deg, #1f1829 0%, rgba(17, 10, 26, 0) 0%, rgba(31, 24, 41, 0) 0.01%, #1f1829 66.33%);
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  position: absolute;
  content: "";
  width: 70%;
  height: 100%;
  top: 0px;
  right: -2px;
}
.importMapsModal .importsMapsContainer.mainmapsContainer .mymapsRows .mappingTable tr.mapsBg.createdDates {
  width: 190px;
}
.importMapsModal .importsMapsContainer.mainmapsContainer .mymapsRows .mappingTable tr.emptyTd td {
  background: #1f1829 !important;
}
.importMapsModal .uploadImage .uploadImageBox {
  height: 200px;
}
.importMapsModal .uploadImage .uploadImageBox .centerVertical label {
  height: 50px;
  margin: 0px auto;
  width: 100%;
  text-align: center;
}
.importMapsModal .uploadImage .uploadImageBox .centerVertical label span {
  display: inline-block;
}
.importMapsModal .uploadImage .uploadImageBox .centerVertical label span img {
  width: 26px;
  vertical-align: middle;
}
.importMapsModal .uploadImage .uploadImageBox .centerVertical label p {
  display: inline-block;
  width: 74%;
  text-align: left;
  margin-left: 10px;
}
.importMapsModal .uploadImage .uploadImageBox .centerVertical label .tertiarynew-btn {
  margin: 0 auto;
  padding: 10px 25px;
}
.importMapsModal .uploadImage .uploadImageBox .centerVertical label.dragdropTxt {
  margin-left: 50px;
}
.importMapsModal .saveCancelbtns {
  width: 105%;
}

.filterorderDropdown .selectArrowMain .bootstrap-select .dropdown-toggle:after {
  border: none;
  top: 9px;
}
.filterorderDropdown .selectArrowMain .bootstrap-select .dropdown-toggle .filter-option-inner-inner:after {
  background: linear-gradient(177.49deg, rgba(31, 24, 41, 0) 2.1%, #2d2637 37.61%);
  top: 4px;
  right: 20px;
  width: 3%;
}
.filterorderDropdown .selectArrowMain .bootstrap-select .dropdown-menu li {
  background: #110a1a;
  border-bottom: 1px solid #2d2637;
}
.filterorderDropdown .selectArrowMain .bootstrap-select .dropdown-menu li a {
  padding: 15px 20px;
}

.productMainList.actionBoxList .dropdown-menu li.selected a {
  padding-left: 60px;
}

.mymapsHtml .extraHeaderSpace {
  overflow-x: hidden;
}

.filterBrand .bootstrap-select.show-tick .dropdown-menu li.selected span.text {
  padding-left: 0px !important;
}

.padAligngap {
  padding-left: 47px;
}

.ml-0 {
  margin-left: 0px;
}

.mr-0 {
  margin-right: 0px;
}

.filerSortWidth.filterOptions .filterMianSection .filterOrderBg .clearTxt {
  float: right;
  margin-top: 3px;
}

.m-maps-filter-box .filterorderDropdown {
  top: 35px !important;
  left: auto !important;
  width: 470px !important;
}
.m-maps-filter-box .filterorderDropdown .filterDropdownInner > li {
  margin-bottom: 11px !important;
}
.m-maps-filter-box .filterorderDropdown .filterDropdownInner > li label {
  font-size: 13px;
}
.m-maps-filter-box .filterorderDropdown .filterFooter {
  padding: 30px 10px 20px 10px;
  margin-bottom: 0px;
}
.m-maps-filter-box .filterorderDropdown .filterFooter button {
  margin-left: 0px !important;
}
.m-maps-filter-box .filterorderDropdown .filterFooter .filterbtnGrp button:nth-last-child(1) {
  margin-left: 15px !important;
}

.m-maps-sort-box .filterorderDropdown {
  top: 30px !important;
  left: auto !important;
  width: 260px !important;
}
.m-maps-sort-box .filterorderDropdown.orderDropdown li a:hover {
  background: #2d2637 !important;
}

.m-button-small.color-btn-sm span, .m-button-small.primary-colorbtn span,
.global-btn-sm.color-btn-sm span,
.global-btn-sm.primary-colorbtn span {
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.m-button-small.color-btn-sm.importBtn span.import-icon, .m-button-small.primary-colorbtn.importBtn span.import-icon,
.global-btn-sm.color-btn-sm.importBtn span.import-icon,
.global-btn-sm.primary-colorbtn.importBtn span.import-icon {
  height: 11px;
  width: 11px;
  background: url(/bundles/map/images/import-icon-hover.svg) no-repeat !important;
  background-size: 100% !important;
}
.m-button-small.color-btn-sm.importBtn:hover span.import-icon, .m-button-small.color-btn-sm.importBtn:visited span.import-icon, .m-button-small.color-btn-sm.importBtn:active span.import-icon, .m-button-small.color-btn-sm.importBtn:focus-within span.import-icon, .m-button-small.color-btn-sm.importBtn:focus span.import-icon, .m-button-small.primary-colorbtn.importBtn:hover span.import-icon, .m-button-small.primary-colorbtn.importBtn:visited span.import-icon, .m-button-small.primary-colorbtn.importBtn:active span.import-icon, .m-button-small.primary-colorbtn.importBtn:focus-within span.import-icon, .m-button-small.primary-colorbtn.importBtn:focus span.import-icon,
.global-btn-sm.color-btn-sm.importBtn:hover span.import-icon,
.global-btn-sm.color-btn-sm.importBtn:visited span.import-icon,
.global-btn-sm.color-btn-sm.importBtn:active span.import-icon,
.global-btn-sm.color-btn-sm.importBtn:focus-within span.import-icon,
.global-btn-sm.color-btn-sm.importBtn:focus span.import-icon,
.global-btn-sm.primary-colorbtn.importBtn:hover span.import-icon,
.global-btn-sm.primary-colorbtn.importBtn:visited span.import-icon,
.global-btn-sm.primary-colorbtn.importBtn:active span.import-icon,
.global-btn-sm.primary-colorbtn.importBtn:focus-within span.import-icon,
.global-btn-sm.primary-colorbtn.importBtn:focus span.import-icon {
  background: url(/bundles/map/images/import-icon-hover.svg) no-repeat !important;
}
.m-button-small.color-btn-sm.reselectBtn span.reselect-icon, .m-button-small.primary-colorbtn.reselectBtn span.reselect-icon,
.global-btn-sm.color-btn-sm.reselectBtn span.reselect-icon,
.global-btn-sm.primary-colorbtn.reselectBtn span.reselect-icon {
  height: 11px;
  width: 14px;
  background: url("/bundles/map/images/reselect-icon.svg") no-repeat;
  background-size: 100% !important;
}
.m-button-small.color-btn-sm.reselectBtn:hover span.reselect-icon, .m-button-small.color-btn-sm.reselectBtn:visited span.reselect-icon, .m-button-small.color-btn-sm.reselectBtn:active span.reselect-icon, .m-button-small.color-btn-sm.reselectBtn:focus-within span.reselect-icon, .m-button-small.color-btn-sm.reselectBtn:focus span.reselect-icon, .m-button-small.primary-colorbtn.reselectBtn:hover span.reselect-icon, .m-button-small.primary-colorbtn.reselectBtn:visited span.reselect-icon, .m-button-small.primary-colorbtn.reselectBtn:active span.reselect-icon, .m-button-small.primary-colorbtn.reselectBtn:focus-within span.reselect-icon, .m-button-small.primary-colorbtn.reselectBtn:focus span.reselect-icon,
.global-btn-sm.color-btn-sm.reselectBtn:hover span.reselect-icon,
.global-btn-sm.color-btn-sm.reselectBtn:visited span.reselect-icon,
.global-btn-sm.color-btn-sm.reselectBtn:active span.reselect-icon,
.global-btn-sm.color-btn-sm.reselectBtn:focus-within span.reselect-icon,
.global-btn-sm.color-btn-sm.reselectBtn:focus span.reselect-icon,
.global-btn-sm.primary-colorbtn.reselectBtn:hover span.reselect-icon,
.global-btn-sm.primary-colorbtn.reselectBtn:visited span.reselect-icon,
.global-btn-sm.primary-colorbtn.reselectBtn:active span.reselect-icon,
.global-btn-sm.primary-colorbtn.reselectBtn:focus-within span.reselect-icon,
.global-btn-sm.primary-colorbtn.reselectBtn:focus span.reselect-icon {
  background: url("/bundles/map/images/reselect-icon-hover.svg") no-repeat;
}
.m-button-small.color-btn-sm.campareBtn span.compare-icon, .m-button-small.primary-colorbtn.campareBtn span.compare-icon,
.global-btn-sm.color-btn-sm.campareBtn span.compare-icon,
.global-btn-sm.primary-colorbtn.campareBtn span.compare-icon {
  width: 18px;
  height: 8px;
  background: url(/bundles/map/images/compare-icon-hover.svg) no-repeat;
  background-size: 100% !important;
}
.m-button-small.color-btn-sm.campareBtn:hover span.compare-icon .m-button-small.color-btn-sm.campareBtn:visited span.compare-icon, .m-button-small.color-btn-sm.campareBtn:active span.compare-icon, .m-button-small.color-btn-sm.campareBtn:focus span.compare-icon, .m-button-small.color-btn-sm.campareBtn:hover span.compare-icon .m-button-small.primary-colorbtn.campareBtn:visited span.compare-icon, .m-button-small.primary-colorbtn.campareBtn:active span.compare-icon, .m-button-small.primary-colorbtn.campareBtn:focus span.compare-icon,
.m-button-small.color-btn-sm.campareBtn:hover span.compare-icon .global-btn-sm.color-btn-sm.campareBtn:visited span.compare-icon,
.global-btn-sm.color-btn-sm.campareBtn:active span.compare-icon,
.global-btn-sm.color-btn-sm.campareBtn:focus span.compare-icon,
.m-button-small.color-btn-sm.campareBtn:hover span.compare-icon .global-btn-sm.primary-colorbtn.campareBtn:visited span.compare-icon,
.global-btn-sm.primary-colorbtn.campareBtn:active span.compare-icon,
.global-btn-sm.primary-colorbtn.campareBtn:focus span.compare-icon, .m-button-small.primary-colorbtn.campareBtn:hover span.compare-icon .m-button-small.color-btn-sm.campareBtn:visited span.compare-icon, .m-button-small.primary-colorbtn.campareBtn:hover span.compare-icon .m-button-small.primary-colorbtn.campareBtn:visited span.compare-icon,
.m-button-small.primary-colorbtn.campareBtn:hover span.compare-icon .global-btn-sm.color-btn-sm.campareBtn:visited span.compare-icon,
.m-button-small.primary-colorbtn.campareBtn:hover span.compare-icon .global-btn-sm.primary-colorbtn.campareBtn:visited span.compare-icon,
.global-btn-sm.color-btn-sm.campareBtn:hover span.compare-icon .m-button-small.color-btn-sm.campareBtn:visited span.compare-icon,
.global-btn-sm.color-btn-sm.campareBtn:hover span.compare-icon .m-button-small.primary-colorbtn.campareBtn:visited span.compare-icon,
.global-btn-sm.color-btn-sm.campareBtn:hover span.compare-icon .global-btn-sm.color-btn-sm.campareBtn:visited span.compare-icon,
.global-btn-sm.color-btn-sm.campareBtn:hover span.compare-icon .global-btn-sm.primary-colorbtn.campareBtn:visited span.compare-icon,
.global-btn-sm.primary-colorbtn.campareBtn:hover span.compare-icon .m-button-small.color-btn-sm.campareBtn:visited span.compare-icon,
.global-btn-sm.primary-colorbtn.campareBtn:hover span.compare-icon .m-button-small.primary-colorbtn.campareBtn:visited span.compare-icon,
.global-btn-sm.primary-colorbtn.campareBtn:hover span.compare-icon .global-btn-sm.color-btn-sm.campareBtn:visited span.compare-icon,
.global-btn-sm.primary-colorbtn.campareBtn:hover span.compare-icon .global-btn-sm.primary-colorbtn.campareBtn:visited span.compare-icon {
  background: url(/bundles/map/images/compare-icon-hover.svg) no-repeat;
}
.m-button-small.color-btn-sm.addnewBtn span.add-icon, .m-button-small.primary-colorbtn.addnewBtn span.add-icon,
.global-btn-sm.color-btn-sm.addnewBtn span.add-icon,
.global-btn-sm.primary-colorbtn.addnewBtn span.add-icon {
  height: 11px;
  width: 11px;
  background: url(/bundles/map/images/add-icon.svg) no-repeat;
  background-size: 100% !important;
}
.m-button-small.color-btn-sm.addnewBtn:hover span.add-icon, .m-button-small.color-btn-sm.addnewBtn:visited span.add-icon, .m-button-small.color-btn-sm.addnewBtn:active span.add-icon, .m-button-small.color-btn-sm.addnewBtn:focus-within span.add-icon, .m-button-small.color-btn-sm.addnewBtn:focus span.add-icon, .m-button-small.primary-colorbtn.addnewBtn:hover span.add-icon, .m-button-small.primary-colorbtn.addnewBtn:visited span.add-icon, .m-button-small.primary-colorbtn.addnewBtn:active span.add-icon, .m-button-small.primary-colorbtn.addnewBtn:focus-within span.add-icon, .m-button-small.primary-colorbtn.addnewBtn:focus span.add-icon,
.global-btn-sm.color-btn-sm.addnewBtn:hover span.add-icon,
.global-btn-sm.color-btn-sm.addnewBtn:visited span.add-icon,
.global-btn-sm.color-btn-sm.addnewBtn:active span.add-icon,
.global-btn-sm.color-btn-sm.addnewBtn:focus-within span.add-icon,
.global-btn-sm.color-btn-sm.addnewBtn:focus span.add-icon,
.global-btn-sm.primary-colorbtn.addnewBtn:hover span.add-icon,
.global-btn-sm.primary-colorbtn.addnewBtn:visited span.add-icon,
.global-btn-sm.primary-colorbtn.addnewBtn:active span.add-icon,
.global-btn-sm.primary-colorbtn.addnewBtn:focus-within span.add-icon,
.global-btn-sm.primary-colorbtn.addnewBtn:focus span.add-icon {
  background: url(/bundles/map/images/add-icon-hover.svg) no-repeat;
}

.browseBtn {
  width: auto !important;
  display: inline-block !important;
}

.ml-20 {
  margin-left: 20px;
}

.orderNewDropdownmenu ul li a {
  padding: 5.5px 20px !important;
  font-size: 13px !important;
}

.mapsFilterDropNew .selectArrowMain .bootstrap-select .dropdown-toggle:after {
  top: 1px;
}

.filterBrand .dropdown-menu li a span.text {
  padding: 0px;
}
.filterBrand .dropdown-menu li a span.text img {
  width: 60px;
  height: 15px;
  object-fit: contain;
}
.filterBrand .filter-option-inner .filter-option-inner-inner img {
  width: 80px;
  background: #c2b8d0;
  border-radius: 25px;
  height: 19px;
  object-fit: contain;
  padding: 2px;
  margin-top: 3px;
  margin-top: 3px;
}
.filterBrand .bootstrap-select button {
  padding-bottom: 3px !important;
}

.iconsselectfilter .dropdown-menu li a span.text {
  padding: 0px 15px !important;
}
.iconsselectfilter .dropdown .dropdown-menu .inner .dropdown-menu li a.dropdown-item span.text i {
  color: #000;
}

.langageSelect .bootstrap-select.show-tick .dropdown-menu li.selected span.text {
  padding-left: 0px;
}

/*---Persona Filter Start----*/
.personaFilter {
  font-size: 13px;
}
.personaFilter .dropdown-menu .inner ul.dropdown-menu {
  overflow: hidden !important;
}
.personaFilter .dropdown-menu .inner ul.dropdown-menu li {
  height: 25px;
}
.personaFilter .dropdown-menu .inner ul.dropdown-menu li a.dropdown-item {
  padding: 2px 8px !important;
}
.personaFilter .dropdown-menu .inner ul.dropdown-menu li a.dropdown-item span.text {
  padding: 0px 5px !important;
  font-size: 12px;
  color: #000;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  width: 150px;
  margin-left: 32px;
  width: calc(100% - 32px);
}
.personaFilter .dropdown-menu .inner ul.dropdown-menu li a.dropdown-item span.text img {
  width: 15px;
  height: 15px;
  object-fit: cover;
  border-radius: 50%;
}
.personaFilter .dropdown-toggle {
  padding: 2px 8px !important;
}
.personaFilter .dropdown-toggle .filter-option .filter-option-inner .filter-option-inner-inner {
  line-height: 20px !important;
}
.personaFilter .dropdown-toggle .filter-option .filter-option-inner .filter-option-inner-inner span.personaselectItem {
  padding: 2px 5px !important;
  font-size: 12px;
  color: #000;
  background: #c2b8d0;
  border-radius: 25px;
}
.personaFilter .dropdown-toggle .filter-option .filter-option-inner .filter-option-inner-inner span.personaselectItem img {
  width: 15px;
  background: #c2b8d0;
  padding: 0px;
  border-radius: 25px;
  height: 15px;
  object-fit: cover;
}

/*---Persona Filter End----*/
/*---Laungage Filter Start----*/
.languageFilter .dropdown-menu .inner .dropdown-menu li a span.text {
  padding-left: 0px !important;
}

/*---Laungage Filter End----*/
/*---Laungage Filter Start----*/
.brandsFilter .dropdown-menu .inner .dropdown-menu li a span.text {
  padding: 0px 5px !important;
  font-size: 12px;
  color: #000;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  width: 150px;
  margin-left: 32px;
  width: calc(100% - 32px);
}
.brandsFilter .dropdown-menu .inner .dropdown-menu li a span.text .brandname {
  color: #110a1a;
  text-align: left;
  padding-right: 15px;
}

/*---Laungage Filter End----*/
.personaselectItem img {
  border-radius: 50% !important;
  width: 12px !important;
  height: 12px !important;
  object-fit: cover;
  margin-top: -2px;
}

.statusVersionspace .restrictClose label {
  margin: 0px !important;
}

.statusVersionspace .restrictClose label.ml-15-reverse {
  margin-left: -15px !important;
}

.milkyTablerow.Child_table .profileChecked.emptyDiv {
  position: absolute;
  width: 72px;
  height: 65px;
}
.milkyTablerow.Child_table .userIconBg .usericon {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: inline-block;
  margin: 17.5px 0px 0px 21px;
}
.milkyTablerow.Child_table .milkyMedia {
  left: 20px;
}
.milkyTablerow.Child_table .milkyCheckbox {
  background: transparent;
  left: 19px;
  width: 63px;
  height: 63px;
}
.milkyTablerow.Child_table .milkyCheckbox .compareCheck .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  background: #110a1a;
  border-radius: 0px;
  border: solid 1px #110a1a;
}
.milkyTablerow.Child_table .milkyCheckbox .compareCheck .customcheckbox input:checked ~ .checkmark {
  background: #7800ff !important;
  border-radius: 0px;
  border: solid 1px #110a1a;
}
.milkyTablerow.Child_table .milkyTablerowMain table tr td:nth-child(1).mapTitleColumn p.addFadeout {
  padding-left: 51px;
  margin-left: 21px;
}
.milkyTablerow.Child_table .milkyTablerowMain table tr td:nth-child(1) .userIconBg {
  background: transparent !important;
  left: 104px;
  width: 30px;
}
.milkyTablerow.Child_table .milkyTablerowMain table tr td:nth-child(1) .userIconBg .usericon {
  margin-left: 0px !important;
}

.milkyTablerow.Parent_table .childMap-CountBtn button {
  background: #3f3449;
  color: #fff;
  border-radius: 3px;
  padding: 6px 11px;
  width: 100%;
  position: relative;
  font-weight: 600;
  border: none !important;
  height: 30px;
  overflow: hidden;
  white-space: nowrap;
  font-size: 13px;
}
.milkyTablerow.Parent_table .childMap-CountBtn button img {
  width: 8px;
  height: 13px;
  border-radius: 0%;
  object-fit: cover;
  background: transparent !important;
  float: unset !important;
  margin-right: 3px !important;
}
.milkyTablerow.Parent_table .milkyCheckbox {
  background: transparent;
  left: 0px;
  width: 65px;
  height: 63px;
}
.milkyTablerow.Parent_table .milkyCheckbox .compareCheck .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  background: #110a1a;
  border-radius: 0px;
  border: solid 1px #110a1a;
}
.milkyTablerow.Parent_table .milkyCheckbox .compareCheck .customcheckbox input:checked ~ .checkmark {
  background: #110a1a;
  border-radius: 0px;
  border: solid 1px #110a1a;
}
.milkyTablerow.Parent_table .milkyTablerowMain table tr td:nth-child(1) {
  width: 30%;
}
.milkyTablerow.Parent_table .milkyTablerowMain table tr td:nth-child(1).mapTitleColumn p.addFadeout {
  padding-left: 51px;
}
.milkyTablerow.Parent_table .milkyTablerowMain table tr td:nth-child(1) .userIconBg {
  background: transparent !important;
  left: 83px;
  width: 30px;
}
.milkyTablerow.Parent_table .milkyTablerowMain table tr td:nth-child(1) .userIconBg .usericon {
  margin-left: 0px !important;
}
.milkyTablerow.Parent_table .milkyTablerowMain table tr td:nth-child(2) {
  width: 24%;
}
.milkyTablerow.Parent_table .milkyTablerowMain table tr td:nth-child(2).createdDates .row {
  margin: 0px;
  max-width: 370px;
}
.milkyTablerow.Parent_table .milkyTablerowMain table tr td:nth-child(2).createdDates .row .userNameDisplay {
  max-width: 160px;
}

.milkyTablerow.normal_table .profileChecked.emptyDiv {
  position: absolute;
  width: 52px;
  height: 65px;
}
.milkyTablerow.normal_table .userIconBg .usericon {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: inline-block;
  margin: 17.5px 0px 0px 21px;
}
.milkyTablerow.normal_table .milkyMedia {
  left: 0px;
}
.milkyTablerow.normal_table .milkyCheckbox {
  background: transparent;
  left: 0px;
  width: 65px;
  height: 63px;
}
.milkyTablerow.normal_table .milkyCheckbox .compareCheck .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  background: #110a1a;
  border-radius: 0px;
  border: solid 1px #110a1a;
}
.milkyTablerow.normal_table .milkyCheckbox .compareCheck .customcheckbox input:checked ~ .checkmark {
  border-radius: 0px;
  border: solid 1px #110a1a;
}
.milkyTablerow.normal_table .milkyTablerowMain table tr td:nth-child(1).mapTitleColumn p.addFadeout {
  padding-left: 51px;
  margin-left: 0px;
}
.milkyTablerow.normal_table .milkyTablerowMain table tr td:nth-child(1) .userIconBg {
  background: transparent !important;
  left: 83px;
  width: 30px;
}
.milkyTablerow.normal_table .milkyTablerowMain table tr td:nth-child(1) .userIconBg .usericon {
  margin-left: 0px !important;
}

.childCreateRow {
  margin-bottom: 21px !important;
}
.childCreateRow .milkyTablerowInner {
  padding-left: 72px !important;
}

/*------Create New Maps Popup Start------*/
.mainModal .createMyMap.fourbox {
  max-width: 802px;
}
.mainModal .createMyMap.fourbox .modal-body .mapsNewBody {
  width: 716px;
}
.mainModal .createMyMap.threebox {
  max-width: 613px;
}
.mainModal .createMyMap.threebox .modal-body .mapsNewBody {
  width: 525px;
}
.mainModal .createMyMap.threebox .modal-body .mapsNewBody .mapsFilterSearchBlk .searchFilterMaps .m-fiterbuttonBar .filerSearchWidth {
  min-width: 335px;
}
.mainModal .createMyMap.twobox {
  max-width: 425px;
}
.mainModal .createMyMap.twobox .modal-body .mapsNewBody {
  width: 335px;
}
.mainModal .createMyMap.twobox .modal-body .mapsNewBody .mapsFilterSearchBlk .searchFilterMaps .m-fiterbuttonBar .filerSearchWidth {
  min-width: 100%;
  max-width: 100%;
}
.mainModal .createMyMap.twobox .modal-body .mapsNewBody .mapsFilterSearchBlk .searchFilterMaps .m-fiterbuttonBar .filterOptions {
  margin-left: 10px;
}
.mainModal .createMyMap.twobox .modal-body .mapsNewBody .mapboxBlock .mapBox-main:nth-last-child(2) {
  margin-right: 45px !important;
}
.mainModal .createMyMap.onebox {
  max-width: 425px !important;
}
.mainModal .createMyMap.onebox .modal-body .mapsNewBody .mapboxBlock {
  display: block !important;
}
.mainModal .createMyMap.onebox .modal-body .mapsNewBody .mapboxBlock .mapBox-main {
  margin: 0px auto !important;
}
.mainModal .createMyMap.onebox .modal-body .mapsNewBody .mapboxBlock .mapBox-main:nth-last-child(1) {
  margin: 0px auto !important;
}
.mainModal .createMyMap .modal-body {
  padding: 42px !important;
}
.mainModal .createMyMap .modal-body .mapsNewBody {
  padding: 0px;
}
.mainModal .createMyMap .modal-body .mapsNewBody .mapboxBlock {
  width: 100%;
  display: flex;
}
.mainModal .createMyMap .modal-body .mapsNewBody .mapboxBlock .mapBox-main {
  width: 145px;
  max-width: 145px;
  flex: 0 0 145px;
  margin-right: 45px !important;
  position: relative;
  min-height: 1px;
  box-sizing: border-box;
  padding: 0px;
}
.mainModal .createMyMap .modal-body .mapsNewBody .mapboxBlock .mapBox-main:nth-last-child(1) {
  margin-right: 0px !important;
}
.mainModal .createMyMap .modal-body .mapsNewBody .mapboxBlock .mapBox-main .mapBox {
  width: 144px;
  height: 144px;
  margin-bottom: 20px;
  background: #110a1a;
  line-height: 145px;
  cursor: pointer;
  border: 1px solid #110a1a;
}
.mainModal .createMyMap .modal-body .mapsNewBody .mapboxBlock .mapBox-main .mapBox:hover {
  border: 1px solid #9d46ff;
  cursor: pointer;
  background: rgba(120, 1, 255, 0.2);
}
.mainModal .createMyMap .modal-body .mapsNewBody .mapboxBlock .mapBox-main .mapBox.activeMap {
  border: 1px solid #9d46ff;
  cursor: pointer;
  background: rgba(120, 1, 255, 0.2);
}
.mainModal .createMyMap .modal-body .mapsNewBody .mapboxBlock .mapBox-main:nth-child(1) .mapBox img {
  height: 18px;
}
.mainModal .createMyMap .modal-body .mapsNewBody .mapboxBlock .mapBox-main:nth-child(2) .mapBox img {
  height: 15px;
}
.mainModal .createMyMap .modal-body .mapsNewBody .mapboxBlock .mapBox-main:nth-child(3) .mapBox img {
  height: 18px;
}
.mainModal .createMyMap .modal-body .mapsNewBody .mapboxBlock .mapBox-main:nth-child(4) .mapBox img {
  height: 16px;
}
.mainModal .createMyMap .modal-body .mapsNewBody .mapboxBlock .mapBox-main .mapName {
  text-align: center;
  font-size: 13px;
  color: #fff;
  font-weight: 500;
}
.mainModal .createMyMap .modal-body .mapsNewBody .createMapRow {
  width: 100%;
  display: block;
  padding: 10px;
  text-align: center;
  border: 1px dashed #a294b5;
  border-radius: 3px;
  font-size: 13px;
  color: #fff;
  margin-top: 38px;
  cursor: pointer;
}
.mainModal .createMyMap .modal-body .mapsNewBody .createMapRow i {
  font-size: 11px;
}
.mainModal .createMyMap .modal-body .mapsNewBody .createMapRow:hover {
  background: rgba(120, 1, 255, 0.2);
  border: 1px dashed #9d46ff;
}
.mainModal .createMyMap .modal-body .mapsNewBody .mapsFilterSearchBlk {
  width: 100%;
  padding-top: 42px;
}
.mainModal .createMyMap .modal-body .mapsNewBody .mapsFilterSearchBlk .filterSearchHeading {
  width: 100%;
  display: flex;
  border-bottom: 1px solid #110a1a;
  padding-bottom: 10px;
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: 500;
  padding-left: 0px;
  padding-right: 0px;
}
.mainModal .createMyMap .modal-body .mapsNewBody .mapsFilterSearchBlk .searchFilterMaps {
  width: 100%;
  display: flex;
}
.mainModal .createMyMap .modal-body .mapsNewBody .mapsFilterSearchBlk .searchFilterMaps .fiterBtnBar {
  width: 100%;
}
.mainModal .createMyMap .modal-body .mapsNewBody .mapsFilterSearchBlk .searchFilterMaps .m-fiterbuttonBar .filerSearchWidth {
  min-width: 526px;
}
.mainModal .createMyMap .modal-body .mapsNewBody .mapsFilterSearchBlk .searchFilterMaps .m-fiterbuttonBar .filterOptions {
  display: inline-block;
  min-width: 145px;
  margin-left: 45px;
}
.mainModal .createMyMap .modal-body .mapsNewBody .mapsFilterSearchBlk .searchKeywordsDisplay {
  width: 100%;
  display: block;
}
.mainModal .createMyMap .modal-body .mapsNewBody .mapsFilterSearchBlk .mapsDisplaybox {
  width: 100%;
  display: block;
  padding-top: 21px;
}
.mainModal .createMyMap .modal-body .mapsNewBody .mapsFilterSearchBlk .mapsDisplaybox .mapsDisplayrow {
  width: 100%;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 18px;
  font-size: 13px;
  font-weight: 500;
  padding: 7.5px 7.5px;
  cursor: pointer;
}
.mainModal .createMyMap .modal-body .mapsNewBody .mapsFilterSearchBlk .mapsDisplaybox .mapsDisplayrow:hover {
  background: #5a4f65;
}
.mainModal .createMyMap .modal-body .mapsNewBody .mapsFilterSearchBlk .mapsDisplaybox .mapsDisplayrow span.icon {
  margin-right: 10px;
}
.mainModal .createMyMap .modal-body .mapsNewBody .mapsFilterSearchBlk .mapsDisplaybox .mapsDisplayrow span.icon img {
  width: 13px;
}

/*------Create New Maps Popup End------*/
/*------Parent maps Settings Popup Start------*/
.mainModal .parentMapSettings {
  max-width: 650px;
}
.mainModal .parentMapSettings .modal-body {
  padding: 42px !important;
}
.mainModal .parentMapSettings .modal-body .settingsData {
  width: 100%;
  display: flow-root;
}
.mainModal .parentMapSettings .modal-body .settingsData .toggleRow {
  width: 100%;
  display: block;
  font-size: 13px;
  font-weight: 700;
  float: left;
  margin-bottom: 21px;
}
.mainModal .parentMapSettings .modal-body .settingsData .toggleRow:nth-last-child(1) {
  margin-bottom: 0px;
}
.mainModal .parentMapSettings .modal-body .settingsData .toggleRow p {
  font-size: 13px;
  font-weight: 400;
  color: #c2b8d0;
  margin: 0px;
}
.mainModal .parentMapSettings .modal-body .settingsData .toggleRow .switchtoggle {
  float: right;
  height: 20px;
}
.mainModal .parentMapSettings .modal-body .settingsData .toggleRow .switchtoggle .switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
  margin: 0px;
}
.mainModal .parentMapSettings .modal-body .settingsData .toggleRow .switchtoggle .switch input {
  display: none;
}
.mainModal .parentMapSettings .modal-body .settingsData .toggleRow .switchtoggle .switch input:checked + .slider {
  background-color: #7800ff;
}
.mainModal .parentMapSettings .modal-body .settingsData .toggleRow .switchtoggle .switch input:checked + .slider:before {
  -webkit-transform: translateX(15px);
  -ms-transform: translateX(15px);
  transform: translateX(15px);
}
.mainModal .parentMapSettings .modal-body .settingsData .toggleRow .switchtoggle .switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 3px;
  bottom: 0;
  background-color: #110a1a;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.mainModal .parentMapSettings .modal-body .settingsData .toggleRow .switchtoggle .switch .slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 3px;
  bottom: 2px;
  background-color: #fff;
  border-radius: 50%;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.mainModal .parentMapSettings .modal-body .settingsData .toggleRow .switchtoggle .switch .slider.round {
  border-radius: 20px;
}

/*------Parent maps Settings Popup End------*/
/*------Parent Content Display Settings Popup Start------*/
.parentsMapsBody .contenthead {
  font-size: 13px;
  color: #fff;
  margin-bottom: 9px;
  padding-bottom: 10px;
  border-bottom: solid 1px #110a1a;
  width: 100%;
}
.parentsMapsBody h5.head {
  font-size: 16px !important;
  width: 100% !important;
  font-weight: 600;
  margin-bottom: 10px !important;
}
.parentsMapsBody .insightsaccordion #accordion {
  position: relative;
  height: auto;
  padding-bottom: 4px;
}
.parentsMapsBody .insightsaccordion #accordion .card .card-header h5.mb-0 > a.mainhead:hover {
  background: transparent !important;
}
.parentsMapsBody .insightsaccordion .insightFilterMenu ul li .card .card-header.headerMain h5 a {
  padding: 12px 22px 12px 0px;
}
.parentsMapsBody .insightsaccordion .insightFilterMenu ul li .card .card-header.headerMain h5 a::after {
  right: 0px !important;
}
.parentsMapsBody .insightsaccordion .insightFilterMenu ul li a .accordianCheck1 {
  display: inline-block;
  height: 25px;
}
.parentsMapsBody .insightsaccordion .insightFilterMenu ul li a .accordianCheck1 label {
  margin: 0px;
  width: 100%;
  font-size: 13px;
  font-weight: 700;
  padding-top: 3px;
  padding-left: 30px;
}
.parentsMapsBody .insightsaccordion .insightFilterMenu .inSightLeftFilterBox .card-header h5 label {
  font-size: 13px;
  font-weight: 400;
  line-height: 25px;
  padding-right: 0px !important;
  padding-top: 4px;
}
.parentsMapsBody .insightsaccordion .insightFilterMenu .inSightLeftFilterBox .card-header h5 label img {
  width: 13px;
  margin-right: 16px;
  margin-left: 20px;
  margin-top: -1px;
}
.parentsMapsBody .insightsaccordion .insightFilterMenu .inSightLeftFilterBox .card-header h5 label span.labelName {
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  color: #ffffff;
  background: #ae6725;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  padding: 3px 8px;
  display: inherit;
  width: 145px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  float: right;
  line-height: 19px;
}
.parentsMapsBody .insightsaccordion .insightFilterMenu .inSightLeftFilterBox.dimensions .card .card-header h5 {
  margin-bottom: 10px !important;
  padding-left: 27px;
  overflow: hidden;
}
.parentsMapsBody .insightsaccordion .insightFilterMenu .inSightLeftFilterBox.dimensions .card .card-header h5 span.filterInSightcheckLevel {
  top: 6px;
}
.parentsMapsBody .insightsaccordion .insightFilterMenu .inSightLeftFilterBox.dimensions {
  margin: 0px;
}
.parentsMapsBody .insightsaccordion .insightFilterMenu .inSightLeftFilterBox.dimensions .innerAccordian .card:nth-last-child(1) .card-header h5 {
  margin: 0px !important;
}

/*------Parent Content Display Settings Popup Start------*/
.parentChildMapnameDisplay {
  display: inline-block;
  height: 40px;
  position: absolute;
  right: 10px;
  left: 150px;
}
.parentChildMapnameDisplay table tr td span {
  background: #7801FF;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  color: #fff;
  padding: 3px 7px;
  display: inline-flex;
  font-size: 13px;
  line-height: 19px;
  margin-right: 8px;
  position: relative;
  margin-top: 12px;
}
.parentChildMapnameDisplay table tr td span img {
  width: 14px;
  margin-right: 7px;
}
.parentChildMapnameDisplay table tr td span.child img {
  width: 9px !important;
  margin-right: 7px;
}
.parentChildMapnameDisplay table tr td span.parent img {
  width: 14px;
  margin-right: 7px;
}
.parentChildMapnameDisplay table tr td span.parent.template-icon img {
  width: 11px;
}
.parentChildMapnameDisplay table tr td span.parentMapDisplay {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-top: 9px;
  margin-right: 0px;
  cursor: pointer;
}
.parentChildMapnameDisplay table tr td span.parentMapDisplay.present-parent-map {
  cursor: pointer;
}
.parentChildMapnameDisplay table tr td span.parentMapDisplay img {
  width: 14px;
  margin-right: 7px;
}

.parentIconlane img {
  width: 17px;
  transform: rotate(90deg);
}

.child-parent-icon-presentation {
  width: 17px;
  margin-right: 0px;
  margin-top: -4px;
}

.touchpoint_box-new {
  border: none !important;
}

.milkyTablerow.mymaps_table .profileChecked.emptyDiv {
  position: absolute;
  width: 52px;
  height: 65px;
}
.milkyTablerow.mymaps_table .userIconBg .usericon {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: inline-block;
  margin: 17.5px 0px 0px 21px;
}
.milkyTablerow.mymaps_table .milkyMedia {
  left: 0px;
}
.milkyTablerow.mymaps_table .milkyCheckbox {
  background: transparent;
  left: 0px;
  width: 65px;
}
.milkyTablerow.mymaps_table .milkyCheckbox .compareCheck .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  background: #110a1a;
  border-radius: 0px;
  border: solid 1px #110a1a;
}
.milkyTablerow.mymaps_table .milkyCheckbox .compareCheck .customcheckbox input:checked ~ .checkmark {
  border-radius: 0px;
}
.milkyTablerow.mymaps_table .milkyTablerowMain table tr td:nth-child(1).mapTitleColumn p.addFadeout {
  padding-left: 51px;
  margin-left: 0px;
}
.milkyTablerow.mymaps_table .milkyTablerowMain table tr td:nth-child(1) .userIconBg {
  background: transparent !important;
  left: 83px;
  width: 30px;
}
.milkyTablerow.mymaps_table .milkyTablerowMain table tr td:nth-child(1) .userIconBg .usericon {
  margin-left: 0px !important;
}
.milkyTablerow.mymaps_table .milkyTablerowMain table td.createdDates .row .userNameDisplay {
  max-width: 160px;
}

.tp-nospace {
  left: 0px !important;
}

.custom-tabs .nav-tabs .vue-horizontal {
  width: calc(100% - 0px);
  background: #110a1a;
}
.custom-tabs .nav-tabs .vue-horizontal .v-hl-container {
  padding-bottom: 0px;
  margin-bottom: 0px;
  clip-path: inset(0 0 0px 0);
}
.custom-tabs .nav-tabs .vue-horizontal .v-hl-container li:nth-child(1) {
  padding-left: 30px;
}
.custom-tabs .nav-tabs .vue-horizontal .v-hl-container li:nth-child(1) .custom-tab-3dotsmenu .dropdown .dropmenu-tabs {
  right: auto;
  top: 28px;
  left: 0;
}
.custom-tabs .nav-tabs .vue-horizontal .v-hl-container li:nth-last-child(1) {
  margin-right: 40px;
}
.custom-tabs .nav-tabs .vue-horizontal .v-hl-container .nav-item .custom-tab-3dotsmenu .dropmenu-tabs {
  display: none;
}
.custom-tabs li {
  position: relative;
}
.custom-tabs li a {
  margin-right: 40px !important;
}
.custom-tabs li a .hierarchy-icon img.icon-user {
  height: 13px !important;
  margin-top: 2px !important;
}
.custom-tabs li a .template-icon img.icon-user {
  height: 11px !important;
  margin-top: 4px !important;
}
.custom-tabs li a img {
  height: 15px;
  width: auto;
  margin-right: 5px;
  vertical-align: top;
}
.custom-tabs li a img.icon-user {
  height: 13px;
  vertical-align: top;
  margin-top: 2px;
}
.custom-tabs li a img.icon-user.normal {
  display: inline-block !important;
}
.custom-tabs li a img.icon-user.dark-active, .custom-tabs li a img.icon-user.light-active {
  display: none !important;
}
.custom-tabs li a input {
  width: auto;
  font-weight: 400;
  height: 25px;
  color: #fff;
  border-radius: 0px;
  padding: 2px !important;
  font-size: 13px;
  line-height: 17px;
  height: 17px !important;
  background: transparent !important;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
  border: 1px solid #7800ff !important;
  display: inline-block;
  max-width: 150px;
}
.custom-tabs li a input:focus {
  color: #fff;
  background: transparent !important;
  border: 1px solid #7800ff !important;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
}
.custom-tabs li a input:hover {
  background: transparent !important;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
}
.custom-tabs li a input::placeholder {
  color: #a294b5;
}
.custom-tabs li .custom-tab-3dotsmenu {
  position: absolute;
  right: 15px;
  top: -2px;
  width: 23px;
  height: 29px;
  cursor: pointer;
}
.custom-tabs li .custom-tab-3dotsmenu:hover .dropdown .dropmenu-tabs {
  visibility: visible;
}
.custom-tabs li .custom-tab-3dotsmenu .dropdown span {
  width: 23px;
  height: 23px;
  display: inline-block;
  border-radius: 50%;
}
.custom-tabs li .custom-tab-3dotsmenu .dropdown span img {
  width: 3px;
  height: 12px;
  margin-right: 10px;
  margin-left: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  vertical-align: middle;
}
.custom-tabs li .custom-tab-3dotsmenu .dropdown span img.light {
  display: none;
}
.custom-tabs li .custom-tab-3dotsmenu .dropdown span img.dark {
  display: block;
}
.custom-tabs li .custom-tab-3dotsmenu .dropdown .dropmenu-tabs {
  min-width: 102px;
  max-width: 102px;
  border-radius: 0px;
  background: #2d2637;
  margin: 0px;
  padding: 0px;
  border: solid 1px #110a1a;
  border-bottom: none !important;
  visibility: hidden;
  right: 0px;
  position: absolute;
  top: 28px;
  z-index: 1000001;
}
.custom-tabs li .custom-tab-3dotsmenu .dropdown .dropmenu-tabs .v-popper {
  width: 100% !important;
}
.custom-tabs li .custom-tab-3dotsmenu .dropdown .dropmenu-tabs a {
  border-bottom: solid 1px #110a1a !important;
  padding: 4px 10px;
  cursor: pointer;
  color: #fff;
}
.custom-tabs li .custom-tab-3dotsmenu .dropdown .dropmenu-tabs a.delete:hover {
  background: #9e0000;
}
.custom-tabs li .custom-tab-3dotsmenu .dropdown .dropmenu-tabs a:hover, .custom-tabs li .custom-tab-3dotsmenu .dropdown .dropmenu-tabs a:active, .custom-tabs li .custom-tab-3dotsmenu .dropdown .dropmenu-tabs a:focus, .custom-tabs li .custom-tab-3dotsmenu .dropdown .dropmenu-tabs a:visited {
  background: #423c4b;
}
.custom-tabs li .custom-tab-3dotsmenu .dropdown .dropdown-toggle {
  margin: 0px;
  width: 100%;
  height: 24px;
  padding: 0px;
  display: block;
  text-align: right;
}
.custom-tabs li .custom-tab-3dotsmenu .dropdown .dropdown-toggle::after {
  border: none;
}
.custom-tabs li.scroll-arrow {
  width: 40px;
  text-align: center;
  font-size: 25px;
  line-height: 25px;
  color: #a294b5;
  cursor: pointer;
  z-index: 10;
}
.custom-tabs li.scroll-arrow span {
  margin-top: -4px;
}
.custom-tabs li.scroll-arrow.next-arrow {
  position: absolute;
  right: 0px;
  text-align: right;
  padding-right: 5px;
  background: #110a1a;
  background: linear-gradient(-90deg, #110a1a 70%, rgba(17, 10, 26, 0) 100%);
}
.custom-tabs li.scroll-arrow.next-arrow span {
  float: right;
}
.custom-tabs li.scroll-arrow.prev-arrow {
  position: absolute;
  left: 0px;
  text-align: left;
  padding-left: 5px;
  background: #110a1a;
  background: linear-gradient(90deg, #110a1a 45%, rgba(17, 10, 26, 0) 100%);
}
.custom-tabs li.scroll-arrow.prev-arrow span {
  float: left;
}
.custom-tabs li.scroll-arrow.inActive {
  color: #312c36;
  cursor: pointer;
  width: 25px;
}
.custom-tabs li.scroll-arrow.inActive:hover {
  color: #312c36;
  cursor: default;
}
.custom-tabs li.scroll-arrow:hover {
  color: #7800ff;
}

.saveview-btn {
  text-transform: none !important;
}

.update-check {
  color: #7800ff;
  position: absolute;
  right: 5px;
  top: 4px;
  cursor: pointer;
}

.mm-input-sm.form-control.popOver-tooltip-input {
  padding-right: 25px !important;
  box-sizing: border-box;
}

.vue-horizontal.hoverzindex::before {
  content: "";
  left: -75px;
  background: #110a1a;
  background: linear-gradient(90deg, rgba(17, 10, 26, 0.9) 50%, rgba(17, 10, 26, 0) 100%);
  position: absolute;
  z-index: 1;
  width: 150px;
  height: 80px;
  top: 30px;
}
.vue-horizontal.hoverzindex .v-hl-container {
  padding-bottom: 85px !important;
  margin-bottom: -85px !important;
  clip-path: inset(0 0 0px 0) !important;
}
.vue-horizontal.hoverzindex .v-hl-container .nav-item .custom-tab-3dotsmenu .dropmenu-tabs {
  display: block !important;
}

.hoverfilterBar::before {
  content: "";
  left: 0px;
  background: #0e0a1a;
  background: radial-gradient(circle, rgba(14, 10, 26, 0) 50%, #110a1a 100%);
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 70px;
}

.modal-customTabs .insightsMainblock {
  width: 100%;
}
.modal-customTabs .insightsMainblock .custom-tabs .nav-tabs {
  background: #3f3449;
  border-bottom: 1px solid #110a1a !important;
  padding-top: 45px;
}
.modal-customTabs .insightsMainblock .custom-tabs .nav-tabs .vue-horizontal.hoverzindex::before {
  content: "";
  left: 0px;
  background: rgba(65, 52, 74, 0);
  background: linear-gradient(90deg, rgba(65, 52, 74, 0) 50%, rgba(65, 52, 74, 0) 100%);
  position: absolute;
  z-index: 1;
  width: 40px;
}
.modal-customTabs .insightsMainblock .custom-tabs .nav-tabs .vue-horizontal.hoverzindex .v-hl-container {
  padding-bottom: 85px !important;
  margin-bottom: -85px !important;
  clip-path: inset(0 0 0px 0) !important;
}
.modal-customTabs .insightsMainblock .custom-tabs .nav-tabs .nav-item a.nav-link:hover:before {
  bottom: 11px !important;
}
.modal-customTabs .insightsMainblock .custom-tabs .nav-tabs .nav-item a.nav-link.active:before {
  bottom: 11px !important;
}
.modal-customTabs .insightsMainblock .custom-tabs .nav-tabs li.scroll-arrow.inActive {
  color: #5a4f65;
}
.modal-customTabs .insightsMainblock .custom-tabs .nav-tabs li.scroll-arrow.prev-arrow {
  background: #3f3449;
  background: linear-gradient(90deg, #3f3449 45%, rgba(63, 52, 73, 0) 100%);
}
.modal-customTabs .insightsMainblock .custom-tabs .nav-tabs li.scroll-arrow.next-arrow {
  background: #3f3449;
  background: linear-gradient(-90deg, #3f3449 70%, rgba(63, 52, 73, 0) 100%);
}
.modal-customTabs .insightsMainblock .custom-tabs .nav-tabs .vue-horizontal {
  background: #3f3449;
}
.modal-customTabs .insightsMainblock .modal-insight-filter-block {
  padding: 0px;
  margin: 0px !important;
}
.modal-customTabs .insightsMainblock .modal-insight-filter-block.hoverfilterBar::before {
  content: "";
  left: 0px;
  background: #3f3449;
  background: linear-gradient(90deg, #413449 50%, #41344a 100%);
  position: absolute;
  z-index: 1;
  width: 100%;
  height: auto !important;
}
.modal-customTabs .insightsMainblock .modal-insight-filter-block .filter-width-modal {
  flex: 0 0 498px;
  max-width: 498px;
  padding: 0px;
  margin: 0px;
  position: absolute;
  top: 13px;
  right: 35px;
  z-index: 1000;
  width: 498px;
}
.modal-customTabs .insightsMainblock .modal-insight-filter-block .filter-width-modal .filerSearchWidth .m-search-box input {
  background: #110a1a !important;
}
.modal-customTabs .insightsMainblock .modal-insight-filter-block .filter-width-modal .filerSearchWidth .m-search-box input:hover {
  background: #1f1829 !important;
}
.modal-customTabs .insightsMainblock .modal-insight-filter-block .filter-width-modal .filerSortWidth .filterorderDropdown {
  right: 0px;
}
.modal-customTabs .insightsMainblock .modal-insight-filter-block .filter-width-modal .filerSortWidth .filterorderDropdown .filterDropdownInner li .row .ownerSelect .bootstrap-select .dropdown-toggle:after {
  top: 2px;
}
.modal-customTabs .insightsMainblock .modal-insight-filter-block .creatinsight-width-modal {
  flex: 0 0 456px;
  max-width: 456px;
  padding: 0px;
  margin: 0px;
  position: absolute;
  top: 16px;
  right: 554px;
  z-index: 1000;
  width: 456px;
}

.modal-publish-space {
  padding: 10px 0px 20px 0px;
}

.addWidgetModal .templateParent {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.addWidgetModal .templateParent .row .col-lg-12 .tempHead {
  float: left;
  padding-right: 50px;
}
.addWidgetModal .templateParent .row .col-lg-12 .templatetoggle {
  float: left;
  margin-top: 3px;
}
.addWidgetModal .templateParent .row .col-lg-12 .templatetoggle.switchtoggle .switch .slider {
  background-color: #7b6c8f;
}
.addWidgetModal .templateParent .row .col-lg-12 .templatetoggle.switchtoggle .switch input:checked + .slider {
  background-color: #7800ff;
}

.template-parent-icon {
  position: relative;
}
.template-parent-icon img.parent-icon-t {
  position: absolute;
  width: 26px !important;
  height: 21px;
  right: -13px;
  top: -10px;
  background: #3f3449;
  padding: 3px;
  border-radius: 3px;
}

.mainModal .parentMapSettings .modal-body .settingsData .toggleRow .text {
  width: 85%;
  float: left;
}
.mainModal .parentMapSettings .modal-body .settingsData .toggleRow .switch {
  width: 12%;
  float: right;
}

#addContactReasonModal.addImageModal .imageSearch i {
  top: 10px;
  left: 16px;
  color: #8b93a1;
}

.new-tabs {
  border-bottom: 1px solid #3f3449;
  margin-bottom: 11px;
}
.new-tabs .nav-tabs {
  position: relative;
  width: auto;
  border-bottom: 0px solid #3f3449;
  margin-bottom: 0px;
}

.modal-customTabs .insightsMainblock .new-tabs {
  border-bottom: 1px solid #110a1a !important;
  margin-bottom: 11px;
}
.modal-customTabs .insightsMainblock .new-tabs .nav-tabs {
  position: relative;
  width: auto;
  border-bottom: 0px solid #110a1a !important;
  margin-bottom: 0px;
}

.newtpscroll .addImagebody {
  padding-top: 0px;
}
.newtpscroll .addImagebody .formsection .row.innerrow {
  margin: 0px -5px;
}
.newtpscroll .addImagebody .formsection .row.innerrow .leftwrapper {
  height: 100vh;
}
.newtpscroll .addImagebody .formsection .row.innerrow #MainRightContent {
  width: 100% !important;
}
.newtpscroll .addImagebody .formsection .row.innerrow .rightwrapper {
  width: 100% !important;
  position: absolute;
  padding-left: 75px;
  padding-right: 0px;
}
.newtpscroll .addImagebody .formsection .row.innerrow .rightwrapper .tp-present-row {
  height: calc(100vh - 130px) !important;
  overflow-y: auto;
  overflow-x: hidden;
  margin-top: 65px;
  padding-bottom: 50px;
  width: 100%;
  position: relative;
}
.newtpscroll .addImagebody .formsection .row.innerrow .rightwrapper .tp-present-row .tptopSection {
  margin: 0px 20px 0px 45px !important;
  width: calc(100% - 65px);
  padding-top: 0px;
}
.newtpscroll .addImagebody .formsection .row.innerrow .rightwrapper .tp-present-row .tptopSection .tptopInnerSection .row .form-group.topspace {
  margin-top: 0px !important;
}
.newtpscroll .addImagebody .formsection .row.innerrow .rightwrapper .tp-present-row .tpCollaspeExpandArrow {
  left: 0px;
  position: absolute;
  top: 5px;
}
.newtpscroll .addImagebody .formsection .row.innerrow .rightwrapper .tp-present-row .touchwidgetPresentdata .widgetAreaMainSection {
  height: auto;
  padding: 0px 20px 0px 45px !important;
}
.newtpscroll .addImagebody .formsection .row.innerrow .rightwrapper .tp-present-row .touchwidgetPresentdata .widgetAreaMainSection .row.innerrow-widgets {
  margin: 0% -1% !important;
}
.newtpscroll .addImagebody .formsection .row.innerrow .rightwrapper .tp-present-row .touchwidgetPresentdata .widgetAreaMainSection .row .lanesDrag .width-14 {
  width: 14.66%;
  margin: 1% !important;
  min-width: 14.66% !important;
}
.newtpscroll .addImagebody .formsection .row.innerrow .rightwrapper .tp-present-row .presntTouchpointclose {
  right: 20px;
  top: 0px;
}

.parentIconlane.opt-1 {
  position: absolute;
  left: -3px;
  text-align: center;
}
.parentIconlane.opt-1 img {
  transform: rotate(0deg) !important;
  margin-top: -2px;
}

/*----:Start Lane Hide and Show Classes-----*/
.lane-hideshowarrow .topMoreActions {
  z-index: 1;
}
.lane-hideshowarrow .topMoreActions .leftBlockArrow {
  background: #110a1a;
  cursor: pointer;
}
.lane-hideshowarrow .topMoreActions .leftBlockArrow i {
  transition: 0.3s ease-in-out;
}

.migrate-info a {
  color: #467aff;
}
.migrate-info a:hover, .migrate-info a:active, .migrate-info a:visited, .migrate-info a:focus {
  color: #467aff;
}
.migrate-info a span {
  padding-left: 10px;
  position: absolute;
  width: 16px;
  height: 16px;
  padding: 0;
  margin-left: 10px;
  margin-top: 3px;
}
.migrate-info a span i {
  font-size: 20px;
}

.collapseLane {
  height: 55px;
  min-height: 55px;
}
.collapseLane .newLeftWarpper {
  height: 55px;
}
.collapseLane .newLeftWarpper .leftwrapperInnerMenu {
  padding: 0px 5px !important;
}
.collapseLane .newLeftWarpper .leftwrapperInnerMenu .leftwrapperMiddleSection {
  min-height: 55px;
  height: 55px;
}
.collapseLane .newLeftWarpper .leftwrapperInnerMenu .leftwrapperMiddleSection .topMoreActions {
  top: 9px !important;
}
.collapseLane .newLeftWarpper .leftwrapperInnerMenu .leftwrapperMiddleSection .topMoreActions .leftBlockArrow i {
  transform: rotate(180deg);
  transition: 0.3s ease-in-out;
}
.collapseLane .newLeftWarpper .leftwrapperInnerMenu .leftwrapperMiddleSection p {
  display: none;
}
.collapseLane .newLeftWarpper .leftwrapperInnerMenu .leftwrapperMiddleSection .laneWidget-control {
  display: none;
}
.collapseLane .newLeftWarpper .leftwrapperInnerMenu .lane-hideshowarrow .topMoreActions .leftBlockArrow i {
  transform: rotate(180deg);
  transition: 0.3s ease-in-out;
}
.collapseLane .newLeftWarpper .leftwrapperInnerMenu .lane-hideshowarrow p {
  display: none;
}
.collapseLane .newLeftWarpper .leftwrapperInnerMenu .lane-hideshowarrow .laneWidget-control {
  display: none;
}
.collapseLane .newLeftWarpper .leftwrapperInnerMenu .lane-hideshowarrow .bottomMoreActions {
  display: none;
}
.collapseLane .LaneNameDisplay {
  padding: 0px;
  font-size: 13px;
  text-align: center;
  transition: all 0.5s ease-in-out;
  color: #fff;
  margin: 0px;
  width: 100%;
  display: inline-block !important;
}
.collapseLane .LaneNameDisplay p {
  background: #1f1829;
  position: relative;
  font-weight: 700;
  line-height: 25px;
  border-bottom: solid 2px #3f3449;
  border-right: solid 2px #3f3449;
  text-align: left;
  min-height: 55px;
  height: 55px;
  padding: 10px 40px 10px 10px;
  margin: 0px !important;
  overflow: hidden;
  text-overflow: unset !important;
  white-space: nowrap;
}
.collapseLane .LaneNameDisplay p a {
  display: none;
}
.collapseLane .LaneNameDisplay span.laneIcon {
  height: 24px;
  width: 24px;
  float: left;
  background: #3f3449;
  margin-top: 5px;
  margin-right: 5px;
  border-radius: 50%;
  margin-left: 0px;
  display: inline-block;
  text-align: center;
}
.collapseLane .LaneNameDisplay span.laneIcon img {
  height: 15px;
  vertical-align: top;
  margin-top: 4.5px;
  width: 15px;
  padding: 1px;
}
.collapseLane .LaneNameDisplay span.parentIconlane {
  position: relative;
  left: 20px;
  top: 0px;
  text-align: center;
  line-height: 24px;
  background: #7800ff;
}
.collapseLane .LaneNameDisplay span.parentIconlane img {
  transform: rotate(0deg);
  margin-top: -3px;
}
.collapseLane .LaneNameDisplay span.lane-tooltip {
  padding-top: 5px;
}
.collapseLane .laneLabel p {
  position: relative;
  font-weight: 700;
  line-height: 25px;
  min-height: 55px;
  height: 55px;
  padding: 10px 40px 10px 10px;
  font-size: 13px;
  border-bottom: solid 2px #110a1a;
  text-align: left;
}
.collapseLane .laneLabel p .closeLabel {
  display: none;
}
.collapseLane .laneLabel p span.laneIcon {
  height: 24px;
  width: 24px;
  float: left;
  background: #1f1829;
  margin-top: 5px;
  margin-right: 5px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
}
.collapseLane .laneLabel p span.laneIcon img {
  height: 15px;
  vertical-align: top;
  margin-top: 4.5px;
  height: 15px;
}
.collapseLane .laneLabel p span.parentIconlane {
  position: relative;
  left: 20px;
  top: 0px;
  text-align: center;
  line-height: 24px;
  background: #7800ff;
}
.collapseLane .laneLabel p span.parentIconlane img {
  transform: rotate(0deg);
  margin-top: -3px;
}
.collapseLane .laneLabel p span.lane-tooltip {
  padding-top: 5px;
}
.collapseLane .scrollbar {
  display: none !important;
}

.presentLaneLabel .draggable-item-epview-lanes .accordionMainBlockRight .laneLabel p {
  border-right: solid 2px #3f3449;
}

.presentLaneLabel.subLane .draggable-item-epview-lanes {
  margin: 0px !important;
}
.presentLaneLabel.subLane .draggable-item-epview-lanes .accordionMainBlockRight .scrollbar {
  padding: 0px !important;
}
.presentLaneLabel.subLane .draggable-item-epview-lanes .accordionMainBlockRight .laneLabel p {
  left: 0px !important;
}
.presentLaneLabel.subLane .draggable-item-epview-lanes.collapseLane .LaneNameDisplay {
  left: 0px !important;
}

.presentEpisode.subEpisode {
  margin: 0px !important;
}
.presentEpisode.subEpisode .accordionMainBlockRight .scrollbar {
  padding: 0px !important;
}
.presentEpisode.subEpisode .accordionMainBlockRight .scrollbar .width-14 .presenttpField .touchpointMainLane {
  padding-left: 0px;
  padding-right: 0px;
}

.showLaneLabel {
  display: none;
}

.showLaneLabel.laneLabel {
  display: block !important;
  left: 0px !important;
}
.showLaneLabel.laneLabel p {
  left: 0px !important;
}

.LaneNameDisplay.laneLabel {
  left: 0px !important;
}
.LaneNameDisplay.laneLabel p {
  left: 0px !important;
}

.present-collapsehide-Z-Index .topMoreActions {
  z-index: 1;
}

.journey-widget {
  width: 250px;
}
.journey-widget .journey-box {
  display: block;
}
.journey-widget .journey-box .JourneyData {
  display: block;
}
.journey-widget .journey-box .JourneyData .JourneyIcon img {
  width: 20px;
  margin: 0px auto;
}
.journey-widget .journey-box .JourneyData .journey-text {
  text-align: center;
  font-weight: 500;
  font-size: 13px;
}
.journey-widget .journey-box .JourneyData .journey-item-count {
  display: block;
  width: 100%;
  margin: 0px -5px;
  padding: 0px;
}
.journey-widget .journey-box .JourneyData .journey-item-count hr {
  margin: 10px 5px 0px 5px;
  border-top: 1px solid #5d5961;
}
.journey-widget .journey-box .JourneyData .journey-item-count .journey-item-count-list {
  margin: 0px;
  padding: 0px;
}
.journey-widget .journey-box .JourneyData .journey-item-count .journey-item-count-list .col-6 {
  padding: 0px 5px;
  padding-right: 5px;
}
.journey-widget .journey-box .JourneyData .journey-item-count .journey-item-count-list .col-4 {
  padding: 0px 5px;
  padding-right: 5px;
}
.journey-widget .journey-box .JourneyData .journey-item-count .journey-item-count-list .journey-item-bg {
  background: #110a1a;
  border-radius: 100px;
  padding-left: 12px;
  padding-right: 12px;
  display: block;
  height: 25px;
  margin-top: 10px;
}
.journey-widget .journey-box .JourneyData .journey-item-count .journey-item-count-list .journey-item-bg span {
  font-size: 13px;
  text-align: right;
  font-weight: 600;
  display: block;
  color: #fff;
  width: 100%;
  line-height: 25px;
  margin: 0px;
}
.journey-widget .journey-box .JourneyData .journey-item-count .journey-item-count-list .journey-item-bg span img {
  width: 11px;
  margin-right: 8px;
  float: left;
  margin-top: 7px;
}

/*----End Lane Hide and Show Classes-----*/
/*----Start Widgets Hide and Show Classes-----*/
.widgetAreaMainSection .collapseWidgetBlock .innerBoxItem.map-journey-widgtsbox.collapseWidget {
  min-height: 35px;
}
.widgetAreaMainSection .collapseWidgetBlock .innerBoxItem.map-journey-widgtsbox.collapseWidget .widgettopTitle {
  position: static;
}
.widgetAreaMainSection .collapseWidgetBlock .innerBoxItem.map-journey-widgtsbox.collapseWidget .widgettopTitle .fa-arrows-h {
  display: none !important;
}
.widgetAreaMainSection .collapseWidgetBlock .innerBoxItem.map-journey-widgtsbox.collapseWidget .collapse-Widget-box {
  display: none !important;
}

.collapseWidgetBlockPresent .collapseWidget {
  min-height: 35px;
}
.collapseWidgetBlockPresent .collapseWidget .widgetArea {
  margin: 0px !important;
}
.collapseWidgetBlockPresent .collapseWidget .widgetArea .widgettopTitle {
  top: 1px;
  width: calc(100% - -40px) !important;
}
.collapseWidgetBlockPresent .collapseWidget .widgetArea .collapse-Widget-box {
  display: none !important;
}

.collapseWidgetBlockPresent2 .collapseWidget {
  min-height: 40px;
}
.collapseWidgetBlockPresent2 .collapseWidget .widgetArea {
  margin: 0px !important;
}
.collapseWidgetBlockPresent2 .collapseWidget .widgetArea .widgettopTitle {
  top: 0px;
  width: calc(100% - 0px) !important;
}
.collapseWidgetBlockPresent2 .collapseWidget .widgetArea .collapse-Widget-box {
  display: none !important;
}
.collapseWidgetBlockPresent2 .flexContainer .width-14 .widgettopTitle p span.arrow {
  position: absolute;
  width: 20px;
  height: 20px;
  background: #201a2a;
  right: 0px;
  top: 15px;
  text-align: center;
  font-size: 15px;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  display: none;
}
.collapseWidgetBlockPresent2 .flexContainer .width-14 .widgettopTitle p span.arrow:hover {
  background: #3f3449;
  color: #fff;
}
.collapseWidgetBlockPresent2 .flexContainer .width-14:hover .widgettopTitle p span.arrow {
  display: block !important;
}
.collapseWidgetBlockPresent2 .flexContainer .width-14.collapseWidget .widgettopTitle p span.arrow i {
  transform: rotate(180deg);
  transition: 0.3s ease-in-out;
}

.label-parent-icon {
  position: sticky;
  text-align: center;
  line-height: 24px;
  right: 0px;
  z-index: 1;
  display: inline-block;
  height: 24px !important;
  top: 5px;
}

.lane-tooltip {
  float: left;
  max-width: calc(100% - 40px);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.filterOptions .filterorderDropdown.milkymapsFilter {
  padding: 15px 0px !important;
}
.filterOptions .filterorderDropdown.milkymapsFilter li.filterlist {
  padding-left: 20px;
  padding-right: 20px;
}
.filterOptions .filterorderDropdown.milkymapsFilter li.filterlist:nth-child(2) {
  margin-bottom: 5px !important;
}

.groupowners-filter {
  background: #271e30;
  border: solid 1px #606439;
  width: 100%;
  display: block;
  float: left;
  margin-bottom: 5px !important;
}
.groupowners-filter li.ownerli {
  padding-bottom: 6px !important;
  padding-top: 6px !important;
  margin-bottom: 0px !important;
  padding-left: 20px;
  padding-right: 20px;
}
.groupowners-filter li.ownerli label {
  font-size: 13px;
  color: #fff;
}

.maps-filter-info {
  position: absolute;
  top: 18px;
  right: 15px;
  font-size: 20px;
  color: #7201f2;
  z-index: 10;
}

.filterorderDropdown .mainblock .groupfilter {
  margin-bottom: 10px;
}

.Controlcenter-Owner-filter .mainblock .groupfilter {
  position: relative;
  margin-left: -21px;
  margin-right: -21px;
  margin-bottom: 4px !important;
  background: #271e30;
  border: solid 1px #606439;
  padding-top: 6px;
  padding-bottom: 6px;
}
.Controlcenter-Owner-filter .mainblock .groupfilter li.ownerlist {
  padding-left: 21px;
  padding-right: 21px;
}

/*----Start Content Dimension Filter----*/
.mainModal .parentMapSettings.dimension-filter .modal-body {
  padding: 0px 0px 21px 0px !important;
}
.mainModal .parentMapSettings.dimension-filter .modal-body .mapsNewBody {
  padding: 10px 42px 0px 42px !important;
  max-height: calc(100vh - 340px) !important;
}
.mainModal .parentMapSettings.dimension-filter .modal-body .dimension-filter-block {
  padding: 15px 42px 15px 42px !important;
  background: #2D2637 !important;
  box-shadow: inset 0px 15px 15px -6px #5a4f65 !important;
}
.mainModal .parentMapSettings.dimension-filter .modal-body .dimension-filter-block .contenthead {
  font-size: 13px !important;
  width: 100% !important;
}
.mainModal .parentMapSettings.dimension-filter .modal-body .dimension-filter-block h5.head {
  font-size: 16px !important;
  width: 100% !important;
  font-weight: 600;
  margin-bottom: 10px !important;
}
.mainModal .parentMapSettings.dimension-filter .modal-body .dimension-filter-block .dimension-field label {
  font-size: 13px;
  color: #c2b8d0;
  padding-bottom: 2px;
  margin-bottom: 0px;
  padding-top: 15px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.dimension-field .filtercheckbox .brandsFilter.bootstrap-select.show-tick,
.dimension-field .filtercheckbox .cs-product-contryFilter.bootstrap-select.show-tick {
  background: #110a1a !important;
  border-radius: 0px;
}
.dimension-field .filtercheckbox .brandsFilter.bootstrap-select.show-tick .dropdown-toggle,
.dimension-field .filtercheckbox .cs-product-contryFilter.bootstrap-select.show-tick .dropdown-toggle {
  background: #110a1a !important;
  padding: 3px 8px !important;
  height: 25px !important;
}
.dimension-field .filtercheckbox .brandsFilter.bootstrap-select.show-tick .dropdown-toggle::after,
.dimension-field .filtercheckbox .cs-product-contryFilter.bootstrap-select.show-tick .dropdown-toggle::after {
  content: "";
  font-family: FontAwesome;
  position: absolute;
  right: 16px;
  top: 2px;
  font-size: 16px;
  border: none !important;
  color: #fff;
}
.dimension-field .filtercheckbox .brandsFilter.bootstrap-select.show-tick .dropdown-menu,
.dimension-field .filtercheckbox .cs-product-contryFilter.bootstrap-select.show-tick .dropdown-menu {
  box-shadow: none !important;
  top: 0 !important;
}
.dimension-field .filtercheckbox .brandsFilter.bootstrap-select.show-tick .dropdown-menu .bs-actionsbox,
.dimension-field .filtercheckbox .cs-product-contryFilter.bootstrap-select.show-tick .dropdown-menu .bs-actionsbox {
  background: #2d2637 !important;
  height: 25px;
  border: 1px solid #000;
}
.dimension-field .filtercheckbox .brandsFilter.bootstrap-select.show-tick .dropdown-menu .bs-actionsbox .btn-group,
.dimension-field .filtercheckbox .cs-product-contryFilter.bootstrap-select.show-tick .dropdown-menu .bs-actionsbox .btn-group {
  background: #2d2637 !important;
  height: 25px;
}
.dimension-field .filtercheckbox .brandsFilter.bootstrap-select.show-tick .dropdown-menu .bs-actionsbox .btn-group .actions-btn,
.dimension-field .filtercheckbox .cs-product-contryFilter.bootstrap-select.show-tick .dropdown-menu .bs-actionsbox .btn-group .actions-btn {
  color: #fff !important;
  background: #2d2637;
  padding: 3px 10px 10px !important;
  border-bottom: 1px solid #000 !important;
  border-radius: 0px !important;
  height: 25px;
  top: 2px;
}
.dimension-field .filtercheckbox .brandsFilter.bootstrap-select.show-tick .dropdown-menu .inner .dropdown-menu li a span.text,
.dimension-field .filtercheckbox .cs-product-contryFilter.bootstrap-select.show-tick .dropdown-menu .inner .dropdown-menu li a span.text {
  background: #c2b8d0;
  border-radius: 25px;
}
.dimension-field .filtercheckbox .brandsFilter.bootstrap-select.show-tick .dropdown-menu .inner .dropdown-menu li a span.text img,
.dimension-field .filtercheckbox .cs-product-contryFilter.bootstrap-select.show-tick .dropdown-menu .inner .dropdown-menu li a span.text img {
  width: 60px;
  height: 15px;
  object-fit: contain;
}
.dimension-field .filtercheckbox .brandsFilter.bootstrap-select.show-tick .filter-option .filter-option-inner .filter-option-inner-inner,
.dimension-field .filtercheckbox .cs-product-contryFilter.bootstrap-select.show-tick .filter-option .filter-option-inner .filter-option-inner-inner {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 10px;
  line-height: 19px !important;
}
.dimension-field .filtercheckbox .brandsFilter.bootstrap-select.show-tick .filter-option .filter-option-inner .filter-option-inner-inner img,
.dimension-field .filtercheckbox .cs-product-contryFilter.bootstrap-select.show-tick .filter-option .filter-option-inner .filter-option-inner-inner img {
  width: 60px;
  background: #c2b8d0;
  border-radius: 25px;
  height: 19px;
  object-fit: contain;
  padding: 2px;
  margin-top: 0;
}
.dimension-field .filtercheckbox .cs-product-contryFilter.bootstrap-select.show-tick .dropdown-menu .inner .dropdown-menu li a span.text {
  background: transparent !important;
  border-radius: 0px !important;
  color: #a294b5 !important;
}
.dimension-field .filtercheckbox .brandsFilter.bootstrap-select.show-tick .dropdown-menu .inner .dropdown-menu li a span.text {
  margin-left: 31px !important;
}

.dimensionFalse {
  display: none !important;
}

/*----End Content Dimension Filter----*/
.filterCount {
  text-align: center;
  font-size: 10px;
  background: #7800ff;
  padding: 3px 7px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  position: relative;
  display: block;
  width: 110px;
  margin: 0px auto 20px auto;
}
.filterCount .icon {
  color: #fff;
  text-align: left;
  padding-right: 10px;
}
.filterCount .icon img {
  width: 10px;
  margin-left: 3px;
}
.filterCount .count {
  color: #fff;
  font-weight: 600;
  text-align: right;
}

.edit-persona-new .episodeLaneEmotionList:nth-child(1) .personawidgetBoxMain .widgetDispayBox {
  margin-top: 20px;
}

.cf-main-head p {
  float: left;
  width: 100%;
  font-size: 13px;
  margin: 0;
  padding-left: 35px !important;
}
.cf-main-head h2 {
  margin-bottom: 10px !important;
}

.cf-data .cf-name {
  float: left;
}
.cf-data .cf-info-tooltip {
  margin-left: 5px;
  float: left;
  margin-top: 3px;
}
.cf-data .cf-info-tooltip img {
  width: 16px;
  height: 16px;
}

.disc-font {
  font-size: 13px;
  margin-bottom: 10px;
}

.milkyTablerow.Child_table.Child_table_Filter .milkyTablerowMain table tr td:nth-child(1).mapTitleColumn p.addFadeout {
  margin-left: 0 !important;
}

.dimension-field.brands .filtercheckboxmaps.global-filter-box.global-brand-filter .mm-select-sm.bootstrap-select.show-tick .dropdown-menu .inner ul.dropdown-menu.inner li a span.text .ml-2 {
  margin-left: 0px !important;
}

.relationview-block {
  padding-top: 200px;
  padding-left: 52px;
  padding-right: 52px;
}
.relationview-block .hierarchyview {
  position: fixed;
  margin-top: -75px;
  background: var(--Background_Primary);
  z-index: 10;
  padding: 10px 52px 10px 0px;
  width: calc(100% + 0px);
  margin-left: -52px;
}
.relationview-block .hierarchyview .col-8 {
  padding-left: 52px !important;
}
.relationview-block .hierarchyview h2 {
  font-size: 25px;
}
.relationview-block .relationmap {
  padding-bottom: 50px;
  padding-left: 0;
  padding-right: 0;
}
.relationview-block .relationmap.journeyblock .journeyboxmain {
  width: 300px;
  height: 60px;
  background: var(--Relation_table);
  border-radius: 7.5px;
  position: relative;
  box-shadow: 0px 2px 4px 0px #00000040 !important;
}
.relationview-block .relationmap.journeyblock .journeyboxmain::after {
  height: 25px;
  display: block;
  width: 2px;
  background: var(--Relation_border);
  content: "";
  bottom: -25px;
  position: absolute;
  left: 149px;
}
.relationview-block .relationmap.journeyblock .journeyboxmain.no-data::after {
  display: none !important;
}
.relationview-block .relationmap.episodeblock {
  width: 100%;
  padding: 0;
  display: flex;
  flex-wrap: nowrap;
}
.relationview-block .relationmap.episodeblock .episodebox {
  height: 60px;
  position: relative;
  margin-right: 30px;
  padding: 0;
  flex: 0 0 300px;
  min-width: 300px;
  width: 300px;
}
.relationview-block .relationmap.episodeblock .episodebox::after {
  height: 25px;
  display: block;
  width: 2px;
  background: var(--Relation_border);
  content: "";
  top: -25px;
  position: absolute;
  left: 149px;
}
.relationview-block .relationmap.episodeblock .episodebox::before {
  height: 2px;
  display: block;
  width: 330px;
  background: var(--Relation_border);
  content: "";
  top: -25px;
  position: absolute;
  right: 149px;
}
.relationview-block .relationmap.episodeblock .episodebox.firstWidget::before {
  width: 0 !important;
}
.relationview-block .relationmap.episodeblock .episodebox:nth-child(1)::before {
  width: 0px;
  left: 0px;
}
.relationview-block .relationmap.episodeblock .episodebox.empty-tpbox::after {
  background: none !important;
}
.relationview-block .relationmap.episodeblock .episodebox.empty-tpbox::before {
  background: none !important;
}
.relationview-block .relationmap.episodeblock .episodebox.no-data .episodebox-main::after {
  display: none !important;
}
.relationview-block .relationmap.episodeblock .episodebox .episodebox-main {
  background: var(--Relation_table);
  width: 300px;
  height: 60px;
  position: relative;
  border-radius: 7.5px;
  box-shadow: 0px 2px 4px 0px #00000040 !important;
}
.relationview-block .relationmap.episodeblock .episodebox.active .episodebox-main::after {
  height: 25px;
  display: block;
  width: 2px;
  background: var(--Relation_border);
  content: "";
  bottom: -25px;
  position: absolute;
  left: 149px;
}
.relationview-block .relationmap.episodeblock.tpblock {
  padding-top: 50px;
  padding-left: 0;
  padding-right: 0;
}
.relationview-block .relationmap .lanesmainblock {
  position: relative;
}
.relationview-block .relationmap .lanesmainblock .relationlaneblock {
  padding: 60px 0 0 0;
  position: relative;
}
.relationview-block .relationmap .lanesmainblock .relationlaneblock span.laneindication {
  height: 12px;
  display: block;
  width: 12px;
  background: #7800ff;
  border-radius: 50%;
  border: solid 1px var(--Body);
  top: 24px;
  position: absolute;
  left: 25px;
}
.relationview-block .relationmap .lanesmainblock .relationlaneblock .hirechry-lane {
  display: block;
  border-radius: 5px;
  border: solid 2px var(--Relation_border);
  top: 15px;
  position: absolute;
  left: 0;
  font-size: 12px;
  width: 225px;
  font-weight: 600;
  z-index: 1;
}
.relationview-block .relationmap .lanesmainblock .relationlaneblock .hirechry-lane .lanename {
  width: 100%;
}
.relationview-block .relationmap .lanesmainblock .relationlaneblock .hirechry-lane .lanename .text {
  padding: 5px 10px;
  width: 100%;
  float: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.relationview-block .relationmap .lanesmainblock .relationlaneblock .hirechry-lane .lanename .input {
  width: 100%;
  float: left;
}
.relationview-block .relationmap .lanesmainblock .relationlaneblock .hirechry-lane .lanename .input input {
  min-height: 28px !important;
  height: 28px !important;
}
.relationview-block .relationmap .lanesmainblock .relationlaneblock .hirechry-lane::before {
  height: 2px;
  display: block;
  width: 74px;
  background: var(--Relation_border);
  content: "";
  top: 15px;
  position: absolute;
  right: -74px;
}
.relationview-block .relationmap .lanesmainblock .relationlaneblock .hirechry-lane.normal {
  background: var(--Background_Primary);
  border: solid 2px var(--Relation_border);
  color: var(--Title);
}
.relationview-block .relationmap .lanesmainblock .relationlaneblock .journeyboxinner {
  background: var(--Relation_table);
  width: 240px;
  max-width: 240px;
  min-width: 240px;
  height: 80px;
  position: relative;
  margin-left: 45px;
  margin-bottom: 15px;
  border-radius: 7.5px;
  box-shadow: 0px 2px 4px 0px #00000040 !important;
}
.relationview-block .relationmap .lanesmainblock .relationlaneblock .journeyboxinner::before {
  height: 2px;
  display: block;
  width: 12px;
  background: var(--Relation_border);
  content: "";
  top: 41px;
  position: absolute;
  right: -12px;
}
.relationview-block .relationmap .lanesmainblock .relationlaneblock .journeyboxinner::after {
  width: 2px;
  display: block;
  height: 93px;
  background: var(--Relation_border);
  content: "";
  top: -52px;
  position: absolute;
  right: -12px;
}
.relationview-block .relationmap .lanesmainblock .relationlaneblock .journeyboxinner:nth-last-child(1) {
  margin-bottom: 0px !important;
}
.relationview-block .relationmap .lanesmainblock .relationlaneblock .journeyboxinner:nth-child(1)::after {
  height: 69px;
  top: -27px;
}
.relationview-block .relationmap .lanesmainblock .relationlaneblock .journeyboxinner .hierarchylabel {
  position: absolute;
  height: 20px;
  width: 100%;
  background: var(--Toggle-bg);
  font-size: 13px;
  font-weight: 600;
  padding: 1px 10px;
  line-height: 18px;
  border-top-left-radius: 7.5px;
  border-top-right-radius: 7.5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: var(--Title);
  text-align: center;
}

.laneindication.dropdown:hover > .dropdown-menu,
.laneindication.nolabel.dropdown:hover > .dropdown-menu {
  display: block;
}

.laneindication {
  cursor: pointer;
}
.laneindication .dropdown-toggle {
  width: 12px;
  height: 12px;
}
.laneindication .dropdown-toggle::after {
  border: none !important;
}
.laneindication .dropdown-menu {
  top: -10px;
  left: 20px;
  font-size: 12px;
  padding: 0;
  margin: 0;
  background-color: #7800ff;
  color: #fff;
}
.laneindication .dropdown-menu span.dropdown-item {
  padding: 5px 10px;
  background-color: #7800ff;
  color: #fff;
  border-radius: 3px;
}
.laneindication .dropdown-menu span.dropdown-item:hover {
  background-color: #7800ff;
  color: #fff;
}
.laneindication .dropdown-menu::before {
  content: "";
  width: 0;
  height: 0;
  display: inline-block;
  vertical-align: middle;
  border-style: solid;
  border-width: 6px 6px 6px 0;
  border-color: transparent #7800ff transparent transparent;
  left: -6px;
  top: 50%;
  margin-top: -6px;
  position: absolute;
}
.laneindication.nolabel .dropdown-menu {
  background-color: #6F538F;
  color: #fff;
  display: block;
}
.laneindication.nolabel .dropdown-menu span.dropdown-item {
  color: #fff;
  background-color: #6F538F;
}
.laneindication.nolabel .dropdown-menu span.dropdown-item:hover {
  background-color: #7800ff;
  color: #fff;
}
.laneindication.nolabel .dropdown-menu::before {
  border-color: transparent #6F538F transparent transparent;
}

.relation-jorney-box {
  width: 300px;
  height: 60px;
}
.relation-jorney-box .image {
  width: 60px;
  height: 60px;
  background: var(--Foreground_Tertiary);
  max-width: 300px;
  padding: 0;
  border-top-left-radius: 7.5px;
  border-bottom-left-radius: 7.5px;
}
.relation-jorney-box .image img {
  object-fit: cover;
  width: 60px;
  height: 60px;
  border-top-left-radius: 7.5px;
  border-bottom-left-radius: 7.5px;
}
.relation-jorney-box .text {
  padding: 0 0 0 10px;
  font-size: 12px;
  color: var(--Title);
}
.relation-jorney-box .icon {
  width: 45px;
  height: 45px;
  max-width: 45px;
  min-width: 45px;
  padding: 0 10px;
}
.relation-jorney-box .icon .hidden-eye {
  width: 25px;
  height: 25px;
  color: var(--Title);
  border-radius: 3px;
  display: inline-block;
  text-align: center;
  font-size: 13px;
  line-height: 23px;
  margin-top: 7px;
  cursor: pointer;
  background: #40394a;
  border: 1px solid #5d5961;
}
.relation-jorney-box .icon .hidden-eye:hover {
  opacity: 0.7;
}
.relation-jorney-box .icon .link-icon {
  position: absolute;
  top: 33px;
  right: 15px;
}
.relation-jorney-box .icon .link-icon img {
  width: 14px;
  cursor: pointer;
  margin-top: -2px;
}
.relation-jorney-box.mainjourney {
  width: 300px;
  height: 60px;
}
.relation-jorney-box.mainjourney .text {
  width: 160px;
  height: 40px;
  max-width: 160px;
  min-width: 160px;
  margin: 7px 0 0 0;
  line-height: 20px;
  flex-flow: row wrap;
}
.relation-jorney-box.mainjourney .text p {
  margin-bottom: 0px;
}
.relation-jorney-box.mainjourney .text p.top {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin: 0px;
  width: 100%;
}
.relation-jorney-box.mainjourney .icon {
  width: 80px;
  height: 60px;
  max-width: 80px;
  min-width: 80px;
  text-align: right;
}
.relation-jorney-box.subjourney {
  width: 240px;
  height: 60px;
  padding-top: 20px;
}
.relation-jorney-box.subjourney .text {
  width: 135px;
  height: 40px;
  max-width: 135px;
  min-width: 135px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 10px 0;
  line-height: 20px;
}
.relation-jorney-box.subjourney .text div {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.relation-jorney-box.subjourney .image {
  border-top-left-radius: 0px;
}
.relation-jorney-box.subjourney .image img {
  border-top-left-radius: 0px;
}
.relation-jorney-box.episode {
  width: 300px;
  height: 60px;
}
.relation-jorney-box.episode .text {
  width: 195px;
  max-width: 195px;
  min-width: 195px;
  padding-top: 7px;
  flex-flow: row wrap;
}
.relation-jorney-box.episode .text p {
  line-height: 20px;
  line-height: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin: 0 0 0 0;
  width: 100%;
}
.relation-jorney-box.episode .text .switchtoggle .switch .slider {
  background-color: var(--Toggle-bg);
}
.relation-jorney-box.episode .text .switchtoggle .switch {
  width: 40px;
  height: 17px;
  margin-top: 4px !important;
  margin-right: 5px !important;
}
.relation-jorney-box.episode .text .switchtoggle .switch .slider:before {
  height: 13px;
  width: 13px;
}
.relation-jorney-box.episode .text .switchtoggle .switch input:checked + .slider {
  background-color: #7800ff !important;
}
.relation-jorney-box.episode .text .switchtoggle .switch input:checked + .slider:before {
  -webkit-transform: translateX(17px);
  -ms-transform: translateX(17px);
  transform: translateX(17px);
}
.relation-jorney-box.touchpoint {
  width: 300px;
  height: 60px;
}
.relation-jorney-box.touchpoint .text {
  width: 195px;
  height: 40px;
  max-width: 195px;
  min-width: 195px;
  margin: 10px 0;
  line-height: 20px;
}
.relation-jorney-box.touchpoint .text .tptext {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.relation-jorney-box.touchpoint .text .tptext p,
.relation-jorney-box.touchpoint .text .tptext h1,
.relation-jorney-box.touchpoint .text .tptext h2,
.relation-jorney-box.touchpoint .text .tptext h3,
.relation-jorney-box.touchpoint .text .tptext h4,
.relation-jorney-box.touchpoint .text .tptext h5,
.relation-jorney-box.touchpoint .text .tptext h6 {
  margin: 0px !important;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}
.relation-jorney-box.touchpoint .text .tptext ul,
.relation-jorney-box.touchpoint .text .tptext ol {
  margin: 0px !important;
  padding-left: 0px !important;
}
.relation-jorney-box.touchpoint .text .tptext ul li,
.relation-jorney-box.touchpoint .text .tptext ol li {
  margin: 0px !important;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}
.relation-jorney-box.touchpoint .text p,
.relation-jorney-box.touchpoint .text h1,
.relation-jorney-box.touchpoint .text h2,
.relation-jorney-box.touchpoint .text h3,
.relation-jorney-box.touchpoint .text h4,
.relation-jorney-box.touchpoint .text h5,
.relation-jorney-box.touchpoint .text h6 {
  margin: 0px !important;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}
.relation-jorney-box.touchpoint .image img {
  padding: 15px !important;
}

.owner-coowner {
  margin-top: 7px;
  text-align: right;
}
.owner-coowner span.userprofile {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  line-height: 25px;
  background: #64d3b2;
  font-size: 11px;
  text-transform: uppercase;
  color: #000000;
  text-align: center;
  font-weight: 700;
  margin-left: 1px;
  letter-spacing: -1px;
  display: inline-block;
}
.owner-coowner span.userprofile.profileimg img {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  object-fit: cover;
  background: #110A1A;
}
.owner-coowner span.userprofile i {
  font-size: 8px;
  margin-right: 1px;
}
.owner-coowner span.userprofile:nth-child(2) {
  background: var(--Roundicon-bg);
  color: var(--Title);
}

.lanesmainblock {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
}
.lanesmainblock .relationlaneblock.col {
  position: relative;
  flex: 0 0 300px;
  min-width: 300px;
  width: 300px;
  margin-right: 30px;
}
.lanesmainblock .relationlaneblock.col::before {
  height: calc(100% - 0px);
  display: block;
  width: 2px;
  background: var(--Relation_border);
  content: "";
  top: 0;
  position: absolute;
  left: 30px;
}
.lanesmainblock .relationlaneblock.col.laneEmptybox::after {
  background: none !important;
}
.lanesmainblock .relationlaneblock.col.laneEmptybox::before {
  background: none !important;
}
.lanesmainblock .relationlaneblock.col.nolanewidgets .hirechry-lane::before {
  display: none;
}
.lanesmainblock:nth-last-child(1) .relationlaneblock.col::before {
  height: 25px;
}

.episodelevel-hide.episodebox .episodebox-main::before {
  z-index: 3;
  border-radius: 7.5px !important;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--Background_Disabled);
  opacity: 0.8;
  border-radius: 0px;
}
.episodelevel-hide.episodebox .episodebox-main .icon {
  position: relative;
  z-index: 4;
}
.episodelevel-hide.tpblock .episodebox-main::before {
  z-index: 3;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--Background_Disabled);
  opacity: 0.8;
  border-radius: 0px;
}
.episodelevel-hide.tpblock .episodebox-main .icon {
  position: relative;
  z-index: 1;
}
.episodelevel-hide.laneblock .lanesmainblock .lanebox .journeyboxinner .subjourney::before {
  z-index: 3;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--Background_Disabled);
  opacity: 0.8;
  border-radius: 0px;
}
.episodelevel-hide.laneblock .lanesmainblock .lanebox .journeyboxinner .subjourney .icon {
  position: relative;
  z-index: 1;
}

.tplevel-hide.episodebox .episodebox-main::before {
  z-index: 5;
  border-radius: 7.5px !important;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--Background_Disabled);
  opacity: 0.8;
  border-radius: 0px;
}
.tplevel-hide.episodebox .episodebox-main .icon {
  position: relative;
  z-index: 5;
}
.tplevel-hide.episodebox .episodebox-main .icon.lanewidget-hide {
  z-index: 2;
}
.tplevel-hide.laneblock .lanesmainblock .lanebox .journeyboxinner .subjourney::before {
  z-index: 3;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--Background_Disabled);
  opacity: 0.8;
  border-radius: 0px;
}
.tplevel-hide.laneblock .lanesmainblock .lanebox .journeyboxinner .subjourney .icon {
  position: relative;
  z-index: 1;
}

.lanelevel-hide.journeyboxinner .subjourney::before {
  border-radius: 7.5px !important;
  z-index: 3;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--Background_Disabled);
  opacity: 0.8;
  border-radius: 0px;
}
.lanelevel-hide.journeyboxinner .subjourney .icon {
  position: relative;
  z-index: 4;
}
.lanelevel-hide.journeyboxinner .subjourney .icon.lanewidget-hide {
  z-index: 2;
}

.laneblock {
  position: relative;
}
.laneblock .lanelabel-hierarchy {
  background: #1f1829;
  position: absolute;
  z-index: 1;
  top: 15px;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  padding: 3px;
  border: 1px solid #3f3449 !important;
  color: #fff;
}

.notouchpoints {
  border: dashed 2px var(--Relation_border);
  color: #9783AE;
  padding: 5px;
  font-size: 12px;
  text-align: center;
}
.notouchpoints.active-notouchpoint {
  border: dashed 2px #6f13f5;
  color: #6f13f5 !important;
}

.bottom-links.toppad {
  padding-top: 9px;
}
.bottom-links .count {
  padding: 0px 7px;
  background-color: var(--Toggle-bg);
  border-radius: 3px;
  height: 20px;
  line-height: 20px;
  margin-right: 5px;
  float: left;
  color: var(--Title);
}
.bottom-links .count.tp-count-list {
  position: relative;
  padding-left: 24px;
  line-height: 22px !important;
  cursor: pointer;
}
.bottom-links .count.tp-count-list .tp-icon {
  position: absolute;
  left: 4px;
  top: 4px;
}
.bottom-links .count.tp-count-list .tp-icon img {
  width: 12px;
  height: 12px;
}
.bottom-links .link {
  padding: 0px 5px;
  display: inline-block;
}
.bottom-links .link img {
  width: 14px;
  cursor: pointer;
  margin-top: -2px;
}

.relationview-block .relationmap.journeyblock .journeyboxmain.map-selection-purple {
  background: #2c0b5b;
}
.relationview-block .relationmap.journeyblock .journeyboxmain.map-selection-purple::after {
  background: #0f258d;
}
.relationview-block .relationmap.journeyblock .journeyboxmain.map-selection-purple .image {
  background: #10123f;
}
.relationview-block .relationmap.journeyblock .journeyboxmain.map-selection-purple .image .darktheme {
  display: block !important;
}
.relationview-block .relationmap.journeyblock .journeyboxmain.map-selection-purple .image .lighttheme {
  display: none !important;
}
.relationview-block .relationmap.journeyblock .journeyboxmain.map-selection-purple .relation-jorney-box .text {
  color: #FFFFFF !important;
}
.relationview-block .relationmap.journeyblock .journeyboxmain.map-selection-purple .link-icon .darktheme-icon {
  display: inline-block !important;
  visibility: visible;
}
.relationview-block .relationmap.journeyblock .journeyboxmain.map-selection-purple .link-icon .lighttheme-icon {
  display: none !important;
  visibility: hidden;
}
.relationview-block .relationmap.journeyblock .journeyboxmain.map-selection-purple .bottom-links .count {
  background-color: #4d248b !important;
  color: #fff !important;
}
.relationview-block .relationmap.episodeblock .episodebox.map-selection-purple.active .episodebox-main::after {
  background: #0f258d;
}
.relationview-block .relationmap.episodeblock .episodebox.map-selection-purple::after {
  background: #0f258d;
}
.relationview-block .relationmap.episodeblock .episodebox.map-selection-purple::before {
  background: #0f258d;
}
.relationview-block .relationmap.episodeblock .episodebox.map-selection-purple .episodebox-main {
  background: #0f258d;
}
.relationview-block .relationmap.episodeblock .episodebox.map-selection-purple .episodebox-main .image {
  background: #041567;
}
.relationview-block .relationmap.episodeblock .episodebox.map-selection-purple .episodebox-main .image .darktheme {
  display: block !important;
}
.relationview-block .relationmap.episodeblock .episodebox.map-selection-purple .episodebox-main .image .lighttheme {
  display: none !important;
}
.relationview-block .relationmap.episodeblock .episodebox.map-selection-purple .relation-jorney-box .text {
  color: #FFFFFF !important;
}
.relationview-block .relationmap.episodeblock .episodebox.map-selection-purple .link-icon .darktheme-icon {
  display: inline-block !important;
  visibility: visible;
}
.relationview-block .relationmap.episodeblock .episodebox.map-selection-purple .link-icon .lighttheme-icon {
  display: none !important;
  visibility: hidden;
}
.relationview-block .relationmap.episodeblock .episodebox.map-selection-purple .bottom-links .count {
  background-color: #2944c1 !important;
  color: #fff !important;
}
.relationview-block .relationmap.episodeblock .episodebox.map-selection-purple .icon .hidden-eye {
  background: #2c46bf !important;
  border: 1px solid #2c46bf !important;
  color: #fff !important;
}
.relationview-block .relationmap.episodeblock.tpblock .episodebox.map-selection-purple.active .episodebox-main::after {
  background: #6f13f5 !important;
}
.relationview-block .relationmap.episodeblock.tpblock .episodebox.map-selection-purple::after {
  background: #6f13f5 !important;
}
.relationview-block .relationmap.episodeblock.tpblock .episodebox.map-selection-purple::before {
  background: #6f13f5 !important;
}
.relationview-block .relationmap.episodeblock.tpblock .episodebox.map-selection-purple .episodebox-main {
  background: #6f13f5 !important;
}
.relationview-block .relationmap.episodeblock.tpblock .episodebox.map-selection-purple .episodebox-main .image {
  background: #5b04db !important;
}
.relationview-block .relationmap.episodeblock.tpblock .episodebox.map-selection-purple .episodebox-main .image .darktheme {
  display: block !important;
}
.relationview-block .relationmap.episodeblock.tpblock .episodebox.map-selection-purple .episodebox-main .image .lighttheme {
  display: none !important;
}
.relationview-block .relationmap.episodeblock.tpblock .episodebox.map-selection-purple .relation-jorney-box .text {
  color: #FFFFFF !important;
}
.relationview-block .relationmap.episodeblock.tpblock .episodebox.map-selection-purple .link-icon .darktheme-icon {
  display: inline-block !important;
  visibility: visible;
}
.relationview-block .relationmap.episodeblock.tpblock .episodebox.map-selection-purple .link-icon .lighttheme-icon {
  display: none !important;
  visibility: hidden;
}
.relationview-block .relationmap.episodeblock.tpblock .episodebox.map-selection-purple .icon .hidden-eye {
  background: #9258ed !important;
  border: 1px solid #9258ed !important;
  color: #fff !important;
}
.relationview-block .relationmap.laneblock .lanesmainblock .lanebox.lane-selection-purple::before {
  background: #6f13f5;
}
.relationview-block .relationmap.laneblock .lanesmainblock .lanebox.lane-selection-purple .hirechry-lane {
  border: solid 2px #6f13f5;
}
.relationview-block .relationmap.laneblock .lanesmainblock .lanebox.lane-selection-purple .hirechry-lane::before {
  background: #6f13f5;
}
.relationview-block .relationmap.laneblock .lanesmainblock .lanebox.lane-selection-purple .journeyboxinner {
  background: #6f13f5;
}
.relationview-block .relationmap.laneblock .lanesmainblock .lanebox.lane-selection-purple .journeyboxinner::before {
  background: #6f13f5;
}
.relationview-block .relationmap.laneblock .lanesmainblock .lanebox.lane-selection-purple .journeyboxinner::after {
  background: #6f13f5;
}
.relationview-block .relationmap.laneblock .lanesmainblock .lanebox.lane-selection-purple .journeyboxinner .hierarchylabel {
  background: #5000bb;
  color: #FFFFFF;
}
.relationview-block .relationmap.laneblock .lanesmainblock .lanebox.lane-selection-purple .journeyboxinner .image {
  background: #5b04db;
}
.relationview-block .relationmap.laneblock .lanesmainblock .lanebox.lane-selection-purple .journeyboxinner .image .darktheme {
  display: block !important;
}
.relationview-block .relationmap.laneblock .lanesmainblock .lanebox.lane-selection-purple .journeyboxinner .image .lighttheme {
  display: none !important;
}
.relationview-block .relationmap.laneblock .lanesmainblock .lanebox.lane-selection-purple .relation-jorney-box .text {
  color: #FFFFFF !important;
}
.relationview-block .relationmap.laneblock .lanesmainblock .lanebox.lane-selection-purple .link-icon .darktheme-icon {
  display: inline-block !important;
  visibility: visible;
}
.relationview-block .relationmap.laneblock .lanesmainblock .lanebox.lane-selection-purple .link-icon .lighttheme-icon {
  display: none !important;
  visibility: hidden;
}
.relationview-block .relationmap.laneblock .lanesmainblock .lanebox.lane-selection-purple .icon .hidden-eye {
  background: #9258ed !important;
  border: 1px solid #9258ed !important;
  color: #fff !important;
}
.relationview-block .relationmap.tpblock .episodebox.map-selection-purple::before {
  background: #6f13f5;
}
.relationview-block .relationmap.tpblock .episodebox.map-selection-purple::after {
  background: #6f13f5;
}
.relationview-block .relationmap.tpblock .episodebox.map-selection-purple .image {
  background: #5000bb;
}
.relationview-block .relationmap.tpblock .episodebox.map-selection-purple .image .darktheme {
  display: block !important;
}
.relationview-block .relationmap.tpblock .episodebox.map-selection-purple .image .lighttheme {
  display: none !important;
}
.relationview-block .relationmap.tpblock .episodebox.map-selection-purple .relation-jorney-box .text {
  color: #FFFFFF !important;
}
.relationview-block .relationmap.tpblock .episodebox.map-selection-purple .link-icon .darktheme-icon {
  display: inline-block !important;
  visibility: visible;
}
.relationview-block .relationmap.tpblock .episodebox.map-selection-purple .link-icon .lighttheme-icon {
  display: none !important;
  visibility: hidden;
}
.relationview-block .relationmap.tpblock .episodebox.map-selection-purple .notouchpoints {
  border: dashed 2px #A668FF;
}
.relationview-block .relationmap.episodeblock .episodebox.episode-selection-purple.active .episodebox-main::after {
  background: #6f13f5;
}
.relationview-block .relationmap.episodeblock .episodebox.episode-selection-purple .episodebox-main {
  background: #0f258d;
}
.relationview-block .relationmap.episodeblock .episodebox.episode-selection-purple .episodebox-main .image {
  background: #041567;
}
.relationview-block .relationmap.episodeblock .episodebox.episode-selection-purple .episodebox-main .image .darktheme {
  display: block !important;
}
.relationview-block .relationmap.episodeblock .episodebox.episode-selection-purple .episodebox-main .image .lighttheme {
  display: none !important;
}
.relationview-block .relationmap.episodeblock .episodebox.episode-selection-purple .relation-jorney-box .text {
  color: #FFFFFF !important;
}
.relationview-block .relationmap.episodeblock .episodebox.episode-selection-purple .link-icon .darktheme-icon {
  display: inline-block !important;
  visibility: visible;
}
.relationview-block .relationmap.episodeblock .episodebox.episode-selection-purple .link-icon .lighttheme-icon {
  display: none !important;
  visibility: hidden;
}
.relationview-block .relationmap.episodeblock .episodebox.episode-selection-purple .notouchpoints {
  border: dashed 2px #0f258d;
}
.relationview-block .relationmap.episodeblock .episodebox.episode-selection-purple .bottom-links .count {
  background-color: #2944c1 !important;
  color: #fff !important;
}
.relationview-block .relationmap.episodeblock .episodebox.episode-selection-purple .icon .hidden-eye {
  background: #2c46bf !important;
  border: 1px solid #2c46bf !important;
  color: #fff !important;
}
.relationview-block .relationmap.tpblock .episodebox.episode-selection-purple::before {
  background: #6f13f5;
}
.relationview-block .relationmap.tpblock .episodebox.episode-selection-purple::after {
  background: #6f13f5;
}
.relationview-block .relationmap.tpblock .episodebox.episode-selection-purple .image {
  background: #5b04db !important;
}
.relationview-block .relationmap.tpblock .episodebox.episode-selection-purple .image .darktheme {
  display: block !important;
}
.relationview-block .relationmap.tpblock .episodebox.episode-selection-purple .image .lighttheme {
  display: none !important;
}
.relationview-block .relationmap.tpblock .episodebox.episode-selection-purple .episodebox-main {
  background: #6f13f5;
}
.relationview-block .relationmap.tpblock .episodebox.episode-selection-purple .relation-jorney-box .text {
  color: #FFFFFF !important;
}
.relationview-block .relationmap.tpblock .episodebox.episode-selection-purple .link-icon .darktheme-icon {
  display: inline-block !important;
  visibility: visible;
}
.relationview-block .relationmap.tpblock .episodebox.episode-selection-purple .link-icon .lighttheme-icon {
  display: none !important;
  visibility: hidden;
}
.relationview-block .relationmap.tpblock .episodebox.episode-selection-purple .notouchpoints {
  border: dashed 2px #6f13f5;
}
.relationview-block .relationmap.tpblock .episodebox.episode-selection-purple .icon .hidden-eye {
  background: #9258ed !important;
  border: 1px solid #9258ed !important;
  color: #fff !important;
}
.relationview-block .relationmap.tpblock .episodebox.tp-selection .image {
  background: #5b04db;
}
.relationview-block .relationmap.tpblock .episodebox.tp-selection .image .darktheme {
  display: block !important;
}
.relationview-block .relationmap.tpblock .episodebox.tp-selection .image .lighttheme {
  display: none !important;
}
.relationview-block .relationmap.tpblock .episodebox.tp-selection .episodebox-main {
  background: #6f13f5;
}
.relationview-block .relationmap.tpblock .episodebox.tp-selection .relation-jorney-box .text {
  color: #FFFFFF !important;
}
.relationview-block .relationmap.tpblock .episodebox.tp-selection .link-icon .darktheme-icon {
  display: inline-block !important;
  visibility: visible;
}
.relationview-block .relationmap.tpblock .episodebox.tp-selection .link-icon .lighttheme-icon {
  display: none !important;
  visibility: hidden;
}
.relationview-block .relationmap.tpblock .episodebox.tp-selection .notouchpoints {
  border: dashed 2px #6f13f5;
}
.relationview-block .relationmap.tpblock .episodebox.tp-selection .icon .hidden-eye {
  background: #9258ed !important;
  border: 1px solid #9258ed !important;
  color: #fff !important;
}

.hierarchy-link {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 7px;
  right: 5px;
  background: #7800ff;
  border-radius: 50%;
  cursor: pointer;
}
.hierarchy-link img {
  width: 30px !important;
  height: 30px !important;
  padding: 8px !important;
  margin-left: 1px;
  margin-top: -1px;
}

.viewHierarchy {
  background: var(--Background_Primary) !important;
}
.viewHierarchy .modal-dialog .modal-content .modal-body {
  background: var(--Background_Primary) !important;
  overflow-x: auto;
}
.viewHierarchy .modal-dialog .modal-content .modal-body .relationview-block {
  padding-top: 40px;
  padding-left: 0px;
  padding-right: 0px;
}
.viewHierarchy .modal-dialog .modal-content .modal-body .relationview-block .hierarchyview {
  background: var(--Background_Primary);
  padding: 10px 0px 10px 0px !important;
}
.viewHierarchy .modal-dialog .modal-content .modal-body .relationview-block .hierarchyview h2 {
  font-size: 18px;
  font-weight: 500;
}

.share-checkbox label {
  margin: 0px;
}

.share-checkbox.global-checkbox.checkbox .custom-checkbox + label:before {
  margin-top: 0px !important;
}

.share-slider .slider-text {
  position: absolute;
  left: 70px;
  top: 8px;
}
.share-slider.switchtoggle .switch .slider {
  background-color: #5a4f64;
}

.relationview-block .journey-flow.dragmoveHierarchy .super-flow .super-flow__node {
  border: none !important;
  box-shadow: none !important;
}
.relationview-block .journey-flow.dragmoveHierarchy .super-flow .super-flow__node .flow-node-journey .journeyblock .journeyboxmain.map-selection-purple {
  background: #2c0b5b !important;
}
.relationview-block .journey-flow.dragmoveHierarchy .super-flow .super-flow__node .flow-node-journey .journeyblock .journeyboxmain.map-selection-purple .image {
  background: #4d2589 !important;
}
.relationview-block .journey-flow.dragmoveHierarchy .super-flow .super-flow__node .flow-node-episode .journeyblock .journeyboxmain.map-selection-purple {
  background: #0f258d !important;
}
.relationview-block .journey-flow.dragmoveHierarchy .super-flow .super-flow__node .flow-node-episode .journeyblock .journeyboxmain.map-selection-purple .icon .hidden-eye {
  background: #2c46bf !important;
  border: 1px solid #2c46bf !important;
  color: #fff !important;
}
.relationview-block .journey-flow.dragmoveHierarchy .super-flow .super-flow__node .flow-node-episode .journeyblock .journeyboxmain.map-selection-purple .image {
  background: #2944c1 !important;
}
.relationview-block .journey-flow.dragmoveHierarchy .super-flow .super-flow__node .flow-node-episode .journeyblock .journeyboxmain.map-selection-purple .bottom-links .count {
  background-color: #2944c1 !important;
  color: #fff !important;
}
.relationview-block .journey-flow.dragmoveHierarchy .super-flow .super-flow__node .flow-node-episode .journeyblock .journeyboxmain.map-selection-purple .bottom-links .count.tp-count-list .tp-icon img.lighttheme {
  display: none !important;
}
.relationview-block .journey-flow.dragmoveHierarchy .super-flow .super-flow__node .flow-node-episode .journeyblock .journeyboxmain.map-selection-purple .bottom-links .count.tp-count-list .tp-icon img.darktheme {
  display: block !important;
}
.relationview-block .journey-flow.dragmoveHierarchy .super-flow .super-flow__node .flow-node-episode .journeyblock .journeyboxmain .mainjourney .icon .hidden-eye {
  position: relative;
  z-index: 2;
}
.relationview-block .journey-flow.dragmoveHierarchy .super-flow .super-flow__node .flow-node-episode .journeyblock.episode-level-hide .mainjourney::after {
  z-index: 1;
  border-radius: 7.5px !important;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--Background_Disabled) !important;
  opacity: 0.8;
}
.relationview-block .journey-flow.dragmoveHierarchy .super-flow .super-flow__node .flow-node-touchpoint .journeyblock .journeyboxmain.map-selection-purple {
  background: #6f13f5 !important;
}
.relationview-block .journey-flow.dragmoveHierarchy .super-flow .super-flow__node .flow-node-touchpoint .journeyblock .journeyboxmain.map-selection-purple .icon .hidden-eye {
  background: #9258ed !important;
  border: 1px solid #9258ed !important;
  color: #fff !important;
}
.relationview-block .journey-flow.dragmoveHierarchy .super-flow .super-flow__node .flow-node-touchpoint .journeyblock .journeyboxmain.map-selection-purple .mainjourney .image {
  background: #5b04db !important;
}
.relationview-block .journey-flow.dragmoveHierarchy .super-flow .super-flow__node .flow-node-touchpoint .journeyblock .journeyboxmain .mainjourney .image img {
  padding: 15px !important;
}
.relationview-block .journey-flow.dragmoveHierarchy .super-flow .super-flow__node .flow-node-touchpoint .journeyblock.episode-level-hide .journeyboxmain::after {
  z-index: 1;
  border-radius: 7.5px !important;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--Background_Disabled) !important;
  opacity: 0.8;
}
.relationview-block .journey-flow.dragmoveHierarchy .super-flow .super-flow__node .flow-node-touchpoint .journeyblock.touchpoint-level-hide .journeyboxmain::after {
  z-index: 1;
  border-radius: 7.5px !important;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--Background_Disabled) !important;
  opacity: 0.8;
}
.relationview-block .journey-flow.dragmoveHierarchy .super-flow .super-flow__node .flow-node-touchpoint .journeyblock.touchpoint-level-hide .journeyboxmain .mainjourney .icon .hidden-eye {
  position: relative;
  z-index: 2;
}
.relationview-block .journey-flow.dragmoveHierarchy .super-flow .super-flow__node .relationmap.journeyblock .journeyboxmain::after {
  background-color: transparent !important;
}
.relationview-block .journey-flow.dragmoveHierarchy .super-flow .super-flow__node .flow-node-lane {
  color: var(--Title);
  width: 100%;
  float: left;
}
.relationview-block .journey-flow.dragmoveHierarchy .super-flow .super-flow__node .flow-node-lane .journeyboxinner .hierarchylabel {
  padding: 0 !important;
  width: 100%;
  float: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 13px -1;
  background: var(--Background_Primary);
  border: solid 2px var(--Relation_border);
}
.relationview-block .journey-flow.dragmoveHierarchy .super-flow .super-flow__node .flow-node-lane .journeyboxinner .hierarchylabel .hirechry-lane .lanename .input input {
  border-radius: 0px !important;
  border: none !important;
}
.relationview-block .journey-flow.dragmoveHierarchy .super-flow .super-flow__node .flow-node-lane .journeyboxinner .hierarchylabel .hirechry-lane .lanename .text {
  padding: 5px 10px;
  display: block;
  font-size: 13px;
}
.relationview-block .journey-flow.dragmoveHierarchy .super-flow .super-flow__node .flow-node-lane .journeyboxinner .hierarchylabel.isHighlightLane {
  border: solid 2px #5009b9;
}
.relationview-block .journey-flow.dragmoveHierarchy .super-flow .super-flow__node .flow-node-laneBlock .journeyboxinner {
  background: var(--Relation_table);
  width: 240px;
  max-width: 240px;
  min-width: 240px;
  height: 80px;
  position: relative;
  margin-left: 0;
  margin-bottom: 15px;
  border-radius: 7.5px;
  box-shadow: 0px 2px 4px 0px #00000040 !important;
}
.relationview-block .journey-flow.dragmoveHierarchy .super-flow .super-flow__node .flow-node-laneBlock .journeyboxinner .hierarchylabel {
  position: absolute;
  height: 20px;
  width: 100%;
  background: var(--Toggle-bg);
  font-size: 12px;
  font-weight: 600;
  padding: 1px 10px;
  line-height: 18px;
  border-top-left-radius: 7.5px;
  border-top-right-radius: 7.5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: var(--Title);
  text-align: center;
}
.relationview-block .journey-flow.dragmoveHierarchy .super-flow .super-flow__node .flow-node-laneBlock .journeyboxinner.map-selection-purple {
  background: #6f13f5 !important;
}
.relationview-block .journey-flow.dragmoveHierarchy .super-flow .super-flow__node .flow-node-laneBlock .journeyboxinner.map-selection-purple .hierarchylabel {
  background: #5b04db;
  color: #fff;
}
.relationview-block .journey-flow.dragmoveHierarchy .super-flow .super-flow__node .flow-node-laneBlock .journeyboxinner.map-selection-purple .icon .hidden-eye {
  background: #9258ed !important;
  border: 1px solid #9258ed !important;
  color: #fff !important;
}
.relationview-block .journey-flow.dragmoveHierarchy .super-flow .super-flow__node .flow-node-laneBlock .journeyboxinner.map-selection-purple .image {
  background: #5b04db;
}
.relationview-block .journey-flow.dragmoveHierarchy .super-flow .super-flow__node .flow-node-laneBlock .journeyboxinner.map-selection-purple .text.col div {
  color: #fff !important;
}
.relationview-block .journey-flow.dragmoveHierarchy .super-flow .super-flow__node .flow-node-laneBlock .journeyboxinner.map-selection-purple .link-icon .darktheme-icon {
  display: inline-block !important;
  visibility: visible;
}
.relationview-block .journey-flow.dragmoveHierarchy .super-flow .super-flow__node .flow-node-laneBlock .journeyboxinner.map-selection-purple .link-icon .lighttheme-icon {
  display: none !important;
  visibility: hidden;
}
.relationview-block .journey-flow.dragmoveHierarchy .super-flow .super-flow__node .flow-node-laneBlock .journeyboxinner .episode-level-hide::after,
.relationview-block .journey-flow.dragmoveHierarchy .super-flow .super-flow__node .flow-node-laneBlock .journeyboxinner .touchpoint-level-hide::after {
  z-index: 1;
  border-radius: 7.5px !important;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--Background_Disabled) !important;
  opacity: 0.8;
}
.relationview-block .journey-flow.dragmoveHierarchy .super-flow .super-flow__node .flow-node-laneBlock .journeyboxinner .lane-level-hide::after {
  z-index: 1;
  border-radius: 7.5px !important;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--Background_Disabled) !important;
  opacity: 0.8;
}
.relationview-block .journey-flow.dragmoveHierarchy .super-flow .super-flow__node .flow-node-laneBlock .journeyboxinner .lane-level-hide .subjourney .icon .hidden-eye {
  z-index: 2;
  position: relative;
}

.journey-flow.dragmoveHierarchy {
  width: 100%;
  height: 100%;
  overflow: auto;
}
.journey-flow.dragmoveHierarchy .super-flow {
  position: absolute;
  width: auto !important;
  height: auto !important;
  display: table;
  overflow: unset;
}

.share-slider .sliderinfo-text {
  padding-left: 15px;
  padding-right: 15px;
  font-size: 13px;
  line-height: 23px;
}
.share-slider .password-input {
  position: relative;
  margin-top: -3px;
  width: 160px;
}
.share-slider .password-input .p-hideshow {
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
}

.formsection .form-group .share-slider .password-input .mm-input-sm.form-control {
  padding-right: 35px !important;
}

/********************** Signupder Styles ***********************/
/*************** 1. Imports ******************/
/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Mixins ******************/
/**** Comments Off canvas Menu ***/
.commentsOffcanvas {
  height: 100%;
  width: 347px;
  margin-left: -350px;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0px;
  background-color: #40394a;
  overflow-x: hidden;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  padding-top: 50px;
  visibility: hidden;
  overflow: hidden;
}
.commentsOffcanvas.active {
  visibility: visible;
}
.commentsOffcanvas .CommentsHead {
  padding: 13.5px 20px;
  border-bottom: 2px solid #110a1a;
  border-top: 2px solid #110a1a;
  position: fixed;
  width: 350px;
  top: 50px;
  background: #110a1a;
}
.commentsOffcanvas .CommentsHead h4 {
  font-size: 16px;
  color: #fff;
  text-align: center;
  margin: 0px;
  font-weight: 700;
}
.commentsOffcanvas .CommentsHead .closebtn {
  position: absolute;
  top: 8px;
  right: 10px;
  font-size: 26px;
  margin-left: 50px;
  color: #fff;
  width: 30px;
  height: 30px;
  background: #40394a;
  line-height: 27px;
  border-radius: 50%;
  font-weight: 400;
}

.commentsMain {
  position: relative;
  /*** Comments Block ***/
}
.commentsMain .commentsIcon {
  background: url("/bundles/map/images/comment-icon.svg") no-repeat;
  display: block;
  height: 72px;
  width: 72px;
  position: absolute;
  cursor: pointer;
  top: -10px;
}
.commentsMain .commentsIcon.active {
  background: url("/bundles/map/images/commented-icon.svg") no-repeat;
}
.commentsMain .commentCount {
  position: absolute;
  color: #fff;
  font-size: 10px;
  padding: 10px 6px;
  margin: 0px auto;
  top: 20px;
  left: 17px;
  text-align: center;
  width: 40px;
  height: 40px;
}
@-moz-document url-prefix() {
  .commentsMain .commentCount {
    padding: 10px 6px;
  }
}
.commentsMain .commentsMainBlock {
  position: absolute;
  background: #2d2637;
  border: 1px solid #110a1a;
  width: 320px;
  top: 10px;
  z-index: 2;
  display: none;
  right: -120px;
  /*** Comment Title ***/
  /** Comment Area ***/
}
.commentsMain .commentsMainBlock.showCommentBlock {
  display: block;
}
.commentsMain .commentsMainBlock p {
  -webkit-transform: rotate(0) translate(0%, 0px);
  -ms-transform: rotate(0) translate(0%, 0px);
  transform: rotate(0) translate(0%, 0px);
}
.commentsMain .commentsMainBlock .commentTitle {
  border-bottom: 0px solid #110a1a;
  padding: 5px 15px;
  color: #fff;
  position: relative;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);
  background: #5a4f65;
}
.commentsMain .commentsMainBlock .commentTitle .add-comment {
  font-size: 18px;
  text-align: center;
  padding: 0px;
  margin: 0px;
  -webkit-transform: rotate(0) translate(0%, 0px);
  -ms-transform: rotate(0) translate(0%, 0px);
  transform: rotate(0) translate(0%, 0px);
  font-size: 13px;
  font-weight: 600;
  font-family: "Inter", sans-serif;
}
.commentsMain .commentsMainBlock .commentTitle .closeComment {
  position: absolute;
  top: 5px;
  right: 5px;
  color: #fff;
  font-size: 16px;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 19px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  border-radius: 50%;
}
.commentsMain .commentsMainBlock .commentTitle .closeComment:hover {
  background: #110a1a;
  color: #fff;
}
.commentsMain .commentsMainBlock .commentTxtBlock {
  padding: 15px;
}
.commentsMain .commentsMainBlock .commentTxtBlock .commentTxtBlockInner {
  background: #110a1a;
  padding: 5px 10px 10px 10px;
  border-radius: 6px;
  border: 2px solid transparent;
}
.commentsMain .commentsMainBlock .commentTxtBlock .commentTxtBlockInner div.comment-user {
  color: rgba(255, 255, 255, 0.3);
  font-size: 12px;
  -webkit-transform: rotate(0) translate(0%, 0px);
  -ms-transform: rotate(0) translate(0%, 0px);
  transform: rotate(0) translate(0%, 0px);
  text-align: left;
  margin: 0px 0px 5px 0px;
  padding: 0px;
  display: block;
  font-family: "Inter", sans-serif;
  color: #fff;
  font-weight: 400;
}
.commentsMain .commentsMainBlock .commentTxtBlock .commentTxtBlockInner textarea {
  padding: 0px;
  color: #fff;
  border-radius: 0px;
  font-weight: 600;
  box-shadow: none !important;
  border: 1px solid transparent;
  min-height: 60px !important;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  padding: 2px 4px;
}
.commentsMain .commentsMainBlock .commentTxtBlock .commentTxtBlockInner textarea:focus {
  border: 1px solid #7800ff;
  outline: none;
  box-shadow: inset 2px 2px 4px rgba(120, 0, 255, 0.4);
}
.commentsMain .commentsMainBlock .commentTxtBlock .commentpostButton {
  margin: 15px auto 0px !important;
  -webkit-transform: rotate(0) translate(0%, 0px);
  -ms-transform: rotate(0) translate(0%, 0px);
  transform: rotate(0) translate(0%, 0px);
  padding: 0px;
  display: block;
  text-align: left !important;
}
.commentsMain .commentsMainBlock .commentTxtBlock .commentpostButton .btn {
  font-weight: 700 !important;
  padding: 8.5px 20px !important;
  cursor: pointer !important;
  font-family: "Inter", sans-serif !important;
}
.commentsMain .commentsMainBlock .commentTxtBlock .commentpostButton .tertiarynew-btn {
  background: #7b6c8f;
  -webkit-box-shadow: 0px 4px 4px #000;
  -moz-box-shadow: 0px 4px 4px #000;
  -ms-box-shadow: 0px 4px 4px #000;
  -o-box-shadow: 0px 4px 4px #000;
  box-shadow: 0px 4px 4px #000;
  margin: 5px 0px 0px 0px;
}

.leftwrapperInnerMenu .commentsIcon {
  top: -10px;
  left: 20px;
  z-index: 3;
}
.leftwrapperInnerMenu .commentsMainBlock {
  left: 20px;
  top: 0;
}
.leftwrapperInnerMenu .commentsMainBlock .commentTitle p,
.leftwrapperInnerMenu .commentsMainBlock .commentTxtBlockInner p {
  width: 100% !important;
  position: static;
  left: auto !important;
  right: auto;
  top: auto;
  bottom: auto;
}

/*** Comments Icon Positions ***/
.journeyFirstColumn .commentsIconPos,
.commentsBlockSection .commentsIconPos,
.presentTextField .commentsIconPos {
  top: -10px;
}

.commentsIconPos {
  right: 65px;
  top: 0px;
  position: absolute;
}
.commentsIconPos .commentTxtBlockInner textarea {
  background: transparent !important;
  box-shadow: transparent !important;
}

/*** Episode Comments ***/
.commentsEpisodeBlock.showComments .presentEpisodeNumber {
  display: none;
}

.titiedescripWidget .commentTxtBlockInner textarea {
  min-height: auto !important;
}

.presentMainContainer .presentMedia .presentEpisode .commentsMain .commentsMainBlock {
  right: -190px;
}
.presentMainContainer .presentMedia .presentEpisode .commentsMain .commentsIcon {
  z-index: 1;
}
.presentMainContainer .presentMedia .presentEpisode.lastpresentview .commentsMain .commentsMainBlock {
  left: -320px;
  right: auto;
}

.viewAllComments {
  margin: 0px auto;
  text-align: center;
}

.widgetAreaMainSection .commentsMain .commentsIcon {
  z-index: 0;
}

.leftwrapperTopSection .commentsMain .commentsIcon.active {
  left: 20px;
  top: -12px;
}

/** Invite People Search ***/
.inviteUserSearch.imageSearch input {
  color: #fff;
}
.inviteUserSearch.imageSearch input:focus {
  outline: none;
  color: #fff;
}
.inviteUserSearch.imageSearch .search-result-list {
  background: var(--Foreground_Primary) !important;
  margin: 5px 0px 0px;
  border-radius: 5px;
  border: 1px solid var(--Border_Divider) !important;
}
.inviteUserSearch.imageSearch .search-result-list li {
  color: var(--Title);
  font-size: 12px;
  padding: 8px;
  cursor: pointer;
  border: none !important;
  font-weight: 400 !important;
}
.inviteUserSearch.imageSearch .search-result-list li:hover {
  background: var(--Background_Secondary) !important;
}

.episodeDetailsModal .widgetAreaMainSection .commentsMain .commentsIcon {
  right: -75px;
}
@media (min-width: 2021px) and (max-width: 5199px) {
  .episodeDetailsModal .widgetAreaMainSection .commentsMain .commentsIcon {
    right: -60px;
  }
}
.episodeDetailsModal .widgetAreaMainSection .commentsMain .commentpostButton {
  margin: 10px 0px 0px;
  text-align: center;
}

.commentsModal .modal-dialog .modal-content .modal-body .imageSearch {
  position: relative;
}
.commentsModal .modal-dialog .modal-content .modal-body .imageSearch i {
  left: 10px;
  top: 10px;
  color: var(--Title);
  font-size: 13px;
}
.commentsModal .modal-dialog .modal-content .modal-body .imageSearch input {
  width: 100% !important;
  margin-left: 0px;
  padding: 5px 8px 5px 30px !important;
  border-radius: 5px !important;
  border: solid 1px var(--Border_Divider) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: var(--Input_Filled) !important;
  background: var(--Background_Secondary) !important;
  box-shadow: none !important;
  line-height: 20px !important;
  height: 32px !important;
}
.commentsModal .modal-dialog .modal-content .modal-body .imageSearch input:focus {
  border: solid 1px var(--Border_Focus) !important;
  background: var(--Background_Tertiary) !important;
}
.commentsModal .modal-dialog .modal-content .modal-body .imageSearch input:disabled, .commentsModal .modal-dialog .modal-content .modal-body .imageSearch input.disabled {
  border: solid 1px var(--Border_Disabled) !important;
  background: var(--Background_Disabled) !important;
  color: var(--Disabled) !important;
  cursor: not-allowed;
  pointer-events: none !important;
}
.commentsModal .modal-dialog .modal-content .modal-body .imageSearch input:disabled::-webkit-input-placeholder, .commentsModal .modal-dialog .modal-content .modal-body .imageSearch input.disabled::-webkit-input-placeholder {
  color: var(--Disabled) !important;
  font-weight: 400;
}
.commentsModal .modal-dialog .modal-content .modal-body .imageSearch input:disabled::-moz-placeholder, .commentsModal .modal-dialog .modal-content .modal-body .imageSearch input.disabled::-moz-placeholder {
  color: var(--Disabled) !important;
  font-weight: 400;
}
.commentsModal .modal-dialog .modal-content .modal-body .imageSearch input:disabled:-ms-input-placeholder, .commentsModal .modal-dialog .modal-content .modal-body .imageSearch input.disabled:-ms-input-placeholder {
  color: var(--Disabled) !important;
  font-weight: 400;
}
.commentsModal .modal-dialog .modal-content .modal-body .imageSearch input:disabled:-moz-placeholder, .commentsModal .modal-dialog .modal-content .modal-body .imageSearch input.disabled:-moz-placeholder {
  color: var(--Disabled) !important;
  font-weight: 400;
}
.commentsModal .modal-dialog .modal-content .modal-body .imageSearch input:hover {
  background: var(--Background_Secondary) !important;
  border: solid 1px var(--Border_Divider);
}
.commentsModal .modal-dialog .modal-content .modal-body .imageSearch input:hover:focus {
  background: var(--Background_Tertiary) !important;
}
.commentsModal .modal-dialog .modal-content .modal-body .imageSearch input:visited, .commentsModal .modal-dialog .modal-content .modal-body .imageSearch input:active {
  background: var(--Background_Secondary);
  border: solid 1px var(--Border_Divider);
}
.commentsModal .modal-dialog .modal-content .modal-body .imageSearch input.delete {
  text-align: center !important;
}
.commentsModal .modal-dialog .modal-content .modal-body .commentUserListScroll .commentUserList li {
  padding-right: 0px !important;
}
.commentsModal .modal-dialog .modal-content .modal-body .formsection .form-group .textArea textarea.form-control {
  min-height: 200px !important;
}

.newComments {
  height: 40px;
}
.newComments .comment-User {
  background: #64d3b2;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  font-family: Inter;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 30px;
  align-items: center;
  text-align: center;
  color: #000000;
  text-transform: uppercase;
  display: block;
  float: left;
  margin-right: 3px;
  border: 1px solid #64d3b2;
  position: absolute;
}
.newComments img {
  position: absolute;
}
.newComments p.commentedTime {
  padding-left: 15px;
  padding-top: 7px;
}

.touchpointList .commentsMain .commentsMainBlock {
  right: -210px;
}

.tpwidgetAreaMainSection .innerBoxItem .widgetArea .formsection .widgettopTitle p.commentpostButton {
  margin: 15px auto 0px !important;
}

.tpwidgetAreaMainSection .innerBoxItem .widgetArea .formsection .widgettopTitle .commentTxtBlockInner p {
  margin: 0px 0px 5px 0px !important;
}

.newtpscroll .addImagebody .formsection .row.innerrow .rightwrapper .tp-present-row .touchwidgetPresentdata .widgetAreaMainSection {
  overflow: inherit !important;
}

.newtpscroll .addImagebody .formsection .row.innerrow .rightwrapper .tp-present-row .touchwidgetPresentdata .widgetAreaMainSection .row .lanesDrag .width-14:nth-child(6n+1) .commentsMainBlock.showCommentBlock {
  right: 0px !important;
  left: 0px;
  top: 0px !important;
}

.statusToggle .commentsMain .commentsMainBlock.showCommentBlock {
  right: 0px !important;
  left: 50px !important;
}

.journeyFirstColumn .innerBoxItem .viewEpisodeMode .viewImage .commentsMain .commentsMainBlock.showCommentBlock {
  right: 0px !important;
  left: 50px !important;
}

.journeySecColumn .innerBoxItem .presentTitleDesc .title .commentsMain .commentsIcon {
  top: -30px !important;
}

/********************** Chatbox Styles ***********************/
/*************** 1. Imports ******************/
/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Mixins ******************/
.chat-contatiner {
  width: 500px;
  height: 500px;
  position: absolute;
  bottom: 10px;
  background: #3f3449;
  border-radius: 10px !important;
  z-index: 1000;
}
.chat-contatiner.chatleft {
  left: 50px;
}
.chat-contatiner.chatright {
  right: 150px;
}
.chat-contatiner .chat-main-block {
  width: 100%;
  margin: 0;
}
.chat-contatiner .chat-main-block .chat {
  margin-top: auto;
  margin-bottom: auto;
}
.chat-contatiner .chat-main-block .chat-window {
  width: 100%;
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0;
}
.chat-contatiner .chat-main-block .chat-window .card {
  height: 500px;
  border-radius: 5px !important;
  background-color: #3f3449 !important;
  border: 1px solid #5a4f65;
  -webkit-box-shadow: 0 0 100px black;
  box-shadow: 0 0 100px black;
}
.chat-contatiner .chat-main-block .chat-window .card .card-header {
  background: #3f3449;
  border-radius: 5px 5px 0 0 !important;
  border-bottom: 1px solid #5a4f65;
}
.chat-contatiner .chat-main-block .chat-window .card .card-header .closechat {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #c0c0c0;
  cursor: pointer;
  font-size: 20px;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 28px;
}
.chat-contatiner .chat-main-block .chat-window .card .card-header .closechat:hover {
  color: #fff;
  background: #110a1a;
  border-radius: 50%;
}
.chat-contatiner .chat-main-block .chat-window .card .card-header .user_info {
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 0;
}
.chat-contatiner .chat-main-block .chat-window .card .card-header .user_info .chat-tabs {
  float: left;
  width: 200px;
}
.chat-contatiner .chat-main-block .chat-window .card .card-header .user_info .chat-tabs .nav-tabs {
  border-bottom: 1px solid transparent;
  max-width: calc(100% - 0px);
  padding-top: 0px;
  background: transparent;
  margin-bottom: 0px;
}
.chat-contatiner .chat-main-block .chat-window .card .card-header .user_info .chat-tabs .nav-tabs li a {
  margin-right: 15px !important;
  margin-left: 15px !important;
  font-size: 13px;
  padding: 0px 0px 5px 0px;
}
.chat-contatiner .chat-main-block .chat-window .card .card-header .user_info span.head {
  font-size: 15px;
  color: #fff;
  font-weight: 600;
}
.chat-contatiner .chat-main-block .chat-window .card .card-header .old-chat-btn {
  position: absolute;
  top: 14px;
  right: 45px;
  background: #5a4f65;
  font-size: 15px;
  color: #fff;
  height: 25px;
  text-align: center;
  border-radius: 5px;
  padding: 3px 5px;
  line-height: 18px;
  cursor: pointer;
}
.chat-contatiner .chat-main-block .chat-window .card .card-header .old-chat-btn:hover {
  background: #7800ff;
}
.chat-contatiner .chat-main-block .chat-window .card .card-header .move-icons {
  height: 25px;
  float: left;
}
.chat-contatiner .chat-main-block .chat-window .card .card-header .move-icons .moveleft,
.chat-contatiner .chat-main-block .chat-window .card .card-header .move-icons .moveright {
  height: 25px;
  text-align: center;
  background: #5a4f65;
  border-radius: 5px;
  font-size: 16px;
  float: left;
  padding: 3px 5px;
  line-height: 20px;
  margin-right: 10px;
  color: #fff;
  cursor: pointer;
}
.chat-contatiner .chat-main-block .chat-window .card .card-header .move-icons .moveleft:hover,
.chat-contatiner .chat-main-block .chat-window .card .card-header .move-icons .moveright:hover {
  background: #7800ff;
}
.chat-contatiner .chat-main-block .chat-window .card .card-footer {
  border-radius: 0 0 5px 5px !important;
  border-top: 1px solid #5a4f65 !important;
}
.chat-contatiner .chat-main-block .chat-window .card .card-footer .type_msg {
  background-color: #5a4f65 !important;
  border: 0 !important;
  color: #fff !important;
  height: 50px !important;
  overflow-y: auto;
  font-size: 13px;
}
.chat-contatiner .chat-main-block .chat-window .card .card-footer .type_msg:focus {
  box-shadow: none !important;
  outline: 0 !important;
}
.chat-contatiner .chat-main-block .chat-window .card .card-footer .send_btn {
  border-radius: 0 5px 5px 0 !important;
  background-color: #7800ff !important;
  border: 0 !important;
  color: #fff !important;
  cursor: pointer;
}
.chat-contatiner .chat-main-block .chat-window .card .card-body.msg_card_body {
  overflow-y: auto;
  max-height: 373px;
  height: 373px;
}
.chat-contatiner .chat-main-block .chat-window .card .card-body.msg_card_body .msg_cotainer {
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 10px;
  border-radius: 5px;
  background-color: #5a4f65;
  padding: 7.5px 10px;
  position: relative;
  font-size: 13px;
  border: solid 1px #5a4f65;
  color: #fff;
  margin-right: 45px;
}
.chat-contatiner .chat-main-block .chat-window .card .card-body.msg_card_body .msg_cotainer .msg_time {
  position: relative;
  left: 0;
  bottom: 0;
  color: #c0c0c0;
  font-size: 10px;
  display: block;
}
.chat-contatiner .chat-main-block .chat-window .card .card-body.msg_card_body .msg_cotainer_send {
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 10px;
  border-radius: 5px;
  background-color: #7800ff;
  padding: 7.5px 10px;
  font-size: 13px;
  position: relative;
  color: #fff;
  margin-left: 45px;
}
.chat-contatiner .chat-main-block .chat-window .card .card-body.msg_card_body .msg_cotainer_send .msg_time_send {
  position: relative;
  left: 0;
  bottom: 0;
  color: #e0c4ff;
  font-size: 10px;
  display: block;
}
.chat-contatiner .chat-main-block .chat-window .card .card-body.msg_card_body .emptychat {
  text-align: center;
  font-size: 12px;
  padding: 10px;
  border: solid 1px #5a4f65;
  position: relative;
  top: 50%;
  margin-top: -20px;
  color: #a294b5;
}
.chat-contatiner .chat-main-block .chat-window .card .card-body.contacts_body {
  white-space: nowrap;
  overflow-y: auto;
  max-height: 393px;
  height: 393px;
}
.chat-contatiner .chat-main-block .chat-window .card .card-body.contacts_body.expand-contacts {
  max-height: 430px !important;
  height: 430px !important;
  padding-bottom: 0 !important;
}
.chat-contatiner .chat-main-block .chat-window .card .card-body.contacts_body .contacts {
  list-style: none;
  padding: 5px;
}
.chat-contatiner .chat-main-block .chat-window .card .card-body.contacts_body .contacts li {
  width: 100% !important;
  padding: 6px;
  margin-bottom: 6px !important;
  border: solid 1px #5a4f65;
  border-radius: 5px;
  background: #5a4f65;
}
.chat-contatiner .chat-main-block .chat-window .card .card-body.contacts_body .contacts li.active .row-user .user-image .status-icon,
.chat-contatiner .chat-main-block .chat-window .card .card-body.contacts_body .contacts li.active .row-user .user-shortname .status-icon {
  background-color: #03ac00 !important;
}
.chat-contatiner .chat-main-block .chat-window .card .card-body.contacts_body .contacts li .row-user {
  width: 100%;
}
.chat-contatiner .chat-main-block .chat-window .card .card-body.contacts_body .contacts li .row-user .user-image {
  position: relative;
  width: 35px;
  height: 35px;
  border-radius: 50%;
}
.chat-contatiner .chat-main-block .chat-window .card .card-body.contacts_body .contacts li .row-user .user-image img {
  width: 35px;
  height: 35px;
  border: 2px solid #7800ff;
  border-radius: 50%;
}
.chat-contatiner .chat-main-block .chat-window .card .card-body.contacts_body .contacts li .row-user .user-shortname {
  position: relative;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: #64d3b2;
  color: #110a1a;
  font-size: 13px;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  line-height: 35px;
}
.chat-contatiner .chat-main-block .chat-window .card .card-body.contacts_body .contacts li .row-user .user-info {
  padding-left: 10px;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 35px;
  font-size: 13px;
}
.chat-contatiner .chat-main-block .chat-window .card .card-body.contacts_body .contacts li .row-user .user-image .status-icon,
.chat-contatiner .chat-main-block .chat-window .card .card-body.contacts_body .contacts li .row-user .user-shortname .status-icon {
  position: absolute;
  height: 12px;
  width: 12px;
  background-color: #8b93a1;
  border-radius: 50%;
  bottom: 1px;
  right: 0px;
  border: 1.5px solid #fff;
}
.chat-contatiner .chat-main-block .chat-window .card .tab-content {
  height: 100%;
}
.chat-contatiner .chat-main-block .chat-window .card .tab-content .tab-pane {
  height: 100%;
}
.chat-contatiner .chat-main-block .justify-content-start .img_cont_msg {
  height: 35px;
  width: 35px;
}
.chat-contatiner .chat-main-block .justify-content-start .img_cont_msg img.user_img {
  height: 35px;
  width: 35px;
  border: 2px solid #5a4f65;
}
.chat-contatiner .chat-main-block .justify-content-start .img_cont_msg span.user-shortname {
  height: 35px;
  width: 35px;
  border-radius: 50%;
  border: 2px solid #5a4f65;
  color: #fff;
  text-transform: uppercase;
  line-height: 32px;
  font-size: 13px;
  font-weight: 600;
  background: #5a4f65;
  display: inline-block;
  text-align: center;
  letter-spacing: 1px;
}
.chat-contatiner .chat-main-block .justify-content-end .img_cont_msg {
  height: 35px;
  width: 35px;
}
.chat-contatiner .chat-main-block .justify-content-end .img_cont_msg img.user_img {
  height: 35px;
  width: 35px;
  border: 2px solid #7800ff;
}
.chat-contatiner .chat-main-block .justify-content-end .img_cont_msg span.user-shortname {
  height: 35px;
  width: 35px;
  border-radius: 50%;
  border: 2px solid #7800ff;
  color: #fff;
  text-transform: uppercase;
  line-height: 32px;
  font-size: 13px;
  font-weight: 600;
  background: #7800ff;
  display: inline-block;
  text-align: center;
  letter-spacing: 1px;
}
.chat-contatiner.chat-minimize {
  height: 50px;
}
.chat-contatiner.chat-minimize .card {
  height: 50px !important;
  border: 0px solid #5a4f65 !important;
}
.chat-contatiner.chat-minimize .card .card-footer,
.chat-contatiner.chat-minimize .card .card-body {
  display: none;
}
.chat-contatiner.chat-minimize .card .card-header {
  border-bottom: 0px solid #c5c5c5 !important;
}

.chat-scrollbar {
  scrollbar-color: #a294b5 #f3f3f3;
  scrollbar-width: thin;
}
.chat-scrollbar::-webkit-scrollbar {
  width: 13px;
}
.chat-scrollbar::-webkit-scrollbar-track {
  box-shadow: none;
  border-radius: 0px;
  background: #3f3449;
}
.chat-scrollbar::-webkit-scrollbar-track:hover {
  background: #3f3449;
}
.chat-scrollbar::-webkit-scrollbar-thumb {
  background: #7b6c8f;
  border: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}
.chat-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #a294b5;
  border: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}
.chat-scrollbar::-moz-scrollbar {
  width: 13px;
}
.chat-scrollbar::-moz-scrollbar-track {
  box-shadow: none;
  border-radius: 0px;
  background: #3f3449;
}
.chat-scrollbar::-moz-scrollbar-track:hover {
  background: #3f3449;
}
.chat-scrollbar::-moz-scrollbar-thumb {
  background: #7b6c8f;
  border: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}
.chat-scrollbar::-moz-scrollbar-thumb:hover {
  background: #7b6c8f;
  border: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}

.dropdown-scrollbar {
  scrollbar-color: #a294b5 var(--Foreground_Primary);
  overflow: auto !important;
  overflow-x: hidden !important;
}
.dropdown-scrollbar::-webkit-scrollbar {
  width: 13px;
  border: 0px solid #000 !important;
}
.dropdown-scrollbar::-webkit-scrollbar-track {
  box-shadow: none;
  border-radius: 0px;
  background: var(--Foreground_Primary);
}
.dropdown-scrollbar::-webkit-scrollbar-track:hover {
  background: var(--Foreground_Primary);
}
.dropdown-scrollbar::-webkit-scrollbar-thumb {
  background: var(--Border_Divider);
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}
.dropdown-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #a294b5;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}
.dropdown-scrollbar::-moz-scrollbar {
  width: 13px;
}
.dropdown-scrollbar::-moz-scrollbar-track {
  box-shadow: none;
  border-radius: 0px;
  background: var(--Foreground_Primary);
}
.dropdown-scrollbar::-moz-scrollbar-track:hover {
  background: var(--Foreground_Primary);
}
.dropdown-scrollbar::-moz-scrollbar-thumb {
  background: var(--Border_Divider);
  border: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}
.dropdown-scrollbar::-moz-scrollbar-thumb:hover {
  background: #a294b5;
  border: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}

.mainModal .chathistory-modal {
  max-width: 800px;
}
.mainModal .chathistory-modal .chathistory-block {
  padding: 25px !important;
  min-height: 400px;
}
.mainModal .chathistory-modal .chathistory-block .chathistory-row {
  display: block;
  background: #5a4f65;
  padding: 8px;
  border-radius: 5px;
  margin-bottom: 8px;
  border: solid 1px #625d69;
}
.mainModal .chathistory-modal .chathistory-block .chathistory-row h5.userdata {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 5px;
}
.mainModal .chathistory-modal .chathistory-block .chathistory-row h5.userdata span.date-time {
  font-size: 11px;
  font-weight: 500;
  color: #c2b8d0;
  margin-bottom: 0px;
  line-height: 15px;
  float: right;
}
.mainModal .chathistory-modal .chathistory-block .chathistory-row p.chatdata {
  font-size: 12px;
  font-weight: 300;
  color: #fff;
  margin-bottom: 5px;
  line-height: 16px;
}
.mainModal .chathistory-modal .chathistory-block .chathistory-row.active {
  background: #201a2a;
  border: solid 1px #5a4f65;
}
.mainModal .chathistory-modal .chathistory-block .emptychat {
  text-align: center;
  font-size: 12px;
  padding: 10px;
  border: solid 1px #5a4f65;
  position: absolute;
  top: 50%;
  margin-top: -35px;
  color: #a294b5;
  width: calc(100% - 50px);
}

.sm-textarea-scrollbar {
  scrollbar-color: #a294b5 #5a4f65;
  scrollbar-width: thin;
}
.sm-textarea-scrollbar::-webkit-scrollbar {
  width: 13px;
}
.sm-textarea-scrollbar::-webkit-scrollbar-track {
  box-shadow: none;
  border-radius: 0px;
  background: #5a4f65;
}
.sm-textarea-scrollbar::-webkit-scrollbar-track:hover {
  background: #5a4f65;
}
.sm-textarea-scrollbar::-webkit-scrollbar-thumb {
  background: #7b6c8f;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}
.sm-textarea-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #a294b5;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}
.sm-textarea-scrollbar::-moz-scrollbar {
  width: 13px;
}
.sm-textarea-scrollbar::-moz-scrollbar-track {
  box-shadow: none;
  border-radius: 0px;
  background: #5a4f65;
}
.sm-textarea-scrollbar::-moz-scrollbar-track:hover {
  background: #5a4f65;
}
.sm-textarea-scrollbar::-moz-scrollbar-thumb {
  background: #7b6c8f;
  border: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}
.sm-textarea-scrollbar::-moz-scrollbar-thumb:hover {
  background: #a294b5;
  border: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}

.csustomlist-space .selectArrowMain {
  padding: 5px;
  margin-bottom: 15px;
}
.csustomlist-space .selectArrowMain label {
  display: block;
  width: 100%;
  height: 18px;
}
.csustomlist-space .selectArrowMain label .cs-heading {
  float: left;
  max-width: calc(100% - 25px);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.csustomlist-space .selectArrowMain .tpselect {
  height: 37px;
}
.csustomlist-space .selectArrowMain .tpselect.addDimensions .m-select-dropdown-sm {
  height: 37px;
}
.csustomlist-space.hide-display .selectArrowMain {
  background: #92899e;
  box-shadow: inset 0 0 10px -4px #000;
  border: solid 1px #5a4f65;
}
.csustomlist-space.tp-custom-dropdown.hide-display .selectArrowMain {
  background: #322345;
  box-shadow: inset 0 0 10px -4px #000;
  border: solid 1px #3f3449;
}
.csustomlist-space .lc-info-icon i {
  color: #7800ff !important;
}

.insightCustomListsmain .insightCustomListsBox .formsection .form-row .listItemDisplay .customListrepeat .customlistInput {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
}
.insightCustomListsmain .insightCustomListsBox .formsection .form-row .listItemDisplay .customListrepeat .customlistInput .textarealist {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 55%;
  flex: 0 0 55%;
  max-width: 55%;
}
.insightCustomListsmain .insightCustomListsBox .formsection .form-row .listItemDisplay .customListrepeat .customlistInput .textarealist .form-control {
  padding-top: 3px !important;
  padding-bottom: 0px !important;
}
.insightCustomListsmain .insightCustomListsBox .formsection .form-row .listItemDisplay .customListrepeat .customlistInput .textarealist .small-textarea {
  min-height: 25px !important;
  height: 25px !important;
  overflow: auto !important;
}
.insightCustomListsmain .insightCustomListsBox .formsection .form-row .listItemDisplay .customListrepeat .customlistInput .inputlist {
  position: relative;
  width: 100%;
  min-height: 1px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 45%;
  flex: 0 0 45%;
  max-width: 45%;
}
.insightCustomListsmain .insightCustomListsBox .formsection .form-row .listItemDisplay .customListrepeat .customlistInput .inputlist .form-control {
  padding-right: 25px !important;
}

.theme-light .chat-contatiner {
  background: #7800ff;
}
.theme-light .chat-contatiner .chat-main-block .chat-window .card {
  background-color: white !important;
  border: 1px solid #c5c5c5 !important;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.theme-light .chat-contatiner .chat-main-block .chat-window .card .card-header {
  background: #fff;
  border-bottom: 1px solid #c5c5c5 !important;
}
.theme-light .chat-contatiner .chat-main-block .chat-window .card .card-header .closechat {
  color: #c0c0c0;
}
.theme-light .chat-contatiner .chat-main-block .chat-window .card .card-header .closechat:hover {
  color: #fff;
  background: #110a1a;
}
.theme-light .chat-contatiner .chat-main-block .chat-window .card .card-header .user_info span.head {
  font-size: 15px;
  color: #3f3449;
}
.theme-light .chat-contatiner .chat-main-block .chat-window .card .card-header .old-chat-btn {
  background: #c5c5c5;
  color: #110a1a;
}
.theme-light .chat-contatiner .chat-main-block .chat-window .card .card-header .old-chat-btn:hover {
  background: #7800ff;
  color: #fff;
}
.theme-light .chat-contatiner .chat-main-block .chat-window .card .card-header .move-icons .moveleft,
.theme-light .chat-contatiner .chat-main-block .chat-window .card .card-header .move-icons .moveright {
  background: #c5c5c5;
  color: #110a1a;
}
.theme-light .chat-contatiner .chat-main-block .chat-window .card .card-header .move-icons .moveleft:hover,
.theme-light .chat-contatiner .chat-main-block .chat-window .card .card-header .move-icons .moveright:hover {
  background: #7800ff;
  color: #fff;
}
.theme-light .chat-contatiner .chat-main-block .chat-window .card .card-footer {
  border-top: 1px solid #c5c5c5 !important;
  background: #d8d8d8;
}
.theme-light .chat-contatiner .chat-main-block .chat-window .card .card-footer .type_msg {
  background-color: #fff !important;
  color: #110a1a !important;
}
.theme-light .chat-contatiner .chat-main-block .chat-window .card .card-footer .type_msg:focus {
  box-shadow: none !important;
  outline: 0px !important;
}
.theme-light .chat-contatiner .chat-main-block .chat-window .card .card-footer .send_btn {
  background-color: #7800ff !important;
  color: #fff !important;
}
.theme-light .chat-contatiner .chat-main-block .chat-window .card .card-body.msg_card_body .msg_cotainer {
  background-color: #f5f6f7;
  border: solid 1px #c5c5c5;
  color: #110a1a;
}
.theme-light .chat-contatiner .chat-main-block .chat-window .card .card-body.msg_card_body .msg_cotainer .msg_time {
  color: #666;
}
.theme-light .chat-contatiner .chat-main-block .chat-window .card .card-body.msg_card_body .msg_cotainer_send {
  background-color: #7800ff;
  color: #fff;
}
.theme-light .chat-contatiner .chat-main-block .chat-window .card .card-body.msg_card_body .msg_cotainer_send .msg_time_send {
  color: #e0c4ff;
}
.theme-light .chat-contatiner .chat-main-block .chat-window .card .card-body.msg_card_body .emptychat {
  border: solid 1px #c5c5c5;
  color: #8b93a1;
}
.theme-light .chat-contatiner .chat-main-block .chat-window .card .card-body.contacts_body .contacts li {
  border: solid 1px #d8d8d8;
  background: #d8d8d8;
}
.theme-light .chat-contatiner .chat-main-block .chat-window .card .card-body.contacts_body .contacts li .row-user .user-image img {
  border: 2px solid #c0c0c0;
}
.theme-light .chat-contatiner .chat-main-block .justify-content-start .img_cont_msg img.user_img {
  border: 2px solid #d8d8d8;
}
.theme-light .chat-contatiner .chat-main-block .justify-content-start .img_cont_msg span.user-shortname {
  border: 2px solid #d8d8d8;
  color: #110a1a;
  background: #d8d8d8;
}
.theme-light .chat-contatiner .chat-main-block .justify-content-end .img_cont_msg img.user_img {
  border: 2px solid #7800ff;
}
.theme-light .chat-contatiner .chat-main-block .justify-content-end .img_cont_msg span.user-shortname {
  border: 2px solid #7800ff;
  color: #fff;
  background: #7800ff;
}
.theme-light .chat-scrollbar {
  scrollbar-color: #a294b5 #f3f3f3;
  scrollbar-width: thin;
}
.theme-light .chat-scrollbar::-webkit-scrollbar {
  width: 13px;
}
.theme-light .chat-scrollbar::-webkit-scrollbar-track {
  box-shadow: none;
  border-radius: 0px;
  background: #f3f3f3;
}
.theme-light .chat-scrollbar::-webkit-scrollbar-track:hover {
  background: #f3f3f3;
}
.theme-light .chat-scrollbar::-webkit-scrollbar-thumb {
  background: #7b6c8f;
  border: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}
.theme-light .chat-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #a294b5;
  border: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}
.theme-light .chat-scrollbar::-moz-scrollbar {
  width: 13px;
}
.theme-light .chat-scrollbar::-moz-scrollbar-track {
  box-shadow: none;
  border-radius: 0px;
  background: #f3f3f3;
}
.theme-light .chat-scrollbar::-moz-scrollbar-track:hover {
  background: #f3f3f3;
}
.theme-light .chat-scrollbar::-moz-scrollbar-thumb {
  background: #7b6c8f;
  border: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}
.theme-light .chat-scrollbar::-moz-scrollbar-thumb:hover {
  background: #7b6c8f;
  border: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}
.theme-light .dropdown-scrollbar {
  scrollbar-color: #a294b5 var(--Foreground_Primary);
  overflow: auto !important;
  overflow-x: hidden !important;
}
.theme-light .dropdown-scrollbar::-webkit-scrollbar {
  width: 13px;
  border: 0px solid #000 !important;
}
.theme-light .dropdown-scrollbar::-webkit-scrollbar-track {
  box-shadow: none;
  border-radius: 0px;
  background: var(--Foreground_Primary);
}
.theme-light .dropdown-scrollbar::-webkit-scrollbar-track:hover {
  background: var(--Foreground_Primary);
}
.theme-light .dropdown-scrollbar::-webkit-scrollbar-thumb {
  background: var(--Border_Divider);
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}
.theme-light .dropdown-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #a294b5;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}
.theme-light .dropdown-scrollbar::-moz-scrollbar {
  width: 13px;
}
.theme-light .dropdown-scrollbar::-moz-scrollbar-track {
  box-shadow: none;
  border-radius: 0px;
  background: var(--Foreground_Primary);
}
.theme-light .dropdown-scrollbar::-moz-scrollbar-track:hover {
  background: var(--Foreground_Primary);
}
.theme-light .dropdown-scrollbar::-moz-scrollbar-thumb {
  background: var(--Border_Divider);
  border: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}
.theme-light .dropdown-scrollbar::-moz-scrollbar-thumb:hover {
  background: #a294b5;
  border: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}
.theme-light .mainModal .chathistory-modal .chathistory-block .chathistory-row {
  background: #f3f3f3;
  border: solid 1px #d8d8d8;
}
.theme-light .mainModal .chathistory-modal .chathistory-block .chathistory-row h5.userdata {
  color: #110a1a;
}
.theme-light .mainModal .chathistory-modal .chathistory-block .chathistory-row p.chatdata {
  color: #110a1a;
  font-weight: 500;
}
.theme-light .mainModal .chathistory-modal .chathistory-block .chathistory-row p.date-time {
  color: #7b6c8f;
  font-weight: 500;
}
.theme-light .mainModal .chathistory-modal .chathistory-block .chathistory-row.active {
  background: #e5e8ff;
  border: solid 1px #e5eaef;
}
.theme-light .mainModal .chathistory-modal .chathistory-block .emptychat {
  border: solid 1px #c5c5c5;
  color: #8b93a1;
}
.theme-light .no-widgets {
  border: solid 1px #c5c5c5 !important;
}
.theme-light .tab-content .custom-list {
  border-bottom: solid 1px #d8d8d8;
}
.theme-light .tab-content .custom-list:nth-last-child(1) {
  border-bottom: solid 0px #d8d8d8;
}
.theme-light .sm-textarea-scrollbar {
  scrollbar-color: #a294b5 #e5eaef;
  scrollbar-width: thin;
}
.theme-light .sm-textarea-scrollbar::-webkit-scrollbar {
  width: 13px;
}
.theme-light .sm-textarea-scrollbar::-webkit-scrollbar-track {
  box-shadow: none;
  border-radius: 0px;
  background: #e5eaef;
}
.theme-light .sm-textarea-scrollbar::-webkit-scrollbar-track:hover {
  background: #e5eaef;
}
.theme-light .sm-textarea-scrollbar::-webkit-scrollbar-thumb {
  background: #7b6c8f;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}
.theme-light .sm-textarea-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #a294b5;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}
.theme-light .sm-textarea-scrollbar::-moz-scrollbar {
  width: 13px;
}
.theme-light .sm-textarea-scrollbar::-moz-scrollbar-track {
  box-shadow: none;
  border-radius: 0px;
  background: #e5eaef;
}
.theme-light .sm-textarea-scrollbar::-moz-scrollbar-track:hover {
  background: #e5eaef;
}
.theme-light .sm-textarea-scrollbar::-moz-scrollbar-thumb {
  background: #7b6c8f;
  border: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}
.theme-light .sm-textarea-scrollbar::-moz-scrollbar-thumb:hover {
  background: #a294b5;
  border: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}
.theme-light .csustomlist-space.hide-display .selectArrowMain {
  background: #e9e9e9;
  box-shadow: inset 0 0 10px -4px #8b93a1;
  border: solid 1px #c0c0c0;
}
.theme-light .dimension-field .filtercheckbox .brandsFilter.bootstrap-select.show-tick,
.theme-light .dimension-field .filtercheckbox .cs-product-contryFilter.bootstrap-select.show-tick {
  background: #fff !important;
}

/*! BootstrapMsg v1.0.5 | Copyright (c) 2016-present Duc Doan (ducdhm@gmail.com) */
#msg {
  position: fixed;
  z-index: 9999999999;
  opacity: 0;
  width: 400px;
  top: -100%;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.3s ease-in-out;
  overflow: hidden;
}

#msg i {
  font-size: 20px;
  vertical-align: middle;
  width: 1em;
  text-align: center;
}

#msg span {
  font-size: 15px;
}

#msg .msg-progress {
  position: absolute;
  margin: 0;
  padding: 0;
  border-width: 2px 0;
  bottom: 0;
  left: 0;
  width: 0;
  border-radius: 0;
}

#msg.showed {
  top: 50px;
  opacity: 1;
}

#msg.alert-no-icon i {
  display: none;
}

@media (min-width: 1200px) {
  #msg {
    width: 600px;
  }
}
@media (max-width: 479px) {
  #msg {
    width: 300px;
  }
}
/*# sourceMappingURL=bootstrap-msg.css.map */
/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Mixins ******************/
/*********-----Start Main Large Button------*******/
.m-button-large {
  font-family: "Inter", sans-serif !important;
  border-radius: 3px !important;
  box-shadow: 0px 4px 4px #000 !important;
  font-weight: 700;
  font-size: 16px;
  padding: 20px 30px;
  border: none;
  position: relative;
  line-height: 19.36px;
}
.m-button-large i {
  margin-right: 4px;
}
.m-button-large:hover, .m-button-large.activebtn, .m-button-large:active, .m-button-large:visited, .m-button-large:focus {
  border-radius: 3px !important;
  box-shadow: 0px 4px 4px #000 !important;
}
.m-button-large.gradient-btn-lg {
  background: linear-gradient(65.09deg, #7800ff 26.34%, #00288d 84.44%);
  color: #fff;
}
.m-button-large.gradient-btn-lg:hover, .m-button-large.gradient-btn-lg.activebtn, .m-button-large.gradient-btn-lg:active, .m-button-large.gradient-btn-lg:visited, .m-button-large.gradient-btn-lg:focus {
  background: linear-gradient(65.09deg, #be85ff 26.34%, #003dd9 84.44%) !important;
  color: #fff;
}
.m-button-large.color-btn-lg {
  background: #7b6c8f;
  color: #110a1a;
}
.m-button-large.color-btn-lg i {
  margin-right: 2px;
}
.m-button-large.color-btn-lg:hover, .m-button-large.color-btn-lg.activebtn, .m-button-large.color-btn-lg:active, .m-button-large.color-btn-lg:visited, .m-button-large.color-btn-lg:focus {
  background: #7800ff;
  color: #fff;
}
.m-button-large.color-btn-activate-lg {
  background: #0ba32d;
  color: #110a1a;
}
.m-button-large.color-btn-activate-lg i {
  margin-right: 2px;
}
.m-button-large.color-btn-activate-lg:hover, .m-button-large.color-btn-activate-lg.activebtn, .m-button-large.color-btn-activate-lg:active, .m-button-large.color-btn-activate-lg:visited, .m-button-large.color-btn-activate-lg:focus {
  background: #107527;
  color: #fff;
}
.m-button-large.color-btn-deactivate-lg {
  background: #ae6725;
  color: #110a1a;
}
.m-button-large.color-btn-deactivate-lg i {
  margin-right: 2px;
}
.m-button-large.color-btn-deactivate-lg:hover, .m-button-large.color-btn-deactivate-lg.activebtn, .m-button-large.color-btn-deactivate-lg:active, .m-button-large.color-btn-deactivate-lg:visited, .m-button-large.color-btn-deactivate-lg:focus {
  background: #7c4411;
  color: #fff;
}
.m-button-large.delete-btn-lg {
  background: #451619;
  color: #fff;
}
.m-button-large.delete-btn-lg:hover, .m-button-large.delete-btn-lg.activebtn, .m-button-large.delete-btn-lg:active, .m-button-large.delete-btn-lg:visited, .m-button-large.delete-btn-lg:focus {
  background: #9e0000;
  color: #fff;
}
.m-button-large.inactive-btn-lg {
  background: #3f3449;
  color: #110a1a;
}
.m-button-large.inactive-btn-lg:hover, .m-button-large.inactive-btn-lg.activebtn, .m-button-large.inactive-btn-lg:active, .m-button-large.inactive-btn-lg:visited, .m-button-large.inactive-btn-lg:focus {
  background: #3f3449;
  color: #110a1a;
}
.m-button-large.inactive-btn-lg-transparent {
  background: transparent;
  color: #fff !important;
  color: #110a1a;
}
.m-button-large.inactive-btn-lg-transparent:hover, .m-button-large.inactive-btn-lg-transparent.activebtn, .m-button-large.inactive-btn-lg-transparent:active, .m-button-large.inactive-btn-lg-transparent:visited, .m-button-large.inactive-btn-lg-transparent:focus {
  background: transparent;
  color: #fff;
  outline: none;
  cursor: pointer;
}
.m-button-large.shadow-less {
  box-shadow: 0px 2px 5px #000 !important;
}
.m-button-large.shadow-less:hover, .m-button-large.shadow-less.activebtn, .m-button-large.shadow-less:active, .m-button-large.shadow-less:visited, .m-button-large.shadow-less:focus {
  box-shadow: 0px 2px 5px #000 !important;
}
.m-button-large.noShadow {
  box-shadow: none !important;
}

/*********-----End Main Large Button------*******/
/*********-----Start Main Medium Button------*******/
.m-button-medium {
  font-family: "Inter", sans-serif !important;
  border-radius: 3px !important;
  box-shadow: 0px 4px 4px #000 !important;
  font-weight: 600;
  font-size: 16px;
  padding: 15px 20px;
  border: none;
  position: relative;
  line-height: 16.94px;
}
.m-button-medium i {
  margin-right: 11px;
}
.m-button-medium:hover, .m-button-medium:active, .m-button-medium:focus, .m-button-medium:visited {
  border-radius: 3px !important;
  box-shadow: 0px 4px 4px #000 !important;
}
.m-button-medium.gradient-btn-md {
  background: linear-gradient(65.09deg, #7800ff 26.34%, #00288d 84.44%);
  color: #fff;
}
.m-button-medium.gradient-btn-md:hover, .m-button-medium.gradient-btn-md:active, .m-button-medium.gradient-btn-md:visited, .m-button-medium.gradient-btn-md:focus {
  background: linear-gradient(65.09deg, #be85ff 26.34%, #003dd9 84.44%) !important;
  color: #fff;
}
.m-button-medium.color-btn-md {
  background: #7b6c8f;
  color: #110a1a;
}
.m-button-medium.color-btn-md:hover, .m-button-medium.color-btn-md:active, .m-button-medium.color-btn-md:visited, .m-button-medium.color-btn-md:focus {
  background: #7800ff;
  color: #fff;
}
.m-button-medium.delete-btn-md {
  background: #451619;
  color: #fff;
}
.m-button-medium.delete-btn-md:hover, .m-button-medium.delete-btn-md:active, .m-button-medium.delete-btn-md:visited, .m-button-medium.delete-btn-md:focus {
  background: #9e0000;
  color: #fff;
}
.m-button-medium.inactive-btn-md {
  background: #3f3449;
  color: #110a1a;
}
.m-button-medium.inactive-btn-md:hover, .m-button-medium.inactive-btn-md:active, .m-button-medium.inactive-btn-md:visited, .m-button-medium.inactive-btn-md:focus {
  background: #3f3449;
  color: #110a1a;
}
.m-button-medium.inactive-btn-md {
  background: #3f3449;
  color: #110a1a;
}
.m-button-medium.inactive-btn-md:hover, .m-button-medium.inactive-btn-md.activebtn, .m-button-medium.inactive-btn-md:active, .m-button-medium.inactive-btn-md:visited, .m-button-medium.inactive-btn-md:focus {
  background: #454545;
  color: #110a1a;
}
.m-button-medium.inactive-btn-md-transparent {
  background: transparent;
  color: #fff !important;
  color: #110a1a;
}
.m-button-medium.inactive-btn-md-transparent:hover, .m-button-medium.inactive-btn-md-transparent.activebtn, .m-button-medium.inactive-btn-md-transparent:active, .m-button-medium.inactive-btn-md-transparent:visited, .m-button-medium.inactive-btn-md-transparent:focus {
  background: transparent;
  color: #fff;
  outline: none;
  cursor: pointer;
}
.m-button-medium.inactive-btn-md-gray {
  background: #342940 !important;
  color: #110a1a !important;
}
.m-button-medium.inactive-btn-md-gray:hover, .m-button-medium.inactive-btn-md-gray.activebtn, .m-button-medium.inactive-btn-md-gray:active, .m-button-medium.inactive-btn-md-gray:visited, .m-button-medium.inactive-btn-md-gray:focus {
  background: #342940 !important;
  color: #110a1a !important;
}
.m-button-medium.shadow-less {
  box-shadow: 0px 2px 5px #000 !important;
}
.m-button-medium.shadow-less:hover, .m-button-medium.shadow-less.activebtn, .m-button-medium.shadow-less:active, .m-button-medium.shadow-less:visited, .m-button-medium.shadow-less:focus {
  box-shadow: 0px 2px 5px #000 !important;
}
.m-button-medium.noShadow {
  box-shadow: none !important;
}
.m-button-medium.color-btn-activate-md {
  background: #0ba32d;
  color: #fff;
}
.m-button-medium.color-btn-activate-md i {
  margin-right: 2px;
}
.m-button-medium.color-btn-activate-md:hover, .m-button-medium.color-btn-activate-md.activebtn, .m-button-medium.color-btn-activate-md:active, .m-button-medium.color-btn-activate-md:visited, .m-button-medium.color-btn-activate-md:focus {
  background: #107527;
  color: #fff;
}
.m-button-medium.color-btn-deactivate-md {
  background: #ae6725;
  color: #fff;
}
.m-button-medium.color-btn-deactivate-md i {
  margin-right: 2px;
}
.m-button-medium.color-btn-deactivate-md:hover, .m-button-medium.color-btn-deactivate-md.activebtn, .m-button-medium.color-btn-deactivate-md:active, .m-button-medium.color-btn-deactivate-md:visited, .m-button-medium.color-btn-deactivate-md:focus {
  background: #7c4411;
  color: #fff;
}
.m-button-medium.discardChanges-btn {
  background: #7b6c8f;
  color: #fff;
  padding: 15px 30px;
}
.m-button-medium.discardChanges-btn i {
  margin-right: 2px;
}
.m-button-medium.discardChanges-btn:hover, .m-button-medium.discardChanges-btn.activebtn, .m-button-medium.discardChanges-btn:active, .m-button-medium.discardChanges-btn:visited, .m-button-medium.discardChanges-btn:focus {
  background: #7b6c8f;
  color: #fff;
  padding: 15px 30px;
}

/*********-----End Main Medium Button------*******/
/*********-----Start Main Small Button------*******/
.m-button-small {
  font-family: "Inter", sans-serif !important;
  border-radius: 0px !important;
  width: auto;
  font-size: 13px !important;
  box-shadow: 0px 4px 4px #000 !important;
  font-weight: 700 !important;
  padding: 8.5px 20px;
  line-height: 13px;
  border: none !important;
  height: 30px;
  outline: none !important;
  text-transform: capitalize;
  cursor: pointer;
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.m-button-small i {
  margin-right: 2px;
  font-size: 11px !important;
}
.m-button-small:hover, .m-button-small.activebtn, .m-button-small:active, .m-button-small:visited, .m-button-small:focus {
  box-shadow: 0px 4px 4px #000 !important;
  border: none !important;
  font-size: 13px !important;
  box-shadow: 0px 4px 4px #000 !important;
  font-weight: 700 !important;
  padding: 8.5px 20px !important;
  line-height: 13px !important;
  border: none !important;
  outline: none !important;
}
.m-button-small.gradient-btn-sm {
  background: linear-gradient(65.09deg, #7800ff 26.34%, #00288d 84.44%);
  color: #fff;
}
.m-button-small.gradient-btn-sm:hover, .m-button-small.gradient-btn-sm.activebtn, .m-button-small.gradient-btn-sm:active, .m-button-small.gradient-btn-sm:visited, .m-button-small.gradient-btn-sm:focus {
  background: linear-gradient(65.09deg, #be85ff 26.34%, #003dd9 84.44%) !important;
  color: #fff;
}
.m-button-small.color-btn-sm {
  background: #7b6c8f;
  color: #110a1a;
}
.m-button-small.color-btn-sm i {
  margin-right: 2px;
}
.m-button-small.color-btn-sm:hover, .m-button-small.color-btn-sm:active, .m-button-small.color-btn-sm:visited, .m-button-small.color-btn-sm:focus {
  background: #7800ff !important;
  color: #fff;
}
.m-button-small.color-btn-sm2 {
  background: linear-gradient(65.09deg, #7800ff 26.34%, #00288d 84.44%) !important;
  border-radius: 25px !important;
  color: #fff;
}
.m-button-small.color-btn-sm2 i {
  margin-right: 2px;
}
.m-button-small.color-btn-sm2:hover, .m-button-small.color-btn-sm2:active, .m-button-small.color-btn-sm2:visited, .m-button-small.color-btn-sm2:focus {
  background: linear-gradient(65.09deg, #be85ff 26.34%, #003dd9 84.44%) !important;
  color: #fff;
}
.m-button-small.delete-btn-sm {
  background: #B11E27;
  color: #fff;
}
.m-button-small.delete-btn-sm:hover, .m-button-small.delete-btn-sm:active, .m-button-small.delete-btn-sm:visited, .m-button-small.delete-btn-sm:focus {
  background: #B11E27;
  color: #fff;
}
.m-button-small.inactive-btn-sm {
  background: #3f3449;
  color: #110a1a;
}
.m-button-small.inactive-btn-sm:hover, .m-button-small.inactive-btn-sm:active, .m-button-small.inactive-btn-sm:visited, .m-button-small.inactive-btn-sm:focus {
  background: #5a4f65 !important;
  color: #110a1a;
}
.m-button-small.inactive2-btn-sm {
  background: #7b6c8f;
  color: #110a1a;
}
.m-button-small.inactive2-btn-sm:hover, .m-button-small.inactive2-btn-sm:active, .m-button-small.inactive2-btn-sm:visited, .m-button-small.inactive2-btn-sm:focus {
  background: #7b6c8f !important;
  color: #110a1a;
}
.m-button-small.no-shadow {
  box-shadow: none !important;
}
.m-button-small.no-shadow:hover, .m-button-small.no-shadow:active, .m-button-small.no-shadow:visited, .m-button-small.no-shadow:focus {
  box-shadow: none !important;
}
.m-button-small.shadow-less {
  box-shadow: 0px 2px 5px #000 !important;
}
.m-button-small.shadow-less:hover, .m-button-small.shadow-less:active, .m-button-small.shadow-less:visited, .m-button-small.shadow-less:focus {
  box-shadow: 0px 2px 5px #000 !important;
}
.m-button-small.color-btn-activate-sm {
  background: #0ba32d;
  color: #fff;
}
.m-button-small.color-btn-activate-sm i {
  margin-right: 2px;
}
.m-button-small.color-btn-activate-sm:hover, .m-button-small.color-btn-activate-sm.activebtn, .m-button-small.color-btn-activate-sm:active, .m-button-small.color-btn-activate-sm:visited, .m-button-small.color-btn-activate-sm:focus {
  background: #41cb60;
  color: #fff;
}
.m-button-small.color-btn-deactivate-sm {
  background: #ae6725;
  color: #fff;
}
.m-button-small.color-btn-deactivate-sm i {
  margin-right: 2px;
}
.m-button-small.color-btn-deactivate-sm:hover, .m-button-small.color-btn-deactivate-sm.activebtn, .m-button-small.color-btn-deactivate-sm:active, .m-button-small.color-btn-deactivate-sm:visited, .m-button-small.color-btn-deactivate-sm:focus {
  background: #d38136;
  color: #fff;
}
.m-button-small.sm-btn-radius {
  border-radius: 3px !important;
}
.m-button-small.bdr-radius-sm {
  border-radius: 3px !important;
}

/*********-----End Main Small Button------*******/
/*----Start select dropdown Master---*/
.m-select-dropdown-sm {
  width: 100% !important;
  height: 25px !important;
  padding: 0 !important;
  border: none !important;
  background: #3f3449;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.m-select-dropdown-sm.form-control {
  padding: 0 !important;
  border: none !important;
}
.m-select-dropdown-sm.show .btn-light.dropdown-toggle:focus, .m-select-dropdown-sm.show .btn-light.dropdown-toggle:active, .m-select-dropdown-sm.show .btn-light.dropdown-toggle:visited, .m-select-dropdown-sm.show .btn-light.dropdown-toggle.active {
  outline: none !important;
  box-shadow: none !important;
}
.m-select-dropdown-sm button {
  padding: 6px 8px !important;
  font-size: 13px !important;
  margin-top: -2px !important;
}
.m-select-dropdown-sm button.dropdown-toggle {
  border: none !important;
}
.m-select-dropdown-sm button.dropdown-toggle:focus, .m-select-dropdown-sm button.dropdown-toggle:active, .m-select-dropdown-sm button.dropdown-toggle:visited, .m-select-dropdown-sm button.dropdown-toggle.active {
  outline: none !important;
  box-shadow: none !important;
}
.m-select-dropdown-sm button:focus, .m-select-dropdown-sm button:active, .m-select-dropdown-sm button:visited, .m-select-dropdown-sm button.active {
  outline: none !important;
  box-shadow: none !important;
}
.m-select-dropdown-sm button .filter-option {
  margin-top: 0px !important;
}
.m-select-dropdown-sm button .filter-option .filter-option-inner .filter-option-inner-inner {
  line-height: 15px !important;
}
.m-select-dropdown-sm .dropdown-menu {
  border: none !important;
  margin: 0px !important;
  top: 0px !important;
  left: 0px !important;
  min-width: 100% !important;
  font-size: 13px !important;
}
.m-select-dropdown-sm .dropdown-menu.inner {
  border-top: 1px solid #000 !important;
  border-left: 1px solid #000 !important;
  border-right: 1px solid #000 !important;
}
.m-select-dropdown-sm .dropdown-menu li a {
  color: #a294b5 !important;
  font-size: 13px !important;
  padding: 3px 8px !important;
  border-bottom: 1px solid #000 !important;
}
.m-select-dropdown-sm .dropdown-menu .bs-searchbox {
  background: #26202e;
  padding: 6px 8px;
  border-top: solid 1px #000;
}
.m-select-dropdown-sm .dropdown-menu .bs-searchbox input {
  padding: 3px 5px !important;
  box-shadow: none !important;
  height: 27px !important;
  border-radius: 0px;
  background: #2d2637 !important;
  border: solid 1px #110a1a !important;
}
.m-select-dropdown-sm .dropdown-menu .bs-searchbox input:focus {
  border: solid 1px #7800ff !important;
}

/*----End select dropdown Master---*/
/*----Start End select dropdown Filter---*/
.m-select-filter-dropdown {
  width: 100% !important;
  height: 25px !important;
}
.m-select-filter-dropdown div.dropdown-menu .inner.show {
  background: #2d2637 !important;
}
.m-select-filter-dropdown.show .btn-light.dropdown-toggle:focus, .m-select-filter-dropdown.show .btn-light.dropdown-toggle:active, .m-select-filter-dropdown.show .btn-light.dropdown-toggle:visited, .m-select-filter-dropdown.show .btn-light.dropdown-toggle.active {
  outline: none !important;
  box-shadow: none !important;
}
.m-select-filter-dropdown button {
  padding: 6px 8px !important;
  font-size: 13px !important;
  margin-top: -2px !important;
}
.m-select-filter-dropdown button.dropdown-toggle {
  border: none !important;
}
.m-select-filter-dropdown button.dropdown-toggle:focus, .m-select-filter-dropdown button.dropdown-toggle:active, .m-select-filter-dropdown button.dropdown-toggle:visited, .m-select-filter-dropdown button.dropdown-toggle.active {
  outline: none !important;
  box-shadow: none !important;
}
.m-select-filter-dropdown button:focus, .m-select-filter-dropdown button:active, .m-select-filter-dropdown button:visited, .m-select-filter-dropdown button.active {
  outline: none !important;
  box-shadow: none !important;
}
.m-select-filter-dropdown button .filter-option {
  margin-top: 0px !important;
}
.m-select-filter-dropdown button .filter-option .filter-option-inner .filter-option-inner-inner {
  line-height: 13px !important;
}
.m-select-filter-dropdown .dropdown-menu {
  border: none !important;
  margin: 0px !important;
  top: 0px !important;
  left: 0px !important;
  min-width: 100% !important;
  max-height: none !important;
  font-size: 13px !important;
}
.m-select-filter-dropdown .dropdown-menu.inner {
  border-top: 1px solid #000 !important;
  border-left: 1px solid #000 !important;
  border-right: 1px solid #000 !important;
}
.m-select-filter-dropdown .dropdown-menu li {
  border-bottom: 1px solid #000 !important;
  background: #2d2637 !important;
}
.m-select-filter-dropdown .dropdown-menu li a {
  font-size: 13px !important;
  padding: 3px 8px !important;
  color: #a294b5 !important;
}
.m-select-filter-dropdown .dropdown-menu .bs-searchbox {
  background: #26202e;
  padding: 6px 8px;
  border-top: solid 1px #000;
}
.m-select-filter-dropdown .dropdown-menu .bs-searchbox input {
  padding: 3px 5px !important;
  box-shadow: none !important;
  height: 27px !important;
}

/*----End select dropdown Filter---*/
.filtercheckbox .bootstrap-select.show-tick .dropdown-toggle {
  background: #000 !important;
  padding-right: 15px !important;
}
.filtercheckbox .bootstrap-select.show-tick .dropdown-toggle:focus {
  border: 0px solid transparent !important;
  outline: none !important;
  box-shadow: none !important;
}
.filtercheckbox .bootstrap-select.show-tick .dropdown-menu {
  -webkit-box-shadow: 0px 0px 8px #000;
  -moz-box-shadow: 0px 0px 8px #000;
  -ms-box-shadow: 0px 0px 8px #000;
  -o-box-shadow: 0px 0px 8px #000;
  box-shadow: 0px 0px 8px #000;
  border: 1px solid #000;
  border-radius: 0px;
}
.filtercheckbox .bootstrap-select.show-tick .dropdown-menu .bs-actionsbox {
  padding: 0px;
}
.filtercheckbox .bootstrap-select.show-tick .dropdown-menu .bs-actionsbox .btn-group {
  display: block !important;
}
.filtercheckbox .bootstrap-select.show-tick .dropdown-menu .bs-actionsbox .btn-group .actions-btn {
  width: 50%;
  display: inline-block;
  background: #1f1829;
  color: #7b6c8f;
  text-align: left;
  border: 0;
  padding: 10px !important;
  border-bottom: 1px solid #000;
}
.filtercheckbox .bootstrap-select.show-tick .dropdown-menu .bs-searchbox {
  background: #26202e;
  padding: 6px 8px;
  border-top: solid 1px #000;
}
.filtercheckbox .bootstrap-select.show-tick .dropdown-menu li {
  border-bottom: 0px solid #000 !important;
  color: #7b6c8f;
}
.filtercheckbox .bootstrap-select.show-tick .dropdown-menu li a {
  border-bottom: 1px solid #000 !important;
}
.filtercheckbox .bootstrap-select.show-tick .dropdown-menu li.selected, .filtercheckbox .bootstrap-select.show-tick .dropdown-menu li:hover {
  background: #2d2637;
  color: #fff;
  border-bottom: 0px solid #000 !important;
}
.filtercheckbox .bootstrap-select.show-tick .dropdown-menu li span.text {
  margin: 0px 0px 0px 14px;
  color: var(--Title);
}
.filtercheckbox .bootstrap-select.show-tick .dropdown-menu li span.check-mark {
  background: #110a1a;
  height: 17px;
  width: 17px;
  border-radius: 2px;
  border: 1px solid #000;
  float: left;
  margin: 1px 0px 0px 0px;
  display: block;
  top: 3px;
  position: unset !important;
}
.filtercheckbox .bootstrap-select.show-tick .dropdown-menu li span.check-mark:after {
  border: transparent;
}
.filtercheckbox .bootstrap-select.show-tick .dropdown-menu li.selected span.check-mark {
  left: 8px;
  margin-right: 14px;
}
.filtercheckbox .bootstrap-select.show-tick .dropdown-menu li.selected span.check-mark:after {
  border: transparent;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  background: #7800ff;
  height: 17px;
  width: 17px;
  border-radius: 2px;
  border: 1px solid #000;
  margin-left: -1px;
  margin-top: -1px;
}
.filtercheckbox .bootstrap-select.show-tick .dropdown-menu li.selected span.text {
  margin: 0px;
}

.filtercheckboxmaps.co-user-dropdown .dropdown-menu .inner {
  max-height: 100% !important;
}
.filtercheckboxmaps.co-user-dropdown .bootstrap-select.show-tick .dropdown-toggle {
  background: #110a1a !important;
}
.filtercheckboxmaps .bootstrap-select.show-tick .dropdown-toggle {
  background: #2d2637 !important;
}
.filtercheckboxmaps .bootstrap-select.show-tick .dropdown-toggle:focus {
  border: 0px solid transparent !important;
  outline: none !important;
  box-shadow: none !important;
}
.filtercheckboxmaps .bootstrap-select.show-tick .dropdown-menu {
  -webkit-box-shadow: 0px 0px 8px #000;
  -moz-box-shadow: 0px 0px 8px #000;
  -ms-box-shadow: 0px 0px 8px #000;
  -o-box-shadow: 0px 0px 8px #000;
  box-shadow: 0px 0px 8px #000;
  border: 1px solid #000;
  border-radius: 0px;
}
.filtercheckboxmaps .bootstrap-select.show-tick .dropdown-menu .bs-actionsbox {
  padding: 0px;
}
.filtercheckboxmaps .bootstrap-select.show-tick .dropdown-menu .bs-actionsbox .btn-group {
  display: block !important;
}
.filtercheckboxmaps .bootstrap-select.show-tick .dropdown-menu .bs-actionsbox .btn-group .actions-btn {
  width: 50%;
  display: inline-block;
  background: #1f1829;
  color: #7b6c8f;
  text-align: left;
  border: 0;
}
.filtercheckboxmaps .bootstrap-select.show-tick .dropdown-menu li {
  border-bottom: 1px solid #000;
  color: #7b6c8f;
}
.filtercheckboxmaps .bootstrap-select.show-tick .dropdown-menu li.selected, .filtercheckboxmaps .bootstrap-select.show-tick .dropdown-menu li:hover {
  background: #2d2637;
  color: #fff;
}
.filtercheckboxmaps .bootstrap-select.show-tick .dropdown-menu li span.text {
  margin: 0px 0px 0px 14px;
  color: #a294b5;
}
.filtercheckboxmaps .bootstrap-select.show-tick .dropdown-menu li span.check-mark {
  background: #110a1a;
  height: 17px;
  width: 17px;
  border-radius: 2px;
  border: 1px solid #000;
  float: left;
  margin: 1px 0px 0px 0px;
  display: block;
  top: 3px;
  position: unset !important;
}
.filtercheckboxmaps .bootstrap-select.show-tick .dropdown-menu li span.check-mark:after {
  border: transparent;
}
.filtercheckboxmaps .bootstrap-select.show-tick .dropdown-menu li.selected span.check-mark {
  left: 8px;
  margin-right: 14px;
}
.filtercheckboxmaps .bootstrap-select.show-tick .dropdown-menu li.selected span.check-mark:after {
  border: transparent;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  background: #7800ff;
  height: 17px;
  width: 17px;
  border-radius: 2px;
  border: 1px solid #000;
  margin-left: -1px;
  margin-top: -1px;
}
.filtercheckboxmaps .bootstrap-select.show-tick .dropdown-menu li.selected span.text {
  margin: 0px;
}
.filtercheckboxmaps .bootstrap-select.show-tick .dropdown-menu .bs-searchbox {
  background: #26202e;
  padding: 6px 8px;
  border-top: solid 1px #000;
}
.filtercheckboxmaps .bootstrap-select.show-tick .dropdown-menu .bs-searchbox input {
  padding: 3px 5px !important;
  box-shadow: none !important;
  height: 27px !important;
  border-radius: 0px;
}
.filtercheckboxmaps .bootstrap-select.show-tick .dropdown-menu .bs-searchbox input:focus {
  border: solid 1px #7800ff !important;
}

.filterBoxList .dropdown-menu li a span.text {
  padding: 0 15px;
  border-radius: 25px;
  height: 19px;
}
.filterBoxList .dropdown-menu li a span.imagestatus {
  padding: 0 15px;
  border-radius: 25px;
  height: 19px;
}
.filterBoxList .dropdown-menu li a span.image-importanace {
  padding: 0 15px;
  border-radius: 25px;
  height: 19px;
}
.filterBoxList .dropdown-menu li.selected a span.check-mark {
  left: 8px;
}

/*----Start Widget Textarea---*/
.m-widget-textarea {
  font-size: 13px;
  min-width: 165px;
  min-height: 100px;
  color: #fff;
  padding: 3px 8px 8px 8px;
}

.m-textarea-large {
  font-size: 13px;
  width: 100%;
  min-height: 100px;
  color: #fff;
  padding: 3px 8px 8px 8px;
  resize: none;
  border-radius: 0px;
  border: none;
}
.m-textarea-large:focus {
  outline: none;
  box-shadow: none;
}

.m-input-large {
  font-size: 13px;
  width: 100%;
  height: 25px;
  min-height: 25px !important;
  color: #fff;
  padding: 4px 8px;
  resize: none;
  border-radius: 0px;
  border: none;
}
.m-input-large.custominput {
  min-height: 50px !important;
}
.m-input-large:focus {
  outline: none;
  box-shadow: none;
}

/*----End Widget Textarea---*/
.m-slidebar-height {
  height: 100vh;
}
.m-slidebar-height.bg-color {
  background: #2d2637;
}

/*-----Start Master Tabs---*/
.m-tabs {
  padding: 0;
}
.m-tabs .nav-tabs {
  border-bottom: 1px solid #3f3449;
  width: 100%;
  padding-top: 38px;
  z-index: 100;
  background: #110a1a;
  margin-bottom: 11px;
}
.m-tabs .nav-tabs .nav-item a {
  color: #a294b5;
  font-size: 13px;
  padding: 0 0 10px 0;
  margin-left: 0px;
  margin-right: 30px;
  border: none !important;
  position: relative;
  font-weight: 700;
  cursor: pointer;
}
.m-tabs .nav-tabs .nav-item a i {
  font-size: 13px;
  margin-right: 3px;
}
.m-tabs .nav-tabs .nav-item a.nav-link.active {
  background-color: transparent;
  border-color: transparent;
  color: #fff;
}
.m-tabs .nav-tabs .nav-item a.nav-link.active:before {
  position: absolute;
  width: 100%;
  bottom: 9px;
  height: 3px;
  background: #fff;
  content: "";
  opacity: 1;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  -moz-transition: opacity 0.3s, -moz-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(10px);
}
.m-tabs .nav-tabs .nav-item a.nav-link:hover {
  border: none !important;
}
.m-tabs .nav-tabs .nav-item a.nav-link:hover:before {
  position: absolute;
  width: 100%;
  bottom: 9px;
  height: 3px;
  background: #fff;
  content: "";
  opacity: 1;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  -moz-transition: opacity 0.3s, -moz-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(10px);
}

.m-tabs .tab-content {
  padding-top: 0;
}

/*--------End Master Tabs-------*/
/*--------Start Master Filter-------*/
.m-fiterbuttonBar {
  margin: 13px -15px 17px -15px;
}
.m-fiterbuttonBar .filerSearchWidth {
  min-width: 290px;
  float: left;
  margin: 2.5px 0px;
}
.m-fiterbuttonBar .filerSearchWidth .imageSearch {
  margin: 0px;
  position: relative;
}
.m-fiterbuttonBar .filerSearchWidth .imageSearch span.closeSearch {
  position: absolute;
  right: 5px;
  top: 5px;
  width: 20px;
  height: 20px;
  line-height: 18px;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  font-size: 15px;
}
.m-fiterbuttonBar .filerSearchWidth .imageSearch span.closeSearch:hover {
  background: #251b2d;
  color: #fff !important;
}
.m-fiterbuttonBar .filerSearchWidth .imageSearch input {
  width: 100%;
  margin-left: 0px;
  font-weight: 400;
  height: 25px;
  padding-left: 30px;
  padding-right: 25px;
  background: #3f3449;
  color: #fff;
  border-radius: 20px;
  border: 1px solid #3f3449;
  padding: 5px 25px 5px 30px;
  font-size: 13px;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.m-fiterbuttonBar .filerSearchWidth .imageSearch input:hover {
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
  background: #5a4f65;
}
.m-fiterbuttonBar .filerSearchWidth .imageSearch i {
  position: absolute;
  left: 10px;
  top: 7px;
  font-size: 12px;
  color: #fff;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  cursor: pointer;
}
.m-fiterbuttonBar .filterOptions {
  display: inline-block;
  min-width: 187px;
  float: left;
  margin: 2.5px 0px 2.5px 21px;
}
.m-fiterbuttonBar .filterOptions .formsection {
  padding: 0px;
  width: 100%;
}
.m-fiterbuttonBar .filterOptions .formsection .form-group {
  margin: 0px 0px 10px 0px;
  width: 100%;
}
.m-fiterbuttonBar .filterOptions .formsection .form-group:nth-last-child(1) {
  margin: 0px 0px 0px 0px !important;
}
.m-fiterbuttonBar .filterOptions .formsection .form-group label {
  font-size: 13px !important;
  margin: 0px;
  padding-top: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
}
.m-fiterbuttonBar .filterOptions .filterMianSection {
  display: block;
}
.m-fiterbuttonBar .filterOptions .filterMianSection .filterOrderBg {
  background: #3f3449;
  border-radius: 0px;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
  padding: 0.5px 7.5px;
  display: block;
  float: left;
  width: 100%;
}
.m-fiterbuttonBar .filterOptions .filterMianSection .filterOrderBg:hover {
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
  background: #5a4f65;
}
.m-fiterbuttonBar .filterOptions .filterMianSection .filterOrderBg span {
  display: inline-block;
  margin: -2px 5px 0px 0px;
  vertical-align: middle;
  font-weight: 600;
}
.m-fiterbuttonBar .filterOptions .filterMianSection .filterOrderBg span.filter-cicon {
  background: url(/bundles/map/images/filter-icon.svg) no-repeat;
  width: 14px;
  height: 10px;
}
.m-fiterbuttonBar .filterOptions .filterMianSection .filterOrderBg span.dropdownTxt {
  color: #c2b8d0;
  font-size: 13px;
  cursor: pointer;
}
.m-fiterbuttonBar .filterOptions .filterMianSection .filterOrderBg span.arrow-cion {
  background: url(/bundles/map/images/arrow-cion.svg);
  width: 11px;
  height: 7px;
  cursor: pointer;
  float: right;
  margin-top: 9px;
  margin-right: 0px;
}
.m-fiterbuttonBar .filterOptions .filterMianSection .filterOrderBg .clearTxt {
  float: right;
  margin-top: 3px;
  display: inline-block;
  color: #7b6c8f;
  position: relative;
}
.m-fiterbuttonBar .filterOptions .filterMianSection .filterOrderBg .clearTxt:after {
  position: absolute;
  content: "";
  left: 0px;
  top: 4px;
  background: url(/bundles/map/images/seprator-icon.svg);
  height: 10px;
  width: 2px;
}
.m-fiterbuttonBar .filterOptions .filterMianSection .filterOrderBg .clearTxt p {
  margin: 0px 0px 0px 9px;
  font-size: 13px;
  color: #c2b8d0;
}
.m-fiterbuttonBar .filterOptions .filterorderDropdown {
  background: var(--Foreground_Primary) !important;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1), 0px 16px 32px -4px rgba(0, 0, 0, 0.1) !important;
  border-radius: 5px !important;
  display: block;
  border: 0px solid #000;
  padding: 0px;
  color: #fff;
  font-size: 12px;
  left: auto;
  position: absolute;
  top: 35px;
  width: 452px;
  z-index: 2;
  border-radius: 5px !important;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.06), 0px 0px 4px 0px rgba(0, 0, 0, 0.04) !important;
}
.m-fiterbuttonBar .filterOptions .filterorderDropdown .filterDropdownInner {
  padding: 21px;
  width: 100%;
}
.m-fiterbuttonBar .filterOptions .filterorderDropdown .filterFooter {
  padding: 11px 21px 13px 21px;
}
.m-fiterbuttonBar .filterOptions .filterorderDropdown .filterFooter button:nth-child(1) {
  margin-right: 7.5px;
}
.m-fiterbuttonBar .filterOptions .filterorderDropdown .filterFooter button:nth-child(2) {
  margin-left: 7.5px;
}
.m-fiterbuttonBar .filterButtonrp {
  text-align: right;
}

/*--------End Master Filter-------*/
/*-------Dimension Widget--------*/
.dimensionBlock {
  width: 100%;
}
.dimensionBlock .formsection {
  width: 100%;
  padding: 0px !important;
}
.dimensionBlock .formsection .dropdown {
  float: right;
}
.dimensionBlock .formsection .form-row {
  margin: 0px;
}
.dimensionBlock .formsection .form-row .form-group {
  padding: 0px;
  margin: 0px;
  text-align: left;
}
.dimensionBlock .formsection .form-row .form-group .iconswithBG li {
  display: block;
  margin: 5px 0px;
  background: #1f1829;
  border: 1px solid #000;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
  color: #7b6c8f;
  padding: 0px 10px;
}
.dimensionBlock .formsection .form-row .form-group .iconswithBG li.addBtn {
  background: none;
  border: none;
  box-shadow: none;
}
.dimensionBlock .formsection .form-row .form-group .iconswithBG li.addBtn i {
  visibility: visible !important;
}
.dimensionBlock .formsection .form-row .form-group .iconswithBG li:hover i {
  visibility: visible;
}
.dimensionBlock .formsection .form-row .form-group .iconswithBG li:hover i:after {
  border: none !important;
}
.dimensionBlock .formsection .form-row .form-group .iconswithBG li .brandBg {
  width: 60%;
  background: #fff;
  padding: 0px 5px;
  color: #000;
  margin: 0 auto;
  text-align: center;
}
.dimensionBlock .formsection .form-row .form-group .iconswithBG li .brandBg img {
  width: 100%;
  height: 30px;
  object-fit: contain;
  padding: 3px 0px;
}
.dimensionBlock .formsection .form-row .form-group .iconswithBG li .brandBg .trash-width {
  width: 20%;
}
.dimensionBlock .formsection .form-row .form-group .iconswithBG li .fa-arrows-v {
  float: left;
  width: 20%;
  margin: 0px;
  line-height: 30px;
  height: 30px;
}
.dimensionBlock .formsection .form-row .form-group .iconswithBG li i {
  visibility: hidden;
  display: inline-block;
  vertical-align: middle;
}
.dimensionBlock .formsection .form-row .form-group .iconswithBG li span {
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  margin-left: 10px;
}
.dimensionBlock .formsection .form-row .form-group .m-select-dropdown-sm {
  height: 35px !important;
  padding: 10px 8px !important;
}
.dimensionBlock .formsection .form-row .form-group .m-select-dropdown-sm button {
  padding: 10px 0px !important;
  font-size: 13px !important;
  margin-top: -4px !important;
}
.dimensionBlock .formsection .form-row .form-group .m-select-dropdown-sm .dropdown-toggle:after {
  right: 10px;
  border: none;
  top: 6px;
}
.dimensionBlock .formsection .form-row .form-group .m-select-dropdown-sm .dropdown-menu {
  left: -8px !important;
}
.dimensionBlock .formsection .form-row .form-group .m-select-dropdown-sm .dropdown-menu .bs-actionsbox {
  background: #26202e !important;
}
.dimensionBlock .formsection .form-row .form-group .m-select-dropdown-sm .dropdown-menu .bs-actionsbox button {
  background: transparent;
  border: none;
  color: #fff;
  padding: 5px 0px 0px 0px !important;
  text-align: left;
}

/*------End Dimension Widget----------*/
.nobdrRadius {
  border-radius: 0px !important;
}
.nobdrRadius:hover, .nobdrRadius.activebtn, .nobdrRadius:active, .nobdrRadius:visited, .nobdrRadius:focus {
  border-radius: 0px !important;
}

.mtmb-20 {
  margin-bottom: 20px;
  margin-top: 20px;
}

.plpr-30 {
  padding-left: 30px;
  padding-right: 30px;
}

/*--------Modal Popup Scrollbar one----------*/
.modalscrollbarOne {
  scrollbar-color: #a294b5 #3f3449;
  scrollbar-width: thin;
}
.modalscrollbarOne::-webkit-scrollbar {
  width: 13px;
}
.modalscrollbarOne::-webkit-scrollbar-track {
  box-shadow: none;
  border-radius: 0px;
  background: #3f3449;
}
.modalscrollbarOne::-webkit-scrollbar-track:hover {
  background: #2d2637;
}
.modalscrollbarOne::-webkit-scrollbar-thumb {
  background: #7b6c8f;
  border: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}
.modalscrollbarOne::-webkit-scrollbar-thumb:hover {
  background: #a294b5;
  border: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}
.modalscrollbarOne::-moz-scrollbar {
  width: 13px;
}
.modalscrollbarOne::-moz-scrollbar-track {
  box-shadow: none;
  border-radius: 0px;
  background: #3f3449;
}
.modalscrollbarOne::-moz-scrollbar-track:hover {
  background: #2d2637;
}
.modalscrollbarOne::-moz-scrollbar-thumb {
  background: #7b6c8f;
  border: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}
.modalscrollbarOne::-moz-scrollbar-thumb:hover {
  background: #a294b5;
  border: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}

.modalscrollbarTwo {
  scrollbar-color: #a294b5 #3f3449;
  scrollbar-width: thin;
}
.modalscrollbarTwo::-webkit-scrollbar {
  width: 13px;
}
.modalscrollbarTwo::-webkit-scrollbar-track {
  box-shadow: none;
  border-radius: 0px;
  background: #110a1a;
}
.modalscrollbarTwo::-webkit-scrollbar-track:hover {
  background: #2d2637;
}
.modalscrollbarTwo::-webkit-scrollbar-thumb {
  background: #7b6c8f;
  border: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}
.modalscrollbarTwo::-webkit-scrollbar-thumb:hover {
  background: #a294b5;
  border: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}

/*--------Modal Popup Scrollbar Two----------*/
::-moz-scrollbar {
  width: 4px;
}

::-moz-scrollbar-track {
  background: #2d2637;
}

::-moz-scrollbar-thumb {
  border-radius: 10px;
  background: #7a252b;
}

/*-------UI Search Bar Start-------*/
.m-search-box {
  width: auto;
  height: 25px;
  position: relative;
  margin: 0px;
}
.m-search-box.noclear input {
  padding-right: 5px !important;
}
.m-search-box.lighterbg input {
  background: #3f3449 !important;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
  border: 1px solid #3f3449 !important;
}
.m-search-box.lighterbg input:hover {
  background: #5a4f65 !important;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
}
.m-search-box.lighterbg input:hover::placeholder {
  color: #fff !important;
}
.m-search-box.lighterbg input:focus {
  background: #5a4f65 !important;
  border: 1px solid #9d46ff !important;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
}
.m-search-box.lighterbg input:focus::placeholder {
  color: #fff !important;
}
.m-search-box.lighterbg input:focus + span.searchicon i {
  color: #fff !important;
}
.m-search-box.darkerBg input {
  background: #110a1a !important;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
  border: 1px solid #110a1a !important;
}
.m-search-box.darkerBg input:hover {
  background: #1f1829 !important;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
}
.m-search-box.darkerBg input:hover::placeholder {
  color: #fff !important;
}
.m-search-box.darkerBg input:focus {
  background: #1f1829 !important;
  border: 1px solid #9d46ff !important;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
  color: #fff !important;
}
.m-search-box.darkerBg input:focus::placeholder {
  color: #fff !important;
}
.m-search-box.darkerBg input:focus + span.searchicon i {
  color: #fff !important;
}
.m-search-box span.searchicon {
  position: absolute;
  left: 0px;
  top: 0px;
}
.m-search-box span.searchicon i {
  transform: rotate(0deg) !important;
  color: #c2b8d0 !important;
  position: absolute !important;
  left: 10px !important;
  top: 7px !important;
  font-size: 11px !important;
}
.m-search-box span.clearsearchicon {
  position: absolute;
  right: 3px !important;
  top: 3px !important;
  bottom: 3px !important;
  width: 19px !important;
  height: 19px !important;
  line-height: 19px !important;
  text-align: center !important;
  border-radius: 50% !important;
  cursor: pointer !important;
  font-size: 17px !important;
}
.m-search-box span.clearsearchicon:hover {
  background: #B11E27 !important;
}
.m-search-box input {
  width: 100%;
  font-weight: 400;
  height: 25px;
  color: #fff;
  border-radius: 100px;
  padding: 5px 25px 5px 30px !important;
  font-size: 13px;
  line-height: 35px;
  height: 25px !important;
}
.m-search-box input::placeholder {
  color: #c2b8d0;
}
.m-search-box:hover span.searchicon i {
  color: #fff !important;
}

/*-------UI Search Bar End-------*/
.modalscrollbarOne {
  scrollbar-color: #a294b5 #3f3449;
  scrollbar-width: thin;
}
.modalscrollbarOne::-webkit-scrollbar {
  width: 13px;
}
.modalscrollbarOne::-webkit-scrollbar-track {
  box-shadow: none;
  border-radius: 0px;
  background: #3f3449;
}
.modalscrollbarOne::-webkit-scrollbar-track:hover {
  background: #2d2637;
}
.modalscrollbarOne::-webkit-scrollbar-thumb {
  background: #7b6c8f;
  border: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}
.modalscrollbarOne::-webkit-scrollbar-thumb:hover {
  background: #a294b5;
  border: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}
.modalscrollbarOne::-moz-scrollbar {
  width: 13px;
}
.modalscrollbarOne::-moz-scrollbar-track {
  box-shadow: none;
  border-radius: 0px;
  background: #3f3449;
}
.modalscrollbarOne::-moz-scrollbar-track:hover {
  background: #2d2637;
}
.modalscrollbarOne::-moz-scrollbar-thumb {
  background: #7b6c8f;
  border: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}
.modalscrollbarOne::-moz-scrollbar-thumb:hover {
  background: #a294b5;
  border: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}

.bootstrap-select .dropdown-menu .inner {
  scrollbar-color: #a294b5 #3f3449;
  scrollbar-width: thin;
  overflow-x: hidden;
}
.bootstrap-select .dropdown-menu .inner::-webkit-scrollbar {
  width: 13px;
}
.bootstrap-select .dropdown-menu .inner::-webkit-scrollbar-track {
  box-shadow: none;
  border-radius: 0px;
  background: #3f3449;
}
.bootstrap-select .dropdown-menu .inner::-webkit-scrollbar-track:hover {
  background: #2d2637;
}
.bootstrap-select .dropdown-menu .inner::-webkit-scrollbar-thumb {
  background: #7b6c8f;
  border: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}
.bootstrap-select .dropdown-menu .inner::-webkit-scrollbar-thumb:hover {
  background: #a294b5;
  border: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}
.bootstrap-select .dropdown-menu .inner::-moz-scrollbar {
  width: 13px;
}
.bootstrap-select .dropdown-menu .inner::-moz-scrollbar-track {
  box-shadow: none;
  border-radius: 0px;
  background: #3f3449;
}
.bootstrap-select .dropdown-menu .inner::-moz-scrollbar-track:hover {
  background: #2d2637;
}
.bootstrap-select .dropdown-menu .inner::-moz-scrollbar-thumb {
  background: #7b6c8f;
  border: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}
.bootstrap-select .dropdown-menu .inner::-moz-scrollbar-thumb:hover {
  background: #a294b5;
  border: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}

/*--------3 Dots Menu Master Start----------*/
.m-3dots-menu {
  width: 24px;
  height: 24px;
}
.m-3dots-menu .dropdown {
  width: 24px;
  height: 24px;
}
.m-3dots-menu .dropdown.dropup {
  position: relative;
}
.m-3dots-menu .dropdown.dropup .dropdown-toggle::after {
  border: none !important;
}
.m-3dots-menu .dropdown.dropup a span.menu-icon {
  width: 24px;
  height: 24px;
  display: block;
  text-align: center;
  cursor: pointer;
  border-radius: 50%;
  background: url(/bundles/admin/images/insight-3dots-white-menu.svg) top center no-repeat var(--Modal_Overlay);
}
.m-3dots-menu .dropdown.dropup a span.menu-icon:hover, .m-3dots-menu .dropdown.dropup a span.menu-icon:focus, .m-3dots-menu .dropdown.dropup a span.menu-icon:active, .m-3dots-menu .dropdown.dropup a span.menu-icon:visited {
  background: url(/bundles/admin/images/insight-3dots-white-menu.svg) top center no-repeat #2d2637 !important;
}
.m-3dots-menu .dropdown.dropup a span.menu-icon img {
  width: 3px;
  height: 15px;
  vertical-align: top;
  margin: 4.5px 10.5px;
}
.m-3dots-menu .dropdown.dropup .dropdown-menu {
  border: 1px solid #000;
  background: #26202e !important;
  padding: 0px !important;
  border-radius: 0px;
  z-index: 10;
  font-family: "Inter", sans-serif;
}
.m-3dots-menu .dropdown.dropup .dropdown-menu .check-accessmenu {
  width: 100% !important;
  margin: 0px !important;
  height: 100% !important;
  border-radius: 0px !important;
}
.m-3dots-menu .dropdown.dropup .dropdown-menu a {
  text-align: left !important;
  width: 100% !important;
  display: block !important;
  font-size: 13px !important;
  padding: 4px 11px !important;
  font-weight: 600 !important;
  border-bottom: 1px solid #000 !important;
  color: #fff;
  line-height: 19px;
  cursor: pointer;
}
.m-3dots-menu .dropdown.dropup .dropdown-menu a:hover, .m-3dots-menu .dropdown.dropup .dropdown-menu a:focus, .m-3dots-menu .dropdown.dropup .dropdown-menu a:active {
  background: #3f3449 !important;
}
.m-3dots-menu .dropdown.dropup .dropdown-menu a.delete:hover {
  background: #6f0008 !important;
}
.m-3dots-menu .dropdown.dropup .dropdown-menu a.deactivate:hover, .m-3dots-menu .dropdown.dropup .dropdown-menu a.deactivatecolor:hover {
  background: #ae6725 !important;
}
.m-3dots-menu .dropdown.dropup .dropdown-menu a.activate:hover, .m-3dots-menu .dropdown.dropup .dropdown-menu a.activatecolor:hover {
  background: #0ba32d !important;
}

.m-3dots-menu.docsmenu {
  position: absolute;
  top: 0px;
  right: 5px;
}
.m-3dots-menu.emotionmenu {
  position: absolute;
  top: 0px;
  right: 0px;
}
.m-3dots-menu.emotionmenu .dropdown {
  width: 34px !important;
  height: 34px !important;
}
.m-3dots-menu.lcmenu-dashboard {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 5;
}
.m-3dots-menu.lcmenu-dashboard .dropdown-menu {
  min-width: 110px;
  transform: translate3d(0px, -36px, 0px) !important;
  top: auto !important;
  left: -99px !important;
  z-index: 1 !important;
}
.m-3dots-menu.lc_widget_menu {
  position: absolute;
  top: 2px;
  right: 3px;
  z-index: 5;
  visibility: hidden;
}
.m-3dots-menu.lc_widget_menu .dropdown-menu {
  min-width: 110px;
  transform: translate3d(0px, -41px, 0px) !important;
  top: auto !important;
  left: -100px !important;
  z-index: 1 !important;
}
.m-3dots-menu.topWidgetsmenu {
  position: absolute;
  top: 2px;
  right: 5px;
}
.m-3dots-menu.topWidgetsmenu .dropdown {
  position: relative;
  top: 0px;
  right: 0px;
}
.m-3dots-menu.topWidgetsmenu .dropdown .dropdown-toggle {
  background: transparent !important;
}
.m-3dots-menu.topWidgetsmenu .dropdown .dropdown-toggle span.menu-icon {
  width: 24px;
  height: 24px;
  display: block;
  text-align: center;
  cursor: pointer;
  border-radius: 50%;
  background: url(/bundles/admin/images/insight-3dots-white-menu.svg) top center no-repeat;
}
.m-3dots-menu.topWidgetsmenu .dropdown .dropdown-toggle span.menu-icon:hover, .m-3dots-menu.topWidgetsmenu .dropdown .dropdown-toggle span.menu-icon:focus, .m-3dots-menu.topWidgetsmenu .dropdown .dropdown-toggle span.menu-icon:active, .m-3dots-menu.topWidgetsmenu .dropdown .dropdown-toggle span.menu-icon:visited {
  background: url(/bundles/admin/images/insight-3dots-white-menu.svg) top center no-repeat #2d2637;
}

.file-3dots-menu {
  width: 40px !important;
  height: 40px !important;
  visibility: hidden;
}
.file-3dots-menu .dropdown-toggle {
  padding: 0px !important;
}
.file-3dots-menu span.menu-icon {
  width: 24px !important;
  height: 24px !important;
  border-radius: 50%;
  display: block;
}
.file-3dots-menu span.menu-icon.menu-margin {
  margin: 8px;
}
.file-3dots-menu span.menu-icon.menu-margin:hover {
  background: #110a1a;
}
.file-3dots-menu span.menu-icon:hover {
  background: #2d2637;
}
.file-3dots-menu span.menu-icon img {
  width: 3px !important;
  height: 15px !important;
  vertical-align: top !important;
  margin: 4.5px 10.5px !important;
}
.file-3dots-menu.topjourney-file-menu .dropdown-menu {
  z-index: 100;
  background: #26202e;
  padding: 0px;
  border-radius: 0px;
  transform: translate3d(28px, 22px, 0px) !important;
  min-width: 110px;
  max-width: 110px !important;
}

.emotion-3dots-menu.tpmenu {
  margin: 0px auto;
}
.emotion-3dots-menu.tpmenu .dropdown .dropdown-menu {
  transform: translate3d(-101px, 17px, 0px) !important;
}
.emotion-3dots-menu.docsmenu .dropdown .dropdown-menu {
  transform: translate3d(-93px, 20px, 0px) !important;
}
.emotion-3dots-menu .dropdown .dropdown-toggle .menu-icon {
  width: 24px !important;
  height: 24px !important;
  border-radius: 50%;
  display: block;
  background: url(/bundles/admin/images/insight-3dots-white-menu.svg) top center no-repeat;
}
.emotion-3dots-menu .dropdown .dropdown-toggle .menu-icon.margin-emotioncurve {
  display: inline-block;
  margin-left: 5px;
  margin-top: 4px;
}
.emotion-3dots-menu .dropdown .dropdown-toggle .menu-icon:hover {
  background: url(/bundles/admin/images/insight-3dots-white-menu.svg) top center no-repeat #000;
}
.emotion-3dots-menu .dropdown .dropdown-toggle .menu-icon img {
  width: 3px !important;
  height: 15px !important;
  vertical-align: top !important;
  margin: 4.5px 10.5px !important;
}
.emotion-3dots-menu .dropdown .dropdown-menu {
  z-index: 100;
  background: #26202e;
  padding: 0px;
  border-radius: 0px;
  transform: translate3d(-93px, 14px, 0px) !important;
}
.emotion-3dots-menu .dropdown .dropdown-menu a {
  text-align: left;
  width: 100%;
  display: block;
  font-size: 12px;
  padding: 5.5px 10px;
  font-weight: 600;
  border-bottom: 1px solid #362749;
  color: #fff;
}
.emotion-3dots-menu .dropdown .dropdown-menu a:hover, .emotion-3dots-menu .dropdown .dropdown-menu a:active, .emotion-3dots-menu .dropdown .dropdown-menu a:visited, .emotion-3dots-menu .dropdown .dropdown-menu a:focus {
  background: #2d2637;
}

.bottomMoreActions.horizontdropmenu {
  width: 24px;
  height: 24px;
  left: -3px !important;
  bottom: 5px !important;
  padding: 0px !important;
}
.bottomMoreActions.horizontdropmenu .dropdown {
  width: 24px;
  height: 24px;
}
.bottomMoreActions.horizontdropmenu .dropdown .dropdown-toggle {
  width: 24px !important;
  height: 24px !important;
  padding: 0px;
}
.bottomMoreActions.horizontdropmenu .dropdown .dropdown-toggle span.menu-icon {
  width: 24px !important;
  height: 24px !important;
  border-radius: 50%;
  display: block;
  line-height: 15px;
  background: url(/bundles/admin/images/insight-3dots-white-menu.svg) top center no-repeat !important;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.bottomMoreActions.horizontdropmenu .dropdown .dropdown-toggle span.menu-icon:hover {
  background: url(/bundles/admin/images/insight-3dots-white-menu.svg) top center no-repeat #3f3449 !important;
}
.bottomMoreActions.horizontdropmenu .dropdown .dropdown-menu {
  transform: translate3d(15px, -90px, 0px) !important;
  top: 17px !important;
  border-bottom: solid 1px #000 !important;
}
.bottomMoreActions.horizontdropmenu .dropdown .dropdown-menu.touchpoints {
  transform: translate3d(7px, -59px, 0px) !important;
}
.bottomMoreActions.horizontdropmenu .dropdown .dropdown-menu.episodedropmenu {
  min-width: 125px !important;
}
.bottomMoreActions.horizontdropmenu .dropdown .dropdown-menu.childMenuOptions {
  bottom: 5px;
  top: auto !important;
  transform: translate3d(7px, -18px, 0px) !important;
}
.bottomMoreActions.horizontdropmenu .dropdown .dropdown-menu a {
  cursor: pointer;
}
.bottomMoreActions.horizontdropmenu .dropdown .dropdown-menu a.disableClass {
  color: #666;
}
.bottomMoreActions.horizontdropmenu .dropdown .dropdown-menu a.disableClass:hover {
  cursor: not-allowed;
  background: #26202e !important;
}
.bottomMoreActions.horizontdropmenu .dropdown .dropdown-menu a.add i {
  font-size: 11px;
  margin-right: 5px;
}
.bottomMoreActions.horizontdropmenu .dropdown .dropdown-menu a.add:hover {
  background: #7800ff;
}
.bottomMoreActions.horizontdropmenu .dropdown .dropdown-menu a:nth-last-child(1) {
  border-bottom: solid 0px #000 !important;
}

.touchdropmenuedit {
  width: 24px !important;
  height: 24px !important;
  float: none !important;
  text-align: center;
  align-items: center;
  margin: 0 auto;
}
.touchdropmenuedit .dropdown-toggle {
  top: 8px !important;
  right: 0 !important;
  padding: 0 !important;
  z-index: 1 !important;
  display: block;
  position: relative;
  height: 24px !important;
}
.touchdropmenuedit .dropdown-toggle .menu-icon-touch {
  width: 24px !important;
  height: 24px !important;
  border-radius: 50%;
  display: inline-block;
  visibility: hidden;
  margin-right: 5px;
}
.touchdropmenuedit .dropdown-toggle .menu-icon-touch:hover {
  background: #110a1a;
}
.touchdropmenuedit .dropdown-toggle .menu-icon-touch img {
  width: 3px !important;
  height: 15px !important;
  vertical-align: top !important;
  margin: 4.5px 10.5px !important;
  position: relative !important;
  top: 0 !important;
}
.touchdropmenuedit .dropdown-menu {
  transform: translate3d(-1px, 16px, 0px) !important;
  z-index: 2 !important;
}

.stagemenu:hover .dropdown {
  visibility: visible;
}
.stagemenu .dropdown {
  visibility: hidden;
  width: 24px;
  height: 24px;
  top: 15px;
  right: 0px;
  position: absolute;
}
.stagemenu .dropdown .dropdown-toggle {
  top: 15px !important;
  right: 5px !important;
  padding: 0 !important;
  z-index: 1 !important;
  display: block;
  position: absolute !important;
  height: 24px !important;
  width: 24px !important;
  margin: 0 !important;
  top: 0 !important;
}
.stagemenu .dropdown .dropdown-toggle .menu-icon {
  width: 24px !important;
  height: 24px !important;
  border-radius: 50%;
  display: inline-block;
  background: url(/bundles/admin/images/insight-3dots-white-menu.svg) top center no-repeat;
}
.stagemenu .dropdown .dropdown-toggle .menu-icon.stageiconmenu:hover {
  background: #a658fd;
  background: url(/bundles/admin/images/insight-3dots-white-menu.svg) top center no-repeat #a658fd;
}
.stagemenu .dropdown .dropdown-toggle .menu-icon:hover {
  background: #26202e;
}
.stagemenu .dropdown .dropdown-toggle .menu-icon img {
  width: 3px !important;
  height: 15px !important;
  vertical-align: top !important;
  margin: 4.5px 10.5px !important;
  position: relative !important;
  top: 0 !important;
}
.stagemenu .dropdown .dropdown-menu {
  background: #26202e !important;
  padding: 0px !important;
  border-radius: 0px !important;
  transform: translate3d(-103px, 10px, 0px) !important;
  border: 1px solid #000 !important;
  border-bottom: none !important;
  min-width: 110px;
}
.stagemenu .dropdown .dropdown-menu.phasedropdown {
  transform: translate3d(-103px, 10px, 0px) !important;
}
.stagemenu .dropdown .dropdown-menu.contactreasonropdown {
  transform: translate3d(-103px, 10px, 0px) !important;
}
.stagemenu .dropdown .dropdown-menu a {
  text-align: left !important;
  width: 100% !important;
  font-size: 12px !important;
  padding: 4px 11px !important;
  border-bottom: 1px solid #000 !important;
  font-weight: 600 !important;
  color: #fff !important;
}
.stagemenu .dropdown .dropdown-menu a.delete:hover {
  background: #6f0008 !important;
}
.stagemenu .dropdown .dropdown-menu a:hover, .stagemenu .dropdown .dropdown-menu a:active, .stagemenu .dropdown .dropdown-menu a:visited, .stagemenu .dropdown .dropdown-menu a:focus {
  background: #3f3449 !important;
}

/*--------3 Dots Menu Master End----------*/
.modalscrollbar-notifications {
  scrollbar-color: #a294b5 #3f3449;
  scrollbar-width: thin;
  overflow-x: hidden;
}
.modalscrollbar-notifications::-webkit-scrollbar {
  width: 13px;
}
.modalscrollbar-notifications::-webkit-scrollbar-track {
  box-shadow: none;
  border-radius: 0px;
  background: #201a2a;
}
.modalscrollbar-notifications::-webkit-scrollbar-track:hover {
  background: #1f1829;
}
.modalscrollbar-notifications::-webkit-scrollbar-thumb {
  background: #7b6c8f;
  border: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}
.modalscrollbar-notifications::-webkit-scrollbar-thumb:hover {
  background: #a294b5;
  border: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}

.bottomMoreActions.horizontdropmenu.unpublishlane-menu .dropdown .dropdown-menu {
  transform: translate3d(15px, 10px, 0px) !important;
  top: auto !important;
  bottom: 19px !important;
}

.m-select-dropdown-jira {
  width: 100% !important;
  height: 25px !important;
  padding: 5px !important;
  border: none !important;
  background: #3f3449;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.m-select-dropdown-jira.form-control {
  padding: 0px !important;
  border: none !important;
}
.m-select-dropdown-jira.show .btn-light.dropdown-toggle:focus, .m-select-dropdown-jira.show .btn-light.dropdown-toggle:active, .m-select-dropdown-jira.show .btn-light.dropdown-toggle:visited, .m-select-dropdown-jira.show .btn-light.dropdown-toggle.active {
  outline: none !important;
  box-shadow: none !important;
}
.m-select-dropdown-jira button {
  padding: 6px 8px !important;
  font-size: 13px !important;
  margin-top: -2px !important;
}
.m-select-dropdown-jira button.dropdown-toggle {
  border: none !important;
}
.m-select-dropdown-jira button.dropdown-toggle:focus, .m-select-dropdown-jira button.dropdown-toggle:active, .m-select-dropdown-jira button.dropdown-toggle:visited, .m-select-dropdown-jira button.dropdown-toggle.active {
  outline: none !important;
  box-shadow: none !important;
}
.m-select-dropdown-jira button:focus, .m-select-dropdown-jira button:active, .m-select-dropdown-jira button:visited, .m-select-dropdown-jira button.active {
  outline: none !important;
  box-shadow: none !important;
}
.m-select-dropdown-jira button .filter-option {
  margin-top: 0px !important;
}
.m-select-dropdown-jira button .filter-option .filter-option-inner .filter-option-inner-inner {
  line-height: 15px !important;
}
.m-select-dropdown-jira .dropdown-menu {
  margin-top: -1px;
  border: none !important;
  top: 2px !important;
  left: 0px !important;
  min-width: 100% !important;
}
.m-select-dropdown-jira .dropdown-menu ul li {
  border-bottom: solid 1px #000 !important;
}
.m-select-dropdown-jira .dropdown-menu ul li a {
  color: #a294b5;
  font-weight: 800;
  padding: 3px 8px;
}

.min-height-jira {
  min-height: 280px;
}

.m-select-dropdown-md {
  width: 100% !important;
  height: 41.5px !important;
  padding: 0 !important;
  border: none !important;
  background: #3f3449;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.m-select-dropdown-md.form-control {
  padding: 0 !important;
  border: none !important;
}
.m-select-dropdown-md.show .btn-light.dropdown-toggle:focus, .m-select-dropdown-md.show .btn-light.dropdown-toggle:active, .m-select-dropdown-md.show .btn-light.dropdown-toggle:visited, .m-select-dropdown-md.show .btn-light.dropdown-toggle.active {
  outline: none !important;
  box-shadow: none !important;
}
.m-select-dropdown-md button {
  padding: 13.25px 8px !important;
  font-size: 13px !important;
  box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.4);
}
.m-select-dropdown-md button.dropdown-toggle {
  border: none !important;
}
.m-select-dropdown-md button.dropdown-toggle:focus, .m-select-dropdown-md button.dropdown-toggle:active, .m-select-dropdown-md button.dropdown-toggle:visited, .m-select-dropdown-md button.dropdown-toggle.active {
  outline: none !important;
  box-shadow: none !important;
}
.m-select-dropdown-md button.dropdown-toggle::after {
  border: none !important;
  content: "";
  font: normal normal normal 14px/1 FontAwesome;
  border: none;
  position: absolute;
  right: 20px;
  top: 15px;
  color: #fff;
}
.m-select-dropdown-md button:focus, .m-select-dropdown-md button:active, .m-select-dropdown-md button:visited, .m-select-dropdown-md button.active {
  outline: none !important;
  box-shadow: none !important;
}
.m-select-dropdown-md button .filter-option {
  margin-top: 0 !important;
}
.m-select-dropdown-md button .filter-option .filter-option-inner .filter-option-inner-inner {
  line-height: 15px !important;
}
.m-select-dropdown-md .dropdown-menu {
  border: none !important;
  margin: 0 !important;
  top: 0 !important;
  left: 0 !important;
  min-width: 100% !important;
  font-size: 13px !important;
}
.m-select-dropdown-md .dropdown-menu .bs-searchbox {
  background: #26202e;
  padding: 6px 8px;
  border-top: solid 1px #000;
}
.m-select-dropdown-md .dropdown-menu .bs-searchbox input {
  padding: 5px !important;
}
.m-select-dropdown-md .dropdown-menu.inner {
  border-top: 1px solid #000 !important;
  border-left: 1px solid #000 !important;
  border-right: 1px solid #000 !important;
}
.m-select-dropdown-md .dropdown-menu.inner .no-results {
  color: #7b6c8f;
  margin: 0px;
  padding: 6px 8px;
  white-space: normal;
}
.m-select-dropdown-md .dropdown-menu li a {
  color: #a294b5 !important;
  font-size: 13px !important;
  padding: 8px 8px !important;
  border-bottom: 1px solid #000 !important;
  white-space: normal !important;
}

/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Mixins ******************/
/*----Widgets-----*/
.widgetBox {
  width: 100%;
  padding: 0px;
  margin: 0px;
}
.widgetBox .textBlock {
  width: 100%;
  margin-bottom: 11px;
}
.widgetBox .textBlock .formsection {
  width: 100%;
  padding: 0px;
}
.widgetBox .textBlock .formsection .form-row {
  margin: 0px;
}
.widgetBox .textBlock .formsection .form-row .form-group {
  padding: 0px;
  margin: -5px 0px 0px 0px;
  text-align: left;
}
.widgetBox .textBlock .formsection .form-row .form-group label {
  font-size: 13px;
  font-weight: 500;
  color: #7b6c8f;
  margin-bottom: 10px;
}
.widgetBox .textBlock .formsection .form-row .form-group .textAreaView {
  min-width: 100px;
  min-height: 100px;
}
.widgetBox .textBlock .formsection .form-row .form-group .textAreaView .form-control {
  background: #2d2637 !important;
  box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.4);
  border: 1px solid #000;
  padding: 10px 6px;
  border-radius: 0;
  font-weight: 600;
  font-size: 13px;
  color: #fff;
  min-height: 100px;
}
.widgetBox .textBlock .formsection .form-row .form-group .textAreaView .form-control p {
  margin-top: 0px;
}
.widgetBox .mediaBlock {
  width: 100%;
}
.widgetBox .mediaBlock .formsection {
  width: 100%;
  padding: 0px;
}
.widgetBox .mediaBlock .formsection .form-row {
  margin: 0px;
}
.widgetBox .mediaBlock .formsection .form-row .form-group {
  padding: 0px;
  margin: 0px;
}
.widgetBox .mediaBlock .formsection .form-row .form-group label {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 10px;
}
.widgetBox .mediaBlock .formsection .form-row .form-group .addImage {
  background: #1f1829;
  height: 7vw;
  width: 100%;
  text-align: center;
  border: 2px solid #000;
}
.widgetBox .mediaBlock .formsection .form-row .form-group .addImage img {
  object-fit: cover;
}
.widgetBox .mediaBlock .formsection .form-row .form-group .addImage span.deleteepisodeImage {
  background: #650000;
  padding: 5px 10px;
  border: 3px;
  right: 10px;
  border-radius: 2px;
  cursor: pointer;
  position: absolute;
  bottom: 10px;
  color: #fff;
}
.widgetBox .mediaBlock .formsection .form-row .form-group .addImage span.deleteepisodeImage:hover {
  background: #9e0000;
}
.widgetBox .mediaBlock .formsection .form-row .form-group .addImage:hover {
  background: #2e233e;
  cursor: pointer;
}
.widgetBox .mediaBlock .formsection .form-row .form-group .addImage:hover .addimageInner {
  background: #7800ff;
}
.widgetBox .mediaBlock .formsection .form-row .form-group .addImage:hover .addimageInner .media-icon {
  background: url(/bundles/map/images/media-icon.svg) no-repeat -20px 0;
}
.widgetBox .mediaBlock .formsection .form-row .form-group .addImage .addimageInner {
  background: #7b6c8f;
  border-radius: 3px;
  padding: 6px 12px;
  -webkit-box-shadow: 0px 4px 4px #000;
  -moz-box-shadow: 0px 4px 4px #000;
  -ms-box-shadow: 0px 4px 4px #000;
  -o-box-shadow: 0px 4px 4px #000;
  box-shadow: 0px 4px 4px #000;
  cursor: pointer;
  margin: 0 auto;
}
.widgetBox .mediaBlock .formsection .form-row .form-group .addImage .addimageInner label {
  margin: -2px;
}
.widgetBox .mediaBlock .formsection .form-row .form-group .addImage .addimageInner label .media-icon {
  color: #110a1a;
  background: url(/bundles/map/images/media-icon.svg) no-repeat;
  display: block;
  height: 16px;
  width: 20px;
}
.widgetBox .mediaBlock .formsection .form-row .form-group .addImage .addimageInner .imagePreview {
  width: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.widgetBox .documentsBlock {
  width: 100%;
}
.widgetBox .documentsBlock .formsection {
  width: 100%;
  padding: 0px;
}
.widgetBox .documentsBlock .formsection .dropdown {
  position: absolute;
  right: 0;
  margin-top: -3px;
}
.widgetBox .documentsBlock .formsection .form-row {
  margin: 0px;
}
.widgetBox .documentsBlock .formsection .form-row .form-group {
  padding: 0px;
  margin: 0px;
}
.widgetBox .documentsBlock .formsection .form-row .form-group ul li {
  margin: 3px 0;
  padding: 3px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  cursor: pointer;
  margin-bottom: 7.5px;
  height: 40px !important;
}
.widgetBox .documentsBlock .formsection .form-row .form-group ul li:hover {
  background: #372e43;
}
.widgetBox .documentsBlock .formsection .form-row .form-group ul li:hover .file-3dots-menu {
  background: #000;
  visibility: visible;
}
.widgetBox .documentsBlock .formsection .form-row .form-group ul li h5 {
  color: #c2b8d0;
  font-size: 13px;
  margin: 0;
  font-weight: 500;
  width: 90%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.widgetBox .documentsBlock .formsection .form-row .form-group ul li small {
  font-size: 10px;
  color: #7b6c8f;
  font-weight: 500;
}
.widgetBox .documentsBlock .formsection .form-row .form-group ul li .dropdown .dropdown-toggle {
  position: absolute;
  color: #7b6c8f;
  padding: 0px;
  z-index: 1;
  display: block;
  height: 24px !important;
  margin-right: 8px;
  margin-top: 8px !important;
  width: 24px !important;
  background: transparent !important;
}
.widgetBox .documentsBlock .formsection .form-row .form-group ul li .dropdown .dropdown-toggle:after {
  border: none;
}
.widgetBox .documentsBlock .formsection .form-row .form-group ul li .dropdown .dropdown-toggle img {
  width: 6px;
  height: 100%;
  vertical-align: middle;
  margin: -5px 0px 0px 5px;
}
.widgetBox .documentsBlock .formsection .form-row .form-group ul li .dropdown .dropdown-menu {
  border: 1px solid #000;
  background: #26202e !important;
  padding: 0px !important;
  border-radius: 0px;
  z-index: 10;
  font-family: "Inter", sans-serif;
  transform: translate3d(-92px, 18px, 0px) !important;
  min-width: 110px;
}
.widgetBox .documentsBlock .formsection .form-row .form-group ul li .dropdown .dropdown-menu a {
  text-align: left !important;
  width: 100% !important;
  display: block !important;
  font-size: 13px !important;
  padding: 4px 11px !important;
  font-weight: 600 !important;
  border-bottom: 1px solid #000 !important;
  color: #fff;
  line-height: 19px;
  cursor: pointer;
}
.widgetBox .documentsBlock .formsection .form-row .form-group ul li .dropdown .dropdown-menu a:hover, .widgetBox .documentsBlock .formsection .form-row .form-group ul li .dropdown .dropdown-menu a:focus, .widgetBox .documentsBlock .formsection .form-row .form-group ul li .dropdown .dropdown-menu a:active {
  background: #3f3449 !important;
}
.widgetBox .documentsBlock .formsection .form-row .form-group ul li .dropdown .dropdown-menu a.delete:hover {
  background: #B11E27 !important;
}
.widgetBox .documentsBlock .formsection .form-row .form-group ul li .dropdown .dropdown-menu a.deactivate:hover {
  background: #ae6725 !important;
}
.widgetBox .documentsBlock .formsection .form-row .form-group ul li .dropdown .dropdown-menu a.activate:hover {
  background: #0ba32d !important;
}
.widgetBox .dimensionBlock {
  width: 100%;
}
.widgetBox .dimensionBlock .formsection {
  width: 100%;
  padding: 0px;
}
.widgetBox .dimensionBlock .formsection .dropdown {
  float: right;
}
.widgetBox .dimensionBlock .formsection .form-row {
  margin: 0px;
}
.widgetBox .dimensionBlock .formsection .form-row .form-group {
  padding: 0px;
  margin: 0px;
  text-align: left;
}
.widgetBox .dimensionBlock .formsection .form-row .form-group label {
  font-size: 13px;
  font-weight: 500;
  color: #7b6c8f;
}
.widgetBox .dimensionBlock .formsection .form-row .form-group.dimensionArrow .bootstrap-select .dropdown-toggle:after {
  border: none !important;
}
.widgetBox .dimensionBlock .formsection .form-row .form-group .iconswithBG li {
  display: block;
  margin: 0px 0px 11px 0px;
  background: #1f1829;
  border: 1px solid #000;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
  color: #7b6c8f;
  padding: 0px 10px;
}
.widgetBox .dimensionBlock .formsection .form-row .form-group .iconswithBG li.addBtn {
  background: none;
  border: none;
  box-shadow: none;
}
.widgetBox .dimensionBlock .formsection .form-row .form-group .iconswithBG li.addBtn i {
  visibility: visible !important;
}
.widgetBox .dimensionBlock .formsection .form-row .form-group .iconswithBG li:hover i {
  visibility: visible;
}
.widgetBox .dimensionBlock .formsection .form-row .form-group .iconswithBG li:hover i:after {
  border: none !important;
}
.widgetBox .dimensionBlock .formsection .form-row .form-group .iconswithBG li .brandBg {
  width: 60%;
  background: #fff;
  padding: 0px 5px;
  color: #000;
  margin: 0 auto;
  text-align: center;
}
.widgetBox .dimensionBlock .formsection .form-row .form-group .iconswithBG li .brandBg img {
  width: 100%;
  height: 30px;
  object-fit: contain;
  padding: 3px 0px;
}
.widgetBox .dimensionBlock .formsection .form-row .form-group .iconswithBG li .brandBg .trash-width {
  width: 20%;
}
.widgetBox .dimensionBlock .formsection .form-row .form-group .iconswithBG li .fa-arrows-v {
  float: left;
  width: 20%;
  margin: 0px;
  line-height: 30px;
  height: 30px;
}
.widgetBox .dimensionBlock .formsection .form-row .form-group .iconswithBG li i {
  visibility: hidden;
  display: inline-block;
  vertical-align: middle;
}
.widgetBox .dimensionBlock .formsection .form-row .form-group .iconswithBG li span {
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  margin-left: 10px;
}
.widgetBox .dimensionBlock .formsection .form-row .form-group .m-select-dropdown-sm {
  height: 35px !important;
  padding: 10px 8px !important;
}
.widgetBox .dimensionBlock .formsection .form-row .form-group .m-select-dropdown-sm button {
  padding: 8px 0px !important;
  font-size: 13px !important;
  margin-top: -8px !important;
}
.widgetBox .dimensionBlock .formsection .form-row .form-group .m-select-dropdown-sm .dropdown-toggle:after {
  right: 10px;
  border: none;
  top: 6px;
}
.widgetBox .dimensionBlock .formsection .form-row .form-group .m-select-dropdown-sm .dropdown-menu {
  left: -8px !important;
  max-width: 160px;
  min-width: 155px;
}
.widgetBox .dimensionBlock .formsection .form-row .form-group .m-select-dropdown-sm .dropdown-menu .bs-actionsbox {
  background: #26202e !important;
  border: solid 1px #000;
  border-bottom: none !important;
}
.widgetBox .dimensionBlock .formsection .form-row .form-group .m-select-dropdown-sm .dropdown-menu .bs-actionsbox button {
  background: transparent;
  border: none;
  color: #fff;
  padding: 5px 0px 0px 0px !important;
  text-align: left;
}
.widgetBox .emotionBlocks {
  width: 100%;
}
.widgetBox .emotionBlocks .formsection {
  width: 100%;
  padding: 0px;
}
.widgetBox .emotionBlocks .formsection .dropdown {
  float: right;
}
.widgetBox .emotionBlocks .formsection .form-row {
  margin: 0px;
}
.widgetBox .emotionBlocks .formsection .form-row .form-group {
  padding: 0px;
  margin: 0px;
  text-align: left;
}
.widgetBox .emotionBlocks .formsection .form-row .form-group ul li {
  margin-bottom: 11px;
  width: 100%;
}
.widgetBox .emotionBlocks .formsection .form-row .form-group ul li:hover .emotionMoveIcon {
  visibility: visible !important;
}
.widgetBox .emotionBlocks .formsection .form-row .form-group ul li:hover .dropdown {
  visibility: visible !important;
}
.widgetBox .emotionBlocks .formsection .form-row .form-group ul li .emotionBlock .customBgBtn {
  padding: 4.5px 10px;
  color: #110a1a;
  font-size: 13px;
  position: relative;
  width: 100%;
  border-radius: 3px;
  display: block;
}
.widgetBox .emotionBlocks .formsection .form-row .form-group ul li .emotionBlock .emotionMoveIcon {
  left: -1px;
  font-size: 13px;
  color: #fff;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  background: #2d2637;
  padding: 6px 9px;
  position: absolute;
  top: -2px;
  visibility: hidden;
}
.widgetBox .emotionBlocks .formsection .form-row .form-group ul li .emotionBlock .emotionName {
  display: block;
  width: 100%;
  height: 19px;
  font-weight: 600;
}
.widgetBox .emotionBlocks .formsection .form-row .form-group ul li .emotionBlock .dropdown {
  background: #2d2637;
  padding: 3px 6px;
  position: absolute;
  top: -2px;
  visibility: hidden;
  right: -1px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.widgetBox .emotionBlocks .formsection .form-row .form-group ul li .emotionBlock .dropdown .dropdown-toggle {
  display: block;
  height: 25px !important;
  padding: 0px !important;
  color: #7b6c8f;
}
.widgetBox .emotionBlocks .formsection .form-row .form-group ul li .emotionBlock .dropdown .dropdown-toggle img {
  margin: -5px 0 0 0;
  height: 20px;
}
.widgetBox .emotionBlocks .formsection .form-row .form-group ul li .emotionBlock .dropdown .dropdown-toggle:after {
  border: none;
}
.widgetBox .emotionBlocks .formsection .form-row .form-group ul li .emotionBlock .dropdown .dropdown-menu {
  border: 1px solid #000;
  background: #26202e !important;
  padding: 0px !important;
  border-radius: 0px;
  z-index: 10;
  font-family: "Inter", sans-serif;
  min-width: 110px;
  transform: translate3d(-95px, 13px, 0px) !important;
}
.widgetBox .emotionBlocks .formsection .form-row .form-group ul li .emotionBlock .dropdown .dropdown-menu a {
  text-align: left !important;
  width: 100% !important;
  display: block !important;
  font-size: 13px !important;
  padding: 4px 11px !important;
  font-weight: 600 !important;
  border-bottom: 1px solid #000 !important;
  color: #fff;
  line-height: 19px;
  cursor: pointer;
}
.widgetBox .emotionBlocks .formsection .form-row .form-group ul li .emotionBlock .dropdown .dropdown-menu a:hover, .widgetBox .emotionBlocks .formsection .form-row .form-group ul li .emotionBlock .dropdown .dropdown-menu a:focus, .widgetBox .emotionBlocks .formsection .form-row .form-group ul li .emotionBlock .dropdown .dropdown-menu a:active {
  background: #3f3449 !important;
}
.widgetBox .emotionBlocks .formsection .form-row .form-group ul li .emotionBlock .dropdown .dropdown-menu a.delete:hover {
  background: #B11E27 !important;
}
.widgetBox .emotionBlocks .formsection .form-row .form-group ul li .emotionBlock .dropdown .dropdown-menu a.deactivate:hover {
  background: #ae6725 !important;
}
.widgetBox .emotionBlocks .formsection .form-row .form-group ul li .emotionBlock .dropdown .dropdown-menu a.activate:hover {
  background: #0ba32d !important;
}
.widgetBox .iconsBlocks {
  width: 100%;
  border: 1px solid #2d2637;
  border-radius: 2px;
  margin-bottom: 10px;
}
.widgetBox .iconsBlocks:hover p.icontopsection .sortIcon {
  visibility: visible;
}
.widgetBox .iconsBlocks p.icontopsection {
  background: #1f1829;
  color: #7b6c8f;
  font-size: 13px;
  padding: 7px;
}
.widgetBox .iconsBlocks p.icontopsection span {
  text-align: center;
  display: inline-block;
  margin: 0 auto;
  width: 50%;
}
.widgetBox .iconsBlocks p.icontopsection .sortIcon {
  float: left;
  visibility: hidden;
  margin: 5px 0px 0px 0px;
  cursor: pointer;
  width: 25%;
}
.widgetBox .iconsBlocks p.icontopsection .trashIcon {
  float: right;
  cursor: pointer;
  margin: 4px 0px 0px 0px;
  width: 25%;
  text-align: center;
}
.widgetBox .iconsBlocks .formsection {
  width: 100%;
  padding: 5px;
}
.widgetBox .iconsBlocks .formsection .form-row {
  margin: 0px;
}
.widgetBox .iconsBlocks .formsection .form-row .form-group {
  padding: 0px;
  margin: 0px;
  text-align: left;
}
.widgetBox .iconsBlocks .formsection .form-row .form-group .iconSelect .selectedicon {
  display: inline-block;
  width: 30px;
  height: 30px;
  float: left;
  line-height: 25px;
  padding: 0px;
}
.widgetBox .iconsBlocks .formsection .form-row .form-group .iconSelect .selectBtn {
  float: left;
  width: auto;
}
.widgetBox .iconsBlocks .formsection .form-row .form-group .iconSelect .selectBtn button {
  margin: 2px 5px;
  padding-left: 15px;
  padding-right: 15px;
}
.widgetBox .iconsBlocks .formsection .form-row .form-group label {
  font-size: 13px;
  font-weight: 500;
  color: #7b6c8f;
}
.widgetBox .KPIBlocks {
  width: 100%;
  border: 1px solid #2d2637;
  border-radius: 2px;
  margin-bottom: 0px;
}
.widgetBox .KPIBlocks:hover p.icontopsection .sortIcon {
  visibility: visible;
}
.widgetBox .KPIBlocks p.icontopsection {
  background: #1f1829;
  color: #7b6c8f;
  font-size: 13px;
  padding: 7px;
}
.widgetBox .KPIBlocks p.icontopsection span {
  text-align: center;
  display: inline-block;
  margin: 0 auto;
  width: 50%;
}
.widgetBox .KPIBlocks p.icontopsection .sortIcon {
  float: left;
  visibility: hidden;
  margin: 5px 0px 0px 0px;
  cursor: pointer;
  width: 25%;
}
.widgetBox .KPIBlocks p.icontopsection .trashIcon {
  float: right;
  cursor: pointer;
  margin: 4px 0px 0px 0px;
  width: 25%;
  text-align: center;
}
.widgetBox .KPIBlocks .formsection {
  width: 100%;
  padding: 5px;
}
.widgetBox .KPIBlocks .formsection .form-row {
  margin: 0px;
}
.widgetBox .KPIBlocks .formsection .form-row .form-group {
  padding: 0px;
  margin: 0px;
  text-align: left;
}
.widgetBox .KPIBlocks .formsection .form-row .form-group label {
  font-size: 13px;
  font-weight: 500;
  color: #7b6c8f;
}
.widgetBox .KPIBlocks .formsection .form-row .form-group .form-control {
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
  border: 1px solid #000;
  background: #1f1829 !important;
  padding: 5px 5px 5px 8px !important;
  font-weight: 600;
  font-size: 13px;
  color: #fff;
}
.widgetBox .KPIBlocks .formsection .form-row .form-group .form-control.m-select-dropdown-sm {
  height: 35px !important;
  padding: 10px 8px !important;
}
.widgetBox .KPIBlocks .formsection .form-row .form-group .form-control.m-select-dropdown-sm button {
  padding: 10px 0px !important;
  font-size: 13px !important;
  margin-top: -8px !important;
  background: #1e1728;
}
.widgetBox .KPIBlocks .formsection .form-row .form-group .form-control.m-select-dropdown-sm button .filter-option .filter-option-inner .filter-option-inner-inner i.fa-long-arrow-up:before {
  color: #368651;
}
.widgetBox .KPIBlocks .formsection .form-row .form-group .form-control.m-select-dropdown-sm button .filter-option .filter-option-inner .filter-option-inner-inner i.fa-long-arrow-right:before {
  color: #cba10b;
}
.widgetBox .KPIBlocks .formsection .form-row .form-group .form-control.m-select-dropdown-sm button .filter-option .filter-option-inner .filter-option-inner-inner i.fa-long-arrow-down:before {
  color: #e41b2e;
}
.widgetBox .KPIBlocks .formsection .form-row .form-group .form-control.m-select-dropdown-sm .dropdown-toggle:after {
  right: 10px;
  border: none;
  top: 6px;
}
.widgetBox .KPIBlocks .formsection .form-row .form-group .form-control.m-select-dropdown-sm .dropdown-menu {
  left: -8px !important;
}
.widgetBox .KPIBlocks .formsection .form-row .form-group .form-control.m-select-dropdown-sm .dropdown-menu li a span.fa-long-arrow-up:before {
  color: #368651;
}
.widgetBox .KPIBlocks .formsection .form-row .form-group .form-control.m-select-dropdown-sm .dropdown-menu li a span.fa-long-arrow-right:before {
  color: #cba10b;
}
.widgetBox .KPIBlocks .formsection .form-row .form-group .form-control.m-select-dropdown-sm .dropdown-menu li a span.fa-long-arrow-down:before {
  color: #e41b2e;
}
.widgetBox .KPIBlocks .formsection .form-row .form-group .form-control.m-select-dropdown-sm .dropdown-menu .bs-actionsbox {
  background: #26202e !important;
}
.widgetBox .KPIBlocks .formsection .form-row .form-group .form-control.m-select-dropdown-sm .dropdown-menu .bs-actionsbox button {
  background: transparent;
  border: none;
  color: #fff;
  padding: 5px 0px 0px 0px !important;
  text-align: left;
}
.widgetBox .quotesBlocks {
  width: 100%;
  margin-bottom: 11px;
}
.widgetBox .quotesBlocks .formsection {
  width: 100%;
  padding: 0px;
  margin: 0px;
}
.widgetBox .quotesBlocks .formsection .form-row {
  margin: 0px;
  margin-bottom: 10px;
}
.widgetBox .quotesBlocks .formsection .form-row.bdrbtm {
  border-bottom: solid 2px #262626;
}
.widgetBox .quotesBlocks .formsection .form-row .carosel {
  position: relative;
  margin-bottom: 11px;
  width: 90px;
  background: #262626;
}
.widgetBox .quotesBlocks .formsection .form-row .carosel i {
  width: 15%;
}
.widgetBox .quotesBlocks .formsection .form-row .carosel .carousel-control-next-icon,
.widgetBox .quotesBlocks .formsection .form-row .carosel .carousel-control-prev-icon {
  background: none;
  margin-top: -5px;
}
.widgetBox .quotesBlocks .formsection .form-row .carosel p {
  margin: 0px;
  font-size: 13px;
  background: #110a1a;
}
.widgetBox .quotesBlocks .formsection .form-row .form-group {
  padding: 0px;
  margin: 0px;
  text-align: left;
}
.widgetBox .quotesBlocks .formsection .form-row .form-group label {
  font-size: 13px;
  font-weight: 500;
  color: #7b6c8f;
}
.widgetBox .quotesBlocks .formsection .form-row .form-group textarea.form-control {
  max-height: 100%;
  min-height: 100px;
}
.widgetBox .quotesBlocks .formsection .form-row .form-group .form-control.m-select-dropdown-sm {
  height: 35px !important;
  padding: 10px 8px !important;
}
.widgetBox .quotesBlocks .formsection .form-row .form-group .form-control.m-select-dropdown-sm button {
  padding: 10px 0px !important;
  font-size: 13px !important;
  margin-top: -8px !important;
  background: #1e1728;
}
.widgetBox .quotesBlocks .formsection .form-row .form-group .form-control.m-select-dropdown-sm button .filter-option .filter-option-inner {
  font-size: 13px;
}
.widgetBox .quotesBlocks .formsection .form-row .form-group .form-control.m-select-dropdown-sm button .filter-option .filter-option-inner img {
  width: 14px;
  margin-right: 5px;
}
.widgetBox .quotesBlocks .formsection .form-row .form-group .form-control.m-select-dropdown-sm .dropdown-toggle:after {
  right: 10px;
  border: none;
  top: 6px;
}
.widgetBox .quotesBlocks .formsection .form-row .form-group .form-control.m-select-dropdown-sm .dropdown-menu li a img {
  width: 14px;
}
.widgetBox .quotesBlocks .formsection .form-row .form-group .form-control.m-select-dropdown-sm .dropdown-menu li a span.fa-long-arrow-up:before {
  color: #368651;
}
.widgetBox .quotesBlocks .formsection .form-row .form-group .form-control.m-select-dropdown-sm .dropdown-menu li a span.fa-long-arrow-right:before {
  color: #cba10b;
}
.widgetBox .quotesBlocks .formsection .form-row .form-group .form-control.m-select-dropdown-sm .dropdown-menu li a span.fa-long-arrow-down:before {
  color: #e41b2e;
}
.widgetBox .quotesBlocks .formsection .form-row .form-group .form-control.m-select-dropdown-sm .dropdown-menu .bs-actionsbox {
  background: #26202e !important;
}
.widgetBox .quotesBlocks .formsection .form-row .form-group .form-control.m-select-dropdown-sm .dropdown-menu .bs-actionsbox button {
  background: transparent;
  border: none;
  color: #fff;
  padding: 5px 0px 0px 0px !important;
  text-align: left;
}

.widgetBoxMain {
  padding-left: 7.5px;
  padding-right: 7.5px;
  margin-bottom: 15px;
}
.widgetBoxMain:hover p span.widgetSort i {
  visibility: visible !important;
}
.widgetBoxMain .widgetDispayBox {
  background: #110a1a;
}
.widgetBoxMain .widgetDispayBox .widgetHeading {
  height: 30px;
  border-bottom: solid 2px #3f3449;
  position: relative;
}
.widgetBoxMain .widgetDispayBox .widgetHeading p {
  text-align: center;
  margin: 0px;
  padding: 0px;
  font-size: 12px;
  line-height: 30px;
  font-weight: bold;
}
.widgetBoxMain .widgetDispayBox .widgetHeading p span.widgetSort {
  position: absolute;
  left: 0px;
  width: 30px;
}
.widgetBoxMain .widgetDispayBox .widgetHeading p span.widgetSort i {
  visibility: hidden;
  color: #7b6c8f;
}
.widgetBoxMain .widgetDispayBox .widgetHeading p span.milkyDotsmenu {
  width: 30px;
  height: 28px;
  top: 0px;
  right: 0px;
}
.widgetBoxMain .widgetDispayBox .widgetHeading p span.milkyDotsmenu img {
  width: 6px;
  margin-top: 0px;
}
.widgetBoxMain .widgetDispayBox .widgetHeading p span.milkyDotsmenu .dropdown span {
  width: 30px;
  height: 28px;
  display: block;
  margin-top: 0px;
  margin-left: 0px;
}
.widgetBoxMain .widgetDispayBox .widgetHeading p span.milkyDotsmenu .dropdown-menu {
  z-index: 100;
  background: #26202e;
  padding: 0px;
  border-radius: 0px;
  right: 0px !important;
  left: -58px !important;
  transform: translate3d(-96px, 0px, 0px) !important;
}
.widgetBoxMain .widgetDispayBox .widgetHeading p span.milkyDotsmenu .dropdown-menu a {
  padding: 0px 8px !important;
  cursor: pointer;
  font-family: "Inter", sans-serif;
}
.widgetBoxMain .widgetDispayBox .widgetHeading p span.milkyDotsmenu .dropdown-menu a:hover {
  color: #fff;
  cursor: pointer;
}

.mt-11 {
  margin-top: 11px !important;
}

.mb-11 {
  margin-bottom: 11px !important;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.textwidgetPresentdata p {
  font-size: 13px;
  color: #fff;
  text-align: left;
  margin: 0px;
}

.emotionwidgetPresentdata ul.emotionListView {
  margin: 0px;
  padding: 0px;
}
.emotionwidgetPresentdata ul.emotionListView li:nth-last-child(1) {
  margin-bottom: 0px;
}
.emotionwidgetPresentdata ul.emotionListView li {
  margin-bottom: 11px;
}
.emotionwidgetPresentdata ul.emotionListView li a {
  width: 100%;
  font-size: 13px;
  font-weight: 600;
  padding: 4.5px;
}
.emotionwidgetPresentdata ul.emotionListView li a .emotionMoveIcon {
  display: none;
}

.fileswidgetPresentdata ul {
  margin: 0px;
  padding: 0px;
}
.fileswidgetPresentdata ul li:nth-last-child(1) {
  margin-bottom: 0px;
}
.fileswidgetPresentdata ul li {
  margin-bottom: 5px;
  padding: 5px;
}
.fileswidgetPresentdata ul li:hover {
  background: #372e43;
  cursor: pointer;
}
.fileswidgetPresentdata ul li h5 {
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  margin: 0px;
  text-overflow: ellipsis;
}
.fileswidgetPresentdata ul li h5 a {
  width: 100%;
  font-size: 13px;
  color: #c2b8d0;
}
.fileswidgetPresentdata ul li small {
  font-size: 10px;
  text-align: left;
  width: 100%;
  float: left;
  color: #7b6c8f;
}

.dimensionswidgetPresentdata .form-row {
  margin-bottom: 10px;
  margin-right: 0px;
  margin-left: 0px;
}
.dimensionswidgetPresentdata .form-row .form-group {
  margin: 0px;
}
.dimensionswidgetPresentdata .form-row .form-group ul.brandsDispaly div li:nth-last-child(1) {
  margin-bottom: 0px;
}
.dimensionswidgetPresentdata .form-row .form-group ul.brandsDispaly div li {
  background: #fff;
  height: 30px;
  padding: 0px 5px;
  margin-bottom: 11px;
}
.dimensionswidgetPresentdata .form-row .form-group ul.brandsDispaly div li i {
  display: none;
}
.dimensionswidgetPresentdata .form-row .form-group ul.brandsDispaly div li img {
  height: 30px;
  padding: 3px;
  object-fit: contain;
}
.dimensionswidgetPresentdata .form-row .form-group label {
  font-size: 13px;
  font-weight: 500;
  text-align: left;
  width: 100%;
  margin-bottom: 5px;
}
.dimensionswidgetPresentdata .form-row .form-group p {
  font-size: 12px;
  font-weight: 400;
  color: #c2b8d0;
  margin: 0px;
  text-align: left;
  line-height: 18px;
}

.iconswidgetPresentdata .iconListview:nth-last-child(1) {
  margin-bottom: 0px;
}
.iconswidgetPresentdata .iconListview {
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: 400;
}
.iconswidgetPresentdata .iconListview i {
  font-size: 15px;
  width: 20px;
}
.iconswidgetPresentdata .iconListview span {
  margin-left: 5px;
}

.kpiwidgetPresentdata {
  float: left;
  background: #110a1a;
  width: 100%;
}
.kpiwidgetPresentdata .widgetData {
  float: left;
  width: 100%;
}
.kpiwidgetPresentdata .widgetData ul {
  float: left;
  width: 100%;
}
.kpiwidgetPresentdata .widgetData ul li:nth-last-child(1) {
  margin-bottom: 0px;
}
.kpiwidgetPresentdata .widgetData ul li {
  font-size: 13px;
  margin-bottom: 10px;
  float: left;
}
.kpiwidgetPresentdata .widgetData ul li span {
  float: left;
}
.kpiwidgetPresentdata .widgetData ul li span.kpiName {
  width: 65%;
  text-align: left;
  font-weight: 400;
}
.kpiwidgetPresentdata .widgetData ul li span.kpiValue {
  width: 20%;
  text-align: right;
}
.kpiwidgetPresentdata .widgetData ul li span.kpiStatus {
  width: 15%;
  text-align: right;
}
.kpiwidgetPresentdata .widgetData ul li.greentxt {
  color: #fff;
}
.kpiwidgetPresentdata .widgetData ul li.greentxt span.kpiValue {
  color: #31be3d;
}
.kpiwidgetPresentdata .widgetData ul li.greentxt span.kpiStatus {
  color: #31be3d;
}
.kpiwidgetPresentdata .widgetData ul li.orangetxt {
  color: #fff;
}
.kpiwidgetPresentdata .widgetData ul li.orangetxt span.kpiValue {
  color: #f59e36;
}
.kpiwidgetPresentdata .widgetData ul li.orangetxt span.kpiStatus {
  color: #f59e36;
}
.kpiwidgetPresentdata .widgetData ul li.redtxt {
  color: #fff;
}
.kpiwidgetPresentdata .widgetData ul li.redtxt span.kpiValue {
  color: #e41b2e;
}
.kpiwidgetPresentdata .widgetData ul li.redtxt span.kpiStatus {
  color: #e41b2e;
}

.quoteswidgetPresentdata .widgetData .form-row {
  margin-left: 0px;
  margin-right: 0px;
}
.quoteswidgetPresentdata .widgetData .form-row.bdrbtm {
  border-bottom: solid 2px #262626;
}
.quoteswidgetPresentdata .widgetData .form-row.arrowicons {
  position: relative;
  margin-bottom: 11px;
}
.quoteswidgetPresentdata .widgetData .form-row.arrowicons .carosel {
  width: 90px;
  background: #262626;
  margin-bottom: 11px;
  position: relative;
}
.quoteswidgetPresentdata .widgetData .form-row.arrowicons p {
  width: 100%;
  text-align: center;
  font-size: 13px;
  margin: 0px;
}
.quoteswidgetPresentdata .widgetData .form-row a.carousel-control-prev .carousel-control-prev-icon {
  background: none !important;
  margin-top: -5px;
  text-align: center;
}
.quoteswidgetPresentdata .widgetData .form-row a.carousel-control-next .carousel-control-next-icon {
  background: none !important;
  margin-top: -5px;
  text-align: center;
}
.quoteswidgetPresentdata .widgetData .form-row .carousel-inner .carousel-item .form-row {
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
.quoteswidgetPresentdata .widgetData .form-row .carousel-inner .carousel-item .form-row .form-group {
  padding: 0px;
  margin: 0px;
}
.quoteswidgetPresentdata .widgetData .form-row .carousel-inner .carousel-item .form-row .form-group p.quoteTitle {
  color: #fff;
  font-size: 13px;
}
.quoteswidgetPresentdata .widgetData .form-row .carousel-inner .carousel-item .form-row .form-group p.selectedSentiment {
  color: #fff;
  font-size: 13px;
}
.quoteswidgetPresentdata .widgetData .form-row .carousel-inner .carousel-item .form-row .form-group p.selectedSentiment span.greenColor {
  color: #31be3d;
}
.quoteswidgetPresentdata .widgetData .form-row .carousel-inner .carousel-item .form-row .form-group p.selectedSentiment span.redColor {
  color: #e41b2e;
}
.quoteswidgetPresentdata .widgetData .form-row .carousel-inner .carousel-item .form-row .form-group p.selectedSentiment span.orangeColor {
  color: #f59e36;
}
.quoteswidgetPresentdata .widgetData .form-row .carousel-inner .carousel-item .form-row .form-group p.selectedSentiment img {
  float: right;
  width: 15px;
}
.quoteswidgetPresentdata .widgetData .form-row .carousel-inner .carousel-item .form-row .form-group p.quoteDescription {
  color: #fff;
  font-size: 13px;
  margin: 0px;
}
.quoteswidgetPresentdata .widgetData .formsection {
  width: 100%;
  padding: 0px;
}

.form-group {
  padding: 0px;
  margin: 0px;
}
.form-group p.quoteTitle {
  color: #fff;
  font-size: 13px;
  margin-bottom: 0px;
  font-weight: 400;
}
.form-group p.selectedSentiment {
  color: #fff;
  font-size: 13px;
  margin: 0px;
}
.form-group p.selectedSentiment span.greenColor {
  color: #31be3d;
}
.form-group p.selectedSentiment span.redColor {
  color: #e41b2e;
}
.form-group p.selectedSentiment span.orangeColor {
  color: #f59e36;
}
.form-group p.selectedSentiment img {
  float: right;
  width: 15px;
}
.form-group p.quoteDescription {
  color: #fff;
  font-size: 13px;
  margin: 0px;
}

.insightPresentPad {
  padding: 20px 20px;
}
.insightPresentPad .insightwidgetBoxMain {
  margin-bottom: 12px;
}
.insightPresentPad .insightwidgetBoxMain:nth-last-child(1) {
  margin-bottom: 0px;
}

.insightEditPad {
  padding: 0px 20px;
}
.insightEditPad .insightwidgetBoxMain {
  margin-bottom: 12px;
}
.insightEditPad .insightwidgetBoxMain:nth-last-child(1) {
  margin-bottom: 0px;
}
.insightEditPad .insightwidgetBoxMain:nth-child(1) {
  margin-top: 20px;
}

.bdr-none {
  border: none !important;
}

.display_Inblock {
  display: inline-block;
}

.LCKPIWidgets .col-12 .widgetBox:nth-last-child(1) .KPIBlocks {
  margin-bottom: 8px;
}

/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Mixins ******************/
/*************** 1. Imports ******************/
/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Mixins ******************/
/*----Insights-----*/
.insightBlock {
  width: 100%;
  display: block;
  padding: 50px 28px 50px 5px;
}
.insightBlock.noBottomSpace {
  padding-bottom: 0px !important;
}
.insightBlock .insightsMainblock {
  position: sticky;
  background: #110a1a;
  z-index: 100;
}
.insightBlock .insightsTopspace {
  max-height: 100vh;
}

.insightFiltermargin {
  margin-bottom: 25px !important;
}

.insightDatatable.actioncontroltable table tbody tr th:nth-child(1),
.insightDatatable.actioncontroltable table tbody tr td:nth-child(1),
.insightDatatable.actioncontroltable table thead tr th:nth-child(1),
.insightDatatable.actioncontroltable table thead tr td:nth-child(1) {
  width: 350px;
}
.insightDatatable.actioncontroltable table tbody tr th:nth-child(2),
.insightDatatable.actioncontroltable table tbody tr td:nth-child(2),
.insightDatatable.actioncontroltable table thead tr th:nth-child(2),
.insightDatatable.actioncontroltable table thead tr td:nth-child(2) {
  width: 66px;
}
.insightDatatable.actioncontroltable table tbody tr th:nth-child(3),
.insightDatatable.actioncontroltable table tbody tr td:nth-child(3),
.insightDatatable.actioncontroltable table thead tr th:nth-child(3),
.insightDatatable.actioncontroltable table thead tr td:nth-child(3) {
  width: 66px;
}
.insightDatatable.actioncontroltable table tbody tr th:nth-child(4),
.insightDatatable.actioncontroltable table tbody tr td:nth-child(4),
.insightDatatable.actioncontroltable table thead tr th:nth-child(4),
.insightDatatable.actioncontroltable table thead tr td:nth-child(4) {
  width: 132px;
}
.insightDatatable.actioncontroltable table tbody tr th:nth-child(5),
.insightDatatable.actioncontroltable table tbody tr td:nth-child(5),
.insightDatatable.actioncontroltable table thead tr th:nth-child(5),
.insightDatatable.actioncontroltable table thead tr td:nth-child(5) {
  width: 100px;
}
.insightDatatable.actioncontroltable table tbody tr th:nth-child(6),
.insightDatatable.actioncontroltable table tbody tr td:nth-child(6),
.insightDatatable.actioncontroltable table thead tr th:nth-child(6),
.insightDatatable.actioncontroltable table thead tr td:nth-child(6) {
  width: 84px;
}
.insightDatatable.actioncontroltable table tbody tr th:nth-child(7),
.insightDatatable.actioncontroltable table tbody tr td:nth-child(7),
.insightDatatable.actioncontroltable table thead tr th:nth-child(7),
.insightDatatable.actioncontroltable table thead tr td:nth-child(7) {
  overflow: visible;
  width: 34px;
  float: right;
}
.insightDatatable.inSightEditmapmodal table tbody tr th:nth-child(1),
.insightDatatable.inSightEditmapmodal table tbody tr td:nth-child(1),
.insightDatatable.inSightEditmapmodal table thead tr th:nth-child(1),
.insightDatatable.inSightEditmapmodal table thead tr td:nth-child(1) {
  width: 24%;
}
.insightDatatable.inSightEditmapmodal table tbody tr th:nth-child(2),
.insightDatatable.inSightEditmapmodal table tbody tr td:nth-child(2),
.insightDatatable.inSightEditmapmodal table thead tr th:nth-child(2),
.insightDatatable.inSightEditmapmodal table thead tr td:nth-child(2) {
  width: 8%;
}
.insightDatatable.inSightEditmapmodal table tbody tr th:nth-child(3),
.insightDatatable.inSightEditmapmodal table tbody tr td:nth-child(3),
.insightDatatable.inSightEditmapmodal table thead tr th:nth-child(3),
.insightDatatable.inSightEditmapmodal table thead tr td:nth-child(3) {
  width: 8%;
}
.insightDatatable.inSightEditmapmodal table tbody tr th:nth-child(4),
.insightDatatable.inSightEditmapmodal table tbody tr td:nth-child(4),
.insightDatatable.inSightEditmapmodal table thead tr th:nth-child(4),
.insightDatatable.inSightEditmapmodal table thead tr td:nth-child(4) {
  width: 11%;
}
.insightDatatable.inSightEditmapmodal table tbody tr th:nth-child(5),
.insightDatatable.inSightEditmapmodal table tbody tr td:nth-child(5),
.insightDatatable.inSightEditmapmodal table thead tr th:nth-child(5),
.insightDatatable.inSightEditmapmodal table thead tr td:nth-child(5) {
  width: 11%;
}
.insightDatatable.inSightEditmapmodal table tbody tr th:nth-child(6),
.insightDatatable.inSightEditmapmodal table tbody tr td:nth-child(6),
.insightDatatable.inSightEditmapmodal table thead tr th:nth-child(6),
.insightDatatable.inSightEditmapmodal table thead tr td:nth-child(6) {
  width: 10%;
}
.insightDatatable.inSightEditmapmodal table tbody tr th:nth-child(7),
.insightDatatable.inSightEditmapmodal table tbody tr td:nth-child(7),
.insightDatatable.inSightEditmapmodal table thead tr th:nth-child(7),
.insightDatatable.inSightEditmapmodal table thead tr td:nth-child(7) {
  width: 10%;
}
.insightDatatable.inSightEditmapmodal table tbody tr th:nth-child(8),
.insightDatatable.inSightEditmapmodal table tbody tr td:nth-child(8),
.insightDatatable.inSightEditmapmodal table thead tr th:nth-child(8),
.insightDatatable.inSightEditmapmodal table thead tr td:nth-child(8) {
  width: 7%;
}
.insightDatatable.inSightEditmapmodal table tbody tr th:nth-child(9),
.insightDatatable.inSightEditmapmodal table tbody tr td:nth-child(9),
.insightDatatable.inSightEditmapmodal table thead tr th:nth-child(9),
.insightDatatable.inSightEditmapmodal table thead tr td:nth-child(9) {
  width: 7%;
}
.insightDatatable.inSightEditmapmodal table tbody tr th:nth-child(10),
.insightDatatable.inSightEditmapmodal table tbody tr td:nth-child(10),
.insightDatatable.inSightEditmapmodal table thead tr th:nth-child(10),
.insightDatatable.inSightEditmapmodal table thead tr td:nth-child(10) {
  width: 4%;
  overflow: visible;
}
.insightDatatable.inSightNewTable table tbody tr th:nth-child(1),
.insightDatatable.inSightNewTable table tbody tr td:nth-child(1),
.insightDatatable.inSightNewTable table thead tr th:nth-child(1),
.insightDatatable.inSightNewTable table thead tr td:nth-child(1) {
  width: 20%;
}
@media (min-width: 1200px) and (max-width: 1599px) {
  .insightDatatable.inSightNewTable table tbody tr th:nth-child(1),
.insightDatatable.inSightNewTable table tbody tr td:nth-child(1),
.insightDatatable.inSightNewTable table thead tr th:nth-child(1),
.insightDatatable.inSightNewTable table thead tr td:nth-child(1) {
    width: 19%;
  }
}
@media (min-width: 2000px) and (max-width: 2500px) {
  .insightDatatable.inSightNewTable table tbody tr th:nth-child(1),
.insightDatatable.inSightNewTable table tbody tr td:nth-child(1),
.insightDatatable.inSightNewTable table thead tr th:nth-child(1),
.insightDatatable.inSightNewTable table thead tr td:nth-child(1) {
    width: 23% !important;
  }
}
@media (min-width: 2501px) and (max-width: 4000px) {
  .insightDatatable.inSightNewTable table tbody tr th:nth-child(1),
.insightDatatable.inSightNewTable table tbody tr td:nth-child(1),
.insightDatatable.inSightNewTable table thead tr th:nth-child(1),
.insightDatatable.inSightNewTable table thead tr td:nth-child(1) {
    width: 28% !important;
  }
}
.insightDatatable.inSightNewTable table tbody tr th:nth-child(2),
.insightDatatable.inSightNewTable table tbody tr td:nth-child(2),
.insightDatatable.inSightNewTable table thead tr th:nth-child(2),
.insightDatatable.inSightNewTable table thead tr td:nth-child(2) {
  width: 9%;
}
@media (min-width: 1200px) and (max-width: 1599px) {
  .insightDatatable.inSightNewTable table tbody tr th:nth-child(2),
.insightDatatable.inSightNewTable table tbody tr td:nth-child(2),
.insightDatatable.inSightNewTable table thead tr th:nth-child(2),
.insightDatatable.inSightNewTable table thead tr td:nth-child(2) {
    width: 10%;
  }
}
.insightDatatable.inSightNewTable table tbody tr th:nth-child(4),
.insightDatatable.inSightNewTable table tbody tr td:nth-child(4),
.insightDatatable.inSightNewTable table thead tr th:nth-child(4),
.insightDatatable.inSightNewTable table thead tr td:nth-child(4) {
  width: 7.5% !important;
  padding-left: 6px !important;
}
@media (min-width: 2000px) and (max-width: 2500px) {
  .insightDatatable.inSightNewTable table tbody tr th:nth-child(4),
.insightDatatable.inSightNewTable table tbody tr td:nth-child(4),
.insightDatatable.inSightNewTable table thead tr th:nth-child(4),
.insightDatatable.inSightNewTable table thead tr td:nth-child(4) {
    width: 7% !important;
  }
}
.insightDatatable.inSightNewTable table tbody tr th:nth-child(5),
.insightDatatable.inSightNewTable table tbody tr td:nth-child(5),
.insightDatatable.inSightNewTable table thead tr th:nth-child(5),
.insightDatatable.inSightNewTable table thead tr td:nth-child(5) {
  width: 7.5% !important;
  padding-left: 6px !important;
}
@media (min-width: 2000px) and (max-width: 2500px) {
  .insightDatatable.inSightNewTable table tbody tr th:nth-child(5),
.insightDatatable.inSightNewTable table tbody tr td:nth-child(5),
.insightDatatable.inSightNewTable table thead tr th:nth-child(5),
.insightDatatable.inSightNewTable table thead tr td:nth-child(5) {
    width: 7% !important;
  }
}
.insightDatatable.inSightNewTable table tbody tr th:nth-child(6),
.insightDatatable.inSightNewTable table tbody tr td:nth-child(6),
.insightDatatable.inSightNewTable table thead tr th:nth-child(6),
.insightDatatable.inSightNewTable table thead tr td:nth-child(6) {
  width: 7.5% !important;
  padding-left: 6px !important;
}
@media (min-width: 2000px) and (max-width: 2500px) {
  .insightDatatable.inSightNewTable table tbody tr th:nth-child(6),
.insightDatatable.inSightNewTable table tbody tr td:nth-child(6),
.insightDatatable.inSightNewTable table thead tr th:nth-child(6),
.insightDatatable.inSightNewTable table thead tr td:nth-child(6) {
    width: 7% !important;
  }
}
.insightDatatable.inSightNewTable table tbody tr th:nth-child(7),
.insightDatatable.inSightNewTable table tbody tr td:nth-child(7),
.insightDatatable.inSightNewTable table thead tr th:nth-child(7),
.insightDatatable.inSightNewTable table thead tr td:nth-child(7) {
  width: 7.5% !important;
  padding-left: 6px !important;
}
@media (min-width: 2000px) and (max-width: 2500px) {
  .insightDatatable.inSightNewTable table tbody tr th:nth-child(7),
.insightDatatable.inSightNewTable table tbody tr td:nth-child(7),
.insightDatatable.inSightNewTable table thead tr th:nth-child(7),
.insightDatatable.inSightNewTable table thead tr td:nth-child(7) {
    width: 7% !important;
  }
}
.insightDatatable.inSightNewTable table tbody tr th:nth-child(8),
.insightDatatable.inSightNewTable table tbody tr td:nth-child(8),
.insightDatatable.inSightNewTable table thead tr th:nth-child(8),
.insightDatatable.inSightNewTable table thead tr td:nth-child(8) {
  width: 7.5% !important;
  padding-left: 6px !important;
}
@media (min-width: 2000px) and (max-width: 2500px) {
  .insightDatatable.inSightNewTable table tbody tr th:nth-child(8),
.insightDatatable.inSightNewTable table tbody tr td:nth-child(8),
.insightDatatable.inSightNewTable table thead tr th:nth-child(8),
.insightDatatable.inSightNewTable table thead tr td:nth-child(8) {
    width: 7% !important;
  }
}
.insightDatatable.inSightNewTable table tbody tr th:nth-child(9),
.insightDatatable.inSightNewTable table tbody tr td:nth-child(9),
.insightDatatable.inSightNewTable table thead tr th:nth-child(9),
.insightDatatable.inSightNewTable table thead tr td:nth-child(9) {
  width: 7.5% !important;
  padding-left: 6px !important;
}
@media (min-width: 2000px) and (max-width: 2500px) {
  .insightDatatable.inSightNewTable table tbody tr th:nth-child(9),
.insightDatatable.inSightNewTable table tbody tr td:nth-child(9),
.insightDatatable.inSightNewTable table thead tr th:nth-child(9),
.insightDatatable.inSightNewTable table thead tr td:nth-child(9) {
    width: 7% !important;
  }
}
.insightDatatable.inSightNewTable table tbody tr th:nth-child(10),
.insightDatatable.inSightNewTable table tbody tr td:nth-child(10),
.insightDatatable.inSightNewTable table thead tr th:nth-child(10),
.insightDatatable.inSightNewTable table thead tr td:nth-child(10) {
  width: 7%;
  padding-left: 6px !important;
}
@media (min-width: 2000px) and (max-width: 2500px) {
  .insightDatatable.inSightNewTable table tbody tr th:nth-child(10),
.insightDatatable.inSightNewTable table tbody tr td:nth-child(10),
.insightDatatable.inSightNewTable table thead tr th:nth-child(10),
.insightDatatable.inSightNewTable table thead tr td:nth-child(10) {
    width: 7% !important;
  }
}
@media (min-width: 2501px) and (max-width: 4000px) {
  .insightDatatable.inSightNewTable table tbody tr th:nth-child(10),
.insightDatatable.inSightNewTable table tbody tr td:nth-child(10),
.insightDatatable.inSightNewTable table thead tr th:nth-child(10),
.insightDatatable.inSightNewTable table thead tr td:nth-child(10) {
    width: 5% !important;
  }
}
.insightDatatable.inSightNewTable table tbody tr th:nth-child(11),
.insightDatatable.inSightNewTable table tbody tr td:nth-child(11),
.insightDatatable.inSightNewTable table thead tr th:nth-child(11),
.insightDatatable.inSightNewTable table thead tr td:nth-child(11) {
  width: 7% !important;
  padding-left: 6px !important;
}
@media (min-width: 2000px) and (max-width: 2500px) {
  .insightDatatable.inSightNewTable table tbody tr th:nth-child(11),
.insightDatatable.inSightNewTable table tbody tr td:nth-child(11),
.insightDatatable.inSightNewTable table thead tr th:nth-child(11),
.insightDatatable.inSightNewTable table thead tr td:nth-child(11) {
    width: 7% !important;
  }
}
@media (min-width: 2501px) and (max-width: 4000px) {
  .insightDatatable.inSightNewTable table tbody tr th:nth-child(11),
.insightDatatable.inSightNewTable table tbody tr td:nth-child(11),
.insightDatatable.inSightNewTable table thead tr th:nth-child(11),
.insightDatatable.inSightNewTable table thead tr td:nth-child(11) {
    width: 5% !important;
  }
}
.insightDatatable.inSightNewTable table tbody tr th:nth-child(3),
.insightDatatable.inSightNewTable table tbody tr td:nth-child(3),
.insightDatatable.inSightNewTable table thead tr th:nth-child(3),
.insightDatatable.inSightNewTable table thead tr td:nth-child(3) {
  width: 7%;
  padding-left: 6px !important;
}
@media (min-width: 2000px) and (max-width: 2500px) {
  .insightDatatable.inSightNewTable table tbody tr th:nth-child(3),
.insightDatatable.inSightNewTable table tbody tr td:nth-child(3),
.insightDatatable.inSightNewTable table thead tr th:nth-child(3),
.insightDatatable.inSightNewTable table thead tr td:nth-child(3) {
    width: 7% !important;
  }
}
@media (min-width: 2501px) and (max-width: 4000px) {
  .insightDatatable.inSightNewTable table tbody tr th:nth-child(3),
.insightDatatable.inSightNewTable table tbody tr td:nth-child(3),
.insightDatatable.inSightNewTable table thead tr th:nth-child(3),
.insightDatatable.inSightNewTable table thead tr td:nth-child(3) {
    width: 5% !important;
  }
}
.insightDatatable.inSightNewTable table tbody tr th:nth-child(12),
.insightDatatable.inSightNewTable table tbody tr td:nth-child(12),
.insightDatatable.inSightNewTable table thead tr th:nth-child(12),
.insightDatatable.inSightNewTable table thead tr td:nth-child(12) {
  width: 5%;
  overflow: visible;
}
@media (min-width: 2501px) and (max-width: 4000px) {
  .insightDatatable.inSightNewTable table tbody tr th:nth-child(12),
.insightDatatable.inSightNewTable table tbody tr td:nth-child(12),
.insightDatatable.inSightNewTable table thead tr th:nth-child(12),
.insightDatatable.inSightNewTable table thead tr td:nth-child(12) {
    width: 3% !important;
  }
}
.insightDatatable.inSightNewTablemodal table tbody tr th:nth-child(1),
.insightDatatable.inSightNewTablemodal table tbody tr td:nth-child(1),
.insightDatatable.inSightNewTablemodal table thead tr th:nth-child(1),
.insightDatatable.inSightNewTablemodal table thead tr td:nth-child(1) {
  width: 16%;
}
.insightDatatable.inSightNewTablemodal table tbody tr th:nth-child(2),
.insightDatatable.inSightNewTablemodal table tbody tr td:nth-child(2),
.insightDatatable.inSightNewTablemodal table thead tr th:nth-child(2),
.insightDatatable.inSightNewTablemodal table thead tr td:nth-child(2) {
  width: 8% !important;
}
.insightDatatable.inSightNewTablemodal table tbody tr th:nth-child(3),
.insightDatatable.inSightNewTablemodal table tbody tr td:nth-child(3),
.insightDatatable.inSightNewTablemodal table thead tr th:nth-child(3),
.insightDatatable.inSightNewTablemodal table thead tr td:nth-child(3) {
  width: 7.5% !important;
}
.insightDatatable.inSightNewTablemodal table tbody tr th:nth-child(4),
.insightDatatable.inSightNewTablemodal table tbody tr td:nth-child(4),
.insightDatatable.inSightNewTablemodal table thead tr th:nth-child(4),
.insightDatatable.inSightNewTablemodal table thead tr td:nth-child(4) {
  width: 7.5% !important;
  padding-left: 6px !important;
}
.insightDatatable.inSightNewTablemodal table tbody tr th:nth-child(5),
.insightDatatable.inSightNewTablemodal table tbody tr td:nth-child(5),
.insightDatatable.inSightNewTablemodal table thead tr th:nth-child(5),
.insightDatatable.inSightNewTablemodal table thead tr td:nth-child(5) {
  width: 7.5% !important;
}
.insightDatatable.inSightNewTablemodal table tbody tr th:nth-child(6),
.insightDatatable.inSightNewTablemodal table tbody tr td:nth-child(6),
.insightDatatable.inSightNewTablemodal table thead tr th:nth-child(6),
.insightDatatable.inSightNewTablemodal table thead tr td:nth-child(6) {
  width: 7.5% !important;
  padding-left: 6px !important;
}
.insightDatatable.inSightNewTablemodal table tbody tr th:nth-child(7),
.insightDatatable.inSightNewTablemodal table tbody tr td:nth-child(7),
.insightDatatable.inSightNewTablemodal table thead tr th:nth-child(7),
.insightDatatable.inSightNewTablemodal table thead tr td:nth-child(7) {
  width: 7.5% !important;
  padding-left: 6px !important;
}
.insightDatatable.inSightNewTablemodal table tbody tr th:nth-child(8),
.insightDatatable.inSightNewTablemodal table tbody tr td:nth-child(8),
.insightDatatable.inSightNewTablemodal table thead tr th:nth-child(8),
.insightDatatable.inSightNewTablemodal table thead tr td:nth-child(8) {
  width: 7.5% !important;
  padding-left: 6px !important;
}
.insightDatatable.inSightNewTablemodal table tbody tr th:nth-child(9),
.insightDatatable.inSightNewTablemodal table tbody tr td:nth-child(9),
.insightDatatable.inSightNewTablemodal table thead tr th:nth-child(9),
.insightDatatable.inSightNewTablemodal table thead tr td:nth-child(9) {
  width: 7% !important;
  padding-left: 6px !important;
}
.insightDatatable.inSightNewTablemodal table tbody tr th:nth-child(10),
.insightDatatable.inSightNewTablemodal table tbody tr td:nth-child(10),
.insightDatatable.inSightNewTablemodal table thead tr th:nth-child(10),
.insightDatatable.inSightNewTablemodal table thead tr td:nth-child(10) {
  width: 7%;
  overflow: visible;
}
.insightDatatable.inSightNewTablemodal table tbody tr th:nth-child(11),
.insightDatatable.inSightNewTablemodal table tbody tr td:nth-child(11),
.insightDatatable.inSightNewTablemodal table thead tr th:nth-child(11),
.insightDatatable.inSightNewTablemodal table thead tr td:nth-child(11) {
  width: 7% !important;
  padding-left: 6px !important;
}
.insightDatatable.inSightNewTablemodal table tbody tr th:nth-child(12),
.insightDatatable.inSightNewTablemodal table tbody tr td:nth-child(12),
.insightDatatable.inSightNewTablemodal table thead tr th:nth-child(12),
.insightDatatable.inSightNewTablemodal table thead tr td:nth-child(12) {
  width: 6%;
  overflow: visible;
}
.insightDatatable.inSightNewTablemodal table tbody tr th:nth-child(13),
.insightDatatable.inSightNewTablemodal table tbody tr td:nth-child(13),
.insightDatatable.inSightNewTablemodal table thead tr th:nth-child(13),
.insightDatatable.inSightNewTablemodal table thead tr td:nth-child(13) {
  width: 4%;
  overflow: visible;
}
.insightDatatable table {
  width: 100%;
}
.insightDatatable table thead tr {
  height: 53px;
  font-size: 13px;
  color: #fff;
}
.insightDatatable table thead tr th {
  float: left;
  padding-top: 14px;
  padding-bottom: 14px;
  text-transform: capitalize;
}
.insightDatatable table thead tr th span.sort-toggle-btn {
  position: relative;
  max-width: 100%;
  border-radius: 100px;
  line-height: 10px;
  font-size: 13px;
  background: #110a1a;
  text-align: center;
  font-weight: 500;
  display: inline-block;
  color: #fff;
  cursor: pointer;
  padding-left: 8px;
  padding-right: 15px;
  padding-top: 7px;
  padding-bottom: 7px;
  height: 25px;
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.insightDatatable table thead tr th span.sort-toggle-btn .tableFiltericons {
  position: absolute;
  right: 5px;
}
.insightDatatable table thead tr th span.sort-toggle-btn.ascendingOrder img.ascendingOrderIcon {
  display: inline-block;
}
.insightDatatable table thead tr th span.sort-toggle-btn.ascendingOrder img.bothOrderIcon {
  display: none;
}
.insightDatatable table thead tr th span.sort-toggle-btn.ascendingOrder img.descendingOrderIcon {
  display: none;
}
.insightDatatable table thead tr th span.sort-toggle-btn.descendingOrder img.descendingOrderIcon {
  display: inline-block;
}
.insightDatatable table thead tr th span.sort-toggle-btn.descendingOrder img.bothOrderIcon {
  display: none;
}
.insightDatatable table thead tr th span.sort-toggle-btn.descendingOrder img.ascendingOrderIcon {
  display: none;
}
.insightDatatable table thead tr th span.sort-toggle-btn.bothorder img.descendingOrderIcon {
  display: none;
}
.insightDatatable table thead tr th span.sort-toggle-btn.bothorder img.bothOrderIcon {
  display: inline-block;
}
.insightDatatable table thead tr th span.sort-toggle-btn.bothorder img.ascendingOrderIcon {
  display: none;
}
.insightDatatable table thead tr th span.sort-toggle-btn:hover {
  background: #7801FF;
}
.insightDatatable table thead tr th span.sort-toggle-btn.active {
  background: #7801FF;
}
.insightDatatable table thead tr th span.sort-toggle-btn.titlespace {
  margin-left: 40px;
}
.insightDatatable table thead tr th span.sort-toggle-btn img {
  width: 7px;
  height: 10px;
  margin-left: 7px;
}
.insightDatatable table tbody tr.creatnew {
  background: transparent;
}
.insightDatatable table tbody tr.creatnew.nodata td div {
  color: #7b6c8f;
  font-size: 13px !important;
  border: 2px solid #1f1829;
}
.insightDatatable table tbody tr.creatnew.nodata td div:hover {
  cursor: default !important;
  border: 2px solid #1f1829;
  background: transparent;
}
.insightDatatable table tbody tr.creatnew:hover {
  background: transparent;
}
.insightDatatable table tbody tr.creatnew td {
  padding: 0px !important;
  width: 100% !important;
}
@media (min-width: 2000px) and (max-width: 4000px) {
  .insightDatatable table tbody tr.creatnew td:nth-child(1) {
    width: 100% !important;
  }
}
.insightDatatable table tbody tr.creatnew td div {
  border: 1px dashed #5a4f65;
  display: block;
  width: 100%;
  height: 53px;
  text-align: center;
  line-height: 53px;
  margin-top: 10px;
}
.insightDatatable table tbody tr.creatnew td div i {
  font-size: 11px;
  margin-right: 3px;
}
.insightDatatable table tbody tr.creatnew td div:hover {
  border: 1px dashed #7800ff;
  cursor: pointer;
  background: rgba(120, 1, 255, 0.1);
}
.insightDatatable table tbody tr {
  background: #2d2637;
  height: 53px !important;
  font-size: 13px;
  color: #fff;
  border-bottom: solid 4px #110a1a;
}
.insightDatatable table tbody tr.noActions {
  border: 1px solid #5a4f65 !important;
  background: transparent;
  text-align: center;
}
.insightDatatable table tbody tr.noActions td {
  width: 100% !important;
  color: #c2b8d0;
  font-size: 13px;
}
.insightDatatable table tbody tr.noActions:hover {
  background: transparent;
}
.insightDatatable table tbody tr:hover {
  background: #423c4b;
}
.insightDatatable table tbody tr td {
  overflow: hidden;
  white-space: nowrap;
  float: left;
  line-height: 25px;
  padding-top: 15px;
  padding-bottom: 14px;
}
.insightDatatable table tbody tr td div.routetd {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0px;
  max-width: 940px;
}
.insightDatatable table tbody tr td div.routetd:hover {
  cursor: pointer;
}
.insightDatatable table tbody tr td div.user-rating {
  float: left;
  width: 100%;
}
.insightDatatable table tbody tr td div.user-rating ul {
  margin: 0;
  padding: 6.75px 0px;
  float: left;
  margin-left: 8px;
}
.insightDatatable table tbody tr td div.user-rating ul li {
  float: left;
  margin-right: 5px;
  width: 13px;
  height: 13px;
  font: normal normal normal 14px/1 FontAwesome !important;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.insightDatatable table tbody tr td div.user-rating ul li::before {
  content: "";
  color: #110a1a;
}
.insightDatatable table tbody tr td div.user-rating ul li.active::before {
  content: "";
  color: #fff;
  font: normal normal normal 12px/1 FontAwesome !important;
}
.insightDatatable table tbody tr td.insight-ownwer-coowener span:nth-child(2) {
  margin-left: 3px;
}
.insightDatatable table tbody tr td.insight-ownwer-coowener span:nth-child(3) {
  margin-left: 3px;
  background-color: #000000;
  color: #fff;
  font-size: 10px;
}
.insightDatatable table tbody tr td.insight-ownwer-coowener span:nth-child(3) i {
  font-size: 9px;
  margin-right: 1px;
}
.insightDatatable table tbody tr td span.userprofile {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  line-height: 25px;
  background: #64d3b2;
  font-size: 11px;
  text-transform: uppercase;
  color: #000;
  text-align: center;
  font-weight: 700;
  margin-left: 8px;
  float: left;
}
.insightDatatable table tbody tr td span.userprofile.profileimg {
  background: transparent !important;
  line-height: auto !important;
}
.insightDatatable table tbody tr td span.userprofile img {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  object-fit: cover;
  background: #110a1a;
}
.insightDatatable table tbody tr td span.userstatus {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  line-height: 25px;
  font-size: 11px;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  display: inline-block;
  margin-left: 8px;
}
.insightDatatable table tbody tr td span.userstatus.statusactive {
  background: #28CD41;
}
.insightDatatable table tbody tr td span.userstatus.statustodo {
  background: #7b6c8f;
}
.insightDatatable table tbody tr td span.userstatus.statusinprogress {
  background: #6483d3;
}
.insightDatatable table tbody tr td span.userstatus.statusinprogress img {
  width: 13px;
  height: 13px;
  margin-top: -1px;
}
.insightDatatable table tbody tr td span.userstatus img {
  width: 11px;
  height: 9px;
  margin-top: -1px;
}
.insightDatatable table tbody tr td span.useractions {
  margin-left: 8px;
  width: auto;
  border-radius: 5px;
  line-height: 15px;
  font-size: 12px;
  background: var(--Global-TableInfobg) !important;
  text-align: center;
  font-weight: 600;
  display: inline-block;
  color: var(--Title) !important;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 4.5px;
  padding-bottom: 4.5px;
  height: 25px;
}
.insightDatatable table tbody tr td span.useractions img {
  width: 12px;
  height: 12px;
  margin-right: 8px;
}
.insightDatatable table tbody tr td div.space {
  margin-left: 8px;
  height: 25px;
}
.insightDatatable table tbody tr td div.space.countlist {
  position: relative;
}
.insightDatatable table tbody tr td div.space.countlist span.customlist {
  padding-right: 25px;
}
.insightDatatable table tbody tr td div.space.countlist .countnumber {
  color: #fff;
  position: absolute;
  top: 0px;
  right: 0px;
  height: 24px;
  background: rgba(0, 0, 0, 0.7);
  font-size: 10px;
  padding-left: 5px;
  padding-right: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  line-height: 24px;
}
.insightDatatable table tbody tr td div.space.countlist .countnumber i {
  font-size: 9px;
  margin-right: 1px;
}
.insightDatatable table tbody tr td div.space .clmainblk {
  float: left;
  width: 100%;
  height: 25px;
}
.insightDatatable table tbody tr td div.space .clmainblk span.customlist {
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  font-weight: 600;
  display: inline-block;
  color: #fff;
  padding-left: 11px;
  padding-right: 11px;
  padding-top: 7px;
  padding-bottom: 7px;
  line-height: 10px;
  font-size: 13px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0px;
}
.insightDatatable table tbody tr td span.userlink {
  width: auto;
  border-radius: 100px;
  line-height: 11px;
  font-size: 13px;
  background: #7b6c8f;
  text-align: center;
  font-weight: 700;
  display: inline-block;
  color: #110a1a;
  cursor: pointer;
  padding-left: 11px;
  padding-right: 11px;
  padding-top: 7px;
  padding-bottom: 5px;
  box-shadow: 0px 2px 4px #000000;
}
.insightDatatable table tbody tr td span.userlink img {
  width: 11px;
  height: 11px;
  margin-right: 8px;
}
.insightDatatable table tbody tr td span.userlink.add {
  background: #7801FF !important;
  padding-left: 15px;
  padding-right: 15px;
  color: #fff;
  float: left;
}
.insightDatatable table tbody tr td span.userlink.add:hover {
  background: #9d46ff !important;
}
.insightDatatable table tbody tr td span.userlink.add i {
  font-size: 12px;
  margin-right: 3px;
}
.insightDatatable table tbody tr td span.userTitleicon {
  display: inline-block;
  padding-left: 21px;
}
.insightDatatable table tbody tr td span.userTitleicon.rounded-icon {
  margin-left: 11px;
  margin-right: 11px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  text-align: center;
  line-height: 26px;
  padding-left: 0px !important;
  float: left;
}
.insightDatatable table tbody tr td span.userTitleicon.rounded-icon img {
  margin-right: 0px !important;
}
.insightDatatable table tbody tr td span.userTitleicon .myinsight-icon {
  width: 25px;
  height: 25px;
  display: block;
  background-size: 15px 15px;
  border-radius: 50%;
}
.insightDatatable table tbody tr td span.userTitleicon .myinsight-icon.normal {
  background: url(/bundles/admin/images/my-insight-white-icon.svg) center center no-repeat;
}
.insightDatatable table tbody tr td span.userTitleicon .myinsight-icon.normal:hover {
  background: url(/bundles/admin/images/my-insight-white-icon.svg) center center no-repeat #7800ff;
}
.insightDatatable table tbody tr td span.userTitleicon .myinsight-icon.inactive {
  background: url(/bundles/admin/images/my-insight-inactive-icon.svg) center center no-repeat;
}
.insightDatatable table tbody tr td span.userTitleicon .myinsight-icon.inactive:hover {
  background: url(/bundles/admin/images/my-insight-white-icon.svg) center center no-repeat #7800ff;
}
.insightDatatable table tbody tr td span.userTitleicon .myinsight-icon.active {
  background: url(/bundles/admin/images/my-insight-active-icon.svg) center center no-repeat;
}
.insightDatatable table tbody tr td span.userTitleicon .myinsight-icon.active:hover {
  background: url(/bundles/admin/images/my-insight-white-icon.svg) center center no-repeat #7800ff;
}
.insightDatatable table tbody tr td span.userTitleicon .myinsight-icon.reject {
  background: url(/bundles/admin/images/my-insight-reject-icon.svg) center center no-repeat;
}
.insightDatatable table tbody tr td span.userTitleicon .myinsight-icon.reject:hover {
  background: url(/bundles/admin/images/my-insight-white-icon.svg) center center no-repeat #7800ff;
}
.insightDatatable table tbody tr td span.userTitleicon .myinsight-icon.facts {
  background: url(/bundles/admin/images/facts-w-icon.svg) center center no-repeat;
}
.insightDatatable table tbody tr td span.userTitleicon .myinsight-icon.facts:hover {
  background: url(/bundles/admin/images/facts-w-icon.svg) center center no-repeat;
}
.insightDatatable table tbody tr td span.userTitleicon .ourinsight-icon {
  width: 25px;
  height: 25px;
  display: block;
  background-size: 17px 13px;
  border-radius: 50%;
}
.insightDatatable table tbody tr td span.userTitleicon .ourinsight-icon.normal {
  background: url(/bundles/admin/images/our-insight-white-icon.svg) center center no-repeat;
}
.insightDatatable table tbody tr td span.userTitleicon .ourinsight-icon.normal:hover {
  background: url(/bundles/admin/images/our-insight-white-icon.svg) center center no-repeat #7800ff;
}
.insightDatatable table tbody tr td span.userTitleicon .ourinsight-icon.inactive {
  background: url(/bundles/admin/images/our-insight-inactive-icon.svg) center center no-repeat;
}
.insightDatatable table tbody tr td span.userTitleicon .ourinsight-icon.inactive:hover {
  background: url(/bundles/admin/images/our-insight-white-icon.svg) center center no-repeat #7800ff;
}
.insightDatatable table tbody tr td span.userTitleicon .ourinsight-icon.active {
  background: url(/bundles/admin/images/our-insight-active-icon.svg) center center no-repeat;
}
.insightDatatable table tbody tr td span.userTitleicon .ourinsight-icon.active:hover {
  background: url(/bundles/admin/images/our-insight-white-icon.svg) center center no-repeat #7800ff;
}
.insightDatatable table tbody tr td span.userTitleicon .ourinsight-icon.reject {
  background: url(/bundles/admin/images/our-insight-reject-icon.svg) center center no-repeat;
}
.insightDatatable table tbody tr td span.userTitleicon .ourinsight-icon.reject:hover {
  background: url(/bundles/admin/images/our-insight-white-icon.svg) center center no-repeat #7800ff;
}
.insightDatatable table tbody tr td span.userTitleicon .mymots-icon {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  display: block;
}
.insightDatatable table tbody tr td span.userTitleicon .mymots-icon.normal {
  background: url(/bundles/map/images/my-mot-public-icon.svg) center center no-repeat;
}
.insightDatatable table tbody tr td span.userTitleicon .mymots-icon.normal:hover {
  background: url(/bundles/map/images/my-mot-public-icon.svg) center center no-repeat #7800ff;
}
.insightDatatable table tbody tr td span.userTitleicon .mymots-icon.inactive {
  background: url(/bundles/map/images/my-mot-pending-icon.svg) center center no-repeat;
}
.insightDatatable table tbody tr td span.userTitleicon .mymots-icon.inactive:hover {
  background: url(/bundles/map/images/my-mot-public-icon.svg) center center no-repeat #7800ff;
}
.insightDatatable table tbody tr td span.userTitleicon .mymots-icon.reject {
  background: url(/bundles/map/images/my-mot-reject-icon.svg) center center no-repeat;
}
.insightDatatable table tbody tr td span.userTitleicon .mymots-icon.reject:hover {
  background: url(/bundles/map/images/my-mot-public-icon.svg) center center no-repeat #7800ff;
}
.insightDatatable table tbody tr td span.userTitleicon .ourmots-icon {
  width: 25px;
  height: 25px;
  display: block;
  background-size: 17px 13px;
  border-radius: 50%;
}
.insightDatatable table tbody tr td span.userTitleicon .ourmots-icon.normal {
  background: url(/bundles/map/images/our-mot-public-icon.svg) center center no-repeat;
}
.insightDatatable table tbody tr td span.userTitleicon .ourmots-icon.normal:hover {
  background: url(/bundles/map/images/our-mot-public-icon.svg) center center no-repeat #7800ff;
}
.insightDatatable table tbody tr td span.userTitleicon .ourmots-icon.inactive {
  background: url(/bundles/map/images/our-mot-pending-icon.svg) center center no-repeat;
}
.insightDatatable table tbody tr td span.userTitleicon .ourmots-icon.inactive:hover {
  background: url(/bundles/map/images/our-mot-public-icon.svg) center center no-repeat #7800ff;
}
.insightDatatable table tbody tr td span.userTitleicon .ourmots-icon.active {
  background: url(/bundles/map/images/our-mot-approve-icon.svg) center center no-repeat;
}
.insightDatatable table tbody tr td span.userTitleicon .ourmots-icon.active:hover {
  background: url(/bundles/map/images/our-mot-public-icon.svg) center center no-repeat #7800ff;
}
.insightDatatable table tbody tr td span.userTitleicon .myimprove-icon {
  width: 25px;
  height: 25px;
  display: block;
  background-size: 17px 13px;
  border-radius: 50%;
}
.insightDatatable table tbody tr td span.userTitleicon .myimprove-icon.normal {
  background: url(/bundles/admin/images/insight-route-title-icon.svg) center center no-repeat;
}
.insightDatatable table tbody tr td span.userTitleicon .myimprove-icon.normal:hover {
  background: url(/bundles/admin/images/insight-route-title-icon.svg) center center no-repeat;
}
.insightDatatable table tbody tr td span.userTitleicon .myimprove-icon.actionicons {
  background: url(/bundles/admin/images/insight-action-robot-icon.svg) center center no-repeat;
}
.insightDatatable table tbody tr td span.userTitleicon .myimprove-icon.actionicons:hover {
  background: url(/bundles/admin/images/insight-action-robot-icon.svg) center center no-repeat;
}
.insightDatatable table tbody tr td span.userTitleicon .mychannel-icon {
  width: 25px;
  height: 25px;
  display: block;
  background-size: 15px 15px !important;
  border-radius: 50%;
}
.insightDatatable table tbody tr td span.userTitleicon .mychannel-icon.normal {
  background: url(/bundles/map/images/channel-icon-white.svg) center center no-repeat;
}
.insightDatatable table tbody tr td span.userTitleicon .mychannel-icon.normal:hover {
  background: url(/bundles/map/images/channel-icon-white.svg) center center no-repeat;
}
.insightDatatable table tbody tr td span.userTitleicon img {
  width: 12px;
  height: 12px;
  margin-right: 20px;
}
.insightDatatable table tbody tr td div.user-3-dotsmenu {
  float: right;
  margin-right: 5px;
}
.insightDatatable table tbody tr td div.user-3-dotsmenu .dropdown-toggle::after {
  display: none;
}
.insightDatatable table tbody tr td div.user-3-dotsmenu span.menu-icon {
  width: 24px;
  height: 24px;
  display: block;
  text-align: center;
  cursor: pointer;
  background: url(/bundles/admin/images/insight-3dots-white-menu.svg) top center no-repeat;
}
.insightDatatable table tbody tr td div.user-3-dotsmenu span.menu-icon:hover, .insightDatatable table tbody tr td div.user-3-dotsmenu span.menu-icon:focus, .insightDatatable table tbody tr td div.user-3-dotsmenu span.menu-icon:active, .insightDatatable table tbody tr td div.user-3-dotsmenu span.menu-icon:visited {
  background: url(/bundles/admin/images/insight-3dots-white-menu.svg) top center no-repeat #2d2637;
  border-radius: 50%;
}
.insightDatatable table tbody tr td div.user-3-dotsmenu img {
  width: 3px;
  height: 15px;
  vertical-align: middle;
  margin-top: -1px;
}
.insightDatatable table tbody tr td div.user-3-dotsmenu .dropdown-menu {
  background: #26202e;
  padding: 0px;
  border-radius: 0px;
  right: 0px !important;
  left: -68px !important;
  transform: translate3d(-40px, 13px, 0px) !important;
  z-index: 10;
  min-width: 120px;
  border: 1px solid #000;
  border-bottom: none !important;
}
.insightDatatable table tbody tr td div.user-3-dotsmenu .dropdown-menu a {
  text-align: left;
  width: 100%;
  display: block;
  font-size: 13px;
  padding: 4px 11px;
  font-weight: 600;
  border-bottom: 1px solid #000;
  color: #fff;
  line-height: normal !important;
  cursor: pointer;
}
.insightDatatable table tbody tr td div.user-3-dotsmenu .dropdown-menu a:hover {
  background: #3f3449;
}
.insightDatatable table tbody tr td div.user-3-dotsmenu .dropdown-menu a.delete:hover {
  background: #B11E27;
}
.insightDatatable table tbody tr td div.user-3-dotsmenu .dropdown-menu a.addinsight:hover {
  background: #7801FF;
}
.insightDatatable table tbody tr td div.user-3-dotsmenu .dropdown-menu a.activate:hover {
  background: #28CD41;
}
.insightDatatable table tbody tr td div.user-3-dotsmenu .dropdown-menu a.pending:hover {
  background: #ae6725;
}
.insightDatatable table tbody tr td div.user-3-dotsmenu .dropdown-menu a.addinsight i {
  font-size: 10px;
}
.insightDatatable table tbody tr th:nth-child(1),
.insightDatatable table tbody tr td:nth-child(1),
.insightDatatable table thead tr th:nth-child(1),
.insightDatatable table thead tr td:nth-child(1) {
  width: 30%;
}
.insightDatatable table tbody tr th:nth-child(2),
.insightDatatable table tbody tr td:nth-child(2),
.insightDatatable table thead tr th:nth-child(2),
.insightDatatable table thead tr td:nth-child(2) {
  width: 8%;
}
.insightDatatable table tbody tr th:nth-child(3),
.insightDatatable table tbody tr td:nth-child(3),
.insightDatatable table thead tr th:nth-child(3),
.insightDatatable table thead tr td:nth-child(3) {
  width: 8%;
}
.insightDatatable table tbody tr th:nth-child(4),
.insightDatatable table tbody tr td:nth-child(4),
.insightDatatable table thead tr th:nth-child(4),
.insightDatatable table thead tr td:nth-child(4) {
  width: 11%;
}
.insightDatatable table tbody tr th:nth-child(5),
.insightDatatable table tbody tr td:nth-child(5),
.insightDatatable table thead tr th:nth-child(5),
.insightDatatable table thead tr td:nth-child(5) {
  width: 10.5%;
}
.insightDatatable table tbody tr th:nth-child(6),
.insightDatatable table tbody tr td:nth-child(6),
.insightDatatable table thead tr th:nth-child(6),
.insightDatatable table thead tr td:nth-child(6) {
  width: 10.5%;
}
.insightDatatable table tbody tr th:nth-child(7),
.insightDatatable table tbody tr td:nth-child(7),
.insightDatatable table thead tr th:nth-child(7),
.insightDatatable table thead tr td:nth-child(7) {
  width: 10%;
}
.insightDatatable table tbody tr th:nth-child(8),
.insightDatatable table tbody tr td:nth-child(8),
.insightDatatable table thead tr th:nth-child(8),
.insightDatatable table thead tr td:nth-child(8) {
  width: 8%;
}
.insightDatatable table tbody tr th:nth-child(9),
.insightDatatable table tbody tr td:nth-child(9),
.insightDatatable table thead tr th:nth-child(9),
.insightDatatable table thead tr td:nth-child(9) {
  width: 4%;
  overflow: visible;
}

.insightBlock .formsection .form-group .form-control {
  background: #000 !important;
  box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.4);
  border: 1px solid #000;
  padding: 10px 6px;
  border-radius: 0;
  font-weight: 600;
  font-size: 13px;
  color: #fff;
}

.insightBlock .filterorderDropdown .bootstrap-select .dropdown-toggle:after {
  top: 2px;
}

.dropdown-menu li a {
  padding: 5px 20px;
}

/*-------Start InsightsAccordian------*/
.insightsaccordion .insightFilterMenu {
  margin: 0px;
  padding: 0px;
}
.insightsaccordion .insightFilterMenu ul {
  margin: 0px;
  padding: 0px;
}
.insightsaccordion .insightFilterMenu ul li:nth-child(1) a {
  padding: 10px 22px;
}
.insightsaccordion .insightFilterMenu ul li {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
.insightsaccordion .insightFilterMenu ul li .card .card-header.headerMain h5 a {
  padding: 12px 22px;
}
.insightsaccordion .insightFilterMenu ul li .card .card-header.headerMain h5 a:after {
  top: 14px !important;
}
.insightsaccordion .insightFilterMenu ul li a {
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  display: block;
  padding: 6px 22px;
}
.insightsaccordion .insightFilterMenu ul li a span.clearbtn {
  background: #B11E27;
  box-shadow: 0px 1px 4px #000000;
  border-radius: 100px;
  color: #fff;
  float: right;
  margin-right: 40px;
  height: 25px;
  line-height: 25px;
  font-size: 13px;
  padding: 0px 10px;
  margin-top: -3px;
}
.insightsaccordion .insightFilterMenu ul li a span.clearbtn.dimensionspace {
  margin-top: -5px;
}
.insightsaccordion .insightFilterMenu ul li a span.clearbtn:hover {
  background: #9e0000;
  cursor: pointer;
}
.insightsaccordion .insightFilterMenu ul li a .parent-map-icon {
  width: 13px;
  height: 10px;
  margin-right: 5px !important;
  background: url(/bundles/map/images/map-parent-white-icon.svg) no-repeat;
  background-size: 13px 10px !important;
  margin-top: 4px;
  float: left;
}
.insightsaccordion .insightFilterMenu ul li a .child-map-icon {
  height: 13px;
  margin-right: 5px !important;
  background: url(/bundles/map/images/map-child-white-icon.svg) no-repeat;
  background-size: 8.25px 13px !important;
  margin-left: 20px;
  width: 8px;
  margin-top: 3px;
  float: left;
}
.insightsaccordion .insightFilterMenu ul li a .ourmaps-icon {
  width: 13px;
  height: 8px;
  margin-right: 5px !important;
  background: url(/bundles/map/images/our-users-white-icon.svg) no-repeat;
  background-size: 13px 8px !important;
  display: inline-block;
}
.insightsaccordion .insightFilterMenu ul li a .mymaps-icon {
  width: 11px;
  height: 12px;
  margin-right: 5px !important;
  background: url(/bundles/map/images/my-users-white-icon.svg) no-repeat;
  background-size: 11px 12px !important;
  display: inline-block;
}
.insightsaccordion .insightFilterMenu ul li a .dimension-icon {
  width: 11px;
  height: 11px;
  margin-right: 5px !important;
  background: url(/bundles/map/images/insight-dimension-white-icon.svg) no-repeat;
  background-size: 11px 11px !important;
  display: inline-block;
}
.insightsaccordion .insightFilterMenu ul li a img {
  width: 11px;
  margin-right: 5px;
}
.insightsaccordion .insightFilterMenu ul li a img.parent-map-icon {
  width: 13px;
  margin-top: -2px;
  margin-right: 5px !important;
}
.insightsaccordion .insightFilterMenu ul li a img.child-map-icon {
  margin-left: 20px;
  width: 8px;
  margin-top: -2px;
  margin-right: 5px !important;
}
.insightsaccordion #accordion {
  position: absolute;
  width: 100%;
  overflow-y: auto;
  height: 100vh;
  padding-bottom: 97px;
}
.insightsaccordion #accordion .card {
  background: transparent;
  border: none !important;
}
.insightsaccordion #accordion .card.bdrtophead {
  border-top: solid 1px #110a1a !important;
}
.insightsaccordion #accordion .card.bdrbottomhead {
  border-bottom: solid 1px #110a1a !important;
}
.insightsaccordion #accordion .card .card-header {
  padding: 0px;
  border: none !important;
  border-radius: none;
  background: transparent;
  /*-------Start InsightsAccordian------*/
}
.insightsaccordion #accordion .card .card-header h5.mb-0 > a {
  display: block;
  position: relative;
}
.insightsaccordion #accordion .card .card-header h5.mb-0 > a.mainhead:hover {
  background: #423c4b;
}
.insightsaccordion #accordion .card .card-header h5.mb-0 > a:after {
  content: "";
  font-family: "FontAwesome";
  position: absolute;
  right: 15px;
  top: 7px;
}
.insightsaccordion #accordion .card .card-header h5.mb-0 > a[aria-expanded=true]:after {
  content: "";
}
.insightsaccordion #accordion .card .card-header h5.mb-0 > a[aria-expanded=false]:after {
  content: "";
}
.insightsaccordion #accordion .card .card-header.bdrtophead {
  border-top: solid 1px #110a1a !important;
}
.insightsaccordion #accordion .card .card-header.bdrbottomhead {
  border-bottom: solid 1px #110a1a !important;
}
.insightsaccordion #accordion .card .card-body {
  padding: 0px;
}
.insightsaccordion #accordion .card .card-body .menulevelone {
  padding-left: 26px;
  font-size: 13px;
}
.insightsaccordion #accordion .card .card-body .menulevelone a {
  padding: 6px 22px;
}
.insightsaccordion #accordion .card .card-body .menuleveltwo {
  padding-left: 26px;
  font-size: 13px;
}
.insightsaccordion #accordion .card .card-body .menuleveltwo a {
  padding: 3px 22px;
}
.insightsaccordion #accordion .card .card-body .menuleveltwo .accordianCheck label {
  color: #a294b5;
}

.insightJournySearch {
  margin: 14px 22px;
  display: block;
}
.insightJournySearch .searchbox {
  height: 25px;
  width: 100%;
  position: relative;
}
.insightJournySearch .searchbox input {
  background: #110a1a;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 100px;
  border: none;
  height: 25px;
  font-size: 13px;
  border: 1px solid #3f3449;
  padding: 5px 25px 5px 30px;
  color: #fff;
}
.insightJournySearch .searchbox i {
  position: absolute;
  left: 10px;
  top: 8px;
  font-size: 11px;
  color: #c2b8d0;
  cursor: pointer;
}

.accordianCheck {
  display: block;
}
.accordianCheck input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.accordianCheck input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 13px;
  height: 13px;
  width: 13px;
  background: #7801FF;
  border-radius: 2px;
  border: 1px solid #000000;
}
.accordianCheck label {
  position: relative;
  cursor: pointer;
  margin-bottom: 0px;
  line-height: 13px;
}
.accordianCheck label::before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 1px solid #000000;
  width: 13px;
  height: 13px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 11px;
  background: #110a1a;
  border-radius: 2px;
  margin-top: -1px;
}

/*----Modal Insights------*/
.mainModal .modal-dialog-centered {
  min-height: 100%;
  margin: 0px auto;
}
.mainModal .modal-sm {
  max-width: 590px;
}
.mainModal .modal-md {
  max-width: 989px;
}
.mainModal .insight-ai-modal {
  max-width: 1200px;
}
.mainModal .modal-kpi-Create {
  max-width: 402px;
}
.mainModal .modal-kpi-view {
  max-width: 398px;
}
.mainModal .modal-lg {
  max-width: 1200px;
}
@media (min-width: 1600px) and (max-width: 1999px) {
  .mainModal .modal-lg {
    max-width: 1400px;
  }
}
@media (min-width: 2000px) and (max-width: 4000px) {
  .mainModal .modal-lg {
    max-width: 1600px;
  }
}
.mainModal .insight-Warning {
  max-width: 425px;
}
.mainModal .parent-maps-Warning {
  max-width: 540px;
}
.mainModal .newsystem-admin-Warning {
  max-width: 540px;
}
.mainModal .maps-Warning,
.mainModal .createjiraconfig-modal {
  max-width: 425px;
}
.mainModal .modal-fact {
  max-width: 805px;
}
.mainModal .modal-map-edit {
  max-width: 402px;
}
.mainModal .dashboard-lcwidget-modal {
  max-width: 500px;
}
.mainModal .improvement-warning {
  max-width: 475px;
}
.mainModal .modal-content {
  border: 1px solid #000 !important;
}
.mainModal .modal-content .modal-header {
  background: #5a4f65;
  z-index: 1;
  padding: 7.5px 5px;
  font-weight: bold;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);
}
.mainModal .modal-content .modal-header .modal-title {
  margin: 5px auto 0px;
  font-size: 15px !important;
  font-weight: 700;
  letter-spacing: 0.25px;
  color: #fff;
  padding: 0px 15px;
}
.mainModal .modal-content .modal-header .close {
  padding: 0px 0px;
  margin: 0px 0px;
  text-align: center;
  line-height: normal;
  height: 30px;
  width: 30px;
  background: transparent !important;
}
.mainModal .modal-content .modal-header .close:hover, .mainModal .modal-content .modal-header .close:focus, .mainModal .modal-content .modal-header .close:active, .mainModal .modal-content .modal-header .close:visited {
  background: #000 !important;
  border-radius: 50%;
  outline: none;
}
.mainModal .modal-content .modal-header .close span {
  margin-top: 0px;
  display: block;
  text-shadow: none;
  color: #fff;
  font-weight: 400;
  opacity: 1;
  font-size: 22px;
  height: 30px;
  width: 30px;
  line-height: 27px;
  font-family: "Inter", sans-serif;
}
.mainModal .modal-content .modal-body {
  background: #3f3449 !important;
  border-top: 1px solid #000 !important;
  overflow-y: auto;
  max-height: calc(100vh - 160px);
  padding: 35px;
  border-right: solid 0px #3f3449;
  box-shadow: none !important;
}
.mainModal .modal-content .modal-body.Create_Editpopup {
  max-height: calc(100vh - 172px);
}
.mainModal .modal-content .modal-body.viewPopup {
  max-height: calc(100vh - 172px);
}
.mainModal .modal-content .modal-body.AddList {
  max-height: calc(100vh - 160px);
}
.mainModal .modal-content .modal-body.addjirascroll {
  max-height: calc(100vh - 150px) !important;
}
.mainModal .modal-content .modal-body .insightsBody {
  padding-bottom: 22px;
}
.mainModal .modal-content .modal-body .insightsBody .width-80 {
  flex: 0 0 80%;
  max-width: 80%;
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  float: left;
}
.mainModal .modal-content .modal-body .insightsBody .width-80.motEditbox .width1 {
  flex: 0 0 50% !important;
  max-width: 50% !important;
}
.mainModal .modal-content .modal-body .insightsBody .width-80 .width1 {
  flex: 0 0 50%;
  max-width: 50%;
}
.mainModal .modal-content .modal-body .insightsBody .width-80 .width-100 {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}
.mainModal .modal-content .modal-body .insightsBody .insightpopbox {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  float: left;
}
.mainModal .modal-content .modal-body .insightsBody .insightpopbox label {
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
  display: block;
}
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width1 {
  flex: 0 0 40%;
  max-width: 40%;
}
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width1 .form-group {
  margin-bottom: 21px;
  padding-left: 0px;
  padding-right: 0px;
}
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width1.width1-small {
  flex: 0 0 67%;
  max-width: 67%;
}
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width1.width1-large {
  flex: 0 0 55%;
  max-width: 55%;
}
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 {
  flex: 0 0 20%;
  max-width: 20%;
}
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2.width2-small {
  flex: 0 0 33%;
  max-width: 33%;
}
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2.width2-large {
  flex: 0 0 25%;
  max-width: 25%;
}
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2.width-40 {
  flex: 0 0 40% !important;
  max-width: 40% !important;
}
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2.width-50 {
  flex: 0 0 50% !important;
  max-width: 50% !important;
}
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2.width-100 {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group {
  margin-bottom: 21px;
}
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control {
  height: 25px !important;
  padding: 4px 8px !important;
}
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.m-select-dropdown-sm button {
  padding: 5px 10px 5px 0px !important;
  font-size: 12px !important;
}
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .m-select-dropdown-sm.productsDrop .dropdown-menu {
  left: -8px !important;
}
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .m-select-dropdown-sm .dropdown-toggle:after {
  top: 2px !important;
  color: #fff;
}
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .m-select-dropdown-sm.addInsightCustSegmet .dropdown-menu {
  left: -8px !important;
  min-width: 100% !important;
  width: 142px !important;
}
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .m-select-dropdown-sm.addInsightCustSegmet .dropdown-menu ul li a.dropdown-item {
  white-space: normal;
  font-weight: 500 !important;
}
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .m-select-dropdown-sm.addInsightCustSegmet .dropdown-menu ul li a.dropdown-item span.text {
  margin-right: 0px;
  width: 100%;
  display: block;
  padding-right: 20px;
}
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .m-select-dropdown-sm .dropdown-menu {
  left: 0px !important;
  top: 0px !important;
}
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .m-select-dropdown-sm .dropdown-menu .bs-actionsbox {
  padding: 0px 8px !important;
  line-height: 25px;
  border: 1px solid #000;
  border-bottom: none !important;
}
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .m-select-dropdown-sm .dropdown-menu .bs-actionsbox .btn-group {
  padding: 0px !important;
}
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .m-select-dropdown-sm .dropdown-menu .bs-actionsbox .btn-group button {
  padding: 3px 0px 0px 0px !important;
  font-weight: 600;
}
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .iconswithBG li .fa-arrows-v {
  line-height: 25px;
  height: 25px;
}
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group iconswithBG .dropdown .dropdown-toggle {
  margin: 1px 0px 0px !important;
}
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .iconswithBG li {
  background: var(--Background_Secondary);
  margin-bottom: 7.5px;
  box-shadow: none !important;
  border-radius: 5px !important;
}
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .iconswithBG li.addBtn {
  background: none !important;
  margin-bottom: 0px;
}
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .iconswithBG li .brandBg {
  margin-top: 0px;
  background: transparent !important;
  display: block;
}
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .iconswithBG li .brandBg img {
  height: 25px;
  padding: 0px 0px;
  object-fit: contain;
}
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .iconswithBG li {
  border: none !important;
  text-align: center;
  position: relative;
  padding: 2px 0px;
}
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .iconswithBG li:nth-last-child(1) {
  margin-bottom: 0px;
}
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .iconswithBG li .trash-width {
  position: absolute;
  top: 0px;
  right: 10px;
  cursor: pointer;
}
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .iconswithBG li:hover {
  text-align: center;
}
.mainModal .modal-content .modal-body .actionControlBody {
  background: #110a1a;
  display: block;
  padding: 22px;
}
.mainModal .modal-content .modal-body .actionControlBody.emptyactions {
  position: relative;
}
.mainModal .modal-content .modal-body .actionControlBody.emptyactions .emptyactionbox {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  background: rgba(63, 52, 73, 0.72);
}
.mainModal .modal-content .modal-body .actionControlBody h5 {
  font-size: 12px;
  font-weight: 500;
  margin: 0px 0px 11px 0px;
  padding: 0px;
}
.mainModal .modal-content .modal-footer {
  background: #3f3449;
  text-align: center;
  border-top: 1px solid #110a1a !important;
  box-shadow: none !important;
  padding: 12.5px;
  justify-content: center;
}
.mainModal .modal-content .modal-footer button {
  margin: 0px 6px;
}

.insightstextfields {
  background: #110a1a !important;
  border: none;
  color: #fff !important;
}
.insightstextfields:focus {
  outline: none;
  box-shadow: none !important;
}

.mediaddImage {
  background: #110a1a;
  height: 6vw;
  width: 100%;
  text-align: center;
  position: relative;
  border: solid 1px var(--Border_Divider) !important;
  background: var(--Background_Secondary) !important;
  border-radius: 5px !important;
}
.mediaddImage.actionmedia {
  width: 152px;
}
.mediaddImage img {
  object-fit: cover;
  border-radius: 5px;
}
.mediaddImage span.deleteepisodeImage {
  position: absolute;
  right: 10px;
  bottom: 10px;
  cursor: pointer;
  line-height: 22px;
  border-radius: 3px !important;
  background: var(--Iconbg) !important;
  border: solid 1px var(--Iconborder) !important;
  color: var(--Title) !important;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
  width: 24px !important;
  height: 24px !important;
  line-height: 22px;
}
.mediaddImage span.deleteepisodeImage i {
  color: var(--Title) !important;
}
.mediaddImage span.deleteepisodeImage:hover {
  background-color: #B11E27 !important;
  border: solid 1px #B11E27 !important;
  color: #fff !important;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
}
.mediaddImage span.deleteepisodeImage:hover i {
  color: #fff !important;
}
.mediaddImage:hover .mediaimageInner {
  background: #7800ff;
}
.mediaddImage:hover .mediaimageInner label .media-icon {
  background: url(/bundles/map/images/media-icon.svg) no-repeat -20px 0;
}
.mediaddImage .mediaimageInner {
  background: #7b6c8f;
  border-radius: 3px;
  padding: 8px 10px;
  -webkit-box-shadow: 0px 4px 4px #000;
  -moz-box-shadow: 0px 4px 4px #000;
  -ms-box-shadow: 0px 4px 4px #000;
  -o-box-shadow: 0px 4px 4px #000;
  box-shadow: 0px 4px 4px #000;
  cursor: pointer;
  margin: 0 auto;
}
.mediaddImage .mediaimageInner label {
  margin: 0px;
}
.mediaddImage .mediaimageInner label .media-icon {
  color: #110a1a;
  background: url(/bundles/map/images/media-icon.svg) no-repeat;
  display: block;
  height: 16px;
  width: 20px;
  cursor: pointer;
}
.mediaddImage .mediaimageInner .viewImage {
  position: relative;
  height: 6vw;
  background: #1f1829;
  width: 100%;
  overflow: hidden;
}
.mediaddImage .mediaimageInner .viewImage .imageshow {
  object-fit: cover;
  width: 100%;
}
.mediaddImage .mediaimageInner .imagePreview {
  width: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.user-rating-popup {
  float: left;
  width: 100%;
}
.user-rating-popup.editMapInsight ul {
  padding-top: 0px;
}
.user-rating-popup.editMapInsight ul li {
  margin-right: 5px;
  width: 11px;
  height: 11px;
  background-size: 11.5px 10px !important;
}
.user-rating-popup.editMapInsight ul li.active {
  width: 11px;
  height: 11px;
  background-size: 11.5px 10px !important;
}
.user-rating-popup.ratingspace {
  margin-bottom: 15px;
}
.user-rating-popup.presentInsightrating ul {
  padding-top: 2px;
}
.user-rating-popup.presentInsightrating ul li {
  width: 13px;
  height: 11.5px;
  background-size: 13px 11.5px !important;
  cursor: auto !important;
}
.user-rating-popup ul {
  margin: 0;
  padding: 6.75px 0px;
  float: left;
}
.user-rating-popup ul li {
  float: left;
  margin-right: 5px;
  cursor: pointer;
  font: normal normal normal 14px/1 FontAwesome !important;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.user-rating-popup ul li::before {
  content: "";
  color: #110a1a;
}
.user-rating-popup ul li.active::before {
  content: "";
  color: #fff;
  font: normal normal normal 14px/1 FontAwesome !important;
}

.datefieldPop {
  width: 142.39px !important;
}

.ownerimg {
  display: inline-block;
  width: 100%;
}
.ownerimg.userdisplaymain .ownerimg {
  line-height: 28px;
  background: #64d3b2;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  color: #000;
  text-transform: uppercase;
}
.ownerimg.userdisplaymain .ownerimg .ownericon img {
  margin-top: -5px;
}
.ownerimg span.ownericon {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #110a1a;
  display: inline-block;
  font-size: 11px;
  line-height: 27px;
  cursor: pointer;
}
.ownerimg span.ownericon.user {
  background: #64d3b2;
  text-transform: uppercase;
  text-align: center;
  color: #000;
  margin-bottom: 15px;
}
.ownerimg span.ownericon img {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  object-fit: cover;
  margin-top: -4px;
  background: #110a1a;
}

.statusbox {
  display: inline-block;
  width: 100%;
}
.statusbox.userbox li {
  text-align: left;
}
.statusbox.userbox li .ownerimg {
  font-size: 12px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 5px;
}
.statusbox.userbox li .ownerimg .ownericon {
  line-height: 25px;
  background: #64d3b2;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  color: #000;
  text-transform: uppercase;
}
.statusbox.userbox li .ownerimg .ownericon img {
  margin-top: -1px;
}
.statusbox span.statusMainarea {
  width: auto;
  height: 25px;
  border-radius: 30px;
  background: #110a1a;
  display: inline-block;
  padding: 4px 10px;
  font-size: 13px;
  line-height: 16px;
}
.statusbox span.statusMainarea.inprogress {
  background: #6483d3;
  float: left;
}
.statusbox span.statusMainarea.inprogress img {
  width: 12px;
  height: 12px;
  margin-top: 0px;
}
.statusbox span.statusMainarea .inprogress {
  background: #6483d3;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  text-align: center;
  margin-right: 8px;
}
.statusbox span.statusMainarea .inprogress img {
  width: 8px;
  height: 8px;
  margin-top: -2px;
  margin-right: 0 !important;
  margin-left: 0px;
}
.statusbox span.statusMainarea.done {
  background: #28CD41;
  float: left;
}
.statusbox span.statusMainarea.done img {
  width: 12px;
  margin-top: -2px;
}
.statusbox span.statusMainarea .done {
  background: #28CD41;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  text-align: center;
  margin-right: 8px;
}
.statusbox span.statusMainarea .done img {
  width: 8px;
  margin-top: -3px;
  margin-right: 0 !important;
}
.statusbox span.statusMainarea.todo {
  background: #7b6c8f;
  float: left;
}
.statusbox span.statusMainarea.todo img {
  width: 12px;
  margin-top: 0px;
}
.statusbox span.statusMainarea .todo {
  background: #7b6c8f;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  text-align: center;
  margin-right: 8px;
}
.statusbox span.statusMainarea .todo img {
  width: 8px;
  margin-top: -1px;
  margin-right: 0 !important;
}
.statusbox span.statusMainarea img {
  margin-right: 7px;
}

.h-30 {
  height: 30px;
}

.sm-pop-media {
  width: 152.96px;
}

.insightpopbox h4.title {
  font-weight: bold;
  color: #ffffff;
  font-size: 18px;
  line-height: 27px;
}
.insightpopbox h4.title.viewPersonaTitle {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.insightpopbox p.disc {
  font-size: 12px;
  line-height: 20px;
  color: #c2b8d0;
  margin: 0px;
}
.insightpopbox p.disc.viewPersonaDesc {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: none;
}
.insightpopbox .insightactionmedia {
  width: 100%;
  margin-top: 10px;
  display: inline-block;
}
.insightpopbox .date {
  font-size: 12px;
  margin-bottom: 15px;
}
.insightpopbox .userlinkbtn {
  margin-top: 20px;
}
.insightpopbox .userlinkbtn span {
  width: auto;
  border-radius: 100px;
  line-height: 10px;
  font-size: 13px;
  background: #7b6c8f;
  text-align: center;
  font-weight: 700;
  display: inline-block;
  color: #110a1a;
  cursor: pointer;
  padding-left: 11px;
  padding-right: 11px;
  padding-top: 7px;
  padding-bottom: 6px;
  box-shadow: 0px 2px 4px #000000;
}
.insightpopbox .userlinkbtn span img {
  width: 11px;
  height: 11px;
  margin-right: 8px;
}

.statusbtn button {
  width: 100%;
  background: var(--Background_Secondary);
  color: #fff;
  border-radius: 100px !important;
  height: 25px;
  padding: 0px;
  border: none !important;
}
.statusbtn button i {
  margin-top: 6px;
}
.statusbtn button.selected {
  background: transparent !important;
}
.statusbtn button.dropdown-toggle::after {
  border: none !important;
}
.statusbtn .dropdown-menu {
  background: var(--Foreground_Primary) !important;
  border: 1px solid var(--Border_Divider) !important;
  border-radius: 5px;
  padding: 5px 0px;
  min-width: 120px;
  margin: 2px 0px 0px 0px;
  width: 100%;
}
.statusbtn .dropdown-menu .statusbox {
  width: 100%;
}
.statusbtn .dropdown-menu .statusbox.userboxdropdown {
  margin-bottom: -5px;
}
.statusbtn .dropdown-menu .statusbox.userboxdropdown li {
  font-size: 12px;
  margin: 0px 0px;
  padding: 3.5px 5px;
}
.statusbtn .dropdown-menu .statusbox.userboxdropdown li.d-none {
  display: none !important;
}
.statusbtn .dropdown-menu .statusbox.userboxdropdown li .ownerimg {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.statusbtn .dropdown-menu .statusbox.userboxdropdown li .ownerimg .ownericon {
  background: #64d3b2;
  text-align: center;
  color: #000;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 12px;
}
.statusbtn .dropdown-menu .statusbox.userboxdropdown li .ownerimg .ownericon.nobg {
  background: transparent !important;
}
.statusbtn .dropdown-menu .statusbox.userboxdropdown li .ownerimg .ownericon.nobg img {
  margin-top: -5px;
}
.statusbtn .dropdown-menu .statusbox li:nth-last-child(1) {
  border-bottom: 0px solid #000;
}
.statusbtn .dropdown-menu .statusbox li {
  margin: 0px 0px;
  border-bottom: 0px solid #000;
}
.statusbtn .dropdown-menu .statusbox li:hover {
  background: var(--Foreground_Primary);
}
.statusbtn .dropdown-menu .statusbox li span {
  color: #fff;
  display: inline-block;
  cursor: pointer;
}

.insightWarningText {
  font-size: 13px;
}

.insightPresentrow {
  position: relative;
  width: 100%;
}
.insightPresentrow.ImpPresent.collspePresentRow {
  height: 58px;
}
.insightPresentrow.expandmotpresentRow .width-80 .width1 {
  flex: 0 0 50% !important;
  max-width: 50% !important;
}
.insightPresentrow.collspemotpresentRow {
  height: 140px;
  overflow: hidden;
}
.insightPresentrow.collspemotpresentRow .cslistArrow {
  display: none;
}
.insightPresentrow.collspemotpresentRow .collaspehead {
  height: 62px !important;
}
.insightPresentrow.collspePresentRow {
  width: 100%;
  height: 140px;
  overflow: hidden;
}
.insightPresentrow.collspePresentRow .width-80 {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}
.insightPresentrow.collspePresentRow .width-80 .width1 {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}
.insightPresentrow .insightPresentdata {
  padding-left: 26px;
  display: inline-block;
  width: 100%;
}
.insightPresentrow .insightPresentdata .insightdatabox {
  float: left;
  width: 100%;
}
.insightPresentrow .insightPresentdata .insightdatabox .ownerimg {
  width: auto;
  float: left;
}
.insightPresentrow .insightPresentdata .insightdatabox .userDatagrp {
  float: left;
  padding-left: 21px;
}
.insightPresentrow .insightPresentArrow {
  width: 25px;
  height: 25px;
  background: #110a1a;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  position: absolute;
}
.insightPresentrow .insightPresentArrow.cslistArrow {
  position: absolute;
  left: -22px;
  width: 19px;
  height: 19px;
  line-height: 19px;
  background: #7800ff;
}

.bg-whte {
  background: #fff !important;
}

.mainfont {
  font-size: 13px;
  color: #c2b8d0;
  font-weight: 500;
}
.mainfont.breaktext {
  word-break: break-word;
}
.mainfont p {
  padding: 0px;
  margin: 0px;
}
.mainfont p a {
  color: #c2b8d0;
  word-wrap: break-word;
}

.mt-5 {
  margin-top: 5px !important;
}

.popupInsightpresentBox1 {
  float: left;
  width: 64% !important;
}

.popupInsightpresentBox2 {
  float: left;
  width: 36% !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.custJourneyBox {
  width: 100%;
  padding-right: 15px;
}
.custJourneyBox .useractionsJourneys {
  margin-bottom: 5px;
}
.custJourneyBox .useractionsJourneys .useractionsJourneybox {
  background: #110a1a;
  border-radius: 100px;
  padding-right: 10px;
  display: inline-grid;
  height: 25px;
}
.custJourneyBox .useractionsJourneys .useractionsJourneybox span {
  width: auto;
  font-size: 13px;
  text-align: center;
  font-weight: 600;
  display: inline-block;
  color: #fff;
  padding-left: 11px;
  padding-right: 20px;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
}
.custJourneyBox .useractionsJourneys .useractionsJourneybox span span {
  text-overflow: ellipsis;
  line-height: 24px;
  padding-left: 0px;
  padding-right: 0px;
}
.custJourneyBox .useractionsJourneys .useractionsJourneybox span span.noInsightJourneyTitle {
  color: #656565;
}
.custJourneyBox .useractionsJourneys .useractionsJourneybox span img {
  width: 12px;
  height: 10px;
  margin-right: 8px;
  float: left;
  margin-top: 8px;
}

.bgnone {
  background: none !important;
}

.pt-0 {
  padding-top: 0px !important;
}

.popBorder {
  border-bottom: 1px solid #110a1a !important;
}

.pb-5 {
  padding-bottom: 5px !important;
}

.insightSeachFilter {
  position: absolute;
  right: 0px;
  top: 0px;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.mt-0 {
  margin-top: 0px !important;
}

.pt-13 {
  padding-top: 13px !important;
}

.insightPopSearch {
  background: #110a1a !important;
  color: #c2b8d0 !important;
}
.insightPopSearch:hover, .insightPopSearch:focus {
  background: #1f1829 !important;
}

.insightPopSearch-icon {
  color: #c2b8d0 !important;
}

.no-mx-height {
  max-height: none !important;
}

.mx-height-400 {
  overflow: auto;
  min-height: 400px;
  max-height: calc(100vh - 235px) !important;
}
.mx-height-400.min-100 {
  min-height: 100px !important;
}

.searchKeywords {
  width: 100%;
  padding: 5px 0px;
}
.searchKeywords span.searchword {
  margin-right: 7px;
  border-radius: 100px;
  line-height: 10px;
  font-size: 13px;
  background: #7801FF;
  text-align: center;
  font-weight: 600;
  display: inline-block;
  color: #fff;
  cursor: pointer;
  line-height: 25px;
  padding: 0px 23px 0px 15px;
  box-shadow: 0px 2px 4px #000000;
  position: relative;
  margin-bottom: 5px;
}
.searchKeywords span.searchword i {
  margin: 0px 2px;
  font-size: 10px;
}
.searchKeywords span.searchword i.in-active {
  color: #110a1a !important;
}
.searchKeywords span.searchword i.active {
  color: #fff !important;
}
.searchKeywords span.searchword i.font-icon {
  margin-top: 7px !important;
  margin-right: 5px;
  float: left;
  font-size: 12px;
}
.searchKeywords span.searchword img {
  height: 15px;
  width: auto;
  margin-right: 5px;
  margin-top: -2px;
}
.searchKeywords span.searchword img.ownericon {
  height: 12px !important;
  margin-top: -2px;
}
.searchKeywords span.searchword.clearall {
  background: #9e0000;
  margin-left: 0px;
  padding: 0px 15px 0px 15px !important;
}
.searchKeywords span.searchword .closebtn {
  font-size: 18px;
  position: absolute;
  right: 7px;
  color: #fff;
  opacity: 1;
  font-weight: 400;
}
.searchKeywords span.searchword.search-co-owner {
  background: #b070f9 !important;
}
.searchKeywords span.searchword.color1 {
  background: #109386 !important;
}
.searchKeywords span.searchword.color2 {
  background: #a92787 !important;
}
.searchKeywords span.searchword.color3 {
  background: #cba10b !important;
}

.insightwidgetBoxMain .widgetDispayBox .widgetHeading {
  height: 30px;
  border-bottom: solid 2px #3f3449;
  position: relative;
}
.insightwidgetBoxMain .widgetDispayBox .widgetHeading p {
  text-align: center;
  margin: 0px;
  padding: 0px;
  font-size: 12px;
  line-height: 30px;
  font-weight: bold;
}
.insightwidgetBoxMain .widgetDispayBox .widgetHeading p span.milkyDotsmenu {
  width: 30px;
  height: 28px;
  top: 0px;
  right: 0px;
}
.insightwidgetBoxMain .widgetDispayBox .widgetHeading p span.milkyDotsmenu img {
  width: 6px;
  margin-top: 0px;
}
.insightwidgetBoxMain .widgetDispayBox .widgetHeading p span.milkyDotsmenu .dropdown span {
  width: 30px;
  height: 28px;
  display: block;
  margin-top: 0px;
  margin-left: 0px;
}
.insightwidgetBoxMain .widgetDispayBox .widgetHeading p span.milkyDotsmenu .dropdown-menu {
  z-index: 100;
  background: #26202e;
  padding: 0px;
  border-radius: 0px;
  right: 0px !important;
  left: -58px !important;
  transform: translate3d(-96px, 0px, 0px) !important;
}
.insightwidgetBoxMain .widgetDispayBox .widgetHeading p span.milkyDotsmenu .dropdown-menu a {
  padding: 0px 8px;
}
.insightwidgetBoxMain .widgetDispayBox .widgetData {
  padding: 21px;
}
.insightwidgetBoxMain .widgetDispayBox .widgetData .personBox {
  height: 47px;
  background: var(--Foreground_Primary) !important;
  border-radius: 10px;
  padding: 11px;
  border: solid 1px var(--Border_Divider);
}
.insightwidgetBoxMain .widgetDispayBox .widgetData .personBox:hover {
  background: #3f3449;
  cursor: pointer;
}
.insightwidgetBoxMain .widgetDispayBox .widgetData .personBox .userImg {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  position: absolute;
  margin-left: 0px !important;
}
.insightwidgetBoxMain .widgetDispayBox .widgetData .personBox .userImg.userNameround {
  background: #64d3b2;
  color: #000;
  text-align: center;
  font-size: 12px;
  line-height: 25px;
  font-weight: 600;
  margin-top: 1px;
}
.insightwidgetBoxMain .widgetDispayBox .widgetData .personBox .userImg img {
  width: 25px;
  height: 25px;
  object-fit: cover;
  box-shadow: 0px 0px 4px #000000;
  border-radius: 50%;
  background: #110a1a;
}
.insightwidgetBoxMain .widgetDispayBox .widgetData .personBox .userName {
  font-size: 12px;
  position: relative;
  width: 100%;
  display: inline-block;
  padding-left: 30px;
  white-space: nowrap;
  overflow: hidden;
  line-height: 27px;
}
.insightwidgetBoxMain .widgetDispayBox .widgetData .insightsBox {
  height: auto !important;
  padding: 21px;
}
@media (min-width: 1600px) and (max-width: 1749px) {
  .insightwidgetBoxMain .widgetDispayBox .widgetData .insightsBox {
    padding: 16px;
  }
}
.insightwidgetBoxMain .widgetDispayBox .widgetData .insightsBox.ourWidget {
  border: 1px solid #0ba32d;
  padding-bottom: 32px !important;
}
.insightwidgetBoxMain .widgetDispayBox .widgetData .insightsBox.ourWidget .ourwidgetbg {
  height: 21px;
  left: 0px;
  text-align: center;
  background: linear-gradient(-270deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 68.97%), #0ba32d;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  position: absolute !important;
  bottom: 0px;
  border-top: 1px solid #0ba32d;
}
.insightwidgetBoxMain .widgetDispayBox .widgetData .insightsBox.ourWidget .ourwidgetbg.d-none {
  display: block !important;
}
.insightwidgetBoxMain .widgetDispayBox .widgetData .insightsBox.ourWidget .ourwidgetbg .oursIcon {
  display: block;
  margin-top: -2px;
  line-height: 21px;
}
.insightwidgetBoxMain .widgetDispayBox .widgetData .insightsBox.ourWidget .ourwidgetbg .oursIcon img {
  width: 12px;
  height: 9px;
  margin-top: 3px;
  box-shadow: none !important;
}
.insightwidgetBoxMain .widgetDispayBox .widgetData .insightsBox .userIcon {
  position: relative;
  display: inline-block;
  padding-left: 32px;
  white-space: nowrap;
  overflow: hidden;
  line-height: 25px;
}
.insightwidgetBoxMain .widgetDispayBox .widgetData .insightsBox .userIcon .insightsIocn {
  background: #000;
  border-radius: 100px;
  font-size: 13px;
  padding: 0px 15px;
  display: inline-block;
}
.insightwidgetBoxMain .widgetDispayBox .widgetData .insightsBox .userIcon .insightsIocn i {
  margin-right: 5px;
}
.insightwidgetBoxMain .widgetDispayBox .widgetData .insightsBox .userIcon .insightsIocn img {
  margin-right: 8px;
}
.insightwidgetBoxMain .widgetDispayBox .widgetData .insightsBox .insiteData {
  font-size: 13px;
  height: auto !important;
  overflow: hidden;
  line-height: 18px;
  width: 100%;
  margin-bottom: 21px;
}

.mt-addWidget {
  margin-top: 12px;
}

.global-btn-sm.lcmodaladd {
  margin: 0px;
  padding: 4px 14px;
  line-height: 20px;
}
.global-btn-sm.lcmodaladd span {
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  height: 12px;
  width: 12px;
}
.global-btn-sm.lcmodaladd span.add-icon {
  background: url("/bundles/map/images/add-icon.svg") no-repeat;
  background-size: 100%;
}
.global-btn-sm.lcmodaladd:hover span.add-icon {
  background: url("/bundles/map/images/add-icon-hover.svg") no-repeat;
  background-size: 100%;
}

.addwidgetFullmodal {
  box-shadow: none !important;
  background: #110a1a !important;
  border: 1px dashed #7b6c8f !important;
  width: 100% !important;
  text-align: center;
  cursor: pointer;
}
.addwidgetFullmodal i {
  font-size: 13px;
  color: #fff;
}
.addwidgetFullmodal span {
  margin-right: 0px !important;
}
.addwidgetFullmodal span.add-icon {
  background: url("/bundles/map/images/add-icon-hover.svg") no-repeat !important;
  background-size: 100%;
}
.addwidgetFullmodal:hover {
  background: #7801FF !important;
  border: 1px dashed #a294b5 !important;
}

.insightUserheight {
  height: 27px;
}

.widgetStatuslifecycle {
  margin-bottom: 0px;
  display: inline-block;
}
@media (min-width: 1600px) and (max-width: 1749px) {
  .widgetStatuslifecycle {
    margin-top: 12px !important;
  }
}

.widgetStatuslifecycle span:nth-child(1) {
  float: left;
}
.widgetStatuslifecycle span:nth-child(1) img {
  height: 10px !important;
  width: 11px !important;
  float: left;
  margin-right: 5px;
}

.widgetStatuslifecycle span:nth-child(2) {
  float: right;
}
.m-0 {
  margin: 0px !important;
}

.widgetpadding {
  padding-left: 7.5px;
  padding-right: 7.5px;
}

.tab-pane .allmilkymapslist .subtitle {
  font-size: 13px !important;
  margin-bottom: 21px !important;
  margin-top: 5px !important;
  line-height: 10px !important;
  display: block;
}
.tab-pane .allmilkymapslist .mmboxinner {
  padding: 2px !important;
  background: #110a1a !important;
}
.tab-pane .allmilkymapslist .mmboxinner .mmboxinner-bottom {
  padding: 18px !important;
}

.cxLifecyleheadpopup {
  font-size: 10px;
  color: #fff;
  padding: 5px;
  display: inline-block;
  background: #3f3449;
  margin-top: 10px;
}

.userDropdownLifecycle {
  margin-bottom: 10px;
}
.userDropdownLifecycle select.selectpicker {
  display: block !important;
  display: block !important;
  background: #3f3449;
  color: #fff;
  border: solid 1px #3f3449;
  height: 30px !important;
  padding: 0px 5px;
  font-size: 12px;
  border-radius: 0px;
}
.userDropdownLifecycle select.selectpicker:focus {
  box-shadow: none !important;
  outline: none;
}

.insightsBox {
  position: relative;
}
.insightsBox:hover .insightControls {
  visibility: visible;
}
.insightsBox:hover .inSighthoverBox {
  visibility: visible;
}
.insightsBox .inSighthoverBox {
  width: calc(100% + 42px);
  height: 100%;
  background: rgba(17, 10, 26, 0.4);
  z-index: 2;
  border-radius: 10px;
  left: -21px;
  top: -21px;
  right: -21px;
  visibility: hidden;
  position: relative;
  cursor: pointer;
}
@media (min-width: 1600px) and (max-width: 1749px) {
  .insightsBox .inSighthoverBox {
    left: -16px;
    top: -16px;
    right: -16px;
    width: calc(100% + 32px);
  }
}
.insightsBox .insightControls {
  visibility: hidden;
  height: 30px;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.insightsBox .insightControls span.arrow {
  float: left;
  padding: 4.5px 11.5px;
  font-size: 14px;
}
.insightsBox .insightControls span.milkyDotsmenu {
  float: right;
  position: relative;
  width: 24px;
  height: 24px;
  top: 3px;
  right: 4px;
}
.insightsBox .insightControls span.milkyDotsmenu img {
  width: 3px;
  height: 15px;
  vertical-align: top;
  margin: 4.5px 10.5px;
}
.insightsBox .insightControls span.milkyDotsmenu .dropdown a {
  padding: 0px !important;
}
.insightsBox .insightControls span.milkyDotsmenu .dropdown span {
  width: 24px;
  height: 24px;
  display: block;
  margin-top: 0px;
  margin-left: 0px;
}
.insightsBox .insightControls span.milkyDotsmenu .dropdown span:hover {
  background: rgba(17, 10, 26, 0.4);
  border-radius: 50%;
}
.insightsBox .insightControls span.milkyDotsmenu .dropdown-menu {
  left: 0px !important;
  transform: translate3d(-150px, 4px, 0px) !important;
  z-index: 10;
  min-width: 120px;
  border: 1px solid #000;
  min-width: 140px;
  background: #26202e;
  padding: 0px;
  border-radius: 0px;
  right: 0px !important;
  z-index: 10;
}
.insightsBox .insightControls span.milkyDotsmenu .dropdown-menu a {
  text-align: left;
  width: 100%;
  display: block;
  font-size: 13px;
  padding: 4px 11px !important;
  font-weight: 600;
  border-bottom: 1px solid #000;
  color: #fff;
  cursor: pointer;
  white-space: normal;
}
.insightsBox .insightControls span.milkyDotsmenu .dropdown-menu a:hover {
  color: #fff;
  background: #3f3449;
}
.insightsBox .insightControls span.milkyDotsmenu .dropdown-menu a.delete:hover {
  background: #B11E27;
}
.insightsBox .userIcon .insightsIocn {
  padding: 0px 8px !important;
}
.insightsBox .userIcon .insightsIocn img {
  width: 12px !important;
}

.datepickerCustom {
  position: relative;
}
.datepickerCustom span.calenderIcon {
  position: absolute;
  top: 0px;
  left: 0;
  padding: 3px 6.5px !important;
  font-size: 13px;
}
.datepickerCustom span.arrowIcon {
  position: absolute;
  top: 0;
  right: 0;
  padding: 3px 6.5px !important;
  font-size: 13px;
  line-height: 20px !important;
  display: inline-block;
}
.datepickerCustom.datepickerCustomKPI .bootstrap-datetimepicker-widget {
  position: absolute;
  right: -249px !important;
  top: 0px !important;
  border-radius: 0px !important;
}
.datepickerCustom.datepickerCustomKPI .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
  border-bottom: 0px solid #3f3449;
}
.datepickerCustom.datepickerCustomKPI .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
  border-bottom: 0px solid #3f3449;
}
.datepickerCustom.datepickerCustomKPI .bootstrap-datetimepicker-widget.dropdown-menu.top:after {
  border-bottom: 0px solid #3f3449;
}
.datepickerCustom.datepickerCustomKPI .bootstrap-datetimepicker-widget.dropdown-menu.top:before {
  border-bottom: 0px solid #3f3449;
}
.datepickerCustom .bootstrap-datetimepicker-widget {
  width: 216px !important;
  font-size: 13px;
  background: #3f3449 !important;
  inset: 30px 0px auto auto !important;
}
.datepickerCustom .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
  border-bottom: 6px solid #3f3449;
}
.datepickerCustom .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
  border-bottom: 6px solid #3f3449;
}
.datepickerCustom .bootstrap-datetimepicker-widget table td.old,
.datepickerCustom .bootstrap-datetimepicker-widget table td.new {
  color: #110a1a !important;
  background: #2d2637 !important;
  opacity: 0.5;
}
.datepickerCustom .bootstrap-datetimepicker-widget table td,
.datepickerCustom .bootstrap-datetimepicker-widget table th {
  text-align: center;
  border-radius: 0px;
}
.datepickerCustom .bootstrap-datetimepicker-widget table {
  border-spacing: 3px !important;
  border-collapse: unset !important;
}
.datepickerCustom .bootstrap-datetimepicker-widget table td.day {
  color: #fff;
  background: #110a1a;
}
.datepickerCustom .bootstrap-datetimepicker-widget table td.day.today {
  background: #110a1a;
  color: #fff;
}
.datepickerCustom .bootstrap-datetimepicker-widget table td.day.today::before {
  bottom: 1px;
  right: 1px;
  border-bottom-color: #fff;
}
.datepickerCustom .bootstrap-datetimepicker-widget table td.day.today:hover {
  background: #7800ff !important;
}
.datepickerCustom .bootstrap-datetimepicker-widget table td.day.today.active {
  background: #7800ff !important;
}
.datepickerCustom .bootstrap-datetimepicker-widget table td.day.active {
  background: #7800ff;
}
.datepickerCustom .bootstrap-datetimepicker-widget table td.day:hover {
  background: #7800ff !important;
}
.datepickerCustom .bootstrap-datetimepicker-widget table th {
  color: #7b6c8f;
}
.datepickerCustom .bootstrap-datetimepicker-widget table th.prev,
.datepickerCustom .bootstrap-datetimepicker-widget table th.next {
  background: #7b6c8f;
  border-radius: 50%;
  width: 25px;
  text-align: center;
  color: #110a1a !important;
  position: relative;
}
.datepickerCustom .bootstrap-datetimepicker-widget table th.prev:hover,
.datepickerCustom .bootstrap-datetimepicker-widget table th.next:hover {
  background: #7801FF !important;
  color: #fff !important;
}
.datepickerCustom .bootstrap-datetimepicker-widget table th.prev span,
.datepickerCustom .bootstrap-datetimepicker-widget table th.next span {
  font-size: 12px;
  position: absolute;
}
.datepickerCustom .bootstrap-datetimepicker-widget table th.prev span {
  left: 7px;
  top: 7px;
}
.datepickerCustom .bootstrap-datetimepicker-widget table th.next span {
  right: 6px;
  top: 7px;
}
.datepickerCustom .bootstrap-datetimepicker-widget table thead tr:first-child th {
  color: #fff;
  font-size: 13px;
  font-weight: 700;
}
.datepickerCustom .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
  background: #3f3449;
}
.datepickerCustom .bootstrap-datetimepicker-widget .table-condensed > thead > tr > th,
.datepickerCustom .bootstrap-datetimepicker-widget .table-condensed > tbody > tr > td,
.datepickerCustom .bootstrap-datetimepicker-widget .table-condensed > tfoot > tr > td {
  padding: 2.5px 4.25px;
}
.datepickerCustom .bootstrap-datetimepicker-widget table td span.month {
  width: 43px;
  height: 43px;
  line-height: 43px !important;
  margin: 2px 2px;
  border-radius: 0px !important;
  background: #110a1a !important;
  display: inline-block !important;
  color: #fff !important;
}
.datepickerCustom .bootstrap-datetimepicker-widget table td span.month:hover {
  background: #7801FF !important;
}
.datepickerCustom .bootstrap-datetimepicker-widget table td span.year {
  width: 43px;
  height: 43px;
  line-height: 43px !important;
  margin: 2px 2px;
  border-radius: 0px !important;
  background: #110a1a !important;
  display: inline-block !important;
  color: #fff !important;
}
.datepickerCustom .bootstrap-datetimepicker-widget table td span.year:hover {
  background: #7801FF !important;
}
.datepickerCustom .bootstrap-datetimepicker-widget .datepicker-decades table.table-condensed td span {
  display: none !important;
}
.datepickerCustom .bootstrap-datetimepicker-widget .datepicker-decades table.table-condensed td span.decade {
  width: 90px;
  height: 40px;
  line-height: 40px !important;
  margin: 2px 2px;
  display: inline-block !important;
  border-radius: 0px !important;
  background: #110a1a !important;
  color: #fff !important;
  visibility: visible !important;
}
.datepickerCustom .bootstrap-datetimepicker-widget .datepicker-decades table.table-condensed td span.decade:hover {
  background: #7801FF !important;
}

.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .datepickerCustom .form-control {
  padding-left: 28px !important;
}

.insightDragbox .empty-drag-slot-100 {
  height: 100% !important;
  position: unset !important;
  z-index: auto !important;
  width: 100% !important;
}

.topfixedEditmap .flexContainer .width-14 .widgetArea .inSightspace {
  padding: 0px !important;
  margin: 0px !important;
}
.topfixedEditmap .flexContainer .width-14 .widgetArea .inSightInnerspace {
  padding-left: 20px !important;
  padding-right: 20px !important;
  height: calc(100% - 60px) !important;
}
.topfixedEditmap .flexContainer .width-14 .widgetArea .inSightInnerspace.dataAddInsight {
  height: auto !important;
}
.topfixedEditmap .flexContainer .width-14 .widgetArea .inSightInnerspace.dataAddInsight .insightwidgetBoxMain {
  margin-bottom: 20px;
}
.topfixedEditmap .flexContainer .width-14 .widgetArea .inSightInnerspace.dataAddInsight .insightwidgetBoxMain .widgetDispayBox .addLaneInner {
  margin-top: 0px !important;
}
.topfixedEditmap .flexContainer .width-14 .widgetArea .inSightInnerspace.dataAddInsight .insightwidgetBoxMain .widgetDispayBox .addLaneInner .tertiarynew-btn.mt-20 {
  margin-top: 20px !important;
}
.topfixedEditmap .flexContainer .width-14 .widgetArea .inSightInnerspace.dataAddInsight .insightwidgetBoxMain .widgetDispayBox .addLaneInner .m-button-small.mt-20,
.topfixedEditmap .flexContainer .width-14 .widgetArea .inSightInnerspace.dataAddInsight .insightwidgetBoxMain .widgetDispayBox .addLaneInner .global-btn-sm.mt-20 {
  margin-top: 20px !important;
}
.topfixedEditmap .flexContainer .width-14 .widgetArea .inSightInnerspace .insightwidgetBoxMain {
  margin-left: auto !important;
  margin-right: auto !important;
}
.topfixedEditmap .flexContainer .width-14 .widgetArea .inSightInnerspace .insightwidgetBoxMain .widgetDispayBox {
  background: none !important;
}
.topfixedEditmap .flexContainer .width-14 .widgetArea .inSightInnerspace .insightwidgetBoxMain .widgetDispayBox .addLaneInner .tertiarynew-btn {
  margin-bottom: 0px !important;
  margin-top: -30px !important;
}
.inSightEpisodeView {
  padding-top: 0px !important;
}
.inSightEpisodeView .episodeInsight .widgetArea {
  margin: 0px 0px 12px 0px;
}
.inSightEpisodeView .episodeInsight .widgetArea:nth-child(1) {
  margin-top: 20px;
}
.inSightEpisodeView .episodeInsight .widgetArea:nth-last-child(1) {
  margin-bottom: 0px;
}
.inSightEpisodeView .m-button-small,
.inSightEpisodeView .global-btn-sm {
  margin-top: 20px !important;
}
.inSightEpisodeView .empty-drag-slot-100 .draggable-item {
  height: 100% !important;
}

.InsightTouchPoint .widgetData {
  margin-bottom: 20px;
}
.InsightTouchPoint .tertiarynew-btn {
  margin-top: 0px !important;
}
.InsightTouchPoint .m-button-small.mtmb-20,
.InsightTouchPoint .global-btn-sm.mtmb-20 {
  margin-top: 0px !important;
}

.insightFilter .m-select-filter-dropdown .dropdown-menu li a span.text {
  padding: 0px 0px !important;
}

.inSightLeftFilterBox .card.selected {
  background: #2d2637 !important;
}
.inSightLeftFilterBox .card-header span.filterInSightcheckLevel {
  position: absolute;
  top: 6px;
  z-index: 1;
}
.inSightLeftFilterBox .card-header h5 span.filterInSightcheckLevel {
  position: absolute;
  top: 7px;
  z-index: 1;
}
.inSightLeftFilterBox .card-header h5 label {
  margin-bottom: 0px;
  padding-left: 35px;
  padding-right: 5px;
  line-height: 20px;
}
.inSightLeftFilterBox .menulevelone .card-body label {
  margin-bottom: 0px;
}
.inSightLeftFilterBox .menulevelone .card-body .card .card-header h5 span.filterInSightcheckLevel {
  position: absolute;
  top: 7px !important;
  z-index: 1;
}
.inSightLeftFilterBox .menulevelone .card-body .card .card-header h5 label {
  margin-bottom: 0px;
  font-weight: 500;
}
.inSightLeftFilterBox .menulevelone .card-body .card .card-header h5 label p {
  margin-bottom: 0px;
}
.inSightLeftFilterBox .menuleveltwo .card-body .accordianCheck1 {
  position: relative;
}
.inSightLeftFilterBox .menuleveltwo .card-body .accordianCheck1 span.filterInSightcheckLevel {
  position: absolute;
  top: 0px !important;
  z-index: 1;
}
.inSightLeftFilterBox .menuleveltwo .card-body .accordianCheck1 label {
  padding-left: 35px;
  margin-bottom: 0px;
  font-weight: 500;
  color: #a294b5;
  line-height: 20px;
}
.inSightLeftFilterBox .menuleveltwo .card-body .accordianCheck1 label p {
  margin: 0px;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  margin-right: 12px;
  text-overflow: ellipsis;
}
.inSightLeftFilterBox .menuleveltwo .card-body .accordianCheck1 label p span {
  color: #a294b5 !important;
}
.inSightLeftFilterBox.dimensions {
  margin: 9px 0px;
}
.inSightLeftFilterBox.dimensions .card-header h5 span.filterInSightcheckLevel {
  position: absolute !important;
  z-index: 1;
  top: 5px;
}
.inSightLeftFilterBox.dimensions .card .card-header h5 span.filterInSightcheckLevel {
  position: absolute !important;
  z-index: 1;
  top: 7px;
}
.inSightLeftFilterBox.dimensions .card .card-header h5 .accordianCheck1 label {
  padding-left: 22px;
}
.inSightLeftFilterBox.dimensions .menulevelone .card-body .card .accordianCheck1 {
  position: relative;
}
.inSightLeftFilterBox.dimensions .menulevelone .card-body .card .accordianCheck1 .filterInSightcheckLevel {
  position: absolute;
  z-index: 1;
  top: 2px;
}
.inSightLeftFilterBox.dimensions .menulevelone .card-body .card .accordianCheck1 label {
  padding-left: 22px;
}

.insightsCheck.insightChecklight .checkboxinner input:checked ~ .checkmark {
  background: #110a1a !important;
  background: linear-gradient(135deg, #7800ff 50%, #110a1a 50%) !important;
  border: solid 1px #000;
}
.insightsCheck .checkboxinner {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  float: left;
}
.insightsCheck .checkboxinner input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.insightsCheck .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 13px;
  width: 13px;
  background-color: #110a1a;
  border: solid 1px #000;
}
.insightsCheck .checkboxinner:hover input ~ .checkmark {
  background-color: #110a1a;
  border: solid 1px #000;
}
.insightsCheck .checkboxinner input:checked ~ .checkmark {
  background: #7800ff;
  border: solid 1px #000;
}
.insightsCheck .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.insightsCheck .checkboxinner input:checked ~ .checkmark:after {
  display: block;
}
.insightsCheck .checkboxinner .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border: none !important;
}

.inSightSearchEditmap .imageSearch input {
  background: #110a1a !important;
}

.inSightfilterEditmap .filterOrderBg {
  background: #110a1a !important;
}

.inSightfilterdropdownEditmap .filterorderDropdown {
  right: 15px;
  top: 34px !important;
}

.selectArrowMain.insightFilterEditmap .bootstrap-select .dropdown-toggle:after {
  top: 3px;
}
.selectArrowMain.insightFilterEditmap .form-control button.dropdown-toggle {
  background: #000 !important;
}

.form-section .form-group .form-control .selectArrowMain.insightFilterEditmap {
  background: #110a1a !important;
}

.insightFilterLabel {
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  margin-right: 12px;
  text-overflow: ellipsis;
}
.insightFilterLabel.noJourneyTitle {
  color: #959595;
}

.insightwidgetBoxMain {
  margin-left: auto !important;
  margin-right: auto !important;
}

.dragdoc .insightwidgetBoxMain {
  margin-bottom: 20px;
}

.mt-10 {
  margin-top: 10px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.pl-15 {
  padding-left: 15px;
}

.pr-15 {
  padding-right: 15px;
}

.w-color {
  color: #fff !important;
}

.userdisplaymain span.ownericon {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #64d3b2 !important;
  display: inline-block;
  font-size: 12px;
  line-height: 28px;
  text-align: center;
  color: #000 !important;
  font-weight: 600;
  cursor: pointer;
}
.userdisplaymain span.ownericon img {
  margin-top: -4px;
}

.userdisplay .ownericon img {
  margin-top: -4px;
}

.createbtni-insightEditmap {
  float: left;
  margin-right: 21px;
}

.bdrtophead {
  border-top: solid 1px #110a1a !important;
}

.importance.filtercheckbox .bootstrap-select.show-tick .dropdown-menu {
  min-width: 100% !important;
}
.importance.filtercheckbox .bootstrap-select.show-tick .dropdown-menu li a .text span i {
  margin-right: 5px;
}
.importance.filtercheckbox .bootstrap-select.show-tick .dropdown-menu li a .text span i.in-active {
  color: #110a1a;
  font-size: 13px;
}
.importance.filtercheckbox .bootstrap-select.show-tick .dropdown-menu li a .text span i.active {
  color: #fff;
  font-size: 11px;
}

.importance.filtercheckbox .m-select-filter-dropdown .dropdown-toggle .filter-option .filter-option-inner .filter-option-inner-inner {
  line-height: 15px !important;
}
.importance.filtercheckbox .m-select-filter-dropdown .dropdown-toggle .filter-option .filter-option-inner .filter-option-inner-inner span {
  background: #7801FF;
  border-radius: 10px;
  padding: 0px 5px;
  display: inline-block;
  margin-top: 0px;
  margin-right: 2px;
  line-height: 15px;
}
.importance.filtercheckbox .m-select-filter-dropdown .dropdown-toggle .filter-option .filter-option-inner .filter-option-inner-inner span i {
  margin: 0px 2px;
}
.importance.filtercheckbox .m-select-filter-dropdown .dropdown-toggle .filter-option .filter-option-inner .filter-option-inner-inner span i.in-active {
  color: #110a1a;
  font-size: 11px;
}
.importance.filtercheckbox .m-select-filter-dropdown .dropdown-toggle .filter-option .filter-option-inner .filter-option-inner-inner span i.active {
  color: #fff;
  font-size: 9px;
}

.statusfilter.filtercheckbox .bootstrap-select.show-tick .dropdown-menu {
  min-width: 100% !important;
}
.statusfilter.filtercheckbox .bootstrap-select.show-tick .dropdown-menu li a .text span img {
  width: 15px;
  height: 15px;
  margin-right: 10px;
}

.statusfilter.filtercheckbox .m-select-filter-dropdown .dropdown-toggle .filter-option .filter-option-inner .filter-option-inner-inner {
  float: left;
  line-height: 15px !important;
}
.statusfilter.filtercheckbox .m-select-filter-dropdown .dropdown-toggle .filter-option .filter-option-inner .filter-option-inner-inner span {
  border-radius: 10px;
  padding: 0px 7.5px;
  display: inline-block;
  margin-top: 0px;
  margin-right: 2px;
  line-height: 15px;
  font-size: 12px;
}
.statusfilter.filtercheckbox .m-select-filter-dropdown .dropdown-toggle .filter-option .filter-option-inner .filter-option-inner-inner span.todo {
  background: #7b6c8f;
}
.statusfilter.filtercheckbox .m-select-filter-dropdown .dropdown-toggle .filter-option .filter-option-inner .filter-option-inner-inner span.inprogress {
  background: #6483d3;
}
.statusfilter.filtercheckbox .m-select-filter-dropdown .dropdown-toggle .filter-option .filter-option-inner .filter-option-inner-inner span.done {
  background: #28CD41;
}
.statusfilter.filtercheckbox .m-select-filter-dropdown .dropdown-toggle .filter-option .filter-option-inner .filter-option-inner-inner span img {
  display: none;
}

.ownerSelect.filtercheckbox .bootstrap-select.show-tick .dropdown-menu {
  min-width: 100% !important;
}

.insightPopdropdown.filtercheckbox .bootstrap-select.show-tick .dropdown-menu {
  min-width: 100% !important;
}

.viewInsightmain .ownerimg .ownericon {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  line-height: 25px;
  background: #64d3b2;
  font-size: 11px;
  text-transform: uppercase;
  color: #000;
  text-align: center;
  font-weight: 700;
  cursor: auto !important;
}
.viewInsightmain .ownerimg .ownericon.nobg {
  background: transparent !important;
}

/* ----- Z-Index For Modals------ */
.mapUserStatus {
  height: 17px;
  width: 17px;
  border-radius: 50%;
  line-height: 17px;
  font-size: 11px;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  display: inline-block;
  margin-top: -4px;
}
.mapUserStatus.todo {
  background: #7b6c8f;
}
.mapUserStatus.todo img {
  width: 8px;
  height: 6px;
  margin-top: -1px;
}
.mapUserStatus.inprogress {
  background: #6483d3;
}
.mapUserStatus.inprogress img {
  width: 10px;
  height: 10px;
  margin-top: -1px;
  margin-left: 1px;
}
.mapUserStatus.done {
  background: #28CD41;
}
.mapUserStatus.done img {
  width: 11px;
  height: 9px;
  margin-top: -1px;
}

.touchpointInsight .insightwidgetBoxMain {
  margin-top: 20px;
}
.touchpointInsight .insightwidgetBoxMain:nth-last-child(1) {
  margin-bottom: 20px;
}

.EpisodeInsight .attachmentsLane {
  margin-bottom: 20px;
}
.EpisodeInsight .attachmentsLane:nth-last-child(1) {
  margin-bottom: 0px;
}

.iconListview .episodeLanesInsight {
  margin-bottom: 20px;
}
.iconListview .episodeLanesInsight:nth-last-child(1) {
  margin-bottom: 0px;
}

/*--------Start Personas Module----------*/
.personasBody {
  padding: 31px 35px 35px 42px !important;
  border: none !important;
}
.personasBody .personaBodyPopup {
  margin: 0px;
  padding: 0px;
}
.personasBody .personaBodyPopup .popBoxPersona {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 21px;
  padding-left: 21px;
  float: left;
}
.personasBody .personaBodyPopup .popBoxPersona .form-row {
  margin: 0px;
}
.personasBody .personaBodyPopup .popBoxPersona .form-row.personasPopdropdown .bootstrap-select .dropdown-menu {
  left: -8px !important;
}
.personasBody .personaBodyPopup .popBoxPersona .form-row.personasPopdropdown .bootstrap-select .dropdown-menu .bs-actionsbox {
  background: #26202e;
  padding: 0px;
}
.personasBody .personaBodyPopup .popBoxPersona .form-row.personasPopdropdown .bootstrap-select .dropdown-menu .bs-actionsbox .btn-group button {
  background: #26202e;
  color: #a294b5 !important;
  border: none !important;
  text-align: left;
  width: auto !important;
}
.personasBody .personaBodyPopup .popBoxPersona .form-row.personasPopdropdown .bootstrap-select .dropdown-menu li {
  margin: 0px;
}
.personasBody .personaBodyPopup .popBoxPersona .form-row.personasPopdropdown .bootstrap-select .dropdown-toggle {
  margin: 0px;
  background: #110a1a !important;
  top: -4px;
  padding-left: 0px !important;
  padding-right: 10px !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.personasBody .personaBodyPopup .popBoxPersona .form-row.personasPopdropdown .bootstrap-select .dropdown-toggle:after {
  border: none;
  right: 8px;
  top: 2px;
}
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group {
  width: 100%;
  margin-bottom: 21px;
}
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group label {
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 8px;
  line-height: 12px;
  display: block !important;
}
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control {
  margin-bottom: 12px;
  color: var(--Title);
}
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control p {
  margin: 0px;
}
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control:disabled {
  border: var(--Foreground_Tertiary) solid 1px !important;
}
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.ck-read-only {
  border: var(--Foreground_Tertiary) solid 1px !important;
  background: var(--Background_Disabled) !important;
  color: var(--Disabled) !important;
  cursor: not-allowed;
  pointer-events: none !important;
}
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.richTextarea {
  height: auto !important;
}
.personasBody .personaBodyPopup .popBoxPersona.boxLeft {
  padding-left: 0px;
  max-width: 166px;
  width: 166px;
}
.personasBody .personaBodyPopup .popBoxPersona.boxMid {
  max-width: 376px;
  width: 376px;
  width: 376px;
}
.personasBody .personaBodyPopup .popBoxPersona.boxRight {
  padding-right: 0px;
  max-width: 355px;
  flex: 0 0 355px;
  width: 355px;
}
.personasBody .personaBodyPopup .jobsSelect .dropdown-menu {
  left: -8px !important;
}
.personasBody .personaBodyPopup .textAreaPopHeight {
  min-height: 82.5px !important;
}
.personasBody .personaBodyPopup .inputPersonaBox {
  position: relative;
}
.personasBody .personaBodyPopup .inputPersonaBox:hover span.clear {
  visibility: visible;
}
.personasBody .personaBodyPopup .inputPersonaBox span.clear {
  position: absolute;
  right: 1px;
  top: 1px;
  background: #110a1a;
  color: var(--Title);
  height: 30px;
  width: 30px;
  text-align: center;
  font-size: 15px;
  cursor: pointer;
  line-height: 30px !important;
  visibility: hidden;
  border-radius: 5px;
  background: var(--Background_Secondary);
  height: 30px !important;
  width: 30px !important;
  line-height: 30px !important;
  border-radius: 5px !important;
}
.personasBody .personaBodyPopup .inputPersonaBox span.clear:hover {
  background: #B11E27;
  color: #fff;
}
.personasBody .personaBodyPopup .inputPersonaBox p.docsHeadpop {
  font-size: 13px;
  line-height: 17px;
  margin-bottom: 12px;
  background: #110a1a !important;
  min-height: 25px !important;
  padding: 4px 8px !important;
  border-radius: 0px;
  color: #fff;
  border-radius: 5px !important;
  border: solid 1px var(--Border_Divider) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: var(--Input_Filled) !important;
  background: var(--Background_Secondary) !important;
  padding: 5px 8px !important;
  line-height: 20px !important;
}

.personaProfileImg {
  height: 145px;
  border-radius: 50% !important;
  width: 145px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
}
.personaProfileImg.personaUploadIcon .mediaimageInner {
  margin-left: 40px;
  z-index: 6;
  visibility: hidden;
}
.personaProfileImg.personaUploadIcon .greybg {
  background: rgba(0, 0, 0, 0.5);
  width: 145px;
  height: 145px;
  z-index: 5;
  position: absolute;
  border-radius: 50%;
  visibility: hidden;
}
.personaProfileImg.personaUploadIcon:hover .mediaimageInner {
  visibility: visible;
}
.personaProfileImg.personaUploadIcon:hover .deleteepisodeImage {
  visibility: visible;
}
.personaProfileImg.personaUploadIcon:hover .greybg {
  visibility: visible;
}
.personaProfileImg img.personaProfileImage {
  position: absolute;
  height: 145px;
  width: 145px;
  top: 0;
  border-radius: 50%;
  z-index: 1;
}
.personaProfileImg span.deleteepisodeImage {
  position: absolute;
  bottom: 55px;
  right: 35px;
  cursor: pointer;
  z-index: 6;
  padding: 4px 9px;
  visibility: hidden;
}
.personaProfileImg .mediaimageInner {
  width: 30px;
  height: 30px;
}
.personaProfileImg .mediaimageInner label .media-icon {
  height: 20px;
  width: 20px;
}

.brandsBox {
  width: 100%;
}
.brandsBox ul {
  width: 100%;
}
.brandsBox ul li {
  position: relative;
  background: #110a1a;
  height: 26px;
  margin-bottom: 7px;
}
.brandsBox ul li.addbrandBtn {
  background: none !important;
  margin-bottom: 0px;
  margin-top: 0px;
  height: 30px;
}
.brandsBox ul li:hover .moveIcon {
  visibility: visible;
}
.brandsBox ul li:hover .deleteIcon {
  visibility: visible;
}
.brandsBox ul li .moveIcon {
  width: 26px;
  height: 26px;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0px;
  font-size: 13px;
  text-align: center;
  line-height: 26px;
  cursor: move;
  visibility: hidden;
  color: #7b6c8f;
}
.brandsBox ul li .brandIcon {
  width: 100%;
  height: 26px;
  position: relative;
  padding: 0px 26px;
  font-size: 13px;
  margin: 0px;
}
.brandsBox ul li .brandIcon .brandImgBg {
  background: #fff;
  height: 26px;
  width: 100%;
  margin: 0px;
}
.brandsBox ul li .brandIcon .brandImgBg img {
  padding: 3px 2px;
  height: 25px;
  object-fit: contain;
}
.brandsBox ul li .deleteIcon {
  width: 26px;
  height: 26px;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0px;
  font-size: 13px;
  text-align: center;
  line-height: 26px;
  cursor: pointer;
  visibility: hidden;
  color: #7b6c8f;
}
.brandsBox ul li .deleteIcon i {
  margin: 0px;
}
.brandsBox ul li .deleteIcon i::after {
  border: none;
}

.personaGainPainJob {
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  display: inline-block;
  padding: 5px 8px;
  margin-bottom: 8px;
  margin-right: 8px;
}
.personaGainPainJob.gainbg {
  background: #ae6725;
}
.personaGainPainJob.painbg {
  background: #32693e;
}
.personaGainPainJob.jobbg {
  background: #7801FF;
}

.mainfont .personaGainPainJob:nth-last-child(1) {
  margin-bottom: 0px;
}
.mainfont .personaViewData li {
  width: 100%;
  background: #fff;
  border-radius: 100px;
  height: 25px;
  text-align: center;
  color: #000;
  font-weight: 600;
  line-height: 25px;
  margin-bottom: 11px;
  padding: 0px 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mainfont .personaViewData li img {
  padding: 3px 2px;
  height: 25px;
  object-fit: contain;
}
.mainfont .personaViewData li.journeyBg {
  background: #110a1a;
}
.mainfont .personaViewData li.journeyBg span.number {
  color: #fff;
  float: right;
  padding-right: 12px;
  margin: 0px;
  font-size: 12px;
  font-weight: 500;
}
.mainfont .personaViewData li.journeyBg span.icon {
  float: left;
  margin: 0px;
  padding-left: 12px;
}
.mainfont .personaViewData li.journeyBg span.icon img {
  width: 15px;
  height: 15px;
  margin-top: 0px;
  padding: 0px;
}
.mainfont span.popdoc a {
  color: #c2b8d0;
  font-size: 12px;
  display: block;
  padding-bottom: 5px;
}

.ourPersonaIconRound {
  background: #28CD41;
  height: 25px;
  width: 25px;
  display: inline-block;
  line-height: 25px;
  border-radius: 50%;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.ourPersonaIconRound.roundWidget {
  height: 30px;
  width: 30px;
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: center;
}
.ourPersonaIconRound.roundWidget img {
  height: 13px;
  margin-top: 5px;
}
.ourPersonaIconRound.pendingInsight {
  background: #ae6725;
}
.ourPersonaIconRound img {
  height: 10px;
}

.personaMainBox {
  width: 830px;
  display: block;
  float: left;
}
.personaMainBox.journeyLevelRow {
  margin-left: -10.5px;
  margin-right: -10.5px;
}
.personaMainBox .personaBoxJournryLevel {
  padding-left: 10.5px;
  padding-right: 10.5px;
  min-height: 1px;
  box-sizing: border-box;
  position: relative;
  float: left;
}
.personaMainBox .personaBoxJournryLevel .personaWidgetBig {
  width: 145px;
  background: #3f3449;
  border-radius: 10px;
  padding: 28px 0px 21px 0px;
  float: left;
  position: relative;
  margin-bottom: 22px;
  height: 227px;
  cursor: pointer;
  border: 1px solid #3f3449;
}
.personaMainBox .personaBoxJournryLevel .personaWidgetBig:hover {
  border: 1px solid #9d46ff;
}
.personaMainBox .personaBoxJournryLevel .personaWidgetBig.rightSpace {
  margin-right: 21px;
}
.personaMainBox .personaBoxJournryLevel .personaWidgetBig.createNew {
  border: dashed 1px #3f3449;
  background: none;
  padding: 0px;
  line-height: 223px;
  text-align: center;
  cursor: pointer;
}
.personaMainBox .personaBoxJournryLevel .personaWidgetBig.createNew i {
  font-size: 13px;
}
.personaMainBox .personaBoxJournryLevel .personaWidgetBig.createNew:hover {
  border: 1px dashed #7800ff;
  cursor: pointer;
  background: rgba(120, 1, 255, 0.1);
}
.personaMainBox .personaBoxJournryLevel .personaWidgetBig .profileImg {
  width: 85px;
  height: 85px;
  border-radius: 50%;
  margin-bottom: 15px;
  position: relative;
  margin-left: 30px;
}
.personaMainBox .personaBoxJournryLevel .personaWidgetBig .profileImg.adminPersona img.profileImg {
  border: solid 2px #28CD41;
}
.personaMainBox .personaBoxJournryLevel .personaWidgetBig .profileImg img.profileImg {
  width: 85px;
  height: 85px;
  border-radius: 50%;
  object-fit: cover;
  margin-left: 0px;
  box-shadow: 0px 0px 10px #000000;
}
.personaMainBox .personaBoxJournryLevel .personaWidgetBig .profileImg img.profileImg.emptyImg {
  box-shadow: none !important;
}
.personaMainBox .personaBoxJournryLevel .personaWidgetBig h4 {
  font-size: 13px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 2px;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  text-overflow: ellipsis;
}
.personaMainBox .personaBoxJournryLevel .personaWidgetBig p {
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  margin-bottom: 21px;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  text-overflow: ellipsis;
}
.personaMainBox .personaBoxJournryLevel .personaWidgetBig .custmoerJourneyBox {
  background: #110a1a;
  width: 79px;
  border-radius: 100px;
  height: 25px;
  font-weight: 600;
  line-height: 25px;
  margin: 0px auto;
}
.personaMainBox .personaBoxJournryLevel .personaWidgetBig .custmoerJourneyBox span.number {
  color: #fff;
  float: right;
  padding-right: 11.5px;
  margin: 0px;
  font-size: 13px;
  font-weight: 500;
  line-height: 26px;
}
.personaMainBox .personaBoxJournryLevel .personaWidgetBig .custmoerJourneyBox span.icon {
  float: left;
  margin: 0px;
  padding-left: 11.5px;
}
.personaMainBox .personaBoxJournryLevel .personaWidgetBig .custmoerJourneyBox span.icon img {
  width: 12.5px;
  height: 11.5px;
  margin-top: -3px;
  padding: 0px;
}
.personaMainBox .personaBoxJournryLevel .personaWidgetBig .user-3-dotsmenu {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 6px;
  right: 4px;
  z-index: 10 !important;
}
.personaMainBox .personaBoxJournryLevel .personaWidgetBig .user-3-dotsmenu .dropdown-toggle::after {
  display: none;
}
.personaMainBox .personaBoxJournryLevel .personaWidgetBig .user-3-dotsmenu span.menu-icon {
  width: 24px;
  height: 24px;
  display: block;
  text-align: center;
  cursor: pointer;
  background: url(/bundles/admin/images/insight-3dots-white-menu.svg) top center no-repeat;
}
.personaMainBox .personaBoxJournryLevel .personaWidgetBig .user-3-dotsmenu span.menu-icon:hover, .personaMainBox .personaBoxJournryLevel .personaWidgetBig .user-3-dotsmenu span.menu-icon:focus, .personaMainBox .personaBoxJournryLevel .personaWidgetBig .user-3-dotsmenu span.menu-icon:active, .personaMainBox .personaBoxJournryLevel .personaWidgetBig .user-3-dotsmenu span.menu-icon:visited {
  background: url(/bundles/admin/images/insight-3dots-white-menu.svg) top center no-repeat #2d2637;
  border-radius: 50%;
}
.personaMainBox .personaBoxJournryLevel .personaWidgetBig .user-3-dotsmenu img {
  width: 3px;
  height: 15px;
  vertical-align: top;
  margin: 4.5px 10.5px;
}
.personaMainBox .personaBoxJournryLevel .personaWidgetBig .user-3-dotsmenu .dropdown-menu {
  border: 1px solid #000;
  min-width: 110px;
  background: #26202e;
  padding: 0px;
  border-radius: 0px;
  right: 0px !important;
  left: -75px !important;
  transform: translate3d(-43px, 4px, 0px) !important;
  z-index: 10;
  top: auto !important;
}
.personaMainBox .personaBoxJournryLevel .personaWidgetBig .user-3-dotsmenu .dropdown-menu.show {
  left: -75px !important;
  transform: translate3d(-45px, 0px, 0px) !important;
}
.personaMainBox .personaBoxJournryLevel .personaWidgetBig .user-3-dotsmenu .dropdown-menu a {
  text-align: left;
  width: 100%;
  display: block;
  font-size: 13px;
  padding: 4px 8.5px;
  font-weight: 600;
  border-bottom: 1px solid #000;
  color: #fff;
}
.personaMainBox .personaBoxJournryLevel .personaWidgetBig .user-3-dotsmenu .dropdown-menu a i {
  font-size: 10px;
}
.personaMainBox .personaBoxJournryLevel .personaWidgetBig .user-3-dotsmenu .dropdown-menu a.delete {
  border-bottom: 0px solid #000;
}
.personaMainBox .personaBoxJournryLevel .personaWidgetBig .user-3-dotsmenu .dropdown-menu a:hover, .personaMainBox .personaBoxJournryLevel .personaWidgetBig .user-3-dotsmenu .dropdown-menu a:focus, .personaMainBox .personaBoxJournryLevel .personaWidgetBig .user-3-dotsmenu .dropdown-menu a:active, .personaMainBox .personaBoxJournryLevel .personaWidgetBig .user-3-dotsmenu .dropdown-menu a:visited {
  background: #3f3449;
}
.personaMainBox .personaBoxJournryLevel .personaWidgetBig .user-3-dotsmenu .dropdown-menu a.delete:hover {
  background: #B11E27;
}
.personaMainBox .personaBoxJournryLevel .personaWidgetBig .user-3-dotsmenu .dropdown-menu a.addpersona:hover {
  background: #7801FF;
}
.personaMainBox .personaBoxJournryLevel .personaWidgetBig .user-3-dotsmenu .dropdown-menu a.addpersona i {
  font-size: 10px;
}

.mainModal .modal-Personas-Journymap {
  max-width: 1160px;
}
.mainModal .modal-Personas-Journymap .modal-content .modal-body {
  padding: 21px;
  border: none !important;
}
.mainModal .modal-Kpi-Journymap {
  max-width: 925px;
}

.personaJourneyBody {
  padding: 21px;
  width: 100%;
  background: #110a1a;
  display: block;
  overflow-x: hidden !important;
}
.personaJourneyBody.max-height-520 {
  overflow: auto;
  min-height: 520px;
  max-height: calc(100vh - 235px) !important;
}

.personawidgetBoxMain {
  margin-bottom: 12px;
}
.personawidgetBoxMain .personaUserheight {
  height: 25px;
}
.personawidgetBoxMain .personaUserheight img {
  box-shadow: 0px 0px 4px #000000;
}
.personawidgetBoxMain .personaUserheight span.userNamepersona {
  font-size: 13px;
  position: relative;
  width: 100%;
  display: inline-block;
  padding-left: 36px;
  white-space: nowrap;
  overflow: hidden;
  line-height: 26px;
  font-weight: 700;
  text-overflow: ellipsis;
  text-align: left;
}

.addPersonaBtnSettings {
  margin-right: 10.5px;
  float: right;
  margin-top: -114.5px;
}

.personaLeftSpace {
  padding-left: 35px;
  padding-top: 58px;
}

.personBox {
  position: relative;
}
.personBox.ourPersonaBox {
  height: 68px !important;
  padding: 0px !important;
  border: 1px solid #0ba32d;
  padding-bottom: 32px !important;
}
.personBox.ourPersonaBox .ourwidgetbg {
  height: 21px;
  left: 0px;
  text-align: center;
  background: linear-gradient(-270deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 68.97%), #0ba32d;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  position: absolute !important;
  bottom: 0px;
  border-top: 1px solid #0ba32d;
}
.personBox.ourPersonaBox .ourwidgetbg.d-none {
  display: block !important;
}
.personBox.ourPersonaBox .ourwidgetbg .oursIcon {
  display: block;
  margin-top: -2px;
  line-height: 21px;
}
.personBox.ourPersonaBox .ourwidgetbg .oursIcon img {
  width: 12px;
  height: 9px;
  margin-top: 3px;
  box-shadow: none !important;
}
.personBox.ourPersonaBox .personaControls {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  height: 45px;
}
.personBox.ourPersonaBox .personaUserheight {
  padding: 11px !important;
  height: 66px;
}
.personBox:hover .personaControls {
  visibility: visible;
}
.personBox .personaControls {
  visibility: hidden;
  height: 47px;
  background: #5a4f65;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  border-radius: 10px;
  z-index: 1;
  cursor: pointer;
}
.personBox .personaControls span.userNamepersona {
  position: relative;
  width: 100%;
  display: block;
  z-index: 11;
  font-size: 13px;
  margin-top: 15px;
  padding-left: 47px;
  padding-right: 40px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 700;
  text-align: left;
}
.personBox .personaControls span.arrow {
  font-size: 12px;
  z-index: 10;
  position: absolute;
  width: 30px;
  height: 30px;
  left: 10px;
  top: 11px;
  background: #5a4f65;
  text-align: center;
  line-height: 25px;
}
.personBox .personaControls span.milkyDotsmenu {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 12px;
  right: 10px;
  background: #5a4f65;
  border-radius: 50%;
  z-index: 12;
}
.personBox .personaControls span.milkyDotsmenu img {
  height: 15px;
  width: 3px;
  margin-top: -2px !important;
}
.personBox .personaControls span.milkyDotsmenu .dropdown a {
  padding: 0px !important;
}
.personBox .personaControls span.milkyDotsmenu .dropdown span {
  width: 24px;
  height: 24px;
  display: block;
  margin-top: 0px;
  margin-left: 0px;
  border-radius: 50%;
}
.personBox .personaControls span.milkyDotsmenu .dropdown span:hover {
  background: rgba(17, 10, 26, 0.4);
}
.personBox .personaControls span.milkyDotsmenu .dropdown-menu {
  padding: 0px;
  border-radius: 0px;
  right: 0px !important;
  left: 0px !important;
  transform: translate3d(-118px, 3px, 0px) !important;
  z-index: 10;
  min-width: 110px;
  border: 1px solid #000;
  background: #26202e;
}
.personBox .personaControls span.milkyDotsmenu .dropdown-menu a {
  text-align: left;
  width: 100%;
  display: block;
  font-size: 13px;
  padding: 4px 11px !important;
  font-weight: 600;
  border-bottom: 1px solid #000;
  color: #fff;
  cursor: pointer;
}
.personBox .personaControls span.milkyDotsmenu .dropdown-menu a:hover {
  color: #fff;
}
.personBox .userIcon .insightsIocn {
  padding: 0px 10px !important;
}
.personBox .userIcon .insightsIocn img {
  width: 12px !important;
}

.pl-21 {
  padding-left: 21px !important;
}

.pr-21 {
  padding-right: 21px !important;
}

.d-block {
  display: block;
}

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

.mt-2-reverse {
  margin-top: -2px;
}

.mb-21 {
  margin-bottom: 21px !important;
}

.mb-12 {
  margin-bottom: 12px !important;
}

.ml5-reverse {
  margin-left: -5px !important;
}

.personaScroll {
  scrollbar-color: #a294b5 #3f3449;
  scrollbar-width: thin;
}
.personaScroll::-webkit-scrollbar {
  width: 13px;
}
.personaScroll::-webkit-scrollbar-track {
  box-shadow: none !important;
  border-radius: 0px;
  background: #3f3449;
}
.personaScroll::-webkit-scrollbar-track:hover {
  background: #2d2637;
}
.personaScroll::-webkit-scrollbar-thumb {
  background: #7b6c8f;
  border: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}
.personaScroll::-webkit-scrollbar-thumb:hover {
  background: #a294b5;
  border: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}

.personaTabsSpace {
  padding-left: 10.5px;
  padding-right: 10.5px;
}

.persona-draggable-item {
  width: 100%;
  margin-bottom: 12px;
}

.personaTopWidgetSpace {
  padding-left: 20px;
  padding-right: 20px;
}

.personatouchpoingWidgetSpace {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.personaRowSpace {
  margin-left: -10.5px;
  margin-right: -10.5px;
}

.kpitabsBorder {
  border-bottom: 1px solid #5a4f65 !important;
  width: 810px !important;
  margin-bottom: 42px !important;
}

.touchParaSpace li .tpName p {
  padding-left: 0px !important;
}

.personaViewScroll {
  border-bottom: solid 21px #3f3449 !important;
  padding-bottom: 21px !important;
  border: 10px solid;
  border-image-slice: 1;
  border-width: 5px;
}

.personaJobs {
  margin-bottom: 13px !important;
}
.personaJobs .mainfont .personaGainPainJob:nth-last-child(1) {
  margin-bottom: 8px !important;
}

.personaNamebox {
  height: 53px;
  padding: 0px 12px !important;
}

.viewPersonaTxt .personBox .personaControls span.userNamepersona {
  padding-right: 11px;
}

.personaScroll2 {
  border-right: solid 5px #110a1a;
}
.personaScroll2::-webkit-scrollbar {
  width: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.personaScroll2::-webkit-scrollbar-track {
  box-shadow: none !important;
  border-radius: 10px;
  background: #110a1a;
}
.personaScroll2::-webkit-scrollbar-thumb {
  background: #7b6c8f;
  border-radius: 10px;
}
.personaScroll2::-webkit-scrollbar-thumb:hover {
  background: #7b6c8f;
}

.personaTopList .personaTopWidgetSpace:nth-last-child(1) .personawidgetBoxMain {
  margin-bottom: 0px !important;
}

.mianBtnWidgetSpace {
  margin-bottom: 18px;
  margin-top: 18px;
}

.personaPreview {
  width: 224px !important;
}

.popbtmGradbg {
  position: absolute;
  bottom: 21px;
  left: 0px;
  z-index: 10;
  background: linear-gradient(rgba(0, 0, 0, 0) 0%, #3f3449 100%) !important;
  height: 30px;
  width: 100%;
}
.popbtmGradbg.CreateEdit {
  bottom: 56px;
}

/*--------End Personas Module----------*/
/*--------Start Kpi Module----------*/
.kpiBody {
  padding: 11px !important;
  border: none !important;
}
.kpiBody .kpiBodyPopup .definatioScorebox {
  width: 187px;
  padding: 21px;
  float: left;
}
.kpiBody .kpiBodyPopup .definatioScorebox.definatioScoreRight {
  padding-right: 11px;
  width: 170px;
}
.kpiBody .kpiBodyPopup .definatioScorebox.definatioScoreRight .kpi-inputtextrow {
  width: 145px;
}
.kpiBody .kpiBodyPopup .definatioScorebox.definatioScoreRight .kpiboxview {
  width: 145px;
}
.kpiBody .kpiBodyPopup .definatioScorebox .kpi-inputtextrow {
  width: 100%;
  margin-bottom: 21px;
}
.kpiBody .kpiBodyPopup .definatioScorebox .kpi-inputtextrow .form-row {
  margin: 0px;
}
.kpiBody .kpiBodyPopup .definatioScorebox .kpi-inputtextrow .form-row .form-group {
  margin: 0px;
  position: relative;
  width: 100%;
}
.kpiBody .kpiBodyPopup .definatioScorebox .kpi-inputtextrow .form-row .form-group span.colorpickScore {
  width: 32px;
  height: 32px;
  border: solid 1px #110a1a;
  position: absolute;
  right: 0px;
  cursor: pointer;
  top: 30px;
  border-radius: 5px;
}
.kpiBody .kpiBodyPopup .definatioScorebox .kpi-inputtextrow .form-row .form-group span.colorpickScore .vue-swatches__trigger__wrapper .vue-swatches__trigger.vue-swatches--is-empty {
  border-radius: 5px !important;
  width: 30px !important;
  border: none !important;
  height: 30px !important;
}
.kpiBody .kpiBodyPopup .definatioScorebox .kpi-inputtextrow .form-row .form-group span.colorpickScore .vue-swatches__trigger__wrapper .vue-swatches__trigger {
  border-radius: 5px !important;
  width: 30px !important;
  height: 30px !important;
}
.kpiBody .kpiBodyPopup .definatioScorebox .kpi-inputtextrow .form-row .form-group label {
  margin-bottom: 11px;
  font-size: 13px;
  font-weight: 700;
  line-height: 12px;
  margin-top: -2px;
  width: 100%;
}
.kpiBody .kpiBodyPopup .definatioScorebox .kpi-inputtextrow .form-row .form-group .form-control {
  height: 25px !important;
  padding: 4px 8px !important;
  border-radius: 0px;
  color: #fff;
}
.kpiBody .kpiBodyPopup .definatioScorebox .kpi-inputtextrow .form-row .form-group .form-control:disabled {
  border: var(--Foreground_Tertiary) solid 1px !important;
}
.kpiBody .kpiBodyPopup .definatioScorebox .kpi-inputtextrow .form-row .form-group .form-control.KpiDateField {
  padding-left: 25px !important;
  width: 130px;
}
.kpiBody .kpiBodyPopup .definatioScorebox .kpi-inputtextrow .form-row .form-group .form-control.widthScore {
  width: 110px;
}
.kpiBody .kpiBodyPopup .definatioScorebox .kpi-inputtextrow .form-row .form-group .rangeboxwidth {
  width: 66px;
}
.kpiBody .kpiBodyPopup .definatioScorebox .kpi-inputtextrow .form-row .form-group .rangeboxwidth.left {
  float: left;
}
.kpiBody .kpiBodyPopup .definatioScorebox .kpi-inputtextrow .form-row .form-group .rangeboxwidth.right {
  float: right;
}
.kpiBody .kpiBodyPopup .definatioScorebox .kpi-inputtextrow .form-row .form-group .rangeboxwidth label {
  margin-bottom: 11px;
  font-size: 13px;
  font-weight: 700;
  line-height: 12px;
  margin-top: -2px;
  width: 100%;
}
.kpiBody .kpiBodyPopup .definatioScorebox .kpiboxview {
  margin-bottom: 21px;
}
.kpiBody .kpiBodyPopup .definatioScorebox .kpiboxview .headingkpi {
  padding-bottom: 11px;
  margin-bottom: 11px;
  border-bottom: solid 1px #110a1a;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  line-height: 12px;
  word-wrap: break-word;
  line-height: 18px;
}
.kpiBody .kpiBodyPopup .definatioScorebox .kpiboxview .kpigraphsvg {
  text-align: center;
  padding-top: 11px;
}
.kpiBody .kpiBodyPopup .definatioScorebox .kpiboxview .kpigraphsvg .rs-control {
  margin: 0px auto;
}
.kpiBody .kpiBodyPopup .definatioScorebox .kpiboxview .kpigraphsvg .rs-tooltip-text {
  font-size: 14px;
  font-weight: 700;
  font-family: "Inter", sans-serif;
  color: #fff !important;
  line-height: 17px;
  z-index: 1;
}
.kpiBody .kpiBodyPopup .definatioScorebox .kpiboxview .kpigraphsvg .graphValues {
  font-size: 12px;
  font-weight: 400;
  width: 106px;
  margin: -8px auto 0px auto;
  display: flex;
}
.kpiBody .kpiBodyPopup .definatioScorebox .kpiboxview .kpigraphsvg .graphValues span {
  width: 50% !important;
  text-align: center;
  font-size: 12px;
  margin: 0px !important;
}
.kpiBody .kpiBodyPopup .definatioScorebox .kpiboxview .kpigraphsvg .graphValues span.minValue {
  float: left;
}
.kpiBody .kpiBodyPopup .definatioScorebox .kpiboxview .kpigraphsvg .graphValues span.maxValue {
  float: right;
}
.kpiBody .kpiBodyPopup .definatioScorebox .kpiboxview .kpiviewdata {
  color: #c2b8d0;
  font-size: 13px;
  font-weight: 500;
  line-height: 13px;
}
.kpiBody .kpiBodyPopup .definatioScorebox .kpiboxview .kpiviewdata.lineheight18 {
  line-height: 18px;
}
.kpiBody .kpiBodyPopup .definatioScorebox .kpiboxview .customerjourneyboxlist {
  background: #110a1a;
  border-radius: 100px;
  height: 25px;
  font-weight: 600;
  line-height: 25px;
  display: inline-block;
}
.kpiBody .kpiBodyPopup .definatioScorebox .kpiboxview .customerjourneyboxlist .icon {
  float: left;
  margin: 0px;
  padding-left: 11.5px;
}
.kpiBody .kpiBodyPopup .definatioScorebox .kpiboxview .customerjourneyboxlist .icon img {
  width: 12.5px;
  height: 11.5px;
  margin-top: 0px;
  padding: 0px;
}
.kpiBody .kpiBodyPopup .definatioScorebox .kpiboxview .customerjourneyboxlist .number {
  color: #fff;
  float: right;
  padding-right: 11.5px;
  margin: 0px;
  font-size: 12px;
  font-weight: 500;
  padding-left: 15px;
  line-height: 27px;
}
.kpiBody .kpiBodyPopup .definatioScorebox .kpiboxview .datesbox {
  width: 100%;
  height: 35px;
}
.kpiBody .kpiBodyPopup .definatioScorebox .kpiboxview .datesbox .datesLeft {
  height: 100%;
  width: 4px;
  float: left;
  margin-top: 11px;
}
.kpiBody .kpiBodyPopup .definatioScorebox .kpiboxview .datesbox .datesLeft .linedots {
  height: 21px;
  width: 1px;
  background: #c2b8d0;
  display: block;
  position: relative;
}
.kpiBody .kpiBodyPopup .definatioScorebox .kpiboxview .datesbox .datesLeft .linedots::before {
  content: "";
  width: 5px;
  height: 5px;
  background: #c2b8d0;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: -8px;
  left: -2px;
}
.kpiBody .kpiBodyPopup .definatioScorebox .kpiboxview .datesbox .datesLeft .linedots::after {
  content: "";
  width: 5px;
  height: 5px;
  background: #c2b8d0;
  border-radius: 50%;
  display: block;
  position: absolute;
  bottom: -8px;
  left: -2px;
}
.kpiBody .kpiBodyPopup .definatioScorebox .kpiboxview .datesbox .datesRight {
  height: 100%;
  width: 140px;
  display: inline-block;
  padding-left: 10px;
  color: #c2b8d0;
  font-size: 13px;
  font-weight: 500;
  float: right;
}
.kpiBody .kpiBodyPopup .definatioScorebox .kpiboxview .datesbox .datesRight span {
  padding-bottom: 14px;
  display: block;
  line-height: 12px;
}
.kpiBody .kpiBodyPopup .definatioScorebox .kpiboxview .datesbox .datesRight span:nth-last-child(1) {
  padding-bottom: 0px;
}

.targetswitch {
  width: 100%;
  padding-top: 11px;
  height: 31px;
}
.targetswitch .switchtoggle {
  height: 20px;
}
.targetswitch label {
  margin: 0px;
}
.targetswitch .targetspan {
  float: right;
  font-size: 13px;
  font-weight: 700;
  line-height: 21px;
  color: var(--Label_subhead);
}

.heightlineCreateKpi {
  height: 50px !important;
}

.dateCreateKpi {
  height: 138px !important;
}

.kpiMainBox {
  width: 830px;
  display: block;
  float: left;
}
.kpiMainBox.journeyLevelRow {
  margin-left: -10.5px;
  margin-right: -10.5px;
}
.kpiMainBox .kpiBoxJournryLevel {
  max-width: 167px;
  padding-left: 10.5px;
  padding-right: 10.5px;
  min-height: 1px;
  box-sizing: border-box;
  position: relative;
  float: left;
}
.kpiMainBox .kpiBoxJournryLevel .kpiWidgetBig {
  width: 145px;
  background: var(--Foreground_Primary) !important;
  border: solid 1px var(--Border_Divider);
  border-radius: 10px;
  padding: 0px;
  float: left;
  position: relative;
  margin-bottom: 22px;
  min-height: 205px !important;
}
.kpiMainBox .kpiBoxJournryLevel .kpiWidgetBig.ourkpibig {
  min-height: 227px !important;
  padding-bottom: 0px !important;
  border: 1px solid #0ba32d;
  padding-bottom: 32px !important;
  padding-bottom: 21px !important;
}
.kpiMainBox .kpiBoxJournryLevel .kpiWidgetBig.ourkpibig .ourwidgetbg {
  height: 21px;
  left: 0px;
  text-align: center;
  background: linear-gradient(-270deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 68.97%), #0ba32d;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  position: absolute !important;
  bottom: 0px;
  border-top: 1px solid #0ba32d;
}
.kpiMainBox .kpiBoxJournryLevel .kpiWidgetBig.ourkpibig .ourwidgetbg.d-none {
  display: block !important;
}
.kpiMainBox .kpiBoxJournryLevel .kpiWidgetBig.ourkpibig .ourwidgetbg .oursIcon {
  display: block;
  margin-top: -2px;
  line-height: 21px;
}
.kpiMainBox .kpiBoxJournryLevel .kpiWidgetBig.ourkpibig .ourwidgetbg .oursIcon img {
  width: 12px;
  height: 9px;
  margin-top: 3px;
  box-shadow: none !important;
}
.kpiMainBox .kpiBoxJournryLevel .kpiWidgetBig.ourkpibig .boxkpisvg {
  margin-bottom: 0px;
}
.kpiMainBox .kpiBoxJournryLevel .kpiWidgetBig:hover {
  background: var(--Foreground_Primary) !important;
}
.kpiMainBox .kpiBoxJournryLevel .kpiWidgetBig:hover .user-3-dotsmenu {
  visibility: visible;
}
.kpiMainBox .kpiBoxJournryLevel .kpiWidgetBig:hover .kpiheadingRow {
  background: var(--Foreground_Primary) !important;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.kpiMainBox .kpiBoxJournryLevel .kpiWidgetBig:hover .kpiheadingRow .arrow {
  visibility: visible;
}
.kpiMainBox .kpiBoxJournryLevel .kpiWidgetBig .kpiheadingRow {
  width: 100%;
  height: 31px;
  border-bottom: solid 1px #000;
  position: relative;
  z-index: 1;
}
.kpiMainBox .kpiBoxJournryLevel .kpiWidgetBig .kpiheadingRow .kpiheading {
  width: 100%;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  line-height: 30px;
  padding-left: 25px;
  padding-right: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.kpiMainBox .kpiBoxJournryLevel .kpiWidgetBig .kpiheadingRow .arrow {
  position: absolute;
  left: 10px;
  font-size: 11px;
  top: 7px;
  visibility: hidden;
}
.kpiMainBox .kpiBoxJournryLevel .kpiWidgetBig .boxkpisvg {
  padding: 18px 31px 15px 31px;
  width: 100%;
}
.kpiMainBox .kpiBoxJournryLevel .kpiWidgetBig .boxkpisvg .kpigraphsvg {
  width: 100%;
  text-align: center;
}
.kpiMainBox .kpiBoxJournryLevel .kpiWidgetBig .boxkpisvg .kpigraphsvg .rs-tooltip-text {
  font-size: 14px;
  font-weight: 700;
  font-family: "Inter", sans-serif;
  color: #fff !important;
  line-height: 17px;
  z-index: 0;
}
.kpiMainBox .kpiBoxJournryLevel .kpiWidgetBig .boxkpisvg .kpigraphsvg .rs-control {
  margin: 0px auto;
}
.kpiMainBox .kpiBoxJournryLevel .kpiWidgetBig .boxkpisvg .kpigraphsvg .graphValues {
  font-size: 12px;
  font-weight: 400;
  width: 84px;
  margin: 0px auto;
  display: flex;
  margin: -5px auto 0px auto;
}
.kpiMainBox .kpiBoxJournryLevel .kpiWidgetBig .boxkpisvg .kpigraphsvg .graphValues span {
  width: 50% !important;
  text-align: center;
  font-size: 12px;
  margin: 0px !important;
}
.kpiMainBox .kpiBoxJournryLevel .kpiWidgetBig .boxkpisvg .kpigraphsvg .graphValues span.minValue {
  float: left;
}
.kpiMainBox .kpiBoxJournryLevel .kpiWidgetBig .boxkpisvg .kpigraphsvg .graphValues span.maxValue {
  float: right;
}
.kpiMainBox .kpiBoxJournryLevel .kpiWidgetBig.rightSpace {
  margin-right: 21px;
}
.kpiMainBox .kpiBoxJournryLevel .kpiWidgetBig.createNew {
  border: dashed 2px #3f3449;
  background: none;
  padding: 0px;
  line-height: 198px;
  text-align: center;
  cursor: pointer;
}
.kpiMainBox .kpiBoxJournryLevel .kpiWidgetBig.createNew.ourkpicreate {
  line-height: 225px !important;
  height: 225px !important;
}
.kpiMainBox .kpiBoxJournryLevel .kpiWidgetBig.createNew i {
  font-size: 13px;
}
.kpiMainBox .kpiBoxJournryLevel .kpiWidgetBig.createNew:hover {
  border: dashed 2px #7801FF;
  background: rgba(120, 1, 255, 0.2);
}
.kpiMainBox .kpiBoxJournryLevel .kpiWidgetBig .user-3-dotsmenu {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 3px;
  right: 3px;
  visibility: hidden;
}
.kpiMainBox .kpiBoxJournryLevel .kpiWidgetBig .user-3-dotsmenu .dropdown-toggle {
  padding: 0px;
}
.kpiMainBox .kpiBoxJournryLevel .kpiWidgetBig .user-3-dotsmenu .dropdown-toggle::after {
  display: none;
}
.kpiMainBox .kpiBoxJournryLevel .kpiWidgetBig .user-3-dotsmenu span.menu-icon {
  width: 24px;
  height: 24px;
  display: block;
  text-align: center;
  cursor: pointer;
  background: url(/bundles/admin/images/insight-3dots-white-menu.svg) top center no-repeat;
}
.kpiMainBox .kpiBoxJournryLevel .kpiWidgetBig .user-3-dotsmenu span.menu-icon:hover, .kpiMainBox .kpiBoxJournryLevel .kpiWidgetBig .user-3-dotsmenu span.menu-icon:focus, .kpiMainBox .kpiBoxJournryLevel .kpiWidgetBig .user-3-dotsmenu span.menu-icon:active, .kpiMainBox .kpiBoxJournryLevel .kpiWidgetBig .user-3-dotsmenu span.menu-icon:visited {
  background: url(/bundles/admin/images/insight-3dots-white-menu.svg) top center no-repeat #2d2637;
  border-radius: 50%;
}
.kpiMainBox .kpiBoxJournryLevel .kpiWidgetBig .user-3-dotsmenu img {
  width: 3px;
  height: 15px;
  margin-top: -2px !important;
}
.kpiMainBox .kpiBoxJournryLevel .kpiWidgetBig .user-3-dotsmenu .dropdown-menu {
  border: 1px solid #000 !important;
  min-width: 110px;
  background: #26202e;
  padding: 0px;
  border-radius: 0px;
  right: 0px !important;
  left: -76px !important;
  transform: translate3d(-43px, 4px, 0px) !important;
  z-index: 10;
}
.kpiMainBox .kpiBoxJournryLevel .kpiWidgetBig .user-3-dotsmenu .dropdown-menu a {
  text-align: left;
  width: 100%;
  display: block;
  font-size: 13px;
  padding: 4px 11px;
  font-weight: 600;
  border-bottom: 1px solid #000;
  color: #fff;
  cursor: pointer;
}
.kpiMainBox .kpiBoxJournryLevel .kpiWidgetBig .user-3-dotsmenu .dropdown-menu a:nth-last-child(1) {
  border-bottom: none !important;
}
.kpiMainBox .kpiBoxJournryLevel .kpiWidgetBig .user-3-dotsmenu .dropdown-menu a i {
  font-size: 10px;
}
.kpiMainBox .kpiBoxJournryLevel .kpiWidgetBig .user-3-dotsmenu .dropdown-menu a.delete {
  border-bottom: 0px solid #000;
}
.kpiMainBox .kpiBoxJournryLevel .kpiWidgetBig .user-3-dotsmenu .dropdown-menu a:hover, .kpiMainBox .kpiBoxJournryLevel .kpiWidgetBig .user-3-dotsmenu .dropdown-menu a:focus, .kpiMainBox .kpiBoxJournryLevel .kpiWidgetBig .user-3-dotsmenu .dropdown-menu a:active, .kpiMainBox .kpiBoxJournryLevel .kpiWidgetBig .user-3-dotsmenu .dropdown-menu a:visited {
  background: #3f3449;
}
.kpiMainBox .kpiBoxJournryLevel .kpiWidgetBig .user-3-dotsmenu .dropdown-menu a.delete:hover {
  background: #B11E27;
}
.kpiMainBox .kpiBoxJournryLevel .kpiWidgetBig .user-3-dotsmenu .dropdown-menu a.add:hover {
  background: #7801FF;
}
.kpiMainBox .kpiBoxJournryLevel .kpiWidgetBig .user-3-dotsmenu .dropdown-menu a.add i {
  font-size: 10px;
  margin-right: 5px;
  margin-top: -4px;
}

.kpitabsBorder {
  border-bottom: 1px solid #5a4f65 !important;
  width: 810px !important;
  margin-bottom: 42px !important;
}

.mapKpiBox {
  width: 100%;
  float: left;
  display: inline-block;
  padding: 0px 20px;
}
.mapKpiBox .kpiBoxJournryLevel {
  padding: 0px;
  width: 100%;
  max-width: 100%;
}
.mapKpiBox .kpiBoxJournryLevel .kpiWidgetBig {
  width: 100%;
  margin-bottom: 12px;
}
.mapKpiBox .kpiBoxJournryLevel .kpiWidgetBig:hover {
  cursor: pointer;
}
.mapKpiBox .kpiBoxJournryLevel .kpiWidgetBig .kpiBody {
  padding: 0px 14px 14px 14px !important;
  max-height: 100% !important;
  float: left;
}
.mapKpiBox .kpiBoxJournryLevel .ourkpibig {
  height: auto !important;
}
.mapKpiBox .kpiBoxJournryLevel .ourkpibg {
  position: relative !important;
  float: left;
}
.mapKpiBox .kpiBoxJournryLevel .kpiPresentData {
  padding: 0px !important;
  font-size: 13px;
}
.mapKpiBox .kpiBoxJournryLevel .kpiPresentData .definatioScorebox .kpiboxview .headingkpi {
  font-size: 12px;
}
.mapKpiBox .kpiBoxJournryLevel .kpiPresentData .definatioScorebox .kpiboxview .datesbox .datesRight {
  height: 100%;
  width: 110px;
  display: inline-block;
  padding-left: 15px;
}

.kpiBody .kpiBodyPopup .jouneyList {
  width: 100%;
  padding: 21px;
}
.kpiBody .kpiBodyPopup .jouneyList .customerjourneyboxlist {
  background: #110a1a;
  border-radius: 100px;
  height: 25px;
  font-weight: 500;
  line-height: 25px;
  display: inline-block;
  font-size: 13px;
  white-space: nowrap;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  padding-right: 21px;
  cursor: pointer;
}
.kpiBody .kpiBodyPopup .jouneyList .customerjourneyboxlist .icon {
  float: left;
  margin: 0px;
  padding-left: 11.5px;
}
.kpiBody .kpiBodyPopup .jouneyList .customerjourneyboxlist .icon img {
  width: 12.5px;
  height: 11.5px;
  margin-top: -3px;
  padding: 0px;
  margin-right: 13px;
}

.KpiCalenderIcon {
  padding: 6px 6.5px !important;
  display: inline !important;
  z-index: 10;
  top: 3px !important;
}

.laneKPiBox {
  margin: 0px !important;
  padding: 0px;
  border: none !important;
}

.lifeCycleKPIPresent {
  display: inline-block;
}
.lifeCycleKPIPresent .widgetBox .mapKpiBox {
  border-radius: 0px;
  margin-bottom: 0px;
}
.lifeCycleKPIPresent .widgetBox:nth-last-child(1) .mapKpiBox {
  border-radius: 0px;
  margin-bottom: 0px !important;
}
.lifeCycleKPIPresent .widgetBox:nth-last-child(1) .mapKpiBox .kpiBoxJournryLevel .kpiWidgetBig {
  margin-bottom: -5px !important;
}

.kpi-inputtextrow .vue-swatches__container {
  right: -267px !important;
  top: 0px !important;
  background: #3f3449 !important;
  border-radius: 0px;
}

.viewKpiScore {
  width: 174px !important;
  padding-right: 9px !important;
  padding-bottom: 5px !important;
}

.bdr-btm-21 {
  border-bottom: solid 21px #3f3449 !important;
}

.kpi-inputtextrow .text-danger {
  color: #dc3545 !important;
  font-size: 12px;
}

.kpieditScroll {
  overflow: unset !important;
}

.noscroll {
  overflow: unset !important;
}

.kpiTarget {
  width: 100%;
}
.kpiTarget span {
  font-size: 13px;
  color: #fff;
  padding: 2px 10px;
  background: #000;
  display: inline-block;
  margin-top: 5px;
  border-radius: 20px;
  margin-right: auto !important;
}

.kpigraphsvg .rs-full .rs-bar {
  top: 50%;
  z-index: 0 !important;
}

.CampareMapKPIBox {
  padding: 0px !important;
  width: 203px !important;
}
.CampareMapKPIBox .kpiWidgetBig {
  margin-bottom: 0px !important;
}

.bgtrans {
  background: transparent !important;
}

.noborder {
  border: none !important;
}

.bgMainSite {
  background: #110a1a !important;
}

/*--------Start Kpi Module----------*/
.inSightPage {
  z-index: 998;
}

.touchPointInsightEditlist .KPIwidgetArea {
  margin: 0px 20px !important;
}
.touchPointInsightEditlist .KPIwidgetArea .widgetData {
  margin-bottom: 12px;
}
.touchPointInsightEditlist .KPIwidgetArea:nth-child(1) .widgetData {
  margin-top: 20px;
}
.touchPointInsightEditlist .KPIwidgetArea:nth-last-child(1) .widgetData {
  margin-bottom: 0px;
}

.presentLaneInsight .widgetArea {
  margin: 0px 0px 12px 0px;
}
.presentLaneInsight .widgetArea:nth-child(1) {
  margin-top: 20px !important;
}
.presentLaneInsight .widgetArea:nth--last-child(1) {
  margin-bottom: 0px !important;
}

.presentEpisodeLaneInsight .episodeLanesInsight {
  margin-bottom: 12px !important;
}
.presentEpisodeLaneInsight .episodeLanesInsight:nth-last-child(1) {
  margin-bottom: 0px !important;
}

.presentJourneyInsight .attachmentsLane {
  margin: 0px !important;
}
.presentJourneyInsight .attachmentsLane:nth-last-child(1) .insightwidgetBoxMain {
  margin-bottom: 0px !important;
}

.touchpointInsight .insighttouchpointbox {
  margin-bottom: 12px;
}
.touchpointInsight .insighttouchpointbox .insightwidgetBoxMain {
  margin: 0px !important;
}
.touchpointInsight .insighttouchpointbox:nth-child(1) {
  margin-top: 20px;
}
.touchpointInsight .insighttouchpointbox:nth-last-child(1) {
  margin-bottom: 20px;
}

.touchPointPersonaList .personatouchpoingWidgetSpace:nth-last-child(1) .personawidgetBoxMain {
  margin: 0px !important;
}

.presentjourneyPersona .dragdoc .personawidgetBoxMain {
  margin-bottom: 12px !important;
}
.presentjourneyPersona .dragdoc:nth-last-child(1) .personawidgetBoxMain {
  margin-bottom: 0px !important;
}

.presentLanePersona .w-100 .personawidgetBoxMain {
  margin-bottom: 12px !important;
  height: auto !important;
}
.presentLanePersona .w-100:nth-last-child(1) .personawidgetBoxMain {
  margin-bottom: 0px !important;
}

.presentLaneEpisodePersona .emotionList {
  padding: 0px !important;
}
.presentLaneEpisodePersona .emotionList .w-100 .personawidgetBoxMain {
  margin-bottom: 12px !important;
  height: auto !important;
}
.presentLaneEpisodePersona .emotionList .w-100:nth-last-child(1) .personawidgetBoxMain {
  margin-bottom: 0px !important;
}

.TouchPointPersonaBox {
  padding: 20px;
}
.TouchPointPersonaBox .TouchPointPersonaList:nth-last-child(1) .personawidgetBoxMain {
  margin-bottom: 0px;
}

.presentFoldPersona .presentFoldPersonaList:nth-last-child(1) .personawidgetBoxMain {
  margin-bottom: 0px;
}

.TouchPointKPIBox .KPIwidgetArea {
  padding: 0px 20px;
}
.TouchPointKPIBox .KPIwidgetArea:nth-child(1) {
  padding-top: 20px;
}
.TouchPointKPIBox .KPIwidgetArea:nth-last-child(1) .kpiWidgetBig {
  margin-bottom: 0px;
}

.PresentFoldKPi .connectedKpiWidgetList {
  padding: 0px;
  margin: 0px !important;
}
.PresentFoldKPi .connectedKpiWidgetList .mapKpiBox:nth-child(1) {
  padding-top: 20px;
}
.PresentFoldKPi .connectedKpiWidgetList .mapKpiBox:nth-last-child(1) {
  padding-bottom: 20px;
}
.PresentFoldKPi .connectedKpiWidgetList .mapKpiBox:nth-last-child(1) .kpiWidgetBig {
  margin: 0px !important;
}

.PresntTouchKPI li {
  padding: 0px 20px !important;
  margin: 0px !important;
  height: auto in !important;
}
.PresntTouchKPI li:nth-child(1) {
  padding-top: 20px !important;
}
.PresntTouchKPI li:nth-last-child(1) {
  margin-bottom: 8px !important;
}

.inputPersonaBox .m-input-large:focus {
  border: 1px solid #7801FF;
}
.inputPersonaBox .m-input-large:focus + span.clear {
  visibility: visible;
}

.lc_persona_Box .persona-draggable-item:nth-last-child(1) {
  margin-bottom: 20px;
}

.lc_icons_box .icon-draggable-item.widgetBox .iconsBlocks {
  margin-bottom: 12px;
}
.lc_icons_box:nth-last-child(1) .iconsBlocks {
  margin-bottom: 20px;
}

.no-zindex {
  z-index: 0 !important;
}

.min-100 {
  min-width: 100% !important;
}

.improvementEditPad .insightwidgetBoxMain {
  margin-bottom: 12px;
}
.improvementEditPad .insightwidgetBoxMain:nth-last-child(1) {
  margin-bottom: 0px;
}
.improvementEditPad .insightwidgetBoxMain:nth-child(1) {
  margin-top: 20px;
}

.lc_files_Widget li:nth-last-child(1) {
  margin-bottom: 20px !important;
}

.improvementPresentPad .insightwidgetBoxMain {
  margin-bottom: 12px;
}
.improvementPresentPad .insightwidgetBoxMain:nth-last-child(1) {
  padding-bottom: 20px;
}
.improvementPresentPad .insightwidgetBoxMain:nth-child(1) {
  margin-top: 20px;
}

.lifeCycleKPIPresent .widgetBox {
  float: left;
  display: block;
}
.lifeCycleKPIPresent .widgetBox:nth-last-child(1) {
  margin-bottom: 0px;
}
.lifeCycleKPIPresent .widgetBox:nth-child(1) {
  margin-top: 0px;
}

/*------CUSTOM LIST DROPDOWN START--------*/
.customlistDropdown .bootstrap-select.form-control {
  background: #110a1a !important;
  border-radius: 0px !important;
}
.customlistDropdown .bootstrap-select.form-control:hover {
  background: #110a1a !important;
}
.customlistDropdown .bootstrap-select .dropdown-toggle::after {
  border: none !important;
}
.customlistDropdown .form-group .m-select-dropdown-sm button {
  font-size: 12px !important;
  font-size: 12px !important;
  background: #26202e;
  color: #fff;
  border: none !important;
  text-align: left !important;
  padding-right: 15px !important;
}
.customlistDropdown .form-group .m-select-dropdown-sm .dropdown-menu .bs-actionsbox {
  padding: 0px 8px !important;
  line-height: 25px;
  border: 1px solid #000;
  background: #26202e !important;
}
.customlistDropdown .form-group .m-select-dropdown-sm .dropdown-menu .bs-actionsbox .btn-group {
  padding: 0px !important;
  color: #fff;
}
.customlistDropdown .form-group .m-select-dropdown-sm .dropdown-menu .bs-actionsbox .btn-group button {
  padding: 0px !important;
}
.customlistDropdown .form-group .m-select-dropdown-sm .dropdown-menu .bs-actionsbox .btn-group button:hover, .customlistDropdown .form-group .m-select-dropdown-sm .dropdown-menu .bs-actionsbox .btn-group button:active, .customlistDropdown .form-group .m-select-dropdown-sm .dropdown-menu .bs-actionsbox .btn-group button:focus {
  color: #fff;
}

/*------CUSTOM LIST DROPDOWN END--------*/
.jiraEmptySlot {
  width: 100%;
  height: 100px;
  background: #5a4f65;
}

.custJourneyBox.locationCustombox {
  cursor: pointer;
  height: 25px;
  padding: 0px;
}
.custJourneyBox.locationCustombox .useractionsJourneys .useractionsJourneybox {
  padding-right: 0px !important;
}
.custJourneyBox.locationCustombox .useractionsJourneys .useractionsJourneybox span {
  padding-right: 11px !important;
}
.custJourneyBox.locationCustombox .useractionsJourneys .useractionsJourneybox span span {
  padding-right: 0px !important;
}

.mapsCustomTabs ul {
  padding: 0px !important;
  background: transparent !important;
  border-bottom: 1px solid #110a1a !important;
}
.mapsCustomTabs .locationSearch {
  position: absolute;
  right: 0;
  top: -10px;
  z-index: 100;
}

.width-50 {
  max-width: 50% !important;
  flex: 0 0 50% !important;
}

.width-25 {
  max-width: 25% !important;
  flex: 0 0 25% !important;
}

.inputPersonaBox {
  position: relative;
}
.inputPersonaBox p.docsHeadpop {
  font-size: 13px;
  line-height: 17px;
  margin-bottom: 12px;
  background: #110a1a !important;
  min-height: 25px !important;
  padding: 4px 8px !important;
  border-radius: 0px;
  color: #fff;
  border-radius: 5px !important;
  border: solid 1px var(--Border_Divider) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: var(--Input_Filled) !important;
  background: var(--Background_Secondary) !important;
  padding: 5px 8px !important;
  line-height: 20px !important;
}
.inputPersonaBox span.clear {
  position: absolute;
  right: 1px;
  top: 1px;
  color: var(--Title);
  height: 23px;
  width: 23px;
  text-align: center;
  font-size: 15px;
  cursor: pointer;
  line-height: 22px !important;
  visibility: hidden;
  background: var(--Background_Secondary);
  height: 30px !important;
  width: 30px !important;
  line-height: 30px !important;
  border-radius: 5px !important;
}
.inputPersonaBox span.clear:hover {
  background: #B11E27;
  color: #fff;
}
.inputPersonaBox:hover span.clear {
  visibility: visible;
}

.customlistdiv {
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  font-weight: 600;
  display: inline-block;
  color: #fff;
  padding-left: 11px;
  padding-right: 11px;
  padding-top: 7px;
  padding-bottom: 7px;
  line-height: 15px;
  font-size: 13px;
  width: 100%;
  word-break: break-word;
  margin-bottom: 7px;
  position: relative;
}
.customlistdiv .countnumber {
  color: #fff;
  position: absolute;
  top: 0px;
  right: 0px;
  height: 24px;
  background: rgba(0, 0, 0, 0.65);
  font-size: 10px;
  padding-left: 7.5px;
  padding-right: 7.5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  line-height: 24px;
}
.customlistdiv .countnumber i {
  font-size: 9px;
  margin-right: 1px;
}

.ourOrganization_round {
  background: #28CD41;
  height: 20px;
  width: 20px;
  display: inline-block;
  line-height: 20px;
  border-radius: 50%;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.ourOrganization_round img {
  height: 9px;
  margin-top: -2px;
}

.pendingInsight .ourOrganization_round {
  background: #ae6725;
}

.customcolor1 {
  left: 0px;
  position: absolute;
  top: -3px;
  margin-left: 0px !important;
}
.customcolor1 i {
  font-size: 11px;
}

.customcolor2 {
  margin-left: 0px !important;
  position: absolute;
  left: 20px;
  top: -3px;
}
.customcolor2 i {
  font-size: 11px;
}

.customcolor3 {
  margin-left: 0px !important;
  position: absolute;
  left: 40px;
  top: -3px;
}
.customcolor3 i {
  font-size: 11px;
}

.customcolor4 {
  margin-left: 0px !important;
  position: absolute;
  left: 60px;
  top: -3px;
}
.customcolor4 i {
  font-size: 11px;
}

/*/ --------Jira Iteams Css---------/*/
.jiraicon {
  width: 15px;
  height: 15px;
}

.carosel-jira {
  width: 100%;
}
.carosel-jira .carosel-item h1 {
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
}
.carosel-jira .carosel-item h1 span.icon {
  position: absolute;
  width: 20px;
  height: 20px;
  float: left;
  background: #000;
  margin-right: 10px;
  margin-top: 5px;
}
.carosel-jira .carosel-item h1 span.data {
  padding-left: 30px;
  position: relative;
  width: 100%;
  display: block;
}
.carosel-jira .carosel-item h1 i {
  cursor: pointer;
  margin-top: 5px;
}
.carosel-jira .carosel-item h1 i:hover {
  color: #fff;
}
.carosel-jira .carosel-item p {
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  margin-bottom: 5px;
  color: #c3afd7;
}
.carosel-jira .carosel-item p span {
  color: #fff;
  font-weight: 600;
}
.carosel-jira .carosel-item p span.view-pull-less {
  font-weight: 400;
  font-size: 13px;
  color: #a567eb;
}
.carosel-jira .carosel-item p span.view-pull-less:hover {
  color: #ddd;
}

.jira-actions .dropdown-toggle {
  color: #fff;
  padding: 5px;
  border: solid 1px #5a4f65;
}
.jira-actions .dropdown-toggle::after {
  border: none !important;
  display: none !important;
}
.jira-actions .dropdown-menu {
  background: #110a1a;
  border-radius: 0px;
  border: solid 1px #5f506c !important;
  margin: 0px;
}
.jira-actions .dropdown-menu a {
  color: #fff;
  font-size: 13px;
  padding: 4.5px 11px;
}
.jira-actions .dropdown-menu a:hover {
  background: #3f3449;
}

.create_jirarow h5 {
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  display: block;
}
.create_jirarow .jiraDropdownproject.selectArrowMain .bootstrap-select .dropdown-toggle:after {
  border: none !important;
}
.create_jirarow .jiraDropdownproject .form-control {
  border-radius: 0px;
  background: #110a1a !important;
}
.create_jirarow .jiraDropdownproject .form-control:hover {
  background: #110a1a !important;
}

.jira-iteams-table {
  width: 100%;
  margin-top: 30px;
}
.jira-iteams-table.linked table tr td:nth-child(1) {
  width: 80% !important;
  padding-left: 20px;
}
.jira-iteams-table.linked table tr td:nth-last-child(1) {
  width: 20% !important;
  padding-right: 20px;
  text-align: right;
}
.jira-iteams-table table {
  width: 100%;
}
.jira-iteams-table table tr {
  background: #3f3449;
  height: 53px !important;
  font-size: 13px;
  color: #fff;
  border-bottom: solid 4px #110a1a;
}
.jira-iteams-table table tr:hover {
  background: #5a4f65;
}
.jira-iteams-table table tr:hover th {
  background: #110a1a;
}
.jira-iteams-table table tr th {
  padding: 7.5px;
  background: #110a1a;
}
.jira-iteams-table table tr td {
  padding: 7.5px;
  font-size: 13px;
  font-weight: 400;
}
.jira-iteams-table table tr td:nth-child(1) {
  width: 3%;
}
.jira-iteams-table table tr td:nth-child(1).jirastatusicon img {
  width: 20px;
  height: 20px;
}
.jira-iteams-table table tr td:nth-child(2) {
  width: 47%;
  max-width: 380px;
}
.jira-iteams-table table tr td:nth-child(3) {
  width: 10%;
}
.jira-iteams-table table tr td:nth-child(3).jirauser img {
  width: 25px;
  height: 25px;
}
.jira-iteams-table table tr td:nth-child(4) {
  width: 10%;
}
.jira-iteams-table table tr td:nth-child(4).jirauser img {
  width: 25px;
  height: 25px;
}
.jira-iteams-table table tr td:nth-child(5) {
  width: 20%;
}
.jira-iteams-table table tr td:nth-child(6) {
  width: 10%;
}
.jira-iteams-table table tr td span {
  display: inline-block;
}
.jira-iteams-table table tr td span.summary {
  font-size: 13px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.jira-iteams-table table tr td span.status {
  font-size: 12px;
  width: 100%;
  color: #ae9fbd;
}
.jira-iteams-table table tr td span.status span {
  text-transform: uppercase;
}
.jira-iteams-table table tr td span.jirabugicon {
  width: 20px;
  background: #7800ff;
  height: 20px;
  float: left;
}
.jira-iteams-table table tr td span.user {
  height: 25px;
  width: 25px;
  display: block;
  color: #000;
  background: #64d3b2 !important;
  line-height: 25px;
  border-radius: 50%;
  text-transform: uppercase;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
}
.jira-iteams-table table tr td span.user.user-reporter {
  background: #f5e153 !important;
}
.jira-iteams-table table tr td span button.link {
  width: auto;
  border-radius: 100px;
  line-height: 10px;
  font-size: 13px;
  background: #7b6c8f !important;
  text-align: center;
  font-weight: 700;
  display: inline-block;
  color: #110a1a !important;
  cursor: pointer;
  padding: 4px 10px;
  box-shadow: 0px 2px 4px #000000;
  margin-left: 0px;
}
.jira-iteams-table table tr td span button.link i {
  margin-top: 3px;
}

.jira-searchtable {
  width: 100%;
}
.jira-searchtable .m-search-box input {
  color: #fff;
  margin-top: 1px;
}

.w-100 {
  width: 100% !important;
}

.mt-res-3 {
  margin-top: -3px;
}

.createJirabox .jiradispalyblock {
  margin-bottom: 21px;
}
.createJirabox .jiradispalyblock h5 {
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  display: block;
  margin-bottom: 8px;
}

.dropdownjirastory.selectArrowMain .bootstrap-select .dropdown-toggle:after {
  border: none !important;
}
.dropdownjirastory .form-control {
  border-radius: 0px;
  background: #110a1a !important;
}
.dropdownjirastory .form-control:hover {
  background: #110a1a !important;
}

.viewjiraDetails {
  width: 100%;
}
.viewjiraDetails h1 {
  font-size: 15px;
  margin-top: 15px;
}
.viewjiraDetails h1.jirahead span.icon {
  position: relative;
}
.viewjiraDetails h1.jirahead span.data {
  width: auto !important;
  padding-left: 0px !important;
}
.viewjiraDetails h1 span.icon {
  position: absolute;
  width: 20px;
  height: 20px;
  float: left;
  margin-right: 10px;
  margin-top: 1px;
}
.viewjiraDetails h1 span.data {
  padding-left: 30px !important;
  position: relative;
  width: 100%;
  display: block;
  font-weight: 500;
  line-height: 22px;
}
.viewjiraDetails h1 span.data.main-data {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.viewjiraDetails p {
  font-size: 13px;
  color: #c3afd7;
  margin-bottom: 8px;
}
.viewjiraDetails p span.headjira {
  font-size: 13px;
  padding-right: 5px;
  color: #fff;
}
.viewjiraDetails p span.view-pull-less {
  font-weight: 400;
  font-size: 13px;
  color: #a567eb;
  cursor: pointer;
}
.viewjiraDetails p span.view-pull-less:hover {
  color: #ddd;
}

.viewJira-Block {
  max-width: 300;
}

.jirasearch span.clearsearchicon {
  visibility: hidden;
}
.jirasearch .form-control:focus + span.clearsearchicon,
.jirasearch .form-control:active + span.clearsearchicon {
  visibility: visible;
}

/*--------JIRA DETAILS SCROLL START--------*/
.jiraDetailsScroll {
  float: left;
  width: 100%;
}
.jiraDetailsScroll .formsection {
  padding: 0px;
}
.jiraDetailsScroll .formsection .bdrbtm {
  border-bottom: solid 2px #2d2637;
  padding-bottom: 10px;
  margin: 0px;
}
.jiraDetailsScroll .formsection .bdrbtm .carosel {
  width: 108px !important;
  position: relative;
  background: #110a1a;
}
.jiraDetailsScroll .formsection .bdrbtm .carosel .slideNumbertext {
  float: left;
  margin: 0px;
  padding: 0px 25px;
  font-size: 13px !important;
  line-height: 25px;
  width: 100%;
  text-align: center;
}
.jiraDetailsScroll .formsection .bdrbtm .carosel .carousel-control-prev {
  position: absolute;
  width: 25px;
  height: 25px;
  background: #110a1a;
  float: left;
  opacity: 1;
}
.jiraDetailsScroll .formsection .bdrbtm .carosel .carousel-control-prev .carousel-control-prev-icon {
  background-image: none;
  width: 25px;
  height: 25px;
  cursor: pointer;
}
.jiraDetailsScroll .formsection .bdrbtm .carosel .carousel-control-next {
  position: absolute;
  width: 25px;
  height: 25px;
  background: #110a1a;
  float: right;
  opacity: 1;
}
.jiraDetailsScroll .formsection .bdrbtm .carosel .carousel-control-next .carousel-control-next-icon {
  background-image: none;
  width: 25px;
  height: 25px;
  cursor: pointer;
}
.jiraDetailsScroll .vue-horizontal .v-hl-container .formsection {
  width: 100%;
  padding: 0px;
  margin: 0px;
}

/*--------JIRA DETAILS SCROLL START--------*/
.insightWidgetNew .insightsBox {
  box-shadow: none !important;
  padding: 21px 21px 21px 21px;
}
.insightWidgetNew .insightsBox:hover {
  background: #3f3449 !important;
}
.insightWidgetNew .insightsBox .inSighthoverBox {
  background: transparent !important;
}

.insightDatatable.factcontroltable table tbody tr th:nth-child(1),
.insightDatatable.factcontroltable table tbody tr td:nth-child(1),
.insightDatatable.factcontroltable table thead tr th:nth-child(1),
.insightDatatable.factcontroltable table thead tr td:nth-child(1) {
  width: 310px;
}
.insightDatatable.factcontroltable table tbody tr th:nth-child(2),
.insightDatatable.factcontroltable table tbody tr td:nth-child(2),
.insightDatatable.factcontroltable table thead tr th:nth-child(2),
.insightDatatable.factcontroltable table thead tr td:nth-child(2) {
  width: 55px;
}
.insightDatatable.factcontroltable table tbody tr th:nth-child(3),
.insightDatatable.factcontroltable table tbody tr td:nth-child(3),
.insightDatatable.factcontroltable table thead tr th:nth-child(3),
.insightDatatable.factcontroltable table thead tr td:nth-child(3) {
  width: 170px;
}
.insightDatatable.factcontroltable table tbody tr th:nth-child(3) span,
.insightDatatable.factcontroltable table tbody tr td:nth-child(3) span,
.insightDatatable.factcontroltable table thead tr th:nth-child(3) span,
.insightDatatable.factcontroltable table thead tr td:nth-child(3) span {
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  font-weight: 600;
  display: inline-block;
  color: #fff;
  padding-left: 11px;
  padding-right: 11px;
  padding-top: 7px;
  padding-bottom: 7px;
  line-height: 10px;
  font-size: 12px;
}
.insightDatatable.factcontroltable table tbody tr th:nth-child(3) span.pending,
.insightDatatable.factcontroltable table tbody tr td:nth-child(3) span.pending,
.insightDatatable.factcontroltable table thead tr th:nth-child(3) span.pending,
.insightDatatable.factcontroltable table thead tr td:nth-child(3) span.pending {
  background: #ae6725;
}
.insightDatatable.factcontroltable table tbody tr th:nth-child(3) span.approved,
.insightDatatable.factcontroltable table tbody tr td:nth-child(3) span.approved,
.insightDatatable.factcontroltable table thead tr th:nth-child(3) span.approved,
.insightDatatable.factcontroltable table thead tr td:nth-child(3) span.approved {
  background: #28CD41;
}
.insightDatatable.factcontroltable table tbody tr th:nth-child(4),
.insightDatatable.factcontroltable table tbody tr td:nth-child(4),
.insightDatatable.factcontroltable table thead tr th:nth-child(4),
.insightDatatable.factcontroltable table thead tr td:nth-child(4) {
  width: 90px;
}
.insightDatatable.factcontroltable table tbody tr th:nth-child(5),
.insightDatatable.factcontroltable table tbody tr td:nth-child(5),
.insightDatatable.factcontroltable table thead tr th:nth-child(5),
.insightDatatable.factcontroltable table thead tr td:nth-child(5) {
  width: 105px;
}
.insightDatatable.factcontroltable table tbody tr th:nth-child(6),
.insightDatatable.factcontroltable table tbody tr td:nth-child(6),
.insightDatatable.factcontroltable table thead tr th:nth-child(6),
.insightDatatable.factcontroltable table thead tr td:nth-child(6) {
  width: 80px;
}
.insightDatatable.factcontroltable table tbody tr th:nth-child(7),
.insightDatatable.factcontroltable table tbody tr td:nth-child(7),
.insightDatatable.factcontroltable table thead tr th:nth-child(7),
.insightDatatable.factcontroltable table thead tr td:nth-child(7) {
  width: 50px;
  overflow: visible;
  float: right;
}

.linkJirabtn {
  line-height: 25px !important;
  height: 25px !important;
  padding: 0px 10px !important;
}
.linkJirabtn:hover {
  line-height: 25px !important;
  height: 25px !important;
  padding: 0px 10px !important;
}

.customlistdotsbox {
  width: 100px;
  padding: 0px 10px;
  border-radius: 25px;
  float: left;
  position: relative;
  height: 20px;
}
.customlistdotsbox.maplistbox:hover .custonlistpophover {
  top: auto;
  bottom: 25px;
}
.customlistdotsbox .custonlistpophover {
  display: none;
}
.customlistdotsbox:hover .custonlistpophover {
  display: block;
  background: #110a1a;
  border: 1px solid #5a4f65;
  padding: 11px;
  position: absolute;
  top: 30px;
  left: 0px;
  z-index: 10000;
  min-width: 167px;
  max-width: 167px;
}
.customlistdotsbox:hover .custonlistpophover .customlist:nth-last-child(1) {
  margin-bottom: 0px;
}
.customlistdotsbox:hover .custonlistpophover .customlist {
  line-height: 11px !important;
}

.customlist {
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  font-weight: 600;
  display: block;
  color: #fff;
  padding-left: 11px;
  padding-right: 11px;
  padding-top: 7px;
  padding-bottom: 7px;
  line-height: 10px;
  font-size: 13px;
  width: 100%;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 7px;
}

.collspePresentRow .collaspehead {
  height: 62px;
}
.collspePresentRow .insightPresentArrow.cslistArrow {
  display: none;
}
.collspePresentRow .customlistdiv {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.collspePresentRow .presentdimesnionBox,
.collspePresentRow .ownerHide,
.collspePresentRow .locationHide,
.collspePresentRow .jiraHide {
  display: none;
}
.collspePresentRow .insightpopbox.width1 {
  flex: 0 0 50% !important;
  max-width: 50% !important;
}
.collspePresentRow .insightpopbox.width1:nth-child(2) {
  padding: 0px !important;
}
.collspePresentRow .insightpopbox.width1:nth-child(2) label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
}

.height-25 {
  height: 25px;
}

.media-width {
  width: 150px !important;
}

.plpr-20 {
  padding-left: 20px;
  padding-right: 20px;
}

.expandPresentRow .customlistdiv {
  line-height: 15px;
}

.modal-map-edit .modal-content .modal-body {
  padding: 32px !important;
}
.modal-map-edit .modal-content .modal-body p {
  font-weight: 13px;
  color: #fff;
}
.modal-map-edit .modal-content .modal-body .userdisplayRow {
  background: #5a4f65;
  border-radius: 3px;
  display: block;
  height: 50px;
  padding: 13px;
}
.modal-map-edit .modal-content .modal-body .userdisplayRow .user-sm-display {
  width: 100%;
  float: left;
  height: 24px;
  line-height: 24px;
}
.modal-map-edit .modal-content .modal-body .userdisplayRow .user-sm-display img {
  width: 24px;
  height: 24px;
  object-fit: cover;
  border-radius: 50%;
  margin-right: 21px;
}
.modal-map-edit .modal-content .modal-body .userdisplayRow .user-sm-display span {
  font-weight: bold;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  color: #000000;
  text-transform: uppercase;
  display: block;
  margin-right: 21px;
  background: #64d3b2;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  float: left;
}
.modal-map-edit .modal-content .modal-body .queryRow {
  margin-top: 11px;
}
.modal-map-edit .modal-content .modal-body .queryRow .m-textarea-large {
  min-height: 72px;
  margin-top: 10px;
}
.modal-map-edit .modal-content .modal-body .queryRow button {
  margin-top: 11px;
}
.modal-map-edit .modal-content .modal-body .queryRow .msgsentRow {
  background: #28CD41;
  border-radius: 3px;
  display: block;
  height: 50px;
  padding: 13px;
  color: #fff;
  line-height: 24px;
}

.alert-map-useing {
  position: absolute;
  width: 340px;
  background: #2d2637;
  border: 0px solid #3f3449;
  box-sizing: border-box;
  border-radius: 5px;
  color: #B8AEC7;
  right: 20px;
  top: 50px;
  z-index: 100;
  padding: 5px 0px 5px 0px;
  max-height: 90%;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.06), 0px 0px 4px 0px rgba(0, 0, 0, 0.04) !important;
}
.alert-map-useing ul {
  float: left;
  overflow-y: auto;
  max-height: 500px;
  width: 100%;
  margin-top: 40px;
}
.alert-map-useing ul:hover li:hover .content {
  display: block;
}
.alert-map-useing ul li {
  float: left;
  padding: 8px 16.5px;
  cursor: pointer;
  width: 100%;
  min-height: 60px;
}
.alert-map-useing ul li:hover {
  background: #342C3F !important;
}
.alert-map-useing ul li:hover .headrow span.delete {
  visibility: visible !important;
}
.alert-map-useing ul li:focus, .alert-map-useing ul li:active, .alert-map-useing ul li:visited {
  background: #272130 !important;
}
.alert-map-useing ul li .headrow {
  font-size: 12px;
  font-weight: 600;
  float: left;
  width: 100%;
}
.alert-map-useing ul li .headrow span {
  float: left;
}
.alert-map-useing ul li .headrow span.delete {
  visibility: hidden;
}
.alert-map-useing ul li .headrow span:nth-child(1).checkmark {
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 25px;
  font-size: 10px;
  border-radius: 50%;
  margin-left: -9px;
  margin-right: 8px;
  cursor: pointer;
}
.alert-map-useing ul li .headrow span:nth-child(1).checkmark.active {
  color: #0065FF;
}
.alert-map-useing ul li .headrow span:nth-child(1).checkmark.inactive {
  color: transparent;
}
.alert-map-useing ul li .headrow span:nth-child(1).checkmark.inactive i {
  border: solid 1px #5a4f65;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.alert-map-useing ul li .headrow span:nth-child(1).checkmark.checked {
  color: #000;
}
.alert-map-useing ul li .headrow span:nth-child(1).checkmark:hover {
  background: transparent;
}
.alert-map-useing ul li .headrow span:nth-child(2).text {
  width: 245px;
  margin-top: 3px;
  line-height: 16px;
}
.alert-map-useing ul li .headrow span:nth-child(3).delete {
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 25px;
  font-size: 10px;
  border-radius: 50%;
  margin-left: 0px;
  margin-right: -10px;
  color: #7b6c8f;
  float: right !important;
  cursor: pointer;
}
.alert-map-useing ul li .headrow span:nth-child(3).delete i {
  font-size: 13px;
  margin-top: 6px;
}
.alert-map-useing ul li .headrow span:nth-child(3).delete:hover {
  background: transparent;
  color: #B8AEC7;
}
.alert-map-useing ul li .content {
  float: left;
  width: 100%;
  padding: 0px 24px;
}
.alert-map-useing ul li .content p {
  font-size: 11px;
  font-weight: 400;
  margin-bottom: 5px;
  float: left;
  color: #c2b8d0;
}
.alert-map-useing ul li .content p.userinfo {
  color: #5a4f65;
  font-size: 12px !important;
}
.alert-map-useing ul .viewAllNotify {
  padding: 0px 8px;
  color: #7b6c8f;
  margin-top: 8px;
  font-size: 13px;
  float: left;
  width: 100%;
  text-align: center;
}
.alert-map-useing ul .viewAllNotify span {
  border-top: solid 0px #000;
  width: 100%;
  float: left;
  display: block;
  padding: 15px 8px;
  font-size: 12px;
  font-weight: 500;
  border-radius: 0px;
  text-align: left;
}

.customlistDropdown .form-row .form-group .addDimensions .bootstrap-select .dropdown-toggle:after {
  border: none;
  top: 2px !important;
}
.customlistDropdown .form-row .form-group .addDimensions .bootstrap-select .dropdown-menu li .dropdown-item {
  height: auto;
}
.customlistDropdown .form-row .form-group .addDimensions .bootstrap-select .dropdown-menu li .dropdown-item span.text {
  width: 130px;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding-right: 12px;
  display: inline-block !important;
  width: calc(100% - 40px);
}
.customlistDropdown .form-row .form-group .addDimensions .bootstrap-select .dropdown-menu li .dropdown-item span.text .customlistColor {
  word-break: break-all;
  font-size: 12px;
  color: var(--Title);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.customlistDropdown .form-row .form-group .addDimensions .bootstrap-select .dropdown-menu li .dropdown-item span.check-mark {
  right: 10px !important;
}

.userlinkbtn.factuser span {
  color: #fff !important;
}

.m-input-large.autoInput {
  height: auto !important;
}

.table-Ckeditor-title .routetd {
  float: left;
}
.table-Ckeditor-title .table-editor {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.table-Ckeditor-title .table-editor ol,
.table-Ckeditor-title .table-editor ul,
.table-Ckeditor-title .table-editor p,
.table-Ckeditor-title .table-editor h1,
.table-Ckeditor-title .table-editor h2,
.table-Ckeditor-title .table-editor h3,
.table-Ckeditor-title .table-editor h4,
.table-Ckeditor-title .table-editor h5,
.table-Ckeditor-title .table-editor h6,
.table-Ckeditor-title .table-editor li {
  margin: 0px !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0px;
}

.dropdown-menu.ownerCount {
  width: 100%;
}
.dropdown-menu.ownerCount .userboxdropdown {
  max-height: 178px;
  overflow: auto;
  scrollbar-color: #a294b5 #3f3449;
  scrollbar-width: thin;
}

.child-map-filters .card .menulevelone {
  padding-left: 40px !important;
}
.child-map-filters .card .menulevelone .card-body .card .card-header h5 a .accordianCheck1 .insightFilterLabel .child-map-icon {
  margin-left: 0px !important;
}

.child-map-filters .menuleveltwo {
  padding-left: 20px !important;
}
.child-map-filters .menuleveltwo .card-body a .accordianCheck1 .insightFilterLabel {
  padding-left: 50px !important;
}
.child-map-filters .menuleveltwo .card-body a .accordianCheck1 .insightFilterLabel .child-map-icon {
  margin-left: 0px !important;
}
.child-map-filters .menuleveltwo .card-body a .accordianCheck1 .touchpoint-child-icon {
  position: absolute;
  top: 1px;
  left: 15px;
}

.parent-map-filters .menuleveltwo {
  padding-left: 20px !important;
}
.parent-map-filters .menuleveltwo .card-body a .accordianCheck1 .insightFilterLabel {
  padding-left: 55px !important;
}
.parent-map-filters .menuleveltwo .card-body a .accordianCheck1 .insightFilterLabel .child-map-icon {
  margin-left: 0px !important;
}
.parent-map-filters .menuleveltwo .card-body a .accordianCheck1 .touchpoint-parent-icon {
  position: absolute;
  top: 2px;
  left: 35px;
}

.uppercase {
  text-transform: uppercase !important;
}

.child-map-icon-popup {
  width: 8px;
  margin-top: -2px;
  margin-right: 5px !important;
}

.child-map-display-scroll {
  max-height: 173px;
  min-height: 20px;
  overflow-x: hidden;
  overflow-y: auto;
  margin-top: 20px;
}
.child-map-display-scroll label {
  background: #5a4f65;
  padding: 5px 10px;
  margin-right: 0px;
  margin-bottom: 5px;
  float: left;
  width: 100%;
}

.mapsdelete-scroll {
  overflow: unset !important;
}

.caps-normal {
  text-transform: none !important;
}

.viewActionFactZindex {
  z-index: 1051;
}

.customListFilterCheck .bootstrap-select.show-tick .dropdown-menu li .dropdown-item span.text {
  margin-left: 24px;
}

.mb-15 {
  margin-bottom: 15px;
}

.insightDatatable.factcontroltable.insightView-facttable table tbody tr th:nth-child(1),
.insightDatatable.factcontroltable.insightView-facttable table tbody tr td:nth-child(1),
.insightDatatable.factcontroltable.insightView-facttable table thead tr th:nth-child(1),
.insightDatatable.factcontroltable.insightView-facttable table thead tr td:nth-child(1) {
  width: 430px;
}
.insightDatatable.factcontroltable.insightView-facttable table tbody tr th:nth-child(2),
.insightDatatable.factcontroltable.insightView-facttable table tbody tr td:nth-child(2),
.insightDatatable.factcontroltable.insightView-facttable table thead tr th:nth-child(2),
.insightDatatable.factcontroltable.insightView-facttable table thead tr td:nth-child(2) {
  width: 55px;
}
.insightDatatable.factcontroltable.insightView-facttable table tbody tr th:nth-child(3),
.insightDatatable.factcontroltable.insightView-facttable table tbody tr td:nth-child(3),
.insightDatatable.factcontroltable.insightView-facttable table thead tr th:nth-child(3),
.insightDatatable.factcontroltable.insightView-facttable table thead tr td:nth-child(3) {
  width: 90px;
}
.insightDatatable.factcontroltable.insightView-facttable table tbody tr th:nth-child(4),
.insightDatatable.factcontroltable.insightView-facttable table tbody tr td:nth-child(4),
.insightDatatable.factcontroltable.insightView-facttable table thead tr th:nth-child(4),
.insightDatatable.factcontroltable.insightView-facttable table thead tr td:nth-child(4) {
  width: 125px;
}
.insightDatatable.factcontroltable.insightView-facttable table tbody tr th:nth-child(5),
.insightDatatable.factcontroltable.insightView-facttable table tbody tr td:nth-child(5),
.insightDatatable.factcontroltable.insightView-facttable table thead tr th:nth-child(5),
.insightDatatable.factcontroltable.insightView-facttable table thead tr td:nth-child(5) {
  width: 110px;
}
.insightDatatable.factcontroltable.insightView-facttable table tbody tr th:nth-child(6),
.insightDatatable.factcontroltable.insightView-facttable table tbody tr td:nth-child(6),
.insightDatatable.factcontroltable.insightView-facttable table thead tr th:nth-child(6),
.insightDatatable.factcontroltable.insightView-facttable table thead tr td:nth-child(6) {
  width: 50px;
  overflow: visible;
  float: right;
}

/*====== Start Insights Sticky Views====*/
.insightBlock .insightFixedHeader {
  position: fixed;
  width: calc(100% - 25%);
  padding-right: 50px;
  padding-left: 50px;
  height: 150px;
}
@media (min-width: 1200px) and (max-width: 1599px) {
  .insightBlock .insightFixedHeader {
    width: calc(100% - 20%);
    padding-right: 50px;
    padding-left: 50px;
  }
}
@media (min-width: 2000px) and (max-width: 2599px) {
  .insightBlock .insightFixedHeader {
    padding-right: 70px;
  }
}
@media (min-width: 2600px) and (max-width: 3199px) {
  .insightBlock .insightFixedHeader {
    padding-right: 65px;
  }
}
@media (min-width: 3200px) and (max-width: 4199px) {
  .insightBlock .insightFixedHeader {
    padding-right: 60px;
  }
}
.insightBlock .insightFixedTopSpace {
  padding-top: 170px;
}

.InsightNewTableSpace.insightFixedTopSpace {
  padding-left: 50px !important;
}

/*====== End Insights Sticky Views====*/
/*====== Start Insight Row Visibale ====*/
.insightDatatable table tbody tr:nth-last-child(3) td div.user-3-dotsmenu .dropdown .dropdown-menu {
  top: auto !important;
  bottom: 21px;
}
.insightDatatable table tbody tr:nth-child(1) td div.user-3-dotsmenu .dropdown .dropdown-menu, .insightDatatable table tbody tr:nth-child(2) td div.user-3-dotsmenu .dropdown .dropdown-menu, .insightDatatable table tbody tr:nth-child(3) td div.user-3-dotsmenu .dropdown .dropdown-menu, .insightDatatable table tbody tr:nth-child(4) td div.user-3-dotsmenu .dropdown .dropdown-menu, .insightDatatable table tbody tr:nth-child(5) td div.user-3-dotsmenu .dropdown .dropdown-menu, .insightDatatable table tbody tr:nth-child(6) td div.user-3-dotsmenu .dropdown .dropdown-menu {
  top: 0 !important;
  bottom: auto !important;
}
.insightDatatable table tbody tr.emptyrow {
  background: transparent;
}
.insightDatatable table tbody tr.emptyrow td {
  width: 100%;
}
.insightDatatable table tbody tr.emptyrow td div {
  border: none;
  cursor: default;
}

/*======  End Insight Row Visibale ====*/
.bootstrap-select.m-select-dropdown-sm .selectpicker.disabled-selectpicker + .dropdown-toggle::after {
  content: "";
  font-family: FontAwesome;
  position: absolute;
  right: 16px;
  top: 1px;
  font-size: 16px;
}

.publishInsight .modal-content .modal-body .publishBody {
  padding-top: 0px !important;
}
.publishInsight .modal-content .modal-body .publishBody .publishErrorTxt {
  border-bottom: 0px solid #110a1a !important;
  padding: 10px 0px !important;
  margin-bottom: 0px !important;
}
.publishInsight .modal-content .modal-body .publishBody .publishErrorTxt span {
  height: 30px !important;
}

.insightFilternomargin {
  margin-bottom: 0px !important;
}

.widgetStatuslifecycle .user-rating-popup.editMapInsight ul {
  margin-top: 1px !important;
}
.widgetStatuslifecycle .user-rating-popup.editMapInsight ul li {
  position: relative;
  width: 11px;
  height: 11px;
}
.widgetStatuslifecycle .user-rating-popup.editMapInsight ul li::before {
  font: normal normal normal 12px/1 FontAwesome !important;
  position: absolute;
}
.widgetStatuslifecycle .user-rating-popup.editMapInsight ul li.active::before {
  font: normal normal normal 10px/1 FontAwesome !important;
  top: 1px;
}

.leftmenu-collasped {
  width: 50px;
}
.leftmenu-collasped .menu-hide {
  display: none !important;
}
.leftmenu-collasped a::after {
  display: none !important;
}

.tooltip-customlist {
  width: 150px;
  display: block;
}
.tooltip-customlist .cslistname {
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  font-weight: 600;
  color: #fff;
  padding-left: 11px;
  padding-right: 11px;
  padding-top: 7px;
  padding-bottom: 7px;
  line-height: 15px;
  font-size: 13px;
  width: 150px;
  margin-bottom: 0px;
  display: block;
  margin: 5px 0px;
}
.tooltip-customlist .csname {
  font-size: 13px;
  width: 100%;
  display: block;
  margin-bottom: 5px;
  color: #fff;
  font-weight: 600;
}
.tooltip-customlist.multiple {
  width: 150px;
  position: relative;
  display: block;
}
.tooltip-customlist.multiple .cslistname {
  width: 150px;
  display: block;
}

.customFieldGlobalblock .row .customRepeatBox {
  margin-bottom: 11px;
}
.customFieldGlobalblock .row .customRepeatBox .customBox {
  background: #000;
  border-radius: 100px;
  padding-left: 10px;
  height: 25px;
  line-height: 26px;
  position: relative;
  font-size: 11px;
  text-align: left;
  color: #fff;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-right: 30px !important;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
}
.customFieldGlobalblock .row .customRepeatBox .customBox.singleCF {
  padding-right: 10px !important;
}
.customFieldGlobalblock .row .customRepeatBox .customBox.zeroCF span.numbercount {
  background: #000 !important;
}
.customFieldGlobalblock .row .customRepeatBox .customBox span.numbercount {
  position: absolute;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #7800ff;
  color: #fff;
  line-height: 25px;
  font-size: 11px;
  text-align: center;
  top: 0px;
  right: 0px;
}

.journeyLaneCF {
  width: 100%;
  margin-top: 10px;
}
.journeyLaneCF .customFieldGlobalblock .row {
  width: 100%;
  margin: 0px;
}
.journeyLaneCF .customFieldGlobalblock .row .customRepeatBox {
  padding: 0px;
}

.titleEllipsis {
  width: calc(100% - 47px);
  float: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.TitleTolltipGlobal {
  min-width: 50px;
  max-width: 500px;
}
.TitleTolltipGlobal p {
  display: block !important;
  margin: 0px !important;
  padding: 0px !important;
  line-height: 20px;
}
.TitleTolltipGlobal.widgetTooltip {
  min-width: 50px;
  max-width: 200px !important;
}
.TitleTolltipGlobal.dashboardTableTooltip {
  min-width: 50px;
  max-width: 250px !important;
}

.collaspeCSfields .customlistdiv {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 10px;
  padding-right: 26px;
}
.collaspeCSfields .csFieldLabel {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.refineselectdisplay {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  -webkit-transform: rotate(-90deg) translate(20%, 0px);
  -ms-transform: rotate(-90deg) translate(20%, 0px);
  transform: rotate(-90deg) translate(20%, 0px);
  padding: 0px;
  position: relative;
  top: 120px;
  letter-spacing: 1px;
  white-space: nowrap;
}

.kpi-extlink {
  padding: 10px 10px;
  text-align: center;
  margin-top: -15px;
}
.kpi-extlink .headingkpi {
  font-size: 13px;
}
.kpi-extlink .link {
  font-size: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.kpi-extlink .link span a {
  color: #c2b8d0;
  border-bottom: solid 1px #c2b8d0;
  padding-bottom: 1px;
}
.kpi-extlink .link span a:hover {
  color: #fff;
  border-bottom: solid 1px #fff;
  padding-bottom: 1px;
}

.present-kpi-extlink {
  margin-top: 15px;
}
.present-kpi-extlink .headingkpi {
  margin-bottom: 0px !important;
}
.present-kpi-extlink .link span.text a {
  color: #c2b8d0;
  border-bottom: solid 1px #c2b8d0;
  padding-bottom: 1px;
  font-size: 13px;
  word-wrap: break-word;
}
.present-kpi-extlink .link span.text a:hover {
  color: #fff;
  border-bottom: solid 1px #fff;
  padding-bottom: 1px;
  word-wrap: break-word;
}

.insightpopbox.csinsight.collaspeCSfields .col-3 {
  flex: 0 0 16.66%;
  max-width: 16.66%;
}

.pl-25 {
  padding-left: 25px;
}

.important-icon {
  position: absolute;
  background: #554960;
  left: 0px;
  padding: 1px 0px 0px 5px;
  border-radius: 3px;
  text-align: left;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 20px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 0px;
  color: #c2b8d0;
  width: 25px;
  height: 20px;
  font-size: 11px;
  top: 0px;
  z-index: 1;
}
.important-icon.option2 {
  width: 100%;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 0px !important;
  text-align: center;
}
.important-icon.emotion {
  border-top-left-radius: 3px;
  margin-left: -1px;
  margin-top: -1px;
}
.important-icon.docs {
  border-top-left-radius: 3px;
  margin-left: 0px;
  margin-top: 3px;
}
.important-icon .fa-star-o {
  display: inline-block;
}
.important-icon .fa-star {
  display: none;
}
.important-icon.active {
  background: #ff7a00;
  color: #fff;
}
.important-icon.active .fa-star-o {
  display: none;
}
.important-icon.active .fa-star {
  display: inline-block;
}

.widgetArea .AttachmentsMain.ListwithFiles li:hover .important-icon,
.emotionBlocksBg .emotionBlockFirstSec .emotionBGColor:hover .important-icon,
.emotionList ul li .emotionBlock .customBgBtn:hover .important-icon {
  display: none;
}

.TitleTooltipGlobal {
  max-width: 400px !important;
  display: block;
}
.TitleTooltipGlobal p,
.TitleTooltipGlobal h1,
.TitleTooltipGlobal h2,
.TitleTooltipGlobal h3,
.TitleTooltipGlobal h4,
.TitleTooltipGlobal h5,
.TitleTooltipGlobal h6,
.TitleTooltipGlobal ul,
.TitleTooltipGlobal ol,
.TitleTooltipGlobal li {
  margin: 0px !important;
  padding: 0px 0px 5px 0px !important;
  line-height: 20px !important;
}

.theme-light .galaxylogs-filter .formsection .form-group .form-control .dropdown-toggle {
  background: #fff !important;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.2) !important;
}
.theme-light .galaxylogs-filter .formsection .form-group .form-control ul.dropdown-menu li {
  border-bottom: none !important;
}

.date-format.m-select-dropdown-sm {
  border-radius: 0px !important;
}
.date-format.m-select-dropdown-sm .dropdown-toggle {
  margin-top: -10px !important;
}
.date-format.m-select-dropdown-sm .dropdown-toggle::after {
  right: 7px;
  top: 2px;
  font-size: 14px;
  border: none !important;
  content: "";
  font-family: FontAwesome;
  position: absolute;
}

.filterButtonrp .insight-btn {
  display: inline-block;
  margin: 0 0 0 11px;
}

.insightDatatable.inSightEditmapmodal table tbody tr th:nth-child(1),
.insightDatatable.inSightEditmapmodal table thead tr th:nth-child(1),
.insightDatatable.inSightEditmapmodal table thead tr td:nth-child(1) {
  width: 24%;
}

.insightDatatable.inSightEditmapmodal.failed-Table table tbody tr td,
.insightDatatable.inSightEditmapmodal.failed-Table table tbody tr th,
.insightDatatable.inSightEditmapmodal.failed-Table table thead tr td,
.insightDatatable.inSightEditmapmodal.failed-Table table thead tr th {
  color: var(--Title);
  padding-right: 10px !important;
}
.insightDatatable.inSightEditmapmodal.failed-Table table tbody tr td:nth-child(1),
.insightDatatable.inSightEditmapmodal.failed-Table table tbody tr th:nth-child(1),
.insightDatatable.inSightEditmapmodal.failed-Table table thead tr td:nth-child(1),
.insightDatatable.inSightEditmapmodal.failed-Table table thead tr th:nth-child(1) {
  width: 25% !important;
  padding-left: 10px !important;
}
.insightDatatable.inSightEditmapmodal.failed-Table table tbody tr td:nth-child(2), .insightDatatable.inSightEditmapmodal.failed-Table table tbody tr td:nth-child(3), .insightDatatable.inSightEditmapmodal.failed-Table table tbody tr td:nth-child(4), .insightDatatable.inSightEditmapmodal.failed-Table table tbody tr td:nth-child(5), .insightDatatable.inSightEditmapmodal.failed-Table table tbody tr td:nth-child(6),
.insightDatatable.inSightEditmapmodal.failed-Table table tbody tr th:nth-child(2),
.insightDatatable.inSightEditmapmodal.failed-Table table tbody tr th:nth-child(3),
.insightDatatable.inSightEditmapmodal.failed-Table table tbody tr th:nth-child(4),
.insightDatatable.inSightEditmapmodal.failed-Table table tbody tr th:nth-child(5),
.insightDatatable.inSightEditmapmodal.failed-Table table tbody tr th:nth-child(6),
.insightDatatable.inSightEditmapmodal.failed-Table table thead tr td:nth-child(2),
.insightDatatable.inSightEditmapmodal.failed-Table table thead tr td:nth-child(3),
.insightDatatable.inSightEditmapmodal.failed-Table table thead tr td:nth-child(4),
.insightDatatable.inSightEditmapmodal.failed-Table table thead tr td:nth-child(5),
.insightDatatable.inSightEditmapmodal.failed-Table table thead tr td:nth-child(6),
.insightDatatable.inSightEditmapmodal.failed-Table table thead tr th:nth-child(2),
.insightDatatable.inSightEditmapmodal.failed-Table table thead tr th:nth-child(3),
.insightDatatable.inSightEditmapmodal.failed-Table table thead tr th:nth-child(4),
.insightDatatable.inSightEditmapmodal.failed-Table table thead tr th:nth-child(5),
.insightDatatable.inSightEditmapmodal.failed-Table table thead tr th:nth-child(6) {
  width: 15% !important;
}
.insightDatatable.inSightEditmapmodal.failed-Table table tbody tr td div.data-text,
.insightDatatable.inSightEditmapmodal.failed-Table table tbody tr th div.data-text,
.insightDatatable.inSightEditmapmodal.failed-Table table thead tr td div.data-text,
.insightDatatable.inSightEditmapmodal.failed-Table table thead tr th div.data-text {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  float: left;
  max-width: 940px;
}
.insightDatatable.inSightEditmapmodal.failed-Table table tbody tr td div.data-text p,
.insightDatatable.inSightEditmapmodal.failed-Table table tbody tr td div.data-text h1,
.insightDatatable.inSightEditmapmodal.failed-Table table tbody tr td div.data-text h2,
.insightDatatable.inSightEditmapmodal.failed-Table table tbody tr td div.data-text h3,
.insightDatatable.inSightEditmapmodal.failed-Table table tbody tr td div.data-text h4,
.insightDatatable.inSightEditmapmodal.failed-Table table tbody tr td div.data-text h5,
.insightDatatable.inSightEditmapmodal.failed-Table table tbody tr td div.data-text h6,
.insightDatatable.inSightEditmapmodal.failed-Table table tbody tr td div.data-text ol.li,
.insightDatatable.inSightEditmapmodal.failed-Table table tbody tr td div.data-text ul,
.insightDatatable.inSightEditmapmodal.failed-Table table tbody tr th div.data-text p,
.insightDatatable.inSightEditmapmodal.failed-Table table tbody tr th div.data-text h1,
.insightDatatable.inSightEditmapmodal.failed-Table table tbody tr th div.data-text h2,
.insightDatatable.inSightEditmapmodal.failed-Table table tbody tr th div.data-text h3,
.insightDatatable.inSightEditmapmodal.failed-Table table tbody tr th div.data-text h4,
.insightDatatable.inSightEditmapmodal.failed-Table table tbody tr th div.data-text h5,
.insightDatatable.inSightEditmapmodal.failed-Table table tbody tr th div.data-text h6,
.insightDatatable.inSightEditmapmodal.failed-Table table tbody tr th div.data-text ol.li,
.insightDatatable.inSightEditmapmodal.failed-Table table tbody tr th div.data-text ul,
.insightDatatable.inSightEditmapmodal.failed-Table table thead tr td div.data-text p,
.insightDatatable.inSightEditmapmodal.failed-Table table thead tr td div.data-text h1,
.insightDatatable.inSightEditmapmodal.failed-Table table thead tr td div.data-text h2,
.insightDatatable.inSightEditmapmodal.failed-Table table thead tr td div.data-text h3,
.insightDatatable.inSightEditmapmodal.failed-Table table thead tr td div.data-text h4,
.insightDatatable.inSightEditmapmodal.failed-Table table thead tr td div.data-text h5,
.insightDatatable.inSightEditmapmodal.failed-Table table thead tr td div.data-text h6,
.insightDatatable.inSightEditmapmodal.failed-Table table thead tr td div.data-text ol.li,
.insightDatatable.inSightEditmapmodal.failed-Table table thead tr td div.data-text ul,
.insightDatatable.inSightEditmapmodal.failed-Table table thead tr th div.data-text p,
.insightDatatable.inSightEditmapmodal.failed-Table table thead tr th div.data-text h1,
.insightDatatable.inSightEditmapmodal.failed-Table table thead tr th div.data-text h2,
.insightDatatable.inSightEditmapmodal.failed-Table table thead tr th div.data-text h3,
.insightDatatable.inSightEditmapmodal.failed-Table table thead tr th div.data-text h4,
.insightDatatable.inSightEditmapmodal.failed-Table table thead tr th div.data-text h5,
.insightDatatable.inSightEditmapmodal.failed-Table table thead tr th div.data-text h6,
.insightDatatable.inSightEditmapmodal.failed-Table table thead tr th div.data-text ol.li,
.insightDatatable.inSightEditmapmodal.failed-Table table thead tr th div.data-text ul {
  margin: 0;
  padding: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 13px;
}
.insightDatatable.inSightEditmapmodal.failed-Table table tbody tr.creatnew td:nth-child(1),
.insightDatatable.inSightEditmapmodal.failed-Table table thead tr.creatnew td:nth-child(1) {
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.insightDatatable.inSightEditmapmodal.failed-Table table thead tr {
  height: auto !important;
}
.insightDatatable.inSightEditmapmodal.failed-Table table thead tr th {
  padding-top: 0px !important;
}

.mainModal.import-insight .createMyMap.twobox {
  max-width: 625px;
}
.mainModal.import-insight .createMyMap .modal-body .mapsNewBody {
  width: 525px;
}
.mainModal.import-insight .createMyMap .modal-body .mapsNewBody .mapboxBlock {
  width: auto !important;
}
.mainModal.import-insight .createMyMap .modal-body .mapsNewBody .mapboxBlock .mapBox-main {
  width: 229px;
  max-width: 229px;
  flex: 0 0 229px;
}
.mainModal.import-insight .createMyMap .modal-body .mapsNewBody .mapboxBlock .mapBox-main .mapBox {
  width: 229px;
  height: 229px;
  line-height: 229px;
}
.mainModal.import-insight .createMyMap .modal-body .mapsNewBody .mapboxBlock .mapBox-main .mapBox img {
  height: 45px !important;
}
.mainModal.import-insight .createMyMap .modal-body .mapsNewBody .mapboxBlock .mapBox-main .mapName .btn {
  width: 100%;
}

.ai-insightpreview-zindex {
  z-index: 1052 !important;
}

.ai-insightwarn-zindex {
  z-index: 1053 !important;
}

.channel-Aitable .aimainchannelrepeat.aiInsightTable tbody tr td,
.channel-Aitable .aimainchannelrepeat.aiInsightTable tbody tr th,
.channel-Aitable .aimainchannelrepeat.aiInsightTable thead tr td,
.channel-Aitable .aimainchannelrepeat.aiInsightTable thead tr th {
  vertical-align: top;
}
.channel-Aitable .aimainchannelrepeat.aiInsightTable tbody tr td:nth-child(1),
.channel-Aitable .aimainchannelrepeat.aiInsightTable tbody tr th:nth-child(1),
.channel-Aitable .aimainchannelrepeat.aiInsightTable thead tr td:nth-child(1),
.channel-Aitable .aimainchannelrepeat.aiInsightTable thead tr th:nth-child(1) {
  width: 30%;
}
.channel-Aitable .aimainchannelrepeat.aiInsightTable tbody tr td:nth-child(2),
.channel-Aitable .aimainchannelrepeat.aiInsightTable tbody tr th:nth-child(2),
.channel-Aitable .aimainchannelrepeat.aiInsightTable thead tr td:nth-child(2),
.channel-Aitable .aimainchannelrepeat.aiInsightTable thead tr th:nth-child(2) {
  width: 30%;
}
.channel-Aitable .aimainchannelrepeat.aiInsightTable tbody tr td:nth-child(3),
.channel-Aitable .aimainchannelrepeat.aiInsightTable tbody tr th:nth-child(3),
.channel-Aitable .aimainchannelrepeat.aiInsightTable thead tr td:nth-child(3),
.channel-Aitable .aimainchannelrepeat.aiInsightTable thead tr th:nth-child(3) {
  width: 10%;
}
.channel-Aitable .aimainchannelrepeat.aiInsightTable tbody tr td:nth-child(4),
.channel-Aitable .aimainchannelrepeat.aiInsightTable tbody tr th:nth-child(4),
.channel-Aitable .aimainchannelrepeat.aiInsightTable thead tr td:nth-child(4),
.channel-Aitable .aimainchannelrepeat.aiInsightTable thead tr th:nth-child(4) {
  width: 10%;
}
.channel-Aitable .aimainchannelrepeat.aiInsightTable tbody tr td:nth-child(5),
.channel-Aitable .aimainchannelrepeat.aiInsightTable tbody tr th:nth-child(5),
.channel-Aitable .aimainchannelrepeat.aiInsightTable thead tr td:nth-child(5),
.channel-Aitable .aimainchannelrepeat.aiInsightTable thead tr th:nth-child(5) {
  width: 10%;
}
.channel-Aitable .aimainchannelrepeat.aiInsightTable tbody tr td:nth-child(6),
.channel-Aitable .aimainchannelrepeat.aiInsightTable tbody tr th:nth-child(6),
.channel-Aitable .aimainchannelrepeat.aiInsightTable thead tr td:nth-child(6),
.channel-Aitable .aimainchannelrepeat.aiInsightTable thead tr th:nth-child(6) {
  width: 10%;
}

.importdocbtn {
  position: absolute !important;
  top: -5px;
  right: 5px;
}

.ai-info {
  position: relative;
  top: 3px;
  right: -10px;
  font-size: 20px;
  color: #7201f2;
  z-index: 1;
}
.ai-info.prompt-icon {
  position: absolute !important;
  top: 1px !important;
  right: -25px !important;
}
.ai-info img {
  width: 16px;
  height: 16px;
}
.ai-info.insightSelect {
  position: absolute !important;
  top: 0 !important;
  left: 90px !important;
  right: auto;
}
.ai-info.insightSelecttype {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  z-index: 10;
}

.kpilist-repeat {
  display: flex;
  flex-wrap: wrap !important;
}

.user-select-dropdown .statusbtn .dropdown-toggle .statusbox.userbox {
  display: flex !important;
}
.user-select-dropdown .statusbtn .dropdown-toggle .statusbox.userbox li {
  width: 100%;
}
.user-select-dropdown .statusbtn .dropdown-toggle .statusbox.userbox li .ownerimg {
  line-height: 25px !important;
  display: block !important;
  padding-left: 30px !important;
}
.user-select-dropdown .statusbtn .dropdown-toggle .statusbox.userbox li .ownerimg .ownericon {
  position: absolute !important;
  left: 0px;
}
.user-select-dropdown .statusbtn .dropdown-toggle .statusbox.userbox li .ownerimg .ownericon img {
  margin-top: 0px;
  vertical-align: top;
}
.user-select-dropdown .statusbtn .dropdown-menu .userboxdropdown li {
  display: block;
}
.user-select-dropdown .statusbtn .dropdown-menu .userboxdropdown li .ownerimg {
  height: 25px;
  padding-left: 35px;
  line-height: 25px;
  display: block;
  position: relative;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.user-select-dropdown .statusbtn .dropdown-menu .userboxdropdown li .ownerimg .ownericon img {
  margin-top: 0px !important;
}
.user-select-dropdown .ownerimg {
  display: block;
  width: 100%;
  position: relative;
  height: 25px;
}
.user-select-dropdown .ownerimg .ownericon {
  position: absolute;
  left: 0;
  top: 0;
  line-height: 25px !important;
}
.user-select-dropdown .ownerimg .ownericon img {
  margin-top: 0px;
  vertical-align: top;
}

/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Mixins ******************/
/*------MOT Module-------*/
.motWidget .widgetData {
  padding: 20px;
}
.motWidget .motbox .insightControls {
  background: transparent !important;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.motWidget .motData .motIcon {
  margin-bottom: 14px;
}
.motWidget .motData .motIcon img {
  width: 20px;
  margin: 0px auto;
}
.motWidget .motData .motIcon img.dark {
  display: block;
}
.motWidget .motData .motIcon img.light {
  display: none;
}
.motWidget .motData .motText {
  height: auto;
  overflow: hidden;
  line-height: 18px;
  width: 100%;
  margin-bottom: 10px;
  margin-bottom: 21px;
  font-size: 13px;
}
.motWidget .motData .motInsightCount .motJourneyBox .motinsightlist {
  background: #110a1a;
  border-radius: 100px;
  padding-left: 12px;
  padding-right: 12px;
  display: block;
  height: 25px;
}
.motWidget .motData .motInsightCount .motJourneyBox .motinsightlist span {
  font-size: 13px;
  text-align: right;
  font-weight: 600;
  display: block;
  color: #fff;
  width: 100%;
  line-height: 25px;
  margin: 0px;
}
.motWidget .motData .motInsightCount .motJourneyBox .motinsightlist span img {
  width: 11px;
  margin-right: 8px;
  float: left;
  margin-top: 7px;
}

.m-button-small.largename, .global-btn-sm.largename {
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.largeBtnName {
  width: 100%;
  padding: 0px;
}

.motPersonaList .personBox {
  margin-bottom: 12px;
}
.motPersonaList .dragdoc .insightwidgetBoxMain {
  margin-bottom: 0px;
}

.motIconList .KPIwidgetArea {
  border: 1px solid #2d2637;
  border-radius: 0px;
  margin-bottom: 12px;
  background: #150e1f;
}
.motIconList .KPIwidgetArea .kpitopsection {
  background: #1f1829;
  border: 2px solid #1f1829;
  color: #7b6c8f;
  font-size: 16px;
  padding: 2px 10px !important;
}
.motIconList .KPIwidgetArea .iconSelect .selectedicon {
  border: 1px solid #000000;
  padding: 5px -5;
  width: 25px;
  height: 25px;
  text-align: center;
  box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.25);
  background: #1f1829;
  vertical-align: middle;
}
.motIconList .iconListview {
  font-size: 13px;
  margin-bottom: 10px;
  color: #fff;
}
.motIconList .iconListview i {
  padding-right: 10px;
}

.collspemotpresentRow .docsHide,
.collspemotpresentRow .jiraHide,
.collspemotpresentRow .emotionPersonaHide,
.collspemotpresentRow .hideMotblk,
.collspemotpresentRow .quotesHide,
.collspemotpresentRow .dimensionshide {
  display: none;
}
.collspemotpresentRow .insightpopbox.width1 {
  flex: 0 0 80% !important;
  max-width: 80% !important;
  height: 62px !important;
  overflow: hidden;
}
.collspemotpresentRow .insightpopbox.width1 .form-group {
  margin-bottom: 0px;
}
.collspemotpresentRow .insightpopbox.width2 {
  flex: 0 0 20% !important;
  max-width: 20% !important;
}
.collspemotpresentRow .insightpopbox.width2 .motIconList .iconListview {
  display: none;
}
.collspemotpresentRow .insightpopbox.width2 .motIconList .iconListview:nth-child(1) {
  display: block;
}

.motEmotionList.addedit .EditLaneEmotionList .form-row .form-group ul li:nth-last-child(1) {
  margin-bottom: 12px !important;
}
.motEmotionList .EditLaneEmotionList .form-row .form-group ul li:nth-last-child(1) {
  margin: 0px;
}
.motEmotionList .emotionList ul li .emotionBlock .customBgBtn .dropdown .dropdown-toggle {
  width: 24px;
  height: 24px;
  background: #000000;
  border-radius: 50%;
  margin: 1px !important;
}
.motEmotionList .emotionList ul li .emotionBlock .customBgBtn .dropdown .dropdown-toggle img {
  width: 3px;
  height: 15px;
  margin: 5px 10.5px;
  vertical-align: top;
}
.motEmotionList .emotionList ul li .emotionBlock .customBgBtn .dropdown .dropdown-menu {
  border: 1px solid #000;
  min-width: 110px;
  background: #26202e;
  padding: 0px;
  border-radius: 0px;
  right: 0px !important;
  z-index: 10;
  transform: translate3d(16px, 22px, 0px) !important;
}
.motEmotionList .emotionList ul li .emotionBlock .customBgBtn .dropdown .dropdown-menu a {
  text-align: left;
  width: 100%;
  display: block;
  font-size: 13px;
  padding: 4px 11px !important;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
}

#addMotModal,
#viewMotModal,
#MotFormModal {
  z-index: 1048;
}

.topfixedEditmap .flexContainer .width-14 .topwidgetMot .motDragBox .journeyIconWidgetArea:nth-last-child(2) .insightwidgetBoxMain {
  margin-bottom: 0px !important;
}
.topfixedEditmap .flexContainer .width-14 .topwidgetMot .motDragBox .journeyIconWidgetArea .insightwidgetBoxMain {
  height: 100% !important;
}
.topfixedEditmap .flexContainer .width-14 .topwidgetMot .motDragBox .journeyIconWidgetArea .insightwidgetBoxMain .motWidget {
  height: 100% !important;
}
.topfixedEditmap .flexContainer .width-14 .topwidgetMot .motDragBox .journeyIconWidgetArea .insightwidgetBoxMain .motWidget .widgetData {
  padding: 0px !important;
}

.laneEditMot .motDragBox .widgetArea:nth-last-child(2) .insightwidgetBoxMain .motWidget .widgetData .motbox {
  margin-bottom: 0px !important;
}
.laneEditMot .motDragBox .widgetArea .insightwidgetBoxMain {
  height: 100% !important;
}
.laneEditMot .motDragBox .widgetArea .insightwidgetBoxMain .motWidget {
  height: 100% !important;
}
.laneEditMot .motDragBox .widgetArea .insightwidgetBoxMain .motWidget .widgetData {
  padding: 0px !important;
}

.MotEpisodeView .episodeInsight .widgetArea .insightwidgetBoxMain {
  height: 100% !important;
}
.MotEpisodeView .episodeInsight .widgetArea .insightwidgetBoxMain .motWidget {
  height: 100% !important;
}
.MotEpisodeView .episodeInsight .widgetArea .insightwidgetBoxMain .motWidget .widgetData {
  padding: 0px !important;
}

.MotTouchpointList .draggable-item .insightwidgetBoxMain {
  height: 100% !important;
}
.MotTouchpointList .draggable-item .insightwidgetBoxMain .motWidget {
  height: 100% !important;
}
.MotTouchpointList .draggable-item .insightwidgetBoxMain .motWidget .widgetData {
  padding: 0px !important;
}
.MotTouchpointList .draggable-item:nth-last-child(2) .insightwidgetBoxMain .motWidget .widgetData {
  margin-bottom: 0px !important;
}

.editFoldDimensionWidget.dimensionNew .widgetArea .brandBg {
  background: #fff;
  padding: 0px 5px;
  color: #000;
  margin: 0 auto;
  text-align: center;
  width: 100%;
  height: 26px;
  margin-bottom: 7px;
}
.editFoldDimensionWidget.dimensionNew p {
  font-size: 13px;
  margin: 0px;
}

.insightwidgetBoxMain .motWidget .widgetBox {
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 11px;
}
.insightwidgetBoxMain .motWidget .widgetBox .motbox {
  background: #3f3449;
  border-radius: 10px;
  box-shadow: 0px 3px 10px #000000;
  padding: 21px;
}
@media (min-width: 1600px) and (max-width: 1749px) {
  .insightwidgetBoxMain .motWidget .widgetBox .motbox {
    padding: 16px 16px 0px 16px !important;
  }
}
.insightwidgetBoxMain .motWidget .widgetBox .motbox.ourWidget {
  border: 1px solid #0ba32d;
  padding-bottom: 32px !important;
}
.insightwidgetBoxMain .motWidget .widgetBox .motbox.ourWidget .ourwidgetbg {
  height: 21px;
  left: 0px;
  text-align: center;
  background: linear-gradient(-270deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 68.97%), #0ba32d;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  position: absolute !important;
  bottom: 0px;
  border-top: 1px solid #0ba32d;
}
.insightwidgetBoxMain .motWidget .widgetBox .motbox.ourWidget .ourwidgetbg.d-none {
  display: block !important;
}
.insightwidgetBoxMain .motWidget .widgetBox .motbox.ourWidget .ourwidgetbg .oursIcon {
  display: block;
  margin-top: -2px;
  line-height: 21px;
}
.insightwidgetBoxMain .motWidget .widgetBox .motbox.ourWidget .ourwidgetbg .oursIcon img {
  width: 12px;
  height: 9px;
  margin-top: 3px;
  box-shadow: none !important;
}
.insightwidgetBoxMain .motWidget .widgetBox .motbox:hover {
  background: #5a4f65;
  cursor: pointer;
}
.insightwidgetBoxMain .motWidget .widgetBox:nth-child(1) {
  padding-top: 20px;
}
.insightwidgetBoxMain .motWidget .widgetBox:nth-last-child(1) {
  margin-bottom: 0px;
}
.insightwidgetBoxMain.lcPresentMot .motWidget .widgetBox:nth-last-child(1) {
  padding-bottom: 20px;
}

.foldJourneyMot .insightwidgetBoxMain .widgetDispayBox .widgetData {
  padding: 0px !important;
}

.presentMotWidget .insightwidgetBoxMain .widgetDispayBox .widgetData {
  padding: 0px !important;
}

.insightDatatable.inSightNewTable.motInsightTable table tbody tr.noActions td:nth-child(1) {
  width: 100% !important;
}
.insightDatatable.inSightNewTable.motInsightTable table tbody tr.noActions td div.routetd {
  max-width: 850px;
}
.insightDatatable.inSightNewTable.motInsightTable table tbody tr td:nth-child(1) {
  width: 25% !important;
}
.insightDatatable.inSightNewTable.motInsightTable table tbody tr td:nth-child(2) {
  width: 12% !important;
}
.insightDatatable.inSightNewTable.motInsightTable table tbody tr td:nth-child(3) {
  width: 7% !important;
}
.insightDatatable.inSightNewTable.motInsightTable table tbody tr td:nth-child(4) {
  width: 7.5% !important;
}
.insightDatatable.inSightNewTable.motInsightTable table tbody tr td:nth-child(5) {
  width: 7.5% !important;
}
.insightDatatable.inSightNewTable.motInsightTable table tbody tr td:nth-child(6) {
  width: 7.5% !important;
}
.insightDatatable.inSightNewTable.motInsightTable table tbody tr td:nth-child(7) {
  width: 7.5% !important;
}
.insightDatatable.inSightNewTable.motInsightTable table tbody tr td:nth-child(8) {
  width: 7.5% !important;
}
.insightDatatable.inSightNewTable.motInsightTable table tbody tr td:nth-child(9) {
  width: 7.5% !important;
}
.insightDatatable.inSightNewTable.motInsightTable table tbody tr td:nth-child(10) {
  width: 7% !important;
}
.insightDatatable.inSightNewTable.motInsightTable table tbody tr td:nth-child(11) {
  width: 4% !important;
  overflow: unset !important;
}
.insightDatatable.inSightNewTable.motInsightTable table tbody tr.creatnew td {
  width: 100% !important;
}

.topfixedEditmap .flexContainer .width-14 .widgetArea .inSightspace .dataAddImprovement .impDragbox .journeyIconWidgetArea:nth-last-child(2) .insightwidgetBoxMain {
  margin-bottom: 0px !important;
}

.improvementDragbox .impDragbox .widgetArea:nth-last-child(2) .insightwidgetBoxMain .widgetDispayBox .widgetData .insightsBox {
  margin-bottom: 0px !important;
}

.touchPointInsightEditlist.impDragTouchpoint .IMPwidgetArea:nth-last-child(2) .insightwidgetBoxMain .widgetDispayBox .widgetData {
  margin-bottom: 0px !important;
}

/*--------Child  Lane Widget CSS Start---------*/
.laneEditMot.child-lane-mot .motDragBox .widgetArea:nth-last-child(2) .insightwidgetBoxMain .motWidget .widgetData .motbox {
  margin-bottom: 12px !important;
}
.laneEditMot.child-lane-mot .motDragBox .widgetArea:nth-last-child(1) .insightwidgetBoxMain .motWidget .widgetData .motbox {
  margin-bottom: 20px !important;
}

.laneEditInsights.child-lane-insights .widgetArea:nth-last-child(1) {
  margin: 0px;
}
.laneEditInsights.child-lane-insights .widgetArea:nth-last-child(1) .insightsBox {
  margin-bottom: 20px;
}

.laneEditPersona.child-lane-persona .widgetArea:nth-last-child(1) .personawidgetBoxMain {
  margin-bottom: 20px !important;
}

.improvementDragbox.child-lane-actioncontrol .impDragbox .widgetArea:nth-last-child(2) .insightwidgetBoxMain .widgetDispayBox .widgetData .insightsBox {
  margin-bottom: 12px !important;
}
.improvementDragbox.child-lane-actioncontrol .impDragbox .widgetArea:nth-last-child(1) .insightwidgetBoxMain .widgetDispayBox .widgetData .insightsBox {
  margin-bottom: 20px !important;
}

.laneEditQuotes.child-lane-quotes {
  padding-bottom: 20px !important;
}

.laneEditIcons.child-lane-icons {
  padding: 20px !important;
}
.laneEditIcons.child-lane-icons .widgetArea:nth-last-child(1) {
  margin: 0px;
}
.laneEditIcons.child-lane-icons .widgetArea:nth-last-child(1) .KPIwidgetArea {
  margin-bottom: 20px;
}

.laneEditKPIS.child-lane-kpis .mapKpiBox:nth-last-child(1) .kpiWidgetBig {
  margin-bottom: 20px;
}

.touchpointLaneList.child-lane-touchpoint .draggable-item-touchpoint:nth-last-child(1) {
  margin-bottom: 15px;
}

.child-lane-files .widgetArea:nth-last-child(1) {
  margin-bottom: 15px;
}

.laneEditEmotion.child-lane-emotion .widgetArea:nth-last-child(1) .formsection .form-row .form-group ul li {
  margin-bottom: 20px;
}

.topfixedEditmap .flexContainer .width-14.child-topwidgets .widgetArea .inSightspace .dataAddImprovement .impDragbox .journeyIconWidgetArea:nth-last-child(2) .insightwidgetBoxMain {
  margin-bottom: 12px !important;
}
.topfixedEditmap .flexContainer .width-14.child-topwidgets .widgetArea .inSightspace .dataAddImprovement .impDragbox .journeyIconWidgetArea:nth-last-child(1) .insightwidgetBoxMain {
  margin-bottom: 20px !important;
}
.topfixedEditmap .flexContainer .width-14.child-topwidgets .JourneyEditInsights .journeyIconWidgetArea:nth-last-child(1) .insightwidgetBoxMain {
  margin-bottom: 20px !important;
}
.topfixedEditmap .flexContainer .width-14.child-topwidgets .topwidgetMot .motDragBox .journeyIconWidgetArea:nth-last-child(2) .insightwidgetBoxMain {
  margin-bottom: 12px !important;
}
.topfixedEditmap .flexContainer .width-14.child-topwidgets .topwidgetMot .motDragBox .journeyIconWidgetArea:nth-last-child(1) .insightwidgetBoxMain {
  margin-bottom: 20px !important;
}
.topfixedEditmap .flexContainer .width-14.child-topwidgets .PersonaJourneyWidget .personaTopWidgetSpace:nth-last-child(1) .personawidgetBoxMain {
  margin-bottom: 20px !important;
}
.topfixedEditmap .flexContainer .width-14.child-topwidgets .KpiJourneyWidget .mapKpiBox:nth-last-child(1) .kpiWidgetBig {
  margin-bottom: 20px;
}
.topfixedEditmap .flexContainer .width-14.child-topwidgets .JourneyEditEmotion .emotionInnerMain:nth-last-child(1) .formsection .form-row .form-group ul li {
  margin-bottom: 20px;
}
.topfixedEditmap .flexContainer .width-14.child-topwidgets .JourneyEditFiles .widgetArea:nth-last-child(1) {
  margin-bottom: 15px !important;
}

.child-touchpoint-dimesnsion {
  padding-top: 5px;
  padding-bottom: 5px;
}

.child-touchpoint-mot .MotTouchpointList .KPIwidgetArea .insightwidgetBoxMain .motWidget .widgetData {
  margin-bottom: 12px !important;
}
.child-touchpoint-mot .MotTouchpointList .KPIwidgetArea:nth-last-child(1) .insightwidgetBoxMain .motWidget .widgetData {
  padding-bottom: 20px !important;
  margin-bottom: 0px !important;
}
.child-touchpoint-mot .MotTouchpointList .KPIwidgetArea:nth-last-child(2) .insightwidgetBoxMain .motWidget .widgetData {
  margin-bottom: 12px !important;
}

.child-touchpoint-actioncontrol .impDragTouchpoint .IMPwidgetArea .insightwidgetBoxMain .widgetDispayBox .widgetData {
  margin-bottom: 12px !important;
}
.child-touchpoint-actioncontrol .impDragTouchpoint .IMPwidgetArea:nth-last-child(1) .insightwidgetBoxMain .widgetDispayBox .widgetData {
  padding-bottom: 20px !important;
  margin-bottom: 0px !important;
}
.child-touchpoint-actioncontrol .impDragTouchpoint .IMPwidgetArea:nth-last-child(2) .insightwidgetBoxMain .widgetDispayBox .widgetData {
  margin-bottom: 12px !important;
}

.child-touchpoint-insights .touchPointInsightEditlist .KPIwidgetArea .insightWidgetNew .widgetDispayBox .widgetData {
  margin-bottom: 12px !important;
}
.child-touchpoint-insights .touchPointInsightEditlist .KPIwidgetArea:nth-last-child(1) .insightWidgetNew .widgetDispayBox .widgetData {
  padding-bottom: 20px !important;
  margin-bottom: 0px !important;
}

.child-touchpoint-persona .touchPointPersonaList .personatouchpoingWidgetSpace:nth-last-child(1) {
  padding-bottom: 20px !important;
}

.child-touchpoint-kpi .TouchPointKPIBox {
  float: left;
  background: #110a1a;
}
.child-touchpoint-kpi .TouchPointKPIBox .kpiMainBox:nth-last-child(1) .kpiBoxJournryLevel .kpiWidgetBig {
  margin-bottom: 20px !important;
}

.child-touchpoint-quotes .presentQuotesWidget {
  padding-top: 20px !important;
  margin-bottom: 20px !important;
}

.child-touchpoint-files .TouchpointFiles .draggable-item:nth-last-child(1) {
  padding-bottom: 20px !important;
}

.child-touchpoint-icons .draggable-item .KPIwidgetArea {
  border: none !important;
  margin-bottom: 0px !important;
}
.child-touchpoint-icons .draggable-item .KPIwidgetArea:nth-last-child(1) {
  margin-bottom: 0px !important;
  padding-bottom: 20px;
}

.child-touchpoint-emotion .draggable-item .emotionList:nth-last-child(1) {
  padding-bottom: 8px;
}

.child-episode-mot {
  padding-bottom: 20px !important;
}
.child-episode-mot .episodeInsight .draggable-item {
  margin-bottom: 12px !important;
}
.child-episode-mot .episodeInsight .draggable-item:nth-last-child(1) {
  margin-bottom: 0px !important;
}
.child-episode-mot .episodeInsight .draggable-item:nth-last-child(2) {
  margin-bottom: 12px !important;
}

.child-episode-actioncontrol {
  padding-bottom: 20px !important;
}
.child-episode-actioncontrol .episodeInsight .draggable-item:nth-last-child(2) {
  margin-bottom: 12px !important;
}

.child-episode-insights {
  padding-bottom: 20px !important;
}

.child-episode-persona {
  padding: 20px 20px 8px 20px !important;
}

.child-episode-quotes {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.child-episode-emotion {
  padding: 20px 20px 8px 20px !important;
}

.child-episode-kpi {
  padding-bottom: 20px !important;
}

.child-episode-touchpoints .flexContainer .width-14:nth-last-child(1) {
  border-right: solid 2px #110a1a;
}

/*--------Child  Lane Widget CSS End---------*/
.insightDatatable.motMainTable {
  padding-top: 170px;
  padding-left: 50px;
}
.insightDatatable.motMainTable table tbody tr th:nth-child(1),
.insightDatatable.motMainTable table tbody tr td:nth-child(1),
.insightDatatable.motMainTable table thead tr th:nth-child(1),
.insightDatatable.motMainTable table thead tr td:nth-child(1) {
  width: 25%;
}
.insightDatatable.motMainTable table tbody tr th:nth-child(2),
.insightDatatable.motMainTable table tbody tr td:nth-child(2),
.insightDatatable.motMainTable table thead tr th:nth-child(2),
.insightDatatable.motMainTable table thead tr td:nth-child(2) {
  width: 10%;
}
.insightDatatable.motMainTable table tbody tr th:nth-child(3),
.insightDatatable.motMainTable table tbody tr td:nth-child(3),
.insightDatatable.motMainTable table thead tr th:nth-child(3),
.insightDatatable.motMainTable table thead tr td:nth-child(3) {
  width: 8%;
}
.insightDatatable.motMainTable table tbody tr th:nth-child(4),
.insightDatatable.motMainTable table tbody tr td:nth-child(4),
.insightDatatable.motMainTable table thead tr th:nth-child(4),
.insightDatatable.motMainTable table thead tr td:nth-child(4) {
  width: 8%;
}
.insightDatatable.motMainTable table tbody tr th:nth-child(5),
.insightDatatable.motMainTable table tbody tr td:nth-child(5),
.insightDatatable.motMainTable table thead tr th:nth-child(5),
.insightDatatable.motMainTable table thead tr td:nth-child(5) {
  width: 8%;
}
.insightDatatable.motMainTable table tbody tr th:nth-child(6),
.insightDatatable.motMainTable table tbody tr td:nth-child(6),
.insightDatatable.motMainTable table thead tr th:nth-child(6),
.insightDatatable.motMainTable table thead tr td:nth-child(6) {
  width: 8%;
}
.insightDatatable.motMainTable table tbody tr th:nth-child(7),
.insightDatatable.motMainTable table tbody tr td:nth-child(7),
.insightDatatable.motMainTable table thead tr th:nth-child(7),
.insightDatatable.motMainTable table thead tr td:nth-child(7) {
  width: 7%;
}
.insightDatatable.motMainTable table tbody tr th:nth-child(8),
.insightDatatable.motMainTable table tbody tr td:nth-child(8),
.insightDatatable.motMainTable table thead tr th:nth-child(8),
.insightDatatable.motMainTable table thead tr td:nth-child(8) {
  width: 7%;
}
.insightDatatable.motMainTable table tbody tr th:nth-child(9),
.insightDatatable.motMainTable table tbody tr td:nth-child(9),
.insightDatatable.motMainTable table thead tr th:nth-child(9),
.insightDatatable.motMainTable table thead tr td:nth-child(9) {
  width: 7%;
}
.insightDatatable.motMainTable table tbody tr th:nth-child(10),
.insightDatatable.motMainTable table tbody tr td:nth-child(10),
.insightDatatable.motMainTable table thead tr th:nth-child(10),
.insightDatatable.motMainTable table thead tr td:nth-child(10) {
  width: 7%;
}
.insightDatatable.motMainTable table tbody tr th:nth-child(11),
.insightDatatable.motMainTable table tbody tr td:nth-child(11),
.insightDatatable.motMainTable table thead tr th:nth-child(11),
.insightDatatable.motMainTable table thead tr td:nth-child(11) {
  width: 5%;
  overflow: visible;
}
.insightDatatable.motListTable table tbody tr th:nth-child(1),
.insightDatatable.motListTable table tbody tr td:nth-child(1),
.insightDatatable.motListTable table thead tr th:nth-child(1),
.insightDatatable.motListTable table thead tr td:nth-child(1) {
  width: 21%;
}
.insightDatatable.motListTable table tbody tr th:nth-child(2),
.insightDatatable.motListTable table tbody tr td:nth-child(2),
.insightDatatable.motListTable table thead tr th:nth-child(2),
.insightDatatable.motListTable table thead tr td:nth-child(2) {
  width: 10%;
}
.insightDatatable.motListTable table tbody tr th:nth-child(3),
.insightDatatable.motListTable table tbody tr td:nth-child(3),
.insightDatatable.motListTable table thead tr th:nth-child(3),
.insightDatatable.motListTable table thead tr td:nth-child(3) {
  width: 7.5%;
}
.insightDatatable.motListTable table tbody tr th:nth-child(4),
.insightDatatable.motListTable table tbody tr td:nth-child(4),
.insightDatatable.motListTable table thead tr th:nth-child(4),
.insightDatatable.motListTable table thead tr td:nth-child(4) {
  width: 7.5%;
}
.insightDatatable.motListTable table tbody tr th:nth-child(5),
.insightDatatable.motListTable table tbody tr td:nth-child(5),
.insightDatatable.motListTable table thead tr th:nth-child(5),
.insightDatatable.motListTable table thead tr td:nth-child(5) {
  width: 7.5%;
}
.insightDatatable.motListTable table tbody tr th:nth-child(6),
.insightDatatable.motListTable table tbody tr td:nth-child(6),
.insightDatatable.motListTable table thead tr th:nth-child(6),
.insightDatatable.motListTable table thead tr td:nth-child(6) {
  width: 7.5%;
}
.insightDatatable.motListTable table tbody tr th:nth-child(7),
.insightDatatable.motListTable table tbody tr td:nth-child(7),
.insightDatatable.motListTable table thead tr th:nth-child(7),
.insightDatatable.motListTable table thead tr td:nth-child(7) {
  width: 7%;
}
.insightDatatable.motListTable table tbody tr th:nth-child(8),
.insightDatatable.motListTable table tbody tr td:nth-child(8),
.insightDatatable.motListTable table thead tr th:nth-child(8),
.insightDatatable.motListTable table thead tr td:nth-child(8) {
  width: 7%;
}
.insightDatatable.motListTable table tbody tr th:nth-child(9),
.insightDatatable.motListTable table tbody tr td:nth-child(9),
.insightDatatable.motListTable table thead tr th:nth-child(9),
.insightDatatable.motListTable table thead tr td:nth-child(9) {
  width: 7%;
}
.insightDatatable.motListTable table tbody tr th:nth-child(10),
.insightDatatable.motListTable table tbody tr td:nth-child(10),
.insightDatatable.motListTable table thead tr th:nth-child(10),
.insightDatatable.motListTable table thead tr td:nth-child(10) {
  width: 7%;
}
.insightDatatable.motListTable table tbody tr th:nth-child(11),
.insightDatatable.motListTable table tbody tr td:nth-child(11),
.insightDatatable.motListTable table thead tr th:nth-child(11),
.insightDatatable.motListTable table thead tr td:nth-child(11) {
  width: 7%;
}
.insightDatatable.motListTable table tbody tr th:nth-child(12),
.insightDatatable.motListTable table tbody tr td:nth-child(12),
.insightDatatable.motListTable table thead tr th:nth-child(12),
.insightDatatable.motListTable table thead tr td:nth-child(12) {
  width: 4%;
  overflow: visible;
}

#connectMotModal {
  z-index: 1047;
}

#addInsightModalJourneyapp {
  z-index: 1049;
}

.motpersona-filter .form-control .dropdown-toggle .filter-option {
  padding-top: 1px !important;
}

.changeOwner-zindex {
  z-index: 1049;
}

.insightwidgetBoxMain {
  height: 100%;
}
.insightwidgetBoxMain .motWidget {
  height: 100%;
}
.insightwidgetBoxMain .motWidget.lcMOtWidget {
  height: auto !important;
}

.addtouchpointModal .addtpModalBody .tpwidgetAreaMainSection .widgetArea .kpiMainBox.ghost,
.addtouchpointModal .addtpModalBody .tpwidgetAreaMainSection .widgetArea .IMPwidgetArea.ghost,
.addtouchpointModal .addtpModalBody .tpwidgetAreaMainSection .widgetArea .KPIwidgetArea.ghost {
  position: relative;
  z-index: 1;
}
.addtouchpointModal .addtpModalBody .tpwidgetAreaMainSection .widgetArea .kpiMainBox.ghost::after,
.addtouchpointModal .addtpModalBody .tpwidgetAreaMainSection .widgetArea .IMPwidgetArea.ghost::after,
.addtouchpointModal .addtpModalBody .tpwidgetAreaMainSection .widgetArea .KPIwidgetArea.ghost::after {
  position: absolute;
  left: 0px;
  right: 0px;
  content: "";
  margin: 0 auto;
  text-align: center;
  z-index: 2;
  background: rgba(120, 0, 255, 0.8);
  height: 100%;
  top: 0px;
  bottom: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: FontAwesome;
  font-size: 16px;
  color: #fff;
}
.addtouchpointModal .addtpModalBody .tpwidgetAreaMainSection .widgetArea.ghost {
  position: relative;
  z-index: 1;
}
.addtouchpointModal .addtpModalBody .tpwidgetAreaMainSection .widgetArea.ghost::after {
  position: absolute;
  left: 0px;
  right: 0px;
  content: "";
  margin: 0 auto;
  text-align: center;
  z-index: 2;
  background: rgba(120, 0, 255, 0.8);
  height: 100%;
  top: 0px;
  bottom: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: FontAwesome;
  font-size: 16px;
  color: #fff;
}
.addtouchpointModal .addtpModalBody .tpwidgetAreaMainSection .widgetArea.emotionList.ghost {
  position: relative;
  z-index: 1;
}
.addtouchpointModal .addtpModalBody .tpwidgetAreaMainSection .widgetArea.emotionList.ghost::after {
  position: absolute;
  left: 0px;
  right: 0px;
  content: "";
  margin: 0 auto;
  text-align: center;
  z-index: 2;
  background: rgba(120, 0, 255, 0.8);
  height: 100%;
  top: 0px;
  bottom: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: FontAwesome;
  font-size: 16px;
  color: #fff;
}

/*--- Personas Custom Object Names----*/
.CustomPersonaTabs ul li {
  min-width: auto;
  max-width: 50%;
}
.CustomPersonaTabs ul li a {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.CustommapPersons .modal-content .modal-header .modal-title {
  margin-left: 20px;
  margin-right: 20px;
  width: 100%;
  text-align: center;
}
.CustommapPersons .modal-content .modal-body .m-tabs ul li {
  min-width: auto;
  max-width: 33.33%;
}
.CustommapPersons .modal-content .modal-body .m-tabs ul li a {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.CustomMyPopup .modal-content .modal-header .modal-title {
  margin-left: 20px;
  margin-right: 20px;
  width: 100%;
  text-align: center;
}
.CustomMyPopup .modal-content .modal-footer .m-button-small, .CustomMyPopup .modal-content .modal-footer .global-btn-sm {
  min-width: auto;
  max-width: 33.33%;
}

.PersonaHeadBox {
  max-width: 875px !important;
}
.PersonaHeadBox h2 {
  min-width: auto;
  max-width: 65%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.CustomPersonaButton .addPersonaBtnSettings {
  min-width: auto;
  max-width: 30%;
}

.labelgray {
  color: #a294b5;
}

.presentjourneyPersona .personBox .personaControls,
.presentLanePersona .personBox .personaControls,
.presentLaneEpisodePersona .personBox .personaControls,
.presentFoldPersona .personBox .personaControls,
.TouchPointPersonaBox .personBox .personaControls,
.collapseWidgetBlockPresent .personBox .personaControls {
  display: none;
}

.icon-float {
  float: left;
}

.facts-check .custom-checkbox + label:before {
  background: #110a1a;
  border-radius: 0px;
  border: 1px solid #110a1a;
}
.facts-check .custom-checkbox:checked + label:before {
  background: #7800ff;
  box-shadow: none !important;
}

.insight-table-repeat .insightToggleTable {
  width: 100%;
  position: relative;
}
.insight-table-repeat .insightToggleTable .insight-toggle-icon {
  position: absolute;
  left: -37px;
  top: 16px;
  cursor: pointer;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  text-align: center;
}
.insight-table-repeat .insightToggleTable .insight-toggle-icon:hover {
  background: var(--Global_tr_td_hover);
}
.insight-table-repeat .FactsToggleTable {
  width: 100%;
  position: relative;
  padding-left: 0px;
}
.insight-table-repeat.expand-insight .FactsToggleTable {
  display: block;
}
.insight-table-repeat.expand-insight .insight-toggle-icon i {
  transform: rotate(180deg);
  transition: 0.3s ease-in-out;
}
.insight-table-repeat.collaspe-insight .FactsToggleTable {
  display: none;
}
.insight-table-repeat.collaspe-insight .insight-toggle-icon i {
  transform: rotate(0deg);
  transition: 0.3s ease-in-out;
}

.insightDatatable.inSightNewTable .FactsToggleTable table tbody tr {
  background: var(--Global_tr_td) !important;
}
.insightDatatable.inSightNewTable .FactsToggleTable table tbody tr::before {
  width: 20px;
  height: 55px;
  position: absolute;
  background: var(--Background_Primary);
  content: "";
}
.insightDatatable.inSightNewTable .FactsToggleTable table tbody tr:hover {
  background: var(--Global_tr_td_hover) !important;
}
.insightDatatable.inSightNewTable .FactsToggleTable table tbody tr td:nth-child(1) {
  width: 20% !important;
}
.insightDatatable.inSightNewTable .FactsToggleTable table tbody tr td:nth-child(1) div.routetd {
  padding-left: 20px !important;
}
@media (min-width: 1200px) and (max-width: 1599px) {
  .insightDatatable.inSightNewTable .FactsToggleTable table tbody tr td:nth-child(1) {
    width: 19% !important;
  }
}
@media (min-width: 2000px) and (max-width: 2500px) {
  .insightDatatable.inSightNewTable .FactsToggleTable table tbody tr td:nth-child(1) {
    width: 23% !important;
  }
}
@media (min-width: 2501px) and (max-width: 4000px) {
  .insightDatatable.inSightNewTable .FactsToggleTable table tbody tr td:nth-child(1) {
    width: 28% !important;
  }
}
.insightDatatable.inSightNewTable .FactsToggleTable table tbody tr td:nth-child(2) {
  width: 10% !important;
}
@media (min-width: 1200px) and (max-width: 1599px) {
  .insightDatatable.inSightNewTable .FactsToggleTable table tbody tr td:nth-child(2) {
    width: 11%;
  }
}
@media (min-width: 2000px) and (max-width: 2500px) {
  .insightDatatable.inSightNewTable .FactsToggleTable table tbody tr td:nth-child(2) {
    width: 10% !important;
  }
}
@media (min-width: 2501px) and (max-width: 4000px) {
  .insightDatatable.inSightNewTable .FactsToggleTable table tbody tr td:nth-child(2) {
    width: 8% !important;
  }
}
.insightDatatable.inSightNewTable .FactsToggleTable table tbody tr td:nth-child(3) {
  width: 25% !important;
}
@media (min-width: 1200px) and (max-width: 1599px) {
  .insightDatatable.inSightNewTable .FactsToggleTable table tbody tr td:nth-child(3) {
    width: 25% !important;
  }
}
@media (min-width: 2000px) and (max-width: 2500px) {
  .insightDatatable.inSightNewTable .FactsToggleTable table tbody tr td:nth-child(3) {
    width: 24% !important;
  }
}
@media (min-width: 2501px) and (max-width: 4000px) {
  .insightDatatable.inSightNewTable .FactsToggleTable table tbody tr td:nth-child(3) {
    width: 22% !important;
  }
}
.insightDatatable.inSightNewTable .FactsToggleTable table tbody tr td:nth-child(4) {
  width: 20% !important;
}
@media (min-width: 1200px) and (max-width: 1599px) {
  .insightDatatable.inSightNewTable .FactsToggleTable table tbody tr td:nth-child(4) {
    width: 20% !important;
  }
}
@media (min-width: 2000px) and (max-width: 2500px) {
  .insightDatatable.inSightNewTable .FactsToggleTable table tbody tr td:nth-child(4) {
    width: 19% !important;
  }
}
@media (min-width: 2501px) and (max-width: 4000px) {
  .insightDatatable.inSightNewTable .FactsToggleTable table tbody tr td:nth-child(4) {
    width: 18% !important;
  }
}
.insightDatatable.inSightNewTable .FactsToggleTable table tbody tr td:nth-child(5) {
  width: 20% !important;
}
@media (min-width: 1200px) and (max-width: 1599px) {
  .insightDatatable.inSightNewTable .FactsToggleTable table tbody tr td:nth-child(5) {
    width: 20% !important;
  }
}
@media (min-width: 2000px) and (max-width: 2500px) {
  .insightDatatable.inSightNewTable .FactsToggleTable table tbody tr td:nth-child(5) {
    width: 19% !important;
  }
}
@media (min-width: 2501px) and (max-width: 4000px) {
  .insightDatatable.inSightNewTable .FactsToggleTable table tbody tr td:nth-child(5) {
    width: 18% !important;
  }
}
.insightDatatable.inSightNewTable .FactsToggleTable table tbody tr td:nth-child(6) {
  width: 5% !important;
  overflow: visible;
}

.insightDatatable.inSightNewTablemodal .FactsToggleTable table tbody tr {
  background: var(--Global_tr_td) !important;
}
.insightDatatable.inSightNewTablemodal .FactsToggleTable table tbody tr::before {
  width: 20px;
  height: 55px;
  position: absolute;
  background: var(--MapTable_bg);
  content: "";
}
.insightDatatable.inSightNewTablemodal .FactsToggleTable table tbody tr:hover {
  background: var(--Global_tr_td_hover) !important;
}
.insightDatatable.inSightNewTablemodal .FactsToggleTable table tbody tr td:nth-child(1) {
  width: 16% !important;
}
.insightDatatable.inSightNewTablemodal .FactsToggleTable table tbody tr td:nth-child(1) div.routetd {
  padding-left: 20px !important;
}
.insightDatatable.inSightNewTablemodal .FactsToggleTable table tbody tr td:nth-child(2) {
  width: 14% !important;
}
.insightDatatable.inSightNewTablemodal .FactsToggleTable table tbody tr td:nth-child(3) {
  width: 20% !important;
}
.insightDatatable.inSightNewTablemodal .FactsToggleTable table tbody tr td:nth-child(4) {
  width: 20% !important;
}
.insightDatatable.inSightNewTablemodal .FactsToggleTable table tbody tr td:nth-child(5) {
  width: 20% !important;
}
.insightDatatable.inSightNewTablemodal .FactsToggleTable table tbody tr td:nth-child(6) {
  width: 10% !important;
  overflow: visible;
}

.fact-td1 {
  position: relative;
}
.fact-td1 .fact-check-new {
  position: absolute;
  left: 15px;
}
.fact-td1 div.routetd {
  padding-left: 30px;
}

.factSearch .pull-right {
  float: right !important;
}

.fact-Selectall {
  font-size: 12px;
  color: #7b6c8e;
}

.fact-head {
  font-size: 16px !important;
  margin-bottom: 20px !important;
}

.mainModal .modal-content .modal-body .actionControlBody.factsMaps {
  padding-left: 0px !important;
}

/*************** 1. Imports ******************/
/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Mixins ******************/
/*------Channels Module-------*/
.insightBlock.channelsMainBlock {
  padding: 50px 28px 50px 0px !important;
}
.insightBlock.channelsMainBlock .insightFixedHeader {
  padding-left: 50px;
  padding-right: 50px;
}
.insightBlock.channelsMainBlock .channelsTopspace {
  padding-left: 50px;
}

.insightDatatable.datachannel-table .channel-table,
.insightDatatable.datachannel-table .table-channel-main {
  position: relative;
}
.insightDatatable.datachannel-table .channel-table.sub-channel::before,
.insightDatatable.datachannel-table .table-channel-main.sub-channel::before {
  width: 20px;
  height: 55px;
  position: absolute;
  background: #110a1a;
  content: "";
}
.insightDatatable.datachannel-table .channel-table.sub-channel::before:hover,
.insightDatatable.datachannel-table .table-channel-main.sub-channel::before:hover {
  background: #110a1a;
}
.insightDatatable.datachannel-table .channel-table.sub-channel:hover::before,
.insightDatatable.datachannel-table .table-channel-main.sub-channel:hover::before {
  background: #110a1a;
}
.insightDatatable.datachannel-table .channel-table.sub-channel table tbody tr td:nth-child(1),
.insightDatatable.datachannel-table .table-channel-main.sub-channel table tbody tr td:nth-child(1) {
  padding-left: 28px !important;
}
.insightDatatable.datachannel-table .channel-table.sub-channel table tbody tr.creatnew td,
.insightDatatable.datachannel-table .table-channel-main.sub-channel table tbody tr.creatnew td {
  padding-left: 20px !important;
}
.insightDatatable.datachannel-table .channel-table .channel-toggle,
.insightDatatable.datachannel-table .table-channel-main .channel-toggle {
  position: absolute;
  left: -34px;
  top: 16px;
  cursor: pointer;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  text-align: center;
}
.insightDatatable.datachannel-table .channel-table .channel-toggle:hover,
.insightDatatable.datachannel-table .table-channel-main .channel-toggle:hover {
  background: #362749;
}
.insightDatatable.datachannel-table .channel-table table tbody tr th span.sort-toggle-btn.titlespace,
.insightDatatable.datachannel-table .channel-table table thead tr th span.sort-toggle-btn.titlespace,
.insightDatatable.datachannel-table .table-channel-main table tbody tr th span.sort-toggle-btn.titlespace,
.insightDatatable.datachannel-table .table-channel-main table thead tr th span.sort-toggle-btn.titlespace {
  margin-left: 35px;
}
.insightDatatable.datachannel-table .channel-table table tbody tr td,
.insightDatatable.datachannel-table .channel-table table thead tr td,
.insightDatatable.datachannel-table .table-channel-main table tbody tr td,
.insightDatatable.datachannel-table .table-channel-main table thead tr td {
  padding-left: 8px;
}
.insightDatatable.datachannel-table .channel-table table tbody tr td span.userprofile,
.insightDatatable.datachannel-table .channel-table table thead tr td span.userprofile,
.insightDatatable.datachannel-table .table-channel-main table tbody tr td span.userprofile,
.insightDatatable.datachannel-table .table-channel-main table thead tr td span.userprofile {
  margin-left: 0px;
  margin-right: 8px;
}
.insightDatatable.datachannel-table .channel-table table tbody tr td p,
.insightDatatable.datachannel-table .channel-table table thead tr td p,
.insightDatatable.datachannel-table .table-channel-main table tbody tr td p,
.insightDatatable.datachannel-table .table-channel-main table thead tr td p {
  color: #92899e;
  margin: 0px;
}
.insightDatatable.datachannel-table .channel-table table tbody tr th:nth-child(1),
.insightDatatable.datachannel-table .channel-table table tbody tr td:nth-child(1),
.insightDatatable.datachannel-table .channel-table table thead tr th:nth-child(1),
.insightDatatable.datachannel-table .channel-table table thead tr td:nth-child(1),
.insightDatatable.datachannel-table .table-channel-main table tbody tr th:nth-child(1),
.insightDatatable.datachannel-table .table-channel-main table tbody tr td:nth-child(1),
.insightDatatable.datachannel-table .table-channel-main table thead tr th:nth-child(1),
.insightDatatable.datachannel-table .table-channel-main table thead tr td:nth-child(1) {
  width: 25%;
}
.insightDatatable.datachannel-table .channel-table table tbody tr th:nth-child(2),
.insightDatatable.datachannel-table .channel-table table tbody tr td:nth-child(2),
.insightDatatable.datachannel-table .channel-table table thead tr th:nth-child(2),
.insightDatatable.datachannel-table .channel-table table thead tr td:nth-child(2),
.insightDatatable.datachannel-table .table-channel-main table tbody tr th:nth-child(2),
.insightDatatable.datachannel-table .table-channel-main table tbody tr td:nth-child(2),
.insightDatatable.datachannel-table .table-channel-main table thead tr th:nth-child(2),
.insightDatatable.datachannel-table .table-channel-main table thead tr td:nth-child(2) {
  width: 12% !important;
  overflow: visible !important;
}
.insightDatatable.datachannel-table .channel-table table tbody tr th:nth-child(3),
.insightDatatable.datachannel-table .channel-table table tbody tr td:nth-child(3),
.insightDatatable.datachannel-table .channel-table table thead tr th:nth-child(3),
.insightDatatable.datachannel-table .channel-table table thead tr td:nth-child(3),
.insightDatatable.datachannel-table .table-channel-main table tbody tr th:nth-child(3),
.insightDatatable.datachannel-table .table-channel-main table tbody tr td:nth-child(3),
.insightDatatable.datachannel-table .table-channel-main table thead tr th:nth-child(3),
.insightDatatable.datachannel-table .table-channel-main table thead tr td:nth-child(3) {
  width: 10% !important;
}
.insightDatatable.datachannel-table .channel-table table tbody tr th:nth-child(4),
.insightDatatable.datachannel-table .channel-table table tbody tr td:nth-child(4),
.insightDatatable.datachannel-table .channel-table table thead tr th:nth-child(4),
.insightDatatable.datachannel-table .channel-table table thead tr td:nth-child(4),
.insightDatatable.datachannel-table .table-channel-main table tbody tr th:nth-child(4),
.insightDatatable.datachannel-table .table-channel-main table tbody tr td:nth-child(4),
.insightDatatable.datachannel-table .table-channel-main table thead tr th:nth-child(4),
.insightDatatable.datachannel-table .table-channel-main table thead tr td:nth-child(4) {
  width: 8% !important;
  padding-left: 6px !important;
}
.insightDatatable.datachannel-table .channel-table table tbody tr th:nth-child(5),
.insightDatatable.datachannel-table .channel-table table tbody tr td:nth-child(5),
.insightDatatable.datachannel-table .channel-table table thead tr th:nth-child(5),
.insightDatatable.datachannel-table .channel-table table thead tr td:nth-child(5),
.insightDatatable.datachannel-table .table-channel-main table tbody tr th:nth-child(5),
.insightDatatable.datachannel-table .table-channel-main table tbody tr td:nth-child(5),
.insightDatatable.datachannel-table .table-channel-main table thead tr th:nth-child(5),
.insightDatatable.datachannel-table .table-channel-main table thead tr td:nth-child(5) {
  width: 8% !important;
}
.insightDatatable.datachannel-table .channel-table table tbody tr th:nth-child(6),
.insightDatatable.datachannel-table .channel-table table tbody tr td:nth-child(6),
.insightDatatable.datachannel-table .channel-table table thead tr th:nth-child(6),
.insightDatatable.datachannel-table .channel-table table thead tr td:nth-child(6),
.insightDatatable.datachannel-table .table-channel-main table tbody tr th:nth-child(6),
.insightDatatable.datachannel-table .table-channel-main table tbody tr td:nth-child(6),
.insightDatatable.datachannel-table .table-channel-main table thead tr th:nth-child(6),
.insightDatatable.datachannel-table .table-channel-main table thead tr td:nth-child(6) {
  width: 8% !important;
  padding-left: 6px !important;
}
.insightDatatable.datachannel-table .channel-table table tbody tr th:nth-child(7),
.insightDatatable.datachannel-table .channel-table table tbody tr td:nth-child(7),
.insightDatatable.datachannel-table .channel-table table thead tr th:nth-child(7),
.insightDatatable.datachannel-table .channel-table table thead tr td:nth-child(7),
.insightDatatable.datachannel-table .table-channel-main table tbody tr th:nth-child(7),
.insightDatatable.datachannel-table .table-channel-main table tbody tr td:nth-child(7),
.insightDatatable.datachannel-table .table-channel-main table thead tr th:nth-child(7),
.insightDatatable.datachannel-table .table-channel-main table thead tr td:nth-child(7) {
  width: 8% !important;
  padding-left: 6px !important;
}
.insightDatatable.datachannel-table .channel-table table tbody tr th:nth-child(8),
.insightDatatable.datachannel-table .channel-table table tbody tr td:nth-child(8),
.insightDatatable.datachannel-table .channel-table table thead tr th:nth-child(8),
.insightDatatable.datachannel-table .channel-table table thead tr td:nth-child(8),
.insightDatatable.datachannel-table .table-channel-main table tbody tr th:nth-child(8),
.insightDatatable.datachannel-table .table-channel-main table tbody tr td:nth-child(8),
.insightDatatable.datachannel-table .table-channel-main table thead tr th:nth-child(8),
.insightDatatable.datachannel-table .table-channel-main table thead tr td:nth-child(8) {
  width: 8% !important;
}
.insightDatatable.datachannel-table .channel-table table tbody tr th:nth-child(9),
.insightDatatable.datachannel-table .channel-table table tbody tr td:nth-child(9),
.insightDatatable.datachannel-table .channel-table table thead tr th:nth-child(9),
.insightDatatable.datachannel-table .channel-table table thead tr td:nth-child(9),
.insightDatatable.datachannel-table .table-channel-main table tbody tr th:nth-child(9),
.insightDatatable.datachannel-table .table-channel-main table tbody tr td:nth-child(9),
.insightDatatable.datachannel-table .table-channel-main table thead tr th:nth-child(9),
.insightDatatable.datachannel-table .table-channel-main table thead tr td:nth-child(9) {
  width: 8% !important;
}
.insightDatatable.datachannel-table .channel-table table tbody tr th:nth-child(10),
.insightDatatable.datachannel-table .channel-table table tbody tr td:nth-child(10),
.insightDatatable.datachannel-table .channel-table table thead tr th:nth-child(10),
.insightDatatable.datachannel-table .channel-table table thead tr td:nth-child(10),
.insightDatatable.datachannel-table .table-channel-main table tbody tr th:nth-child(10),
.insightDatatable.datachannel-table .table-channel-main table tbody tr td:nth-child(10),
.insightDatatable.datachannel-table .table-channel-main table thead tr th:nth-child(10),
.insightDatatable.datachannel-table .table-channel-main table thead tr td:nth-child(10) {
  width: 5%;
  overflow: visible;
}
.insightDatatable.datachannel-listtable .channel-table,
.insightDatatable.datachannel-listtable .table-channel-main {
  position: relative;
}
.insightDatatable.datachannel-listtable .channel-table.sub-channel::before,
.insightDatatable.datachannel-listtable .table-channel-main.sub-channel::before {
  width: 20px;
  height: 58px;
  position: absolute;
  background: #110a1a;
  content: "";
}
.insightDatatable.datachannel-listtable .channel-table.sub-channel::before:hover,
.insightDatatable.datachannel-listtable .table-channel-main.sub-channel::before:hover {
  background: #110a1a;
}
.insightDatatable.datachannel-listtable .channel-table.sub-channel:hover::before,
.insightDatatable.datachannel-listtable .table-channel-main.sub-channel:hover::before {
  background: #110a1a;
}
.insightDatatable.datachannel-listtable .channel-table.sub-channel table tbody tr td:nth-child(1),
.insightDatatable.datachannel-listtable .table-channel-main.sub-channel table tbody tr td:nth-child(1) {
  padding-left: 28px !important;
}
.insightDatatable.datachannel-listtable .channel-table.sub-channel table tbody tr.creatnew td,
.insightDatatable.datachannel-listtable .table-channel-main.sub-channel table tbody tr.creatnew td {
  padding-left: 20px !important;
}
.insightDatatable.datachannel-listtable .channel-table .channel-toggle,
.insightDatatable.datachannel-listtable .table-channel-main .channel-toggle {
  position: absolute;
  left: -34px;
  top: 16px;
  cursor: pointer;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  text-align: center;
}
.insightDatatable.datachannel-listtable .channel-table .channel-toggle:hover,
.insightDatatable.datachannel-listtable .table-channel-main .channel-toggle:hover {
  background: #362749;
}
.insightDatatable.datachannel-listtable .channel-table table tbody tr th span.sort-toggle-btn.titlespace,
.insightDatatable.datachannel-listtable .channel-table table thead tr th span.sort-toggle-btn.titlespace,
.insightDatatable.datachannel-listtable .table-channel-main table tbody tr th span.sort-toggle-btn.titlespace,
.insightDatatable.datachannel-listtable .table-channel-main table thead tr th span.sort-toggle-btn.titlespace {
  margin-left: 0px;
}
.insightDatatable.datachannel-listtable .channel-table table tbody tr td,
.insightDatatable.datachannel-listtable .channel-table table thead tr td,
.insightDatatable.datachannel-listtable .table-channel-main table tbody tr td,
.insightDatatable.datachannel-listtable .table-channel-main table thead tr td {
  padding-left: 8px;
}
.insightDatatable.datachannel-listtable .channel-table table tbody tr td span.userprofile,
.insightDatatable.datachannel-listtable .channel-table table thead tr td span.userprofile,
.insightDatatable.datachannel-listtable .table-channel-main table tbody tr td span.userprofile,
.insightDatatable.datachannel-listtable .table-channel-main table thead tr td span.userprofile {
  margin-left: 0px;
  margin-right: 8px;
}
.insightDatatable.datachannel-listtable .channel-table table tbody tr td p,
.insightDatatable.datachannel-listtable .channel-table table thead tr td p,
.insightDatatable.datachannel-listtable .table-channel-main table tbody tr td p,
.insightDatatable.datachannel-listtable .table-channel-main table thead tr td p {
  color: #92899e;
  margin: 0px;
}
.insightDatatable.datachannel-listtable .channel-table table tbody tr th:nth-child(1),
.insightDatatable.datachannel-listtable .channel-table table tbody tr td:nth-child(1),
.insightDatatable.datachannel-listtable .channel-table table thead tr th:nth-child(1),
.insightDatatable.datachannel-listtable .channel-table table thead tr td:nth-child(1),
.insightDatatable.datachannel-listtable .table-channel-main table tbody tr th:nth-child(1),
.insightDatatable.datachannel-listtable .table-channel-main table tbody tr td:nth-child(1),
.insightDatatable.datachannel-listtable .table-channel-main table thead tr th:nth-child(1),
.insightDatatable.datachannel-listtable .table-channel-main table thead tr td:nth-child(1) {
  width: 17%;
}
.insightDatatable.datachannel-listtable .channel-table table tbody tr th:nth-child(2),
.insightDatatable.datachannel-listtable .channel-table table tbody tr td:nth-child(2),
.insightDatatable.datachannel-listtable .channel-table table thead tr th:nth-child(2),
.insightDatatable.datachannel-listtable .channel-table table thead tr td:nth-child(2),
.insightDatatable.datachannel-listtable .table-channel-main table tbody tr th:nth-child(2),
.insightDatatable.datachannel-listtable .table-channel-main table tbody tr td:nth-child(2),
.insightDatatable.datachannel-listtable .table-channel-main table thead tr th:nth-child(2),
.insightDatatable.datachannel-listtable .table-channel-main table thead tr td:nth-child(2) {
  width: 12% !important;
  overflow: visible !important;
}
.insightDatatable.datachannel-listtable .channel-table table tbody tr th:nth-child(3),
.insightDatatable.datachannel-listtable .channel-table table tbody tr td:nth-child(3),
.insightDatatable.datachannel-listtable .channel-table table thead tr th:nth-child(3),
.insightDatatable.datachannel-listtable .channel-table table thead tr td:nth-child(3),
.insightDatatable.datachannel-listtable .table-channel-main table tbody tr th:nth-child(3),
.insightDatatable.datachannel-listtable .table-channel-main table tbody tr td:nth-child(3),
.insightDatatable.datachannel-listtable .table-channel-main table thead tr th:nth-child(3),
.insightDatatable.datachannel-listtable .table-channel-main table thead tr td:nth-child(3) {
  width: 10% !important;
}
.insightDatatable.datachannel-listtable .channel-table table tbody tr th:nth-child(4),
.insightDatatable.datachannel-listtable .channel-table table tbody tr td:nth-child(4),
.insightDatatable.datachannel-listtable .channel-table table thead tr th:nth-child(4),
.insightDatatable.datachannel-listtable .channel-table table thead tr td:nth-child(4),
.insightDatatable.datachannel-listtable .table-channel-main table tbody tr th:nth-child(4),
.insightDatatable.datachannel-listtable .table-channel-main table tbody tr td:nth-child(4),
.insightDatatable.datachannel-listtable .table-channel-main table thead tr th:nth-child(4),
.insightDatatable.datachannel-listtable .table-channel-main table thead tr td:nth-child(4) {
  width: 8% !important;
  padding-left: 6px !important;
}
.insightDatatable.datachannel-listtable .channel-table table tbody tr th:nth-child(5),
.insightDatatable.datachannel-listtable .channel-table table tbody tr td:nth-child(5),
.insightDatatable.datachannel-listtable .channel-table table thead tr th:nth-child(5),
.insightDatatable.datachannel-listtable .channel-table table thead tr td:nth-child(5),
.insightDatatable.datachannel-listtable .table-channel-main table tbody tr th:nth-child(5),
.insightDatatable.datachannel-listtable .table-channel-main table tbody tr td:nth-child(5),
.insightDatatable.datachannel-listtable .table-channel-main table thead tr th:nth-child(5),
.insightDatatable.datachannel-listtable .table-channel-main table thead tr td:nth-child(5) {
  width: 8% !important;
}
.insightDatatable.datachannel-listtable .channel-table table tbody tr th:nth-child(6),
.insightDatatable.datachannel-listtable .channel-table table tbody tr td:nth-child(6),
.insightDatatable.datachannel-listtable .channel-table table thead tr th:nth-child(6),
.insightDatatable.datachannel-listtable .channel-table table thead tr td:nth-child(6),
.insightDatatable.datachannel-listtable .table-channel-main table tbody tr th:nth-child(6),
.insightDatatable.datachannel-listtable .table-channel-main table tbody tr td:nth-child(6),
.insightDatatable.datachannel-listtable .table-channel-main table thead tr th:nth-child(6),
.insightDatatable.datachannel-listtable .table-channel-main table thead tr td:nth-child(6) {
  width: 8% !important;
  padding-left: 6px !important;
}
.insightDatatable.datachannel-listtable .channel-table table tbody tr th:nth-child(7),
.insightDatatable.datachannel-listtable .channel-table table tbody tr td:nth-child(7),
.insightDatatable.datachannel-listtable .channel-table table thead tr th:nth-child(7),
.insightDatatable.datachannel-listtable .channel-table table thead tr td:nth-child(7),
.insightDatatable.datachannel-listtable .table-channel-main table tbody tr th:nth-child(7),
.insightDatatable.datachannel-listtable .table-channel-main table tbody tr td:nth-child(7),
.insightDatatable.datachannel-listtable .table-channel-main table thead tr th:nth-child(7),
.insightDatatable.datachannel-listtable .table-channel-main table thead tr td:nth-child(7) {
  width: 8% !important;
  padding-left: 6px !important;
}
.insightDatatable.datachannel-listtable .channel-table table tbody tr th:nth-child(8),
.insightDatatable.datachannel-listtable .channel-table table tbody tr td:nth-child(8),
.insightDatatable.datachannel-listtable .channel-table table thead tr th:nth-child(8),
.insightDatatable.datachannel-listtable .channel-table table thead tr td:nth-child(8),
.insightDatatable.datachannel-listtable .table-channel-main table tbody tr th:nth-child(8),
.insightDatatable.datachannel-listtable .table-channel-main table tbody tr td:nth-child(8),
.insightDatatable.datachannel-listtable .table-channel-main table thead tr th:nth-child(8),
.insightDatatable.datachannel-listtable .table-channel-main table thead tr td:nth-child(8) {
  width: 8% !important;
}
.insightDatatable.datachannel-listtable .channel-table table tbody tr th:nth-child(9),
.insightDatatable.datachannel-listtable .channel-table table tbody tr td:nth-child(9),
.insightDatatable.datachannel-listtable .channel-table table thead tr th:nth-child(9),
.insightDatatable.datachannel-listtable .channel-table table thead tr td:nth-child(9),
.insightDatatable.datachannel-listtable .table-channel-main table tbody tr th:nth-child(9),
.insightDatatable.datachannel-listtable .table-channel-main table tbody tr td:nth-child(9),
.insightDatatable.datachannel-listtable .table-channel-main table thead tr th:nth-child(9),
.insightDatatable.datachannel-listtable .table-channel-main table thead tr td:nth-child(9) {
  width: 8% !important;
}
.insightDatatable.datachannel-listtable .channel-table table tbody tr th:nth-child(10),
.insightDatatable.datachannel-listtable .channel-table table tbody tr td:nth-child(10),
.insightDatatable.datachannel-listtable .channel-table table thead tr th:nth-child(10),
.insightDatatable.datachannel-listtable .channel-table table thead tr td:nth-child(10),
.insightDatatable.datachannel-listtable .table-channel-main table tbody tr th:nth-child(10),
.insightDatatable.datachannel-listtable .table-channel-main table tbody tr td:nth-child(10),
.insightDatatable.datachannel-listtable .table-channel-main table thead tr th:nth-child(10),
.insightDatatable.datachannel-listtable .table-channel-main table thead tr td:nth-child(10) {
  width: 8% !important;
}
.insightDatatable.datachannel-listtable .channel-table table tbody tr th:nth-child(11),
.insightDatatable.datachannel-listtable .channel-table table tbody tr td:nth-child(11),
.insightDatatable.datachannel-listtable .channel-table table thead tr th:nth-child(11),
.insightDatatable.datachannel-listtable .channel-table table thead tr td:nth-child(11),
.insightDatatable.datachannel-listtable .table-channel-main table tbody tr th:nth-child(11),
.insightDatatable.datachannel-listtable .table-channel-main table tbody tr td:nth-child(11),
.insightDatatable.datachannel-listtable .table-channel-main table thead tr th:nth-child(11),
.insightDatatable.datachannel-listtable .table-channel-main table thead tr td:nth-child(11) {
  width: 5%;
  overflow: visible;
}

.insightDatatable table tbody tr td div.translatedrpdwnmain.user-3-dotsmenu {
  float: left !important;
  position: relative;
}
.insightDatatable table tbody tr td div.translatedrpdwnmain.user-3-dotsmenu .dropdown-toggle {
  padding: 5px 15px 5px 5px;
  background: transparent;
  border-radius: 5px;
  border: 1px solid #5d5961;
  font-size: 12px;
  cursor: pointer;
}
.insightDatatable table tbody tr td div.translatedrpdwnmain.user-3-dotsmenu:after {
  content: "";
  font: normal normal normal 14px/1 FontAwesome;
  border: none;
  position: absolute;
  top: 8px;
  cursor: pointer;
  right: 5px;
  font-size: 12px;
}
.insightDatatable table tbody tr td div.translatedrpdwnmain.user-3-dotsmenu .dropdown-menu {
  background: #110a1a;
  padding: 15px;
  border-radius: 5px;
  right: auto !important;
  left: 0px !important;
  transform: translate3d(1px, 38px, 0px) !important;
  z-index: 10;
  min-width: 300px;
  border: 1px solid #5d5961 !important;
}
.insightDatatable table tbody tr td div.translatedrpdwnmain.user-3-dotsmenu .dropdown-menu ul {
  max-height: 150px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 10px;
}
.insightDatatable table tbody tr td div.translatedrpdwnmain.user-3-dotsmenu .dropdown-menu ul li {
  outline: none !important;
  background: transparent;
}
.insightDatatable table tbody tr td div.translatedrpdwnmain.user-3-dotsmenu .dropdown-menu ul li:hover, .insightDatatable table tbody tr td div.translatedrpdwnmain.user-3-dotsmenu .dropdown-menu ul li:focus, .insightDatatable table tbody tr td div.translatedrpdwnmain.user-3-dotsmenu .dropdown-menu ul li:active, .insightDatatable table tbody tr td div.translatedrpdwnmain.user-3-dotsmenu .dropdown-menu ul li:focus-visible {
  outline: none !important;
  background: transparent;
}
.insightDatatable table tbody tr td div.translatedrpdwnmain.user-3-dotsmenu .dropdown-menu ul li a {
  display: block;
  padding: 5px;
  position: relative;
  border-bottom: 0px solid #000;
}
.insightDatatable table tbody tr td div.translatedrpdwnmain.user-3-dotsmenu .dropdown-menu ul li a:hover {
  background: transparent !important;
}
.insightDatatable table tbody tr td div.translatedrpdwnmain.user-3-dotsmenu .dropdown-menu ul li a .languagename {
  color: rgba(255, 255, 255, 0.5);
  font-size: 13px;
  display: inline-block;
  padding-right: 10px;
  font-size: 12px;
  width: 75px;
  vertical-align: middle;
}
.insightDatatable table tbody tr td div.translatedrpdwnmain.user-3-dotsmenu .dropdown-menu ul li a input {
  display: inline-block;
  background: #201430 !important;
  padding: 3px 5px;
  border-radius: 1px;
  font-size: 12px;
  color: #fff;
  width: 70%;
  border: 1px solid transparent;
  box-shadow: none;
}
.insightDatatable table tbody tr td div.translatedrpdwnmain.user-3-dotsmenu .dropdown-menu ul li a input:focus {
  border: 1px solid #7800ff;
}
.insightDatatable table tbody tr td div.translatedrpdwnmain.user-3-dotsmenu .dropdown-menu ul li a .checkiconsave {
  display: none;
  position: absolute;
  right: -2px;
  top: 5px;
  background: #7800ff;
  color: #fff;
  font-size: 13px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  text-align: center;
  padding: 3px 6px;
  width: auto;
}

.umtable.billinginfotable .formsection .cslist-dropdown .addDimensions .m-select-dropdown-sm .dropdown-toggle {
  background: #3f3449 !important;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
}
.umtable.billinginfotable .formsection .cslist-dropdown .addDimensions .m-select-dropdown-sm .dropdown-toggle::after {
  top: 5px !important;
  font-size: 14px !important;
  right: 17px !important;
}
.umtable.billinginfotable .formsection .cslist-dropdown .addDimensions .m-select-dropdown-sm .filter-option {
  font-weight: 400;
}

.channel-collapsed .sub-channel {
  display: none;
}
.channel-collapsed .channel-toggle i {
  transform: rotate(0deg);
  transition: 0.3s ease-in-out;
}

.channel-expand .sub-channel {
  display: block;
}
.channel-expand .channel-toggle i {
  transform: rotate(180deg);
  transition: 0.3s ease-in-out;
}

.ChannelEditModal .insightsBody,
.ChannelViewModal .insightsBody {
  padding-bottom: 5px -5;
}
.ChannelEditModal .insightsBody .width-80 .width1,
.ChannelViewModal .insightsBody .width-80 .width1 {
  flex: 0 0 50% !important;
  max-width: 50% !important;
}

.ChannelViewModal .insightsBody .collspePresentRow .width-80 .width1 {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}

.subchannel-CountBtn button {
  padding: 3px 9px;
  float: left;
  background: #3f3449;
  height: 25px;
  color: #fff;
  font-size: 13px;
}
.subchannel-CountBtn button img {
  height: 12px !important;
  width: auto;
  vertical-align: baseline;
}

.mainModal .channelsListModal .modal-content .modal-body .actionControlBody {
  padding-left: 44px !important;
}

.ChannelBox .ChannelData .ChannelIcon img {
  width: 20px;
  margin: 0px auto;
}
.ChannelBox .ChannelData .ChannelText {
  height: auto;
  overflow: hidden;
  line-height: 18px;
  width: 100%;
  font-size: 13px;
}
.ChannelBox .ChannelData .Channelcustomlist .channel-cs-list {
  margin-bottom: 10px;
}
.ChannelBox .ChannelData .Channelcustomlist .channel-cs-list h6 {
  line-height: 20px -2;
  width: 100%;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 0px;
}
.ChannelBox .ChannelData .Channelcustomlist .channel-cs-list p {
  line-height: 20px;
  width: 100%;
  font-size: 13px;
  font-weight: 400;
  color: #c2b8d0;
  margin-bottom: 0px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.ChannelBox .ChannelData .Channelcustomlist .channel-cs-list p a {
  color: #c2b8d0;
  padding-bottom: 1px;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.ChannelBox .ChannelData .ChannelDocsCount .channelJourneyBox .channeldoc-bg {
  background: #110a1a;
  border-radius: 100px;
  padding-left: 12px;
  padding-right: 22px;
  display: block;
  height: 25px;
}
.ChannelBox .ChannelData .ChannelDocsCount .channelJourneyBox .channeldoc-bg span {
  font-size: 13px;
  text-align: right;
  font-weight: 600;
  display: block;
  color: #fff;
  width: 100%;
  line-height: 25px;
  margin: 5px;
}
.ChannelBox .ChannelData .ChannelDocsCount .channelJourneyBox .channeldoc-bg span img {
  width: 11px;
  margin-right: 8px;
  float: left;
  margin-top: 7px;
}

.request-channel,
.reject-channel {
  position: relative;
  padding: 2px 5px;
  border-radius: 5px;
  color: #fff;
  background-color: #ae6725;
  text-transform: capitalize;
  margin-right: 8px;
}

.request-channel {
  background-color: #ae6725;
}

.reject-channel {
  background-color: #9e0000;
}

.capital-head {
  text-transform: capitalize;
}

.mapKpiBox.channel-Kpi {
  padding: 0px !important;
  margin: 0px !important;
  background: transparent !important;
  border: none !important;
}
.mapKpiBox.channel-Kpi .kpiBoxJournryLevel .kpiWidgetBig {
  box-shadow: 0px 3px 10px #000000;
  margin: 0px !important;
}
.mapKpiBox.channel-Kpi .kpiBoxJournryLevel .kpiWidgetBig.ourkpibig {
  min-height: 225px !important;
}

.ParentChannelHead .modal-title-head {
  color: #8b93a1;
}
.ParentChannelHead .modal-title-head .dashed-line {
  color: #8b93a1;
}

.channel-table.InactiveChannel .overlay-channel {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 54px;
  background-color: rgba(17, 10, 26, 0.6);
  z-index: 2;
  display: block !important;
}
.channel-table.InactiveChannel .translatedrpdwnmain {
  z-index: 0 !important;
}
.channel-table.InactiveChannel .user-3-dotsmenu {
  position: absolute;
  z-index: 3;
  right: 0px;
}
.channel-table .overlay-channel {
  display: none;
}

.titleEllipsis .inner-tooltip {
  float: left;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.inner-tooltip {
  float: left;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.inner-tooltip2 {
  max-width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

.channel-Zindex {
  z-index: 1049 !important;
}

/********* light theme *********/
.theme-light .insightDatatable.datachannel-table .channel-table,
.theme-light .insightDatatable.datachannel-table .table-channel-main {
  position: relative;
}
.theme-light .insightDatatable.datachannel-table .channel-table.sub-channel::before,
.theme-light .insightDatatable.datachannel-table .table-channel-main.sub-channel::before {
  background: #fff;
}
.theme-light .insightDatatable.datachannel-table .channel-table.sub-channel::before:hover,
.theme-light .insightDatatable.datachannel-table .table-channel-main.sub-channel::before:hover {
  background: #fff;
}
.theme-light .insightDatatable.datachannel-table .channel-table.sub-channel:hover::before,
.theme-light .insightDatatable.datachannel-table .table-channel-main.sub-channel:hover::before {
  background: #fff;
}
.theme-light .insightDatatable.datachannel-table .channel-table table tbody tr td p,
.theme-light .insightDatatable.datachannel-table .table-channel-main table tbody tr td p {
  color: #000;
}
.theme-light .insightDatatable.datachannel-table .channel-table .channel-toggle:hover,
.theme-light .insightDatatable.datachannel-table .table-channel-main .channel-toggle:hover {
  background: #d8d8d8;
}
.theme-light .insightDatatable.datachannel-listtable .channel-table,
.theme-light .insightDatatable.datachannel-listtable .table-channel-main {
  position: relative;
}
.theme-light .insightDatatable.datachannel-listtable .channel-table.sub-channel::before,
.theme-light .insightDatatable.datachannel-listtable .table-channel-main.sub-channel::before {
  background: #d8d8d8;
}
.theme-light .insightDatatable.datachannel-listtable .channel-table.sub-channel::before:hover,
.theme-light .insightDatatable.datachannel-listtable .table-channel-main.sub-channel::before:hover {
  background: #d8d8d8;
}
.theme-light .insightDatatable.datachannel-listtable .channel-table.sub-channel:hover::before,
.theme-light .insightDatatable.datachannel-listtable .table-channel-main.sub-channel:hover::before {
  background: #d8d8d8;
}
.theme-light .insightDatatable.datachannel-listtable .channel-table table tbody tr td p,
.theme-light .insightDatatable.datachannel-listtable .table-channel-main table tbody tr td p {
  color: #000;
}
.theme-light .insightDatatable.datachannel-listtable .channel-table .channel-toggle,
.theme-light .insightDatatable.datachannel-listtable .table-channel-main .channel-toggle {
  background: #d8d8d8 !important;
}
.theme-light .insightDatatable.datachannel-listtable .channel-table .channel-toggle:hover,
.theme-light .insightDatatable.datachannel-listtable .table-channel-main .channel-toggle:hover {
  background: #f3f3f3 !important;
}
.theme-light .insightDatatable table tbody tr td div.translatedrpdwnmain.user-3-dotsmenu .dropdown-toggle {
  border: 1px solid #c0c0c0;
}
.theme-light .insightDatatable table tbody tr td div.translatedrpdwnmain.user-3-dotsmenu .dropdown span {
  background: transparent !important;
}
.theme-light .insightDatatable table tbody tr td div.translatedrpdwnmain.user-3-dotsmenu .dropdown span:hover {
  background: transparent !important;
}
.theme-light .insightDatatable table tbody tr td div.translatedrpdwnmain.user-3-dotsmenu .dropdown-menu {
  background: #fff;
  border: 1px solid #c0c0c0 !important;
}
.theme-light .insightDatatable table tbody tr td div.translatedrpdwnmain.user-3-dotsmenu .dropdown-menu ul li a {
  border-bottom: 1px solid #fff !important;
}
.theme-light .insightDatatable table tbody tr td div.translatedrpdwnmain.user-3-dotsmenu .dropdown-menu ul li a:hover {
  background: transparent !important;
}
.theme-light .insightDatatable table tbody tr td div.translatedrpdwnmain.user-3-dotsmenu .dropdown-menu ul li a .languagename {
  color: #110a1a;
}
.theme-light .insightDatatable table tbody tr td div.translatedrpdwnmain.user-3-dotsmenu .dropdown-menu ul li a input {
  border: 1px solid #c5c5c5 !important;
  background: #fff !important;
  color: #000 !important;
}
.theme-light .insightDatatable table tbody tr td div.translatedrpdwnmain.user-3-dotsmenu .dropdown-menu ul li a input:focus {
  outline: none !important;
}
.theme-light .channel-table.InactiveChannel .overlay-channel {
  position: absolute;
  background-color: rgba(229, 234, 239, 0.66);
}

.sortBtn-master {
  position: relative;
  max-width: 100%;
  border-radius: 100px;
  line-height: 10px;
  font-size: 13px;
  background: #7800ff;
  text-align: center;
  font-weight: 500;
  display: inline-block;
  color: #fff;
  cursor: pointer;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 7px;
  padding-bottom: 7px;
  height: 25px;
}

.mt-40 {
  margin-top: 40px;
}

.dimension-drag {
  position: relative;
}
.dimension-drag .dragIcon {
  position: absolute;
  left: 0px;
  color: #524a5e;
  line-height: 32px;
}
.dimension-drag .dragIcon:hover {
  cursor: move;
}
.dimension-drag .dataposrelmain {
  left: 30px;
}
.dimension-drag.ghost {
  position: relative;
  z-index: 1;
}
.dimension-drag.ghost::after {
  position: absolute;
  left: 0px;
  right: 0px;
  content: "";
  margin: 0 auto;
  text-align: center;
  z-index: 2;
  background: rgba(120, 0, 255, 0.8);
  height: 100%;
  top: 0px;
  bottom: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: FontAwesome;
  font-size: 36px;
  color: #fff;
}
.dimension-drag.countrydrag.ghost::after {
  font-size: 16px !important;
}

.noMapTitle {
  color: #7b6c8f !important;
}

.pendo-container-icon {
  margin-top: 30px;
  margin-left: 5px;
  margin-right: 5px;
  position: relative;
  z-index: 996;
  width: 30px;
  height: 30px;
}
.pendo-container-icon.kpi-persona {
  margin-top: -7px;
  margin-left: 0;
  position: absolute !important;
}

.logsMainblcok .pendo-container-icon, .modal-customTabs .pendo-container-icon {
  display: none !important;
}

.pl-45 {
  padding-left: 45px;
}

.channel-Aitable {
  width: 100%;
  padding: 15px 15px 15px 35px;
  background: var(--MapTable_bg);
  display: block;
}
.channel-Aitable table tbody tr td:nth-child(1), .channel-Aitable table tbody tr th:nth-child(1), .channel-Aitable table thead tr td:nth-child(1), .channel-Aitable table thead tr th:nth-child(1) {
  width: 28%;
}
.channel-Aitable table tbody tr td:nth-child(2), .channel-Aitable table tbody tr th:nth-child(2), .channel-Aitable table thead tr td:nth-child(2), .channel-Aitable table thead tr th:nth-child(2) {
  width: 7%;
}
.channel-Aitable table tbody tr td:nth-child(3), .channel-Aitable table tbody tr th:nth-child(3), .channel-Aitable table thead tr td:nth-child(3), .channel-Aitable table thead tr th:nth-child(3) {
  width: 65%;
}
.channel-Aitable table thead tr th {
  font-size: 13px;
  font-weight: 700;
  padding: 8px;
}
.channel-Aitable table thead tr th .fact-Selectall {
  margin-bottom: 5px;
  margin-left: 5px;
}
.channel-Aitable table.aisubchannelrepeat tbody tr {
  background: var(--Global_tr_td);
  border-bottom: solid 4px var(--Background_Primary);
  height: 50px;
}
.channel-Aitable table.aisubchannelrepeat tbody tr:hover {
  background: var(--Global_tr_td_hover);
}
.channel-Aitable table.aisubchannelrepeat tbody tr td {
  line-height: 25px;
  font-size: 12px;
  line-height: 20px;
  padding: 8px;
}
.channel-Aitable table.aisubchannelrepeat tbody tr td .fact-Selectall {
  margin-bottom: 0;
  margin-left: 5px;
  margin-top: 2px;
}
.channel-Aitable table.aisubchannelrepeat tbody tr.subchannelrow .subchanneltd {
  position: relative;
  padding-left: 28px;
}
.channel-Aitable table.aisubchannelrepeat tbody tr.subchannelrow .subchanneltd span.bgcolor {
  height: 100%;
  width: 20px;
  position: absolute;
  background: var(--Background_Primary);
  left: 0;
  top: 0;
}

.channel-Aitable .aisubchannelrepeat {
  width: 100%;
  position: relative;
}
.channel-Aitable .aisubchannelrepeat .mainchanneltd {
  position: relative;
}
.channel-Aitable .aisubchannelrepeat .channel-toggle-icon {
  position: absolute;
  left: -30px;
  top: 8px;
  cursor: pointer;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  text-align: center;
  line-height: 24px;
}
.channel-Aitable .aisubchannelrepeat .channel-toggle-icon:hover {
  background: var(--Global_tr_td_hover);
}
.channel-Aitable .aisubchannelrepeat.expand-mainchannel .subchannelrow {
  display: table-row;
}
.channel-Aitable .aisubchannelrepeat.expand-mainchannel .channel-toggle-icon i {
  transform: rotate(180deg);
  transition: 0.3s ease-in-out;
}
.channel-Aitable .aisubchannelrepeat.collaspe-mainchannel .subchannelrow {
  display: none;
}
.channel-Aitable .aisubchannelrepeat.collaspe-mainchannel .channel-toggle-icon i {
  transform: rotate(0deg);
  transition: 0.3s ease-in-out;
}

.aichannelname .global-checkbox {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}
.aichannelname .channelname {
  position: relative;
  padding-left: 40px;
  display: block;
}

/*************** 1. Imports ******************/
/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Mixins ******************/
/*------Notification Module-------*/
.insightDatatable.notificationTable {
  position: relative;
  padding-left: 52px;
}
.insightDatatable.notificationTable table tbody tr,
.insightDatatable.notificationTable table thead tr {
  height: auto !important;
}
.insightDatatable.notificationTable table tbody tr.creatnew.nodata,
.insightDatatable.notificationTable table thead tr.creatnew.nodata {
  cursor: auto;
  border: 2px solid #1f1829;
  padding: 0px;
  width: 100%;
}
.insightDatatable.notificationTable table tbody tr.creatnew.nodata p,
.insightDatatable.notificationTable table thead tr.creatnew.nodata p {
  display: block;
  color: #7b6c8f;
  font-size: 13px !important;
  padding: 10px;
  text-align: center;
}
.insightDatatable.notificationTable table tbody tr th span.sort-toggle-btn.titlespace,
.insightDatatable.notificationTable table thead tr th span.sort-toggle-btn.titlespace {
  margin-left: 0px;
}
.insightDatatable.notificationTable table tbody tr td,
.insightDatatable.notificationTable table thead tr td {
  padding-left: 8px;
  white-space: normal;
  line-height: 25px;
}
.insightDatatable.notificationTable table tbody tr td span.userprofile,
.insightDatatable.notificationTable table thead tr td span.userprofile {
  margin-left: 0px;
  margin-right: 8px;
}
.insightDatatable.notificationTable table tbody tr td span.userTitleicon.rounded-icon.mark,
.insightDatatable.notificationTable table thead tr td span.userTitleicon.rounded-icon.mark {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  border: solid 0px #140e1c;
  line-height: normal !important;
  float: left;
  padding: 8.5px !important;
  background: transparent !important;
}
.insightDatatable.notificationTable table tbody tr td span.userTitleicon.rounded-icon.mark .indication-icon,
.insightDatatable.notificationTable table thead tr td span.userTitleicon.rounded-icon.mark .indication-icon {
  height: 8px;
  width: 8px;
  display: block;
  border-radius: 50%;
}
.insightDatatable.notificationTable table tbody tr td span.userTitleicon.rounded-icon.mark.unviewed .indication-icon,
.insightDatatable.notificationTable table thead tr td span.userTitleicon.rounded-icon.mark.unviewed .indication-icon {
  background: #0065FF;
}
.insightDatatable.notificationTable table tbody tr td span.userTitleicon.rounded-icon.mark.viewed .indication-icon,
.insightDatatable.notificationTable table thead tr td span.userTitleicon.rounded-icon.mark.viewed .indication-icon {
  background: transparent;
  border: solid 1px #625d69;
}
.insightDatatable.notificationTable table tbody tr td span.userTitleicon.rounded-icon.checkbox-notify .selectAll .custom-checkbox + label:before,
.insightDatatable.notificationTable table thead tr td span.userTitleicon.rounded-icon.checkbox-notify .selectAll .custom-checkbox + label:before {
  margin-right: 0px;
}
.insightDatatable.notificationTable table tbody tr td span.titleEllipsis .inner-tooltip,
.insightDatatable.notificationTable table thead tr td span.titleEllipsis .inner-tooltip {
  white-space: normal !important;
}
.insightDatatable.notificationTable table tbody tr td p,
.insightDatatable.notificationTable table thead tr td p {
  color: #92899e;
  margin: 0px;
}
.insightDatatable.notificationTable table tbody tr th:nth-child(1),
.insightDatatable.notificationTable table tbody tr td:nth-child(1),
.insightDatatable.notificationTable table thead tr th:nth-child(1),
.insightDatatable.notificationTable table thead tr td:nth-child(1) {
  width: 45%;
}
.insightDatatable.notificationTable table tbody tr th:nth-child(1),
.insightDatatable.notificationTable table thead tr th:nth-child(1) {
  padding-left: 45px !important;
}
.insightDatatable.notificationTable table tbody tr th:nth-child(2),
.insightDatatable.notificationTable table tbody tr td:nth-child(2),
.insightDatatable.notificationTable table thead tr th:nth-child(2),
.insightDatatable.notificationTable table thead tr td:nth-child(2) {
  width: 25% !important;
  overflow: visible !important;
}
.insightDatatable.notificationTable table tbody tr th:nth-child(3),
.insightDatatable.notificationTable table tbody tr td:nth-child(3),
.insightDatatable.notificationTable table thead tr th:nth-child(3),
.insightDatatable.notificationTable table thead tr td:nth-child(3) {
  width: 10% !important;
}
.insightDatatable.notificationTable table tbody tr th:nth-child(4),
.insightDatatable.notificationTable table tbody tr td:nth-child(4),
.insightDatatable.notificationTable table thead tr th:nth-child(4),
.insightDatatable.notificationTable table thead tr td:nth-child(4) {
  width: 10% !important;
  padding-left: 6px !important;
}
.insightDatatable.notificationTable table tbody tr th:nth-child(4),
.insightDatatable.notificationTable table thead tr th:nth-child(4) {
  padding-left: 0px !important;
}
.insightDatatable.notificationTable table tbody tr th:nth-child(5),
.insightDatatable.notificationTable table tbody tr td:nth-child(5),
.insightDatatable.notificationTable table thead tr th:nth-child(5),
.insightDatatable.notificationTable table thead tr td:nth-child(5) {
  width: 10% !important;
  overflow: visible;
}

.notyfyBell {
  font-size: 20px !important;
  color: #7b6c8f;
}

.Notifytopspace {
  padding-top: 230px !important;
}

.notifyfilter {
  overflow: unset !important;
  padding: 21px;
  width: 100%;
  background: #3f3449 !important;
}
.notifyfilter .notifydropdown .dropdown-menu .bs-searchbox {
  background: #2d2637;
}
.notifyfilter .notifydropdown .dropdown-menu .bs-searchbox input {
  padding: 2px 6px;
  height: 25px;
}
.notifyfilter .notifydropdown .dropdown-toggle {
  background: #000 !important;
}

.tab-content .tab-pane .kpiBoxJournryLevel .kpiWidgetBig .kpiheadingRow .arrow {
  display: none;
}

.notify-selectrow {
  margin: 15px 0px 0px 0px;
}
.notify-selectrow .checkbox-left {
  float: left;
  margin-right: 10px;
}
.notify-selectrow .checkbox-left label {
  margin-bottom: 0px;
}
.notify-selectrow .checkbox-right {
  float: left;
}

.notifySearch {
  padding-top: 2px;
}

.deletealldrop .form-control {
  background: #110a1a !important;
}
.deletealldrop .form-control .dropdown-toggle {
  padding: 0px !important;
  background: #110a1a !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
  box-shadow: none !important;
  border: none !important;
  margin-top: -8px;
}
.deletealldrop .form-control .dropdown-toggle:focus, .deletealldrop .form-control .dropdown-toggle:active, .deletealldrop .form-control .dropdown-toggle:hover, .deletealldrop .form-control .dropdown-toggle:visited {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
  padding: 0px !important;
  box-shadow: none !important;
  border: none !important;
}
.deletealldrop .form-control .dropdown-toggle::after {
  font: normal normal normal 14px/1 FontAwesome;
  border: none;
  position: absolute;
  top: 13px;
  cursor: pointer;
  content: "";
  right: -10px;
  top: 5px;
}
.deletealldrop .form-control ul.dropdown-menu {
  width: 105px;
  background: #000;
  min-width: 130px;
}
.deletealldrop .form-control ul.dropdown-menu.inner {
  border: 1px solid #000;
}
.deletealldrop .form-control ul.dropdown-menu li {
  background: #26202e;
  padding: 0px;
}
.deletealldrop .form-control ul.dropdown-menu li:nth-last-child(1) a {
  border-bottom: 0px solid #000;
}
.deletealldrop .form-control ul.dropdown-menu li a {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  padding: 5px 10px;
  border-bottom: 1px solid #000;
}

.notify-pagination {
  padding-left: 52px;
  padding-right: 0px;
  padding-bottom: 80px;
}

.datepickerCustom.datepickerCustomKPI.notifyDate span.calenderIcon {
  color: #c2b8d0;
  top: 1px;
}
.datepickerCustom.datepickerCustomKPI.notifyDate .bootstrap-datetimepicker-widget {
  padding: 2px;
  margin: 0px;
  right: -220px !important;
}

.theme-light .notifyfilter {
  width: 100%;
}
.theme-light .notifyfilter .notifydropdown .dropdown-menu .bs-searchbox {
  background: #fff;
}
.theme-light .notifyfilter .notifydropdown .dropdown-toggle {
  background: #fff !important;
}
.theme-light .notifyfilter .notifydropdown .dropdown-toggle:hover, .theme-light .notifyfilter .notifydropdown .dropdown-toggle:focus, .theme-light .notifyfilter .notifydropdown .dropdown-toggle:active, .theme-light .notifyfilter .notifydropdown .dropdown-toggle:visited {
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.2) !important;
}
.theme-light .notyfyBell {
  color: #000;
}
.theme-light .insightDatatable.notificationTable table tr.creatnew.nodata {
  border: 1px solid #c5c5c5;
}
.theme-light .insightDatatable.notificationTable table tr.creatnew.nodata p {
  color: #7b6c8f;
}
.theme-light .insightDatatable.notificationTable table tr td p {
  color: #000 !important;
}
.theme-light .insightDatatable.notificationTable table tr td span.userTitleicon.rounded-icon .mark {
  border: solid 8px #c0c0c0;
}
.theme-light .insightDatatable.notificationTable table tr td span.userTitleicon.rounded-icon .mark.viewed {
  background: #92899e;
}
.theme-light .filterResult .milkyTablerowMain {
  border: 1px solid #c5c5c5 !important;
}
.theme-light .filterResult .milkyTablerowMain:hover {
  background: #fff !important;
}
.theme-light .deletealldrop .form-control {
  background: #fff !important;
}
.theme-light .deletealldrop .form-control .dropdown-toggle {
  background: #fff !important;
  box-shadow: none !important;
}
.theme-light .deletealldrop .form-control ul.dropdown-menu {
  background: #c5c5c5;
}
.theme-light .deletealldrop .form-control ul.dropdown-menu.inner {
  border: 1px solid #c5c5c5;
}
.theme-light .deletealldrop .form-control ul.dropdown-menu li {
  background: #26202e;
}
.theme-light .deletealldrop .form-control ul.dropdown-menu li:nth-last-child(1) a {
  border-bottom: 0px solid #c5c5c5;
}
.theme-light .deletealldrop .form-control ul.dropdown-menu li a {
  color: #110a1a;
  font-size: 12px;
  font-weight: 600;
  border-bottom: 1px solid #c5c5c5;
}
.theme-light .datepickerCustom.datepickerCustomKPI.notifyDate span.calenderIcon {
  color: #000;
}

.viewallnotifycontolcenter {
  background: var(--Foreground_Secondary);
  position: relative;
  margin-bottom: -5px;
  display: block;
  width: 100%;
  border-bottom-left-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}
.viewallnotifycontolcenter p {
  margin: 0px;
}
.viewallnotifycontolcenter p a {
  display: block;
  text-align: center;
  color: var(--Information);
  padding: 10px 15px !important;
  font-size: 12px !important;
}

.usermanagementheader.dbUserHeader .topnavigation li .dropdown-menu .viewallnotifycontolcenter p a {
  color: var(--Information) !important;
}
.usermanagementheader.dbUserHeader .topnavigation li .dropdown-menu .viewallnotifycontolcenter p a:hover {
  background: var(--Foreground_Secondary) !important;
}

.filternotifycontrolcenter {
  background: var(--Foreground_Tertiary);
  position: relative;
  display: block;
  width: 100%;
  padding: 5px 15px;
}
.filternotifycontrolcenter .filterrow {
  display: flex;
  justify-content: flex-end;
}
.filternotifycontrolcenter .filterrow .filter {
  padding-right: 20px;
  width: 150px;
}
.filternotifycontrolcenter .filterrow .filter .mm-select-sm.form-control .dropdown-menu {
  top: 35px !important;
  border: solid 1px var(--Foreground_Tertiary) !important;
}
.filternotifycontrolcenter .filterrow .filter .mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li {
  padding: 0px !important;
}
.filternotifycontrolcenter .filterrow .filter .mm-select-sm.form-control .dropdown-toggle {
  background: var(--Foreground_Tertiary) !important;
}
.filternotifycontrolcenter .filterrow .filter .mm-select-sm.form-control .dropdown-toggle .filter-option-inner-inner {
  color: var(--Title) !important;
}
.filternotifycontrolcenter .filterrow .markallread {
  line-height: 30px;
  font-size: 12px;
  cursor: pointer;
  color: var(--Title) !important;
  font-weight: 400;
}

.setting-row-repeat {
  display: flex;
  border-radius: 5px;
  padding-top: 8px;
  padding-bottom: 4px;
  margin-bottom: 10px !important;
  border-bottom: solid 1px var(--NewModalInnerbg);
  border-radius: 5px;
  background-color: var(--NewModalInnerbg);
}
.setting-row-repeat .main-list {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 27%;
  flex: 0 0 27%;
  max-width: 27%;
  position: relative;
}
.setting-row-repeat .main-list .accordianCheck1 label {
  padding-left: 30px !important;
}
.setting-row-repeat .main-list::before {
  content: "-";
  font-family: "FontAwesome";
  position: absolute;
  right: 30px;
  top: 5px;
  color: #c2b8d0;
}
.setting-row-repeat .settings-list-row {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 73%;
  flex: 0 0 73%;
  max-width: 73%;
  display: flex;
  flex-wrap: wrap;
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.setting-row-repeat .settings-list-row .setting-item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
  position: relative;
}
.setting-row-repeat .settings-list-row .setting-item.large {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 40%;
  flex: 0 0 40%;
  max-width: 40%;
}
.setting-row-repeat .settings-list-row .setting-item .insightFilterLabel {
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  margin-right: 0px;
  text-overflow: ellipsis;
}
.setting-row-repeat .settings-list-row .accordianCheck1 label {
  padding-left: 30px !important;
}

.mainModal .parentMapSettings.noify-settings {
  max-width: 900px;
}

.content-settings {
  font-size: 13px;
  color: var(--Title);
  margin-bottom: 9px;
  padding-bottom: 10px;
  width: 100%;
}

.mainModal .noify-settings.parentMapSettings .modal-body.pad-20 {
  padding: 20px !important;
}
.mainModal .noify-settings.parentMapSettings .modal-body .parentsMapsBody .insightsaccordion .insightFilterMenu .inSightLeftFilterBox.dimensions .innerAccordian .card:nth-last-child(1) .card-header h5 {
  margin-bottom: 10px !important;
}
.mainModal .noify-settings.parentMapSettings .modal-body .parentsMapsBody .insightsaccordion .insightFilterMenu .inSightLeftFilterBox.dimensions .innerAccordian .card .card-header h5 {
  padding-left: 10px !important;
}
.mainModal .noify-settings.parentMapSettings .modal-body .parentsMapsBody .insightsaccordion .insightFilterMenu .inSightLeftFilterBox.dimensions .card .card-header h5 {
  padding-left: 10px !important;
}

.usermanagementheader .sidenav-items ul div.notifications {
  position: relative;
  padding: 8px 10px;
  background: transparent;
  border: 1px solid transparent;
  float: left;
}
.usermanagementheader .sidenav-items ul div.notifications span.notify-icon {
  height: 32px !important;
  width: 32px !important;
  background: url(../images/notification-icon.png) no-repeat !important;
  display: block;
  padding: 2px;
}
.usermanagementheader .sidenav-items ul div.notifications .nitificationcircle {
  background: #7800ff;
  padding: 2px 6px;
  position: absolute;
  bottom: 6px;
  left: 2px;
  border-radius: 20px;
  z-index: 1;
  font-size: 8px;
  text-align: center;
  color: #fff;
}
.usermanagementheader .sidenav-items ul div.notifications .notificationListDropdown {
  background: transparent;
  border: none !important;
  padding: 0px !important;
}
.usermanagementheader .sidenav-items ul div.notifications .notificationListDropdown.show {
  display: block !important;
}

.theme-light .usermanagementheader .sidenav-items ul div.notifications .notify-icon {
  background-position: -32px 0 !important;
}
.theme-light .usermanagementheader .sidenav-items ul div.notifications .nitificationcircle {
  background: #09080a;
}

.icon-btn {
  display: inline-block;
  position: relative;
}
.icon-btn .btn {
  height: 28px;
  font-weight: 600;
  font-size: 18px !important;
  padding: 0px 0px;
  line-height: 28px;
  color: #fff;
  width: 28px;
  text-align: center;
  border-radius: 5px !important;
  background: #6F538F !important;
  color: #fff !important;
  box-shadow: 0px 2px 4px 0px #00000040 !important;
  transition: background-color 1s ease-out 50ms;
  border: 0px solid transparent;
}
.icon-btn .btn:hover {
  background: #7F669C !important;
  color: #fff !important;
  box-shadow: 0px 2px 4px 0px #00000040 !important;
}
.icon-btn .btn:active, .icon-btn .btn:focus, .icon-btn .btn:visited {
  background: #492572 !important;
  color: #fff !important;
  box-shadow: 0px 2px 4px 0px #00000040 !important;
}

.-mt-5 {
  margin-top: -5px !important;
}

.filterButtonrp .notifysettings {
  right: 15px;
  top: -50px;
  position: absolute;
}

.mt-45 {
  margin-top: 45px;
}

/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Mixins ******************/
/*------Link Widget Module-------*/
.mainModal.LinkFormModal {
  z-index: 1049 !important;
}
.mainModal .link-modal {
  max-width: 1000px;
}
.mainModal .link-modal p.infotext {
  color: var(--Input_Default);
  font-size: 13px;
  font-weight: 400;
  line-height: 22px;
}
.mainModal .link-modal h4 {
  color: var(--Title);
  font-size: 13px;
  font-weight: 700;
  line-height: 15.73px;
  margin-bottom: 15px;
}
.mainModal .link-modal .insightsBody .width-60 {
  flex: 0 0 60%;
  max-width: 60%;
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 20px;
  padding-left: 15px;
  float: left;
  border-right: solid 1px var(--Border_Bounds);
}
.mainModal .link-modal .insightsBody .width-60.link-new-left {
  flex: 0 0 220px;
  max-width: 220px;
}
.mainModal .link-modal .insightsBody .width-60 .width1 {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}
.mainModal .link-modal .insightsBody .width-60 .width1 .disc {
  cursor: pointer;
}
.mainModal .link-modal .insightsBody .width-60 .width1 .disc p {
  font-size: 12px;
  line-height: 20px;
  color: #c2b8d0;
  margin: 0px;
}
.mainModal .link-modal .insightsBody .width-40 {
  flex: 0 0 40% !important;
  max-width: 40% !important;
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 0px !important;
  padding-left: 20px !important;
  float: left;
}
.mainModal .link-modal .insightsBody .width-40.link-new-right {
  flex: 0 0 740px !important;
  max-width: 740px !important;
}
.mainModal .link-modal .insightsBody .width-40 .link-cslist .insightpopbox .col-3 {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0px;
  margin: 0px !important;
}
.mainModal .link-modal .insightsBody .width-40 .link-cslist .cs-inner-div {
  margin-right: -1.66%;
  margin-left: -1.66%;
}
.mainModal .link-modal .insightsBody .width-40 .link-cslist .cs-inner-div .customlistdiv {
  float: left;
  width: 30%;
  margin-right: 1.6%;
  margin-left: 1.6%;
}
.mainModal .link-modal.hierarchyModal {
  max-width: 810px !important;
}
.mainModal .link-modal.hierarchyModal .insightsBody .width-60.link-new-left {
  flex: 0 0 300px;
  max-width: 300px;
}
.mainModal .link-modal.hierarchyModal .insightsBody .width-40.link-new-right {
  flex: 0 0 500px !important;
  max-width: 500px !important;
}

.motData.linkwidgetData {
  display: inline-block;
  width: 100%;
}
.motData.linkwidgetData .linkurltext,
.motData.linkwidgetData .linktext {
  font-size: 12px;
}
.motData.linkwidgetData .linkurltext {
  line-height: 24px;
  float: left;
}
.motData.linkwidgetData .linkurltext.durationlabel span.text {
  border-bottom: solid 1px transparent;
}
.motData.linkwidgetData .linkurltext.durationlabel span.text:hover {
  border-bottom: solid 1px transparent;
}
.motData.linkwidgetData .linkurltext span.text {
  float: left;
  max-width: calc(100% - 30px);
  margin: 0 !important;
  font-weight: 600;
  margin-right: 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border-bottom: solid 1px transparent;
}
.motData.linkwidgetData .linkurltext span.text:hover {
  border-bottom: solid 1px #fff;
}
.motData.linkwidgetData .linkurltext span.icon {
  padding: 5px;
  float: left;
  background: var(--Background_Secondary);
  width: 24px;
  height: 24px;
  border-radius: 5px;
  line-height: 14px;
  text-align: center;
  font-size: 14px;
  margin-right: 5px;
}
.motData.linkwidgetData .linkurltext span.link {
  float: left;
  padding-left: 5px;
  margin: 0 !important;
}
.motData.linkwidgetData .linkimg {
  float: left;
  width: 100%;
}
.motData.linkwidgetData .linkimg .addImage {
  height: auto !important;
  border: 0px solid #000 !important;
}
.motData.linkwidgetData .linkimg .addImage img {
  object-fit: cover;
}
.motData.linkwidgetData .linkimg .addImage img.link-widget-img {
  object-fit: cover;
}
.motData.linkwidgetData .linkimg .mediaddImage {
  background: transparent !important;
  max-height: 150px;
  min-height: 100%;
  height: 7vw !important;
}
.motData.linkwidgetData .linktext {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  float: left;
  width: 100%;
}
.motData.linkwidgetData .linktext.duration {
  font-size: 11px;
  -webkit-line-clamp: 2;
}
.motData.linkwidgetData .linktext p {
  margin: 0px;
  padding: 0px;
}
.motData.linkwidgetData .customFieldGlobalblock {
  display: inline-block;
}
.motData.linkwidgetData .durationdata {
  display: inline-block;
}
.motData.linkwidgetData .durationdata h5 {
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 0px;
}
.motData.linkwidgetData .durationdata .data {
  font-size: 18px;
}

.insightwidgetBoxMain .motWidget.linkWidget .insightControls {
  z-index: 1;
}
.insightwidgetBoxMain .motWidget.linkWidget .widgetBox.ghost {
  position: relative;
  z-index: 1;
}
.insightwidgetBoxMain .motWidget.linkWidget .widgetBox.ghost::after {
  position: absolute;
  left: 0px;
  right: 0px;
  content: "";
  margin: 0 auto;
  text-align: center;
  z-index: 2;
  background: rgba(120, 0, 255, 0.8);
  height: 100%;
  top: 0px;
  bottom: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: FontAwesome;
  font-size: 39px;
  color: #fff;
}

.linkWidget .linknewwidget {
  padding: 0px !important;
}
.linkWidget .linknewwidget .linkimg .addImage {
  border: 0px solid #000 !important;
}
.linkWidget .linknewwidget .linkimg .addImage img {
  object-fit: cover;
}
.linkWidget .linknewwidget .linkimg .addImage img.link-widget-img {
  object-fit: cover;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.linkWidget .linknewwidget .linkurltext,
.linkWidget .linknewwidget .linktext,
.linkWidget .linknewwidget .customFieldGlobalblock,
.linkWidget .linknewwidget .mapurllink {
  padding-left: 15px !important;
  padding-right: 15px !important;
  float: left;
  width: 100%;
}
.linkWidget .linknewwidget .mapurllink .text-block {
  background: var(--Foreground_Secondary);
  border-radius: 6px;
  padding: 10px;
}
.linkWidget .linknewwidget .mapurllink .text-block p {
  font-size: 12px;
  margin: 0px;
}
.linkWidget .linknewwidget .mapurllink .text-block p.headurl {
  color: var(--Input_Default) !important;
  font-weight: 600 !important;
  font-size: 13px;
}
.linkWidget .linknewwidget .mapurllink .text-block p.url-link {
  color: var(--Information);
}
.linkWidget .linknewwidget .mb-5 {
  margin-bottom: 5px !important;
}

.theme-light .motData.linkwidgetData .linkimg .addImage {
  border: 1px solid #c5c5c5 !important;
}
.theme-light .mainModal .link-modal .insightsBody .width-60 .width1 .disc p {
  color: #000;
}
.theme-light .motData.linkwidgetData .linkurltext span.text:hover {
  border-bottom: solid 1px #110a1a;
}
.theme-light .motData.linkwidgetData .linkurltext.durationlabel span.text:hover {
  border-bottom: solid 1px transparent;
}
.theme-light .timeduration.selectArrowMain .bootstrap-select.form-control .dropdown-toggle {
  box-shadow: none !important;
}

.links-icon-img-maps .row .img-box {
  flex: 0 0 85px;
  max-width: 85px;
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  box-sizing: border-box;
  float: left;
  margin-left: 5px;
}
.links-icon-img-maps .row .img-box .mediaddImage.actionmedia {
  width: 80px;
  height: 80px;
  border: dashed 1px var(--Border_Divider) !important;
  background-color: var(--Background_Secondary) !important;
  box-shadow: none !important;
}
.links-icon-img-maps .row .img-box .mediaddImage.actionmedia iframe {
  border-radius: 5px !important;
}
.links-icon-img-maps .row .img-box .mediaddImage.actionmedia .deleteepisodeImage {
  visibility: hidden;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  color: var(--Title);
}
.links-icon-img-maps .row .img-box .mediaddImage.actionmedia.addImage:hover .deleteepisodeImage {
  visibility: visible;
}
.links-icon-img-maps .row .img-box .mediaddImage.actionmedia .mediaimageInner {
  background: none !important;
  box-shadow: none !important;
}
.links-icon-img-maps .row .img-box .mediaddImage.actionmedia .mediaimageInner label .media-icon {
  background: none !important;
  height: 30px;
  width: 30px;
  cursor: pointer;
  font-size: 30px;
  color: var(--Title);
}
.links-icon-img-maps .row .icon-box {
  flex: 0 0 80px;
  max-width: 80px;
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 0px;
  float: left;
  box-sizing: border-box;
}
.links-icon-img-maps .row .maps-box {
  flex: 0 0 380px;
  max-width: 380px;
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  float: left;
}
.links-icon-img-maps .row .maps-box .map-block {
  width: 100%;
  height: 80px;
  border: solid 1px var(--Border_Divider) !important;
  background-color: var(--Background_Secondary) !important;
  border-radius: 5px;
  padding: 0px;
  box-sizing: border-box;
  display: flex;
}
.links-icon-img-maps .row .maps-box .map-block.linkwidget {
  padding: 10px;
  margin-left: 5px;
}
.links-icon-img-maps .row .maps-box .map-block p.link-journey-head {
  font-size: 10px;
  font-weight: 500;
  line-height: 14.52px;
  margin: 0px;
  color: var(--Input_Default);
}
.links-icon-img-maps .row .maps-box .map-block h5 {
  font-size: 12px;
  font-weight: 600;
  line-height: 14.52px;
  color: var(--Title);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.links-icon-img-maps .row .maps-box .map-block h5 p {
  font-size: 12px;
  font-weight: 600;
  line-height: 14.52px;
  color: var(--Title);
}
.links-icon-img-maps .row .maps-box .map-block .journey-img {
  flex: 0 0 80px;
  max-width: 80px;
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 0px;
  float: left;
  margin-right: 10px;
  background-color: var(--Background_Quartenary) !important;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.links-icon-img-maps .row .maps-box .map-block .journey-img .mediaddImage.actionmedia {
  width: 80px;
  height: 78px;
  background-color: var(--Background_Quartenary) !important;
  box-shadow: none !important;
  border: 0px solid #c5c5c5 !important;
}
.links-icon-img-maps .row .maps-box .map-block .journey-img .mediaddImage.actionmedia img {
  border-radius: 3px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  background-color: var(--Background_Quartenary) !important;
}
.links-icon-img-maps .row .maps-box .map-block .journey-text {
  float: left;
  flex: 0 0 265px;
  max-width: 265px;
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 0px;
}

.icon-url {
  position: relative;
  padding-left: 20px;
  color: var(--Information) !important;
  font-size: 13px;
  font-weight: 400;
}
.icon-url .link-icon {
  position: absolute;
  width: 25px;
  height: 25px;
  left: 0px !important;
}
.icon-url .link-icon img {
  width: 12px;
  margin-top: -2px;
}
.icon-url u {
  text-decoration: none !important;
  cursor: pointer;
  padding-bottom: 3px;
  border-bottom: solid 1px transparent;
  word-wrap: break-word;
}
.icon-url u:hover {
  border-bottom: solid 1px var(--Information) !important;
}

.mm-icon-block {
  width: 80px;
  height: 80px;
  border: dashed 1px var(--Border_Divider) !important;
  background-color: var(--Background_Secondary) !important;
  border-radius: 5px;
  display: flex;
  text-align: center;
  position: relative;
}
.mm-icon-block .add-plus {
  height: 30px;
  width: 30px;
  cursor: pointer;
  font-size: 30px;
}
.mm-icon-block .preview-icon-box {
  width: 80px;
  height: 80px;
  line-height: 70px;
  padding: 5px;
  box-sizing: border-box;
  display: block;
}
.mm-icon-block .preview-icon-box .preview-icon {
  font-size: 40px;
}
.mm-icon-block .delete-icon-box {
  visibility: hidden;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  color: var(--Title);
  width: 24px !important;
  height: 24px !important;
  line-height: 22px;
  background: var(--Iconbg) !important;
  border: solid 1px var(--Iconborder) !important;
  border-radius: 3px !important;
}
.mm-icon-block .delete-icon-box:hover {
  background-color: #B11E27 !important;
  border: solid 1px #B11E27 !important;
  color: #fff !important;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
}
.mm-icon-block .delete-icon-box:hover i {
  color: #fff !important;
}
.mm-icon-block:hover .delete-icon-box {
  visibility: visible;
}

/*------Timeline Widget Module-------*/
.mainModal.TimelineFormModal .link-modal {
  max-width: 575px;
}

.timeduration.selectArrowMain .bootstrap-select.form-control {
  background: #110a1a !important;
  border-radius: 0px;
  padding: 0 !important;
}
.timeduration.selectArrowMain .bootstrap-select.form-control .dropdown-toggle::after {
  border: none !important;
}
.timeduration.selectArrowMain .bootstrap-select.form-control .dropdown-toggle .filter-option {
  margin-top: 0 !important;
}
.timeduration.selectArrowMain .bootstrap-select.form-control .dropdown-menu {
  top: 0px !important;
  left: 0 !important;
}

.m-b-5 {
  margin-bottom: 5px;
}

/*------Tabs Action menu Changes-------*/
.tabs-actionmenu.custom-tabs .nav-tabs {
  padding-top: 28px;
}
.tabs-actionmenu.custom-tabs .nav-tabs li.nav-item a.nav-link {
  padding: 10px 0 10px 0 !important;
}
.tabs-actionmenu.custom-tabs .nav-tabs li.nav-item .custom-tab-3dotsmenu {
  width: 23px;
  height: 29px;
  top: 8px !important;
  right: 15px !important;
}
.tabs-actionmenu.custom-tabs .nav-tabs li.nav-item .custom-tab-3dotsmenu .dropdown span {
  width: 23px;
  height: 23px;
}
.tabs-actionmenu.custom-tabs .nav-tabs li.nav-item .custom-tab-3dotsmenu .dropdown span img {
  margin: 5px 10px;
}
.tabs-actionmenu.custom-tabs .nav-tabs li.nav-item .custom-tab-3dotsmenu .dropdown .dropdown-toggle {
  width: 100%;
  height: 23px;
  text-align: right;
}
.tabs-actionmenu.custom-tabs .nav-tabs li.nav-item .custom-tab-3dotsmenu .dropdown .dropmenu-tabs {
  right: 0 !important;
  top: 29px !important;
  min-width: 110px;
  max-width: 110px;
}
.tabs-actionmenu.custom-tabs .nav-tabs li.scroll-arrow {
  height: 25px;
  bottom: 5px;
}
.tabs-actionmenu.custom-tabs .nav-tabs li.scroll-arrow span {
  margin-top: 0;
}
.tabs-actionmenu.custom-tabs .nav-tabs .vue-horizontal .v-hl-container li:nth-child(1) .custom-tab-3dotsmenu .dropdown .dropmenu-tabs {
  right: auto !important;
  left: 0 !important;
}

.journeylist-block {
  padding: 0;
  background: var(--Foreground_Primary);
  border: solid 0px var(--Border_Divider) !important;
  overflow-x: hidden;
  overflow-y: hidden;
  border-radius: 5px;
}
.journeylist-block section {
  background: var(--Foreground_Primary) !important;
}
.journeylist-block section.sidemenu {
  max-width: 100%;
  margin: 0 !important;
}
.journeylist-block section.sidemenu .card {
  background: var(--Foreground_Primary) !important;
  border: none !important;
}
.journeylist-block section.sidemenu .card .bdrtophead {
  border-top: solid 0px var(--Border_Divider) !important;
}
.journeylist-block section.sidemenu .m-slidebar-height {
  height: auto !important;
}
.journeylist-block section.sidemenu .m-slidebar-height .insightsaccordion .insightFilterMenu ul li .card-header {
  padding: 0 !important;
}
.journeylist-block section.sidemenu .m-slidebar-height .insightsaccordion .insightFilterMenu ul li .card-header.headerMain {
  display: none;
}
.journeylist-block section.sidemenu .m-slidebar-height .insightsaccordion .insightFilterMenu ul li .card-body {
  padding: 0 !important;
}
.journeylist-block section.sidemenu .m-slidebar-height .insightsaccordion .insightFilterMenu ul li .card-body .insightJournySearch .global-search-sm {
  width: 290px;
}
.journeylist-block section.sidemenu .m-slidebar-height .insightsaccordion .insightFilterMenu ul li .card-body .inSightLeftFilterBox .card-header {
  border: none !important;
  background-color: transparent !important;
}
.journeylist-block section.sidemenu .m-slidebar-height .insightsaccordion .insightFilterMenu ul li .card-body .inSightLeftFilterBox .card-header h5.mb-0 > a:after {
  content: "";
  font-family: "FontAwesome";
  position: absolute;
  right: 15px;
  top: 10px;
}
.journeylist-block section.sidemenu .m-slidebar-height .insightsaccordion .insightFilterMenu ul li .card-body .inSightLeftFilterBox .card-header h5.mb-0 > a[aria-expanded=true]:after {
  content: "";
}
.journeylist-block section.sidemenu .m-slidebar-height .insightsaccordion .insightFilterMenu ul li .card-body .inSightLeftFilterBox .card-header h5.mb-0 > a[aria-expanded=false]:after {
  content: "";
}
.journeylist-block section.sidemenu .m-slidebar-height .insightsaccordion .insightFilterMenu ul li .card-body .inSightLeftFilterBox .card-header h5 span.filterInSightcheckLevel {
  top: 10px !important;
}
.journeylist-block section.sidemenu .m-slidebar-height .insightsaccordion .insightFilterMenu ul li .card-body .inSightLeftFilterBox .menulevelone,
.journeylist-block section.sidemenu .m-slidebar-height .insightsaccordion .insightFilterMenu ul li .card-body .inSightLeftFilterBox .menuleveltwo {
  padding-left: 26px;
  font-size: 13px;
}
.journeylist-block section.sidemenu .m-slidebar-height .insightsaccordion .insightFilterMenu ul li .card-body .inner-tooltip {
  max-width: calc(100% - 50px);
}

.mainModal .journeymapslist {
  max-width: 600px;
}
.mainModal .journeymapslist .modal-body {
  margin-bottom: 15px !important;
  padding: 15px 0px 0px 0px !important;
}

.link-icon-hierarchy {
  cursor: pointer;
}
.link-icon-hierarchy img {
  width: 15px;
  height: 15px;
}

/*************** 1. Imports ******************/
/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Mixins ******************/
.upload-docsglobal {
  padding: 15px;
  border: dashed 1px var(--Border_Divider);
  font-size: 13px;
  font-weight: 600;
  color: var(--Input_Default);
  text-align: center;
  cursor: pointer;
  background: var(--Background_Secondary);
  border-radius: 5px;
}

.docsglobal-list {
  width: 100%;
  display: block;
}
.docsglobal-list ul {
  margin: 0px;
  padding: 0px;
}
.docsglobal-list ul li {
  display: flex;
  width: 100%;
  position: relative;
  background: var(--Foreground_Secondary);
  padding: 10px 30px 10px 50px;
  border-radius: 5px;
  margin-bottom: 7px;
  flex-wrap: wrap;
  line-height: normal !important;
  margin-left: 0px !important;
}
.docsglobal-list ul li h4 {
  font-size: 13px;
  font-weight: 600;
  color: var(--Title);
  margin: 0px;
  width: 100%;
  padding: 8px 0px;
}
.docsglobal-list ul li p {
  font-size: 10px;
  font-weight: 500;
  color: var(--Input_Default);
  margin: 0px;
  width: 100%;
  line-height: 14px;
}
.docsglobal-list ul li .file-type-icon {
  position: absolute;
  width: 32px;
  height: 32px;
  border-radius: 3px;
  background: var(--Foreground_Primary);
  top: 10px;
  left: 10px;
}
.docsglobal-list ul li .file-type-icon img {
  width: 24px;
  height: 24px;
  margin: 4px;
}
.docsglobal-list ul li .delete {
  position: absolute;
  width: 32px;
  height: 32px;
  text-align: center;
  right: 3px;
  top: 10px;
  background: var(--Foreground_Secondary);
  border-radius: 3px;
  font-size: 20px;
  line-height: 30px;
  font-weight: 300;
  cursor: pointer;
  visibility: hidden;
}
.docsglobal-list ul li .download {
  position: absolute;
  width: 32px;
  height: 32px;
  text-align: center;
  right: 3px;
  font-size: 20px;
  line-height: 30px;
  font-weight: 300;
  cursor: pointer;
}
.docsglobal-list ul li .download img {
  height: 17px;
}
.docsglobal-list ul li:hover .delete {
  visibility: visible;
}

.save-glabal-input {
  position: relative;
  width: 100%;
  display: block;
}
.save-glabal-input .save {
  position: absolute;
  right: 5px;
  background: #7F669C;
  border-radius: 3px;
  color: #fff;
  padding: 5px 10px;
  font-size: 11px;
  line-height: 10px;
  top: 5px;
  cursor: pointer;
}

.persona-profile {
  height: 180px;
  border-radius: 50% !important;
  width: 180px;
  box-shadow: none !important;
  background: url("/bundles/admin/images/zeroState_persona-Big-New.svg") var(--Background_Secondary) no-repeat !important;
  background-size: 180px 180px !important;
  border: dashed 1px var(--Border_Divider) !important;
}
.persona-profile.personaUploadIcon .mediaimageInner {
  margin-left: 40px;
  z-index: 6;
  visibility: hidden;
}
.persona-profile.personaUploadIcon .greybg {
  background: rgba(0, 0, 0, 0.5);
  width: 180px;
  height: 180px;
  z-index: 5;
  position: absolute;
  border-radius: 50%;
  visibility: hidden;
}
.persona-profile.personaUploadIcon:hover .mediaimageInner {
  visibility: visible;
}
.persona-profile.personaUploadIcon:hover .deleteepisodeImage {
  visibility: visible;
}
.persona-profile.personaUploadIcon:hover .greybg {
  visibility: visible;
}
.persona-profile img.personaProfileImage {
  position: absolute;
  height: 178px;
  width: 178px;
  top: 0;
  border-radius: 50%;
  z-index: 1;
}
.persona-profile span.deleteepisodeImage {
  position: absolute;
  bottom: 50%;
  right: 50%;
  cursor: pointer;
  z-index: 6;
  visibility: hidden;
  width: 24px;
  height: 24px;
  margin-bottom: -12px;
  margin-right: -12px;
  line-height: 22px;
  padding: 0px;
  font-size: 16px;
  border-radius: 3px;
  background: var(--Iconbg) !important;
  border: solid 1px var(--Iconborder) !important;
  color: var(--Title) !important;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
}
.persona-profile span.deleteepisodeImage:hover {
  background-color: #B11E27 !important;
  border: solid 1px #B11E27 !important;
  color: #fff !important;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
}
.persona-profile .mediaimageInner {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 30px;
  bottom: 0px;
  border-radius: 50%;
  box-shadow: none !important;
  line-height: 30px;
  font-size: 17px;
  cursor: pointer;
  padding: 0px !important;
}
.persona-profile .mediaimageInner span.plusicon {
  width: 30px;
  height: 30px;
  cursor: pointer;
  display: block;
}
.persona-profile .mediaimageInner label .media-icon {
  height: 20px;
  width: 20px;
}

.theme-light .persona-profile.mediaddImage {
  background: url("/bundles/admin/images/zeroState_persona-Big-New-w.svg") var(--Background_Secondary) no-repeat !important;
  background-size: 180px 180px !important;
  box-shadow: none !important;
  border: dashed 1px var(--Border_Divider) !important;
}

.persona-profile-view {
  height: 133px;
  border-radius: 50% !important;
  width: 133px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
}
.persona-profile-view.personaUploadIcon .mediaimageInner {
  margin-left: 40px;
  z-index: 6;
  visibility: hidden;
}
.persona-profile-view.personaUploadIcon .greybg {
  background: rgba(0, 0, 0, 0.5);
  width: 133px;
  height: 133px;
  z-index: 5;
  position: absolute;
  border-radius: 50%;
  visibility: hidden;
}
.persona-profile-view.personaUploadIcon:hover .mediaimageInner {
  visibility: visible;
}
.persona-profile-view.personaUploadIcon:hover .deleteepisodeImage {
  visibility: visible;
}
.persona-profile-view.personaUploadIcon:hover .greybg {
  visibility: visible;
}
.persona-profile-view img.personaProfileImage {
  position: absolute;
  height: 133px;
  width: 133px;
  top: 0;
  border-radius: 50%;
  z-index: 1;
}
.persona-profile-view span.deleteepisodeImage {
  position: absolute;
  bottom: 55px;
  right: 35px;
  cursor: pointer;
  z-index: 6;
  padding: 4px 9px;
  visibility: hidden;
}
.persona-profile-view .mediaimageInner {
  width: 30px;
  height: 30px;
}
.persona-profile-view .mediaimageInner label .media-icon {
  height: 20px;
  width: 20px;
}

.bottom-border {
  border-bottom: solid 1px var(--Border_Divider);
  padding: 20px 0px;
  margin-bottom: 20px !important;
}

.global-data-view {
  border-bottom: solid 1px var(--Border_Divider);
  margin-bottom: 20px;
  padding: 0px 0px 20px 0px;
}
.global-data-view h5 {
  font-size: 15px;
  font-weight: 700;
  color: var(--Title);
  margin-bottom: 15px;
}
.global-data-view h6 {
  font-size: 14px;
  font-weight: 600;
  color: var(--Input_Default);
  margin-bottom: 10px;
}
.global-data-view ul {
  margin: 0px;
  padding: 0px;
  display: block;
  width: 100%;
}
.global-data-view ul li {
  font-size: 12px;
  font-weight: 400;
  color: var(--Title);
  list-style-type: disc;
  line-height: 22px;
  margin-left: 15px;
}
.global-data-view ul.global-cslist li {
  position: relative;
  padding-left: 25px;
  list-style-type: none;
  margin-left: 0px;
}
.global-data-view ul.global-cslist li span.cscoloricon {
  position: absolute;
  left: 0px;
  top: 0px;
}
.global-data-view p {
  font-size: 12px;
  font-weight: 400;
  color: var(--Title);
  line-height: 20px;
  margin-left: 0px;
  margin-bottom: 0px;
}
.global-data-view p.new-owner-icon {
  position: relative;
  padding-left: 25px;
}
.global-data-view p.new-owner-icon .owner-img {
  width: 17px;
  height: 17px;
  border-radius: 50%;
  display: block;
  background: #64d3b2;
  color: #000;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 700;
  position: absolute;
  left: 0px;
  text-align: center;
  line-height: 17px;
}
.global-data-view p.new-owner-icon .owner-img img {
  width: 17px;
  height: 17px;
  border-radius: 50%;
}
.global-data-view p.persona-group-icon {
  position: relative;
  padding-left: 25px;
  list-style-type: none;
  margin-left: 0px;
}
.global-data-view p.persona-group-icon span.cscoloricon {
  position: absolute;
  left: 0px;
  top: 0px;
}
.global-data-view .brands-view ul {
  margin: 0px;
}
.global-data-view .brands-view ul li {
  list-style-type: none;
  position: relative;
  margin-bottom: 3px;
  line-height: 25px !important;
  font-size: 13px;
  font-weight: 400;
  margin: 0px 0px 7px 0px;
  color: var(--Title);
  display: flex;
}
.global-data-view .brands-view ul li span {
  align-items: center;
}
.global-data-view .brands-view ul li span:nth-child(1) {
  width: 40px;
  height: 25px;
  background: #bcbcbc;
  display: inline-block;
  border-radius: 3px;
  position: absolute;
  line-height: 25px;
}
.global-data-view .brands-view ul li span:nth-child(1) img {
  object-fit: cover;
  padding: 2px;
  border-radius: 3px;
  height: 100%;
  width: 100%;
  float: left;
}
.global-data-view .brands-view ul li span:nth-child(2) {
  width: 100%;
  min-height: 25px;
  position: relative;
  padding-left: 50px;
  display: block;
  line-height: 25px;
}
.global-data-view .brands-view ul li span:nth-child(2) p {
  line-height: 25px;
}
.global-data-view .brands-view ul li span:nth-child(2) p span {
  width: auto;
  height: auto;
  background: transparent !important;
  display: inline-block !important;
  border-radius: 0px;
  position: relative;
}

.modal-body .global-data-view:nth-last-child(1) {
  border-bottom: solid 0px var(--Border_Divider);
}

.global-component-box .brands-create ul {
  margin-left: -5px;
  margin-right: -5px;
}
.global-component-box .brands-create ul li {
  list-style-type: none;
  position: relative;
  margin-bottom: 3px;
  line-height: 25px !important;
  font-size: 13px;
  font-weight: 400;
  margin: 0px 0px 7px 0px;
  color: var(--Title);
  display: flex;
  width: 50%;
  float: left;
  padding: 0px 5px;
}
.global-component-box .brands-create ul li .block-dimensionlist {
  background: var(--Foreground_Secondary);
  border: solid 1px var(--Border_Divider);
  display: flex;
  width: 100%;
  padding: 5px;
  border-radius: 5px;
  position: relative;
}
.global-component-box .brands-create ul li .block-dimensionlist span {
  align-items: center;
}
.global-component-box .brands-create ul li .block-dimensionlist span:nth-child(1) {
  width: 40px;
  height: 25px;
  background: #bcbcbc;
  display: inline-block;
  border-radius: 3px;
  position: absolute;
  line-height: 25px;
}
.global-component-box .brands-create ul li .block-dimensionlist span:nth-child(1) img {
  object-fit: cover;
  padding: 2px;
  border-radius: 3px;
  height: 100%;
  width: 100%;
  float: left;
}
.global-component-box .brands-create ul li .block-dimensionlist span:nth-child(2) {
  width: 100%;
  min-height: 25px;
  position: relative;
  padding-left: 50px;
  display: block;
  line-height: 25px;
}
.global-component-box .brands-create ul li .block-dimensionlist span:nth-child(2) p {
  line-height: 25px;
  margin: 0px !important;
}
.global-component-box .brands-create ul li .block-dimensionlist span.delete {
  visibility: hidden;
  position: absolute;
  width: 30px;
  height: 30px;
  text-align: center;
  right: 2px;
  top: 2px;
  background: var(--Foreground_Tertiary);
  border-radius: 3px;
  font-size: 20px;
  line-height: 26px;
  font-weight: 300;
}
.global-component-box .brands-create ul li .block-dimensionlist:hover {
  background: var(--Foreground_Tertiary);
}
.global-component-box .brands-create ul li .block-dimensionlist:hover span.delete {
  visibility: visible !important;
  cursor: pointer;
}

.personas-full-page {
  padding-left: 52px;
  padding-right: 52px;
}

.persona-widgets-block,
.tabs-full-width {
  width: 100% !important;
}

.tabs-full-width {
  margin-bottom: 20px !important;
}

.persona-card-block {
  display: flex !important;
  flex-wrap: wrap;
  margin-left: -10.5px;
  margin-right: -10.5px;
}
.persona-card-block .persona-card {
  position: relative;
  width: 100%;
  min-height: 345px;
  padding-right: 10.5px;
  padding-left: 10.5px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.666%;
  flex: 0 0 16.666%;
  max-width: 16.666%;
  margin-bottom: 20px;
}
@media (min-width: 1225px) and (max-width: 1450px) {
  .persona-card-block .persona-card {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
}
@media (min-width: 1451px) and (max-width: 1750px) {
  .persona-card-block .persona-card {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}
@media (min-width: 1751px) and (max-width: 2100px) {
  .persona-card-block .persona-card {
    -ms-flex: 0 0 16.666%;
    flex: 0 0 16.666%;
    max-width: 16.666%;
  }
}
@media (min-width: 2101px) and (max-width: 2400px) {
  .persona-card-block .persona-card {
    -ms-flex: 0 0 14.285%;
    flex: 0 0 14.285%;
    max-width: 14.285%;
  }
}
@media (min-width: 2401px) and (max-width: 2700px) {
  .persona-card-block .persona-card {
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
}
@media (min-width: 2701px) and (max-width: 3000px) {
  .persona-card-block .persona-card {
    -ms-flex: 0 0 11.11%;
    flex: 0 0 11.11%;
    max-width: 11.11%;
  }
}
@media (min-width: 3001px) and (max-width: 3300px) {
  .persona-card-block .persona-card {
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    max-width: 10%;
  }
}
@media (min-width: 3301px) and (max-width: 3500px) {
  .persona-card-block .persona-card {
    -ms-flex: 0 0 9.0909%;
    flex: 0 0 9.0909%;
    max-width: 9.0909%;
  }
}
@media (min-width: 3501px) and (max-width: 3800px) {
  .persona-card-block .persona-card {
    -ms-flex: 0 0 8.3333%;
    flex: 0 0 8.3333%;
    max-width: 8.3333%;
  }
}
@media (min-width: 3801px) and (max-width: 6000px) {
  .persona-card-block .persona-card {
    -ms-flex: 0 0 7.6923076923%;
    flex: 0 0 7.6923076923%;
    max-width: 7.6923076923%;
  }
}
.persona-card-block .persona-card .personanewWidgetBig .persona-top .arrow {
  display: none !important;
}
.persona-card-block .persona-card.persona-create-box .personaWidgetBig {
  height: 100%;
  width: 100%;
}

.personanewWidgetBig {
  width: 100%;
  background: var(--Foreground_Primary);
  border-radius: 10px;
  float: left;
  position: relative;
  cursor: pointer;
  border: 1px solid var(--Border_Divider);
  height: 100%;
  box-shadow: 0px 2px 4px 0px #00000029;
}
.personanewWidgetBig.createNew {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px dashed var(--Border_Bounds) !important;
  background: transparent !important;
}
.personanewWidgetBig.createNew:hover {
  border: 1px dashed #7800ff !important;
}
.personanewWidgetBig .persona-middle {
  padding: 15px 15px 30px 15px;
}
.personanewWidgetBig .persona-middle .profileImg {
  width: 100%;
  height: auto;
  border-radius: 5px;
  margin-bottom: 10px;
  margin-left: 0px;
}
.personanewWidgetBig .persona-middle .profileImg div {
  height: 100%;
  width: 100%;
}
.personanewWidgetBig .persona-middle .profileImg img {
  width: 100%;
  height: 100%;
  border-radius: 5px;
  margin-left: 0px;
  box-shadow: none !important;
}
.personanewWidgetBig .persona-middle .persona-data h4 {
  font-size: 13px;
  font-weight: 700;
  color: var(--Title);
  margin: 0px;
  text-align: left;
}
.personanewWidgetBig .persona-middle .persona-data h5 {
  font-size: 11px;
  font-weight: 600;
  color: var(--Subtitle);
  margin: 0px 0px 10px 0px;
  text-align: left;
}
.personanewWidgetBig .persona-middle .persona-data div.quote {
  font-size: 10px;
  font-weight: 400;
  color: var(--Body);
  margin: 0px 0px 10px 0px;
  font-style: italic;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* number of lines to show */
  line-clamp: 2;
  -webkit-box-orient: vertical;
  text-align: left;
}
.personanewWidgetBig .persona-middle .persona-data div.quote p {
  margin: 0px;
}
.personanewWidgetBig .persona-middle .persona-data p.troits {
  font-size: 10px;
  font-weight: 500;
  color: var(--Subtitle);
  margin: 0px 0px 10px 0px;
}
.personanewWidgetBig .persona-middle .custmoerJourneyBox {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}
.personanewWidgetBig .persona-middle .custmoerJourneyBox .icon {
  background: var(--Background_Secondary);
  padding: 3px 15px;
  font-size: 11px;
  display: inline-block;
  border-radius: 11px;
  margin: 0px 2.5px;
}
.personanewWidgetBig .persona-middle .custmoerJourneyBox .icon img {
  width: 13px;
  vertical-align: middle;
}
.personanewWidgetBig .persona-middle .custmoerJourneyBox .icon .number {
  float: right;
  padding-left: 5px;
}
.personanewWidgetBig .persona-bottom {
  position: absolute;
  height: 25px;
  width: 100%;
  bottom: 5px;
}
.personanewWidgetBig .persona-bottom .bottom-block {
  display: flex;
  padding: 5px 0px 0px 0px;
  margin: 0px 15px;
  color: var(--Caption);
  font-size: 11px;
  font-weight: 400;
  border-top: solid 1px var(--Border_Divider);
}
.personanewWidgetBig .persona-bottom .bottom-block .userdata {
  width: 48%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.personanewWidgetBig .persona-bottom .bottom-block .userdata img {
  width: 10px;
  margin-right: 3px;
}
.personanewWidgetBig .persona-bottom .bottom-block .date {
  width: 100%;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.personanewWidgetBig .persona-bottom .bottom-block .date img {
  width: 9px;
  margin-right: 3px;
  margin-top: -3px;
}
.personanewWidgetBig .persona-top {
  background: var(--Foreground_Secondary);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.personanewWidgetBig .persona-top .persona-heading {
  padding-left: 25px;
  padding-right: 40px;
  color: var(--Title);
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 30px;
}
.personanewWidgetBig .persona-top .our-icon {
  position: absolute;
  right: 30px;
  top: 3px;
  background: #28CD41;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  text-align: center;
  line-height: 20px;
}
.personanewWidgetBig .persona-top .our-icon img {
  width: 16px;
}
.personanewWidgetBig .persona-top .arrow {
  position: absolute;
  width: 25px;
  left: 0px;
  top: 0px;
  color: var(--Title);
  text-align: center;
  visibility: hidden;
  height: 30px;
  line-height: 30px;
}
.personanewWidgetBig:hover .persona-top .arrow {
  visibility: visible;
}
.personanewWidgetBig:hover .m-3dots-menu.persona {
  visibility: visible;
}

.m-3dots-menu.persona {
  position: absolute;
  right: 3px;
  top: 3px;
  visibility: hidden;
}
.m-3dots-menu.persona .dropdown-menu {
  left: -80px !important;
  transform: translate3d(-70px, 4px, 0px) !important;
  min-width: 140px;
}
.m-3dots-menu.persona .dropdown-toggle {
  padding: 0px;
  width: 24px;
  height: 24px;
}

.personalist-new.personaMainBox {
  width: 100%;
  margin: 0px;
}
.personalist-new.personaMainBox .persona-card-block .persona-card {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}

.overflow-y {
  overflow-y: auto !important;
}

.persona-card-block.groups {
  display: block !important;
  flex-wrap: unset !important;
  margin-left: 0px;
  margin-right: 0px;
}
.persona-card-block .persona-group-header {
  display: flex !important;
  width: 100%;
  padding: 5px 10px;
  background: var(--Background_Tertiary);
}
.persona-card-block .persona-group-header h1 {
  font-size: 13px;
  font-weight: 700;
  line-height: 25px;
  margin: 0px;
  padding-left: 15px;
  position: relative;
}
.persona-card-block .persona-group-header h1 i {
  font-size: 20px;
  position: absolute;
  left: -15px;
  position: absolute;
  top: 3px;
}
.persona-card-block .group-persona-card {
  display: flex !important;
  flex-wrap: wrap;
  margin-left: 0px;
  margin-right: 0px;
  background: var(--Background_Secondary);
  padding: 15px 10px 0px 10px;
}

.mb-90 {
  margin-bottom: 90px !important;
}

.personawidgetBoxMain.persona-lcdata .widgetData {
  float: left;
  width: 100%;
}
.personawidgetBoxMain.persona-lcdata .widgetData .emotionwidgetPresentdata ul {
  float: left;
  width: 100%;
}
.personawidgetBoxMain.persona-lcdata .widgetData .emotionwidgetPresentdata ul li {
  float: left;
  width: 100%;
}

.listview-display {
  display: none;
}

.persona-card-block.listview .persona-card {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  min-height: 54px;
}
.persona-card-block.listview .persona-card .personanewWidgetBig {
  border-radius: 0px;
  border: none;
}
.persona-card-block.listview .persona-card .personanewWidgetBig.createNew {
  font-size: 13px;
}
.persona-card-block.listview .persona-card .personanewWidgetBig:hover {
  background: #423c4b;
}
.persona-card-block.listview .persona-card .personanewWidgetBig .persona-top {
  position: absolute;
  right: 0;
  width: 50px;
  z-index: 1;
  background: none !important;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.persona-card-block.listview .persona-card .personanewWidgetBig .persona-top .persona-heading {
  display: none;
}
.persona-card-block.listview .persona-card .personanewWidgetBig .persona-top .m-3dots-menu.persona {
  visibility: visible;
  right: 6px;
  top: 15px;
}
.persona-card-block.listview .persona-card .personanewWidgetBig .persona-middle {
  padding: 10px 50px 10px 55px;
  position: relative;
  width: 100%;
  display: flex;
}
.persona-card-block.listview .persona-card .personanewWidgetBig .persona-middle .profileImg {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  margin-bottom: 0px;
  position: absolute;
  left: 10px;
}
.persona-card-block.listview .persona-card .personanewWidgetBig .persona-middle .profileImg img {
  border-radius: 50%;
  left: 0px !important;
}
.persona-card-block.listview .persona-card .personanewWidgetBig .persona-middle .custmoerJourneyBox {
  display: none;
}
.persona-card-block.listview .persona-card .personanewWidgetBig .persona-middle .persona-data {
  flex: 0 0 30%;
  max-width: 30%;
  padding-left: 60px;
}
.persona-card-block.listview .persona-card .personanewWidgetBig .persona-middle .persona-data h4 {
  padding: 9px 0px;
}
.persona-card-block.listview .persona-card .personanewWidgetBig .persona-middle .persona-data h5 {
  display: none;
}
.persona-card-block.listview .persona-card .personanewWidgetBig .persona-middle .persona-data .quote {
  display: none;
}
.persona-card-block.listview .persona-card .personanewWidgetBig .persona-middle .creationdate {
  flex: 0 0 10%;
  max-width: 10%;
  font-size: 12px;
  color: var(--Subtitle);
  padding: 8px 0px 8px 10px !important;
}
.persona-card-block.listview .persona-card .personanewWidgetBig .persona-middle .journeycount {
  flex: 0 0 10%;
  max-width: 10%;
}
.persona-card-block.listview .persona-card .personanewWidgetBig .persona-middle .customFieldGlobalblock {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0px 10px !important;
}
.persona-card-block.listview .persona-card .personanewWidgetBig .persona-middle .customFieldGlobalblock .row {
  margin: 0px !important;
}
.persona-card-block.listview .persona-card .personanewWidgetBig .persona-middle .customFieldGlobalblock .row .customRepeatBox {
  flex: 0 0 50%;
  max-width: 50%;
  margin: 0px;
  padding: 4.55px 5px;
}
.persona-card-block.listview .persona-card .personanewWidgetBig .persona-middle .customFieldGlobalblock .row .customRepeatBox .customBox {
  border-radius: 5px;
}
.persona-card-block.listview .persona-card .personanewWidgetBig .persona-bottom {
  display: none;
}
.persona-card-block.listview .persona-card.mb-20 {
  margin-bottom: 4px !important;
}
.persona-card-block.listview .listview-display {
  display: block !important;
}

.pl-50 {
  padding-left: 50px;
}

.insightDatatable.personaTable {
  padding-left: 50px;
}
.insightDatatable.personaTable table tbody tr th:nth-child(1),
.insightDatatable.personaTable table tbody tr td:nth-child(1),
.insightDatatable.personaTable table thead tr th:nth-child(1),
.insightDatatable.personaTable table thead tr td:nth-child(1) {
  width: 23%;
  padding-left: 15px !important;
}
.insightDatatable.personaTable table tbody tr th:nth-child(1),
.insightDatatable.personaTable table thead tr th:nth-child(1) {
  padding-left: 8px !important;
}
.insightDatatable.personaTable table tbody tr th:nth-child(2),
.insightDatatable.personaTable table tbody tr td:nth-child(2),
.insightDatatable.personaTable table thead tr th:nth-child(2),
.insightDatatable.personaTable table thead tr td:nth-child(2) {
  width: 17%;
  padding-left: 6px !important;
  color: var(--Subtitle);
}
.insightDatatable.personaTable table tbody tr th:nth-child(3),
.insightDatatable.personaTable table tbody tr td:nth-child(3),
.insightDatatable.personaTable table thead tr th:nth-child(3),
.insightDatatable.personaTable table thead tr td:nth-child(3) {
  width: 10% !important;
  padding-left: 6px !important;
}
.insightDatatable.personaTable table tbody tr th:nth-child(4),
.insightDatatable.personaTable table tbody tr td:nth-child(4),
.insightDatatable.personaTable table thead tr th:nth-child(4),
.insightDatatable.personaTable table thead tr td:nth-child(4) {
  width: 10% !important;
  padding-left: 6px !important;
}
.insightDatatable.personaTable table tbody tr th:nth-child(5),
.insightDatatable.personaTable table tbody tr td:nth-child(5),
.insightDatatable.personaTable table thead tr th:nth-child(5),
.insightDatatable.personaTable table thead tr td:nth-child(5) {
  width: 12.5% !important;
  padding-left: 6px !important;
}
.insightDatatable.personaTable table tbody tr th:nth-child(6),
.insightDatatable.personaTable table tbody tr td:nth-child(6),
.insightDatatable.personaTable table thead tr th:nth-child(6),
.insightDatatable.personaTable table thead tr td:nth-child(6) {
  width: 12.5% !important;
  padding-left: 6px !important;
}
.insightDatatable.personaTable table tbody tr th:nth-child(7),
.insightDatatable.personaTable table tbody tr td:nth-child(7),
.insightDatatable.personaTable table thead tr th:nth-child(7),
.insightDatatable.personaTable table thead tr td:nth-child(7) {
  width: 10% !important;
  padding-left: 6px !important;
}
.insightDatatable.personaTable table tbody tr th:nth-child(8),
.insightDatatable.personaTable table tbody tr td:nth-child(8),
.insightDatatable.personaTable table thead tr th:nth-child(8),
.insightDatatable.personaTable table thead tr td:nth-child(8) {
  width: 5%;
  overflow: visible;
}
.insightDatatable.personaTableModal table tbody tr th:nth-child(1),
.insightDatatable.personaTableModal table tbody tr td:nth-child(1),
.insightDatatable.personaTableModal table thead tr th:nth-child(1),
.insightDatatable.personaTableModal table thead tr td:nth-child(1) {
  width: 20%;
  padding-left: 15px !important;
}
.insightDatatable.personaTableModal table tbody tr th:nth-child(1),
.insightDatatable.personaTableModal table thead tr th:nth-child(1) {
  padding-left: 8px !important;
}
.insightDatatable.personaTableModal table tbody tr th:nth-child(2),
.insightDatatable.personaTableModal table tbody tr td:nth-child(2),
.insightDatatable.personaTableModal table thead tr th:nth-child(2),
.insightDatatable.personaTableModal table thead tr td:nth-child(2) {
  width: 15%;
  padding-left: 6px !important;
  color: var(--Subtitle);
}
.insightDatatable.personaTableModal table tbody tr th:nth-child(3),
.insightDatatable.personaTableModal table tbody tr td:nth-child(3),
.insightDatatable.personaTableModal table thead tr th:nth-child(3),
.insightDatatable.personaTableModal table thead tr td:nth-child(3) {
  width: 10% !important;
  padding-left: 6px !important;
}
.insightDatatable.personaTableModal table tbody tr th:nth-child(4),
.insightDatatable.personaTableModal table tbody tr td:nth-child(4),
.insightDatatable.personaTableModal table thead tr th:nth-child(4),
.insightDatatable.personaTableModal table thead tr td:nth-child(4) {
  width: 10% !important;
  padding-left: 6px !important;
}
.insightDatatable.personaTableModal table tbody tr th:nth-child(5),
.insightDatatable.personaTableModal table tbody tr td:nth-child(5),
.insightDatatable.personaTableModal table thead tr th:nth-child(5),
.insightDatatable.personaTableModal table thead tr td:nth-child(5) {
  width: 10% !important;
  padding-left: 6px !important;
}
.insightDatatable.personaTableModal table tbody tr th:nth-child(6),
.insightDatatable.personaTableModal table tbody tr td:nth-child(6),
.insightDatatable.personaTableModal table thead tr th:nth-child(6),
.insightDatatable.personaTableModal table thead tr td:nth-child(6) {
  width: 10% !important;
  padding-left: 6px !important;
}
.insightDatatable.personaTableModal table tbody tr th:nth-child(7),
.insightDatatable.personaTableModal table tbody tr td:nth-child(7),
.insightDatatable.personaTableModal table thead tr th:nth-child(7),
.insightDatatable.personaTableModal table thead tr td:nth-child(7) {
  width: 10% !important;
  padding-left: 6px !important;
}
.insightDatatable.personaTableModal table tbody tr th:nth-child(8),
.insightDatatable.personaTableModal table tbody tr td:nth-child(8),
.insightDatatable.personaTableModal table thead tr th:nth-child(8),
.insightDatatable.personaTableModal table thead tr td:nth-child(8) {
  width: 10% !important;
  padding-left: 6px !important;
}
.insightDatatable.personaTableModal table tbody tr th:nth-child(9),
.insightDatatable.personaTableModal table tbody tr td:nth-child(9),
.insightDatatable.personaTableModal table thead tr th:nth-child(9),
.insightDatatable.personaTableModal table thead tr td:nth-child(9) {
  width: 5%;
  overflow: visible;
}
.insightDatatable.personaMainTable.personaTable thead tr th span.sort-toggle-btn.titlespace, .insightDatatable.personaMainTable.personaTableModal thead tr th span.sort-toggle-btn.titlespace {
  margin-left: 0px !important;
}
.insightDatatable.personaMainTable.personaTable tbody tr.creatnew td, .insightDatatable.personaMainTable.personaTableModal tbody tr.creatnew td {
  padding-left: 0px !important;
}
.insightDatatable.personaMainTable.personaTable tbody tr td:nth-child(4), .insightDatatable.personaMainTable.personaTableModal tbody tr td:nth-child(4) {
  padding-top: 9.5px !important;
  padding-bottom: 9.5px !important;
}
.insightDatatable.personaMainTable.personaTable tbody tr td:nth-child(4) .personauserprofile, .insightDatatable.personaMainTable.personaTableModal tbody tr td:nth-child(4) .personauserprofile {
  margin: 0px;
  width: 35px;
  height: 35px;
  display: flex;
}
.insightDatatable.personaMainTable.personaTable tbody tr td:nth-child(4) .personauserprofile img, .insightDatatable.personaMainTable.personaTableModal tbody tr td:nth-child(4) .personauserprofile img {
  margin: 0px;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: var(--Background_Secondary);
}
.insightDatatable.personaMainTable.personaTable tbody tr td:nth-child(4) .personauserprofile span, .insightDatatable.personaMainTable.personaTableModal tbody tr td:nth-child(4) .personauserprofile span {
  width: 35px;
  height: 35px;
  display: flex;
}
.insightDatatable.personaMainTable.personaTable tbody tr td:nth-child(4) .personauserprofile span img.darktheme-icon, .insightDatatable.personaMainTable.personaTableModal tbody tr td:nth-child(4) .personauserprofile span img.darktheme-icon {
  background: var(--Background_Secondary);
}
.insightDatatable.personaMainTable.personaTable tbody tr td:nth-child(4) .personauserprofile span img.lighttheme-icon, .insightDatatable.personaMainTable.personaTableModal tbody tr td:nth-child(4) .personauserprofile span img.lighttheme-icon {
  background: #ccc;
}
.insightDatatable.personaMainTable.personaTable tbody tr td .titleEllipsis, .insightDatatable.personaMainTable.personaTableModal tbody tr td .titleEllipsis {
  width: calc(100% - 0px);
}

.ml-8 {
  margin-left: 8px !important;
}

.list-grid-btn {
  height: 30px;
  font-weight: 600;
  font-size: 20px !important;
  padding: 0px 0px;
  line-height: 28px;
  color: #fff;
  width: 40px;
  text-align: center;
  border-radius: 5px !important;
  background: linear-gradient(90deg, #9125e0 0%, #7b1ad5 24%, #6611cb 48.5%, #5108c0 73%, #3d00b6 100%);
  color: #fff;
  border: 0px solid transparent;
  box-shadow: 0px 2px 4px 0px #00000040 !important;
}
.list-grid-btn:hover {
  font-size: 20px !important;
  background: radial-gradient(73% 292% at 50% 0%, #ac54e2 1%, #8633d3 25%, #6218c4 52.5%, #4706ba 75.5%, #3d00b6 100%) !important;
  color: #fff;
  border: 0px solid transparent;
  box-shadow: 0px 2px 4px 0px #00000040 !important;
}
.list-grid-btn:active, .list-grid-btn:focus, .list-grid-btn:visited {
  font-size: 20px !important;
  background: radial-gradient(73% 292% at 50% 0%, #ac54e2 1%, #8633d3 25%, #6218c4 52.5%, #4706ba 75.5%, #3d00b6 100%) !important;
  color: #fff;
  border: 0px solid transparent;
  box-shadow: 0px 2px 4px 0px #00000040 !important;
}

.persona-cs-view .col-3 {
  margin: 0px !important;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.motPersona .personanewWidgetBig .persona-top {
  background: var(--Background_Secondary) !important;
}
.motPersona .personanewWidgetBig .persona-top .persona-heading {
  display: none;
}
.motPersona .personanewWidgetBig .persona-middle {
  padding: 15px 15px 15px 15px !important;
}
.motPersona .personanewWidgetBig .persona-bottom {
  display: none;
}
.motPersona .dragdoc {
  margin-bottom: 11px;
}
.motPersona .dragdoc:nth-last-child(1) {
  margin-bottom: 0px !important;
}

.persona-row.mm-disabled::before {
  pointer-events: none;
  cursor: default;
  height: 54px;
  border-radius: 0px;
  z-index: 2;
  top: auto;
}
.persona-row.mm-disabled td {
  pointer-events: none;
  cursor: default;
}
.persona-row.mm-disabled.creatnew::before {
  top: 10px;
}

.persona-createbtn.mm-disabled::before {
  display: none !important;
}

.personabtn {
  display: inline-block;
  position: relative;
}
.personabtn.mm-disabled {
  pointer-events: none;
  cursor: default;
}
.personabtn.mm-disabled::before {
  z-index: 9;
  content: "";
  position: absolute;
  background: var(--Background_Disabled);
  opacity: 0.8;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 12px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: block;
  width: calc(100% + 10px);
  height: 40px;
  border-radius: 5px;
  top: -5px;
  left: -5px;
  pointer-events: none;
  cursor: default;
}

.personagrid-space {
  padding-left: 50px;
}

.jorneyLevelPersonaBox .persona-card-block {
  margin-left: -10.5px;
  margin-right: -10.5px;
}
.jorneyLevelPersonaBox .persona-card-block .persona-card {
  -ms-flex: 0 0 16.666% !important;
  flex: 0 0 16.666% !important;
  max-width: 16.666% !important;
}

.personanodata {
  display: block;
  text-align: center;
  border: solid 1px var(--Background_Secondary);
  width: calc(100% - 20px);
  margin-left: 10px;
  margin-bottom: 20px;
}
.personanodata p {
  margin: 0px;
  color: var(--Input_Default);
  font-size: 12px;
  padding: 10px;
}

/*************** 1. Imports ******************/
/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Mixins ******************/
/*------Global Input Fields-------*/
.formsection .form-group .mm-input-lg.form-control,
.mm-input-lg.form-control {
  min-height: 60px !important;
  border-radius: 5px !important;
  border: solid 1px var(--Border_Divider) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: var(--Input_Filled) !important;
  background: var(--Background_Secondary) !important;
  box-shadow: none !important;
  padding: 5px 8px !important;
  line-height: 18px !important;
}
.formsection .form-group .mm-input-lg.form-control:focus,
.mm-input-lg.form-control:focus {
  border: solid 1px var(--Border_Focus) !important;
  background: var(--Background_Tertiary) !important;
}
.formsection .form-group .mm-input-lg.form-control:disabled, .formsection .form-group .mm-input-lg.form-control.disabled,
.mm-input-lg.form-control:disabled,
.mm-input-lg.form-control.disabled {
  border: solid 1px var(--Border_Disabled) !important;
  background: var(--Background_Disabled) !important;
  color: var(--Disabled) !important;
  cursor: not-allowed;
  pointer-events: none !important;
}
.formsection .form-group .mm-input-lg.form-control:disabled::-webkit-input-placeholder, .formsection .form-group .mm-input-lg.form-control.disabled::-webkit-input-placeholder,
.mm-input-lg.form-control:disabled::-webkit-input-placeholder,
.mm-input-lg.form-control.disabled::-webkit-input-placeholder {
  color: var(--Disabled) !important;
  font-weight: 400;
}
.formsection .form-group .mm-input-lg.form-control:disabled::-moz-placeholder, .formsection .form-group .mm-input-lg.form-control.disabled::-moz-placeholder,
.mm-input-lg.form-control:disabled::-moz-placeholder,
.mm-input-lg.form-control.disabled::-moz-placeholder {
  color: var(--Disabled) !important;
  font-weight: 400;
}
.formsection .form-group .mm-input-lg.form-control:disabled:-ms-input-placeholder, .formsection .form-group .mm-input-lg.form-control.disabled:-ms-input-placeholder,
.mm-input-lg.form-control:disabled:-ms-input-placeholder,
.mm-input-lg.form-control.disabled:-ms-input-placeholder {
  color: var(--Disabled) !important;
  font-weight: 400;
}
.formsection .form-group .mm-input-lg.form-control:disabled:-moz-placeholder, .formsection .form-group .mm-input-lg.form-control.disabled:-moz-placeholder,
.mm-input-lg.form-control:disabled:-moz-placeholder,
.mm-input-lg.form-control.disabled:-moz-placeholder {
  color: var(--Disabled) !important;
  font-weight: 400;
}
.formsection .form-group .mm-input-lg.form-control:hover,
.mm-input-lg.form-control:hover {
  background: var(--Background_Secondary) !important;
  border: solid 1px var(--Border_Divider);
}
.formsection .form-group .mm-input-lg.form-control:hover:focus,
.mm-input-lg.form-control:hover:focus {
  background: var(--Background_Tertiary) !important;
}
.formsection .form-group .mm-input-lg.form-control:visited, .formsection .form-group .mm-input-lg.form-control:active,
.mm-input-lg.form-control:visited,
.mm-input-lg.form-control:active {
  background: var(--Background_Secondary);
  border: solid 1px var(--Border_Divider);
}
.formsection .form-group .mm-input-lg.form-control.delete,
.mm-input-lg.form-control.delete {
  text-align: center !important;
}

.editEpisodeViewModal .episodeviewTopView .formsection .form-group .mm-input-md.form-control,
.formsection .form-group .mm-input-md.form-control,
.mm-input-md.form-control {
  min-height: 40px !important;
  border-radius: 5px !important;
  border: solid 1px var(--Border_Divider) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: var(--Input_Filled) !important;
  background: var(--Background_Secondary) !important;
  box-shadow: none !important;
  padding: 5px 8px !important;
  line-height: 18px !important;
}
.editEpisodeViewModal .episodeviewTopView .formsection .form-group .mm-input-md.form-control:focus,
.formsection .form-group .mm-input-md.form-control:focus,
.mm-input-md.form-control:focus {
  border: solid 1px var(--Border_Focus) !important;
  background: var(--Background_Tertiary) !important;
}
.editEpisodeViewModal .episodeviewTopView .formsection .form-group .mm-input-md.form-control:disabled, .editEpisodeViewModal .episodeviewTopView .formsection .form-group .mm-input-md.form-control.disabled,
.formsection .form-group .mm-input-md.form-control:disabled,
.formsection .form-group .mm-input-md.form-control.disabled,
.mm-input-md.form-control:disabled,
.mm-input-md.form-control.disabled {
  border: solid 1px var(--Border_Disabled) !important;
  background: var(--Background_Disabled) !important;
  color: var(--Disabled) !important;
  cursor: not-allowed;
  pointer-events: none !important;
}
.editEpisodeViewModal .episodeviewTopView .formsection .form-group .mm-input-md.form-control:disabled::-webkit-input-placeholder, .editEpisodeViewModal .episodeviewTopView .formsection .form-group .mm-input-md.form-control.disabled::-webkit-input-placeholder,
.formsection .form-group .mm-input-md.form-control:disabled::-webkit-input-placeholder,
.formsection .form-group .mm-input-md.form-control.disabled::-webkit-input-placeholder,
.mm-input-md.form-control:disabled::-webkit-input-placeholder,
.mm-input-md.form-control.disabled::-webkit-input-placeholder {
  color: var(--Disabled) !important;
  font-weight: 400;
}
.editEpisodeViewModal .episodeviewTopView .formsection .form-group .mm-input-md.form-control:disabled::-moz-placeholder, .editEpisodeViewModal .episodeviewTopView .formsection .form-group .mm-input-md.form-control.disabled::-moz-placeholder,
.formsection .form-group .mm-input-md.form-control:disabled::-moz-placeholder,
.formsection .form-group .mm-input-md.form-control.disabled::-moz-placeholder,
.mm-input-md.form-control:disabled::-moz-placeholder,
.mm-input-md.form-control.disabled::-moz-placeholder {
  color: var(--Disabled) !important;
  font-weight: 400;
}
.editEpisodeViewModal .episodeviewTopView .formsection .form-group .mm-input-md.form-control:disabled:-ms-input-placeholder, .editEpisodeViewModal .episodeviewTopView .formsection .form-group .mm-input-md.form-control.disabled:-ms-input-placeholder,
.formsection .form-group .mm-input-md.form-control:disabled:-ms-input-placeholder,
.formsection .form-group .mm-input-md.form-control.disabled:-ms-input-placeholder,
.mm-input-md.form-control:disabled:-ms-input-placeholder,
.mm-input-md.form-control.disabled:-ms-input-placeholder {
  color: var(--Disabled) !important;
  font-weight: 400;
}
.editEpisodeViewModal .episodeviewTopView .formsection .form-group .mm-input-md.form-control:disabled:-moz-placeholder, .editEpisodeViewModal .episodeviewTopView .formsection .form-group .mm-input-md.form-control.disabled:-moz-placeholder,
.formsection .form-group .mm-input-md.form-control:disabled:-moz-placeholder,
.formsection .form-group .mm-input-md.form-control.disabled:-moz-placeholder,
.mm-input-md.form-control:disabled:-moz-placeholder,
.mm-input-md.form-control.disabled:-moz-placeholder {
  color: var(--Disabled) !important;
  font-weight: 400;
}
.editEpisodeViewModal .episodeviewTopView .formsection .form-group .mm-input-md.form-control:hover,
.formsection .form-group .mm-input-md.form-control:hover,
.mm-input-md.form-control:hover {
  background: var(--Background_Secondary) !important;
  border: solid 1px var(--Border_Divider);
}
.editEpisodeViewModal .episodeviewTopView .formsection .form-group .mm-input-md.form-control:hover:focus,
.formsection .form-group .mm-input-md.form-control:hover:focus,
.mm-input-md.form-control:hover:focus {
  background: var(--Background_Tertiary) !important;
}
.editEpisodeViewModal .episodeviewTopView .formsection .form-group .mm-input-md.form-control:visited, .editEpisodeViewModal .episodeviewTopView .formsection .form-group .mm-input-md.form-control:active,
.formsection .form-group .mm-input-md.form-control:visited,
.formsection .form-group .mm-input-md.form-control:active,
.mm-input-md.form-control:visited,
.mm-input-md.form-control:active {
  background: var(--Background_Secondary);
  border: solid 1px var(--Border_Divider);
}
.editEpisodeViewModal .episodeviewTopView .formsection .form-group .mm-input-md.form-control.delete,
.formsection .form-group .mm-input-md.form-control.delete,
.mm-input-md.form-control.delete {
  text-align: center !important;
}

.formsection .form-group .notify-select-input .mm-select-sm .dropdown-menu .bs-searchbox input.form-control,
.galaxylogs-filter .formsection .form-group .form-control.form-control,
.formsection .form-group .mm-input-sm.form-control,
.mm-input-sm.form-control {
  min-height: 30px !important;
  height: 30px !important;
  border-radius: 5px !important;
  border: solid 1px var(--Border_Divider) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: var(--Input_Filled) !important;
  background: var(--Background_Secondary) !important;
  box-shadow: none !important;
  padding: 5px 8px !important;
  line-height: 18px !important;
}
.formsection .form-group .notify-select-input .mm-select-sm .dropdown-menu .bs-searchbox input.form-control:focus,
.galaxylogs-filter .formsection .form-group .form-control.form-control:focus,
.formsection .form-group .mm-input-sm.form-control:focus,
.mm-input-sm.form-control:focus {
  border: solid 1px var(--Border_Focus) !important;
  background: var(--Background_Tertiary) !important;
}
.formsection .form-group .notify-select-input .mm-select-sm .dropdown-menu .bs-searchbox input.form-control:disabled, .formsection .form-group .notify-select-input .mm-select-sm .dropdown-menu .bs-searchbox input.form-control.disabled,
.galaxylogs-filter .formsection .form-group .form-control.form-control:disabled,
.galaxylogs-filter .formsection .form-group .form-control.form-control.disabled,
.formsection .form-group .mm-input-sm.form-control:disabled,
.formsection .form-group .mm-input-sm.form-control.disabled,
.mm-input-sm.form-control:disabled,
.mm-input-sm.form-control.disabled {
  border: solid 1px var(--Border_Disabled) !important;
  background: var(--Background_Disabled) !important;
  color: var(--Disabled) !important;
  cursor: not-allowed;
  pointer-events: none !important;
}
.formsection .form-group .notify-select-input .mm-select-sm .dropdown-menu .bs-searchbox input.form-control:disabled::-webkit-input-placeholder, .formsection .form-group .notify-select-input .mm-select-sm .dropdown-menu .bs-searchbox input.form-control.disabled::-webkit-input-placeholder,
.galaxylogs-filter .formsection .form-group .form-control.form-control:disabled::-webkit-input-placeholder,
.galaxylogs-filter .formsection .form-group .form-control.form-control.disabled::-webkit-input-placeholder,
.formsection .form-group .mm-input-sm.form-control:disabled::-webkit-input-placeholder,
.formsection .form-group .mm-input-sm.form-control.disabled::-webkit-input-placeholder,
.mm-input-sm.form-control:disabled::-webkit-input-placeholder,
.mm-input-sm.form-control.disabled::-webkit-input-placeholder {
  color: var(--Disabled) !important;
  font-weight: 400;
}
.formsection .form-group .notify-select-input .mm-select-sm .dropdown-menu .bs-searchbox input.form-control:disabled::-moz-placeholder, .formsection .form-group .notify-select-input .mm-select-sm .dropdown-menu .bs-searchbox input.form-control.disabled::-moz-placeholder,
.galaxylogs-filter .formsection .form-group .form-control.form-control:disabled::-moz-placeholder,
.galaxylogs-filter .formsection .form-group .form-control.form-control.disabled::-moz-placeholder,
.formsection .form-group .mm-input-sm.form-control:disabled::-moz-placeholder,
.formsection .form-group .mm-input-sm.form-control.disabled::-moz-placeholder,
.mm-input-sm.form-control:disabled::-moz-placeholder,
.mm-input-sm.form-control.disabled::-moz-placeholder {
  color: var(--Disabled) !important;
  font-weight: 400;
}
.formsection .form-group .notify-select-input .mm-select-sm .dropdown-menu .bs-searchbox input.form-control:disabled:-ms-input-placeholder, .formsection .form-group .notify-select-input .mm-select-sm .dropdown-menu .bs-searchbox input.form-control.disabled:-ms-input-placeholder,
.galaxylogs-filter .formsection .form-group .form-control.form-control:disabled:-ms-input-placeholder,
.galaxylogs-filter .formsection .form-group .form-control.form-control.disabled:-ms-input-placeholder,
.formsection .form-group .mm-input-sm.form-control:disabled:-ms-input-placeholder,
.formsection .form-group .mm-input-sm.form-control.disabled:-ms-input-placeholder,
.mm-input-sm.form-control:disabled:-ms-input-placeholder,
.mm-input-sm.form-control.disabled:-ms-input-placeholder {
  color: var(--Disabled) !important;
  font-weight: 400;
}
.formsection .form-group .notify-select-input .mm-select-sm .dropdown-menu .bs-searchbox input.form-control:disabled:-moz-placeholder, .formsection .form-group .notify-select-input .mm-select-sm .dropdown-menu .bs-searchbox input.form-control.disabled:-moz-placeholder,
.galaxylogs-filter .formsection .form-group .form-control.form-control:disabled:-moz-placeholder,
.galaxylogs-filter .formsection .form-group .form-control.form-control.disabled:-moz-placeholder,
.formsection .form-group .mm-input-sm.form-control:disabled:-moz-placeholder,
.formsection .form-group .mm-input-sm.form-control.disabled:-moz-placeholder,
.mm-input-sm.form-control:disabled:-moz-placeholder,
.mm-input-sm.form-control.disabled:-moz-placeholder {
  color: var(--Disabled) !important;
  font-weight: 400;
}
.formsection .form-group .notify-select-input .mm-select-sm .dropdown-menu .bs-searchbox input.form-control:hover,
.galaxylogs-filter .formsection .form-group .form-control.form-control:hover,
.formsection .form-group .mm-input-sm.form-control:hover,
.mm-input-sm.form-control:hover {
  background: var(--Background_Secondary) !important;
  border: solid 1px var(--Border_Divider);
}
.formsection .form-group .notify-select-input .mm-select-sm .dropdown-menu .bs-searchbox input.form-control:hover:focus,
.galaxylogs-filter .formsection .form-group .form-control.form-control:hover:focus,
.formsection .form-group .mm-input-sm.form-control:hover:focus,
.mm-input-sm.form-control:hover:focus {
  background: var(--Background_Tertiary) !important;
}
.formsection .form-group .notify-select-input .mm-select-sm .dropdown-menu .bs-searchbox input.form-control:visited, .formsection .form-group .notify-select-input .mm-select-sm .dropdown-menu .bs-searchbox input.form-control:active,
.galaxylogs-filter .formsection .form-group .form-control.form-control:visited,
.galaxylogs-filter .formsection .form-group .form-control.form-control:active,
.formsection .form-group .mm-input-sm.form-control:visited,
.formsection .form-group .mm-input-sm.form-control:active,
.mm-input-sm.form-control:visited,
.mm-input-sm.form-control:active {
  background: var(--Background_Secondary);
  border: solid 1px var(--Border_Divider);
}
.formsection .form-group .notify-select-input .mm-select-sm .dropdown-menu .bs-searchbox input.form-control.delete,
.galaxylogs-filter .formsection .form-group .form-control.form-control.delete,
.formsection .form-group .mm-input-sm.form-control.delete,
.mm-input-sm.form-control.delete {
  text-align: center !important;
}

.formsection .form-group .brand-disabled {
  pointer-events: none;
  background: transparent !important;
}
.formsection .form-group .brand-disabled .mm-input-lg.form-control {
  border: solid 1px var(--Border_Disabled) !important;
  background: var(--Background_Disabled) !important;
  color: var(--Disabled) !important;
  pointer-events: none;
}

/*------Global Input Fields Placeholders-------*/
.formsection .form-group .mm-input-lg.form-control::-webkit-input-placeholder,
.formsection .form-group .mm-input-md.form-control::-webkit-input-placeholder,
.formsection .form-group .mm-input-sm.form-control::-webkit-input-placeholder,
.mm-input-lg.form-control::-webkit-input-placeholder,
.mm-input-md.form-control::-webkit-input-placeholder,
.mm-input-sm.form-control::-webkit-input-placeholder {
  color: var(--Input_Default) !important;
  font-weight: 400;
}
.formsection .form-group .mm-input-lg.form-control::-moz-placeholder,
.formsection .form-group .mm-input-md.form-control::-moz-placeholder,
.formsection .form-group .mm-input-sm.form-control::-moz-placeholder,
.mm-input-lg.form-control::-moz-placeholder,
.mm-input-md.form-control::-moz-placeholder,
.mm-input-sm.form-control::-moz-placeholder {
  color: var(--Input_Default) !important;
  font-weight: 400;
}
.formsection .form-group .mm-input-lg.form-control:-ms-input-placeholder,
.formsection .form-group .mm-input-md.form-control:-ms-input-placeholder,
.formsection .form-group .mm-input-sm.form-control:-ms-input-placeholder,
.mm-input-lg.form-control:-ms-input-placeholder,
.mm-input-md.form-control:-ms-input-placeholder,
.mm-input-sm.form-control:-ms-input-placeholder {
  color: var(--Input_Default) !important;
  font-weight: 400;
}
.formsection .form-group .mm-input-lg.form-control:-moz-placeholder,
.formsection .form-group .mm-input-md.form-control:-moz-placeholder,
.formsection .form-group .mm-input-sm.form-control:-moz-placeholder,
.mm-input-lg.form-control:-moz-placeholder,
.mm-input-md.form-control:-moz-placeholder,
.mm-input-sm.form-control:-moz-placeholder {
  color: var(--Input_Default) !important;
  font-weight: 400;
}

/*------Global  Input Error Messages -------*/
.errormsg .mm-input-md.form-control {
  border: solid 1px var(--Border_Error);
  background: var(--Background_Tertiary);
}

/*------Global Label Heading ------*/
.global-label label {
  font-size: 12px !important;
  font-weight: 400 !important;
  font-family: "Inter", sans-serif;
  color: var(--Title) !important;
}
.global-label label.sublabel {
  color: var(--Label_subhead);
}
.global-label span.arrowIcon,
.global-label span.calenderIcon {
  line-height: 32px !important;
  padding: 0px 8px !important;
  top: 0px !important;
  z-index: 1 !important;
}
.global-label span.arrowIcon {
  right: 0px !important;
}
.global-label .input-group-addon {
  width: 32px;
  height: 32px;
  right: 0px;
  top: 0px;
  z-index: 1;
}
.global-label .input-group-addon i {
  padding: 0px;
}

.global-form-label {
  font-size: 12px !important;
  font-weight: 400 !important;
  font-family: "Inter", sans-serif;
  color: var(--Title) !important;
}

.m-search-box.lighterbg,
.global-search-sm {
  position: relative;
}
.m-search-box.lighterbg .searchicon,
.global-search-sm .searchicon {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  z-index: 0;
}
.m-search-box.lighterbg .searchicon i,
.global-search-sm .searchicon i {
  transform: rotate(0deg) !important;
  color: var(--Title);
  font-size: 14px !important;
  top: 8px !important;
}
.m-search-box.lighterbg .clearsearchicon,
.global-search-sm .clearsearchicon {
  position: absolute;
  right: 1px;
  top: 1px;
  bottom: 1px;
  width: 30px;
  height: 30px;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
  font-size: 17px;
  line-height: 30px;
}
.m-search-box.lighterbg .clearsearchicon:hover,
.global-search-sm .clearsearchicon:hover {
  background: #B11E27;
}
.m-search-box.lighterbg .mm-input-sm,
.global-search-sm .mm-input-sm {
  padding-left: 30px !important;
  padding-right: 30px !important;
}
.m-search-box.lighterbg.inviteUserSearch .searchicon,
.global-search-sm.inviteUserSearch .searchicon {
  left: 15px !important;
  z-index: 2;
  top: -1px;
}
.m-search-box.lighterbg.inviteUserSearch .searchicon i,
.global-search-sm.inviteUserSearch .searchicon i {
  float: none !important;
}
.m-search-box.lighterbg.inviteUserSearch .search-input,
.global-search-sm.inviteUserSearch .search-input {
  padding-left: 33px !important;
  padding-right: 25px !important;
}

.global-filter-field {
  border-radius: 5px !important;
  border: solid 1px var(--Border_Divider) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: var(--Input_Filled) !important;
  background: var(--Background_Secondary) !important;
  box-shadow: none !important;
  padding: 5px 8px !important;
  line-height: 18px !important;
  height: 30px !important;
  padding: 0 !important;
  padding: 0px;
}
.global-filter-field:focus {
  border: solid 1px var(--Border_Focus) !important;
  background: var(--Background_Tertiary) !important;
}
.global-filter-field:disabled, .global-filter-field.disabled {
  border: solid 1px var(--Border_Disabled) !important;
  background: var(--Background_Disabled) !important;
  color: var(--Disabled) !important;
  cursor: not-allowed;
  pointer-events: none !important;
}
.global-filter-field:disabled::-webkit-input-placeholder, .global-filter-field.disabled::-webkit-input-placeholder {
  color: var(--Disabled) !important;
  font-weight: 400;
}
.global-filter-field:disabled::-moz-placeholder, .global-filter-field.disabled::-moz-placeholder {
  color: var(--Disabled) !important;
  font-weight: 400;
}
.global-filter-field:disabled:-ms-input-placeholder, .global-filter-field.disabled:-ms-input-placeholder {
  color: var(--Disabled) !important;
  font-weight: 400;
}
.global-filter-field:disabled:-moz-placeholder, .global-filter-field.disabled:-moz-placeholder {
  color: var(--Disabled) !important;
  font-weight: 400;
}
.global-filter-field:hover {
  background: var(--Background_Secondary) !important;
  border: solid 1px var(--Border_Divider);
}
.global-filter-field:hover:focus {
  background: var(--Background_Tertiary) !important;
}
.global-filter-field:visited, .global-filter-field:active {
  background: var(--Background_Secondary);
  border: solid 1px var(--Border_Divider);
}
.global-filter-field.delete {
  text-align: center !important;
}
.global-filter-field .global-filter-block {
  padding: 5px 8px !important;
  cursor: pointer;
}
.global-filter-field .filter-icon {
  background: url(/bundles/map/images/filter-icon-new-w.svg) no-repeat;
  width: 14px;
  height: 10px;
}
.global-filter-field .dropdownTxt {
  display: inline-block;
  margin: -2px 5px 0px 0px;
  vertical-align: middle;
  font-weight: 600;
  color: var(--Subtitle) !important;
  font-size: 13px;
  cursor: pointer;
  line-height: 21px;
}
.global-filter-field .arrow-cion {
  width: 11px;
  height: 7px;
  cursor: pointer;
  float: right;
  margin-top: 6px;
  margin-right: 0px;
  background: none !important;
  position: relative;
}
.global-filter-field .arrow-cion::after {
  content: "";
  font-family: "FontAwesome";
  position: absolute;
  right: 0px !important;
  top: -9px !important;
}
.global-filter-field .clearTxt {
  float: left !important;
  margin-top: 4px !important;
  color: var(--Subtitle) !important;
  position: relative !important;
  cursor: pointer !important;
}
.global-filter-field .clearTxt p {
  color: var(--Subtitle) !important;
}
.global-filter-field .clearTxt::after {
  top: 5px !important;
  background: var(--Subtitle) !important;
}

.theme-light .global-filter-field .filter-icon {
  background: url(/bundles/map/images/filter-icon-new-b.svg) no-repeat;
}

/*************** 1. Imports ******************/
/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Mixins ******************/
/*------Global Textarea Fields ------*/
.episodeSpaceFix .edit-episodeBox-HoverState .widgetArea .formsection .form-group .mm-textarea-sm.form-control,
.formsection .form-group .mm-textarea-sm.form-control,
.mm-textarea-sm.form-control {
  min-height: 50px !important;
  border-radius: 5px !important;
  border: solid 1px var(--Border_Divider) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: var(--Input_Filled) !important;
  background: var(--Background_Secondary) !important;
  box-shadow: none !important;
  padding: 8px !important;
}
.episodeSpaceFix .edit-episodeBox-HoverState .widgetArea .formsection .form-group .mm-textarea-sm.form-control:focus,
.formsection .form-group .mm-textarea-sm.form-control:focus,
.mm-textarea-sm.form-control:focus {
  border: solid 1px var(--Border_Focus) !important;
  background: var(--Background_Tertiary) !important;
}
.episodeSpaceFix .edit-episodeBox-HoverState .widgetArea .formsection .form-group .mm-textarea-sm.form-control:disabled,
.formsection .form-group .mm-textarea-sm.form-control:disabled,
.mm-textarea-sm.form-control:disabled {
  border: solid 1px var(--Border_Disabled) !important;
  background: var(--Background_Disabled) !important;
  color: var(--Disabled) !important;
  cursor: not-allowed;
  pointer-events: none !important;
}
.episodeSpaceFix .edit-episodeBox-HoverState .widgetArea .formsection .form-group .mm-textarea-sm.form-control:hover,
.formsection .form-group .mm-textarea-sm.form-control:hover,
.mm-textarea-sm.form-control:hover {
  background: var(--Background_Secondary) !important;
  border: solid 1px var(--Border_Divider);
}
.episodeSpaceFix .edit-episodeBox-HoverState .widgetArea .formsection .form-group .mm-textarea-sm.form-control:hover:focus,
.formsection .form-group .mm-textarea-sm.form-control:hover:focus,
.mm-textarea-sm.form-control:hover:focus {
  background: var(--Background_Tertiary) !important;
}
.episodeSpaceFix .edit-episodeBox-HoverState .widgetArea .formsection .form-group .mm-textarea-sm.form-control:visited, .episodeSpaceFix .edit-episodeBox-HoverState .widgetArea .formsection .form-group .mm-textarea-sm.form-control:active,
.formsection .form-group .mm-textarea-sm.form-control:visited,
.formsection .form-group .mm-textarea-sm.form-control:active,
.mm-textarea-sm.form-control:visited,
.mm-textarea-sm.form-control:active {
  background: var(--Background_Secondary);
  border: solid 1px var(--Border_Divider);
}
.episodeSpaceFix .edit-episodeBox-HoverState .widgetArea .formsection .form-group .mm-textarea-sm.form-control p,
.formsection .form-group .mm-textarea-sm.form-control p,
.mm-textarea-sm.form-control p {
  margin-top: 0px !important;
  margin-bottom: 7.5px !important;
}
.episodeSpaceFix .edit-episodeBox-HoverState .widgetArea .formsection .form-group .mm-textarea-sm.form-control ul, .episodeSpaceFix .edit-episodeBox-HoverState .widgetArea .formsection .form-group .mm-textarea-sm.form-control ol,
.formsection .form-group .mm-textarea-sm.form-control ul,
.formsection .form-group .mm-textarea-sm.form-control ol,
.mm-textarea-sm.form-control ul,
.mm-textarea-sm.form-control ol {
  margin-top: 0px !important;
  margin-bottom: 7.5px !important;
  padding-left: 20px !important;
}

.widgetBox .textBlock .formsection .form-row .form-group .textAreaView .mm-textarea-md.form-control,
.episodeSpaceFix .edit-episodeBox-HoverState .widgetArea .formsection .form-group .mm-textarea-md.form-control,
.editEpisodeViewModal .editEpisodeInnerContent .formsection .form-group .mm-textarea-md.form-control,
.formsection .form-group .mm-textarea-md.form-control,
.mm-textarea-md.form-control {
  min-height: 100px !important;
  border-radius: 5px !important;
  border: solid 1px var(--Border_Divider) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: var(--Input_Filled) !important;
  background: var(--Background_Secondary) !important;
  box-shadow: none !important;
  padding: 8px !important;
  scrollbar-color: #a294b5 var(--Foreground_Primary);
  overflow: auto !important;
  scrollbar-width: thin;
}
.widgetBox .textBlock .formsection .form-row .form-group .textAreaView .mm-textarea-md.form-control:focus,
.episodeSpaceFix .edit-episodeBox-HoverState .widgetArea .formsection .form-group .mm-textarea-md.form-control:focus,
.editEpisodeViewModal .editEpisodeInnerContent .formsection .form-group .mm-textarea-md.form-control:focus,
.formsection .form-group .mm-textarea-md.form-control:focus,
.mm-textarea-md.form-control:focus {
  border: solid 1px var(--Border_Focus) !important;
  background: var(--Background_Tertiary) !important;
}
.widgetBox .textBlock .formsection .form-row .form-group .textAreaView .mm-textarea-md.form-control:disabled,
.episodeSpaceFix .edit-episodeBox-HoverState .widgetArea .formsection .form-group .mm-textarea-md.form-control:disabled,
.editEpisodeViewModal .editEpisodeInnerContent .formsection .form-group .mm-textarea-md.form-control:disabled,
.formsection .form-group .mm-textarea-md.form-control:disabled,
.mm-textarea-md.form-control:disabled {
  border: solid 1px var(--Border_Disabled) !important;
  background: var(--Background_Disabled) !important;
  color: var(--Disabled) !important;
  cursor: not-allowed;
  pointer-events: none !important;
}
.widgetBox .textBlock .formsection .form-row .form-group .textAreaView .mm-textarea-md.form-control:hover,
.episodeSpaceFix .edit-episodeBox-HoverState .widgetArea .formsection .form-group .mm-textarea-md.form-control:hover,
.editEpisodeViewModal .editEpisodeInnerContent .formsection .form-group .mm-textarea-md.form-control:hover,
.formsection .form-group .mm-textarea-md.form-control:hover,
.mm-textarea-md.form-control:hover {
  background: var(--Background_Secondary) !important;
  border: solid 1px var(--Border_Divider);
}
.widgetBox .textBlock .formsection .form-row .form-group .textAreaView .mm-textarea-md.form-control:hover:focus,
.episodeSpaceFix .edit-episodeBox-HoverState .widgetArea .formsection .form-group .mm-textarea-md.form-control:hover:focus,
.editEpisodeViewModal .editEpisodeInnerContent .formsection .form-group .mm-textarea-md.form-control:hover:focus,
.formsection .form-group .mm-textarea-md.form-control:hover:focus,
.mm-textarea-md.form-control:hover:focus {
  background: var(--Background_Tertiary) !important;
}
.widgetBox .textBlock .formsection .form-row .form-group .textAreaView .mm-textarea-md.form-control:visited, .widgetBox .textBlock .formsection .form-row .form-group .textAreaView .mm-textarea-md.form-control:active,
.episodeSpaceFix .edit-episodeBox-HoverState .widgetArea .formsection .form-group .mm-textarea-md.form-control:visited,
.episodeSpaceFix .edit-episodeBox-HoverState .widgetArea .formsection .form-group .mm-textarea-md.form-control:active,
.editEpisodeViewModal .editEpisodeInnerContent .formsection .form-group .mm-textarea-md.form-control:visited,
.editEpisodeViewModal .editEpisodeInnerContent .formsection .form-group .mm-textarea-md.form-control:active,
.formsection .form-group .mm-textarea-md.form-control:visited,
.formsection .form-group .mm-textarea-md.form-control:active,
.mm-textarea-md.form-control:visited,
.mm-textarea-md.form-control:active {
  background: var(--Background_Secondary);
  border: solid 1px var(--Border_Divider);
}
.widgetBox .textBlock .formsection .form-row .form-group .textAreaView .mm-textarea-md.form-control p,
.episodeSpaceFix .edit-episodeBox-HoverState .widgetArea .formsection .form-group .mm-textarea-md.form-control p,
.editEpisodeViewModal .editEpisodeInnerContent .formsection .form-group .mm-textarea-md.form-control p,
.formsection .form-group .mm-textarea-md.form-control p,
.mm-textarea-md.form-control p {
  margin-top: 0px !important;
  margin-bottom: 7.5px !important;
}
.widgetBox .textBlock .formsection .form-row .form-group .textAreaView .mm-textarea-md.form-control ul, .widgetBox .textBlock .formsection .form-row .form-group .textAreaView .mm-textarea-md.form-control ol,
.episodeSpaceFix .edit-episodeBox-HoverState .widgetArea .formsection .form-group .mm-textarea-md.form-control ul,
.episodeSpaceFix .edit-episodeBox-HoverState .widgetArea .formsection .form-group .mm-textarea-md.form-control ol,
.editEpisodeViewModal .editEpisodeInnerContent .formsection .form-group .mm-textarea-md.form-control ul,
.editEpisodeViewModal .editEpisodeInnerContent .formsection .form-group .mm-textarea-md.form-control ol,
.formsection .form-group .mm-textarea-md.form-control ul,
.formsection .form-group .mm-textarea-md.form-control ol,
.mm-textarea-md.form-control ul,
.mm-textarea-md.form-control ol {
  margin-top: 0px !important;
  margin-bottom: 7.5px !important;
  padding-left: 20px !important;
}
.widgetBox .textBlock .formsection .form-row .form-group .textAreaView .mm-textarea-md.form-control::-webkit-scrollbar,
.episodeSpaceFix .edit-episodeBox-HoverState .widgetArea .formsection .form-group .mm-textarea-md.form-control::-webkit-scrollbar,
.editEpisodeViewModal .editEpisodeInnerContent .formsection .form-group .mm-textarea-md.form-control::-webkit-scrollbar,
.formsection .form-group .mm-textarea-md.form-control::-webkit-scrollbar,
.mm-textarea-md.form-control::-webkit-scrollbar {
  width: 13px !important;
  border: 0px solid #000 !important;
}
.widgetBox .textBlock .formsection .form-row .form-group .textAreaView .mm-textarea-md.form-control::-webkit-scrollbar-track,
.episodeSpaceFix .edit-episodeBox-HoverState .widgetArea .formsection .form-group .mm-textarea-md.form-control::-webkit-scrollbar-track,
.editEpisodeViewModal .editEpisodeInnerContent .formsection .form-group .mm-textarea-md.form-control::-webkit-scrollbar-track,
.formsection .form-group .mm-textarea-md.form-control::-webkit-scrollbar-track,
.mm-textarea-md.form-control::-webkit-scrollbar-track {
  box-shadow: none;
  border-radius: 5px;
  background: transparent !important;
  border: none !important;
}
.widgetBox .textBlock .formsection .form-row .form-group .textAreaView .mm-textarea-md.form-control::-webkit-scrollbar-track:hover,
.episodeSpaceFix .edit-episodeBox-HoverState .widgetArea .formsection .form-group .mm-textarea-md.form-control::-webkit-scrollbar-track:hover,
.editEpisodeViewModal .editEpisodeInnerContent .formsection .form-group .mm-textarea-md.form-control::-webkit-scrollbar-track:hover,
.formsection .form-group .mm-textarea-md.form-control::-webkit-scrollbar-track:hover,
.mm-textarea-md.form-control::-webkit-scrollbar-track:hover {
  background: transparent !important;
}
.widgetBox .textBlock .formsection .form-row .form-group .textAreaView .mm-textarea-md.form-control::-webkit-scrollbar-thumb,
.episodeSpaceFix .edit-episodeBox-HoverState .widgetArea .formsection .form-group .mm-textarea-md.form-control::-webkit-scrollbar-thumb,
.editEpisodeViewModal .editEpisodeInnerContent .formsection .form-group .mm-textarea-md.form-control::-webkit-scrollbar-thumb,
.formsection .form-group .mm-textarea-md.form-control::-webkit-scrollbar-thumb,
.mm-textarea-md.form-control::-webkit-scrollbar-thumb {
  background: #7b6c8f;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-radius: 5px;
  background-clip: content-box;
}
.widgetBox .textBlock .formsection .form-row .form-group .textAreaView .mm-textarea-md.form-control::-webkit-scrollbar-thumb:hover,
.episodeSpaceFix .edit-episodeBox-HoverState .widgetArea .formsection .form-group .mm-textarea-md.form-control::-webkit-scrollbar-thumb:hover,
.editEpisodeViewModal .editEpisodeInnerContent .formsection .form-group .mm-textarea-md.form-control::-webkit-scrollbar-thumb:hover,
.formsection .form-group .mm-textarea-md.form-control::-webkit-scrollbar-thumb:hover,
.mm-textarea-md.form-control::-webkit-scrollbar-thumb:hover {
  background: #7b6c8f;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-radius: 5px;
  background-clip: content-box;
}
.widgetBox .textBlock .formsection .form-row .form-group .textAreaView .mm-textarea-md.form-control::-moz-scrollbar,
.episodeSpaceFix .edit-episodeBox-HoverState .widgetArea .formsection .form-group .mm-textarea-md.form-control::-moz-scrollbar,
.editEpisodeViewModal .editEpisodeInnerContent .formsection .form-group .mm-textarea-md.form-control::-moz-scrollbar,
.formsection .form-group .mm-textarea-md.form-control::-moz-scrollbar,
.mm-textarea-md.form-control::-moz-scrollbar {
  width: 10px;
}
.widgetBox .textBlock .formsection .form-row .form-group .textAreaView .mm-textarea-md.form-control::-moz-scrollbar-track,
.episodeSpaceFix .edit-episodeBox-HoverState .widgetArea .formsection .form-group .mm-textarea-md.form-control::-moz-scrollbar-track,
.editEpisodeViewModal .editEpisodeInnerContent .formsection .form-group .mm-textarea-md.form-control::-moz-scrollbar-track,
.formsection .form-group .mm-textarea-md.form-control::-moz-scrollbar-track,
.mm-textarea-md.form-control::-moz-scrollbar-track {
  box-shadow: none;
  border-radius: 0px;
  background: transparent !important;
}
.widgetBox .textBlock .formsection .form-row .form-group .textAreaView .mm-textarea-md.form-control::-moz-scrollbar-track:hover,
.episodeSpaceFix .edit-episodeBox-HoverState .widgetArea .formsection .form-group .mm-textarea-md.form-control::-moz-scrollbar-track:hover,
.editEpisodeViewModal .editEpisodeInnerContent .formsection .form-group .mm-textarea-md.form-control::-moz-scrollbar-track:hover,
.formsection .form-group .mm-textarea-md.form-control::-moz-scrollbar-track:hover,
.mm-textarea-md.form-control::-moz-scrollbar-track:hover {
  background: transparent !important;
}
.widgetBox .textBlock .formsection .form-row .form-group .textAreaView .mm-textarea-md.form-control::-moz-scrollbar-thumb,
.episodeSpaceFix .edit-episodeBox-HoverState .widgetArea .formsection .form-group .mm-textarea-md.form-control::-moz-scrollbar-thumb,
.editEpisodeViewModal .editEpisodeInnerContent .formsection .form-group .mm-textarea-md.form-control::-moz-scrollbar-thumb,
.formsection .form-group .mm-textarea-md.form-control::-moz-scrollbar-thumb,
.mm-textarea-md.form-control::-moz-scrollbar-thumb {
  background: #7b6c8f;
  border: 4px solid transparent;
  border-radius: 5px;
  background-clip: content-box;
}
.widgetBox .textBlock .formsection .form-row .form-group .textAreaView .mm-textarea-md.form-control::-moz-scrollbar-thumb:hover,
.episodeSpaceFix .edit-episodeBox-HoverState .widgetArea .formsection .form-group .mm-textarea-md.form-control::-moz-scrollbar-thumb:hover,
.editEpisodeViewModal .editEpisodeInnerContent .formsection .form-group .mm-textarea-md.form-control::-moz-scrollbar-thumb:hover,
.formsection .form-group .mm-textarea-md.form-control::-moz-scrollbar-thumb:hover,
.mm-textarea-md.form-control::-moz-scrollbar-thumb:hover {
  background: #7b6c8f;
  border: 4px solid transparent;
  border-radius: 5px;
  background-clip: content-box;
}

.formsection .form-group .textArea textArea.mm-textarea-lg.form-control,
.formsection .form-group .mm-textarea-lg.form-control,
.mm-textarea-lg.form-control {
  min-height: 200px !important;
  border-radius: 5px !important;
  border: solid 1px var(--Border_Divider) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: var(--Input_Filled) !important;
  background: var(--Background_Secondary) !important;
  box-shadow: none !important;
  padding: 8px !important;
  scrollbar-color: #a294b5 var(--Foreground_Primary);
  overflow: auto !important;
  scrollbar-width: thin;
}
.formsection .form-group .textArea textArea.mm-textarea-lg.form-control:focus,
.formsection .form-group .mm-textarea-lg.form-control:focus,
.mm-textarea-lg.form-control:focus {
  border: solid 1px var(--Border_Focus) !important;
  background: var(--Background_Tertiary) !important;
}
.formsection .form-group .textArea textArea.mm-textarea-lg.form-control:disabled,
.formsection .form-group .mm-textarea-lg.form-control:disabled,
.mm-textarea-lg.form-control:disabled {
  border: solid 1px var(--Border_Disabled) !important;
  background: var(--Background_Disabled) !important;
  color: var(--Disabled) !important;
  cursor: not-allowed;
  pointer-events: none !important;
}
.formsection .form-group .textArea textArea.mm-textarea-lg.form-control:hover,
.formsection .form-group .mm-textarea-lg.form-control:hover,
.mm-textarea-lg.form-control:hover {
  background: var(--Background_Secondary) !important;
  border: solid 1px var(--Border_Divider);
}
.formsection .form-group .textArea textArea.mm-textarea-lg.form-control:hover:focus,
.formsection .form-group .mm-textarea-lg.form-control:hover:focus,
.mm-textarea-lg.form-control:hover:focus {
  background: var(--Background_Tertiary) !important;
}
.formsection .form-group .textArea textArea.mm-textarea-lg.form-control:visited, .formsection .form-group .textArea textArea.mm-textarea-lg.form-control:active,
.formsection .form-group .mm-textarea-lg.form-control:visited,
.formsection .form-group .mm-textarea-lg.form-control:active,
.mm-textarea-lg.form-control:visited,
.mm-textarea-lg.form-control:active {
  background: var(--Background_Secondary);
  border: solid 1px var(--Border_Divider);
}
.formsection .form-group .textArea textArea.mm-textarea-lg.form-control p,
.formsection .form-group .mm-textarea-lg.form-control p,
.mm-textarea-lg.form-control p {
  margin-top: 0px !important;
  margin-bottom: 7.5px !important;
}
.formsection .form-group .textArea textArea.mm-textarea-lg.form-control ul, .formsection .form-group .textArea textArea.mm-textarea-lg.form-control ol,
.formsection .form-group .mm-textarea-lg.form-control ul,
.formsection .form-group .mm-textarea-lg.form-control ol,
.mm-textarea-lg.form-control ul,
.mm-textarea-lg.form-control ol {
  margin-top: 0px !important;
  margin-bottom: 7.5px !important;
  padding-left: 20px !important;
}
.formsection .form-group .textArea textArea.mm-textarea-lg.form-control::-webkit-scrollbar,
.formsection .form-group .mm-textarea-lg.form-control::-webkit-scrollbar,
.mm-textarea-lg.form-control::-webkit-scrollbar {
  width: 13px !important;
  border: 0px solid #000 !important;
}
.formsection .form-group .textArea textArea.mm-textarea-lg.form-control::-webkit-scrollbar-track,
.formsection .form-group .mm-textarea-lg.form-control::-webkit-scrollbar-track,
.mm-textarea-lg.form-control::-webkit-scrollbar-track {
  box-shadow: none;
  border-radius: 5px;
  background: transparent !important;
  border: none !important;
}
.formsection .form-group .textArea textArea.mm-textarea-lg.form-control::-webkit-scrollbar-track:hover,
.formsection .form-group .mm-textarea-lg.form-control::-webkit-scrollbar-track:hover,
.mm-textarea-lg.form-control::-webkit-scrollbar-track:hover {
  background: transparent !important;
}
.formsection .form-group .textArea textArea.mm-textarea-lg.form-control::-webkit-scrollbar-thumb,
.formsection .form-group .mm-textarea-lg.form-control::-webkit-scrollbar-thumb,
.mm-textarea-lg.form-control::-webkit-scrollbar-thumb {
  background: #7b6c8f;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-radius: 5px;
  background-clip: content-box;
}
.formsection .form-group .textArea textArea.mm-textarea-lg.form-control::-webkit-scrollbar-thumb:hover,
.formsection .form-group .mm-textarea-lg.form-control::-webkit-scrollbar-thumb:hover,
.mm-textarea-lg.form-control::-webkit-scrollbar-thumb:hover {
  background: #7b6c8f;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-radius: 5px;
  background-clip: content-box;
}
.formsection .form-group .textArea textArea.mm-textarea-lg.form-control::-moz-scrollbar,
.formsection .form-group .mm-textarea-lg.form-control::-moz-scrollbar,
.mm-textarea-lg.form-control::-moz-scrollbar {
  width: 10px;
}
.formsection .form-group .textArea textArea.mm-textarea-lg.form-control::-moz-scrollbar-track,
.formsection .form-group .mm-textarea-lg.form-control::-moz-scrollbar-track,
.mm-textarea-lg.form-control::-moz-scrollbar-track {
  box-shadow: none;
  border-radius: 0px;
  background: transparent !important;
}
.formsection .form-group .textArea textArea.mm-textarea-lg.form-control::-moz-scrollbar-track:hover,
.formsection .form-group .mm-textarea-lg.form-control::-moz-scrollbar-track:hover,
.mm-textarea-lg.form-control::-moz-scrollbar-track:hover {
  background: transparent !important;
}
.formsection .form-group .textArea textArea.mm-textarea-lg.form-control::-moz-scrollbar-thumb,
.formsection .form-group .mm-textarea-lg.form-control::-moz-scrollbar-thumb,
.mm-textarea-lg.form-control::-moz-scrollbar-thumb {
  background: #7b6c8f;
  border: 4px solid transparent;
  border-radius: 5px;
  background-clip: content-box;
}
.formsection .form-group .textArea textArea.mm-textarea-lg.form-control::-moz-scrollbar-thumb:hover,
.formsection .form-group .mm-textarea-lg.form-control::-moz-scrollbar-thumb:hover,
.mm-textarea-lg.form-control::-moz-scrollbar-thumb:hover {
  background: #7b6c8f;
  border: 4px solid transparent;
  border-radius: 5px;
  background-clip: content-box;
}
.formsection .form-group .textArea textArea.mm-textarea-lg.insight-Prompt,
.formsection .form-group .mm-textarea-lg.insight-Prompt,
.mm-textarea-lg.insight-Prompt {
  max-height: 300px !important;
}

.formsection .form-group textarea.mm-textarea-maptitle.form-control,
.formsection .form-group .form-control.mm-textarea-maptitle.form-control,
.mm-textarea-maptitle.form-control {
  min-height: 70px !important;
  border-radius: 5px !important;
  border: solid 1px var(--Border_Divider) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: var(--Input_Filled) !important;
  background: var(--Background_Secondary) !important;
  box-shadow: none !important;
  padding: 8px !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  max-height: none !important;
}
.formsection .form-group textarea.mm-textarea-maptitle.form-control:focus,
.formsection .form-group .form-control.mm-textarea-maptitle.form-control:focus,
.mm-textarea-maptitle.form-control:focus {
  border: solid 1px var(--Border_Focus) !important;
  background: var(--Background_Tertiary) !important;
}
.formsection .form-group textarea.mm-textarea-maptitle.form-control:disabled,
.formsection .form-group .form-control.mm-textarea-maptitle.form-control:disabled,
.mm-textarea-maptitle.form-control:disabled {
  border: solid 1px var(--Border_Disabled) !important;
  background: var(--Background_Disabled) !important;
  color: var(--Disabled) !important;
  cursor: not-allowed;
  pointer-events: none !important;
}
.formsection .form-group textarea.mm-textarea-maptitle.form-control:hover,
.formsection .form-group .form-control.mm-textarea-maptitle.form-control:hover,
.mm-textarea-maptitle.form-control:hover {
  background: var(--Background_Secondary) !important;
  border: solid 1px var(--Border_Divider);
}
.formsection .form-group textarea.mm-textarea-maptitle.form-control:hover:focus,
.formsection .form-group .form-control.mm-textarea-maptitle.form-control:hover:focus,
.mm-textarea-maptitle.form-control:hover:focus {
  background: var(--Background_Tertiary) !important;
}
.formsection .form-group textarea.mm-textarea-maptitle.form-control:visited, .formsection .form-group textarea.mm-textarea-maptitle.form-control:active,
.formsection .form-group .form-control.mm-textarea-maptitle.form-control:visited,
.formsection .form-group .form-control.mm-textarea-maptitle.form-control:active,
.mm-textarea-maptitle.form-control:visited,
.mm-textarea-maptitle.form-control:active {
  background: var(--Background_Secondary);
  border: solid 1px var(--Border_Divider);
}
.formsection .form-group textarea.mm-textarea-maptitle.form-control p,
.formsection .form-group .form-control.mm-textarea-maptitle.form-control p,
.mm-textarea-maptitle.form-control p {
  margin-top: 0px !important;
  margin-bottom: 7.5px !important;
}
.formsection .form-group textarea.mm-textarea-maptitle.form-control ul, .formsection .form-group textarea.mm-textarea-maptitle.form-control ol,
.formsection .form-group .form-control.mm-textarea-maptitle.form-control ul,
.formsection .form-group .form-control.mm-textarea-maptitle.form-control ol,
.mm-textarea-maptitle.form-control ul,
.mm-textarea-maptitle.form-control ol {
  margin-top: 0px !important;
  margin-bottom: 7.5px !important;
  padding-left: 20px !important;
}

.formsection .form-group .form-control.mm-textarea-tp-title.form-control,
.mm-textarea-tp-title.form-control {
  min-height: 70px !important;
  border-radius: 5px !important;
  border: solid 1px var(--Border_Divider) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: var(--Input_Filled) !important;
  background: var(--Background_Secondary) !important;
  box-shadow: none !important;
  padding: 8px !important;
}
.formsection .form-group .form-control.mm-textarea-tp-title.form-control:focus,
.mm-textarea-tp-title.form-control:focus {
  border: solid 1px var(--Border_Focus) !important;
  background: var(--Background_Tertiary) !important;
}
.formsection .form-group .form-control.mm-textarea-tp-title.form-control:disabled,
.mm-textarea-tp-title.form-control:disabled {
  border: solid 1px var(--Border_Disabled) !important;
  background: var(--Background_Disabled) !important;
  color: var(--Disabled) !important;
  cursor: not-allowed;
  pointer-events: none !important;
}
.formsection .form-group .form-control.mm-textarea-tp-title.form-control:hover,
.mm-textarea-tp-title.form-control:hover {
  background: var(--Background_Secondary) !important;
  border: solid 1px var(--Border_Divider);
}
.formsection .form-group .form-control.mm-textarea-tp-title.form-control:hover:focus,
.mm-textarea-tp-title.form-control:hover:focus {
  background: var(--Background_Tertiary) !important;
}
.formsection .form-group .form-control.mm-textarea-tp-title.form-control:visited, .formsection .form-group .form-control.mm-textarea-tp-title.form-control:active,
.mm-textarea-tp-title.form-control:visited,
.mm-textarea-tp-title.form-control:active {
  background: var(--Background_Secondary);
  border: solid 1px var(--Border_Divider);
}
.formsection .form-group .form-control.mm-textarea-tp-title.form-control p,
.mm-textarea-tp-title.form-control p {
  margin-top: 0px !important;
  margin-bottom: 7.5px !important;
}
.formsection .form-group .form-control.mm-textarea-tp-title.form-control ul, .formsection .form-group .form-control.mm-textarea-tp-title.form-control ol,
.mm-textarea-tp-title.form-control ul,
.mm-textarea-tp-title.form-control ol {
  margin-top: 0px !important;
  margin-bottom: 7.5px !important;
  padding-left: 20px !important;
}

.formsection .form-group .mm-textarea-fixed.form-control,
.mm-textarea-fixed.form-control {
  min-height: 90px !important;
  max-height: 90px !important;
  height: 90px !important;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent !important;
  overflow: auto !important;
  border-radius: 5px !important;
  border: solid 1px var(--Border_Divider) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: var(--Input_Filled) !important;
  background: var(--Background_Secondary) !important;
  box-shadow: none !important;
  padding: 8px !important;
  scrollbar-color: #a294b5 var(--Foreground_Primary);
  overflow: auto !important;
  scrollbar-width: thin;
}
.formsection .form-group .mm-textarea-fixed.form-control.height-70,
.mm-textarea-fixed.form-control.height-70 {
  min-height: 70px !important;
  max-height: 70px !important;
  height: 70px !important;
}
.formsection .form-group .mm-textarea-fixed.form-control.height-32,
.mm-textarea-fixed.form-control.height-32 {
  min-height: 32px !important;
  max-height: 32px !important;
  height: 32px !important;
}
.formsection .form-group .mm-textarea-fixed.form-control:focus,
.mm-textarea-fixed.form-control:focus {
  border: solid 1px var(--Border_Focus) !important;
  background: var(--Background_Tertiary) !important;
}
.formsection .form-group .mm-textarea-fixed.form-control:disabled,
.mm-textarea-fixed.form-control:disabled {
  border: solid 1px var(--Border_Disabled) !important;
  background: var(--Background_Disabled) !important;
  color: var(--Disabled) !important;
  cursor: not-allowed;
  pointer-events: none !important;
}
.formsection .form-group .mm-textarea-fixed.form-control:hover,
.mm-textarea-fixed.form-control:hover {
  background: var(--Background_Secondary) !important;
  border: solid 1px var(--Border_Divider);
}
.formsection .form-group .mm-textarea-fixed.form-control:hover:focus,
.mm-textarea-fixed.form-control:hover:focus {
  background: var(--Background_Tertiary) !important;
}
.formsection .form-group .mm-textarea-fixed.form-control:visited, .formsection .form-group .mm-textarea-fixed.form-control:active,
.mm-textarea-fixed.form-control:visited,
.mm-textarea-fixed.form-control:active {
  background: var(--Background_Secondary);
  border: solid 1px var(--Border_Divider);
}
.formsection .form-group .mm-textarea-fixed.form-control p,
.mm-textarea-fixed.form-control p {
  margin-top: 0px !important;
  margin-bottom: 7.5px !important;
}
.formsection .form-group .mm-textarea-fixed.form-control ul, .formsection .form-group .mm-textarea-fixed.form-control ol,
.mm-textarea-fixed.form-control ul,
.mm-textarea-fixed.form-control ol {
  margin-top: 0px !important;
  margin-bottom: 7.5px !important;
  padding-left: 20px !important;
}
.formsection .form-group .mm-textarea-fixed.form-control::-webkit-scrollbar,
.mm-textarea-fixed.form-control::-webkit-scrollbar {
  width: 13px !important;
  border: 0px solid #000 !important;
}
.formsection .form-group .mm-textarea-fixed.form-control::-webkit-scrollbar-track,
.mm-textarea-fixed.form-control::-webkit-scrollbar-track {
  box-shadow: none;
  border-radius: 5px;
  background: transparent !important;
  border: none !important;
}
.formsection .form-group .mm-textarea-fixed.form-control::-webkit-scrollbar-track:hover,
.mm-textarea-fixed.form-control::-webkit-scrollbar-track:hover {
  background: transparent !important;
}
.formsection .form-group .mm-textarea-fixed.form-control::-webkit-scrollbar-thumb,
.mm-textarea-fixed.form-control::-webkit-scrollbar-thumb {
  background: #7b6c8f;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-radius: 5px;
  background-clip: content-box;
}
.formsection .form-group .mm-textarea-fixed.form-control::-webkit-scrollbar-thumb:hover,
.mm-textarea-fixed.form-control::-webkit-scrollbar-thumb:hover {
  background: #7b6c8f;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-radius: 5px;
  background-clip: content-box;
}
.formsection .form-group .mm-textarea-fixed.form-control::-moz-scrollbar,
.mm-textarea-fixed.form-control::-moz-scrollbar {
  width: 10px;
}
.formsection .form-group .mm-textarea-fixed.form-control::-moz-scrollbar-track,
.mm-textarea-fixed.form-control::-moz-scrollbar-track {
  box-shadow: none;
  border-radius: 0px;
  background: transparent !important;
}
.formsection .form-group .mm-textarea-fixed.form-control::-moz-scrollbar-track:hover,
.mm-textarea-fixed.form-control::-moz-scrollbar-track:hover {
  background: transparent !important;
}
.formsection .form-group .mm-textarea-fixed.form-control::-moz-scrollbar-thumb,
.mm-textarea-fixed.form-control::-moz-scrollbar-thumb {
  background: #7b6c8f;
  border: 4px solid transparent;
  border-radius: 5px;
  background-clip: content-box;
}
.formsection .form-group .mm-textarea-fixed.form-control::-moz-scrollbar-thumb:hover,
.mm-textarea-fixed.form-control::-moz-scrollbar-thumb:hover {
  background: #7b6c8f;
  border: 4px solid transparent;
  border-radius: 5px;
  background-clip: content-box;
}

/*************** 1. Imports ******************/
/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Mixins ******************/
/*------Global Select Dropdown Medium-------*/
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control,
.mm-select-md.form-control {
  min-height: 40px !important;
  border-radius: 5px !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: var(--Input_Filled) !important;
  background: var(--Background_Secondary) !important;
  box-shadow: none !important;
  border: solid 0px var(--Border_Divider) !important;
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control:focus,
.mm-select-md.form-control:focus {
  border: solid 1px var(--Border_Focus) !important;
  background: var(--Background_Tertiary) !important;
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control .dropdown-toggle,
.mm-select-md.form-control .dropdown-toggle {
  min-height: 40px !important;
  padding: 8px !important;
  font-size: 13px !important;
  background: var(--Background_Secondary) !important;
  border: solid 1px var(--Border_Divider) !important;
  border-radius: 5px !important;
  font-weight: 400 !important;
  color: var(--Input_Filled) !important;
  outline: none !important;
  box-shadow: none !important;
  top: 0px !important;
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control .dropdown-toggle:focus,
.mm-select-md.form-control .dropdown-toggle:focus {
  border: solid 1px var(--Border_Focus) !important;
  background: var(--Background_Tertiary) !important;
  outline: none !important;
  box-shadow: none !important;
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control .dropdown-toggle:disabled,
.mm-select-md.form-control .dropdown-toggle:disabled {
  border: solid 1px var(--Border_Disabled) !important;
  background: var(--Background_Disabled) !important;
  color: var(--Disabled) !important;
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control .dropdown-toggle:hover, .addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control .dropdown-toggle:visited, .addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control .dropdown-toggle:active,
.mm-select-md.form-control .dropdown-toggle:hover,
.mm-select-md.form-control .dropdown-toggle:visited,
.mm-select-md.form-control .dropdown-toggle:active {
  background: var(--Background_Secondary);
  border: solid 1px var(--Border_Divider);
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control .dropdown-toggle::after,
.mm-select-md.form-control .dropdown-toggle::after {
  right: 18px !important;
  font-size: 18px !important;
  top: 8px !important;
  content: "" !important;
  font-family: FontAwesome !important;
  position: absolute !important;
  border: none !important;
  color: var(--Input_Filled) !important;
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control .dropdown-toggle .filter-option-inner-inner,
.mm-select-md.form-control .dropdown-toggle .filter-option-inner-inner {
  color: var(--Input_Filled) !important;
  padding-right: 20px !important;
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control .dropdown-menu,
.mm-select-md.form-control .dropdown-menu {
  background: var(--Foreground_Primary) !important;
  border: 1px solid var(--Border_Divider) !important;
  border-radius: 5px !important;
  padding: 5px 0px;
  margin-top: 2px !important;
  z-index: 4 !important;
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control .dropdown-menu .bs-actionsbox,
.mm-select-md.form-control .dropdown-menu .bs-actionsbox {
  background: var(--Foreground_Primary) !important;
  padding: 0px 0px 5px 0px !important;
  border-bottom: solid 1px var(--Border_Disabled);
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control .dropdown-menu .bs-actionsbox .btn-group,
.mm-select-md.form-control .dropdown-menu .bs-actionsbox .btn-group {
  display: block !important;
  background: var(--Foreground_Segment);
  width: calc(100% - 10px);
  margin-left: 5px;
  margin-right: 5px;
  border-radius: 6px;
  padding: 0px !important;
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control .dropdown-menu .bs-actionsbox .btn-group .actions-btn,
.mm-select-md.form-control .dropdown-menu .bs-actionsbox .btn-group .actions-btn {
  display: inline-block;
  color: var(--Title) !important;
  text-align: left;
  border: 0;
  padding: 5px 10px !important;
  border-bottom: 0px solid #000;
  font-weight: 600;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  background: transparent !important;
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control .dropdown-menu .bs-actionsbox .btn-group .actions-btn:focus, .addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control .dropdown-menu .bs-actionsbox .btn-group .actions-btn:active, .addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control .dropdown-menu .bs-actionsbox .btn-group .actions-btn:visited,
.mm-select-md.form-control .dropdown-menu .bs-actionsbox .btn-group .actions-btn:focus,
.mm-select-md.form-control .dropdown-menu .bs-actionsbox .btn-group .actions-btn:active,
.mm-select-md.form-control .dropdown-menu .bs-actionsbox .btn-group .actions-btn:visited {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control .dropdown-menu .bs-actionsbox .btn-group .actions-btn:nth-child(1),
.mm-select-md.form-control .dropdown-menu .bs-actionsbox .btn-group .actions-btn:nth-child(1) {
  width: 47% !important;
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control .dropdown-menu .bs-actionsbox .btn-group .actions-btn:nth-child(2),
.mm-select-md.form-control .dropdown-menu .bs-actionsbox .btn-group .actions-btn:nth-child(2) {
  width: 53% !important;
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control .dropdown-menu .inner,
.mm-select-md.form-control .dropdown-menu .inner {
  scrollbar-color: #a294b5 var(--Foreground_Primary);
  overflow: auto !important;
  overflow-x: hidden !important;
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control .dropdown-menu .inner ul.dropdown-menu.inner,
.mm-select-md.form-control .dropdown-menu .inner ul.dropdown-menu.inner {
  background: var(--Foreground_Primary) !important;
  border: 0px solid var(--Border_Divider) !important;
  border-radius: 0px;
  padding: 0px 0px;
  margin-top: 0px !important;
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control .dropdown-menu .inner ul.dropdown-menu.inner li,
.mm-select-md.form-control .dropdown-menu .inner ul.dropdown-menu.inner li {
  background: transparent !important;
  height: auto !important;
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a,
.mm-select-md.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a {
  color: var(--Input_Filled) !important;
  font-weight: 400;
  font-size: 13px;
  padding: 8.25px 30px 8.25px 8px !important;
  border-bottom: 0px solid var(--Border_Divider);
  height: auto !important;
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a:hover,
.mm-select-md.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a:hover {
  background: var(--Background_Tertiary) !important;
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a.active,
.mm-select-md.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a.active {
  background: var(--Background_Tertiary) !important;
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a.selected span.check-mark,
.mm-select-md.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a.selected span.check-mark {
  position: absolute;
  display: inline-block;
  right: 10px;
  top: 11px;
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a span.text,
.mm-select-md.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a span.text {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  display: block;
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a span.text small,
.mm-select-md.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a span.text small {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control .dropdown-menu .inner ul.dropdown-menu.inner li:nth-child(1) a,
.mm-select-md.form-control .dropdown-menu .inner ul.dropdown-menu.inner li:nth-child(1) a {
  border-top: 0px solid var(--Border_Divider);
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control .dropdown-menu .inner ul.dropdown-menu.inner li.no-results,
.mm-select-md.form-control .dropdown-menu .inner ul.dropdown-menu.inner li.no-results {
  color: var(--Body) !important;
  font-size: 12px !important;
  word-wrap: break-word;
  white-space: normal !important;
  margin: 0px !important;
  padding: 8px !important;
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control .dropdown-menu .inner::-webkit-scrollbar,
.mm-select-md.form-control .dropdown-menu .inner::-webkit-scrollbar {
  width: 13px;
  border: 0px solid #000 !important;
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control .dropdown-menu .inner::-webkit-scrollbar-track,
.mm-select-md.form-control .dropdown-menu .inner::-webkit-scrollbar-track {
  box-shadow: none;
  border-radius: 0px;
  background: var(--Foreground_Primary);
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control .dropdown-menu .inner::-webkit-scrollbar-track:hover,
.mm-select-md.form-control .dropdown-menu .inner::-webkit-scrollbar-track:hover {
  background: var(--Foreground_Primary);
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control .dropdown-menu .inner::-webkit-scrollbar-thumb,
.mm-select-md.form-control .dropdown-menu .inner::-webkit-scrollbar-thumb {
  background: var(--Border_Divider);
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control .dropdown-menu .inner::-webkit-scrollbar-thumb:hover,
.mm-select-md.form-control .dropdown-menu .inner::-webkit-scrollbar-thumb:hover {
  background: #a294b5;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control .dropdown-menu .inner::-moz-scrollbar,
.mm-select-md.form-control .dropdown-menu .inner::-moz-scrollbar {
  width: 13px;
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control .dropdown-menu .inner::-moz-scrollbar-track,
.mm-select-md.form-control .dropdown-menu .inner::-moz-scrollbar-track {
  box-shadow: none;
  border-radius: 0px;
  background: var(--Foreground_Primary);
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control .dropdown-menu .inner::-moz-scrollbar-track:hover,
.mm-select-md.form-control .dropdown-menu .inner::-moz-scrollbar-track:hover {
  background: var(--Foreground_Primary);
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control .dropdown-menu .inner::-moz-scrollbar-thumb,
.mm-select-md.form-control .dropdown-menu .inner::-moz-scrollbar-thumb {
  background: var(--Border_Divider);
  border: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control .dropdown-menu .inner::-moz-scrollbar-thumb:hover,
.mm-select-md.form-control .dropdown-menu .inner::-moz-scrollbar-thumb:hover {
  background: #a294b5;
  border: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control .dropdown-menu .bs-searchbox,
.mm-select-md.form-control .dropdown-menu .bs-searchbox {
  background: transparent !important;
  border-top: solid 0px #000;
  padding: 0px 8px 6px 8px !important;
  border-bottom: solid 1px var(--Border_Divider);
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control .dropdown-menu .bs-searchbox input,
.mm-select-md.form-control .dropdown-menu .bs-searchbox input {
  border-radius: 5px !important;
  border: solid 1px var(--Border_Divider) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: var(--Input_Filled) !important;
  background: var(--Background_Secondary) !important;
  box-shadow: none !important;
  padding: 5px 8px !important;
  line-height: 18px !important;
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control .dropdown-menu .bs-searchbox input:focus,
.mm-select-md.form-control .dropdown-menu .bs-searchbox input:focus {
  border: solid 1px var(--Border_Focus) !important;
  background: var(--Background_Tertiary) !important;
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control .dropdown-menu .bs-searchbox input:disabled, .addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control .dropdown-menu .bs-searchbox input.disabled,
.mm-select-md.form-control .dropdown-menu .bs-searchbox input:disabled,
.mm-select-md.form-control .dropdown-menu .bs-searchbox input.disabled {
  border: solid 1px var(--Border_Disabled) !important;
  background: var(--Background_Disabled) !important;
  color: var(--Disabled) !important;
  cursor: not-allowed;
  pointer-events: none !important;
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control .dropdown-menu .bs-searchbox input:disabled::-webkit-input-placeholder, .addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control .dropdown-menu .bs-searchbox input.disabled::-webkit-input-placeholder,
.mm-select-md.form-control .dropdown-menu .bs-searchbox input:disabled::-webkit-input-placeholder,
.mm-select-md.form-control .dropdown-menu .bs-searchbox input.disabled::-webkit-input-placeholder {
  color: var(--Disabled) !important;
  font-weight: 400;
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control .dropdown-menu .bs-searchbox input:disabled::-moz-placeholder, .addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control .dropdown-menu .bs-searchbox input.disabled::-moz-placeholder,
.mm-select-md.form-control .dropdown-menu .bs-searchbox input:disabled::-moz-placeholder,
.mm-select-md.form-control .dropdown-menu .bs-searchbox input.disabled::-moz-placeholder {
  color: var(--Disabled) !important;
  font-weight: 400;
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control .dropdown-menu .bs-searchbox input:disabled:-ms-input-placeholder, .addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control .dropdown-menu .bs-searchbox input.disabled:-ms-input-placeholder,
.mm-select-md.form-control .dropdown-menu .bs-searchbox input:disabled:-ms-input-placeholder,
.mm-select-md.form-control .dropdown-menu .bs-searchbox input.disabled:-ms-input-placeholder {
  color: var(--Disabled) !important;
  font-weight: 400;
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control .dropdown-menu .bs-searchbox input:disabled:-moz-placeholder, .addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control .dropdown-menu .bs-searchbox input.disabled:-moz-placeholder,
.mm-select-md.form-control .dropdown-menu .bs-searchbox input:disabled:-moz-placeholder,
.mm-select-md.form-control .dropdown-menu .bs-searchbox input.disabled:-moz-placeholder {
  color: var(--Disabled) !important;
  font-weight: 400;
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control .dropdown-menu .bs-searchbox input:hover,
.mm-select-md.form-control .dropdown-menu .bs-searchbox input:hover {
  background: var(--Background_Secondary) !important;
  border: solid 1px var(--Border_Divider);
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control .dropdown-menu .bs-searchbox input:hover:focus,
.mm-select-md.form-control .dropdown-menu .bs-searchbox input:hover:focus {
  background: var(--Background_Tertiary) !important;
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control .dropdown-menu .bs-searchbox input:visited, .addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control .dropdown-menu .bs-searchbox input:active,
.mm-select-md.form-control .dropdown-menu .bs-searchbox input:visited,
.mm-select-md.form-control .dropdown-menu .bs-searchbox input:active {
  background: var(--Background_Secondary);
  border: solid 1px var(--Border_Divider);
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control .dropdown-menu .bs-searchbox input.delete,
.mm-select-md.form-control .dropdown-menu .bs-searchbox input.delete {
  text-align: center !important;
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control.group-checkbox-md .dropdown-menu .inner ul.dropdown-menu.inner li.dropdown-header,
.mm-select-md.form-control.group-checkbox-md .dropdown-menu .inner ul.dropdown-menu.inner li.dropdown-header {
  padding: 2px 10px;
  color: var(--Subtitle);
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control.group-checkbox-md .dropdown-menu .inner ul.dropdown-menu.inner li.dropdown-divider,
.mm-select-md.form-control.group-checkbox-md .dropdown-menu .inner ul.dropdown-menu.inner li.dropdown-divider {
  border-top: 1px solid var(--Border_Divider);
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control.group-checkbox-md .dropdown-menu .inner ul.dropdown-menu.inner li a span.check-mark,
.mm-select-md.form-control.group-checkbox-md .dropdown-menu .inner ul.dropdown-menu.inner li a span.check-mark {
  top: 8px !important;
  height: 20px;
  width: 20px;
  background-color: var(--Foreground_Primary);
  border: solid 2px var(--Border_Divider);
  border-radius: 3px;
  float: left;
  margin: 0px 0px 0px 0px;
  display: block;
  position: unset !important;
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control.group-checkbox-md .dropdown-menu .inner ul.dropdown-menu.inner li a span.check-mark:hover,
.mm-select-md.form-control.group-checkbox-md .dropdown-menu .inner ul.dropdown-menu.inner li a span.check-mark:hover {
  background-color: var(--Foreground_Primary);
  border: solid 2px var(--Border_Focus);
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control.group-checkbox-md .dropdown-menu .inner ul.dropdown-menu.inner li a span.check-mark.bs-ok-default::after,
.mm-select-md.form-control.group-checkbox-md .dropdown-menu .inner ul.dropdown-menu.inner li a span.check-mark.bs-ok-default::after {
  border: none !important;
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control.group-checkbox-md .dropdown-menu .inner ul.dropdown-menu.inner li a span.text,
.mm-select-md.form-control.group-checkbox-md .dropdown-menu .inner ul.dropdown-menu.inner li a span.text {
  display: inline-block !important;
  margin-right: 0px !important;
  padding-left: 10px !important;
  color: var(--Title) !important;
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control.group-checkbox-md .dropdown-menu .inner ul.dropdown-menu.inner li.selected span.check-mark::after,
.mm-select-md.form-control.group-checkbox-md .dropdown-menu .inner ul.dropdown-menu.inner li.selected span.check-mark::after {
  border: transparent;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  background: var(--Checkbox_filled);
  height: 20px;
  width: 20px;
  border-radius: 3px;
  border: solid 2px var(--Border_Divider);
  margin-left: -2px;
  margin-top: -2px;
  content: "";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  line-height: 19px;
  text-align: center;
  font-size: 12px !important;
  transform: none !important;
  color: #fff !important;
}
.addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .mm-select-md.form-control.group-checkbox-md .dropdown-menu .inner ul.dropdown-menu.inner li.selected span.check-mark:hover::after,
.mm-select-md.form-control.group-checkbox-md .dropdown-menu .inner ul.dropdown-menu.inner li.selected span.check-mark:hover::after {
  border: solid 2px var(--Checkbox_filled);
}

/*------Global Select Dropdown Small-------*/
.filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control,
.mm-select-sm.form-control {
  min-height: 30px !important;
  height: 30px !important;
  padding: 0px !important;
  border-radius: 5px !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: var(--Input_Filled) !important;
  background: var(--Background_Secondary) !important;
  box-shadow: none !important;
  border: solid 0px var(--Border_Divider) !important;
}
.filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control.disabled .disabled.dropdown-toggle,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control.disabled .disabled.dropdown-toggle,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control.disabled .disabled.dropdown-toggle,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control.disabled .disabled.dropdown-toggle,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control.disabled .disabled.dropdown-toggle,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control.disabled .disabled.dropdown-toggle,
.mm-select-sm.form-control.disabled .disabled.dropdown-toggle {
  border: solid 1px var(--Border_Divider) !important;
  background: var(--Background_Disabled) !important;
  color: var(--Disabled) !important;
  cursor: not-allowed;
  pointer-events: none !important;
}
.filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control.disabled .disabled.dropdown-toggle::before,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control.disabled .disabled.dropdown-toggle::before,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control.disabled .disabled.dropdown-toggle::before,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control.disabled .disabled.dropdown-toggle::before,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control.disabled .disabled.dropdown-toggle::before,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control.disabled .disabled.dropdown-toggle::before,
.mm-select-sm.form-control.disabled .disabled.dropdown-toggle::before {
  right: 7px !important;
  font-size: 16px !important;
  top: 4px !important;
  content: "" !important;
  font-family: FontAwesome !important;
  position: absolute !important;
  border: none !important;
  color: var(--Input_Filled) !important;
  z-index: 100;
}
.filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control:focus,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control:focus,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control:focus,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control:focus,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control:focus,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control:focus,
.mm-select-sm.form-control:focus {
  border: solid 1px var(--Border_Focus) !important;
  background: var(--Background_Tertiary) !important;
}
.filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-toggle,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control .dropdown-toggle,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-toggle,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control .dropdown-toggle,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control .dropdown-toggle,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control .dropdown-toggle,
.mm-select-sm.form-control .dropdown-toggle {
  min-height: 30px !important;
  padding: 4.5px 8px !important;
  font-size: 12px !important;
  background: var(--Background_Secondary) !important;
  border: solid 1px var(--Border_Divider) !important;
  border-radius: 5px !important;
  font-weight: 400 !important;
  color: var(--Input_Filled) !important;
  outline: none !important;
  box-shadow: none !important;
  top: 0px !important;
}
.filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-toggle:focus,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control .dropdown-toggle:focus,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-toggle:focus,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control .dropdown-toggle:focus,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control .dropdown-toggle:focus,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control .dropdown-toggle:focus,
.mm-select-sm.form-control .dropdown-toggle:focus {
  border: solid 1px var(--Border_Focus) !important;
  background: var(--Background_Tertiary) !important;
  outline: none !important;
  box-shadow: none !important;
}
.filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-toggle:disabled,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control .dropdown-toggle:disabled,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-toggle:disabled,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control .dropdown-toggle:disabled,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control .dropdown-toggle:disabled,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control .dropdown-toggle:disabled,
.mm-select-sm.form-control .dropdown-toggle:disabled {
  border: solid 1px var(--Border_Disabled) !important;
  background: var(--Background_Disabled) !important;
  color: var(--Disabled) !important;
}
.filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-toggle:hover, .filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-toggle:visited, .filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-toggle:active,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control .dropdown-toggle:hover,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control .dropdown-toggle:visited,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control .dropdown-toggle:active,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-toggle:hover,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-toggle:visited,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-toggle:active,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control .dropdown-toggle:hover,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control .dropdown-toggle:visited,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control .dropdown-toggle:active,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control .dropdown-toggle:hover,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control .dropdown-toggle:visited,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control .dropdown-toggle:active,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control .dropdown-toggle:hover,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control .dropdown-toggle:visited,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control .dropdown-toggle:active,
.mm-select-sm.form-control .dropdown-toggle:hover,
.mm-select-sm.form-control .dropdown-toggle:visited,
.mm-select-sm.form-control .dropdown-toggle:active {
  background: var(--Background_Secondary);
  border: solid 1px var(--Border_Divider);
}
.filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-toggle::after,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control .dropdown-toggle::after,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-toggle::after,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control .dropdown-toggle::after,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control .dropdown-toggle::after,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control .dropdown-toggle::after,
.mm-select-sm.form-control .dropdown-toggle::after {
  right: 18px !important;
  font-size: 16px !important;
  top: 4px !important;
  content: "" !important;
  font-family: FontAwesome !important;
  position: absolute !important;
  border: none !important;
  color: var(--Input_Filled) !important;
}
.filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-toggle .filter-option-inner-inner,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control .dropdown-toggle .filter-option-inner-inner,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-toggle .filter-option-inner-inner,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control .dropdown-toggle .filter-option-inner-inner,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control .dropdown-toggle .filter-option-inner-inner,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control .dropdown-toggle .filter-option-inner-inner,
.mm-select-sm.form-control .dropdown-toggle .filter-option-inner-inner {
  color: var(--Input_Filled) !important;
  padding-right: 20px !important;
  text-overflow: ellipsis;
}
.filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control .dropdown-menu,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control .dropdown-menu,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control .dropdown-menu,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control .dropdown-menu,
.mm-select-sm.form-control .dropdown-menu {
  background: var(--Foreground_Primary) !important;
  border: 1px solid var(--Border_Divider) !important;
  border-radius: 5px !important;
  padding: 5px 0px;
  margin-top: 2px !important;
  z-index: 4 !important;
  top: 2px !important;
  left: 0px !important;
  min-width: 200px;
  width: 100%;
}
.filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .bs-actionsbox,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-actionsbox,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .bs-actionsbox,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-actionsbox,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control .dropdown-menu .bs-actionsbox,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-actionsbox,
.mm-select-sm.form-control .dropdown-menu .bs-actionsbox {
  background: var(--Foreground_Primary) !important;
  padding: 0px 0px 5px 0px !important;
  border-bottom: solid 1px var(--Border_Disabled);
}
.filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .bs-actionsbox .btn-group,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-actionsbox .btn-group,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .bs-actionsbox .btn-group,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-actionsbox .btn-group,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control .dropdown-menu .bs-actionsbox .btn-group,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-actionsbox .btn-group,
.mm-select-sm.form-control .dropdown-menu .bs-actionsbox .btn-group {
  display: block !important;
  background: var(--Foreground_Segment);
  width: calc(100% - 10px);
  margin-left: 5px;
  margin-right: 5px;
  border-radius: 6px;
  padding: 0px !important;
}
.filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .bs-actionsbox .btn-group .actions-btn,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-actionsbox .btn-group .actions-btn,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .bs-actionsbox .btn-group .actions-btn,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-actionsbox .btn-group .actions-btn,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control .dropdown-menu .bs-actionsbox .btn-group .actions-btn,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-actionsbox .btn-group .actions-btn,
.mm-select-sm.form-control .dropdown-menu .bs-actionsbox .btn-group .actions-btn {
  display: inline-block;
  color: var(--Title) !important;
  text-align: left;
  border: 0;
  padding: 5px 10px !important;
  border-bottom: 0px solid #000;
  font-weight: 600;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  background: transparent !important;
}
.filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .bs-actionsbox .btn-group .actions-btn:focus, .filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .bs-actionsbox .btn-group .actions-btn:active, .filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .bs-actionsbox .btn-group .actions-btn:visited,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-actionsbox .btn-group .actions-btn:focus,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-actionsbox .btn-group .actions-btn:active,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-actionsbox .btn-group .actions-btn:visited,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .bs-actionsbox .btn-group .actions-btn:focus,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .bs-actionsbox .btn-group .actions-btn:active,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .bs-actionsbox .btn-group .actions-btn:visited,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-actionsbox .btn-group .actions-btn:focus,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-actionsbox .btn-group .actions-btn:active,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-actionsbox .btn-group .actions-btn:visited,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control .dropdown-menu .bs-actionsbox .btn-group .actions-btn:focus,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control .dropdown-menu .bs-actionsbox .btn-group .actions-btn:active,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control .dropdown-menu .bs-actionsbox .btn-group .actions-btn:visited,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-actionsbox .btn-group .actions-btn:focus,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-actionsbox .btn-group .actions-btn:active,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-actionsbox .btn-group .actions-btn:visited,
.mm-select-sm.form-control .dropdown-menu .bs-actionsbox .btn-group .actions-btn:focus,
.mm-select-sm.form-control .dropdown-menu .bs-actionsbox .btn-group .actions-btn:active,
.mm-select-sm.form-control .dropdown-menu .bs-actionsbox .btn-group .actions-btn:visited {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}
.filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .bs-actionsbox .btn-group .actions-btn:nth-child(1),
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-actionsbox .btn-group .actions-btn:nth-child(1),
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .bs-actionsbox .btn-group .actions-btn:nth-child(1),
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-actionsbox .btn-group .actions-btn:nth-child(1),
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control .dropdown-menu .bs-actionsbox .btn-group .actions-btn:nth-child(1),
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-actionsbox .btn-group .actions-btn:nth-child(1),
.mm-select-sm.form-control .dropdown-menu .bs-actionsbox .btn-group .actions-btn:nth-child(1) {
  width: 47% !important;
}
.filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .bs-actionsbox .btn-group .actions-btn:nth-child(2),
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-actionsbox .btn-group .actions-btn:nth-child(2),
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .bs-actionsbox .btn-group .actions-btn:nth-child(2),
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-actionsbox .btn-group .actions-btn:nth-child(2),
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control .dropdown-menu .bs-actionsbox .btn-group .actions-btn:nth-child(2),
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-actionsbox .btn-group .actions-btn:nth-child(2),
.mm-select-sm.form-control .dropdown-menu .bs-actionsbox .btn-group .actions-btn:nth-child(2) {
  width: 53% !important;
}
.filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .inner,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .inner,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control .dropdown-menu .inner,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner,
.mm-select-sm.form-control .dropdown-menu .inner {
  box-shadow: none !important;
  scrollbar-color: #a294b5 var(--Foreground_Primary);
  overflow: auto !important;
  overflow-x: hidden !important;
}
.filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control .dropdown-menu .inner ul.dropdown-menu.inner,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner,
.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner {
  background: var(--Foreground_Primary) !important;
  border: 0px solid var(--Border_Divider) !important;
  border-radius: 0px;
  padding: 0px 0px;
  margin-top: 0px !important;
  box-shadow: none !important;
  margin: 0px !important;
}
.filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control .dropdown-menu .inner ul.dropdown-menu.inner li,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li,
.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li {
  background: transparent !important;
  border-bottom: 0px solid #000 !important;
}
.filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a,
.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a {
  color: var(--Title) !important;
  font-weight: 400;
  font-size: 12px;
  padding: 7px 8px !important;
  border-bottom: 0px solid var(--Border_Divider);
  background: transparent !important;
}
.filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a:hover,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a:hover,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a:hover,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a:hover,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a:hover,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a:hover,
.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a:hover {
  background: var(--Background_Tertiary) !important;
}
.filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a.active,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a.active,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a.active,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a.active,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a.active,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a.active,
.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a.active {
  background: var(--Background_Tertiary) !important;
}
.filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a.activeLC, .filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a.inactiveLC,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a.activeLC,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a.inactiveLC,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a.activeLC,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a.inactiveLC,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a.activeLC,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a.inactiveLC,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a.activeLC,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a.inactiveLC,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a.activeLC,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a.inactiveLC,
.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a.activeLC,
.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a.inactiveLC {
  background: transparent !important;
  border-bottom: solid 0px #3f3449 !important;
}
.filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a span.text,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a span.text,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a span.text,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a span.text,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a span.text,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a span.text,
.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a span.text {
  margin: 1px 0px 1px 0px;
}
.filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a .check-mark.bs-ok-default,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a .check-mark.bs-ok-default,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a .check-mark.bs-ok-default,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a .check-mark.bs-ok-default,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a .check-mark.bs-ok-default,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a .check-mark.bs-ok-default,
.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a .check-mark.bs-ok-default {
  display: none;
}
.filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li:nth-child(1) a,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li:nth-child(1) a,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li:nth-child(1) a,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li:nth-child(1) a,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control .dropdown-menu .inner ul.dropdown-menu.inner li:nth-child(1) a,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li:nth-child(1) a,
.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li:nth-child(1) a {
  border-top: 0px solid var(--Border_Divider);
}
.filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li span.check-mark,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li span.check-mark,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li span.check-mark,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li span.check-mark,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control .dropdown-menu .inner ul.dropdown-menu.inner li span.check-mark,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li span.check-mark,
.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li span.check-mark {
  top: 8px !important;
  height: 20px;
  width: 20px;
  background-color: var(--Foreground_Primary);
  border: solid 2px var(--Border_Divider);
  border-radius: 3px;
  float: left;
  margin: 0px 0px 0px 0px;
  display: block;
  position: unset !important;
}
.filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li span.check-mark:hover,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li span.check-mark:hover,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li span.check-mark:hover,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li span.check-mark:hover,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control .dropdown-menu .inner ul.dropdown-menu.inner li span.check-mark:hover,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li span.check-mark:hover,
.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li span.check-mark:hover {
  background-color: var(--Foreground_Primary);
  border: solid 2px var(--Border_Focus);
}
.filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li.selected span.check-mark::after,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li.selected span.check-mark::after,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li.selected span.check-mark::after,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li.selected span.check-mark::after,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control .dropdown-menu .inner ul.dropdown-menu.inner li.selected span.check-mark::after,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li.selected span.check-mark::after,
.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li.selected span.check-mark::after {
  border: transparent;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  background: var(--Checkbox_filled);
  height: 20px;
  width: 20px;
  border-radius: 3px;
  border: solid 2px var(--Border_Divider);
  margin-left: -2px;
  margin-top: -2px;
  content: "";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  line-height: 19px;
  text-align: center;
  font-size: 12px !important;
  transform: none !important;
  color: #fff !important;
}
.filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li.selected span.check-mark:hover::after,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li.selected span.check-mark:hover::after,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li.selected span.check-mark:hover::after,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li.selected span.check-mark:hover::after,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control .dropdown-menu .inner ul.dropdown-menu.inner li.selected span.check-mark:hover::after,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li.selected span.check-mark:hover::after,
.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li.selected span.check-mark:hover::after {
  border: solid 2px var(--Checkbox_filled);
}
.filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li.no-results,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li.no-results,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li.no-results,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li.no-results,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control .dropdown-menu .inner ul.dropdown-menu.inner li.no-results,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li.no-results,
.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li.no-results {
  color: var(--Body) !important;
  font-size: 12px !important;
  word-wrap: break-word;
  white-space: normal !important;
  margin: 0px !important;
  padding: 8px !important;
}
.filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .inner::-webkit-scrollbar,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner::-webkit-scrollbar,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .inner::-webkit-scrollbar,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner::-webkit-scrollbar,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control .dropdown-menu .inner::-webkit-scrollbar,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner::-webkit-scrollbar,
.mm-select-sm.form-control .dropdown-menu .inner::-webkit-scrollbar {
  width: 13px;
  border: 0px solid #000 !important;
}
.filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .inner::-webkit-scrollbar-track,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner::-webkit-scrollbar-track,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .inner::-webkit-scrollbar-track,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner::-webkit-scrollbar-track,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control .dropdown-menu .inner::-webkit-scrollbar-track,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner::-webkit-scrollbar-track,
.mm-select-sm.form-control .dropdown-menu .inner::-webkit-scrollbar-track {
  box-shadow: none;
  border-radius: 0px;
  background: var(--Foreground_Primary);
}
.filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .inner::-webkit-scrollbar-track:hover,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner::-webkit-scrollbar-track:hover,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .inner::-webkit-scrollbar-track:hover,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner::-webkit-scrollbar-track:hover,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control .dropdown-menu .inner::-webkit-scrollbar-track:hover,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner::-webkit-scrollbar-track:hover,
.mm-select-sm.form-control .dropdown-menu .inner::-webkit-scrollbar-track:hover {
  background: var(--Foreground_Primary);
}
.filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .inner::-webkit-scrollbar-thumb,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner::-webkit-scrollbar-thumb,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .inner::-webkit-scrollbar-thumb,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner::-webkit-scrollbar-thumb,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control .dropdown-menu .inner::-webkit-scrollbar-thumb,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner::-webkit-scrollbar-thumb,
.mm-select-sm.form-control .dropdown-menu .inner::-webkit-scrollbar-thumb {
  background: var(--Border_Divider);
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}
.filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .inner::-webkit-scrollbar-thumb:hover,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner::-webkit-scrollbar-thumb:hover,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .inner::-webkit-scrollbar-thumb:hover,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner::-webkit-scrollbar-thumb:hover,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control .dropdown-menu .inner::-webkit-scrollbar-thumb:hover,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner::-webkit-scrollbar-thumb:hover,
.mm-select-sm.form-control .dropdown-menu .inner::-webkit-scrollbar-thumb:hover {
  background: #a294b5;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}
.filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .inner::-moz-scrollbar,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner::-moz-scrollbar,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .inner::-moz-scrollbar,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner::-moz-scrollbar,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control .dropdown-menu .inner::-moz-scrollbar,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner::-moz-scrollbar,
.mm-select-sm.form-control .dropdown-menu .inner::-moz-scrollbar {
  width: 13px;
}
.filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .inner::-moz-scrollbar-track,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner::-moz-scrollbar-track,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .inner::-moz-scrollbar-track,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner::-moz-scrollbar-track,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control .dropdown-menu .inner::-moz-scrollbar-track,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner::-moz-scrollbar-track,
.mm-select-sm.form-control .dropdown-menu .inner::-moz-scrollbar-track {
  box-shadow: none;
  border-radius: 0px;
  background: var(--Foreground_Primary);
}
.filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .inner::-moz-scrollbar-track:hover,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner::-moz-scrollbar-track:hover,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .inner::-moz-scrollbar-track:hover,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner::-moz-scrollbar-track:hover,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control .dropdown-menu .inner::-moz-scrollbar-track:hover,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner::-moz-scrollbar-track:hover,
.mm-select-sm.form-control .dropdown-menu .inner::-moz-scrollbar-track:hover {
  background: var(--Foreground_Primary);
}
.filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .inner::-moz-scrollbar-thumb,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner::-moz-scrollbar-thumb,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .inner::-moz-scrollbar-thumb,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner::-moz-scrollbar-thumb,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control .dropdown-menu .inner::-moz-scrollbar-thumb,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner::-moz-scrollbar-thumb,
.mm-select-sm.form-control .dropdown-menu .inner::-moz-scrollbar-thumb {
  background: var(--Border_Divider);
  border: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}
.filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .inner::-moz-scrollbar-thumb:hover,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner::-moz-scrollbar-thumb:hover,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .inner::-moz-scrollbar-thumb:hover,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner::-moz-scrollbar-thumb:hover,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control .dropdown-menu .inner::-moz-scrollbar-thumb:hover,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control .dropdown-menu .inner::-moz-scrollbar-thumb:hover,
.mm-select-sm.form-control .dropdown-menu .inner::-moz-scrollbar-thumb:hover {
  background: #a294b5;
  border: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}
.filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .bs-searchbox,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-searchbox,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .bs-searchbox,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-searchbox,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control .dropdown-menu .bs-searchbox,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-searchbox,
.mm-select-sm.form-control .dropdown-menu .bs-searchbox {
  background: transparent !important;
  border-top: solid 0px #000 !important;
  padding: 0px 8px 6px 8px !important;
  border-bottom: solid 1px var(--Border_Disabled);
}
.filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .bs-searchbox input,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-searchbox input,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .bs-searchbox input,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-searchbox input,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control .dropdown-menu .bs-searchbox input,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-searchbox input,
.mm-select-sm.form-control .dropdown-menu .bs-searchbox input {
  border-radius: 5px !important;
  border: solid 1px var(--Border_Divider) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: var(--Input_Filled) !important;
  background: var(--Background_Secondary) !important;
  box-shadow: none !important;
  padding: 5px 8px !important;
  line-height: 18px !important;
}
.filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .bs-searchbox input:focus,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-searchbox input:focus,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .bs-searchbox input:focus,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-searchbox input:focus,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control .dropdown-menu .bs-searchbox input:focus,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-searchbox input:focus,
.mm-select-sm.form-control .dropdown-menu .bs-searchbox input:focus {
  border: solid 1px var(--Border_Focus) !important;
  background: var(--Background_Tertiary) !important;
}
.filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .bs-searchbox input:disabled, .filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .bs-searchbox input.disabled,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-searchbox input:disabled,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-searchbox input.disabled,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .bs-searchbox input:disabled,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .bs-searchbox input.disabled,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-searchbox input:disabled,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-searchbox input.disabled,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control .dropdown-menu .bs-searchbox input:disabled,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control .dropdown-menu .bs-searchbox input.disabled,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-searchbox input:disabled,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-searchbox input.disabled,
.mm-select-sm.form-control .dropdown-menu .bs-searchbox input:disabled,
.mm-select-sm.form-control .dropdown-menu .bs-searchbox input.disabled {
  border: solid 1px var(--Border_Disabled) !important;
  background: var(--Background_Disabled) !important;
  color: var(--Disabled) !important;
  cursor: not-allowed;
  pointer-events: none !important;
}
.filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .bs-searchbox input:disabled::-webkit-input-placeholder, .filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .bs-searchbox input.disabled::-webkit-input-placeholder,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-searchbox input:disabled::-webkit-input-placeholder,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-searchbox input.disabled::-webkit-input-placeholder,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .bs-searchbox input:disabled::-webkit-input-placeholder,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .bs-searchbox input.disabled::-webkit-input-placeholder,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-searchbox input:disabled::-webkit-input-placeholder,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-searchbox input.disabled::-webkit-input-placeholder,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control .dropdown-menu .bs-searchbox input:disabled::-webkit-input-placeholder,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control .dropdown-menu .bs-searchbox input.disabled::-webkit-input-placeholder,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-searchbox input:disabled::-webkit-input-placeholder,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-searchbox input.disabled::-webkit-input-placeholder,
.mm-select-sm.form-control .dropdown-menu .bs-searchbox input:disabled::-webkit-input-placeholder,
.mm-select-sm.form-control .dropdown-menu .bs-searchbox input.disabled::-webkit-input-placeholder {
  color: var(--Disabled) !important;
  font-weight: 400;
}
.filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .bs-searchbox input:disabled::-moz-placeholder, .filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .bs-searchbox input.disabled::-moz-placeholder,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-searchbox input:disabled::-moz-placeholder,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-searchbox input.disabled::-moz-placeholder,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .bs-searchbox input:disabled::-moz-placeholder,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .bs-searchbox input.disabled::-moz-placeholder,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-searchbox input:disabled::-moz-placeholder,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-searchbox input.disabled::-moz-placeholder,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control .dropdown-menu .bs-searchbox input:disabled::-moz-placeholder,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control .dropdown-menu .bs-searchbox input.disabled::-moz-placeholder,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-searchbox input:disabled::-moz-placeholder,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-searchbox input.disabled::-moz-placeholder,
.mm-select-sm.form-control .dropdown-menu .bs-searchbox input:disabled::-moz-placeholder,
.mm-select-sm.form-control .dropdown-menu .bs-searchbox input.disabled::-moz-placeholder {
  color: var(--Disabled) !important;
  font-weight: 400;
}
.filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .bs-searchbox input:disabled:-ms-input-placeholder, .filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .bs-searchbox input.disabled:-ms-input-placeholder,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-searchbox input:disabled:-ms-input-placeholder,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-searchbox input.disabled:-ms-input-placeholder,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .bs-searchbox input:disabled:-ms-input-placeholder,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .bs-searchbox input.disabled:-ms-input-placeholder,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-searchbox input:disabled:-ms-input-placeholder,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-searchbox input.disabled:-ms-input-placeholder,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control .dropdown-menu .bs-searchbox input:disabled:-ms-input-placeholder,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control .dropdown-menu .bs-searchbox input.disabled:-ms-input-placeholder,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-searchbox input:disabled:-ms-input-placeholder,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-searchbox input.disabled:-ms-input-placeholder,
.mm-select-sm.form-control .dropdown-menu .bs-searchbox input:disabled:-ms-input-placeholder,
.mm-select-sm.form-control .dropdown-menu .bs-searchbox input.disabled:-ms-input-placeholder {
  color: var(--Disabled) !important;
  font-weight: 400;
}
.filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .bs-searchbox input:disabled:-moz-placeholder, .filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .bs-searchbox input.disabled:-moz-placeholder,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-searchbox input:disabled:-moz-placeholder,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-searchbox input.disabled:-moz-placeholder,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .bs-searchbox input:disabled:-moz-placeholder,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .bs-searchbox input.disabled:-moz-placeholder,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-searchbox input:disabled:-moz-placeholder,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-searchbox input.disabled:-moz-placeholder,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control .dropdown-menu .bs-searchbox input:disabled:-moz-placeholder,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control .dropdown-menu .bs-searchbox input.disabled:-moz-placeholder,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-searchbox input:disabled:-moz-placeholder,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-searchbox input.disabled:-moz-placeholder,
.mm-select-sm.form-control .dropdown-menu .bs-searchbox input:disabled:-moz-placeholder,
.mm-select-sm.form-control .dropdown-menu .bs-searchbox input.disabled:-moz-placeholder {
  color: var(--Disabled) !important;
  font-weight: 400;
}
.filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .bs-searchbox input:hover,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-searchbox input:hover,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .bs-searchbox input:hover,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-searchbox input:hover,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control .dropdown-menu .bs-searchbox input:hover,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-searchbox input:hover,
.mm-select-sm.form-control .dropdown-menu .bs-searchbox input:hover {
  background: var(--Background_Secondary) !important;
  border: solid 1px var(--Border_Divider);
}
.filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .bs-searchbox input:hover:focus,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-searchbox input:hover:focus,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .bs-searchbox input:hover:focus,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-searchbox input:hover:focus,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control .dropdown-menu .bs-searchbox input:hover:focus,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-searchbox input:hover:focus,
.mm-select-sm.form-control .dropdown-menu .bs-searchbox input:hover:focus {
  background: var(--Background_Tertiary) !important;
}
.filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .bs-searchbox input:visited, .filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .bs-searchbox input:active,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-searchbox input:visited,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-searchbox input:active,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .bs-searchbox input:visited,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .bs-searchbox input:active,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-searchbox input:visited,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-searchbox input:active,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control .dropdown-menu .bs-searchbox input:visited,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control .dropdown-menu .bs-searchbox input:active,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-searchbox input:visited,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-searchbox input:active,
.mm-select-sm.form-control .dropdown-menu .bs-searchbox input:visited,
.mm-select-sm.form-control .dropdown-menu .bs-searchbox input:active {
  background: var(--Background_Secondary);
  border: solid 1px var(--Border_Divider);
}
.filtercheckbox .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .bs-searchbox input.delete,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-searchbox input.delete,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.form-control .dropdown-menu .bs-searchbox input.delete,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-searchbox input.delete,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.form-control .dropdown-menu .bs-searchbox input.delete,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.form-control .dropdown-menu .bs-searchbox input.delete,
.mm-select-sm.form-control .dropdown-menu .bs-searchbox input.delete {
  text-align: center !important;
}
.filtercheckbox .form-control.bootstrap-select.mm-select-sm.quotes-dropdown.form-control .dropdown-menu,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.quotes-dropdown.form-control .dropdown-menu,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.quotes-dropdown.form-control .dropdown-menu,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.quotes-dropdown.form-control .dropdown-menu,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.quotes-dropdown.form-control .dropdown-menu,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.quotes-dropdown.form-control .dropdown-menu,
.mm-select-sm.quotes-dropdown.form-control .dropdown-menu {
  transform: translate3d(0px, 32px, 0px) !important;
}
.filtercheckbox .form-control.bootstrap-select.mm-select-sm.quotes-dropdown.form-control .dropdown-menu .inner ul.dropdown-menu.inner,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.quotes-dropdown.form-control .dropdown-menu .inner ul.dropdown-menu.inner,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.quotes-dropdown.form-control .dropdown-menu .inner ul.dropdown-menu.inner,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.quotes-dropdown.form-control .dropdown-menu .inner ul.dropdown-menu.inner,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.quotes-dropdown.form-control .dropdown-menu .inner ul.dropdown-menu.inner,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.quotes-dropdown.form-control .dropdown-menu .inner ul.dropdown-menu.inner,
.mm-select-sm.quotes-dropdown.form-control .dropdown-menu .inner ul.dropdown-menu.inner {
  transform: translate3d(0px, 0px, 0px) !important;
}
.filtercheckbox .form-control.bootstrap-select.mm-select-sm.show-tick .dropdown-menu li a,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.show-tick .dropdown-menu li a,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.show-tick .dropdown-menu li a,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.show-tick .dropdown-menu li a,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.show-tick .dropdown-menu li a,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.show-tick .dropdown-menu li a,
.mm-select-sm.show-tick .dropdown-menu li a {
  border-bottom: 0px solid #000 !important;
}
.filtercheckbox .form-control.bootstrap-select.mm-select-sm.show-tick .dropdown-menu li a .check-mark.bs-ok-default,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.show-tick .dropdown-menu li a .check-mark.bs-ok-default,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.show-tick .dropdown-menu li a .check-mark.bs-ok-default,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.show-tick .dropdown-menu li a .check-mark.bs-ok-default,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.show-tick .dropdown-menu li a .check-mark.bs-ok-default,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.show-tick .dropdown-menu li a .check-mark.bs-ok-default,
.mm-select-sm.show-tick .dropdown-menu li a .check-mark.bs-ok-default {
  display: block !important;
}
.filtercheckbox .form-control.bootstrap-select.mm-select-sm.show-tick .dropdown-menu li a .check-mark.bs-ok-default::after,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.show-tick .dropdown-menu li a .check-mark.bs-ok-default::after,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.show-tick .dropdown-menu li a .check-mark.bs-ok-default::after,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.show-tick .dropdown-menu li a .check-mark.bs-ok-default::after,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.show-tick .dropdown-menu li a .check-mark.bs-ok-default::after,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.show-tick .dropdown-menu li a .check-mark.bs-ok-default::after,
.mm-select-sm.show-tick .dropdown-menu li a .check-mark.bs-ok-default::after {
  width: auto;
  height: auto;
  border-style: solid;
  border-width: 0 0em 0em 0;
}
.filtercheckbox .form-control.bootstrap-select.mm-select-sm.show-tick .dropdown-menu li a .text,
.personasBody .personaBodyPopup .popBoxPersona .form-row .form-group .form-control.mm-select-sm.show-tick .dropdown-menu li a .text,
.shareMilkyMapModal .userSelectDropdown .form-control.bootstrap-select.mm-select-sm.show-tick .dropdown-menu li a .text,
.mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .form-control.mm-select-sm.show-tick .dropdown-menu li a .text,
.customlistDropdown .form-row .form-group .addDimensions .form-control.mm-select-sm.bootstrap-select.show-tick .dropdown-menu li a .text,
.KPIwidgetArea .formsection .form-group .form-control.mm-select-sm.show-tick .dropdown-menu li a .text,
.mm-select-sm.show-tick .dropdown-menu li a .text {
  margin: 1px 0px 1px 14px !important;
}

.widgetArea .formsection .form-group .form-control.mm-select-sm {
  padding: 0px !important;
}
.widgetArea .formsection .form-group .form-control.mm-select-sm .dropdown-menu {
  top: 2px !important;
  left: 0px !important;
  background: var(--Foreground_Primary) !important;
  z-index: 20 !important;
}

.mm-select-sm.appy-select.form-control .dropdown-menu .inner ul.dropdown-menu.inner {
  padding-bottom: 48px;
}
.mm-select-sm.appy-select.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a.applyBtn {
  position: absolute !important;
  width: calc(100% - 0px);
  bottom: 0;
  text-align: center;
  background: var(--Foreground_Primary) !important;
  border-top: solid 1px var(--Border_Divider) !important;
  z-index: 10;
  height: 49px !important;
  display: block;
}
.mm-select-sm.appy-select.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a.applyBtn .check-mark {
  display: none !important;
}
.mm-select-sm.appy-select.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a.applyBtn:hover {
  background: var(--Foreground_Primary) !important;
}

/*------Global Select Dropdown Transparent-------*/
.transparent-dropdown {
  height: 20px !important;
  min-height: 20px !important;
}
.transparent-dropdown .mm-select-sm {
  background: transparent !important;
  height: 20px !important;
  min-height: 20px !important;
  margin-top: -5px;
}
.transparent-dropdown .mm-select-sm .dropdown-toggle {
  background: transparent !important;
  border: 0px solid var(--Border_Divider) !important;
  height: 20px !important;
  min-height: 20px !important;
  padding: 0 !important;
  margin: 0 !important;
}
.transparent-dropdown .mm-select-sm .dropdown-toggle:focus, .transparent-dropdown .mm-select-sm .dropdown-toggle:hover, .transparent-dropdown .mm-select-sm .dropdown-toggle:active {
  height: 20px !important;
  min-height: 20px !important;
  padding: 0 !important;
  border: 0px solid var(--Border_Divider) !important;
  background: transparent !important;
}
.transparent-dropdown .mm-select-sm .dropdown-toggle::after {
  top: 0 !important;
  right: 15px !important;
  font-size: 15px !important;
}
.transparent-dropdown .mm-select-sm .dropdown-toggle .filter-option {
  height: 20px !important;
  min-height: 20px !important;
}
.transparent-dropdown .mm-select-sm .dropdown-toggle .filter-option .filter-option-inner-inner {
  color: var(--Title) !important;
}
.transparent-dropdown .mm-select-sm .dropdown-menu {
  min-width: 150px !important;
}
.transparent-dropdown .mm-select-sm .dropdown-menu li {
  padding: 0px !important;
}
.transparent-dropdown.list-inline-item .mm-select-sm {
  margin-top: 0px !important;
}
.transparent-dropdown.list-inline-item .mm-select-sm .dropdown-toggle::after {
  top: 2px !important;
}

.normal-select.form-control {
  border: solid 1px var(--Border_Divider) !important;
}

/*************** 1. Imports ******************/
/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Mixins ******************/
/*------Modal-------*/
.global-modal.mainModal .modal-content {
  border: 0px solid #000 !important;
  background: var(--Foreground_Primary) !important;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) !important;
  border-radius: 5px !important;
}
.global-modal.mainModal .modal-content .modal-body {
  background: transparent !important;
  border-top: 1px solid var(--Foreground_Primary) !important;
  border-right: solid 0px var(--Foreground_Primary);
  padding-top: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
}
.global-modal.mainModal .modal-content .modal-body.pl-50 {
  padding-left: 50px !important;
}
.global-modal.mainModal .modal-content .modal-header {
  background: transparent !important;
  box-shadow: none !important;
  border-bottom: solid 1px var(--Border_Bounds);
  width: calc(100% - 40px);
  margin-left: 20px;
  margin-right: 20px;
  padding-left: 0px;
  padding-right: 0px;
}
.global-modal.mainModal .modal-content .modal-header .modal-title {
  margin: 0px !important;
  font-size: 17px !important;
  font-weight: 700;
  color: var(--Title);
  padding: 3px 15px 3px 0px;
  text-align: left;
}
.global-modal.mainModal .modal-content .modal-header .close {
  margin-right: 0px;
}
.global-modal.mainModal .modal-content .modal-footer {
  background: transparent;
  border-top: 0px solid #110a1a !important;
  padding: 20px !important;
}
.global-modal.mainModal .newDeleteModal {
  max-width: 600px !important;
}
.global-modal.mainModal .newDeleteModal .modal-body p {
  font-size: 13px;
  font-weight: 400;
  color: var(--Title);
}
.global-modal.mainModal .newDeleteModal .modal-body p.warning {
  color: var(--Warning);
}
.global-modal.modalbg {
  background: var(--Modal_Overlay) !important;
}
.global-modal .switchtoggle .switch .slider {
  background-color: #1f1829;
}

.theme-light .mainModal.global-modal .modal-content .modal-header {
  background: transparent !important;
  box-shadow: none !important;
}

.theme-light .mainModal.global-modal.modalbg {
  background: var(--Modal_Overlay) !important;
}

.theme-light .mainModal.global-modal .modal-content {
  border: 0px solid #c5c5c5 !important;
  border-radius: 0px;
  color: #000 !important;
}

.theme-light .mainModal.global-modal .modal-content .modal-body {
  background: transparent !important;
  border-top: 0px solid #c5c5c5 !important;
}

.theme-light .mainModal.global-modal .modal-content .modal-footer {
  background: transparent !important;
  border-top: 0px solid #c5c5c5 !important;
}

.global-modal-full .modal-dialog {
  max-width: 100%;
  margin: 0px 0px 0px 0px;
  height: calc(100% - 50px);
  background: var(--Modal_Fullwidth_bg);
}
.global-modal-full .modal-dialog .modal-content {
  background: var(--Modal_Fullwidth_bg);
}
.global-modal-full .modal-dialog .modal-content .modal-body {
  padding: 0px !important;
}
.global-modal-full .modal-dialog .modal-content .modal-body h1.mainhead {
  font-size: 24px;
  font-weight: 700;
  margin-top: 30px;
  margin-bottom: 30px;
}
.global-modal-full .modal-dialog .modal-content .modal-body h2.subhead {
  font-size: 18px;
  font-weight: 700;
  padding-bottom: 30px;
  margin: 0px;
}

.breadcrumb-milkymap {
  height: 40px;
  background: var(--Background_Tertiary);
}
.breadcrumb-milkymap a {
  font-size: 13px;
  line-height: 15.73px;
  color: var(--Foreground_Quartenary);
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}
.breadcrumb-milkymap a.active {
  color: var(--Title);
  font-size: 12px;
}
.breadcrumb-milkymap a.home {
  font-size: 13px;
}
.breadcrumb-milkymap a::after {
  right: -5px;
  font-size: 13px;
  top: 1px;
  content: "";
  font-family: FontAwesome;
  position: absolute;
  border: none;
  color: var(--Foreground_Quartenary);
}
.breadcrumb-milkymap a:nth-last-child(1)::after {
  content: "" !important;
}

.modal-backdrop.show {
  opacity: 0;
}

.global-component-box {
  background: var(--Background-selection_component);
  padding: 15px;
  border-radius: 5px;
  width: 100%;
  box-sizing: border-box;
  height: 100%;
  box-shadow: 0px 2px 4px 0px #00000029;
}
.global-component-box .head-label {
  font-size: 12px;
  font-weight: 400;
  margin: 0px;
  color: var(--Title);
}
.global-component-box .count-display {
  font-size: 11px;
  font-weight: 600;
  margin: 0px;
  color: var(--Caption);
}
.global-component-box .data-component .item {
  background: var(--Foreground_Secondary);
  border: solid 1px var(--Border_Divider);
  padding: 5px 10px;
  display: block;
  float: left;
  font-size: 13px;
  font-weight: 400;
  color: var(--Title);
  border-radius: 5px;
  margin: 0px 5px 5px 0px;
  position: relative;
}
.global-component-box .data-component .item:hover {
  background: var(--Foreground_Tertiary);
}
.global-component-box .data-component .item:hover .delete {
  visibility: visible;
}
.global-component-box .data-component .item .delete {
  position: absolute;
  width: 30px;
  height: 30px;
  text-align: center;
  right: 1px;
  top: 1px;
  background: var(--Foreground_Tertiary);
  border-radius: 3px;
  font-size: 20px;
  line-height: 26px;
  font-weight: 300;
  cursor: pointer;
  visibility: hidden;
}

/*************** 1. Imports ******************/
/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Mixins ******************/
/*------Global Input Fields-------*/
.filtercheckboxmaps.global-filter-box,
.filtercheckbox.global-filter-box {
  /*--- Status Filter Improvements---*/
  /*--- Status Filter Improvements---*/
  /*--- Icons Filter Improvements---*/
  /*--- Persona Filter Improvements---*/
  /*--- Custom Lists Filter---*/
  /*--- Brands Filter---*/
  /*--- Owner Select Filter---*/
  /*---Co-Owner Select Filter---*/
}
.filtercheckboxmaps.global-filter-box.statusfilter .mm-select-sm .dropdown-toggle .filter-option,
.filtercheckbox.global-filter-box.statusfilter .mm-select-sm .dropdown-toggle .filter-option {
  margin-top: 0;
}
.filtercheckboxmaps.global-filter-box.statusfilter .mm-select-sm .dropdown-toggle .filter-option .filter-option-inner .filter-option-inner-inner .statusMainarea,
.filtercheckbox.global-filter-box.statusfilter .mm-select-sm .dropdown-toggle .filter-option .filter-option-inner .filter-option-inner-inner .statusMainarea {
  width: auto;
  height: 20px;
  border-radius: 30px;
  display: inline-block;
  padding: 4px 10px;
  font-size: 12px;
  line-height: 12px;
  color: #fff;
}
.filtercheckboxmaps.global-filter-box.statusfilter .mm-select-sm .dropdown-toggle .filter-option .filter-option-inner .filter-option-inner-inner .statusMainarea img,
.filtercheckbox.global-filter-box.statusfilter .mm-select-sm .dropdown-toggle .filter-option .filter-option-inner .filter-option-inner-inner .statusMainarea img {
  display: none;
}
.filtercheckboxmaps.global-filter-box.statusfilter .mm-select-sm .dropdown-toggle .filter-option .filter-option-inner .filter-option-inner-inner .statusMainarea.todo,
.filtercheckbox.global-filter-box.statusfilter .mm-select-sm .dropdown-toggle .filter-option .filter-option-inner .filter-option-inner-inner .statusMainarea.todo {
  background: #7b6c8f;
}
.filtercheckboxmaps.global-filter-box.statusfilter .mm-select-sm .dropdown-toggle .filter-option .filter-option-inner .filter-option-inner-inner .statusMainarea.inprogress,
.filtercheckbox.global-filter-box.statusfilter .mm-select-sm .dropdown-toggle .filter-option .filter-option-inner .filter-option-inner-inner .statusMainarea.inprogress {
  background: #6483d3;
}
.filtercheckboxmaps.global-filter-box.statusfilter .mm-select-sm .dropdown-toggle .filter-option .filter-option-inner .filter-option-inner-inner .statusMainarea.done,
.filtercheckbox.global-filter-box.statusfilter .mm-select-sm .dropdown-toggle .filter-option .filter-option-inner .filter-option-inner-inner .statusMainarea.done {
  background: #0ba32d;
}
.filtercheckboxmaps.global-filter-box.importance .mm-select-sm .dropdown-toggle .filter-option,
.filtercheckbox.global-filter-box.importance .mm-select-sm .dropdown-toggle .filter-option {
  margin-top: 0;
}
.filtercheckboxmaps.global-filter-box.importance .mm-select-sm .dropdown-toggle .filter-option .filter-option-inner .filter-option-inner-inner span,
.filtercheckbox.global-filter-box.importance .mm-select-sm .dropdown-toggle .filter-option .filter-option-inner .filter-option-inner-inner span {
  background: #7800ff;
  border-radius: 10px;
  padding: 4px 10px;
  display: inline-block;
  margin-top: 0;
  margin-right: 5px;
  line-height: 12px;
}
.filtercheckboxmaps.global-filter-box.importance .mm-select-sm .dropdown-toggle .filter-option .filter-option-inner .filter-option-inner-inner span i,
.filtercheckbox.global-filter-box.importance .mm-select-sm .dropdown-toggle .filter-option .filter-option-inner .filter-option-inner-inner span i {
  margin-right: 2px;
}
.filtercheckboxmaps.global-filter-box.importance .mm-select-sm .dropdown-toggle .filter-option .filter-option-inner .filter-option-inner-inner span i.active,
.filtercheckbox.global-filter-box.importance .mm-select-sm .dropdown-toggle .filter-option .filter-option-inner .filter-option-inner-inner span i.active {
  color: #fff;
  font-size: 11px;
}
.filtercheckboxmaps.global-filter-box.importance .mm-select-sm .dropdown-toggle .filter-option .filter-option-inner .filter-option-inner-inner span i.in-active,
.filtercheckbox.global-filter-box.importance .mm-select-sm .dropdown-toggle .filter-option .filter-option-inner .filter-option-inner-inner span i.in-active {
  color: #000;
  font-size: 12px;
}
.filtercheckboxmaps.global-filter-box.importance .mm-select-sm .dropdown-toggle .filter-option .filter-option-inner .filter-option-inner-inner span i:nth-last-child(1),
.filtercheckbox.global-filter-box.importance .mm-select-sm .dropdown-toggle .filter-option .filter-option-inner .filter-option-inner-inner span i:nth-last-child(1) {
  margin-right: 0 !important;
}
.filtercheckboxmaps.global-filter-box.importance .mm-select-sm.bootstrap-select.show-tick .dropdown-menu li a .text span i,
.filtercheckbox.global-filter-box.importance .mm-select-sm.bootstrap-select.show-tick .dropdown-menu li a .text span i {
  width: 16px;
  height: 12px;
}
.filtercheckboxmaps.global-filter-box.importance .mm-select-sm.bootstrap-select.show-tick .dropdown-menu li a .text span i.in-active,
.filtercheckbox.global-filter-box.importance .mm-select-sm.bootstrap-select.show-tick .dropdown-menu li a .text span i.in-active {
  font-size: 15px;
  color: #5a4f65;
}
.filtercheckboxmaps.global-filter-box.importance .mm-select-sm.bootstrap-select.show-tick .dropdown-menu li a .text span i.active,
.filtercheckbox.global-filter-box.importance .mm-select-sm.bootstrap-select.show-tick .dropdown-menu li a .text span i.active {
  font-size: 13px;
}
.filtercheckboxmaps.global-filter-box.iconsselectfilter .mm-select-sm.bootstrap-select.show-tick .dropdown-menu li a span.text,
.filtercheckbox.global-filter-box.iconsselectfilter .mm-select-sm.bootstrap-select.show-tick .dropdown-menu li a span.text {
  background: #c2b8d0;
  padding: 3px 15px;
  border-radius: 25px;
  font-size: 12px;
}
.filtercheckboxmaps.global-filter-box.motpersona-filter .mm-select-sm .dropdown-toggle .filter-option,
.filtercheckbox.global-filter-box.motpersona-filter .mm-select-sm .dropdown-toggle .filter-option {
  margin-top: 0px;
  padding-top: 0px !important;
}
.filtercheckboxmaps.global-filter-box.motpersona-filter .mm-select-sm .dropdown-toggle .filter-option .filter-option-inner .filter-option-inner-inner span.personaselectItem,
.filtercheckbox.global-filter-box.motpersona-filter .mm-select-sm .dropdown-toggle .filter-option .filter-option-inner .filter-option-inner-inner span.personaselectItem {
  background: #c2b8d0;
  border-radius: 10px;
  padding: 3px 10px;
  display: inline-block;
  margin-top: 0;
  margin-right: 5px;
  line-height: 12px;
  color: #000;
}
.filtercheckboxmaps.global-filter-box.motpersona-filter .mm-select-sm.bootstrap-select.show-tick .dropdown-menu .inner .dropdown-menu.inner,
.filtercheckbox.global-filter-box.motpersona-filter .mm-select-sm.bootstrap-select.show-tick .dropdown-menu .inner .dropdown-menu.inner {
  overflow: hidden !important;
}
.filtercheckboxmaps.global-filter-box.motpersona-filter .mm-select-sm.bootstrap-select.show-tick .dropdown-menu .inner .dropdown-menu.inner li a,
.filtercheckbox.global-filter-box.motpersona-filter .mm-select-sm.bootstrap-select.show-tick .dropdown-menu .inner .dropdown-menu.inner li a {
  height: 32px !important;
}
.filtercheckboxmaps.global-filter-box.motpersona-filter .mm-select-sm.bootstrap-select.show-tick .dropdown-menu .inner .dropdown-menu.inner li a span.text,
.filtercheckbox.global-filter-box.motpersona-filter .mm-select-sm.bootstrap-select.show-tick .dropdown-menu .inner .dropdown-menu.inner li a span.text {
  width: calc(100% - 40px) !important;
  margin-top: -1px;
}
.filtercheckboxmaps.global-filter-box.motpersona-filter .mm-select-sm.bootstrap-select.show-tick .dropdown-menu .inner .dropdown-menu.inner li a span.text .personaselectItem,
.filtercheckbox.global-filter-box.motpersona-filter .mm-select-sm.bootstrap-select.show-tick .dropdown-menu .inner .dropdown-menu.inner li a span.text .personaselectItem {
  background: #c2b8d0;
  padding: 0 10px;
  border-radius: 25px;
  font-size: 12px;
  color: #000;
  width: 220px !important;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.filtercheckboxmaps.global-filter-box.custom-lists .mm-select-sm.bootstrap-select.show-tick .dropdown-menu li a,
.filtercheckbox.global-filter-box.custom-lists .mm-select-sm.bootstrap-select.show-tick .dropdown-menu li a {
  height: 32px !important;
}
.filtercheckboxmaps.global-filter-box.custom-lists .mm-select-sm.bootstrap-select.show-tick .dropdown-menu li a span.text,
.filtercheckbox.global-filter-box.custom-lists .mm-select-sm.bootstrap-select.show-tick .dropdown-menu li a span.text {
  width: calc(100% - 32px) !important;
  margin: 1px 0 1px 14px !important;
}
.filtercheckboxmaps.global-filter-box.custom-lists .mm-select-sm.bootstrap-select.show-tick .dropdown-menu li a span.text .customlistColor,
.filtercheckbox.global-filter-box.custom-lists .mm-select-sm.bootstrap-select.show-tick .dropdown-menu li a span.text .customlistColor {
  padding: 0;
  font-size: 12px;
  color: var(--Title);
  width: 240px !important;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.filtercheckboxmaps.global-filter-box.global-brand-filter .mm-select-sm .dropdown-toggle .filter-option,
.filtercheckbox.global-filter-box.global-brand-filter .mm-select-sm .dropdown-toggle .filter-option {
  margin-top: 0;
  padding-top: 0 !important;
}
.filtercheckboxmaps.global-filter-box.global-brand-filter .mm-select-sm .dropdown-toggle .filter-option .filter-option-inner .filter-option-inner-inner img,
.filtercheckbox.global-filter-box.global-brand-filter .mm-select-sm .dropdown-toggle .filter-option .filter-option-inner .filter-option-inner-inner img {
  width: 60px;
  background: #c2b8d0;
  border-radius: 25px;
  height: 18px;
  object-fit: contain;
  padding: 4px;
  margin-right: 3px !important;
}
.filtercheckboxmaps.global-filter-box.global-brand-filter .mm-select-sm .dropdown-toggle .filter-option .filter-option-inner .filter-option-inner-inner .brandname,
.filtercheckbox.global-filter-box.global-brand-filter .mm-select-sm .dropdown-toggle .filter-option .filter-option-inner .filter-option-inner-inner .brandname {
  line-height: 20px;
  display: inline-block;
}
.filtercheckboxmaps.global-filter-box.global-brand-filter .mm-select-sm.bootstrap-select.show-tick .dropdown-menu .inner ul.dropdown-menu.inner li a,
.filtercheckbox.global-filter-box.global-brand-filter .mm-select-sm.bootstrap-select.show-tick .dropdown-menu .inner ul.dropdown-menu.inner li a {
  padding: 6px 8px !important;
  height: 34px !important;
}
.filtercheckboxmaps.global-filter-box.global-brand-filter .mm-select-sm.bootstrap-select.show-tick .dropdown-menu .inner ul.dropdown-menu.inner li a span.text,
.filtercheckbox.global-filter-box.global-brand-filter .mm-select-sm.bootstrap-select.show-tick .dropdown-menu .inner ul.dropdown-menu.inner li a span.text {
  width: calc(250px - 30px) !important;
  margin-top: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 0 !important;
  margin-left: 10px !important;
  float: left;
}
.filtercheckboxmaps.global-filter-box.global-brand-filter .mm-select-sm.bootstrap-select.show-tick .dropdown-menu .inner ul.dropdown-menu.inner li a span.text img,
.filtercheckbox.global-filter-box.global-brand-filter .mm-select-sm.bootstrap-select.show-tick .dropdown-menu .inner ul.dropdown-menu.inner li a span.text img {
  width: 60px;
  background: #c2b8d0;
  border-radius: 25px;
  height: 16px;
  object-fit: contain;
  padding: 2px;
  margin-right: 3px !important;
}
.filtercheckboxmaps.global-filter-box.global-brand-filter .mm-select-sm.bootstrap-select.show-tick .dropdown-menu .inner ul.dropdown-menu.inner li a span.check-mark,
.filtercheckbox.global-filter-box.global-brand-filter .mm-select-sm.bootstrap-select.show-tick .dropdown-menu .inner ul.dropdown-menu.inner li a span.check-mark {
  margin-right: 0 !important;
}
.filtercheckboxmaps.global-filter-box.ownerSelect .mm-select-sm.bootstrap-select.show-tick .dropdown-menu li a,
.filtercheckbox.global-filter-box.ownerSelect .mm-select-sm.bootstrap-select.show-tick .dropdown-menu li a {
  height: 32px !important;
}
.filtercheckboxmaps.global-filter-box.ownerSelect .mm-select-sm.bootstrap-select.show-tick .dropdown-menu li a span.text,
.filtercheckbox.global-filter-box.ownerSelect .mm-select-sm.bootstrap-select.show-tick .dropdown-menu li a span.text {
  font-size: 12px;
  color: var(--Title);
  width: 240px !important;
  display: block;
  margin-top: 0;
  padding-left: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.filtercheckboxmaps.global-filter-box.ownerSelect .mm-select-sm.bootstrap-select.show-tick .dropdown-menu li a span.check-mark,
.filtercheckbox.global-filter-box.ownerSelect .mm-select-sm.bootstrap-select.show-tick .dropdown-menu li a span.check-mark {
  margin-right: 0;
}
.filtercheckboxmaps.global-filter-box.co-user-dropdown .mm-select-sm.bootstrap-select.show-tick .dropdown-menu,
.filtercheckbox.global-filter-box.co-user-dropdown .mm-select-sm.bootstrap-select.show-tick .dropdown-menu {
  padding-bottom: 50px;
  border-radius: 5px !important;
}
.filtercheckboxmaps.global-filter-box.co-user-dropdown .mm-select-sm.bootstrap-select.show-tick .dropdown-menu li a,
.filtercheckbox.global-filter-box.co-user-dropdown .mm-select-sm.bootstrap-select.show-tick .dropdown-menu li a {
  height: 32px !important;
}
.filtercheckboxmaps.global-filter-box.co-user-dropdown .mm-select-sm.bootstrap-select.show-tick .dropdown-menu li a span.text,
.filtercheckbox.global-filter-box.co-user-dropdown .mm-select-sm.bootstrap-select.show-tick .dropdown-menu li a span.text {
  font-size: 12px;
  color: var(--Title);
  width: 280px !important;
  display: block;
  margin-top: 0;
  padding-left: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.filtercheckboxmaps.global-filter-box.co-user-dropdown .mm-select-sm.bootstrap-select.show-tick .dropdown-menu li a span.check-mark,
.filtercheckbox.global-filter-box.co-user-dropdown .mm-select-sm.bootstrap-select.show-tick .dropdown-menu li a span.check-mark {
  margin-right: 0;
}
.filtercheckboxmaps.global-filter-box.co-user-dropdown .mm-select-sm.bootstrap-select.show-tick .dropdown-menu li:nth-last-child(1),
.filtercheckbox.global-filter-box.co-user-dropdown .mm-select-sm.bootstrap-select.show-tick .dropdown-menu li:nth-last-child(1) {
  text-align: center;
  background-color: #3f3449 !important;
  width: calc(100%);
  bottom: -5px;
  border-top: solid 1px var(--Border_Divider) !important;
}
.filtercheckboxmaps.global-filter-box.co-user-dropdown .mm-select-sm.bootstrap-select.show-tick .dropdown-menu li:nth-last-child(1) a,
.filtercheckbox.global-filter-box.co-user-dropdown .mm-select-sm.bootstrap-select.show-tick .dropdown-menu li:nth-last-child(1) a {
  padding: 0 !important;
  height: auto !important;
}
.filtercheckboxmaps.global-filter-box.co-user-dropdown .mm-select-sm.bootstrap-select.show-tick .dropdown-menu li:nth-last-child(1) a span.check-mark,
.filtercheckbox.global-filter-box.co-user-dropdown .mm-select-sm.bootstrap-select.show-tick .dropdown-menu li:nth-last-child(1) a span.check-mark {
  display: none;
}
.filtercheckboxmaps.global-filter-box.co-user-dropdown .mm-select-sm.bootstrap-select.show-tick .dropdown-menu li:nth-last-child(1) a span.text,
.filtercheckbox.global-filter-box.co-user-dropdown .mm-select-sm.bootstrap-select.show-tick .dropdown-menu li:nth-last-child(1) a span.text {
  text-align: center;
  padding: 7px !important;
  margin: 0 !important;
  width: 100% !important;
}
.filtercheckboxmaps.global-filter-box.co-user-dropdown .mm-select-sm.bootstrap-select.show-tick .dropdown-menu li:nth-last-child(1) a:hover,
.filtercheckbox.global-filter-box.co-user-dropdown .mm-select-sm.bootstrap-select.show-tick .dropdown-menu li:nth-last-child(1) a:hover {
  background: transparent !important;
}
.filtercheckboxmaps.global-filter-box .mm-select-sm.bootstrap-select.show-tick .dropdown-menu li, .filtercheckboxmaps.global-filter-box .mm-select-md.bootstrap-select.show-tick .dropdown-menu li,
.filtercheckbox.global-filter-box .mm-select-sm.bootstrap-select.show-tick .dropdown-menu li,
.filtercheckbox.global-filter-box .mm-select-md.bootstrap-select.show-tick .dropdown-menu li {
  font-size: 12px;
}
.filtercheckboxmaps.global-filter-box.country-checkbox-filter .mm-select-sm.bootstrap-select.show-tick .dropdown-menu li a,
.filtercheckbox.global-filter-box.country-checkbox-filter .mm-select-sm.bootstrap-select.show-tick .dropdown-menu li a {
  height: auto !important;
}
.filtercheckboxmaps.global-filter-box.country-checkbox-filter .mm-select-sm.bootstrap-select.show-tick .dropdown-menu li a span.text,
.filtercheckbox.global-filter-box.country-checkbox-filter .mm-select-sm.bootstrap-select.show-tick .dropdown-menu li a span.text {
  width: calc(100% - 40px) !important;
  margin-top: -1px;
}

/*--- Normal Owner Select Filter---*/
.normal-Select .mm-select-md.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a {
  height: auto !important;
  white-space: normal !important;
  font-size: 13px;
  color: var(--Title);
}
.normal-Select .mm-select-md.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a span {
  white-space: normal !important;
}
.normal-Select .mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a {
  height: auto !important;
  white-space: normal !important;
  font-size: 12px;
  color: var(--Title);
}
.normal-Select .mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a span {
  white-space: normal !important;
}

/*---End Normal Owner ---*/
.formsection .form-group .logsdatepicker .form-control.mm-input-sm {
  padding-left: 28px !important;
}

.filtercheckboxmaps .mm-select-sm.bootstrap-select.show-tick .dropdown-toggle {
  background: var(--Background_Secondary) !important;
  border: solid 1px var(--Border_Divider) !important;
  border-radius: 5px !important;
  font-weight: 400 !important;
  color: var(--Input_Filled) !important;
  outline: none !important;
  box-shadow: none !important;
  top: 0px !important;
}
.filtercheckboxmaps .mm-select-sm.bootstrap-select.show-tick .dropdown-toggle:focus {
  border: solid 1px var(--Border_Focus) !important;
  background: var(--Background_Tertiary) !important;
  outline: none !important;
  box-shadow: none !important;
}
.filtercheckboxmaps .mm-select-sm.bootstrap-select.show-tick .dropdown-toggle:disabled {
  border: solid 1px var(--Border_Disabled) !important;
  background: var(--Background_Disabled) !important;
  color: var(--Disabled) !important;
}
.filtercheckboxmaps .mm-select-sm.bootstrap-select.show-tick .dropdown-toggle:hover, .filtercheckboxmaps .mm-select-sm.bootstrap-select.show-tick .dropdown-toggle:visited, .filtercheckboxmaps .mm-select-sm.bootstrap-select.show-tick .dropdown-toggle:active {
  background: var(--Background_Secondary);
  border: solid 1px var(--Border_Divider);
}

.filtercheckboxmaps .mm-select-sm.bootstrap-select.show-tick .dropdown-menu li span.text {
  color: var(--Title) !important;
}

.filtercheckboxmaps.global-filter-box.motpersona-filter.mappersona .mm-select-sm.bootstrap-select.show-tick .dropdown-menu li a span.text .personaselectItem {
  width: 225px !important;
}

/*************** 1. Imports ******************/
/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Mixins ******************/
/*------Global Input Fields-------*/
.global-checkbox.insightsCheck .checkboxinner {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  float: left;
}
.global-checkbox.insightsCheck .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: var(--Foreground_Primary);
  border: solid 2px var(--Border_Divider);
  border-radius: 3px;
  color: #fff;
}
.global-checkbox.insightsCheck .checkboxinner:hover input ~ .checkmark {
  background-color: var(--Foreground_Primary);
  border: solid 2px var(--Border_Focus);
}
.global-checkbox.insightsCheck .checkboxinner input:checked ~ .checkmark {
  background: var(--Checkbox_filled);
  border: solid 2px var(--Border_Divider);
}
.global-checkbox.insightsCheck .checkboxinner:hover input:checked ~ .checkmark {
  background: var(--Checkbox_filled);
  border: solid 2px var(--Checkbox_filled);
}
.global-checkbox.insightsCheck .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.global-checkbox.insightsCheck .checkboxinner input:checked ~ .checkmark:after {
  display: block;
}
.global-checkbox.insightsCheck .checkboxinner .checkmark:after {
  content: "";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  line-height: 16px;
  text-align: center;
  border: none !important;
  font-size: 12px !important;
  transform: none !important;
  left: 2px;
  top: 0px;
  width: auto;
  height: auto;
}
.global-checkbox.insightsCheck.insightChecklight .checkboxinner .checkmark:after, .global-checkbox.insightsCheck.indeterminate-checkbox .checkboxinner .checkmark:after {
  content: "" !important;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  line-height: 16px;
  text-align: center;
  border: none !important;
  font-size: 12px !important;
  transform: none !important;
  left: 3px;
  top: 1px;
  width: auto;
  height: auto;
}
.global-checkbox.insightsCheck.insightChecklight .checkboxinner input:checked ~ .checkmark, .global-checkbox.insightsCheck.indeterminate-checkbox .checkboxinner input:checked ~ .checkmark {
  background: var(--Checkbox_filled) !important;
  border: solid 2px var(--Border_Divider);
}
.global-checkbox.insightsCheck.insightChecklight .checkboxinner:hover input:checked ~ .checkmark, .global-checkbox.insightsCheck.indeterminate-checkbox .checkboxinner:hover input:checked ~ .checkmark {
  background: var(--Checkbox_filled);
  border: solid 2px var(--Checkbox_filled);
}
.global-checkbox.checkbox label {
  font-size: 14px;
}
.global-checkbox.checkbox .custom-checkbox {
  position: absolute !important;
  opacity: 0;
}
.global-checkbox.checkbox .custom-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
}
.global-checkbox.checkbox .custom-checkbox + label:before {
  content: "";
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 20px;
  background-color: var(--Foreground_Primary);
  border: solid 2px var(--Border_Divider);
  border-radius: 3px;
  color: #fff;
  margin-top: -3px !important;
}
.global-checkbox.checkbox .custom-checkbox + label:hover::before {
  background-color: var(--Foreground_Primary);
  border: solid 2px var(--Border_Focus);
}
.global-checkbox.checkbox .custom-checkbox:focus + label:before {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
.global-checkbox.checkbox .custom-checkbox:checked + label:before {
  content: "";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  line-height: 16px;
  text-align: center;
  font-size: 12px !important;
  transform: none !important;
  left: 2px;
  top: 0px;
  background: var(--Checkbox_filled);
  border: solid 2px var(--Border_Divider);
}
.global-checkbox.checkbox .custom-checkbox:checked + label:hover::before {
  background: var(--Checkbox_filled);
  border: solid 2px var(--Checkbox_filled);
}
.global-checkbox.checkbox .custom-checkbox:disabled + label {
  color: #fff;
  cursor: auto;
}
.global-checkbox.checkbox .custom-checkbox:disabled + label:before {
  box-shadow: none;
  background: var(--Background_Disabled);
  border: 2px solid var(--Border_Disabled);
}
.global-checkbox.compareCheck {
  width: 20px !important;
  height: 20px !important;
  margin: 21.5px auto !important;
}
.global-checkbox.compareCheck .customcheckbox {
  display: block;
  position: relative;
  padding-left: 28px;
  margin-bottom: 0;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.global-checkbox.compareCheck .customcheckbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.global-checkbox.compareCheck .customcheckbox input:checked ~ .checkmark {
  left: 0px;
  top: 0px;
  background: var(--Checkbox_filled) !important;
  border: solid 2px var(--Border_Divider) !important;
}
.global-checkbox.compareCheck .customcheckbox input:checked ~ .checkmark:hover {
  border: solid 2px var(--Checkbox_filled) !important;
}
.global-checkbox.compareCheck .customcheckbox input:checked ~ .checkmark:before {
  left: 3px;
  top: 0px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 0px 0px 0;
  content: "" !important;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  line-height: 16px;
  text-align: center;
  font-size: 12px !important;
  transform: none !important;
  position: absolute;
  color: #fff !important;
}
.global-checkbox.compareCheck .customcheckbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px !important;
  width: 20px !important;
  background-color: var(--Foreground_Primary) !important;
  border: solid 2px var(--Border_Divider) !important;
  border-radius: 3px !important;
}
.global-checkbox.compareCheck .customcheckbox .checkmark:hover {
  background-color: var(--Foreground_Primary) !important;
  border: solid 2px var(--Border_Focus) !important;
}

/*************** 1. Imports ******************/
/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Mixins ******************/
/*------Global Medium Button-------*/
.global-btn-md {
  font-family: "Inter", sans-serif !important;
  border-radius: 3px !important;
  font-weight: 600;
  font-size: 16px;
  padding: 14px 30px;
  border: none;
  position: relative;
  line-height: 16.94px;
  border-radius: 5px !important;
}
.global-btn-md i {
  margin-right: 5px;
  font-size: 14px;
}
.global-btn-md img {
  width: 15px;
  margin-top: -1px;
  margin-left: 3px;
}

/*------Global Small Button-------*/
.global-btn-sm {
  font-family: "Inter", sans-serif !important;
  border-radius: 5px !important;
  width: auto;
  font-weight: 600;
  font-size: 13px;
  padding: 5.5px 20px;
  position: relative;
  line-height: 17px;
  border: none;
  height: 30px;
  outline: none !important;
  text-transform: capitalize;
  cursor: pointer;
  max-width: 100%;
  box-shadow: 0px 2px 4px 0px #00000040 !important;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.global-btn-sm i {
  margin-right: 3px;
  font-size: 11px;
}

.global-btn-md,
.global-btn-sm {
  /*------Global Gradient Button-------*/
  /*------Global Primary Button-------*/
  /*------Global Danger Button-------*/
  /*------Global Disable Button-------*/
  /*------Global Secondary Button-------*/
  /*------Global Transparency Button-------*/
  /*------Global Transparency Button Bordered-------*/
  /*------Global Inactive Button-------*/
  /*------Global Activate Button-------*/
  /*------Global Deactivate Button-------*/
  /*------Global Active Button-------*/
  /*------Global upload Button-------*/
  /*------Global Cancel Button-------*/
  /*------Global Cancel Button-------*/
}
.global-btn-md.gradientbtn,
.global-btn-sm.gradientbtn {
  background: linear-gradient(90deg, #9125e0 0%, #7b1ad5 24%, #6611cb 48.5%, #5108c0 73%, #3d00b6 100%);
  color: #fff;
  box-shadow: 0px 2px 4px 0px #00000040 !important;
}
.global-btn-md.gradientbtn:hover,
.global-btn-sm.gradientbtn:hover {
  background: radial-gradient(73% 292% at 50% 0%, #ac54e2 1%, #8633d3 25%, #6218c4 52.5%, #4706ba 75.5%, #3d00b6 100%) !important;
  color: #fff;
  box-shadow: 0px 2px 4px 0px #00000040 !important;
}
.global-btn-md.gradientbtn:active, .global-btn-md.gradientbtn:focus, .global-btn-md.gradientbtn:visited,
.global-btn-sm.gradientbtn:active,
.global-btn-sm.gradientbtn:focus,
.global-btn-sm.gradientbtn:visited {
  background: radial-gradient(73% 292% at 50% 0%, #5515ab 0%, #340487 49.5%, #230069 100%) !important;
  color: #fff;
  box-shadow: 0px 2px 4px 0px #00000040 !important;
}
.global-btn-md.primary-colorbtn,
.global-btn-sm.primary-colorbtn {
  background: #6F538F !important;
  color: #fff !important;
  box-shadow: 0px 2px 4px 0px #00000040 !important;
  transition: background-color 1s ease-out 50ms;
}
.global-btn-md.primary-colorbtn:hover,
.global-btn-sm.primary-colorbtn:hover {
  background: #7F669C !important;
  color: #fff !important;
  box-shadow: 0px 2px 4px 0px #00000040 !important;
}
.global-btn-md.primary-colorbtn:active, .global-btn-md.primary-colorbtn:focus, .global-btn-md.primary-colorbtn:visited,
.global-btn-sm.primary-colorbtn:active,
.global-btn-sm.primary-colorbtn:focus,
.global-btn-sm.primary-colorbtn:visited {
  background: #492572 !important;
  color: #fff !important;
  box-shadow: 0px 2px 4px 0px #00000040 !important;
}
.global-btn-md.dangerbtn,
.global-btn-sm.dangerbtn {
  background: #B11E27;
  color: #fff;
  box-shadow: 0px 2px 4px 0px #00000040 !important;
  transition: background-color 1s ease-out 50ms;
}
.global-btn-md.dangerbtn:hover,
.global-btn-sm.dangerbtn:hover {
  background: #F95950;
  color: #fff;
  box-shadow: 0px 2px 4px 0px #00000040 !important;
}
.global-btn-md.dangerbtn:active, .global-btn-md.dangerbtn:focus, .global-btn-md.dangerbtn:visited,
.global-btn-sm.dangerbtn:active,
.global-btn-sm.dangerbtn:focus,
.global-btn-sm.dangerbtn:visited {
  background: #FF3730;
  color: #fff;
  box-shadow: 0px 2px 4px 0px #00000040 !important;
}
.global-btn-md.disabledbtn,
.global-btn-sm.disabledbtn {
  background: var(--Border_Disabled);
  color: var(--Disabled);
  cursor: not-allowed;
  pointer-events: none;
  box-shadow: 0px 2px 4px 0px #00000040 !important;
}
.global-btn-md.secondary-colorbtn,
.global-btn-sm.secondary-colorbtn {
  background: #7F669C;
  color: #fff;
  box-shadow: 0px 2px 4px 0px #00000040 !important;
  transition: background-color 1s ease-out 50ms;
}
.global-btn-md.secondary-colorbtn:hover, .global-btn-md.secondary-colorbtn:active, .global-btn-md.secondary-colorbtn:focus, .global-btn-md.secondary-colorbtn:visited,
.global-btn-sm.secondary-colorbtn:hover,
.global-btn-sm.secondary-colorbtn:active,
.global-btn-sm.secondary-colorbtn:focus,
.global-btn-sm.secondary-colorbtn:visited {
  background: #7F669C;
  color: #fff;
  box-shadow: 0px 2px 4px 0px #00000040 !important;
}
.global-btn-md.cancelbtn-transparent,
.global-btn-sm.cancelbtn-transparent {
  color: var(--Title);
  background: transparent !important;
  transition: background-color 1s ease-out 50ms;
}
.global-btn-md.cancelbtn-transparent:hover, .global-btn-md.cancelbtn-transparent:active, .global-btn-md.cancelbtn-transparent:focus, .global-btn-md.cancelbtn-transparent:visited,
.global-btn-sm.cancelbtn-transparent:hover,
.global-btn-sm.cancelbtn-transparent:active,
.global-btn-sm.cancelbtn-transparent:focus,
.global-btn-sm.cancelbtn-transparent:visited {
  color: var(--Title);
}
.global-btn-md.bordered-transparentbtn,
.global-btn-sm.bordered-transparentbtn {
  color: var(--Input_Default);
  background: transparent;
  border: solid 1px var(--Input_Default);
  transition: background-color 1s ease-out 50ms;
}
.global-btn-md.bordered-transparentbtn:hover,
.global-btn-sm.bordered-transparentbtn:hover {
  border: solid 1px var(--Border_Default);
  background: var(--Foreground_Secondary);
  color: var(--Title);
}
.global-btn-md.bordered-transparentbtn:active, .global-btn-md.bordered-transparentbtn:focus, .global-btn-md.bordered-transparentbtn:visited,
.global-btn-sm.bordered-transparentbtn:active,
.global-btn-sm.bordered-transparentbtn:focus,
.global-btn-sm.bordered-transparentbtn:visited {
  color: var(--Title);
  border: solid 1px var(--Border_Default);
  background: var(--Foreground_Tertiary);
}
.global-btn-md.inactivebtn,
.global-btn-sm.inactivebtn {
  background: #5A4F65 !important;
  color: #fff;
  box-shadow: 0px 2px 4px 0px #00000040 !important;
  transition: background-color 1s ease-out 50ms;
}
.global-btn-md.inactivebtn:hover,
.global-btn-sm.inactivebtn:hover {
  background: #5A4F65 !important;
  color: #fff;
  box-shadow: 0px 2px 4px 0px #00000040 !important;
}
.global-btn-md.inactivebtn:active, .global-btn-md.inactivebtn:focus, .global-btn-md.inactivebtn:visited,
.global-btn-sm.inactivebtn:active,
.global-btn-sm.inactivebtn:focus,
.global-btn-sm.inactivebtn:visited {
  background: #5A4F65 !important;
  color: #fff;
  box-shadow: 0px 2px 4px 0px #00000040 !important;
}
.global-btn-md.activatebtn,
.global-btn-sm.activatebtn {
  background: #31DE4B;
  color: #fff;
  box-shadow: 0px 2px 4px 0px #00000040 !important;
  transition: background-color 1s ease-out 50ms;
}
.global-btn-md.activatebtn:hover,
.global-btn-sm.activatebtn:hover {
  background: #A6DEAF;
  color: #fff;
  box-shadow: 0px 2px 4px 0px #00000040 !important;
}
.global-btn-md.activatebtn:active, .global-btn-md.activatebtn:focus, .global-btn-md.activatebtn:visited,
.global-btn-sm.activatebtn:active,
.global-btn-sm.activatebtn:focus,
.global-btn-sm.activatebtn:visited {
  background: #28CD41;
  color: #fff;
  box-shadow: 0px 2px 4px 0px #00000040 !important;
}
.global-btn-md.deactivatebtn,
.global-btn-sm.deactivatebtn {
  background: #FFB340;
  color: #fff;
  box-shadow: 0px 2px 4px 0px #00000040 !important;
  transition: background-color 1s ease-out 50ms;
}
.global-btn-md.deactivatebtn:hover,
.global-btn-sm.deactivatebtn:hover {
  background: #FFE6BF;
  color: #fff;
  box-shadow: 0px 2px 4px 0px #00000040 !important;
}
.global-btn-md.deactivatebtn:active, .global-btn-md.deactivatebtn:focus, .global-btn-md.deactivatebtn:visited,
.global-btn-sm.deactivatebtn:active,
.global-btn-sm.deactivatebtn:focus,
.global-btn-sm.deactivatebtn:visited {
  background: #FF9500;
  color: #fff;
  box-shadow: 0px 2px 4px 0px #00000040 !important;
}
.global-btn-md.activebtn,
.global-btn-sm.activebtn {
  background: #5000bb !important;
  color: #fff !important;
  box-shadow: 0px 2px 4px 0px #00000040 !important;
  transition: background-color 1s ease-out 50ms;
}
.global-btn-md.activebtn:hover, .global-btn-md.activebtn:active, .global-btn-md.activebtn:focus, .global-btn-md.activebtn:visited,
.global-btn-sm.activebtn:hover,
.global-btn-sm.activebtn:active,
.global-btn-sm.activebtn:focus,
.global-btn-sm.activebtn:visited {
  background: #5000bb !important;
  color: #fff !important;
}
.global-btn-md.uploadbtn,
.global-btn-sm.uploadbtn {
  background: #7F669C;
  color: #fff;
  box-shadow: 0px 2px 4px 0px #00000040 !important;
  transition: background-color 1s ease-out 50ms;
}
.global-btn-md.uploadbtn:hover, .global-btn-md.uploadbtn:active, .global-btn-md.uploadbtn:focus, .global-btn-md.uploadbtn:visited,
.global-btn-sm.uploadbtn:hover,
.global-btn-sm.uploadbtn:active,
.global-btn-sm.uploadbtn:focus,
.global-btn-sm.uploadbtn:visited {
  background: #7F669C;
  color: #fff;
  box-shadow: 0px 2px 4px 0px #00000040 !important;
}
.global-btn-md.cancelbtn,
.global-btn-sm.cancelbtn {
  background: #7F669C;
  color: #fff;
  transition: background-color 1s ease-out 50ms;
}
.global-btn-md.cancelbtn:hover, .global-btn-md.cancelbtn:active, .global-btn-md.cancelbtn:focus, .global-btn-md.cancelbtn:visited,
.global-btn-sm.cancelbtn:hover,
.global-btn-sm.cancelbtn:active,
.global-btn-sm.cancelbtn:focus,
.global-btn-sm.cancelbtn:visited {
  background: #7F669C;
  color: #fff;
}
.global-btn-md.aibutton-gradient,
.global-btn-sm.aibutton-gradient {
  background-image: linear-gradient(to right, #864406 0%, #b48b05 51%, #864406 100%);
  text-align: center;
  transition: 0.5s;
  background-size: 200% auto;
  color: #fff !important;
  box-shadow: 0px 2px 4px 0px #00000040 !important;
}
.global-btn-md.aibutton-gradient:hover,
.global-btn-sm.aibutton-gradient:hover {
  background-position: right center;
  /* change the direction of the change here */
  color: #fff !important;
  box-shadow: 0px 2px 4px 0px #00000040 !important;
}
.global-btn-md.aibutton-gradient:active, .global-btn-md.aibutton-gradient:focus, .global-btn-md.aibutton-gradient:visited,
.global-btn-sm.aibutton-gradient:active,
.global-btn-sm.aibutton-gradient:focus,
.global-btn-sm.aibutton-gradient:visited {
  background-image: linear-gradient(to right, #864406 0%, #b48b05 51%, #864406 100%) !important;
  background-position: right center;
  /* change the direction of the change here */
  color: #fff !important;
  box-shadow: 0px 2px 4px 0px #00000040 !important;
}
.global-btn-md.aistarsbtn span.aistars,
.global-btn-sm.aistarsbtn span.aistars {
  display: inline-block;
  margin-right: 2px;
  vertical-align: middle;
  height: 23px;
  width: 18px;
  background: url(/bundles/map/images/ai-stars.svg) no-repeat !important;
  background-size: 18px 23px !important;
  margin-top: -2px !important;
}
.global-btn-md.aistarsbtn:hover span.aistars, .global-btn-md.aistarsbtn:visited span.aistars, .global-btn-md.aistarsbtn:active span.aistars, .global-btn-md.aistarsbtn:focus-within span.aistars, .global-btn-md.aistarsbtn:focus span.aistars,
.global-btn-sm.aistarsbtn:hover span.aistars,
.global-btn-sm.aistarsbtn:visited span.aistars,
.global-btn-sm.aistarsbtn:active span.aistars,
.global-btn-sm.aistarsbtn:focus-within span.aistars,
.global-btn-sm.aistarsbtn:focus span.aistars {
  background: url(/bundles/map/images/ai-stars.svg) no-repeat !important;
  background-size: 18px 23px !important;
}

.w-auto {
  width: auto !important;
}

.infomapAI {
  font-size: 20px !important;
  color: #6218c4;
  cursor: pointer;
}

/*************** 1. Imports ******************/
/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Mixins ******************/
/*------Alert Messages-------*/
.system-alert-messages.msg-container {
  min-width: 300px;
  max-width: 1000px;
  top: 70px !important;
  left: auto;
  right: 40px;
  width: auto !important;
}
.system-alert-messages.msg-container .alert {
  background: var(--Foreground_Primary);
  padding: 16px;
  border-radius: 15px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.08), 0px 0px 4px 0px rgba(0, 0, 0, 0.04);
  border: 0px solid transparent;
  margin-bottom: 0;
  min-height: 70px;
}
.system-alert-messages.msg-container .alert .alert-icon {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: var(--Foreground_Secondary);
  position: absolute;
  text-align: center;
  top: 50%;
  margin-top: -19px;
}
.system-alert-messages.msg-container .alert .message {
  padding-left: 54px;
  position: relative;
  padding-right: 180px;
}
.system-alert-messages.msg-container .alert .message h4 {
  color: var(--Title);
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 18.15px;
  margin: 0;
  padding-top: 2px;
}
.system-alert-messages.msg-container .alert .message .alert-desc {
  color: var(--Body);
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  margin: 0;
  padding-top: 0px;
  line-height: 20px;
}
.system-alert-messages.msg-container .alert .alert-links.nav {
  position: absolute;
  top: 50%;
  height: 38px;
  transform: translate(0%, 0%) !important;
  text-align: center;
  margin-top: -19px;
  right: 9px;
}
.system-alert-messages.msg-container .alert .alert-links.nav .icon-close {
  width: 24px;
  height: 24px;
  margin: 7px;
  font-size: 30px;
  line-height: 22px;
  color: var(--Title);
}
.system-alert-messages.msg-container .alert .alert-links.nav .icon-close:hover {
  text-decoration: none;
}
.system-alert-messages.msg-container .alert .alert-links.nav .icon-finish {
  font-size: 14px;
  color: var(--Information);
  padding: 9px 15px 9px 7px;
  font-weight: 600;
  text-decoration: none;
}
.system-alert-messages.msg-container .alert .alert-links.nav .icon-finish:hover {
  text-decoration: none;
}
.system-alert-messages.msg-container .alert.alert-info .alert-icon .img-icon {
  width: 24px;
  height: 24px;
  margin: 0;
  background: url("/bundles/admin/images/alert-messages/info-dark.svg") no-repeat;
  background-size: 24px 24px !important;
  display: block;
}
.system-alert-messages.msg-container .alert.alert-success .alert-icon .img-icon {
  width: 24px;
  height: 24px;
  margin: 0;
  background: url("/bundles/admin/images/alert-messages/success-dark.svg") no-repeat;
  background-size: 24px 24px !important;
  display: block;
}
.system-alert-messages.msg-container .alert.alert-warning .alert-icon .img-icon {
  width: 24px;
  height: 24px;
  margin: 0;
  background: url("/bundles/admin/images/alert-messages/warning-dark.svg") no-repeat;
  background-size: 24px 24px !important;
  display: block;
}
.system-alert-messages.msg-container .alert.alert-error .alert-icon .img-icon {
  width: 24px;
  height: 24px;
  margin: 0;
  background: url("/bundles/admin/images/alert-messages/error-dark.svg") no-repeat;
  background-size: 24px 24px !important;
  display: block;
}
.system-alert-messages.msg-container .alert.alert-notallowed .alert-icon .img-icon {
  width: 24px;
  height: 24px;
  margin: 0;
  background: url("/bundles/admin/images/alert-messages/notallow-dark.svg") no-repeat;
  background-size: 24px 24px !important;
  display: block;
}
.system-alert-messages.msg-container .alert.alert-custom .alert-icon .img-icon {
  width: 24px;
  height: 24px;
  margin: 0;
  background: url("/bundles/admin/images/alert-messages/success-dark.svg") no-repeat;
  background-size: 24px 24px !important;
  display: block;
}
.system-alert-messages.msg-container .alert.alert-custom .message {
  padding-left: 54px;
  position: relative;
  padding-right: 130px;
}
.system-alert-messages.msg-container .alert.alert-custom .message .alert-data {
  color: var(--Title);
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 25px;
  margin: 0;
  padding-top: 0px;
}

.theme-light .system-alert-messages.msg-container .alert {
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.08), 0px 0px 4px 0px rgba(0, 0, 0, 0.04);
}
.theme-light .system-alert-messages.msg-container .alert .alert-links.nav .icon-close:hover {
  text-decoration: none;
}
.theme-light .system-alert-messages.msg-container .alert.alert-info .alert-icon .img-icon {
  background: url("/bundles/admin/images/alert-messages/info-light.svg") no-repeat;
  background-size: 24px 24px !important;
}
.theme-light .system-alert-messages.msg-container .alert.alert-success .alert-icon .img-icon {
  background: url("/bundles/admin/images/alert-messages/success-light.svg") no-repeat;
  background-size: 24px 24px !important;
}
.theme-light .system-alert-messages.msg-container .alert.alert-warning .alert-icon .img-icon {
  background: url("/bundles/admin/images/alert-messages/warning-light.svg") no-repeat;
  background-size: 24px 24px !important;
}
.theme-light .system-alert-messages.msg-container .alert.alert-error .alert-icon .img-icon {
  background: url("/bundles/admin/images/alert-messages/error-light.svg") no-repeat;
  background-size: 24px 24px !important;
}
.theme-light .system-alert-messages.msg-container .alert.alert-notallowed .alert-icon .img-icon {
  background: url("/bundles/admin/images/alert-messages/notallow-light.svg") no-repeat;
  background-size: 24px 24px !important;
}
.theme-light .system-alert-messages.msg-container .alert.alert-custom .alert-icon .img-icon {
  background: url("/bundles/admin/images/alert-messages/success-light.svg") no-repeat;
  background-size: 24px 24px !important;
}

/*************** 1. Imports ******************/
/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Mixins ******************/
.mm-hide {
  display: none !important;
}

.mm-disabled {
  position: relative;
  cursor: default !important;
}
.mm-disabled.mainlevel2 {
  pointer-events: none !important;
}
.mm-disabled::before {
  z-index: 9;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--Background_Disabled);
  opacity: 0.8;
  border-radius: 5px;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 12px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: block;
  color: #fff;
  text-align: right;
}
.mm-disabled.nav-item::before {
  width: calc(100% - 10px);
  height: calc(100% - 15px);
  border-radius: 5px;
  top: 7px;
  left: 5px;
}
.mm-disabled.nav-item .nav-link {
  pointer-events: none;
  cursor: default;
}
.mm-disabled.lCSelect::before, .mm-disabled.lcName::before {
  width: calc(100% + 10px);
  height: calc(100% + 5px);
  border-radius: 5px;
  top: -10px;
  left: -5px;
  z-index: 2 !important;
}
.mm-disabled.tp-lc-disabled::before {
  z-index: 9;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--Background_Disabled);
  opacity: 0.8;
  border-radius: 5px;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 12px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: block;
  color: #fff;
  text-align: right;
  width: calc(100% + 70px);
  height: calc(100% + 20px);
  border-radius: 5px;
  top: -10px;
  left: -10px;
}
.mm-disabled.addNewLifeCycle::before, .mm-disabled.contact-reason-episode::before, .mm-disabled.channel-episode::before {
  z-index: 9;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--Background_Disabled);
  opacity: 0.8;
  border-radius: 5px;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 12px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: block;
  color: #fff;
  text-align: right;
  width: calc(100% + 10px);
  height: calc(100% - 10px);
  border-radius: 5px;
  top: -5px;
  left: 0px;
}
.mm-disabled.submenu-item .dropdown-item {
  pointer-events: none;
  cursor: default;
}
.mm-disabled.notifications.dropdown::before {
  width: calc(100% + 5px);
  height: calc(100% - 5px);
  border-radius: 5px;
  top: 2px;
  left: -5px;
}
.mm-disabled.notifications.dropdown .notificationListDropdown {
  display: none !important;
}
.mm-disabled.mapBox-main {
  pointer-events: none;
  cursor: default;
}
.mm-disabled.mapBox-main::before {
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  border-radius: 5px;
  top: -5px;
  left: -5px;
}
.mm-disabled.miklymaps-btn .campareBtn {
  pointer-events: none;
}
.mm-disabled.miklymaps-btn::before {
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  border-radius: 5 5px;
  top: -5px;
  left: -5px;
}
.mm-disabled.mapnav-icon::before {
  width: 35px;
  height: 35px;
  border-radius: 5px;
  top: -3px;
  left: 4px;
}
.mm-disabled.mapnav-icon-sublink::before {
  width: 35px;
  height: 35px;
  border-radius: 5px;
  top: 7px;
  left: 4px;
}
.mm-disabled.notifications.mapHedadNotify::before {
  width: 45px;
  height: 40px;
  border-radius: none;
  top: -5px;
  left: -2px;
}
.mm-disabled.list-group-item, .mm-disabled.dimensionsCollapseList {
  border-right: 0px solid transparent;
}
.mm-disabled.list-group-item:hover, .mm-disabled.dimensionsCollapseList:hover {
  border-right: 0px solid transparent;
}
.mm-disabled.list-group-item a, .mm-disabled.dimensionsCollapseList a {
  color: var(--Title) !important;
}
.mm-disabled.list-group-item::before, .mm-disabled.dimensionsCollapseList::before {
  z-index: 9 !important;
  border-radius: 0px !important;
  content: "" !important;
}
.mm-disabled.persona-list-disabled {
  width: 100%;
  display: flex;
}
.mm-disabled.filterlist::before {
  border-radius: 0px !important;
}
.mm-disabled.draggable-lane::before {
  width: calc(100% + 30px);
  height: calc(100% + 2px);
  border-radius: 0px !important;
  top: -2px;
  left: -15px;
  z-index: 4 !important;
}
.mm-disabled.width-14.innerBoxItem.topwidgetconrols::before {
  z-index: 8 !important;
  border-radius: 0px !important;
}
.mm-disabled.draggable-item-elanes.episodeViewLaneAddWidget::before {
  z-index: 10000 !important;
  border-radius: 0px !important;
  width: calc(100% + 20px);
}
.mm-disabled.width-14.innerBoxItem.draggable-item::before, .mm-disabled.width-14.innerBoxItem.draggable-item-epview.episodeViewfix.presentLaneQuotes::before {
  border-radius: 0px !important;
}
.mm-disabled.row.draggable-item-epview-lanes::before {
  z-index: 10000 !important;
  border-radius: 0px !important;
  width: calc(100% + 35px);
}
.mm-disabled.row.draggable-item-lanes::before {
  z-index: 4 !important;
  border-radius: 0px !important;
  width: calc(100% + 15px);
  height: calc(100% + 2px);
  top: -2px;
}
.mm-disabled.present-disabled::before, .mm-disabled.presentTPCustomlistblock::before {
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  border-radius: 5px;
  top: -5px;
  left: -5px;
}
.mm-disabled.crChannelviewInner::before {
  z-index: 3;
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  border-radius: 5px;
  top: -5px;
  left: -5px;
}
.mm-disabled.lc-tabs::before {
  z-index: 9;
  width: calc(100%);
  height: calc(100% + 15px);
  border-radius: 5px;
  top: -5px;
  left: -5px;
}
.mm-disabled.lc-tabs a {
  pointer-events: none;
  cursor: default;
}
.mm-disabled.connectedLC::before {
  z-index: 1;
  width: calc(100%);
  height: calc(100% + 5px);
  border-radius: 5px;
  top: -6px;
  left: 0px;
}
.mm-disabled.allmilkymapslist::before {
  z-index: 3;
  width: calc(100%);
  height: calc(100% + 10px);
  border-radius: 5px;
  top: -5px;
  left: 0px;
  padding: 5px;
}
.mm-disabled.tabs-hide::before {
  z-index: 3;
  width: calc(100% - 10px);
  height: calc(100% - 8px);
  border-radius: 5px;
  top: 0px;
  left: -5px;
}
.mm-disabled.compareBox, .mm-disabled.compareRow, .mm-disabled.greyBGsegmentBrand, .mm-disabled.sort-toggle-btn {
  pointer-events: none;
  cursor: default;
}
.mm-disabled.compareBox::before, .mm-disabled.compareRow::before, .mm-disabled.greyBGsegmentBrand::before, .mm-disabled.sort-toggle-btn::before {
  border-radius: 0px;
}
.mm-disabled.jira-dispaly::before {
  z-index: 3;
  width: calc(100% + 10px);
  height: calc(100%);
  border-radius: 5px;
  top: -5px;
  left: -5px;
}
.mm-disabled.persona-create-box::before {
  z-index: 9;
  position: absolute;
  top: 0;
  left: 10px;
  width: calc(100% - 20px);
  height: calc(100% - 0px);
  background: var(--Background_Disabled);
  opacity: 0.8;
  border-radius: 5px;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 12px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: block;
  color: #FFFFFF;
  text-align: right;
}
.mm-disabled.persona-create-box .createNew {
  cursor: default !important;
  pointer-events: none;
  border-radius: 10px !important;
}
.mm-disabled.nav-item.persona-link::before, .mm-disabled.nav-item.kpi-link::before {
  width: calc(100% - 10px) !important;
  height: calc(100% - 8px) !important;
  border-radius: 5px;
  top: -1px;
  left: -10px;
  z-index: 9;
}
.mm-disabled.user-disabled {
  position: absolute !important;
}
.mm-disabled.map-create-disabled::before {
  width: calc(100% - 52px) !important;
  left: 52px !important;
}
.mm-disabled.map-create-disabled::before a {
  cursor: default !important;
  pointer-events: none;
}
.mm-disabled.check-accessmenu::before {
  height: calc(100% - 1px) !important;
  border-radius: 0px !important;
}
.mm-disabled.check-accessmenu::before a {
  cursor: default !important;
  pointer-events: none;
}
.mm-disabled.module-settings::before {
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  margin: 0 !important;
}

.landing-dropdown .dropdown-menu .inner.show ul.dropdown-menu.inner li a {
  color: var(--Title) !important;
  font-weight: 700;
}
.landing-dropdown .dropdown-menu .inner.show ul.dropdown-menu.inner li a:hover {
  color: var(--Title) !important;
}
.landing-dropdown .dropdown-menu .inner.show ul.dropdown-menu.inner li.selected.active {
  background: #7800ff;
}
.landing-dropdown .dropdown-menu .inner.show ul.dropdown-menu.inner li.selected.active .active {
  background: #7800ff !important;
  color: #fff !important;
}
.landing-dropdown .dropdown-menu .inner.show ul.dropdown-menu.inner li.selected.active .active:hover {
  background: #7800ff !important;
  color: #fff !important;
}
.landing-dropdown .dropdown-menu .inner.show ul.dropdown-menu.inner li.dropdown-divider {
  margin: 0px;
  border-top: solid 1px var(--Border_Disabled) !important;
}
.landing-dropdown .dropdown-menu .inner.show ul.dropdown-menu.inner li.dropdown-header {
  border-bottom: solid 0px #000;
  padding-left: 8px !important;
  color: var(--Subtitle);
  font-size: 14px;
  font-weight: 600;
}
.landing-dropdown .dropdown-menu .inner.show ul.dropdown-menu.inner li.optgroup-1 a, .landing-dropdown .dropdown-menu .inner.show ul.dropdown-menu.inner li.optgroup-2 a, .landing-dropdown .dropdown-menu .inner.show ul.dropdown-menu.inner li.optgroup-3 a {
  padding-left: 25px !important;
  color: var(--Title) !important;
  font-weight: 500;
}
.landing-dropdown .dropdown-menu .inner.show ul.dropdown-menu.inner li.optgroup-1 a:hover, .landing-dropdown .dropdown-menu .inner.show ul.dropdown-menu.inner li.optgroup-2 a:hover, .landing-dropdown .dropdown-menu .inner.show ul.dropdown-menu.inner li.optgroup-3 a:hover {
  color: var(--Title) !important;
}
.landing-dropdown .dropdown-menu .inner.show ul.dropdown-menu.inner li.optgroup-1 a::before, .landing-dropdown .dropdown-menu .inner.show ul.dropdown-menu.inner li.optgroup-2 a::before, .landing-dropdown .dropdown-menu .inner.show ul.dropdown-menu.inner li.optgroup-3 a::before {
  font-family: FontAwesome;
  content: "";
  display: inline-block;
  padding-right: 10px;
  vertical-align: middle;
  font-size: 7px;
}
.landing-dropdown .dropdown-menu .inner.show ul.dropdown-menu.inner li.optgroup-1 a span.text, .landing-dropdown .dropdown-menu .inner.show ul.dropdown-menu.inner li.optgroup-2 a span.text, .landing-dropdown .dropdown-menu .inner.show ul.dropdown-menu.inner li.optgroup-3 a span.text {
  overflow: inherit !important;
  display: inline-block !important;
}

.theme-light .landing-dropdown .dropdown-menu .inner.show ul.dropdown-menu.inner li.dropdown-header {
  background: #fff;
}

.theme-light .formsection .form-group .form-control.landing-dropdown:hover {
  -webkit-text-fill-color: unset !important;
}
.theme-light .formsection .form-group .form-control.landing-dropdown .dropdown-menu .inner.show ul.dropdown-menu.inner li.dropdown-header {
  border-bottom: solid 0px #c5c5c5;
}

.connecter-livewidgets-page {
  padding-left: 52px;
  padding-right: 52px;
}
.connecter-livewidgets-page .head-title {
  margin: 0 0 25px 0;
  font-size: 29px;
  font-weight: 800;
}
.connecter-livewidgets-page .livedata-widget-stabs .kpitabsBorder {
  border-bottom: 1px solid var(--Border_Divider) !important;
  width: 100% !important;
  margin-bottom: 20px !important;
}

.insightDatatable.live-datawidgets-table table thead tr.creatnew,
.insightDatatable.live-datawidgets-table table tbody tr.creatnew {
  height: 60px !important;
}
.insightDatatable.live-datawidgets-table table thead tr.creatnew td,
.insightDatatable.live-datawidgets-table table tbody tr.creatnew td {
  height: 60px !important;
}
.insightDatatable.live-datawidgets-table table thead tr.creatnew td div,
.insightDatatable.live-datawidgets-table table tbody tr.creatnew td div {
  margin: 0px;
  height: 50px;
  margin-top: 10px;
}
.insightDatatable.live-datawidgets-table table thead tr td,
.insightDatatable.live-datawidgets-table table tbody tr td {
  line-height: 20px;
  padding-top: 8px;
  padding-bottom: 7px;
  height: 50px;
}
.insightDatatable.live-datawidgets-table table thead tr th,
.insightDatatable.live-datawidgets-table table tbody tr th {
  position: relative;
}
.insightDatatable.live-datawidgets-table table thead tr th .type-space,
.insightDatatable.live-datawidgets-table table tbody tr th .type-space {
  position: absolute;
  text-align: center;
  padding-left: 8px;
  padding-right: 8px;
}
.insightDatatable.live-datawidgets-table table thead tr th .quest-space,
.insightDatatable.live-datawidgets-table table tbody tr th .quest-space {
  position: relative;
  margin-left: 55px;
}
.insightDatatable.live-datawidgets-table table thead tr th:nth-child(1),
.insightDatatable.live-datawidgets-table table thead tr td:nth-child(1),
.insightDatatable.live-datawidgets-table table tbody tr th:nth-child(1),
.insightDatatable.live-datawidgets-table table tbody tr td:nth-child(1) {
  width: 55%;
}
.insightDatatable.live-datawidgets-table table thead tr th:nth-child(1) .questionname,
.insightDatatable.live-datawidgets-table table thead tr td:nth-child(1) .questionname,
.insightDatatable.live-datawidgets-table table tbody tr th:nth-child(1) .questionname,
.insightDatatable.live-datawidgets-table table tbody tr td:nth-child(1) .questionname {
  position: relative;
  padding-left: 55px;
  width: 100%;
  min-width: 0px;
  max-width: 940px;
}
.insightDatatable.live-datawidgets-table table thead tr th:nth-child(1) .questionname:hover,
.insightDatatable.live-datawidgets-table table thead tr td:nth-child(1) .questionname:hover,
.insightDatatable.live-datawidgets-table table tbody tr th:nth-child(1) .questionname:hover,
.insightDatatable.live-datawidgets-table table tbody tr td:nth-child(1) .questionname:hover {
  cursor: pointer;
}
.insightDatatable.live-datawidgets-table table thead tr th:nth-child(1) .questionname p,
.insightDatatable.live-datawidgets-table table thead tr td:nth-child(1) .questionname p,
.insightDatatable.live-datawidgets-table table tbody tr th:nth-child(1) .questionname p,
.insightDatatable.live-datawidgets-table table tbody tr td:nth-child(1) .questionname p {
  font-size: 13px;
  font-weight: 600;
  color: var(--Title);
  margin: 0px;
  line-height: 35px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.insightDatatable.live-datawidgets-table table thead tr th:nth-child(1) .questionname p.surveyname,
.insightDatatable.live-datawidgets-table table thead tr td:nth-child(1) .questionname p.surveyname,
.insightDatatable.live-datawidgets-table table tbody tr th:nth-child(1) .questionname p.surveyname,
.insightDatatable.live-datawidgets-table table tbody tr td:nth-child(1) .questionname p.surveyname {
  font-size: 10px;
  line-height: 15px;
}
.insightDatatable.live-datawidgets-table table thead tr th:nth-child(1) .questionname p.surveyname span,
.insightDatatable.live-datawidgets-table table thead tr td:nth-child(1) .questionname p.surveyname span,
.insightDatatable.live-datawidgets-table table tbody tr th:nth-child(1) .questionname p.surveyname span,
.insightDatatable.live-datawidgets-table table tbody tr td:nth-child(1) .questionname p.surveyname span {
  padding-left: 20px;
  color: var(--Input_Default);
}
.insightDatatable.live-datawidgets-table table thead tr th:nth-child(1) .type-icon,
.insightDatatable.live-datawidgets-table table thead tr td:nth-child(1) .type-icon,
.insightDatatable.live-datawidgets-table table tbody tr th:nth-child(1) .type-icon,
.insightDatatable.live-datawidgets-table table tbody tr td:nth-child(1) .type-icon {
  width: 54px;
  position: absolute;
}
.insightDatatable.live-datawidgets-table table thead tr th:nth-child(1) .type-icon img,
.insightDatatable.live-datawidgets-table table thead tr td:nth-child(1) .type-icon img,
.insightDatatable.live-datawidgets-table table tbody tr th:nth-child(1) .type-icon img,
.insightDatatable.live-datawidgets-table table tbody tr td:nth-child(1) .type-icon img {
  width: 24px;
  height: 24px;
  margin: 5.5px 15px;
}
.insightDatatable.live-datawidgets-table table thead tr th:nth-child(2),
.insightDatatable.live-datawidgets-table table thead tr td:nth-child(2),
.insightDatatable.live-datawidgets-table table tbody tr th:nth-child(2),
.insightDatatable.live-datawidgets-table table tbody tr td:nth-child(2) {
  width: 10%;
  text-align: center;
}
.insightDatatable.live-datawidgets-table table thead tr th:nth-child(3),
.insightDatatable.live-datawidgets-table table thead tr td:nth-child(3),
.insightDatatable.live-datawidgets-table table tbody tr th:nth-child(3),
.insightDatatable.live-datawidgets-table table tbody tr td:nth-child(3) {
  width: 10%;
  text-align: center;
}
.insightDatatable.live-datawidgets-table table thead tr th:nth-child(4),
.insightDatatable.live-datawidgets-table table thead tr td:nth-child(4),
.insightDatatable.live-datawidgets-table table tbody tr th:nth-child(4),
.insightDatatable.live-datawidgets-table table tbody tr td:nth-child(4) {
  width: 10%;
  text-align: center;
}
.insightDatatable.live-datawidgets-table table thead tr th:nth-child(5),
.insightDatatable.live-datawidgets-table table thead tr td:nth-child(5),
.insightDatatable.live-datawidgets-table table tbody tr th:nth-child(5),
.insightDatatable.live-datawidgets-table table tbody tr td:nth-child(5) {
  width: 10%;
  text-align: center;
}
.insightDatatable.live-datawidgets-table table thead tr th:nth-child(6),
.insightDatatable.live-datawidgets-table table thead tr td:nth-child(6),
.insightDatatable.live-datawidgets-table table tbody tr th:nth-child(6),
.insightDatatable.live-datawidgets-table table tbody tr td:nth-child(6) {
  width: 5%;
  text-align: right;
  overflow: visible;
}
.insightDatatable.live-datawidgets-table table thead tr th:nth-child(6) .user-3-dotsmenu,
.insightDatatable.live-datawidgets-table table thead tr td:nth-child(6) .user-3-dotsmenu,
.insightDatatable.live-datawidgets-table table tbody tr th:nth-child(6) .user-3-dotsmenu,
.insightDatatable.live-datawidgets-table table tbody tr td:nth-child(6) .user-3-dotsmenu {
  margin: 5.5px;
}

.global-info-pill {
  background: var(--Foreground_Secondary);
  border-radius: 5px;
  color: var(--Title);
  font-size: 10px;
  font-weight: 600;
  padding: 2px 15px;
  display: inline-block;
}
.global-info-pill img {
  height: 12px;
  width: auto;
  margin-right: 3px;
  vertical-align: text-bottom;
}

.table-pill-space {
  margin: 5.5px 0px;
}

.bdr-5 {
  border-radius: 5px !important;
}

.connectekpi-create {
  max-width: 1000px !important;
}
.connectekpi-create.previewdatapopup {
  max-width: 870px !important;
}
.connectekpi-create h5 {
  font-size: 13px;
  font-weight: 800;
  color: var(--Title);
}
.connectekpi-create p {
  color: var(--Input_Default);
  font-size: 12px;
  font-weight: 400;
}
.connectekpi-create p.subtext {
  color: var(--Title);
  margin-bottom: 30px;
}
.connectekpi-create p.questions {
  color: var(--Input_Filled);
}
.connectekpi-create .livewidget-create .col {
  border-right: solid 1px var(--Border_Bounds);
}
.connectekpi-create .livewidget-create .col:nth-last-child(1) {
  border-right: solid 0px var(--Border_Bounds) !important;
}
.connectekpi-create .livewidget-create.step1 .col.box-1, .connectekpi-create .livewidget-create.step2 .col.box-1 {
  max-width: 244px;
}
.connectekpi-create .livewidget-create .graph-img {
  margin: 30px 0px;
}
.connectekpi-create .livewidget-create .graph-img img {
  width: 300px;
  height: 300px;
}

.label-form-gloabl {
  margin: 0px 0px 21px 0px;
}

.input-icon {
  width: 100%;
  position: relative;
}
.input-icon .icon {
  height: 30px;
  width: 30px;
  padding: 0px !important;
  position: absolute;
  z-index: 3;
  background: none !important;
}
.input-icon .icon img {
  width: 16px;
  height: 16px;
  margin: 7px;
}
.input-icon.left .icon {
  top: 0px;
  left: 0px;
}
.input-icon.left .mm-input-sm {
  padding-left: 32px !important;
}
.input-icon.right .icon {
  top: 0px;
  right: 0px;
}
.input-icon.right .mm-input-sm {
  padding-right: 32px !important;
}

.livewidgets-maps-block {
  padding: 0;
  background: var(--Background_Secondary);
  border: solid 0px var(--Border_Divider) !important;
  overflow-x: hidden;
  overflow-y: hidden;
  max-height: 350px;
  min-height: 350px;
  border-radius: 5px;
}
.livewidgets-maps-block section {
  background: var(--Background_Secondary) !important;
  position: relative !important;
  max-width: 100% !important;
}
.livewidgets-maps-block section.sidemenu {
  max-width: 100%;
  margin: 0 !important;
  z-index: 3;
}
.livewidgets-maps-block section.sidemenu .card {
  background: var(--Background_Secondary) !important;
  border: none !important;
}
.livewidgets-maps-block section.sidemenu .card .bdrtophead {
  border-top: solid 0px var(--Border_Divider) !important;
}
.livewidgets-maps-block section.sidemenu .m-slidebar-height {
  height: auto !important;
  background: var(--Background_Secondary) !important;
  padding: 15px 10px 0px 0px !important;
}
.livewidgets-maps-block section.sidemenu .m-slidebar-height .insightsaccordion .insightFilterMenu ul li .modalscrollbarOne {
  max-height: 320px;
  min-height: 320px;
  padding-bottom: 0px;
  overflow-x: hidden;
}
.livewidgets-maps-block section.sidemenu .m-slidebar-height .insightsaccordion .insightFilterMenu ul li .card-header {
  padding: 0 !important;
  background-color: transparent !important;
}
.livewidgets-maps-block section.sidemenu .m-slidebar-height .insightsaccordion .insightFilterMenu ul li .card-header.headerMain {
  display: none;
}
.livewidgets-maps-block section.sidemenu .m-slidebar-height .insightsaccordion .insightFilterMenu ul li .card-body {
  padding: 0 !important;
}
.livewidgets-maps-block section.sidemenu .m-slidebar-height .insightsaccordion .insightFilterMenu ul li .card-body .insightJournySearch .global-search-sm {
  width: 290px;
}
.livewidgets-maps-block section.sidemenu .m-slidebar-height .insightsaccordion .insightFilterMenu ul li .card-body .inSightLeftFilterBox .card-header {
  border: none !important;
}
.livewidgets-maps-block section.sidemenu .m-slidebar-height .insightsaccordion .insightFilterMenu ul li .card-body .inSightLeftFilterBox .card-header h5.mb-0 > a:after {
  content: "";
  font-family: "FontAwesome";
  position: absolute;
  right: 15px;
  top: 10px;
}
.livewidgets-maps-block section.sidemenu .m-slidebar-height .insightsaccordion .insightFilterMenu ul li .card-body .inSightLeftFilterBox .card-header h5.mb-0 > a[aria-expanded=true]:after {
  content: "";
}
.livewidgets-maps-block section.sidemenu .m-slidebar-height .insightsaccordion .insightFilterMenu ul li .card-body .inSightLeftFilterBox .card-header h5.mb-0 > a[aria-expanded=false]:after {
  content: "";
}
.livewidgets-maps-block section.sidemenu .m-slidebar-height .insightsaccordion .insightFilterMenu ul li .card-body .inSightLeftFilterBox .card-header h5 span.filterInSightcheckLevel {
  top: 10px !important;
}
.livewidgets-maps-block section.sidemenu .m-slidebar-height .insightsaccordion .insightFilterMenu ul li .card-body .inSightLeftFilterBox .menulevelone,
.livewidgets-maps-block section.sidemenu .m-slidebar-height .insightsaccordion .insightFilterMenu ul li .card-body .inSightLeftFilterBox .menuleveltwo {
  padding-left: 26px;
  font-size: 13px;
}
.livewidgets-maps-block section.sidemenu .m-slidebar-height .insightsaccordion .insightFilterMenu ul li .card-body .inner-tooltip {
  max-width: calc(100% - 50px);
}

/* The container */
.gloabl-radiobutton {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: 400;
  float: left;
  margin-right: 20px;
}
.gloabl-radiobutton input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.gloabl-radiobutton .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: transparent;
  border-radius: 50%;
  border: solid 1px var(--Title);
}
.gloabl-radiobutton .checkmark::after {
  content: "";
  position: absolute;
  display: none;
}
.gloabl-radiobutton:hover input ~ .checkmark {
  background-color: transparent;
}
.gloabl-radiobutton input:checked ~ .checkmark {
  background-color: transparent;
}
.gloabl-radiobutton input:checked ~ .checkmark:after {
  display: block;
}
.gloabl-radiobutton .checkmark:after {
  top: 4px;
  left: 4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--Checkbox_filled);
}

.livewidget-view h4 {
  font-size: 16px;
  font-weight: 700;
  margin: 0px 0px 20px 0px;
  color: var(--Title);
}
.livewidget-view .data-desc-row {
  margin-bottom: 20px;
}
.livewidget-view .data-desc-row h5 {
  font-size: 13px;
  font-weight: 600;
  margin: 0px 0px 10px 0px;
  color: var(--Title);
}
.livewidget-view .data-desc-row p {
  font-size: 13px;
  font-weight: 400;
  margin: 0px;
  color: var(--Title);
}
.livewidget-view .data-desc-row ul {
  margin-left: 15px;
}
.livewidget-view .data-desc-row ul li {
  font-size: 13px;
  font-weight: 400;
  margin: 0px;
  color: var(--Title);
  list-style-type: disc;
}
.livewidget-view .data-desc-row.brands ul {
  margin-left: 0px;
}
.livewidget-view .data-desc-row.brands ul li {
  list-style-type: none;
  position: relative;
  margin-bottom: 5px;
  line-height: 25px !important;
}
.livewidget-view .data-desc-row.brands ul li span:nth-child(1) {
  width: 40px;
  height: 25px;
  background: #bcbcbc;
  display: inline-block;
  border-radius: 5px;
  position: absolute;
  line-height: 25px;
}
.livewidget-view .data-desc-row.brands ul li span:nth-child(1) img {
  object-fit: cover;
  padding: 2px;
  border-radius: 8px;
  height: 100%;
  width: 100%;
  float: left;
}
.livewidget-view .data-desc-row.brands ul li span:nth-child(2) {
  width: 100%;
  min-height: 25px;
  position: relative;
  padding-left: 50px;
  display: block;
  line-height: 25px;
}
.livewidget-view .data-desc-row.brands ul li span:nth-child(2) h6 {
  font-weight: 400;
  margin-bottom: 0px;
  font-size: 12px;
  color: var(--Title);
  line-height: 25px;
}
.livewidget-view .data-desc-row.brands ul li span:nth-child(2) p {
  font-size: 11px;
  font-weight: 400;
  color: var(--Input_Default);
  line-height: 14px;
}
.livewidget-view .graph-display {
  margin: 40px auto;
}
.livewidget-view .graph-display img {
  height: 300px;
  width: auto !important;
}

.top-border {
  border-top: solid 1px var(--Border_Divider);
  padding: 20px 0px;
  margin-top: 20px !important;
}

.left-border {
  border-left: solid 1px var(--Border_Divider);
}

.question-select.mm-select-sm.form-control .dropdown-menu .inner ul.dropdown-menu.inner li a span.text {
  white-space: normal;
  line-height: 15px;
  display: block;
  text-align: left;
}

.filtercheckboxmaps.global-filter-box.global-brand-filter .mm-select-sm.questionbrand-select.bootstrap-select.show-tick .dropdown-menu .inner ul.dropdown-menu.inner li a span.text,
.filtercheckbox.global-filter-box.global-brand-filter .mm-select-sm.questionbrand-select.bootstrap-select.show-tick .dropdown-menu .inner ul.dropdown-menu.inner li a span.text {
  width: calc(250px - 100px) !important;
  display: block;
}

.steps-trigger {
  color: var(--Input_Default);
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 20px;
}

.preview-data h1 {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 20px;
}
.preview-data h5 {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 5px;
  color: var(--Input_Default) !important;
}
.preview-data p {
  font-size: 13px;
  font-weight: 400;
}
.preview-data h2,
.preview-data h5,
.preview-data p {
  color: var(--Title);
}
.preview-data.rightblock .coonectedmapscount {
  background: var(--Foreground_Secondary);
  padding: 5px;
  text-align: center;
  margin-bottom: 20px;
  font-size: 11px;
  border-radius: 25px;
  color: var(--Input_Default);
  line-height: 20px;
  font-weight: 600;
  cursor: pointer;
}
.preview-data.rightblock .coonectedmapscount img {
  height: 12px;
  width: auto;
  margin-right: 3px;
  vertical-align: text-bottom;
}
.preview-data.rightblock h2 {
  font-size: 13px;
  color: var(--Title);
  font-weight: 800;
}
.preview-data.rightblock .data {
  margin-bottom: 15px;
}
.preview-data.rightblock .data h4 {
  font-size: 13px;
  color: var(--Input_Default);
  font-weight: 600;
  margin-bottom: 0px;
}
.preview-data.rightblock .data h4 .icon-data {
  margin-right: 5px;
  float: left;
  margin-top: -2px;
}
.preview-data.rightblock .data h4 .icon-data img {
  width: 12px;
}
.preview-data.rightblock .data p {
  font-size: 12px;
  color: var(--Title);
  font-weight: 400;
  margin-bottom: 0px;
}
.preview-data.rightblock .data p a {
  color: var(--Information);
}
.preview-data.rightblock .data p a:hover {
  text-decoration: underline;
  color: var(--Information);
}

.preview-chart {
  width: 541px !important;
  height: 350px !important;
}

.theme-light .livedata-widget-box {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5) !important;
}

.livedata-widget-box {
  border: solid 1px var(--Border_Divider);
  background: var(--Foreground_Primary);
  width: 100%;
  border-radius: 10px;
  padding: 15px;
  font-size: 11px;
  position: relative;
}
.livedata-widget-box .livedata-menu.m-3dots-menu {
  position: absolute;
  top: 2px;
  right: 3px;
  z-index: 5;
  visibility: hidden;
}
.livedata-widget-box .livedata-menu.m-3dots-menu .dropdown .dropdown-toggle {
  padding: 0px;
  height: 24px;
  width: 24px;
  display: block;
  top: 0px !important;
  right: 0px !important;
}
.livedata-widget-box .livedata-menu.m-3dots-menu .dropdown-menu {
  min-width: 140px;
  transform: translate3d(-130px, -12px, 0px) !important;
  top: auto !important;
  left: 0px !important;
  z-index: 1 !important;
}
.livedata-widget-box:hover .livedata-menu.m-3dots-menu {
  visibility: visible;
}
.livedata-widget-box .connect-data-row {
  display: block;
  float: left;
}
.livedata-widget-box .connect-data-row .left {
  float: left;
  font-weight: 600;
  color: var(--Body);
  width: 30%;
}
.livedata-widget-box .connect-data-row .right {
  float: right;
  color: var(--Body);
  font-weight: 400;
  width: 65%;
}
.livedata-widget-box .connect-data-row.datawidget-link {
  text-align: left;
  position: relative;
}
.livedata-widget-box .connect-data-row.datawidget-link span.icon-data {
  position: absolute;
}
.livedata-widget-box .connect-data-row.datawidget-link span.icon-data img {
  height: 11px;
  margin-right: 5px;
  margin-top: 3px;
}
.livedata-widget-box .connect-data-row.datawidget-link span.link {
  position: relative;
  width: 100%;
  padding-left: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  height: 20px;
  display: inline-block;
}
.livedata-widget-box .connect-data-row.datawidget-link span.link a {
  text-decoration: none;
  color: var(--Information);
  font-size: 11px;
  font-weight: 500;
  padding-bottom: 2px;
  border-bottom: solid 1px var(--Information);
}

.chart-wrapper-widget {
  float: left;
  width: 100%;
}
.chart-wrapper-widget .live-widget-graph {
  width: 100%;
  height: 280px;
  display: flex;
  justify-content: center;
}

.livedata-display-row {
  display: block;
  float: left;
  margin-bottom: 7px;
  line-height: 13px;
}
.livedata-display-row .left {
  font-weight: 500;
  color: var(--Body);
  width: 70px;
  position: absolute;
  font-size: 11px;
}
.livedata-display-row .right {
  float: right;
  color: var(--Subtitle);
  font-weight: 600;
  width: 100%;
  position: relative;
  padding-left: 80px;
  font-size: 11px;
}

.episodeDetailInnerRight.epview-width {
  flex: 0 0 calc(100% - 60px);
  max-width: calc(100% - 60px);
}
.episodeDetailInnerRight .widget-space .PresentFoldKPi .connectedKpiWidgetList .mapKpiBox {
  padding: 12px !important;
}
.episodeDetailInnerRight .widgetArea.widget-space {
  margin: 0px !important;
  padding: 12px !important;
}
.episodeDetailInnerRight .widgetArea.widget-space p,
.episodeDetailInnerRight .widgetArea.widget-space .form-group {
  margin: 0px !important;
}
.episodeDetailInnerRight .widget-space.emotionInnerMain {
  padding: 12px !important;
}
.episodeDetailInnerRight .widget-space.ListwithFiles ul {
  padding: 12px !important;
}
.episodeDetailInnerRight .widget-space.presentJourneyInsight {
  padding: 12px !important;
}
.episodeDetailInnerRight .widget-space.present-framework .framework-lcname {
  margin-left: -12px !important;
  margin-right: -12px !important;
  margin-top: -12px !important;
}
.episodeDetailInnerRight .widget-spacekpi .PresentFoldKPi .connectedKpiWidgetList .mapKpiBox {
  padding-left: 12px;
  padding-right: 12px;
}
.episodeDetailInnerRight .widget-spacekpi .PresentFoldKPi .connectedKpiWidgetList .mapKpiBox:nth-last-child(1) {
  padding-bottom: 12px;
}
.episodeDetailInnerRight .widget-spacekpi .PresentFoldKPi .connectedKpiWidgetList .mapKpiBox:nth-child(1) {
  padding-top: 12px;
}
.episodeDetailInnerRight .widget-space .iconListview {
  padding: 12px !important;
}
.episodeDetailInnerRight .quotes-WidgetSpace .presentQuotesWidget.collapse-Widget-box {
  margin: 0px !important;
  padding: 12px !important;
}
.episodeDetailInnerRight .episode-widgets {
  display: flex;
  flex-wrap: wrap;
}

.nodata-img img {
  max-width: 100%;
  min-width: 100px;
  width: auto;
  height: auto;
  max-height: 200px;
}

.noscrolloverflow {
  overflow: default !important;
}

.thumpsupblock {
  margin: 50px 0px;
  height: 150px;
  display: flex;
}
.thumpsupblock .data {
  flex: 0 0 150px;
  max-width: 150px;
  height: 100%;
  background: var(--Foreground_Secondary);
  text-align: center;
  vertical-align: middle;
  border-radius: 5px;
  padding: 30px 10px 30px 10px;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1), 0px 0px 4px 0px rgba(0, 0, 0, 0.1) !important;
}
.thumpsupblock .data:nth-child(1) {
  margin-right: 10px;
}
.thumpsupblock .data:nth-child(2) {
  margin-left: 10px;
}
.thumpsupblock .data .count {
  font-size: 22px;
  font-weight: 600;
  display: block;
}
.thumpsupblock .data p {
  margin: 0px !important;
  padding-top: 30px;
}
.thumpsupblock .data p img {
  height: 30px;
  width: 28px;
}
.thumpsupblock.maps {
  margin: 15px 0px 0px 0px !important;
  height: auto !important;
  padding: 0px 5px;
}
.thumpsupblock.maps .data {
  flex: 0 0 50% !important;
  max-width: 50% !important;
  padding: 15px 10px 15px 10px !important;
}
.thumpsupblock.maps .data:nth-child(1) {
  margin-right: 5px !important;
}
.thumpsupblock.maps .data:nth-child(2) {
  margin-left: 5px !important;
}
.thumpsupblock.maps .data .count {
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
}
.thumpsupblock.maps .data p {
  padding-top: 10px !important;
}
.thumpsupblock.maps .data p img {
  height: 17px !important;
  width: 16px !important;
}

.connected-journey-modal {
  max-width: 800px !important;
}
.connected-journey-modal .connecting-Journey-row {
  background-color: #1f1829;
  border: solid 1px var(--Border_Divider);
  padding: 20px;
  border-radius: 6px;
}
.connected-journey-modal .connecting-Journey-row .card {
  border: 0px solid rgba(0, 0, 0, 0) !important;
  background-color: transparent !important;
}
.connected-journey-modal .connecting-Journey-row .card .card-header {
  padding: 0px !important;
  border: 0px !important;
}
.connected-journey-modal .connecting-Journey-row .card .card-header h5 {
  font-size: 13px;
  font-weight: 400 !important;
}
.connected-journey-modal .connecting-Journey-row .card .card-header h5 a {
  color: var(--InactiveMapsColor);
}
.connected-journey-modal .connecting-Journey-row .card .card-header h5 a:hover {
  color: var(--InactiveMapsColor);
}
.connected-journey-modal .connecting-Journey-row .card .card-header h5 a::after {
  content: "";
  font-family: "FontAwesome";
  position: absolute;
  right: 15px;
  top: 7px;
}
.connected-journey-modal .connecting-Journey-row .card .card-header h5 a[aria-expanded=true]::after {
  content: "";
}
.connected-journey-modal .connecting-Journey-row .card .card-header h5 a[aria-expanded=false]::after {
  content: "";
}
.connected-journey-modal .connecting-Journey-row .card .card-header h5 span.filterInSightcheckLevel {
  top: 7px !important;
}
.connected-journey-modal .connecting-Journey-row .card .card-header h5 label {
  padding: 5px 5px 5px 30px !important;
}
.connected-journey-modal .connecting-Journey-row .card .card-header h5 .connect-icon {
  width: 15px;
  height: 15px;
  display: flex;
}
.connected-journey-modal .connecting-Journey-row .card .card-header h5 .connect-icon.episode {
  background: url("/bundles/map/images/widgets-icons/episodes-icon-inactive-1.svg") no-repeat;
  background-size: 15px 15px;
}
.connected-journey-modal .connecting-Journey-row .card .card-header h5 .connect-icon.maps {
  background: url("/bundles/admin/images/map-icon-inactive-1.svg") no-repeat;
  background-size: 15px 15px;
}
.connected-journey-modal .connecting-Journey-row .card .card-header.active-connectedmap h5 .connect-icon.maps {
  background: url("/bundles/admin/images/map-icon-w.svg") no-repeat;
  background-size: 15px 15px;
}
.connected-journey-modal .connecting-Journey-row .card .card-header.active-connectedmap h5 a {
  color: var(--Title);
}
.connected-journey-modal .connecting-Journey-row .card .card-header.active-connectedmap h5 a:hover {
  color: var(--Title);
}
.connected-journey-modal .connecting-Journey-row .card .card-header.active-connectedmap h5 a::after {
  content: "";
  font-family: "FontAwesome";
  position: absolute;
  right: 15px;
  top: 7px;
}
.connected-journey-modal .connecting-Journey-row .card .card-header.active-connectedmap h5 a .insightFilterLabel {
  color: var(--Title) !important;
}
.connected-journey-modal .connecting-Journey-row .card .card-header.active-connectedmap h5 a[aria-expanded=true]::after {
  content: "";
}
.connected-journey-modal .connecting-Journey-row .card .card-header.active-connectedmap h5 a[aria-expanded=false]::after {
  content: "";
}
.connected-journey-modal .connecting-Journey-row .card .card-body a label {
  color: var(--InactiveMapsColor);
  font-size: 13px;
  font-weight: 400 !important;
}
.connected-journey-modal .connecting-Journey-row .card .card-body a label:hover {
  color: var(--InactiveMapsColor);
}
.connected-journey-modal .connecting-Journey-row .card .menulevelone .card-body {
  padding: 0px 0px 0px 30px;
}
.connected-journey-modal .connecting-Journey-row .card .menulevelone .card-body .card .card-header h5 span.filterInSightcheckLevel {
  top: 7px !important;
}
.connected-journey-modal .connecting-Journey-row .card .menulevelone.active-connectedmap .card .card-header h5 .connect-icon.episode {
  background: url("/bundles/map/images/widgets-icons/episodes-icon-w.svg") no-repeat;
  background-size: 15px 15px;
}
.connected-journey-modal .connecting-Journey-row .card .menulevelone.active-connectedmap .card a label {
  color: var(--Title);
}
.connected-journey-modal .connecting-Journey-row .card .menulevelone.active-connectedmap .card a label:hover {
  color: var(--Title);
}
.connected-journey-modal .connecting-Journey-row .card .menuleveltwo .card-body {
  padding: 0px 0px 0px 30px;
}
.connected-journey-modal .connecting-Journey-row .card .menuleveltwo .card-body .accordianCheck1 label {
  padding: 5px 5px 5px 30px !important;
}
.connected-journey-modal .connecting-Journey-row .card .menuleveltwo .card-body .accordianCheck1 span.filterInSightcheckLevel {
  top: 7px !important;
}
.connected-journey-modal .connecting-Journey-row .card .menuleveltwo .card-body .accordianCheck1 span.filterInSightcheckLevel .connect-icon {
  width: 15px;
  height: 15px;
  display: flex;
}
.connected-journey-modal .connecting-Journey-row .card .menuleveltwo .card-body .accordianCheck1 span.filterInSightcheckLevel .connect-icon.tp {
  background: url("/bundles/map/images/widgets-icons/tp-icon-inactive-1.svg") no-repeat;
  background-size: 15px 15px;
}
.connected-journey-modal .connecting-Journey-row .card .menuleveltwo.active-connectedmap .card-body .accordianCheck1 span.filterInSightcheckLevel .connect-icon.tp {
  background: url("/bundles/map/images/widgets-icons/tp-icon-w.svg") no-repeat;
  background-size: 15px 15px;
}
.connected-journey-modal .connecting-Journey-row .card .menuleveltwo.active-connectedmap .card-body a label {
  color: var(--Title);
}
.connected-journey-modal .connecting-Journey-row .card .menuleveltwo.active-connectedmap .card-body a label:hover {
  color: var(--Title);
}

.connected-index p {
  font-size: 13px;
  margin: 0px;
}
.connected-index p i {
  margin-right: 5px;
}
.connected-index p.connected-journey {
  color: var(--Title);
  font-size: 12px;
}
.connected-index p.connected-journey .bg {
  background-color: var(--Title);
  width: 20px;
  height: 10px;
  float: left;
  margin-right: 5px;
  margin-top: 4px;
  border-radius: 3px;
}
.connected-index p.normal-journey {
  color: var(--InactiveMapsColor);
}
.connected-index p.normal-journey .bg {
  background-color: var(--InactiveMapsColor);
  width: 20px;
  height: 10px;
  float: left;
  margin-right: 5px;
  margin-top: 4px;
  border-radius: 3px;
}

.theme-light .connected-journey-modal .connecting-Journey-row {
  background-color: #ffffff;
  border: solid 1px var(--Border_Divider);
}
.theme-light .connected-journey-modal .connecting-Journey-row .card {
  border: 0px solid rgba(0, 0, 0, 0) !important;
  background-color: transparent !important;
}
.theme-light .connected-journey-modal .connecting-Journey-row .card .card-header h5 .connect-icon.episode {
  background: url("/bundles/map/images/widgets-icons/episodes-icon-b.svg") no-repeat;
  background-size: 15px 15px;
}
.theme-light .connected-journey-modal .connecting-Journey-row .card .card-header h5 .connect-icon.maps {
  background: url("/bundles/admin/images/map-icon-b.svg") no-repeat;
  background-size: 15px 15px;
}
.theme-light .connected-journey-modal .connecting-Journey-row .card .menuleveltwo .card-body .accordianCheck1 span.filterInSightcheckLevel .connect-icon.tp {
  background: url("/bundles/map/images/widgets-icons/tp-icon-b.svg") no-repeat;
  background-size: 15px 15px;
}

.preview-data-row {
  min-height: 300px;
}
.preview-data-row p {
  color: var(--Title) !important;
}
.preview-data-row p img {
  height: 16px;
  margin-top: 1px;
}
.preview-data-row p.head {
  font-weight: 600;
  color: var(--Input_Default);
}
.preview-data-row .questionTitle {
  margin: 0 0 10px 0;
  border-bottom: solid 1px var(--NewModalInnerbg);
  border-radius: 5px;
  background-color: var(--NewModalInnerbg);
  padding: 10px;
}
.preview-data-row .questionTitle .col-10 {
  padding-left: 0;
}
.preview-data-row .questionTitle .col-10 p {
  word-break: break-all;
}
.preview-data-row .questionTitle .col-1 p {
  font-weight: 600;
}
.preview-data-row .questionTitle p {
  margin: 0;
}

.filterpreviewbtn {
  width: 100%;
  position: relative;
}
.filterpreviewbtn .btn {
  position: absolute;
  right: 0;
  top: -5px;
  padding: 3.5px 10px;
  height: 24px;
}

.mainModal .modal-content .modal-body.viewdataModal {
  max-height: calc(100vh - 110px);
}

.connecting-Journey-body {
  min-height: 300px;
}
.connecting-Journey-body .nodata {
  color: var(--Input_Default);
  font-size: 13px;
  padding-top: 125px;
}

.settings-box {
  background: var(--Configboxbg);
  border: solid 1px var(--Border_Bounds);
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.06), 0px 0px 4px 0px rgba(0, 0, 0, 0.02);
}
.settings-box.module-box {
  padding: 15px 20px;
}
.settings-box.module-box .heading {
  line-height: 30px;
  font-size: 13px;
}
.settings-box.module-box .switch {
  margin-top: 4.5px;
  margin-bottom: 0;
}
.settings-box.touchpoints .switch {
  margin-bottom: 0;
  margin-top: 6px;
}
.settings-box.touchpoints h4 {
  line-height: 30px;
}
.settings-box.lcbox {
  height: calc(100% - 20px);
}
.settings-box.general-box {
  width: 600px;
}
.settings-box.general-box .text-head {
  font-size: 13px;
  font-weight: 400;
  line-height: 35px;
}
.settings-box.framework-header {
  background: none !important;
  border: none !important;
  padding: 0 20px !important;
  box-shadow: none !important;
  font-size: 15px;
  margin-bottom: 10px !important;
}
.settings-box h5 {
  font-size: 15px;
  color: var(--Title);
  font-weight: 500;
  line-height: 25px;
  width: 100%;
}
.settings-box p.subtext {
  color: var(--Input_Default);
  font-size: 14px;
  margin: 5px;
}

.userManageLeftSpace.newspace {
  padding-left: 44px !important;
}

.module-block .col-md-6:nth-child(odd) {
  padding-right: 10px;
}
.module-block .col-md-6:nth-child(even) {
  padding-left: 10px;
}

.module-grid .headingth label {
  font-size: 15px;
  margin-bottom: 10px;
}

.powerbi-widget-box {
  width: 200px;
  height: 300px;
  margin: 0px auto;
}

.powerbi-label label {
  text-transform: capitalize;
}

.hidden-box::before {
  content: "";
  left: 0px;
  top: 0px;
  position: absolute;
  background: rgba(31, 24, 41, 0.7);
  width: 100%;
  height: 100%;
  z-index: 2;
}

.powerbiwidget {
  width: 100%;
  min-height: 250px;
}
.powerbiwidget .mainwidget {
  width: 100%;
  height: 250px;
}

.theme-light .hidden-box::before {
  background: rgba(237, 237, 237, 0.5);
}

.fullview-modal .parentMapSettings {
  max-width: 100% !important;
}
.fullview-modal .parentMapSettings .modal-content {
  height: 100vh;
}
.fullview-modal .parentMapSettings .modal-content .mx-height-400 {
  max-height: calc(100vh) !important;
}
.fullview-modal .parentMapSettings .modal-content .mx-height-400 .fullviewpowerbi {
  width: 100%;
  height: 100vh;
}

.global-btn-sm.expandbtn-icon {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.global-btn-sm.expandbtn-icon img {
  height: 18px;
}

.flex-center {
  justify-content: center;
  display: flex;
}

.csvenabled-btn {
  position: absolute;
  right: 20px;
  top: 150px;
}
.csvenabled-btn .btn {
  font-size: 15px;
  width: 200px;
  white-space: normal;
  height: 65px;
  text-align: center;
  line-height: 24px;
}

.upload-download-icon {
  width: 70px;
  text-align: center;
  padding: 10px 5px;
  border-radius: 5px;
  margin-right: 10px;
  cursor: pointer;
  margin-top: 17px;
  height: 40px;
}
.upload-download-icon i {
  font-size: 20px;
}

/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Mixins ******************/
.framework-widgets-block {
  padding: 0px;
}
.framework-widgets-block .framework-lcname {
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  padding-top: 8px;
  padding-bottom: 6px;
  margin-bottom: 10px;
  background: #7800ff;
}
.framework-widgets-block .framework-lcname.lane {
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  padding-right: 20px;
}
.framework-widgets-block .framework-lcname.lane.m-top {
  margin-top: -20px;
}
.framework-widgets-block .framework-widgets-row.tplevel {
  padding: 0 20px !important;
}
.framework-widgets-block .framework-widgets-row.tplevel.emotionList:nth-child(1) {
  padding-top: 20px !important;
}
.framework-widgets-block .framework-widgets-row.tplevel.emotionList:nth-last-child(2) .formsection .form-row .form-group ul li {
  margin-bottom: 0 !important;
}
.framework-widgets-block .framework-widgets-row.tplevel .framework-row {
  width: 100% !important;
}
.framework-widgets-block .framework-widgets-row.framework-parent-lane {
  padding: 0 !important;
}
.framework-widgets-block .framework-widgets-row .formsection .form-row .form-group ul li {
  margin-bottom: 12px;
}
.framework-widgets-block .framework-widgets-row .formsection .form-row .form-group ul li .framework-row {
  margin: 0 !important;
}
.framework-widgets-block .framework-widgets-row .formsection .form-row .form-group ul li .framework-row .col-12 {
  padding: 0 !important;
}
.framework-widgets-block .framework-widgets-row .formsection .form-row .form-group ul li .framework-row .col-12 .customBgBtn {
  width: 100%;
  font-size: 13px;
  color: #fff;
  padding: 0;
}
.framework-widgets-block .framework-widgets-row .formsection .form-row .form-group ul li .framework-row .col-12 .customBgBtn .emotionName {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  float: left;
  width: 100%;
}
.framework-widgets-block .framework-widgets-row .formsection .form-row .form-group ul li .framework-row .col-12 .customBgBtn.frameworkColorlevel3 {
  background: #9a5dde;
}
.framework-widgets-block .framework-widgets-row .formsection .form-row .form-group ul li .framework-row .col-12 .customBgBtn.frameworkColorlevel2 {
  background: #9a5dde;
}
.framework-widgets-block .framework-widgets-row .formsection .form-row .form-group ul li .framework-row .col-12 .customBgBtn.frameworkColorlevel1 {
  background: #9a5dde;
}
.framework-widgets-block .framework-widgets-row .formsection .form-row .form-group ul li .framework-row .col-12 .customBgBtn .emotionMoveIcon {
  left: -1px;
  font-size: 14px;
  color: var(--Title);
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  padding: 6px 10px !important;
  position: absolute;
  background: transparent;
  top: 0px;
  visibility: hidden;
  height: 28px;
}
.framework-widgets-block .framework-widgets-row .formsection .form-row .form-group ul li .framework-row .col-12 .customBgBtn .emotionmenu {
  visibility: hidden;
  height: 32px;
  top: 1px;
}
.framework-widgets-block .framework-widgets-row .formsection .form-row .form-group ul li .framework-row .col-12 .customBgBtn .emotionmenu.m-3dots-menu.emotion-3dots-menu .dropdown .dropdown-toggle .menu-icon {
  background: url(/bundles/admin/images/insight-3dots-white-menu.svg) top center no-repeat !important;
}
.framework-widgets-block .framework-widgets-row .formsection .form-row .form-group ul li .framework-row .col-12 .customBgBtn .emotionmenu.m-3dots-menu.emotion-3dots-menu .dropdown .dropdown-toggle .menu-icon:hover {
  background: url(/bundles/admin/images/insight-3dots-white-menu.svg) top center no-repeat #000 !important;
}
.framework-widgets-block .framework-widgets-row .formsection .form-row .form-group ul li .framework-row .col-12 .customBgBtn .emotionmenu .dropdown {
  background: transparent;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  height: 32px !important;
}
.framework-widgets-block .framework-widgets-row .formsection .form-row .form-group ul li .framework-row .col-12 .customBgBtn:hover .emotionmenu {
  visibility: visible;
}
.framework-widgets-block .framework-widgets-row .formsection .form-row .form-group ul li .framework-row .col-12 .customBgBtn:hover .emotionMoveIcon {
  visibility: visible;
}
.framework-widgets-block .serveiceprint {
  background: var(--ServicePrintHeader);
}
.framework-widgets-block .serveiceprint .global-btn-sm {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 5.5px 20px !important;
}

.showLifecycles.modal {
  z-index: 1052 !important;
}

.LanesMainBlock .emotionLaneMain .emotionMainList .framework-widgets-block .framework-widgets-row.emotionList:first-child {
  padding-top: 20px;
}

.topfixedEditmap .flexContainer .width-14 .JourneyEditEmotion.framework-widgets-block .framework-widgets-row.emotionInnerMain:nth-child(1) {
  padding-top: 20px;
}

.heigt-auto {
  height: auto !important;
}

.present-framework .framework-lcname {
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  padding-top: 8px;
  padding-bottom: 6px;
  margin-bottom: 10px;
  background: #7800ff;
}
.present-framework .framework-lcname.lane {
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  padding-right: 20px;
}
.present-framework .framework-lcname.lane.m-top {
  margin-top: -20px;
}
.present-framework .framework-lcname.m-top {
  margin-top: -20px;
}
.present-framework .form-row .form-group .emotionListView .emotionBlock .col-12 .customBgBtn {
  color: #fff;
  display: block;
  width: 100%;
  font-size: 13px;
  white-space: normal;
  padding: 0px !important;
}
.present-framework .form-row .form-group .emotionListView .emotionBlock .col-12 .customBgBtn .emotionMoveIcon {
  display: none !important;
}
.present-framework .form-row .form-group .emotionListView .emotionBlock .col-12 .customBgBtn.frameworkColorlevel3 {
  background: #9a5dde;
}
.present-framework .form-row .form-group .emotionListView .emotionBlock .col-12 .customBgBtn.frameworkColorlevel2 {
  background: #9a5dde;
}
.present-framework .form-row .form-group .emotionListView .emotionBlock .col-12 .customBgBtn.frameworkColorlevel1 {
  background: #9a5dde;
}
.present-framework .emotionList ul li .emotionBlock .col-12 .customBgBtn {
  color: #fff;
  white-space: normal;
  padding: 0px !important;
}
.present-framework .emotionList ul li .emotionBlock .col-12 .customBgBtn.frameworkColorlevel3 {
  background: #9a5dde;
}
.present-framework .emotionList ul li .emotionBlock .col-12 .customBgBtn.frameworkColorlevel2 {
  background: #9a5dde;
}
.present-framework .emotionList ul li .emotionBlock .col-12 .customBgBtn.frameworkColorlevel1 {
  background: #9a5dde;
}

.presentEpisode-emotion.present-framework .draggable-item .draggable-item-text-emotion {
  padding-top: 20px !important;
}

.lifeCycleTreeModal .formsection {
  padding: 0px !important;
}

.framework-tree .columnViewGrid .ColumnViewHscroll .columnViewList .allContactReasonList .card .card-header h5 span.arrowupdown {
  position: absolute;
  width: 35px;
  height: 35px;
  top: 0px;
  right: 0px;
  text-align: center;
  line-height: 35px;
  font-size: 18px;
  z-index: 2;
  cursor: pointer;
}
.framework-tree .columnViewGrid .ColumnViewHscroll .columnViewList .allContactReasonList .card .card-header h5 span.arrowupdown i {
  transform: rotate(0deg);
  transition: 0.3s ease-in-out;
}
.framework-tree .columnViewGrid .ColumnViewHscroll .columnViewList .allContactReasonList .card .card-header h5 span.arrowupdown.collapsed i {
  transform: rotate(180deg);
  transition: 0.3s ease-in-out;
}
.framework-tree .columnViewGrid .ColumnViewHscroll .columnViewList .allContactReasonList .card .card-header h5 a {
  margin: 0px !important;
  cursor: pointer;
}
.framework-tree .columnViewGrid .ColumnViewHscroll .columnViewList .allContactReasonList .card .card-header h5 a::after {
  display: none !important;
}

.theme-light .framework-widgets-block .framework-widgets-row .formsection .form-row .form-group ul li .framework-row .col-12 .customBgBtn .emotionMoveIcon {
  background: transparent !important;
  color: #fff;
}
.theme-light .framework-widgets-block .framework-widgets-row .formsection .form-row .form-group ul li .framework-row .col-12 .customBgBtn .emotionMoveIcon i {
  color: #fff !important;
}
.theme-light .framework-widgets-block .framework-widgets-row .formsection .form-row .form-group ul li .framework-row .col-12 .customBgBtn .emotionmenu .dropdown {
  background: transparent !important;
}
.theme-light .framework-widgets-block .framework-widgets-row .formsection .form-row .form-group ul li .framework-row .col-12 .customBgBtn .emotionmenu .dropdown i {
  color: #fff !important;
}

.dragdrop-verical.ghost::after {
  content: "" !important;
}
.dragdrop-verical.ghost.dimensionbrand::after {
  font-size: 20px !important;
}

.framework-label {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.framework-label .parentlevel-framework {
  width: 100%;
  background: #592e8a;
  color: #fff;
  font-size: 10px;
  padding: 9px 25px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.framework-label .mainlevel-framework {
  width: 100%;
  display: block;
  color: #fff;
  font-size: 13px;
  padding: 7px 25px;
}
.framework-label .mainlevel-framework span.level-icon-3 {
  width: 19px;
  height: 13px;
  margin-top: 0px;
  margin-right: 5px;
  background: url("/bundles/admin/images/frame3.svg") no-repeat;
  display: inline-block;
}
.framework-label .mainlevel-framework span.level-icon-3.level3 {
  background-position: 0px 0px;
}
.framework-label .mainlevel-framework span.level-icon-3.level2 {
  background-position: -17px 0px;
}
.framework-label .mainlevel-framework span.level-icon-3.level1 {
  background-position: -35px 0px;
}

.framework-name-popover {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 7px;
}

.framework-name-list {
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 5px;
  padding: 5px;
  border-radius: 5px;
}

.super-flow-base-demo {
  width: calc(100% - 0px);
  height: 100%;
  margin: 0 auto;
  background: url(/bundles/admin/images/service-frame-dark.png) repeat;
  min-height: 582px;
  overflow: hidden;
  border-radius: 0px !important;
  border-bottom: 2px solid var(--WidgetFrameBorder);
  border-right: 2px solid var(--WidgetFrameBorder);
}
.super-flow-base-demo .super-flow {
  width: 100%;
  height: 100%;
  min-height: 1000px;
}
.super-flow-base-demo .super-flow__node {
  border-radius: 5px;
  border: 0px solid #592e8a;
  box-shadow: none !important;
}
.super-flow-base-demo .super-flow__node .flow-node > header {
  font-size: 13px;
  line-height: 20px;
  height: auto;
  padding: 7px 12px;
  color: #ffffff;
  border-radius: 5px;
}
.super-flow-base-demo .super-flow__node .flow-node > header.ellipsis {
  white-space: normal !important;
}
.super-flow-base-demo .super-flow__node .flow-node.flow-node-level1 > header {
  background-color: #9a5dde;
}
.super-flow-base-demo .super-flow__node .flow-node.flow-node-level2 > header {
  background-color: #7239b2;
}
.super-flow-base-demo .super-flow__node .flow-node.flow-node-level3 > header {
  background-color: #592e8a;
}
.super-flow-base-demo .super-flow__node .flow-node.flow-node-backStage > header {
  background-color: #30b95c;
}
.super-flow-base-demo .super-flow__node .flow-node.flow-node-support > header {
  height: 50px;
  line-height: 50px;
  background-color: #55abfc;
}
.super-flow-base-demo .super-flow__node .flow-node-solid-line {
  background-color: #9a5dde;
  height: 2px !important;
  min-width: 100vw !important;
}
.super-flow-base-demo .super-flow__node .flow-node-solid-line .servicebg-lanes {
  position: relative;
  padding: 5px 10px;
  background: var(--MapTable_bg);
  z-index: 2;
  font-size: 13px;
  font-weight: 600;
  top: -12px;
  color: var(--Title);
}
.super-flow-base-demo .super-flow__node .flow-node-dotted-line {
  border-bottom: 2px dashed #4b8ecb;
  height: 0px !important;
  min-width: 100vw !important;
}
.super-flow-base-demo .super-flow__node .flow-node-dotted-line .servicebg-lanes {
  position: relative;
  padding: 5px 10px;
  background: var(--MapTable_bg);
  z-index: 2;
  font-size: 13px;
  font-weight: 600;
  top: -12px;
  color: var(--Title);
}

/*--- Framework Plugin Stages ---*/
.data-serviceprint {
  position: relative;
}
.data-serviceprint .vertical-title {
  position: absolute;
  writing-mode: vertical-rl;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  z-index: 2;
  transform: rotate(180deg);
  padding: 3px;
}
.data-serviceprint .front-stage {
  top: 0px;
  left: 0px;
  background-color: #4b8ecb;
  height: 333px;
}
.data-serviceprint .back-stage {
  top: 334px;
  left: 0px;
  background-color: #9a5dde;
  height: 333px;
}
.data-serviceprint .support-process {
  top: 666px;
  left: 0px;
  background-color: #08a79d;
  height: 333px;
}

/*--- Framework Plugin Dropdownmenu ---*/
.framwworkDropdown {
  float: left !important;
}
.framwworkDropdown .dropdown-toggle::after {
  border: none !important;
}
.framwworkDropdown .dropdown-menu {
  background-color: var(--DropdownBg);
  border-radius: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin: 0px;
  border: none !important;
  width: 200px;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.06), 0px 0px 4px 0px rgba(0, 0, 0, 0.04) !important;
}
.framwworkDropdown .dropdown-menu a {
  color: var(--DropdownliColor) !important;
  font-size: 13px;
  padding: 15px 15px;
  font-weight: 500;
  white-space: normal !important;
}
.framwworkDropdown .dropdown-menu a:hover {
  background: var(--DropdownBgHover) !important;
  color: var(--DropdownliColor) !important;
  cursor: pointer;
}

/*--- Framework Plugin Menu ---*/
.super-flow__menu-container .super-flow__menu {
  position: absolute;
  width: 150px;
  padding: 5px 0;
  border: none !important;
  overflow: hidden;
  border-radius: 5px;
  z-index: 10;
  background-color: var(--DropdownBg);
  margin: 0;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.06), 0px 0px 4px 0px rgba(0, 0, 0, 0.04) !important;
}
.super-flow__menu-container .super-flow__menu .super-flow__menu-item {
  width: 130px;
  cursor: pointer;
  position: relative;
  padding: 10px;
  min-height: auto;
  line-height: normal;
}
.super-flow__menu-container .super-flow__menu .super-flow__menu-item .super-flow__menu-item-content {
  color: var(--DropdownliColor);
  font-size: 13px;
  text-transform: capitalize;
  width: 130px;
  float: none;
  display: block;
  line-height: normal;
}
.super-flow__menu-container .super-flow__menu .super-flow__menu-item .super-flow__menu-item-icon {
  display: none !important;
}
.super-flow__menu-container .super-flow__menu .super-flow__menu-item:hover {
  background: var(--DropdownBgHover);
}
.super-flow__menu-container .super-flow__menu .super-flow__menu-line {
  display: none;
}

.child-episode-blueprint {
  padding: 0px !important;
}

.sericeblueprintModalSize {
  max-width: 500px !important;
}

.flow-node.framework-icon.flow-node-icon .flow-icon {
  padding: 3px;
  border-radius: 5px;
  background: var(--MapTable_bg);
  text-align: center;
}

.theme-light .super-flow-base-demo {
  background: url(/bundles/admin/images/service-frame-light.png) repeat;
}

.resize-handle {
  visibility: hidden;
  position: absolute;
  width: 24px;
  height: 24px;
  right: -2px;
  bottom: -2px;
  background-color: transparent;
  cursor: nwse-resize;
  border-right: solid 5px #c793ff;
  border-bottom: solid 5px #c793ff;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 3px;
}

.super-flow-base-demo .super-flow__node .flow-node.flow-node-level1, .super-flow-base-demo .super-flow__node .flow-node.flow-node-level2, .super-flow-base-demo .super-flow__node .flow-node.flow-node-level3 {
  height: 100%;
}
.super-flow-base-demo .super-flow__node .flow-node.flow-node-level1 header, .super-flow-base-demo .super-flow__node .flow-node.flow-node-level2 header, .super-flow-base-demo .super-flow__node .flow-node.flow-node-level3 header {
  height: 100%;
}
.super-flow-base-demo .super-flow__node .flow-node.flow-node-level1:hover .resize-handle, .super-flow-base-demo .super-flow__node .flow-node.flow-node-level2:hover .resize-handle, .super-flow-base-demo .super-flow__node .flow-node.flow-node-level3:hover .resize-handle {
  visibility: visible;
}
.super-flow-base-demo .super-flow__node .framework-text {
  height: 100%;
}
.super-flow-base-demo .super-flow__node .framework-text .flow-text {
  height: 100%;
}
.super-flow-base-demo .super-flow__node .framework-text .flow-text .form-control {
  min-height: 100% !important;
  height: 100%;
}
.super-flow-base-demo .super-flow__node .framework-text .flow-text .resize-handle {
  border-right: solid 5px var(--Border_Divider) !important;
  border-bottom: solid 5px var(--Border_Divider) !important;
}
.super-flow-base-demo .super-flow__node .framework-text .flow-text:hover .resize-handle {
  visibility: visible;
}
.super-flow-base-demo .super-flow__node .framework-text:hover {
  cursor: move !important;
}
.super-flow-base-demo .super-flow__node .framework-text:hover .flow-text {
  cursor: move !important;
}
.super-flow-base-demo .super-flow__node .framework-text:hover .flow-text .form-control {
  cursor: move !important;
}

/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Mixins ******************/
.web-display {
  display: block !important;
}

.mobile-display {
  display: none !important;
}

@media (min-width: 1100px) and (max-width: 1200px) {
  .login-signup-panels .block-right .cp-rightcontent .createpayment-right.loginRightContent.step-password {
    max-width: 400px;
    margin-top: 10%;
    top: 0;
  }
  .login-signup-panels .block-left .createpayment-leftmain {
    width: calc(100% - 50px) !important;
    margin-left: 25px !important;
    left: auto !important;
    top: auto !important;
  }

  .createpaymentmain.LoginMain .cp-rightcontent .createpayment-right.loginRightContent {
    margin-top: 5%;
  }
}
@media (min-width: 992px) and (max-width: 1099px) {
  .menu-secondary li {
    padding-right: 15px !important;
  }

  .price-main-area .price-tabs .tabs-maincontent .tab-content .tab-pane .price-block .price-card.col-3 {
    margin-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px;
  }
  .price-main-area .price-tabs .tabs-maincontent .tab-content .tab-pane .price-block .price-card .card .plan-img-block,
.price-main-area .price-tabs .tabs-maincontent .tab-content .tab-pane .price-block .price-card .card .plan-head-block,
.price-main-area .price-tabs .tabs-maincontent .tab-content .tab-pane .price-block .price-card .card .price-head-block,
.price-main-area .price-tabs .tabs-maincontent .tab-content .tab-pane .price-block .price-card .card .plan-content-block,
.price-main-area .price-tabs .tabs-maincontent .tab-content .tab-pane .price-block .price-card .card .features-content-block,
.price-main-area .price-tabs .tabs-maincontent .tab-content .tab-pane .price-block .price-card .card .btn-content-block,
.price-main-area .price-tabs .tabs-maincontent .tab-content .tab-pane .price-block .price-card .card .features-maincontent-block {
    min-height: auto !important;
    margin-bottom: 15px !important;
  }
  .price-main-area .testmonials-area .main-block .carousel-inner .carousel-item .col-md-4 .card .card-footer {
    margin-bottom: 10px;
  }
  .price-main-area .testmonials-area .main-block .carousel-inner .carousel-item .col-md-4 .card .card-body {
    min-height: 250px;
  }

  .login-signup-panels .block-right .cp-rightcontent .createpayment-right.loginRightContent.step-password {
    max-width: 400px;
    margin-top: 10%;
    top: 0;
  }

  .createpaymentmain.LoginMain .cp-rightcontent .createpayment-right.loginRightContent {
    margin-top: 5%;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .createpaymentmain:after {
    background: transparent !important;
  }

  .menu-secondary li {
    padding-right: 15px !important;
  }

  .price-main-area .price-tabs .tabs-maincontent .tab-content .tab-pane .price-block .price-card.col-3 {
    margin-bottom: 20px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .price-main-area .price-tabs .tabs-maincontent .tab-content .tab-pane .price-block .price-card .card .plan-img-block,
.price-main-area .price-tabs .tabs-maincontent .tab-content .tab-pane .price-block .price-card .card .plan-head-block,
.price-main-area .price-tabs .tabs-maincontent .tab-content .tab-pane .price-block .price-card .card .price-head-block,
.price-main-area .price-tabs .tabs-maincontent .tab-content .tab-pane .price-block .price-card .card .plan-content-block,
.price-main-area .price-tabs .tabs-maincontent .tab-content .tab-pane .price-block .price-card .card .features-content-block,
.price-main-area .price-tabs .tabs-maincontent .tab-content .tab-pane .price-block .price-card .card .btn-content-block,
.price-main-area .price-tabs .tabs-maincontent .tab-content .tab-pane .price-block .price-card .card .features-maincontent-block {
    min-height: auto !important;
    margin-bottom: 15px !important;
  }
  .price-main-area .testmonials-area .main-block .carousel-inner .carousel-item .row {
    margin: 0;
  }
  .price-main-area .testmonials-area .main-block .carousel-inner .carousel-item .row .col-md-4 {
    padding-right: 5px;
    padding-left: 5px;
  }
  .price-main-area .testmonials-area .main-block .carousel-inner .carousel-item .row .col-md-4 .card {
    height: 100%;
  }
  .price-main-area .testmonials-area .main-block .carousel-inner .carousel-item .row .col-md-4 .card .card-footer {
    margin-bottom: 10px;
    min-height: auto !important;
    height: auto !important;
  }
  .price-main-area .testmonials-area .main-block .carousel-inner .carousel-item .row .col-md-4 .card .card-body {
    margin-bottom: 10px;
    min-height: auto !important;
    height: auto !important;
  }

  .header-pan .navbar .logo {
    max-width: 130px;
    margin: 0 0 !important;
  }
  .header-pan .navbar .navbar-collapse .menu-secondary .nav-item {
    padding-right: 0;
  }
  .header-pan .navbar .navbar-collapse .menu-secondary .nav-item:nth-last-child(1) {
    display: none;
  }
  .header-pan .navbar .navbar-collapse .menu-secondary .nav-item:nth-last-child(2) {
    display: none;
  }
  .header-pan .navbar .navbar-collapse .menu-secondary .nav-item a.tryforfree {
    display: none !important;
  }
  .header-pan .navbar .navbar-collapse .menu-secondary .nav-item a.flagicon {
    display: none !important;
  }

  .footer-area {
    padding: 0 !important;
  }
  .footer-area .footermenu .navbar .collapse .navbar-nav {
    padding-left: 10px;
  }
  .footer-area .footermenu .navbar .collapse .navbar-nav li {
    padding-right: 20px !important;
  }
  .footer-area .footermenu .navbar .collapse .navbar-nav li:nth-last-child(1) {
    display: none;
  }
  .footer-area .footermenu .navbar .collapse .navbar-nav li:nth-last-child(2) {
    display: none;
  }
  .footer-area .footermenu .navbar .collapse .navbar-nav li.dropdown a.dropdown-toggle::before {
    right: 10px !important;
    top: 13px !important;
  }

  .tablet-view {
    margin: 0 !important;
  }

  .footermenu2 {
    padding-top: 10px;
    padding-right: 0;
    padding-bottom: 20px;
  }

  .createpaymentmain.LoginMain .cp-rightcontent .createpayment-right.loginRightContent .cr-top {
    padding: 0 0 !important;
  }

  .login-signup-panels .block-right {
    flex: 0 0 55%;
    max-width: 55%;
    padding: 0 !important;
  }
  .login-signup-panels .block-left {
    flex: 0 0 45%;
    max-width: 45%;
    padding: 0 !important;
  }
  .login-signup-panels .block-left .createpayment-leftmain {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 50px 30px !important;
  }

  .createpaymentmain.LoginMain .cp-rightcontent .createpayment-right.loginRightContent {
    margin: 0 auto !important;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    padding-top: 50px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .createpaymentmain .cp-rightcontent .createpayment-right .cr-top {
    text-align: left !important;
    padding: 0 0 !important;
  }

  .login-signup-panels .block-right .cp-rightcontent .createpayment-right.loginRightContent.password-initiated {
    max-width: 100%;
    width: 100%;
    padding-right: 30px !important;
  }
  .login-signup-panels .block-right .cp-rightcontent .createpayment-right.loginRightContent.step-password {
    top: 0% !important;
    max-width: 400px !important;
    width: 400px !important;
  }
  .login-signup-panels .block-right .cp-rightcontent .createpayment-right.loginRightContent.step-password .cr-top p.password-created {
    font-size: 16px;
    color: #fff;
    margin: 0;
    padding: 0 !important;
  }
  .login-signup-panels .block-right .step-register-3 .col-6.col-sm-6.col-md-6.col-lg-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .registerflow section .login-signup-panels .createpaymentmain.Showstep1 .block-left {
    flex: 0 0 45%;
    max-width: 45%;
    background: url(../images/login-bg-img.png) no-repeat;
    background-size: cover;
    background-position: center;
  }
  .registerflow section .login-signup-panels .createpaymentmain.Showstep1 .block-right {
    flex: 0 0 55%;
    max-width: 55%;
    padding: 0 !important;
  }
  .registerflow section .login-signup-panels .createpaymentmain.Showstep1 .block-right .cp-rightcontent .createpayment-right {
    position: relative;
    left: 0 !important;
    top: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    padding: 50px 30px 30px 30px;
  }
  .registerflow section .login-signup-panels .createpaymentmain.Showstep1 .block-right .cp-rightcontent .createpayment-right .register-steps .tab-content .formsection .form-row .form-group:nth-child(1), .registerflow section .login-signup-panels .createpaymentmain.Showstep1 .block-right .cp-rightcontent .createpayment-right .register-steps .tab-content .formsection .form-row .form-group:nth-child(2) {
    margin: 0 0 15px 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .registerflow section .login-signup-panels .createpaymentmain.Showstep1 .block-right .cp-rightcontent .createpayment-right .register-steps .tab-content .formsection .form-row .form-group:nth-child(1), .registerflow section .login-signup-panels .createpaymentmain.Showstep1 .block-right .cp-rightcontent .createpayment-right .register-steps .tab-content .formsection .form-row .form-group:nth-child(2) {
    padding: 0 !important;
  }
}
@media only screen and (min-height: 550px) and (max-height: 720px) and (min-width: 768px) and (max-width: 1199px) {
  .registerflow section .login-signup-panels .createpaymentmain.Showstep1 .block-left .createpayment-leftmain {
    top: 0% !important;
  }
}
@media (min-width: 651px) and (max-width: 767px) {
  .price-main-area .price-tabs .tabs-maincontent .tab-content .tab-pane .price-block .price-card.col-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50% !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
    margin-bottom: 20px;
    padding: 0 30px 0 30px;
  }
}
@media (min-width: 400px) and (max-width: 567px) {
  .price-main-area .price-tabs .tabs-maincontent .tab-content .tab-pane .price-block .price-card.col-3 {
    padding: 0 50px 0 50px;
  }
}
@media (min-width: 568px) and (max-width: 767px) {
  .price-main-area .price-tabs .tabs-maincontent .tab-content .tab-pane .price-block .price-card .card .plan-img-block,
.price-main-area .price-tabs .tabs-maincontent .tab-content .tab-pane .price-block .price-card .card .plan-head-block,
.price-main-area .price-tabs .tabs-maincontent .tab-content .tab-pane .price-block .price-card .card .price-head-block,
.price-main-area .price-tabs .tabs-maincontent .tab-content .tab-pane .price-block .price-card .card .plan-content-block,
.price-main-area .price-tabs .tabs-maincontent .tab-content .tab-pane .price-block .price-card .card .features-content-block,
.price-main-area .price-tabs .tabs-maincontent .tab-content .tab-pane .price-block .price-card .card .btn-content-block,
.price-main-area .price-tabs .tabs-maincontent .tab-content .tab-pane .price-block .price-card .card .features-maincontent-block {
    min-height: auto !important;
    margin-bottom: 15px !important;
  }

  .paymentcreatemain.login-signup-panels .block-right .cp-rightcontent .createpayment-right .step-register-1 .form-group {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
  .paymentcreatemain.login-signup-panels .block-right .cp-rightcontent .createpayment-right .step-register-1 .form-group.col-lg-12 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}
@media (min-width: 568px) and (max-width: 650px) {
  .price-main-area .price-tabs .tabs-maincontent .tab-content .tab-pane .price-block .price-card.col-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin-bottom: 20px;
    padding: 0 80px 0 80px;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  body {
    border-radius: 0px !important;
  }

  .createpaymentmain:after {
    background: transparent !important;
  }

  .mobile-height {
    height: auto !important;
  }

  .blockTopSpace {
    padding-top: 50px !important;
    padding-left: 30px;
    padding-right: 30px;
  }

  .web-display {
    display: none !important;
  }

  .mobile-display {
    display: block !important;
  }

  .navbar-toggler-icon {
    background-image: url(../images/menu-toggle-icon.png) !important;
  }

  .header-pan .navbar {
    padding-left: 20px;
    padding-right: 20px;
  }
  .header-pan .navbar .navbar-toggler:focus, .header-pan .navbar .navbar-toggler:hover, .header-pan .navbar .navbar-toggler:active {
    outline: none !important;
    border: solid 0px #fff !important;
  }
  .header-pan .navbar .logo {
    max-width: 130px;
    margin: 0 0 !important;
  }
  .header-pan .navbar .navbar-collapse .menu-secondary .nav-item {
    padding-right: 0;
  }
  .header-pan .navbar .navbar-collapse .menu-secondary .nav-item a {
    padding: 5px 0 !important;
    font-size: 13px !important;
  }
  .header-pan .navbar .navbar-collapse .menu-secondary .nav-item a.tryforfree {
    display: none !important;
  }
  .header-pan .navbar .navbar-collapse .menu-secondary .nav-item a.flagicon {
    display: none !important;
  }
  .header-pan .navbar .navbar-collapse .menu-secondary .nav-item.dropdown .dropdown-menu {
    padding: 4px 5px !important;
  }
  .header-pan .navbar .navbar-collapse .menu-secondary .nav-item.dropdown .dropdown-menu a {
    color: #666666 !important;
    line-height: 15px !important;
  }

  .price-main-area {
    background: url(../images/price-background-mobile.png) no-repeat #fff;
    padding-top: 130px !important;
    background-size: 100%;
  }
  .price-main-area .price-tabs .tabstyle .tabstyleinner {
    width: 100%;
    min-width: 280px;
    max-width: 450px;
    height: auto !important;
  }
  .price-main-area .price-tabs .tabstyle .tabstyleinner .arrow-img {
    display: none;
  }
  .price-main-area .price-tabs .tabs-maincontent .tab-content .tab-pane .price-block .price-card.col-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 20px;
  }
  .price-main-area .price-tabs .tabs-maincontent .tab-content .tab-pane .price-block .price-card .card .plan-img-block,
.price-main-area .price-tabs .tabs-maincontent .tab-content .tab-pane .price-block .price-card .card .plan-head-block,
.price-main-area .price-tabs .tabs-maincontent .tab-content .tab-pane .price-block .price-card .card .price-head-block,
.price-main-area .price-tabs .tabs-maincontent .tab-content .tab-pane .price-block .price-card .card .plan-content-block,
.price-main-area .price-tabs .tabs-maincontent .tab-content .tab-pane .price-block .price-card .card .features-content-block,
.price-main-area .price-tabs .tabs-maincontent .tab-content .tab-pane .price-block .price-card .card .btn-content-block,
.price-main-area .price-tabs .tabs-maincontent .tab-content .tab-pane .price-block .price-card .card .features-maincontent-block {
    min-height: auto !important;
    margin-bottom: 15px !important;
  }
  .price-main-area .clients-area {
    padding: 10px 0 !important;
  }
  .price-main-area .clients-area .logos span {
    padding: 10px 20px;
  }
  .price-main-area .clients-area .logos span img {
    height: 45px;
  }
  .price-main-area .clients-area h5 {
    color: #666666 !important;
  }
  .price-main-area .testmonials-area .main-block .carousel-inner .carousel-item .row {
    margin: 0;
  }
  .price-main-area .testmonials-area .main-block .carousel-inner .carousel-item .row .col-md-4 {
    padding-right: 5px;
    padding-left: 5px;
  }
  .price-main-area .testmonials-area .main-block .carousel-inner .carousel-item .row .col-md-4 .card {
    height: 100%;
  }
  .price-main-area .testmonials-area .main-block .carousel-inner .carousel-item .row .col-md-4 .card .card-footer {
    margin-bottom: 10px;
    min-height: auto !important;
    height: auto !important;
  }
  .price-main-area .testmonials-area .main-block .carousel-inner .carousel-item .row .col-md-4 .card .card-body {
    margin-bottom: 10px;
    min-height: auto !important;
    height: auto !important;
  }

  .footer-area {
    padding: 0px !important;
  }
  .footer-area .footermenu .navbar .collapse {
    display: block !important;
  }
  .footer-area .footermenu .navbar .collapse .navbar-nav {
    padding-left: 10px;
  }
  .footer-area .footermenu .navbar .collapse .navbar-nav li a.tryforfree, .footer-area .footermenu .navbar .collapse .navbar-nav li a.flagicon {
    display: none !important;
  }
  .footer-area .footermenu .navbar .collapse .navbar-nav li a.dropdown-toggle::after {
    display: none !important;
  }
  .footer-area .footermenu .navbar .collapse .navbar-nav li.dropdown a.dropdown-toggle::before {
    content: "" !important;
  }
  .footer-area .footermenu .navbar .collapse .navbar-nav li .dropdown-menu {
    display: block !important;
  }
  .footer-area .footermenu .navbar .collapse .navbar-nav li .dropdown-menu a {
    padding-left: 0 !important;
    padding-right: 0 !important;
    color: #666666 !important;
    line-height: 20px !important;
  }
  .footer-area .footermenu .footermenu2 {
    padding-left: 5px !important;
  }
  .footer-area .footermenu .footermenu2 a {
    display: block !important;
    text-align: left !important;
    margin: 0 !important;
    padding: 10px 5px !important;
  }

  .createpaymentmain.Showstep1 {
    background-image: none !important;
  }
}
@media (min-width: 320px) and (max-width: 767px) and (min-width: 320px) and (max-width: 768px) {
  .createpaymentmain.Showstep1 .createpayment-leftmain {
    background-image: none !important;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .createpaymentmain.Showstep2 {
    background-image: none !important;
  }
}
@media (min-width: 320px) and (max-width: 767px) and (min-width: 320px) and (max-width: 768px) {
  .createpaymentmain.Showstep2 .createpayment-leftmain {
    background-image: none !important;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .createpaymentmain.LoginMain .cp-rightcontent .createpayment-right.loginRightContent .cr-top {
    padding: 0 0 !important;
  }
  .createpaymentmain.LoginMain .cp-rightcontent .createpayment-right.loginRightContent .formsection .form-group label {
    display: block;
    text-align: left;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .login-signup-panels .block-left {
    background: none !important;
    background: none !important;
    display: block !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  .login-signup-panels .block-left.mobile-siginin {
    display: none !important;
  }
  .login-signup-panels .block-left.order-md-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .login-signup-panels .block-left .createpayment-leftmain.step-password {
    position: relative !important;
    width: 100% !important;
    left: 0 !important;
    margin-left: 0 !important;
    top: 0px !important;
    height: auto !important;
  }
  .login-signup-panels .block-right {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .login-signup-panels .block-right.order-md-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .login-signup-panels .block-right .cp-rightcontent .createpayment-right.loginRightContent {
    padding: 0 0 40px 0 !important;
    width: 100% !important;
    position: relative !important;
    top: 0 !important;
    left: 0% !important;
    max-width: 340px !important;
    margin: 0 auto !important;
  }
  .login-signup-panels .block-right .cp-rightcontent .createpayment-right.loginRightContent.step-password .cr-top p {
    margin: 0 !important;
    padding: 0 !important;
  }
  .login-signup-panels .block-right .cp-rightcontent .createpayment-right.loginRightContent .navbar-brand {
    display: none !important;
  }
  .login-signup-panels .block-right .cp-rightcontent .createpayment-right.loginRightContent .signin-title {
    padding-left: 0 !important;
    margin: 0 !important;
  }
  .login-signup-panels .block-right .cp-rightcontent .createpayment-right.loginRightContent .forgotme {
    padding-top: 19px !important;
  }
  .login-signup-panels .block-right .cp-rightcontent .createpayment-right.loginRightContent .forgotme .loginssotext {
    margin-top: 0 !important;
  }
  .login-signup-panels .block-right .step-register-3 .col-6.col-sm-6.col-md-6.col-lg-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .login-signup-panels .block-right .step-register-3 .col-6.col-sm-6.col-md-6.col-lg-6 p.password-strength {
    text-align: left;
  }
  .login-signup-panels .block-right .step-register-3 .col-6.col-sm-6.col-md-6.col-lg-6 .passwordstrength ul {
    text-align: left !important;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .register-payment {
    background: none no-repeat !important;
  }
  .register-payment .block-left {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    background: none !important;
  }
  .register-payment .block-right {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    background: none !important;
  }
  .register-payment .block-right .createpayment-right {
    position: relative !important;
    left: 0 !important;
    top: 0% !important;
    min-width: 290px !important;
    width: 100% !important;
    padding: 0 15px;
    margin: 0px auto;
  }
  .register-payment .createpaymentmain.LoginMain .cp-rightcontent .createpayment-right.loginRightContent .cr-top {
    padding: 0 0 !important;
  }
  .register-payment .createpaymentmain.LoginMain .cp-rightcontent .createpayment-right.loginRightContent .cr-top h2,
.register-payment .createpaymentmain.LoginMain .cp-rightcontent .createpayment-right.loginRightContent .cr-top p {
    text-align: left;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .paymentcreatemain.login-signup-panels .block-left {
    background: none !important;
    display: block !important;
    flex: 0 0 100% !important;
    max-width: block !important;
  }
  .paymentcreatemain.login-signup-panels .block-left.order-md-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .paymentcreatemain.login-signup-panels .block-left .createpayment-leftmain {
    position: relative !important;
    left: 0 !important;
    margin-left: 0 !important;
    top: 0 !important;
    padding-top: 50px;
    padding-bottom: 50px;
    width: 100% !important;
    height: auto !important;
  }
  .paymentcreatemain.login-signup-panels .block-right {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
  }
  .paymentcreatemain.login-signup-panels .block-right.order-md-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .paymentcreatemain.login-signup-panels .block-right .cp-rightcontent {
    overflow: unset !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .paymentcreatemain.login-signup-panels .block-right .cp-rightcontent .createpayment-right {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  .paymentcreatemain.login-signup-panels .block-right .cp-rightcontent .createpayment-right .heading-account {
    padding: 0 !important;
  }
  .paymentcreatemain.login-signup-panels .block-right .cp-rightcontent .createpayment-right .heading-account h2 {
    text-align: left !important;
  }
  .paymentcreatemain.login-signup-panels .createpaymentmain.Showstep1 .createpayment-leftmain {
    background-image: none !important;
    padding-top: 0 !important;
  }
  .paymentcreatemain.galaxy-register .galaxy-height {
    height: auto !important;
    margin: 0 !important;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .login-signup-panels .block-right .cp-rightcontent .createpayment-right.loginRightContent.step-password .cr-top h2 {
    font-size: 29px !important;
    text-align: left !important;
    margin-bottom: 20px !important;
  }
}
@media (min-width: 320px) and (max-width: 567px) {
  .paymentcreatemain.login-signup-panels .block-right .cp-rightcontent .createpayment-right .step-register-1 .form-group {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
  .paymentcreatemain.login-signup-panels .block-right .cp-rightcontent .createpayment-right .step-register-1 .form-group.col-lg-12 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}
@media (min-width: 320px) and (max-width: 350px) {
  .step-password .secondary-btn {
    padding: 10px 15px !important;
  }
}
@media (min-width: 320px) and (max-width: 359px) {
  .login-signup-panels .block-right .cp-rightcontent .createpayment-right.loginRightContent {
    padding: 0 !important;
    max-width: 290px !important;
    margin: 0 auto;
  }
  .login-signup-panels .block-right .cp-rightcontent .createpayment-right.loginRightContent .signin-title {
    padding-left: 0 !important;
  }

  .createpaymentmain.LoginMain .cp-rightcontent .createpayment-right.loginRightContent .cr-top {
    padding: 0 0 !important;
  }
}
/*************** 1. Imports ******************/
/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Mixins ******************/
.theme-light {
  border-radius: 0 !important;
  border-right: 10px solid #fff;
  border-bottom: 10px solid #fff;
}
.theme-light .bootstrap-select .dropdown-menu .inner {
  scrollbar-color: #a294b5 #fff;
  scrollbar-width: thin;
  overflow-x: hidden;
}
.theme-light .bootstrap-select .dropdown-menu .inner::-webkit-scrollbar {
  width: 13px;
}
.theme-light .bootstrap-select .dropdown-menu .inner::-webkit-scrollbar-track {
  box-shadow: none;
  border-radius: 0px;
  background: #fff;
}
.theme-light .bootstrap-select .dropdown-menu .inner::-webkit-scrollbar-track:hover {
  background: #fff;
}
.theme-light .bootstrap-select .dropdown-menu .inner::-webkit-scrollbar-thumb {
  background: #7b6c8f;
  border: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}
.theme-light .bootstrap-select .dropdown-menu .inner::-webkit-scrollbar-thumb:hover {
  background: #a294b5;
  border: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}
.theme-light .bootstrap-select .dropdown-menu .inner::-moz-scrollbar {
  width: 13px;
}
.theme-light .bootstrap-select .dropdown-menu .inner::-moz-scrollbar-track {
  box-shadow: none;
  border-radius: 0px;
  background: #fff;
}
.theme-light .bootstrap-select .dropdown-menu .inner::-moz-scrollbar-track:hover {
  background: #fff;
}
.theme-light .bootstrap-select .dropdown-menu .inner::-moz-scrollbar-thumb {
  background: #7b6c8f;
  border: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}
.theme-light .bootstrap-select .dropdown-menu .inner::-moz-scrollbar-thumb:hover {
  background: #a294b5;
  border: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}
.theme-light .m-select-dropdown-sm {
  background: #fff !important;
  box-shadow: none !important;
}
.theme-light .m-select-dropdown-sm .dropdown-menu {
  font-size: 13px !important;
}
.theme-light .m-select-dropdown-sm .dropdown-menu.show {
  border-right: solid 1px #c5c5c5 !important;
  border-bottom: solid 1px #c5c5c5 !important;
}
.theme-light .m-select-dropdown-sm .dropdown-menu.inner.show {
  border-top: 0px solid #c5c5c5 !important;
  border-left: 1px solid #c5c5c5 !important;
  border-right: 1px solid #c5c5c5 !important;
  border-bottom: solid 0px #c5c5c5 !important;
}
.theme-light .m-select-dropdown-sm .dropdown-menu li {
  border-bottom: 1px solid #7800ff !important;
}
.theme-light .m-select-dropdown-sm .dropdown-menu li:nth-last-child(1) a {
  border-bottom: solid 0px #c5c5c5 !important;
}
.theme-light .m-select-dropdown-sm .dropdown-menu li a {
  color: #000 !important;
  background: #fff !important;
}
.theme-light .m-select-dropdown-sm .dropdown-menu li a.active {
  background: #f3f3f3;
}
.theme-light .m-select-dropdown-sm .dropdown-menu li a:hover {
  background: #f3f3f3 !important;
}
.theme-light .m-select-dropdown-sm .dropdown-menu .bs-searchbox {
  background: #fff;
  border: solid 1px #c5c5c5;
  border-top: solid opx #c5c5c5;
}
.theme-light .m-select-dropdown-sm .dropdown-menu .bs-searchbox input {
  box-shadow: none !important;
  background: #fff !important;
  border: solid 1px #c5c5c5 !important;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.2) !important;
}
.theme-light .m-select-dropdown-sm .dropdown-menu .bs-searchbox input:focus {
  border: solid 1px #7800ff !important;
}

.theme-light {
  /*--SideMenu--*/
  /*--Main Menu Galaxy--*/
  /*--Files Page -*/
  /*--Export Popup--*/
  /*--Share Milky Map Popup--*/
  /*--Icons Page List Colors--*/
  /*--Share Invite Comments Popup--*/
  /*--3 Dots Menu 1--*/
  /*---button Controls--*/
  /*-----Life Cycle Screen----*/
}
.theme-light .sidemenu {
  background: #e5eaef;
  border-right: 1px solid #e5e8ff;
}
.theme-light .sidemenu .list-group-item-action.customDropdown,
.theme-light .sidemenu .list-group-item-action a {
  color: #000;
  font-weight: 600;
}
.theme-light .sidemenu .list-group-item-action.customDropdown:hover,
.theme-light .sidemenu .list-group-item-action a:hover {
  color: #7800ff;
}
.theme-light .sidemenu .list-group-item-action:hover {
  border-right: 2px solid #7800ff;
}
.theme-light .sidemenu .list-group-item-action.active {
  border-right: 2px solid #7800ff;
}
.theme-light .sidemenu .list-group-item-action.active a {
  color: #7800ff;
}
.theme-light .sidemenu .list-group-item-action.active:hover {
  border-right: 2px solid #7800ff;
}
.theme-light .sidemenu .dimensionsCollapseList li.active a {
  color: #7800ff !important;
}
.theme-light .sidemenu .dimensionsCollapseList li a {
  color: #7b6c8f !important;
}
.theme-light .sidemenu .dimensionsCollapseList li a:hover a {
  color: #000 !important;
}
.theme-light .usermanagementheader.dbUserHeader {
  background: #ffffff;
}
.theme-light .usermanagementheader.dbUserHeader .topnavigation li .dropdown-menu {
  border-top: 2px solid #c5c5c5;
  border: 1px solid #c5c5c5;
}
.theme-light .usermanagementheader.dbUserHeader .topnavigation li.notifications .dropdown-menu {
  border-top: 0px solid #c5c5c5 !important;
  border: 0px solid #c5c5c5 !important;
}
.theme-light .usermanagementheader .topnavigation .topnav li a:after {
  background: #c0c0c0;
  z-index: 1;
}
.theme-light .usermanagementheader .topnavigation .topnav li a {
  color: #000 !important;
}
.theme-light .usermanagementheader .topnavigation .topnav li a::before {
  color: #000 !important;
}
.theme-light .usermanagementheader .topnavigation .topnav li .dropdown-menu {
  background: #fff;
  border-top: 2px solid #c0c0c0;
}
.theme-light .usermanagementheader .topnavigation .topnav li .dropdown-menu a {
  color: #000 !important;
  border-bottom: 0px solid #c5c5c5;
}
.theme-light .usermanagementheader .topnavigation .topnav li .dropdown-menu a:after {
  background: #fff;
  z-index: 1;
  transform: none !important;
}
.theme-light .usermanagementheader .topnavigation .topnav li .dropdown-menu a:hover {
  color: #000 !important;
  border-bottom: 0px solid #c5c5c5;
  background: #F2F2F2 !important;
}
.theme-light .usermanagementheader .topnavigation .topnav li .dropdown-menu a:focus, .theme-light .usermanagementheader .topnavigation .topnav li .dropdown-menu a:active, .theme-light .usermanagementheader .topnavigation .topnav li .dropdown-menu a:visited {
  background: #DEDDDF !important;
}
.theme-light .usermanagementheader .sidenav-items .loggedin-user .user-name {
  color: #000;
}
.theme-light .usermanagementheader .sidenav-items .loggedin-user:hover {
  background: transparent !important;
}
.theme-light .usermanagementheader .sidenav-items .loggedin-user .dropdown-menu {
  background: #fff;
}
.theme-light .usermanagementheader .sidenav-items .loggedin-user .dropdown-menu a {
  color: #000 !important;
  border-bottom: 1px solid #c5c5c5;
}
.theme-light .usermanagementheader .sidenav-items .loggedin-user .dropdown-menu a:hover {
  color: #000 !important;
  background: #f3f3f3;
  border-bottom: 1px solid #c5c5c5;
}
.theme-light .usermanagementheader .sidenav-items ul li.notifications .nitificationcircle {
  background: #09080a;
}
.theme-light .settingsmainheader {
  background: #ffffff;
  padding-left: 8px;
}
.theme-light .datamaindiv .tabs-maincontent.fileSettings .tab-content .tab-pane .kpimainsection .thumbnail .filemanage_block .fileitem .fileset {
  border: 1px solid #c5c5c5;
}
.theme-light .filemanagementDetailsMain .file-manage-details {
  border-bottom: 1px solid #c5c5c5;
}
.theme-light .fileDetails .file-manage-details p,
.theme-light .fileDetails .attachment-details p {
  color: #000 !important;
}
.theme-light .widgetArea .AttachmentsMain.ListwithFiles li:hover {
  background: #e5eaef !important;
}
.theme-light .widgetArea .AttachmentsMain.ListwithFiles li:hover .dropdown-toggle {
  background: #e5eaef !important;
}
.theme-light .addWidgetModal .listComponents li:hover p,
.theme-light .addWidgetModal .listComponents li.selected p {
  color: #000;
}
.theme-light .export-format .select-format {
  border-bottom: solid 1px #c5c5c5;
}
.theme-light .export-data-row .export-data-box .export-data-main {
  border: solid 1px #c5c5c5;
}
.theme-light .export-data-row .export-data-box .export-data-main.active {
  border: solid 1px #7800ff !important;
}
.theme-light .export-popup .export-modal-new .journey-export-row.insightsaccordion #accordion .select-range {
  border-bottom: solid 1px #c5c5c5;
}
.theme-light .export-popup .export-modal-new .journey-export-row.insightsaccordion #accordion .journeymaps-filter .card .card-header h5 a {
  color: #000;
}
.theme-light .clear-btns-export a {
  color: #8b93a1;
  border-bottom: solid 1px #8b93a1;
}
.theme-light .newModal .tertiary-btnTxt {
  color: #8b93a1;
}
.theme-light .shareMilkyMapModal .userSelectDropdown .bootstrap-select .dropdown-menu {
  border: 1px solid #c5c5c5;
}
.theme-light .shareMilkyMapModal .userSelectDropdown .bootstrap-select .dropdown-menu li a {
  background: #fff;
  border-bottom: 1px solid #c5c5c5;
}
.theme-light .shareMilkyMapModal .userSelectDropdown .bootstrap-select .dropdown-menu li a:hover {
  background: #e5eaef;
}
.theme-light .shareMilkyMapModal .fileTypeList li a {
  background: #fff;
  border: 1px solid #c5c5c5;
}
.theme-light .shareMilkyMapModal .fileTypeList li a:hover {
  background: #7800ff;
}
.theme-light .dataIconList ul li {
  color: #000;
}
.theme-light .commentsModal .modal-dialog .modal-content .modal-body .imageSearch {
  border-bottom: 1px solid #c5c5c5 !important;
}
.theme-light .commentsModal .modal-dialog .modal-content .modal-body .imageSearch i {
  color: #000 !important;
}
.theme-light .invitePeopleComment .commentUserList li {
  border-bottom: 0px solid #c5c5c5 !important;
  padding: 0px 0px !important;
  background: #fff !important;
}
.theme-light .invitePeopleComment .commentUserList li .bootstrap-select .form-control {
  background: #fff !important;
  border: 1px solid #c5c5c5;
}
.theme-light .invitePeopleComment .commentUserList li .bootstrap-select .dropdown-menu {
  left: 0px !important;
}
.theme-light .invitePeopleComment .formsection .form-group label {
  color: #000;
  font-size: 13px;
  font-weight: 600;
}
.theme-light .widgetBox .documentsBlock .formsection .form-row .form-group ul li .dropdown .dropdown-menu {
  border: 1px solid #c5c5c5;
  background: #fff !important;
  border-bottom: solid 0px #000 !important;
}
.theme-light .widgetBox .documentsBlock .formsection .form-row .form-group ul li .dropdown .dropdown-menu a {
  border-bottom: 1px solid #c5c5c5 !important;
  color: #000 !important;
}
.theme-light .widgetBox .documentsBlock .formsection .form-row .form-group ul li .dropdown .dropdown-menu a:hover, .theme-light .widgetBox .documentsBlock .formsection .form-row .form-group ul li .dropdown .dropdown-menu a:focus, .theme-light .widgetBox .documentsBlock .formsection .form-row .form-group ul li .dropdown .dropdown-menu a:visited, .theme-light .widgetBox .documentsBlock .formsection .form-row .form-group ul li .dropdown .dropdown-menu a:active {
  color: #000 !important;
  background: #f3f3f3 !important;
}
.theme-light .widgetBox .documentsBlock .formsection .form-row .form-group ul li .dropdown .dropdown-menu a.delete:hover, .theme-light .widgetBox .documentsBlock .formsection .form-row .form-group ul li .dropdown .dropdown-menu a.delete:focus, .theme-light .widgetBox .documentsBlock .formsection .form-row .form-group ul li .dropdown .dropdown-menu a.delete:visited, .theme-light .widgetBox .documentsBlock .formsection .form-row .form-group ul li .dropdown .dropdown-menu a.delete:active {
  color: #fff !important;
  background: #6f0008 !important;
}
.theme-light .widgetBox .documentsBlock .formsection .form-row .form-group ul li .dropdown .dropdown-menu a.add:hover, .theme-light .widgetBox .documentsBlock .formsection .form-row .form-group ul li .dropdown .dropdown-menu a.add:focus, .theme-light .widgetBox .documentsBlock .formsection .form-row .form-group ul li .dropdown .dropdown-menu a.add:visited, .theme-light .widgetBox .documentsBlock .formsection .form-row .form-group ul li .dropdown .dropdown-menu a.add:active {
  color: #fff !important;
  background: #7800ff !important;
}
.theme-light .widgetBox .documentsBlock .formsection .form-row .form-group ul li .dropdown .dropdown-menu a.activatecolor:hover, .theme-light .widgetBox .documentsBlock .formsection .form-row .form-group ul li .dropdown .dropdown-menu a.activatecolor:focus, .theme-light .widgetBox .documentsBlock .formsection .form-row .form-group ul li .dropdown .dropdown-menu a.activatecolor:visited, .theme-light .widgetBox .documentsBlock .formsection .form-row .form-group ul li .dropdown .dropdown-menu a.activatecolor:active {
  color: #fff !important;
  background: #0ba32d !important;
}
.theme-light .widgetBox .documentsBlock .formsection .form-row .form-group ul li .dropdown .dropdown-menu a.deactivatecolor:hover, .theme-light .widgetBox .documentsBlock .formsection .form-row .form-group ul li .dropdown .dropdown-menu a.deactivatecolor:focus, .theme-light .widgetBox .documentsBlock .formsection .form-row .form-group ul li .dropdown .dropdown-menu a.deactivatecolor:visited, .theme-light .widgetBox .documentsBlock .formsection .form-row .form-group ul li .dropdown .dropdown-menu a.deactivatecolor:active {
  color: #fff !important;
  background: #ae6725 !important;
}
.theme-light .m-3dots-menu .dropdown a span,
.theme-light .user-3-dotsmenu .dropdown a span,
.theme-light .milkyDotsmenu .dropdown a span {
  background: #c5c5c5;
  border-radius: 50%;
}
.theme-light .m-3dots-menu .dropdown a span.menu-icon,
.theme-light .user-3-dotsmenu .dropdown a span.menu-icon,
.theme-light .milkyDotsmenu .dropdown a span.menu-icon {
  background: #c5c5c5;
  border-radius: 50%;
}
.theme-light .m-3dots-menu .dropdown a span.menu-icon:hover,
.theme-light .user-3-dotsmenu .dropdown a span.menu-icon:hover,
.theme-light .milkyDotsmenu .dropdown a span.menu-icon:hover {
  background: #7800ff !important;
}
.theme-light .m-3dots-menu .dropdown a span:hover,
.theme-light .user-3-dotsmenu .dropdown a span:hover,
.theme-light .milkyDotsmenu .dropdown a span:hover {
  background: #7800ff !important;
}
.theme-light .m-3dots-menu .dropdown .dropdown-menu,
.theme-light .user-3-dotsmenu .dropdown .dropdown-menu,
.theme-light .milkyDotsmenu .dropdown .dropdown-menu {
  border: 1px solid #c5c5c5;
  background: #fff !important;
  border-bottom: solid 0px #000 !important;
}
.theme-light .m-3dots-menu .dropdown .dropdown-menu a,
.theme-light .user-3-dotsmenu .dropdown .dropdown-menu a,
.theme-light .milkyDotsmenu .dropdown .dropdown-menu a {
  border-bottom: 1px solid #c5c5c5 !important;
  color: #000 !important;
}
.theme-light .m-3dots-menu .dropdown .dropdown-menu a:hover, .theme-light .m-3dots-menu .dropdown .dropdown-menu a:focus, .theme-light .m-3dots-menu .dropdown .dropdown-menu a:visited, .theme-light .m-3dots-menu .dropdown .dropdown-menu a:active,
.theme-light .user-3-dotsmenu .dropdown .dropdown-menu a:hover,
.theme-light .user-3-dotsmenu .dropdown .dropdown-menu a:focus,
.theme-light .user-3-dotsmenu .dropdown .dropdown-menu a:visited,
.theme-light .user-3-dotsmenu .dropdown .dropdown-menu a:active,
.theme-light .milkyDotsmenu .dropdown .dropdown-menu a:hover,
.theme-light .milkyDotsmenu .dropdown .dropdown-menu a:focus,
.theme-light .milkyDotsmenu .dropdown .dropdown-menu a:visited,
.theme-light .milkyDotsmenu .dropdown .dropdown-menu a:active {
  color: #000 !important;
  background: #f3f3f3 !important;
}
.theme-light .m-3dots-menu .dropdown .dropdown-menu a.delete:hover, .theme-light .m-3dots-menu .dropdown .dropdown-menu a.delete:focus, .theme-light .m-3dots-menu .dropdown .dropdown-menu a.delete:visited, .theme-light .m-3dots-menu .dropdown .dropdown-menu a.delete:active,
.theme-light .user-3-dotsmenu .dropdown .dropdown-menu a.delete:hover,
.theme-light .user-3-dotsmenu .dropdown .dropdown-menu a.delete:focus,
.theme-light .user-3-dotsmenu .dropdown .dropdown-menu a.delete:visited,
.theme-light .user-3-dotsmenu .dropdown .dropdown-menu a.delete:active,
.theme-light .milkyDotsmenu .dropdown .dropdown-menu a.delete:hover,
.theme-light .milkyDotsmenu .dropdown .dropdown-menu a.delete:focus,
.theme-light .milkyDotsmenu .dropdown .dropdown-menu a.delete:visited,
.theme-light .milkyDotsmenu .dropdown .dropdown-menu a.delete:active {
  color: #fff !important;
  background: #6f0008 !important;
}
.theme-light .m-3dots-menu .dropdown .dropdown-menu a.add:hover, .theme-light .m-3dots-menu .dropdown .dropdown-menu a.add:focus, .theme-light .m-3dots-menu .dropdown .dropdown-menu a.add:visited, .theme-light .m-3dots-menu .dropdown .dropdown-menu a.add:active,
.theme-light .user-3-dotsmenu .dropdown .dropdown-menu a.add:hover,
.theme-light .user-3-dotsmenu .dropdown .dropdown-menu a.add:focus,
.theme-light .user-3-dotsmenu .dropdown .dropdown-menu a.add:visited,
.theme-light .user-3-dotsmenu .dropdown .dropdown-menu a.add:active,
.theme-light .milkyDotsmenu .dropdown .dropdown-menu a.add:hover,
.theme-light .milkyDotsmenu .dropdown .dropdown-menu a.add:focus,
.theme-light .milkyDotsmenu .dropdown .dropdown-menu a.add:visited,
.theme-light .milkyDotsmenu .dropdown .dropdown-menu a.add:active {
  color: #fff !important;
  background: #7800ff !important;
}
.theme-light .m-3dots-menu .dropdown .dropdown-menu a.activatecolor:hover, .theme-light .m-3dots-menu .dropdown .dropdown-menu a.activatecolor:focus, .theme-light .m-3dots-menu .dropdown .dropdown-menu a.activatecolor:visited, .theme-light .m-3dots-menu .dropdown .dropdown-menu a.activatecolor:active,
.theme-light .user-3-dotsmenu .dropdown .dropdown-menu a.activatecolor:hover,
.theme-light .user-3-dotsmenu .dropdown .dropdown-menu a.activatecolor:focus,
.theme-light .user-3-dotsmenu .dropdown .dropdown-menu a.activatecolor:visited,
.theme-light .user-3-dotsmenu .dropdown .dropdown-menu a.activatecolor:active,
.theme-light .milkyDotsmenu .dropdown .dropdown-menu a.activatecolor:hover,
.theme-light .milkyDotsmenu .dropdown .dropdown-menu a.activatecolor:focus,
.theme-light .milkyDotsmenu .dropdown .dropdown-menu a.activatecolor:visited,
.theme-light .milkyDotsmenu .dropdown .dropdown-menu a.activatecolor:active {
  color: #fff !important;
  background: #0ba32d !important;
}
.theme-light .m-3dots-menu .dropdown .dropdown-menu a.deactivatecolor:hover, .theme-light .m-3dots-menu .dropdown .dropdown-menu a.deactivatecolor:focus, .theme-light .m-3dots-menu .dropdown .dropdown-menu a.deactivatecolor:visited, .theme-light .m-3dots-menu .dropdown .dropdown-menu a.deactivatecolor:active,
.theme-light .user-3-dotsmenu .dropdown .dropdown-menu a.deactivatecolor:hover,
.theme-light .user-3-dotsmenu .dropdown .dropdown-menu a.deactivatecolor:focus,
.theme-light .user-3-dotsmenu .dropdown .dropdown-menu a.deactivatecolor:visited,
.theme-light .user-3-dotsmenu .dropdown .dropdown-menu a.deactivatecolor:active,
.theme-light .milkyDotsmenu .dropdown .dropdown-menu a.deactivatecolor:hover,
.theme-light .milkyDotsmenu .dropdown .dropdown-menu a.deactivatecolor:focus,
.theme-light .milkyDotsmenu .dropdown .dropdown-menu a.deactivatecolor:visited,
.theme-light .milkyDotsmenu .dropdown .dropdown-menu a.deactivatecolor:active {
  color: #fff !important;
  background: #ae6725 !important;
}
.theme-light .usermanagementheader.mapEditHeader .sidenav-items li.addLaneBtn .btn,
.theme-light .m-button-small,
.theme-light .m-button-medium {
  box-shadow: none !important;
}
.theme-light .usermanagementheader.mapEditHeader .sidenav-items li.addLaneBtn .btn.color-btn-sm,
.theme-light .m-button-small.color-btn-sm,
.theme-light .m-button-medium.color-btn-sm {
  background: #f3f3f3 !important;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
  color: #000 !important;
}
.theme-light .usermanagementheader.mapEditHeader .sidenav-items li.addLaneBtn .btn.color-btn-sm i,
.theme-light .m-button-small.color-btn-sm i,
.theme-light .m-button-medium.color-btn-sm i {
  color: #000 !important;
}
.theme-light .usermanagementheader.mapEditHeader .sidenav-items li.addLaneBtn .btn.color-btn-sm:hover, .theme-light .usermanagementheader.mapEditHeader .sidenav-items li.addLaneBtn .btn.color-btn-sm:active, .theme-light .usermanagementheader.mapEditHeader .sidenav-items li.addLaneBtn .btn.color-btn-sm:focus, .theme-light .usermanagementheader.mapEditHeader .sidenav-items li.addLaneBtn .btn.color-btn-sm:visited,
.theme-light .m-button-small.color-btn-sm:hover,
.theme-light .m-button-small.color-btn-sm:active,
.theme-light .m-button-small.color-btn-sm:focus,
.theme-light .m-button-small.color-btn-sm:visited,
.theme-light .m-button-medium.color-btn-sm:hover,
.theme-light .m-button-medium.color-btn-sm:active,
.theme-light .m-button-medium.color-btn-sm:focus,
.theme-light .m-button-medium.color-btn-sm:visited {
  background: #d8d8d8 !important;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
  color: #000 !important;
}
.theme-light .usermanagementheader.mapEditHeader .sidenav-items li.addLaneBtn .btn.color-btn-sm:hover i, .theme-light .usermanagementheader.mapEditHeader .sidenav-items li.addLaneBtn .btn.color-btn-sm:active i, .theme-light .usermanagementheader.mapEditHeader .sidenav-items li.addLaneBtn .btn.color-btn-sm:focus i, .theme-light .usermanagementheader.mapEditHeader .sidenav-items li.addLaneBtn .btn.color-btn-sm:visited i,
.theme-light .m-button-small.color-btn-sm:hover i,
.theme-light .m-button-small.color-btn-sm:active i,
.theme-light .m-button-small.color-btn-sm:focus i,
.theme-light .m-button-small.color-btn-sm:visited i,
.theme-light .m-button-medium.color-btn-sm:hover i,
.theme-light .m-button-medium.color-btn-sm:active i,
.theme-light .m-button-medium.color-btn-sm:focus i,
.theme-light .m-button-medium.color-btn-sm:visited i {
  color: #000 !important;
}
.theme-light .usermanagementheader.mapEditHeader .sidenav-items li.addLaneBtn .btn.inactive-btn-sm-light,
.theme-light .m-button-small.inactive-btn-sm-light,
.theme-light .m-button-medium.inactive-btn-sm-light {
  background: #d8d8d8 !important;
  color: #fff !important;
  cursor: not-allowed;
}
.theme-light .usermanagementheader.mapEditHeader .sidenav-items li.addLaneBtn .btn.inactive-btn-sm-light:hover, .theme-light .usermanagementheader.mapEditHeader .sidenav-items li.addLaneBtn .btn.inactive-btn-sm-light:active, .theme-light .usermanagementheader.mapEditHeader .sidenav-items li.addLaneBtn .btn.inactive-btn-sm-light:focus, .theme-light .usermanagementheader.mapEditHeader .sidenav-items li.addLaneBtn .btn.inactive-btn-sm-light:visited,
.theme-light .m-button-small.inactive-btn-sm-light:hover,
.theme-light .m-button-small.inactive-btn-sm-light:active,
.theme-light .m-button-small.inactive-btn-sm-light:focus,
.theme-light .m-button-small.inactive-btn-sm-light:visited,
.theme-light .m-button-medium.inactive-btn-sm-light:hover,
.theme-light .m-button-medium.inactive-btn-sm-light:active,
.theme-light .m-button-medium.inactive-btn-sm-light:focus,
.theme-light .m-button-medium.inactive-btn-sm-light:visited {
  background: #d8d8d8 !important;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
  color: #fff !important;
}
.theme-light .lifeCycleWidgetModal,
.theme-light .btntheme {
  background: #f3f3f3 !important;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
  color: #000 !important;
}
.theme-light .lifeCycleWidgetModal:hover, .theme-light .lifeCycleWidgetModal:active, .theme-light .lifeCycleWidgetModal:focus, .theme-light .lifeCycleWidgetModal:visited,
.theme-light .btntheme:hover,
.theme-light .btntheme:active,
.theme-light .btntheme:focus,
.theme-light .btntheme:visited {
  background: #d8d8d8 !important;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
  color: #000 !important;
}
.theme-light .addwidgetFullmodal {
  background: #f3f3f3 !important;
  border: 1px dashed #c5c5c5 !important;
  color: #000 !important;
  box-shadow: none !important;
}
.theme-light .addwidgetFullmodal i {
  color: #000;
}
.theme-light .addwidgetFullmodal:hover {
  color: #000 !important;
  border: 1px dashed #c5c5c5 !important;
  background: #d8d8d8 !important;
  box-shadow: none !important;
}
.theme-light .addwidgetFullmodal:hover i {
  color: #000;
}
.theme-light .m-select-dropdown-sm .dropdown-menu li {
  border-bottom: 0px solid #c5c5c5 !important;
}
.theme-light .m-select-dropdown-sm .dropdown-menu li a {
  border-bottom: 1px solid #c5c5c5 !important;
}
.theme-light .m-select-dropdown-sm .dropdown-menu.inner {
  border-top: 1px solid #c5c5c5 !important;
  border-left: 1px solid #c5c5c5 !important;
  border-right: 1px solid #c5c5c5 !important;
}
.theme-light .usersettings.usersettingdashboard .lcuserlist li {
  color: #fff;
}
.theme-light .usersettings.usersettingdashboard .lifecycleMainHead {
  background: #ffffff;
  border-bottom: 1px solid #c5c5c5;
}
.theme-light .usersettings.usersettingdashboard .lifecyclebox {
  background: #f3f3f3;
  color: #000;
  border: solid 1px #d8d8d8;
}
.theme-light .usersettings.usersettingdashboard .lifecyclebox.inactivebox {
  background: #fff;
  border: solid 1px #d8d8d8;
}
.theme-light .usersettings.usersettingdashboard .lifecyclebox .lfbox-right h4 {
  color: #000 !important;
}
.theme-light .usersettings.usersettingdashboard .lifecyclebox .lfbox-right h6 {
  color: #000 !important;
}
.theme-light .usersettings.usersettingdashboard .lifecyclebox .lfbox-right .lfboxright-bottom .byuserimage {
  color: #000 !important;
}
.theme-light .usersettings.usersettingdashboard .allmilkymapslist .mmboxinner {
  border: 1px solid #c5c5c5;
}
.theme-light .usersettings.usersettingdashboard .allmilkymapslist .mmboxinner .mmboxinner-top .afterbg::after {
  background: -webkit-linear-gradient(bottom, rgba(46, 3, 88, 0.59) 20%, rgba(8, 8, 8, 0.2) 100%);
  background: -webkit-gradient(bottom, rgba(46, 3, 88, 0.59) 20%, rgba(8, 8, 8, 0.2) 100%);
  background: -moz-linear-gradient(bottom, rgba(46, 3, 88, 0.59) 20%, rgba(8, 8, 8, 0.2) 100%);
}
.theme-light .usersettings.usersettingdashboard .allmilkymapslist .mmboxinner .mmboxinner-bottom {
  background: #fff;
}
.theme-light .usersettings.usersettingdashboard .allmilkymapslist .mmboxinner .mmboxinner-bottom .mmbox-createdtime {
  color: #8b93a1;
}
.theme-light .usersettings.usersettingdashboard .allmilkymapslist .mmboxinner .mmboxinner-bottom .mmbottom-title {
  color: #000;
}
.theme-light .usersettings.usersettingdashboard .allmilkymapslist .mmboxinner .mmboxinner-bottom .connectedLcName {
  background: #8b93a1;
}
.theme-light .nomapsdiv,
.theme-light .noWidgetJourneybox {
  border: 1px solid #c5c5c5;
  color: #000 !important;
}
.theme-light .connectedLC .connectedlcswitchtxt.switchactive {
  color: #000;
}

/*---EDIT MAP Screen--*/
.theme-light .usermanagementheader.mapEditHeader {
  background: #ffffff;
  border-bottom: solid 2px #c5c5c5;
}
.theme-light .BgPanel {
  background: #ffffff;
}
.theme-light .leftwrapper {
  background-color: #ffffff;
  border: 2px solid #c5c5c5 !important;
  border-top: 0 !important;
}
.theme-light .leftwrapper .leftwrapperInnerMenu .leftwrapperTopSection p,
.theme-light .leftwrapper .leftwrapperInnerMenu .leftwrapperMiddleSection p {
  color: #000;
}
.theme-light .rightMiddleContent .width-14.innerBoxItem {
  border-bottom: 2px solid #c5c5c5 !important;
  border-right: 2px solid #c5c5c5 !important;
}
.theme-light .rightMiddleContent .width-14.innerBoxItem.border-right-none {
  border-right: none !important;
}
.theme-light .rightMiddleContent .width-14.innerBoxItem .form-control {
  border: 1px solid #c5c5c5 !important;
  background: #fff !important;
  color: #000 !important;
  background: transparent !important;
}
.theme-light .addWidgetArea {
  background: #fff !important;
  border: 1px dashed #c5c5c5 !important;
  color: #000 !important;
  box-shadow: none !important;
}
.theme-light .addWidgetArea:hover {
  border: 1px dashed #c5c5c5 !important;
  color: #000 !important;
  background: #f3f3f3 !important;
  box-shadow: none !important;
}
.theme-light .addWidgetArea .addWidgetAreaInner .btnaddwidget {
  color: #000;
  font-weight: 600;
}
.theme-light.extraHeaderSpace {
  padding-bottom: 0;
}
.theme-light .episodeSpaceFix .edit-episodeBox-HoverState {
  background: #ffffff !important;
  border-bottom: 2px solid #c5c5c5 !important;
  border-right: 2px solid #c5c5c5 !important;
}
.theme-light .episodeSpaceFix .edit-episodeBox-HoverState .titleBorder {
  border-top: 2px solid #c5c5c5 !important;
  border-bottom: 2px solid #c5c5c5 !important;
}
.theme-light .episodeSpaceFix .edit-episodeBox-HoverState .titleBorder p {
  color: #000 !important;
}
.theme-light .episodeSpaceFix .edit-episodeBox-HoverState .titleBorder .dropdown .dropdown-toggle {
  background: #c5c5c5;
  border-radius: 50%;
}
.theme-light .episodeSpaceFix .edit-episodeBox-HoverState .titleBorder .dropdown .dropdown-toggle:hover {
  background: #7800ff;
}
.theme-light .episodeSpaceFix .edit-episodeBox-HoverState .titleBorder .dropdown .dropdown-menu {
  border: 1px solid #c5c5c5;
  background: #fff !important;
  border-bottom: solid 0px #000 !important;
}
.theme-light .episodeSpaceFix .edit-episodeBox-HoverState .titleBorder .dropdown .dropdown-menu a {
  border-bottom: 1px solid #c5c5c5 !important;
  color: #000 !important;
}
.theme-light .episodeSpaceFix .edit-episodeBox-HoverState .titleBorder .dropdown .dropdown-menu a:hover, .theme-light .episodeSpaceFix .edit-episodeBox-HoverState .titleBorder .dropdown .dropdown-menu a:focus, .theme-light .episodeSpaceFix .edit-episodeBox-HoverState .titleBorder .dropdown .dropdown-menu a:visited, .theme-light .episodeSpaceFix .edit-episodeBox-HoverState .titleBorder .dropdown .dropdown-menu a:active {
  color: #000 !important;
  background: #f3f3f3 !important;
}
.theme-light .episodeSpaceFix .edit-episodeBox-HoverState .titleBorder .dropdown .dropdown-menu a.delete:hover, .theme-light .episodeSpaceFix .edit-episodeBox-HoverState .titleBorder .dropdown .dropdown-menu a.delete:focus, .theme-light .episodeSpaceFix .edit-episodeBox-HoverState .titleBorder .dropdown .dropdown-menu a.delete:visited, .theme-light .episodeSpaceFix .edit-episodeBox-HoverState .titleBorder .dropdown .dropdown-menu a.delete:active {
  color: #fff !important;
  background: #6f0008 !important;
}
.theme-light .episodeSpaceFix .edit-episodeBox-HoverState .titleBorder .dropdown .dropdown-menu a.add:hover, .theme-light .episodeSpaceFix .edit-episodeBox-HoverState .titleBorder .dropdown .dropdown-menu a.add:focus, .theme-light .episodeSpaceFix .edit-episodeBox-HoverState .titleBorder .dropdown .dropdown-menu a.add:visited, .theme-light .episodeSpaceFix .edit-episodeBox-HoverState .titleBorder .dropdown .dropdown-menu a.add:active {
  color: #fff !important;
  background: #7800ff !important;
}
.theme-light .episodeSpaceFix .edit-episodeBox-HoverState .titleBorder .dropdown .dropdown-menu a.activatecolor:hover, .theme-light .episodeSpaceFix .edit-episodeBox-HoverState .titleBorder .dropdown .dropdown-menu a.activatecolor:focus, .theme-light .episodeSpaceFix .edit-episodeBox-HoverState .titleBorder .dropdown .dropdown-menu a.activatecolor:visited, .theme-light .episodeSpaceFix .edit-episodeBox-HoverState .titleBorder .dropdown .dropdown-menu a.activatecolor:active {
  color: #fff !important;
  background: #0ba32d !important;
}
.theme-light .episodeSpaceFix .edit-episodeBox-HoverState .titleBorder .dropdown .dropdown-menu a.deactivatecolor:hover, .theme-light .episodeSpaceFix .edit-episodeBox-HoverState .titleBorder .dropdown .dropdown-menu a.deactivatecolor:focus, .theme-light .episodeSpaceFix .edit-episodeBox-HoverState .titleBorder .dropdown .dropdown-menu a.deactivatecolor:visited, .theme-light .episodeSpaceFix .edit-episodeBox-HoverState .titleBorder .dropdown .dropdown-menu a.deactivatecolor:active {
  color: #fff !important;
  background: #ae6725 !important;
}
.theme-light .episodeSpaceFix .edit-episodeBox-HoverState .widgetArea .addImage {
  background: #fff !important;
  border: 1px solid #c5c5c5 !important;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.2) !important;
}
.theme-light .episodeSpaceFix .edit-episodeBox-HoverState .widgetArea .addImage .addimageInner {
  background: #f3f3f3;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
}
.theme-light .episodeSpaceFix .edit-episodeBox-HoverState .widgetArea .addImage .addimageInner label .media-icon {
  background: url(/bundles/map/images/media-icon.svg) no-repeat !important;
}
.theme-light .episodeSpaceFix .edit-episodeBox-HoverState .widgetArea .addImage .addimageInner:hover {
  background: #d8d8d8;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
}
.theme-light .episodeSpaceFix .edit-episodeBox-HoverState .widgetArea .addImage:hover .addimageInner label .media-icon:hover {
  background: url(/bundles/map/images/media-icon.svg) no-repeat !important;
}
.theme-light .episodeSpaceFix .edit-episodeBox-HoverState .widgetArea .formsection .form-group label {
  color: #000 !important;
}
.theme-light .bottomMoreActions.horizontdropmenu .dropdown .dropdown-toggle span.menu-icon {
  background: #c5c5c5;
  border-radius: 50%;
}
.theme-light .bottomMoreActions.horizontdropmenu .dropdown .dropdown-toggle span.menu-icon:hover {
  background: #7800ff;
}
.theme-light .bottomMoreActions.horizontdropmenu .dropdown .dropdown-menu {
  border: 1px solid #c5c5c5;
  background: #fff !important;
  border-bottom: solid 0px #000 !important;
}
.theme-light .bottomMoreActions.horizontdropmenu .dropdown .dropdown-menu a {
  border-bottom: 1px solid #c5c5c5 !important;
  color: #000 !important;
}
.theme-light .bottomMoreActions.horizontdropmenu .dropdown .dropdown-menu a:hover, .theme-light .bottomMoreActions.horizontdropmenu .dropdown .dropdown-menu a:focus, .theme-light .bottomMoreActions.horizontdropmenu .dropdown .dropdown-menu a:visited, .theme-light .bottomMoreActions.horizontdropmenu .dropdown .dropdown-menu a:active {
  color: #000 !important;
  background: #f3f3f3 !important;
}
.theme-light .bottomMoreActions.horizontdropmenu .dropdown .dropdown-menu a.delete:hover, .theme-light .bottomMoreActions.horizontdropmenu .dropdown .dropdown-menu a.delete:focus, .theme-light .bottomMoreActions.horizontdropmenu .dropdown .dropdown-menu a.delete:visited, .theme-light .bottomMoreActions.horizontdropmenu .dropdown .dropdown-menu a.delete:active {
  color: #fff !important;
  background: #6f0008 !important;
}
.theme-light .bottomMoreActions.horizontdropmenu .dropdown .dropdown-menu a.add:hover, .theme-light .bottomMoreActions.horizontdropmenu .dropdown .dropdown-menu a.add:focus, .theme-light .bottomMoreActions.horizontdropmenu .dropdown .dropdown-menu a.add:visited, .theme-light .bottomMoreActions.horizontdropmenu .dropdown .dropdown-menu a.add:active {
  color: #fff !important;
  background: #7800ff !important;
}
.theme-light .bottomMoreActions.horizontdropmenu .dropdown .dropdown-menu a.activatecolor:hover, .theme-light .bottomMoreActions.horizontdropmenu .dropdown .dropdown-menu a.activatecolor:focus, .theme-light .bottomMoreActions.horizontdropmenu .dropdown .dropdown-menu a.activatecolor:visited, .theme-light .bottomMoreActions.horizontdropmenu .dropdown .dropdown-menu a.activatecolor:active {
  color: #fff !important;
  background: #0ba32d !important;
}
.theme-light .bottomMoreActions.horizontdropmenu .dropdown .dropdown-menu a.deactivatecolor:hover, .theme-light .bottomMoreActions.horizontdropmenu .dropdown .dropdown-menu a.deactivatecolor:focus, .theme-light .bottomMoreActions.horizontdropmenu .dropdown .dropdown-menu a.deactivatecolor:visited, .theme-light .bottomMoreActions.horizontdropmenu .dropdown .dropdown-menu a.deactivatecolor:active {
  color: #fff !important;
  background: #ae6725 !important;
}
.theme-light .widgetArea .addImage {
  background: #fff !important;
  border: 1px solid #c5c5c5 !important;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.2) !important;
}
.theme-light .widgetArea .addImage .addImage {
  border: none !important;
  border-bottom: 1px solid #c5c5c5 !important;
}
.theme-light .widgetArea .formsection label {
  color: #000 !important;
  font-weight: 600 !important;
}
.theme-light .widgetArea .formsection .form-group .form-control {
  border: 1px solid #c5c5c5 !important;
  background: #fff !important;
  color: #000 !important;
  background: transparent !important;
}
.theme-light .widgetArea .formsection .form-group .form-control:focus {
  outline: none !important;
}
.theme-light .widgetArea .widgettopTitle {
  border-bottom: 2px solid #c5c5c5;
  background: #ffffff;
  color: #000;
}
.theme-light .widgetArea .widgettopTitle i {
  color: #000;
}
.theme-light .widgetArea .widgettopTitle:hover {
  background: #fff !important;
}
.theme-light .widgetArea .widgettopTitle:hover i {
  color: #000;
}
.theme-light .widgetArea .widgettopTitle .dropdown .dropdown-toggle {
  background: #c5c5c5;
  border-radius: 50%;
}
.theme-light .widgetArea .widgettopTitle .dropdown .dropdown-toggle:hover {
  background: #7800ff;
}
.theme-light .widgetArea .widgettopTitle .dropdown .dropdown-menu {
  border: 1px solid #c5c5c5 !important;
  border: 1px solid #c5c5c5;
  background: #fff !important;
  border-bottom: solid 0px #000 !important;
}
.theme-light .widgetArea .widgettopTitle .dropdown .dropdown-menu a {
  border-bottom: 1px solid #c5c5c5 !important;
  color: #000 !important;
}
.theme-light .widgetArea .widgettopTitle .dropdown .dropdown-menu a:hover, .theme-light .widgetArea .widgettopTitle .dropdown .dropdown-menu a:focus, .theme-light .widgetArea .widgettopTitle .dropdown .dropdown-menu a:visited, .theme-light .widgetArea .widgettopTitle .dropdown .dropdown-menu a:active {
  color: #000 !important;
  background: #f3f3f3 !important;
}
.theme-light .widgetArea .widgettopTitle .dropdown .dropdown-menu a.delete:hover, .theme-light .widgetArea .widgettopTitle .dropdown .dropdown-menu a.delete:focus, .theme-light .widgetArea .widgettopTitle .dropdown .dropdown-menu a.delete:visited, .theme-light .widgetArea .widgettopTitle .dropdown .dropdown-menu a.delete:active {
  color: #fff !important;
  background: #6f0008 !important;
}
.theme-light .widgetArea .widgettopTitle .dropdown .dropdown-menu a.add:hover, .theme-light .widgetArea .widgettopTitle .dropdown .dropdown-menu a.add:focus, .theme-light .widgetArea .widgettopTitle .dropdown .dropdown-menu a.add:visited, .theme-light .widgetArea .widgettopTitle .dropdown .dropdown-menu a.add:active {
  color: #fff !important;
  background: #7800ff !important;
}
.theme-light .widgetArea .widgettopTitle .dropdown .dropdown-menu a.activatecolor:hover, .theme-light .widgetArea .widgettopTitle .dropdown .dropdown-menu a.activatecolor:focus, .theme-light .widgetArea .widgettopTitle .dropdown .dropdown-menu a.activatecolor:visited, .theme-light .widgetArea .widgettopTitle .dropdown .dropdown-menu a.activatecolor:active {
  color: #fff !important;
  background: #0ba32d !important;
}
.theme-light .widgetArea .widgettopTitle .dropdown .dropdown-menu a.deactivatecolor:hover, .theme-light .widgetArea .widgettopTitle .dropdown .dropdown-menu a.deactivatecolor:focus, .theme-light .widgetArea .widgettopTitle .dropdown .dropdown-menu a.deactivatecolor:visited, .theme-light .widgetArea .widgettopTitle .dropdown .dropdown-menu a.deactivatecolor:active {
  color: #fff !important;
  background: #ae6725 !important;
}
.theme-light .widgetAreaMainSection .innerBoxItem {
  border: 2px solid #c5c5c5;
  border-right: none;
}
.theme-light .EpisodeEditMain .rightMiddleContent .width-14.innerBoxItem {
  background: #ffffff;
}
.theme-light .EpisodeEditMain .rightMiddleContent .width-14.innerBoxItem.bdr-right-none {
  border-right: none !important;
}
.theme-light .stickyJourneyContent[data-v-442abebf] {
  background: #fff !important;
}
.theme-light .fixedStickSize {
  border-right: solid 2px #c5c5c5 !important;
  border-top: solid 2px #c5c5c5 !important;
  border-bottom: solid 2px #c5c5c5 !important;
  background: #fff !important;
}
.theme-light .editMapJourneyLeft .form-row.lCSelect .form-group .StateToggleBtn .btn-group, .theme-light .editMapJourneyLeft .form-row.language .form-group .StateToggleBtn .btn-group, .theme-light .editMapJourneyLeft .form-row.state .form-group .StateToggleBtn .btn-group {
  border: 1px solid #c5c5c5 !important;
  background: #fff !important;
}
.theme-light .editMapJourneyLeft .form-row.lCSelect .form-group .StateToggleBtn .btn-group .btn, .theme-light .editMapJourneyLeft .form-row.language .form-group .StateToggleBtn .btn-group .btn, .theme-light .editMapJourneyLeft .form-row.state .form-group .StateToggleBtn .btn-group .btn {
  color: #000;
}
.theme-light .editMapJourneyLeft .form-row.lCSelect .form-group .StateToggleBtn .btn-group .Statehighlight, .theme-light .editMapJourneyLeft .form-row.language .form-group .StateToggleBtn .btn-group .Statehighlight, .theme-light .editMapJourneyLeft .form-row.state .form-group .StateToggleBtn .btn-group .Statehighlight {
  background: #000;
  color: #fff;
}
.theme-light .editMapJourneyLeft .form-row.lCSelect .form-group .addDimensions .bootstrap-select .dropdown-toggle, .theme-light .editMapJourneyLeft .form-row.language .form-group .addDimensions .bootstrap-select .dropdown-toggle, .theme-light .editMapJourneyLeft .form-row.state .form-group .addDimensions .bootstrap-select .dropdown-toggle {
  padding: 3px 8px !important;
  box-shadow: none !important;
}
.theme-light .editMapJourneyLeft .form-row.lCSelect .form-group .addDimensions .bootstrap-select .dropdown-toggle .filter-option-inner-inner, .theme-light .editMapJourneyLeft .form-row.language .form-group .addDimensions .bootstrap-select .dropdown-toggle .filter-option-inner-inner, .theme-light .editMapJourneyLeft .form-row.state .form-group .addDimensions .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  font-weight: 400;
}
.theme-light .editMapJourneyLeft .form-row.lCSelect .form-group .addDimensions .m-select-dropdown-sm .dropdown-menu, .theme-light .editMapJourneyLeft .form-row.language .form-group .addDimensions .m-select-dropdown-sm .dropdown-menu, .theme-light .editMapJourneyLeft .form-row.state .form-group .addDimensions .m-select-dropdown-sm .dropdown-menu {
  top: 0px !important;
  border: 1px solid #c5c5c5 !important;
  border-right: 0px solid #c5c5c5 !important;
}
.theme-light .editMapJourneyLeft .form-row.lCSelect .form-group .addDimensions .m-select-dropdown-sm .dropdown-menu .inner, .theme-light .editMapJourneyLeft .form-row.language .form-group .addDimensions .m-select-dropdown-sm .dropdown-menu .inner, .theme-light .editMapJourneyLeft .form-row.state .form-group .addDimensions .m-select-dropdown-sm .dropdown-menu .inner {
  border-top: 0px solid #c5c5c5 !important;
  border-left: 0px solid #c5c5c5 !important;
  border-right: 1px solid #c5c5c5 !important;
}
.theme-light .editMapJourneyLeft .form-row.lCSelect .form-group .addDimensions .m-select-dropdown-sm .dropdown-menu .inner ul li a:hover, .theme-light .editMapJourneyLeft .form-row.language .form-group .addDimensions .m-select-dropdown-sm .dropdown-menu .inner ul li a:hover, .theme-light .editMapJourneyLeft .form-row.state .form-group .addDimensions .m-select-dropdown-sm .dropdown-menu .inner ul li a:hover {
  background: #f3f3f3 !important;
}
.theme-light .editMapJourneyLeft .form-row.lCSelect .form-group .addDimensions .m-select-dropdown-sm .dropdown-menu .inner ul li a.active, .theme-light .editMapJourneyLeft .form-row.language .form-group .addDimensions .m-select-dropdown-sm .dropdown-menu .inner ul li a.active, .theme-light .editMapJourneyLeft .form-row.state .form-group .addDimensions .m-select-dropdown-sm .dropdown-menu .inner ul li a.active {
  background: #f3f3f3 !important;
}
.theme-light .editMapJourneyLeft .form-row.lCSelect .form-group .addDimensions .m-select-dropdown-sm .dropdown-menu .inner ul li a.activeLC,
.theme-light .editMapJourneyLeft .form-row.lCSelect .form-group .addDimensions .m-select-dropdown-sm .dropdown-menu .inner ul li a.inactiveLC, .theme-light .editMapJourneyLeft .form-row.language .form-group .addDimensions .m-select-dropdown-sm .dropdown-menu .inner ul li a.activeLC,
.theme-light .editMapJourneyLeft .form-row.language .form-group .addDimensions .m-select-dropdown-sm .dropdown-menu .inner ul li a.inactiveLC, .theme-light .editMapJourneyLeft .form-row.state .form-group .addDimensions .m-select-dropdown-sm .dropdown-menu .inner ul li a.activeLC,
.theme-light .editMapJourneyLeft .form-row.state .form-group .addDimensions .m-select-dropdown-sm .dropdown-menu .inner ul li a.inactiveLC {
  background: #fff !important;
  color: #000 !important;
  font-weight: 600;
}
.theme-light .editMapJourneyLeft .form-row.lCSelect .form-group .addDimensions .m-select-dropdown-sm .dropdown-menu li, .theme-light .editMapJourneyLeft .form-row.language .form-group .addDimensions .m-select-dropdown-sm .dropdown-menu li, .theme-light .editMapJourneyLeft .form-row.state .form-group .addDimensions .m-select-dropdown-sm .dropdown-menu li {
  background: #fff !important;
  font-weight: 600;
}
.theme-light .editMapJourneyLeft .form-row.lCSelect .form-group .addDimensions .m-select-dropdown-sm.form-control, .theme-light .editMapJourneyLeft .form-row.language .form-group .addDimensions .m-select-dropdown-sm.form-control, .theme-light .editMapJourneyLeft .form-row.state .form-group .addDimensions .m-select-dropdown-sm.form-control {
  background: #fff !important;
}
.theme-light .widgetAreaMainSection .innerBoxItem:nth-child(4n+4) {
  border-right: 2px solid #c5c5c5;
}
.theme-light .stickyJourneyBar {
  background: #000 !important;
  color: #fff !important;
  border: solid 1px #c5c5c5;
}
.theme-light .stickyJourneyBar .journeySticky .topMoreActions .leftBlockArrow i {
  color: #000;
}
.theme-light .stickyJourneyBar .journeySticky .topMoreActions .leftBlockArrow:hover {
  background: #d8d8d8 !important;
}
.theme-light .editmapContainer .topMoreActions .leftBlockArrow {
  background: #fff !important;
}
.theme-light .editmapContainer .topMoreActions .leftBlockArrow:hover {
  background: #d8d8d8 !important;
}
.theme-light .editmapContainer .topMoreActions .leftBlockArrow i {
  color: #000;
}
.theme-light .usermanagementheader.mapEditHeader .PresentModeIcon a {
  padding: 5px 20px 6px 20px;
  background: linear-gradient(65.09deg, #7800ff 26.34%, #00288d 84.44%) !important;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  height: 48px;
  color: #fff !important;
}
.theme-light .usermanagementheader.mapEditHeader .PresentModeIcon a:hover {
  color: #fff !important;
  background: linear-gradient(65.09deg, #be85ff 26.34%, #003dd9 84.44%) !important;
}
.theme-light .usermanagementheader.mapEditHeader .sidenav-items .headerRightOptions li a {
  background-color: #ffffff;
}
.theme-light .usermanagementheader.mapEditHeader .sidenav-items .headerRightOptions li a:hover {
  background: #d8d8d8;
}
.theme-light .usermanagementheader.mapEditHeader .sidenav-items li.autosavelcbtn {
  background-color: #f3f3f3 !important;
  color: #000 !important;
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.5) !important;
}
.theme-light .usermanagementheader.mapEditHeader .sidenav-items li.cancleEditMap {
  background: transparent !important;
}
.theme-light .usermanagementheader.mapEditHeader .sidenav-items li.cancleEditMap i {
  color: #000;
}
.theme-light .usermanagementheader.mapEditHeader .sidenav-items li.cancleEditMap:hover {
  background-color: #d8d8d8 !important;
  color: #000;
}
.theme-light .usermanagementheader.mapEditHeader .sidenav-items li.commentsEditmode.show a {
  background: #d8d8d8;
}
.theme-light .usermanagementheader.mapEditHeader .sidenav-items li.mapedit:hover {
  color: #000 !important;
}
.theme-light .usermanagementheader.mapEditHeader .sidenav-items li.mapedit:hover i {
  color: #000 !important;
}
.theme-light .journeyfixed[data-v-442abebf] {
  background: #fff;
}
.theme-light .footerContainer {
  border-top: 2px solid #c5c5c5;
  border-bottom: 2px solid #c5c5c5;
}
.theme-light .footerContainer img.lighttheme {
  display: block;
}
.theme-light .footerContainer img.darktheme {
  display: none;
}
.theme-light .motWidget .motData .motIcon img.dark {
  visibility: hidden;
  display: none;
}
.theme-light .motWidget .motData .motIcon img.light {
  display: block;
}

/*--Fold Edit Page---*/
.theme-light .foldinFoldOutWidgets::before,
.theme-light #episodeDetailsModal .foldinFoldOutWidgets::before {
  background: linear-gradient(rgba(0, 0, 0, 0) 0%, #d8d8d8 100%) !important;
}
.theme-light .unPublishMap .lcName .form-group h6,
.theme-light .unPublishMap .language .form-group h6 {
  color: #000 !important;
}
.theme-light .unPublishMap .lcName .form-group p,
.theme-light .unPublishMap .language .form-group p {
  color: #000 !important;
}

/*----Sticky Episode Header---*/
.theme-light .flexContainer .Stickey-edit-episodeBox-HoverState {
  background: #fff !important;
}
.theme-light .flexContainer .Stickey-edit-episodeBox-HoverState .titleBorder {
  border-top: 2px solid #c5c5c5 !important;
  border-bottom: 2px solid #c5c5c5 !important;
}
.theme-light .flexContainer .Stickey-edit-episodeBox-HoverState .titleBorder:hover {
  background: #fff;
}
.theme-light .flexContainer .Stickey-edit-episodeBox-HoverState .titleBorder p {
  color: #000 !important;
}
.theme-light .flexContainer .Stickey-edit-episodeBox-HoverState .titleBorder .dropdown {
  right: 5px;
}
.theme-light .flexContainer .Stickey-edit-episodeBox-HoverState .titleBorder .dropdown .dropdown-toggle {
  background: #c5c5c5;
  border-radius: 50%;
}
.theme-light .flexContainer .Stickey-edit-episodeBox-HoverState .titleBorder .dropdown .dropdown-toggle:hover {
  background: #7800ff;
}
.theme-light .flexContainer .Stickey-edit-episodeBox-HoverState .titleBorder .dropdown .dropdown-menu {
  border: 1px solid #c5c5c5;
  background: #fff !important;
  border-bottom: solid 0px #000 !important;
}
.theme-light .flexContainer .Stickey-edit-episodeBox-HoverState .titleBorder .dropdown .dropdown-menu a {
  border-bottom: 1px solid #c5c5c5 !important;
  color: #000 !important;
}
.theme-light .flexContainer .Stickey-edit-episodeBox-HoverState .titleBorder .dropdown .dropdown-menu a:hover, .theme-light .flexContainer .Stickey-edit-episodeBox-HoverState .titleBorder .dropdown .dropdown-menu a:focus, .theme-light .flexContainer .Stickey-edit-episodeBox-HoverState .titleBorder .dropdown .dropdown-menu a:visited, .theme-light .flexContainer .Stickey-edit-episodeBox-HoverState .titleBorder .dropdown .dropdown-menu a:active {
  color: #000 !important;
  background: #f3f3f3 !important;
}
.theme-light .flexContainer .Stickey-edit-episodeBox-HoverState .titleBorder .dropdown .dropdown-menu a.delete:hover, .theme-light .flexContainer .Stickey-edit-episodeBox-HoverState .titleBorder .dropdown .dropdown-menu a.delete:focus, .theme-light .flexContainer .Stickey-edit-episodeBox-HoverState .titleBorder .dropdown .dropdown-menu a.delete:visited, .theme-light .flexContainer .Stickey-edit-episodeBox-HoverState .titleBorder .dropdown .dropdown-menu a.delete:active {
  color: #fff !important;
  background: #6f0008 !important;
}
.theme-light .flexContainer .Stickey-edit-episodeBox-HoverState .titleBorder .dropdown .dropdown-menu a.add:hover, .theme-light .flexContainer .Stickey-edit-episodeBox-HoverState .titleBorder .dropdown .dropdown-menu a.add:focus, .theme-light .flexContainer .Stickey-edit-episodeBox-HoverState .titleBorder .dropdown .dropdown-menu a.add:visited, .theme-light .flexContainer .Stickey-edit-episodeBox-HoverState .titleBorder .dropdown .dropdown-menu a.add:active {
  color: #fff !important;
  background: #7800ff !important;
}
.theme-light .flexContainer .Stickey-edit-episodeBox-HoverState .titleBorder .dropdown .dropdown-menu a.activatecolor:hover, .theme-light .flexContainer .Stickey-edit-episodeBox-HoverState .titleBorder .dropdown .dropdown-menu a.activatecolor:focus, .theme-light .flexContainer .Stickey-edit-episodeBox-HoverState .titleBorder .dropdown .dropdown-menu a.activatecolor:visited, .theme-light .flexContainer .Stickey-edit-episodeBox-HoverState .titleBorder .dropdown .dropdown-menu a.activatecolor:active {
  color: #fff !important;
  background: #0ba32d !important;
}
.theme-light .flexContainer .Stickey-edit-episodeBox-HoverState .titleBorder .dropdown .dropdown-menu a.deactivatecolor:hover, .theme-light .flexContainer .Stickey-edit-episodeBox-HoverState .titleBorder .dropdown .dropdown-menu a.deactivatecolor:focus, .theme-light .flexContainer .Stickey-edit-episodeBox-HoverState .titleBorder .dropdown .dropdown-menu a.deactivatecolor:visited, .theme-light .flexContainer .Stickey-edit-episodeBox-HoverState .titleBorder .dropdown .dropdown-menu a.deactivatecolor:active {
  color: #fff !important;
  background: #ae6725 !important;
}
.theme-light .flexContainer .Stickey-edit-episodeBox-HoverState .form-row:nth-child(3) {
  font-weight: 700;
}
.theme-light .flexContainer .Stickey-edit-episodeBox-HoverState .form-row:nth-child(3) .form-group {
  margin: 0px;
}
.theme-light .flexContainer .Stickey-edit-episodeBox-HoverState.innerBoxItem:nth-last-child(1) {
  border-right: none !important;
}

/*--Header Space Edit Page---*/
.theme-light.extraHeaderSpace .settingsmainheader {
  border-bottom: solid 0px #c5c5c5;
}

/*----Edit Map Widgets---*/
.theme-light .insightwidgetBoxMain .widgetDispayBox .widgetData .insightsBox .userIcon .insightsIocn {
  color: #fff !important;
}
.theme-light .insightwidgetBoxMain .widgetDispayBox .widgetData .personBox {
  background: #fff !important;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5) !important;
  border-radius: 10px !important;
}
.theme-light .insightsBox .inSighthoverBox {
  background: rgba(0, 0, 0, 0) !important;
}
.theme-light .insightsBox .insightControls {
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
  z-index: 1;
}
.theme-light .insightsBox .insightControls span.milkyDotsmenu .dropdown span {
  background: #c5c5c5;
  border-radius: 50%;
}
.theme-light .insightsBox .insightControls span.milkyDotsmenu .dropdown span:hover {
  background: #7800ff;
}
.theme-light .insightsBox .insightControls span.milkyDotsmenu .dropdown .dropdown-menu {
  border: 1px solid #c5c5c5;
  background: #fff !important;
  border-bottom: solid 0px #000 !important;
}
.theme-light .insightsBox .insightControls span.milkyDotsmenu .dropdown .dropdown-menu a {
  border-bottom: 1px solid #c5c5c5 !important;
  color: #000 !important;
}
.theme-light .insightsBox .insightControls span.milkyDotsmenu .dropdown .dropdown-menu a:hover, .theme-light .insightsBox .insightControls span.milkyDotsmenu .dropdown .dropdown-menu a:focus, .theme-light .insightsBox .insightControls span.milkyDotsmenu .dropdown .dropdown-menu a:visited, .theme-light .insightsBox .insightControls span.milkyDotsmenu .dropdown .dropdown-menu a:active {
  color: #000 !important;
  background: #f3f3f3 !important;
}
.theme-light .insightsBox .insightControls span.milkyDotsmenu .dropdown .dropdown-menu a.delete:hover, .theme-light .insightsBox .insightControls span.milkyDotsmenu .dropdown .dropdown-menu a.delete:focus, .theme-light .insightsBox .insightControls span.milkyDotsmenu .dropdown .dropdown-menu a.delete:visited, .theme-light .insightsBox .insightControls span.milkyDotsmenu .dropdown .dropdown-menu a.delete:active {
  color: #fff !important;
  background: #6f0008 !important;
}
.theme-light .insightsBox .insightControls span.milkyDotsmenu .dropdown .dropdown-menu a.add:hover, .theme-light .insightsBox .insightControls span.milkyDotsmenu .dropdown .dropdown-menu a.add:focus, .theme-light .insightsBox .insightControls span.milkyDotsmenu .dropdown .dropdown-menu a.add:visited, .theme-light .insightsBox .insightControls span.milkyDotsmenu .dropdown .dropdown-menu a.add:active {
  color: #fff !important;
  background: #7800ff !important;
}
.theme-light .insightsBox .insightControls span.milkyDotsmenu .dropdown .dropdown-menu a.activatecolor:hover, .theme-light .insightsBox .insightControls span.milkyDotsmenu .dropdown .dropdown-menu a.activatecolor:focus, .theme-light .insightsBox .insightControls span.milkyDotsmenu .dropdown .dropdown-menu a.activatecolor:visited, .theme-light .insightsBox .insightControls span.milkyDotsmenu .dropdown .dropdown-menu a.activatecolor:active {
  color: #fff !important;
  background: #0ba32d !important;
}
.theme-light .insightsBox .insightControls span.milkyDotsmenu .dropdown .dropdown-menu a.deactivatecolor:hover, .theme-light .insightsBox .insightControls span.milkyDotsmenu .dropdown .dropdown-menu a.deactivatecolor:focus, .theme-light .insightsBox .insightControls span.milkyDotsmenu .dropdown .dropdown-menu a.deactivatecolor:visited, .theme-light .insightsBox .insightControls span.milkyDotsmenu .dropdown .dropdown-menu a.deactivatecolor:active {
  color: #fff !important;
  background: #ae6725 !important;
}
.theme-light .personBox .personaControls {
  background: #fff;
}
.theme-light .personBox .personaControls:hover {
  background: #fff;
}
.theme-light .personBox .personaControls span.arrow {
  background: #fff;
}
.theme-light .personBox .personaControls span.milkyDotsmenu .dropdown span {
  background: #c5c5c5;
  border-radius: 50%;
}
.theme-light .personBox .personaControls span.milkyDotsmenu .dropdown span:hover {
  background: #7800ff;
}
.theme-light .personBox .personaControls span.milkyDotsmenu .dropdown .dropdown-menu {
  border: 1px solid #c5c5c5;
  background: #fff !important;
  border-bottom: solid 0px #000 !important;
}
.theme-light .personBox .personaControls span.milkyDotsmenu .dropdown .dropdown-menu a {
  border-bottom: 1px solid #c5c5c5 !important;
  color: #000 !important;
}
.theme-light .personBox .personaControls span.milkyDotsmenu .dropdown .dropdown-menu a:hover, .theme-light .personBox .personaControls span.milkyDotsmenu .dropdown .dropdown-menu a:focus, .theme-light .personBox .personaControls span.milkyDotsmenu .dropdown .dropdown-menu a:visited, .theme-light .personBox .personaControls span.milkyDotsmenu .dropdown .dropdown-menu a:active {
  color: #000 !important;
  background: #f3f3f3 !important;
}
.theme-light .personBox .personaControls span.milkyDotsmenu .dropdown .dropdown-menu a.delete:hover, .theme-light .personBox .personaControls span.milkyDotsmenu .dropdown .dropdown-menu a.delete:focus, .theme-light .personBox .personaControls span.milkyDotsmenu .dropdown .dropdown-menu a.delete:visited, .theme-light .personBox .personaControls span.milkyDotsmenu .dropdown .dropdown-menu a.delete:active {
  color: #fff !important;
  background: #6f0008 !important;
}
.theme-light .personBox .personaControls span.milkyDotsmenu .dropdown .dropdown-menu a.add:hover, .theme-light .personBox .personaControls span.milkyDotsmenu .dropdown .dropdown-menu a.add:focus, .theme-light .personBox .personaControls span.milkyDotsmenu .dropdown .dropdown-menu a.add:visited, .theme-light .personBox .personaControls span.milkyDotsmenu .dropdown .dropdown-menu a.add:active {
  color: #fff !important;
  background: #7800ff !important;
}
.theme-light .personBox .personaControls span.milkyDotsmenu .dropdown .dropdown-menu a.activatecolor:hover, .theme-light .personBox .personaControls span.milkyDotsmenu .dropdown .dropdown-menu a.activatecolor:focus, .theme-light .personBox .personaControls span.milkyDotsmenu .dropdown .dropdown-menu a.activatecolor:visited, .theme-light .personBox .personaControls span.milkyDotsmenu .dropdown .dropdown-menu a.activatecolor:active {
  color: #fff !important;
  background: #0ba32d !important;
}
.theme-light .personBox .personaControls span.milkyDotsmenu .dropdown .dropdown-menu a.deactivatecolor:hover, .theme-light .personBox .personaControls span.milkyDotsmenu .dropdown .dropdown-menu a.deactivatecolor:focus, .theme-light .personBox .personaControls span.milkyDotsmenu .dropdown .dropdown-menu a.deactivatecolor:visited, .theme-light .personBox .personaControls span.milkyDotsmenu .dropdown .dropdown-menu a.deactivatecolor:active {
  color: #fff !important;
  background: #ae6725 !important;
}
.theme-light .widgetArea .iconswithBG li {
  background: #fff;
  border: 1px solid #c5c5c5;
  box-shadow: none !important;
  color: #000;
}
.theme-light .widgetArea .iconswithBG li.addBtn {
  background: transparent !important;
  border: 1px solid transparent !important;
}
.theme-light .dimensionsWidget .bootstrap-select.show-tick .dropdown-menu.show {
  border: 1px solid #c5c5c5 !important;
  box-shadow: none !important;
}
.theme-light .dimensionsWidget .bootstrap-select.show-tick .dropdown-menu.show ul.dropdown-menu {
  border: 1px solid #c5c5c5;
  background: #fff !important;
  border-bottom: solid 0px #000 !important;
  box-shadow: none !important;
}
.theme-light .dimensionsWidget .bootstrap-select.show-tick .dropdown-menu.show ul.dropdown-menu a {
  border-bottom: 1px solid #c5c5c5 !important;
  color: #000 !important;
}
.theme-light .dimensionsWidget .bootstrap-select.show-tick .dropdown-menu.show ul.dropdown-menu a:hover, .theme-light .dimensionsWidget .bootstrap-select.show-tick .dropdown-menu.show ul.dropdown-menu a:focus, .theme-light .dimensionsWidget .bootstrap-select.show-tick .dropdown-menu.show ul.dropdown-menu a:visited, .theme-light .dimensionsWidget .bootstrap-select.show-tick .dropdown-menu.show ul.dropdown-menu a:active {
  color: #000 !important;
  background: #f3f3f3 !important;
}
.theme-light .dimensionsWidget .bootstrap-select.show-tick .dropdown-menu.show ul.dropdown-menu a.delete:hover, .theme-light .dimensionsWidget .bootstrap-select.show-tick .dropdown-menu.show ul.dropdown-menu a.delete:focus, .theme-light .dimensionsWidget .bootstrap-select.show-tick .dropdown-menu.show ul.dropdown-menu a.delete:visited, .theme-light .dimensionsWidget .bootstrap-select.show-tick .dropdown-menu.show ul.dropdown-menu a.delete:active {
  color: #fff !important;
  background: #6f0008 !important;
}
.theme-light .dimensionsWidget .bootstrap-select.show-tick .dropdown-menu.show ul.dropdown-menu a.add:hover, .theme-light .dimensionsWidget .bootstrap-select.show-tick .dropdown-menu.show ul.dropdown-menu a.add:focus, .theme-light .dimensionsWidget .bootstrap-select.show-tick .dropdown-menu.show ul.dropdown-menu a.add:visited, .theme-light .dimensionsWidget .bootstrap-select.show-tick .dropdown-menu.show ul.dropdown-menu a.add:active {
  color: #fff !important;
  background: #7800ff !important;
}
.theme-light .dimensionsWidget .bootstrap-select.show-tick .dropdown-menu.show ul.dropdown-menu a.activatecolor:hover, .theme-light .dimensionsWidget .bootstrap-select.show-tick .dropdown-menu.show ul.dropdown-menu a.activatecolor:focus, .theme-light .dimensionsWidget .bootstrap-select.show-tick .dropdown-menu.show ul.dropdown-menu a.activatecolor:visited, .theme-light .dimensionsWidget .bootstrap-select.show-tick .dropdown-menu.show ul.dropdown-menu a.activatecolor:active {
  color: #fff !important;
  background: #0ba32d !important;
}
.theme-light .dimensionsWidget .bootstrap-select.show-tick .dropdown-menu.show ul.dropdown-menu a.deactivatecolor:hover, .theme-light .dimensionsWidget .bootstrap-select.show-tick .dropdown-menu.show ul.dropdown-menu a.deactivatecolor:focus, .theme-light .dimensionsWidget .bootstrap-select.show-tick .dropdown-menu.show ul.dropdown-menu a.deactivatecolor:visited, .theme-light .dimensionsWidget .bootstrap-select.show-tick .dropdown-menu.show ul.dropdown-menu a.deactivatecolor:active {
  color: #fff !important;
  background: #ae6725 !important;
}
.theme-light .dimensionsWidget .bootstrap-select.show-tick .dropdown-menu.show ul.dropdown-menu.inner.show {
  border: none !important;
}
.theme-light .dimensionsWidget .bootstrap-select.show-tick .dropdown-menu.show ul.dropdown-menu.inner.show li a {
  border-right: 0px solid #c5c5c5 !important;
  font-weight: 400;
}
.theme-light .dimensionsWidget .bootstrap-select.show-tick .dropdown-menu.show ul.dropdown-menu li {
  border-bottom: 0px solid #c5c5c5 !important;
}
.theme-light .dimensionsWidget .bootstrap-select.show-tick .dropdown-menu.show ul.dropdown-menu li a {
  border-bottom: 0px solid #c5c5c5 !important;
}
.theme-light .dimensionsWidget .bootstrap-select.show-tick .dropdown-menu.show ul.dropdown-menu li:nth-last-child(1) a {
  border-bottom: none !important;
}
.theme-light .dimensionsWidget .bootstrap-select.show-tick .dropdown-menu.show .bs-actionsbox .btn-group {
  background: #e5eaef;
  border-bottom: 1px solid #c5c5c5 !important;
}
.theme-light .dimensionsWidget .bootstrap-select.show-tick .dropdown-menu.show .bs-actionsbox .btn-group .actions-btn {
  background: #e5eaef;
  color: #000;
  border-bottom: 0px solid #c5c5c5 !important;
  width: 50%;
}
.theme-light .quotesWidgetArea .slideNumbertext {
  color: #000;
  background: #fff;
}
.theme-light .quotesWidgetArea .carousel-control-next,
.theme-light .quotesWidgetArea .carousel-control-prev {
  background: #fff;
  opacity: 1;
  color: #000;
}
.theme-light .quotesWidgetArea .carousel-control-next i,
.theme-light .quotesWidgetArea .carousel-control-prev i {
  font-weight: 700;
}
.theme-light .quotesWidgetArea .titleBorder {
  border-bottom: 2px solid #c5c5c5 !important;
}
.theme-light .KPIwidgetArea .bootstrap-select .dropdown-toggle {
  color: #000;
  border: 1px solid #000;
  background: transparent !important;
  box-shadow: none !important;
}
.theme-light .quotesWidgetArea .sentimentSelectMain .bootstrap-select .dropdown-menu {
  border: 0px solid #c5c5c5 !important;
  width: 100%;
}
.theme-light .quotesWidgetArea .sentimentSelectMain .bootstrap-select .dropdown-menu li {
  background: #fff;
}
.theme-light .quotesWidgetArea .sentimentSelectMain .bootstrap-select .dropdown-menu li.disabled span.text {
  padding-left: 0px;
}
.theme-light .quotesWidgetArea .sentimentSelectMain .bootstrap-select .dropdown-menu li.active a {
  background: #fff;
}
.theme-light .attachmentsLane .KPIwidgetArea {
  border: 1px solid #c5c5c5 !important;
}
.theme-light .child-touchpoint-icons .KPIwidgetArea {
  border: 0px solid #c5c5c5 !important;
}
.theme-light .KPIwidgetArea {
  border: 1px solid #c5c5c5;
}
.theme-light .KPIwidgetArea.journeyIconWidgetArea {
  border: 1px solid #c5c5c5 !important;
}
.theme-light .KPIwidgetArea .kpitopsection {
  background: #fff !important;
  border-bottom: solid 1px #c5c5c5 !important;
  color: #000;
}
.theme-light .iconSelect .selectedicon {
  border: 1px solid #c5c5c5;
  box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.5) !important;
  background: #fff;
}
.theme-light .iconSelect .selectedicon i {
  color: #000;
}
.theme-light .kpiMainBox .kpiBoxJournryLevel .kpiWidgetBig {
  background: #fff !important;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5) !important;
  border-radius: 10px !important;
}
.theme-light .kpiMainBox .kpiBoxJournryLevel .kpiWidgetBig .user-3-dotsmenu .dropdown-menu {
  border: 1px solid #c5c5c5 !important;
}
.theme-light .kpiMainBox .kpiBoxJournryLevel .kpiWidgetBig .boxkpisvg .kpigraphsvg .rs-tooltip-text {
  color: #000 !important;
}
.theme-light .kpiMainBox .kpiBoxJournryLevel .kpiWidgetBig .kpiheadingRow {
  border-bottom: solid 1px #c5c5c5;
}
.theme-light .kpiMainBox .kpiBoxJournryLevel .kpiWidgetBig .kpiheadingRow .kpiheading {
  color: #000;
}
.theme-light .touchpointLanemian .attachmentsLane.touchpointLaneList .widgetArea {
  background: #fff !important;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5) !important;
  border-radius: 10px !important;
  margin-bottom: 12px;
  border-radius: 10px;
  padding: 5px 15px 5px 20px;
}
.theme-light .touchpointLanemian .attachmentsLane.touchpointLaneList .widgetArea:nth-last-child(1) {
  margin-bottom: 0px;
}
.theme-light .touchpointLanemian .attachmentsLane.touchpointLaneList .widgetArea:nth-child(1) {
  margin-top: 12px;
}
.theme-light .touchpointLanemian .attachmentsLane.touchpointLaneList .widgetArea:hover .tpName {
  background: transparent !important;
}
.theme-light .touchpointLanemian .attachmentsLane.touchpointLaneList .widgetArea:hover .tpActions {
  background: transparent !important;
}
.theme-light .touchpointLanemian .attachmentsLane.touchpointLaneList .widgetArea:hover .tpActions .dropdown .dropdown-toggle {
  background: #c5c5c5 !important;
  border-radius: 50%;
  right: 0px !important;
}
.theme-light .touchpointLanemian .attachmentsLane.touchpointLaneList .widgetArea:hover .tpActions .dropdown .dropdown-toggle .menu-icon-touch:hover {
  background: #7800ff !important;
}
.theme-light .touchpointLanemian .attachmentsLane.touchpointLaneList .widgetArea:hover .tpActions .dropdown .dropdown-menu {
  border: 1px solid #c5c5c5;
  background: #fff !important;
  border-bottom: solid 0px #000 !important;
}
.theme-light .touchpointLanemian .attachmentsLane.touchpointLaneList .widgetArea:hover .tpActions .dropdown .dropdown-menu a {
  border-bottom: 1px solid #c5c5c5 !important;
  color: #000 !important;
}
.theme-light .touchpointLanemian .attachmentsLane.touchpointLaneList .widgetArea:hover .tpActions .dropdown .dropdown-menu a:hover, .theme-light .touchpointLanemian .attachmentsLane.touchpointLaneList .widgetArea:hover .tpActions .dropdown .dropdown-menu a:focus, .theme-light .touchpointLanemian .attachmentsLane.touchpointLaneList .widgetArea:hover .tpActions .dropdown .dropdown-menu a:visited, .theme-light .touchpointLanemian .attachmentsLane.touchpointLaneList .widgetArea:hover .tpActions .dropdown .dropdown-menu a:active {
  color: #000 !important;
  background: #f3f3f3 !important;
}
.theme-light .touchpointLanemian .attachmentsLane.touchpointLaneList .widgetArea:hover .tpActions .dropdown .dropdown-menu a.delete:hover, .theme-light .touchpointLanemian .attachmentsLane.touchpointLaneList .widgetArea:hover .tpActions .dropdown .dropdown-menu a.delete:focus, .theme-light .touchpointLanemian .attachmentsLane.touchpointLaneList .widgetArea:hover .tpActions .dropdown .dropdown-menu a.delete:visited, .theme-light .touchpointLanemian .attachmentsLane.touchpointLaneList .widgetArea:hover .tpActions .dropdown .dropdown-menu a.delete:active {
  color: #fff !important;
  background: #6f0008 !important;
}
.theme-light .touchpointLanemian .attachmentsLane.touchpointLaneList .widgetArea:hover .tpActions .dropdown .dropdown-menu a.add:hover, .theme-light .touchpointLanemian .attachmentsLane.touchpointLaneList .widgetArea:hover .tpActions .dropdown .dropdown-menu a.add:focus, .theme-light .touchpointLanemian .attachmentsLane.touchpointLaneList .widgetArea:hover .tpActions .dropdown .dropdown-menu a.add:visited, .theme-light .touchpointLanemian .attachmentsLane.touchpointLaneList .widgetArea:hover .tpActions .dropdown .dropdown-menu a.add:active {
  color: #fff !important;
  background: #7800ff !important;
}
.theme-light .touchpointLanemian .attachmentsLane.touchpointLaneList .widgetArea:hover .tpActions .dropdown .dropdown-menu a.activatecolor:hover, .theme-light .touchpointLanemian .attachmentsLane.touchpointLaneList .widgetArea:hover .tpActions .dropdown .dropdown-menu a.activatecolor:focus, .theme-light .touchpointLanemian .attachmentsLane.touchpointLaneList .widgetArea:hover .tpActions .dropdown .dropdown-menu a.activatecolor:visited, .theme-light .touchpointLanemian .attachmentsLane.touchpointLaneList .widgetArea:hover .tpActions .dropdown .dropdown-menu a.activatecolor:active {
  color: #fff !important;
  background: #0ba32d !important;
}
.theme-light .touchpointLanemian .attachmentsLane.touchpointLaneList .widgetArea:hover .tpActions .dropdown .dropdown-menu a.deactivatecolor:hover, .theme-light .touchpointLanemian .attachmentsLane.touchpointLaneList .widgetArea:hover .tpActions .dropdown .dropdown-menu a.deactivatecolor:focus, .theme-light .touchpointLanemian .attachmentsLane.touchpointLaneList .widgetArea:hover .tpActions .dropdown .dropdown-menu a.deactivatecolor:visited, .theme-light .touchpointLanemian .attachmentsLane.touchpointLaneList .widgetArea:hover .tpActions .dropdown .dropdown-menu a.deactivatecolor:active {
  color: #fff !important;
  background: #ae6725 !important;
}
.theme-light .file-3dots-menu span.menu-icon {
  background: #c5c5c5 !important;
}
.theme-light .file-3dots-menu span.menu-icon:hover {
  background: #7800ff !important;
}
.theme-light .file-3dots-menu.topjourney-file-menu .dropdown-menu {
  border: 1px solid #c5c5c5;
  background: #fff !important;
  border-bottom: solid 0px #000 !important;
}
.theme-light .file-3dots-menu.topjourney-file-menu .dropdown-menu a {
  border-bottom: 1px solid #c5c5c5 !important;
  color: #000 !important;
}
.theme-light .file-3dots-menu.topjourney-file-menu .dropdown-menu a:hover, .theme-light .file-3dots-menu.topjourney-file-menu .dropdown-menu a:focus, .theme-light .file-3dots-menu.topjourney-file-menu .dropdown-menu a:visited, .theme-light .file-3dots-menu.topjourney-file-menu .dropdown-menu a:active {
  color: #000 !important;
  background: #f3f3f3 !important;
}
.theme-light .file-3dots-menu.topjourney-file-menu .dropdown-menu a.delete:hover, .theme-light .file-3dots-menu.topjourney-file-menu .dropdown-menu a.delete:focus, .theme-light .file-3dots-menu.topjourney-file-menu .dropdown-menu a.delete:visited, .theme-light .file-3dots-menu.topjourney-file-menu .dropdown-menu a.delete:active {
  color: #fff !important;
  background: #6f0008 !important;
}
.theme-light .file-3dots-menu.topjourney-file-menu .dropdown-menu a.add:hover, .theme-light .file-3dots-menu.topjourney-file-menu .dropdown-menu a.add:focus, .theme-light .file-3dots-menu.topjourney-file-menu .dropdown-menu a.add:visited, .theme-light .file-3dots-menu.topjourney-file-menu .dropdown-menu a.add:active {
  color: #fff !important;
  background: #7800ff !important;
}
.theme-light .file-3dots-menu.topjourney-file-menu .dropdown-menu a.activatecolor:hover, .theme-light .file-3dots-menu.topjourney-file-menu .dropdown-menu a.activatecolor:focus, .theme-light .file-3dots-menu.topjourney-file-menu .dropdown-menu a.activatecolor:visited, .theme-light .file-3dots-menu.topjourney-file-menu .dropdown-menu a.activatecolor:active {
  color: #fff !important;
  background: #0ba32d !important;
}
.theme-light .file-3dots-menu.topjourney-file-menu .dropdown-menu a.deactivatecolor:hover, .theme-light .file-3dots-menu.topjourney-file-menu .dropdown-menu a.deactivatecolor:focus, .theme-light .file-3dots-menu.topjourney-file-menu .dropdown-menu a.deactivatecolor:visited, .theme-light .file-3dots-menu.topjourney-file-menu .dropdown-menu a.deactivatecolor:active {
  color: #fff !important;
  background: #ae6725 !important;
}
.theme-light .groupingBlock .flexContainer .width-14 {
  border-right: 2px solid #c5c5c5;
  border-top: 2px solid #c5c5c5;
}
.theme-light .groupingBlock .flexContainer .width-14 .groupControls .groupmenu .dropdown .dropdown-menu {
  border: 1px solid #c5c5c5;
  background: #fff !important;
  border-bottom: solid 0px #000 !important;
}
.theme-light .groupingBlock .flexContainer .width-14 .groupControls .groupmenu .dropdown .dropdown-menu a {
  border-bottom: 1px solid #c5c5c5 !important;
  color: #000 !important;
}
.theme-light .groupingBlock .flexContainer .width-14 .groupControls .groupmenu .dropdown .dropdown-menu a:hover, .theme-light .groupingBlock .flexContainer .width-14 .groupControls .groupmenu .dropdown .dropdown-menu a:focus, .theme-light .groupingBlock .flexContainer .width-14 .groupControls .groupmenu .dropdown .dropdown-menu a:visited, .theme-light .groupingBlock .flexContainer .width-14 .groupControls .groupmenu .dropdown .dropdown-menu a:active {
  color: #000 !important;
  background: #f3f3f3 !important;
}
.theme-light .groupingBlock .flexContainer .width-14 .groupControls .groupmenu .dropdown .dropdown-menu a.delete:hover, .theme-light .groupingBlock .flexContainer .width-14 .groupControls .groupmenu .dropdown .dropdown-menu a.delete:focus, .theme-light .groupingBlock .flexContainer .width-14 .groupControls .groupmenu .dropdown .dropdown-menu a.delete:visited, .theme-light .groupingBlock .flexContainer .width-14 .groupControls .groupmenu .dropdown .dropdown-menu a.delete:active {
  color: #fff !important;
  background: #6f0008 !important;
}
.theme-light .groupingBlock .flexContainer .width-14 .groupControls .groupmenu .dropdown .dropdown-menu a.add:hover, .theme-light .groupingBlock .flexContainer .width-14 .groupControls .groupmenu .dropdown .dropdown-menu a.add:focus, .theme-light .groupingBlock .flexContainer .width-14 .groupControls .groupmenu .dropdown .dropdown-menu a.add:visited, .theme-light .groupingBlock .flexContainer .width-14 .groupControls .groupmenu .dropdown .dropdown-menu a.add:active {
  color: #fff !important;
  background: #7800ff !important;
}
.theme-light .groupingBlock .flexContainer .width-14 .groupControls .groupmenu .dropdown .dropdown-menu a.activatecolor:hover, .theme-light .groupingBlock .flexContainer .width-14 .groupControls .groupmenu .dropdown .dropdown-menu a.activatecolor:focus, .theme-light .groupingBlock .flexContainer .width-14 .groupControls .groupmenu .dropdown .dropdown-menu a.activatecolor:visited, .theme-light .groupingBlock .flexContainer .width-14 .groupControls .groupmenu .dropdown .dropdown-menu a.activatecolor:active {
  color: #fff !important;
  background: #0ba32d !important;
}
.theme-light .groupingBlock .flexContainer .width-14 .groupControls .groupmenu .dropdown .dropdown-menu a.deactivatecolor:hover, .theme-light .groupingBlock .flexContainer .width-14 .groupControls .groupmenu .dropdown .dropdown-menu a.deactivatecolor:focus, .theme-light .groupingBlock .flexContainer .width-14 .groupControls .groupmenu .dropdown .dropdown-menu a.deactivatecolor:visited, .theme-light .groupingBlock .flexContainer .width-14 .groupControls .groupmenu .dropdown .dropdown-menu a.deactivatecolor:active {
  color: #fff !important;
  background: #ae6725 !important;
}
.theme-light .emotionList ul li .emotionBlock .emotionMoveIcon {
  background: #f3f3f3 !important;
}
.theme-light .emotionList ul li .emotionBlock .emotionMoveIcon i {
  color: #7b6c8f;
}
.theme-light .emotionList ul li .emotionBlock .dropdown {
  background: #f3f3f3 !important;
}
.theme-light .emotionList ul li .emotionBlock .dropdown .dropdown-menu {
  border: 1px solid #c5c5c5;
  background: #fff !important;
  border-bottom: solid 0px #000 !important;
}
.theme-light .emotionList ul li .emotionBlock .dropdown .dropdown-menu a {
  border-bottom: 1px solid #c5c5c5 !important;
  color: #000 !important;
}
.theme-light .emotionList ul li .emotionBlock .dropdown .dropdown-menu a:hover, .theme-light .emotionList ul li .emotionBlock .dropdown .dropdown-menu a:focus, .theme-light .emotionList ul li .emotionBlock .dropdown .dropdown-menu a:visited, .theme-light .emotionList ul li .emotionBlock .dropdown .dropdown-menu a:active {
  color: #000 !important;
  background: #f3f3f3 !important;
}
.theme-light .emotionList ul li .emotionBlock .dropdown .dropdown-menu a.delete:hover, .theme-light .emotionList ul li .emotionBlock .dropdown .dropdown-menu a.delete:focus, .theme-light .emotionList ul li .emotionBlock .dropdown .dropdown-menu a.delete:visited, .theme-light .emotionList ul li .emotionBlock .dropdown .dropdown-menu a.delete:active {
  color: #fff !important;
  background: #6f0008 !important;
}
.theme-light .emotionList ul li .emotionBlock .dropdown .dropdown-menu a.add:hover, .theme-light .emotionList ul li .emotionBlock .dropdown .dropdown-menu a.add:focus, .theme-light .emotionList ul li .emotionBlock .dropdown .dropdown-menu a.add:visited, .theme-light .emotionList ul li .emotionBlock .dropdown .dropdown-menu a.add:active {
  color: #fff !important;
  background: #7800ff !important;
}
.theme-light .emotionList ul li .emotionBlock .dropdown .dropdown-menu a.activatecolor:hover, .theme-light .emotionList ul li .emotionBlock .dropdown .dropdown-menu a.activatecolor:focus, .theme-light .emotionList ul li .emotionBlock .dropdown .dropdown-menu a.activatecolor:visited, .theme-light .emotionList ul li .emotionBlock .dropdown .dropdown-menu a.activatecolor:active {
  color: #fff !important;
  background: #0ba32d !important;
}
.theme-light .emotionList ul li .emotionBlock .dropdown .dropdown-menu a.deactivatecolor:hover, .theme-light .emotionList ul li .emotionBlock .dropdown .dropdown-menu a.deactivatecolor:focus, .theme-light .emotionList ul li .emotionBlock .dropdown .dropdown-menu a.deactivatecolor:visited, .theme-light .emotionList ul li .emotionBlock .dropdown .dropdown-menu a.deactivatecolor:active {
  color: #fff !important;
  background: #ae6725 !important;
}
.theme-light .emotionBlocksBg {
  background: url(/bundles/map/images/emotioncurvebg-white.svg) repeat !important;
}
.theme-light .emotionBlocksBg .emotionBlockFirstSec .emotionBGColor:hover .emotionMoveIcon,
.theme-light .emotionBlocksBg .emotionBlockFirstSec .emotionBGColor:hover .dropdown-toggle {
  background: #e5eaef !important;
}
.theme-light .emotionBlocksBg .emotionBlockFirstSec .emotionBGColor .dropdown .dropdown-menu {
  border: 1px solid #c5c5c5;
  background: #fff !important;
  border-bottom: solid 0px #000 !important;
}
.theme-light .emotionBlocksBg .emotionBlockFirstSec .emotionBGColor .dropdown .dropdown-menu a {
  border-bottom: 1px solid #c5c5c5 !important;
  color: #000 !important;
}
.theme-light .emotionBlocksBg .emotionBlockFirstSec .emotionBGColor .dropdown .dropdown-menu a:hover, .theme-light .emotionBlocksBg .emotionBlockFirstSec .emotionBGColor .dropdown .dropdown-menu a:focus, .theme-light .emotionBlocksBg .emotionBlockFirstSec .emotionBGColor .dropdown .dropdown-menu a:visited, .theme-light .emotionBlocksBg .emotionBlockFirstSec .emotionBGColor .dropdown .dropdown-menu a:active {
  color: #000 !important;
  background: #f3f3f3 !important;
}
.theme-light .emotionBlocksBg .emotionBlockFirstSec .emotionBGColor .dropdown .dropdown-menu a.delete:hover, .theme-light .emotionBlocksBg .emotionBlockFirstSec .emotionBGColor .dropdown .dropdown-menu a.delete:focus, .theme-light .emotionBlocksBg .emotionBlockFirstSec .emotionBGColor .dropdown .dropdown-menu a.delete:visited, .theme-light .emotionBlocksBg .emotionBlockFirstSec .emotionBGColor .dropdown .dropdown-menu a.delete:active {
  color: #fff !important;
  background: #6f0008 !important;
}
.theme-light .emotionBlocksBg .emotionBlockFirstSec .emotionBGColor .dropdown .dropdown-menu a.add:hover, .theme-light .emotionBlocksBg .emotionBlockFirstSec .emotionBGColor .dropdown .dropdown-menu a.add:focus, .theme-light .emotionBlocksBg .emotionBlockFirstSec .emotionBGColor .dropdown .dropdown-menu a.add:visited, .theme-light .emotionBlocksBg .emotionBlockFirstSec .emotionBGColor .dropdown .dropdown-menu a.add:active {
  color: #fff !important;
  background: #7800ff !important;
}
.theme-light .emotionBlocksBg .emotionBlockFirstSec .emotionBGColor .dropdown .dropdown-menu a.activatecolor:hover, .theme-light .emotionBlocksBg .emotionBlockFirstSec .emotionBGColor .dropdown .dropdown-menu a.activatecolor:focus, .theme-light .emotionBlocksBg .emotionBlockFirstSec .emotionBGColor .dropdown .dropdown-menu a.activatecolor:visited, .theme-light .emotionBlocksBg .emotionBlockFirstSec .emotionBGColor .dropdown .dropdown-menu a.activatecolor:active {
  color: #fff !important;
  background: #0ba32d !important;
}
.theme-light .emotionBlocksBg .emotionBlockFirstSec .emotionBGColor .dropdown .dropdown-menu a.deactivatecolor:hover, .theme-light .emotionBlocksBg .emotionBlockFirstSec .emotionBGColor .dropdown .dropdown-menu a.deactivatecolor:focus, .theme-light .emotionBlocksBg .emotionBlockFirstSec .emotionBGColor .dropdown .dropdown-menu a.deactivatecolor:visited, .theme-light .emotionBlocksBg .emotionBlockFirstSec .emotionBGColor .dropdown .dropdown-menu a.deactivatecolor:active {
  color: #fff !important;
  background: #ae6725 !important;
}
.theme-light .emotionBlocksBg::before,
.theme-light .emotionBlocksBg::after {
  outline: 0px solid #000;
}

/*---EDIT MAP EPISODE Screen--*/
.theme-light .episodeModalNew .modal-dialog .modal-content {
  background: #fff !important;
  box-shadow: none !important;
  border: none !important;
}
.theme-light .episodeModalNew .modal-dialog .modal-content .modal-body {
  background: #ffffff !important;
  box-shadow: none !important;
}
.theme-light .editEpisodeViewModal .episodeDetailInner {
  border-bottom: 0px solid #fff;
  border-right: 5px solid #fff;
}
.theme-light .editEpisodeViewModal .LanesMainBlock .innerBoxItem {
  background: transparent !important;
}
.theme-light .editEpisodeViewModal .episodeviewTopView {
  border-bottom: 2px solid #c5c5c5;
}
.theme-light .editEpisodeViewModal .editTouchPointsMain .episodetouchpointView .titleBorder {
  border-bottom: 2px solid #c5c5c5;
}
.theme-light .editEpisodeViewModal .editTouchPointsMain .innerBoxItem {
  border-top: 2px solid #c5c5c5 !important;
  border-bottom: 2px solid #c5c5c5 !important;
  border-right: 2px solid #c5c5c5;
}
.theme-light .episodeDetailInner .JourneyRightContent .modalClose .close {
  color: #c0c0c0;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  line-height: 0px;
  font-weight: 600;
  opacity: 1 !important;
}
.theme-light .episodeDetailInner .JourneyRightContent .modalClose .close:hover {
  background: transparent !important;
  color: #000;
}
.theme-light .episodeDetailInner .JourneyRightContent .modalClose .close:focus {
  outline: none !important;
}
.theme-light .editableToucpoint .flexContainer .episodetouchpointView.episodeviewbox-edit-touchpoint .titleSpace .titleBorder .dropdown .dropdown-toggle {
  background: #c5c5c5;
}
.theme-light .editableToucpoint .flexContainer .episodetouchpointView.episodeviewbox-edit-touchpoint .titleSpace .titleBorder .dropdown .dropdown-toggle:hover {
  background: #7800ff;
}
.theme-light .editableToucpoint .flexContainer .episodetouchpointView.episodeviewbox-edit-touchpoint .titleSpace .titleBorder .dropdown .dropdown-menu {
  border: 1px solid #c5c5c5;
  background: #fff !important;
  border-bottom: solid 0px #000 !important;
}
.theme-light .editableToucpoint .flexContainer .episodetouchpointView.episodeviewbox-edit-touchpoint .titleSpace .titleBorder .dropdown .dropdown-menu a {
  border-bottom: 1px solid #c5c5c5 !important;
  color: #000 !important;
}
.theme-light .editableToucpoint .flexContainer .episodetouchpointView.episodeviewbox-edit-touchpoint .titleSpace .titleBorder .dropdown .dropdown-menu a:hover, .theme-light .editableToucpoint .flexContainer .episodetouchpointView.episodeviewbox-edit-touchpoint .titleSpace .titleBorder .dropdown .dropdown-menu a:focus, .theme-light .editableToucpoint .flexContainer .episodetouchpointView.episodeviewbox-edit-touchpoint .titleSpace .titleBorder .dropdown .dropdown-menu a:visited, .theme-light .editableToucpoint .flexContainer .episodetouchpointView.episodeviewbox-edit-touchpoint .titleSpace .titleBorder .dropdown .dropdown-menu a:active {
  color: #000 !important;
  background: #f3f3f3 !important;
}
.theme-light .editableToucpoint .flexContainer .episodetouchpointView.episodeviewbox-edit-touchpoint .titleSpace .titleBorder .dropdown .dropdown-menu a.delete:hover, .theme-light .editableToucpoint .flexContainer .episodetouchpointView.episodeviewbox-edit-touchpoint .titleSpace .titleBorder .dropdown .dropdown-menu a.delete:focus, .theme-light .editableToucpoint .flexContainer .episodetouchpointView.episodeviewbox-edit-touchpoint .titleSpace .titleBorder .dropdown .dropdown-menu a.delete:visited, .theme-light .editableToucpoint .flexContainer .episodetouchpointView.episodeviewbox-edit-touchpoint .titleSpace .titleBorder .dropdown .dropdown-menu a.delete:active {
  color: #fff !important;
  background: #6f0008 !important;
}
.theme-light .editableToucpoint .flexContainer .episodetouchpointView.episodeviewbox-edit-touchpoint .titleSpace .titleBorder .dropdown .dropdown-menu a.add:hover, .theme-light .editableToucpoint .flexContainer .episodetouchpointView.episodeviewbox-edit-touchpoint .titleSpace .titleBorder .dropdown .dropdown-menu a.add:focus, .theme-light .editableToucpoint .flexContainer .episodetouchpointView.episodeviewbox-edit-touchpoint .titleSpace .titleBorder .dropdown .dropdown-menu a.add:visited, .theme-light .editableToucpoint .flexContainer .episodetouchpointView.episodeviewbox-edit-touchpoint .titleSpace .titleBorder .dropdown .dropdown-menu a.add:active {
  color: #fff !important;
  background: #7800ff !important;
}
.theme-light .editableToucpoint .flexContainer .episodetouchpointView.episodeviewbox-edit-touchpoint .titleSpace .titleBorder .dropdown .dropdown-menu a.activatecolor:hover, .theme-light .editableToucpoint .flexContainer .episodetouchpointView.episodeviewbox-edit-touchpoint .titleSpace .titleBorder .dropdown .dropdown-menu a.activatecolor:focus, .theme-light .editableToucpoint .flexContainer .episodetouchpointView.episodeviewbox-edit-touchpoint .titleSpace .titleBorder .dropdown .dropdown-menu a.activatecolor:visited, .theme-light .editableToucpoint .flexContainer .episodetouchpointView.episodeviewbox-edit-touchpoint .titleSpace .titleBorder .dropdown .dropdown-menu a.activatecolor:active {
  color: #fff !important;
  background: #0ba32d !important;
}
.theme-light .editableToucpoint .flexContainer .episodetouchpointView.episodeviewbox-edit-touchpoint .titleSpace .titleBorder .dropdown .dropdown-menu a.deactivatecolor:hover, .theme-light .editableToucpoint .flexContainer .episodetouchpointView.episodeviewbox-edit-touchpoint .titleSpace .titleBorder .dropdown .dropdown-menu a.deactivatecolor:focus, .theme-light .editableToucpoint .flexContainer .episodetouchpointView.episodeviewbox-edit-touchpoint .titleSpace .titleBorder .dropdown .dropdown-menu a.deactivatecolor:visited, .theme-light .editableToucpoint .flexContainer .episodetouchpointView.episodeviewbox-edit-touchpoint .titleSpace .titleBorder .dropdown .dropdown-menu a.deactivatecolor:active {
  color: #fff !important;
  background: #ae6725 !important;
}
.theme-light .editableToucpoint .flexContainer .episodetouchpointView .episodeMode .formsection .form-row .form-group p {
  color: #000 !important;
  font-weight: 500;
}
.theme-light .episode-Tpmainhead {
  color: #000;
}

/*---EDIT MAP Touchpoint Screen--*/
.theme-light .newModal .modal-body {
  background: #fff;
  box-shadow: none !important;
}
.theme-light .addtouchpointModal {
  padding-left: 0px !important;
}
.theme-light .addtouchpointModal .addtpModalBody .tptopSection {
  border-bottom: 2px solid #c5c5c5 !important;
}
.theme-light .addtouchpointModal .addtpModalBody .tptopSection button.closebtn {
  color: #c0c0c0;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  line-height: 0px;
  font-weight: 600;
  opacity: 1 !important;
}
.theme-light .addtouchpointModal .addtpModalBody .tptopSection button.closebtn:hover {
  background: transparent !important;
  color: #000;
}
.theme-light .addtouchpointModal .addtpModalBody .tptopSection button.closebtn:focus {
  outline: none !important;
}
.theme-light .addtouchpointModal .addtpModalBody .tptopSection label {
  font-weight: 700;
}
.theme-light .addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .form-control {
  border: solid 0px #c5c5c5 !important;
}
.theme-light .addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .form-control.themechannelselect .dropdown-menu {
  border-top: 0px solid #c5c5c5 !important;
}
.theme-light .addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .form-control.themechannelselect .dropdown-menu li {
  border-right: 0px solid #c5c5c5 !important;
}
.theme-light .addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .dropdown-toggle {
  background: #fff !important;
  border: solid 1px #c5c5c5 !important;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
}
.theme-light .addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .dropdown-toggle::after {
  color: #000;
}
.theme-light .addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .dropdown-menu {
  background: transparent !important;
  margin-top: 0px;
  font-size: 13px !important;
}
.theme-light .addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .dropdown-menu.inner {
  border-top: 0px solid #c5c5c5 !important;
  border-left: 1px solid #c5c5c5 !important;
  border-right: 1px solid #c5c5c5 !important;
  border-bottom: 1px solid #c5c5c5 !important;
}
.theme-light .addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .dropdown-menu li {
  border-bottom: 0px solid #c5c5c5 !important;
  border-right: 0px solid #c5c5c5 !important;
}
.theme-light .addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .dropdown-menu li:nth-last-child(1) {
  border-bottom: 0px solid #c5c5c5 !important;
}
.theme-light .addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .dropdown-menu li.selected a.selected {
  background: #fff !important;
}
.theme-light .addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .dropdown-menu li.active {
  background: #fff !important;
}
.theme-light .addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .dropdown-menu li.active a.active {
  background: #fff !important;
  color: #000 !important;
}
.theme-light .addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .dropdown-menu li.active a.active .text .text-muted {
  color: #000 !important;
}
.theme-light .addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .dropdown-menu li a {
  color: #000 !important;
  background: #fff !important;
}
.theme-light .addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .dropdown-menu li a .text .text-muted {
  color: #000 !important;
}
.theme-light .addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .dropdown-menu li a.active {
  background: #e5eaef;
}
.theme-light .addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .dropdown-menu li a.active .text .text-muted {
  color: #000 !important;
}
.theme-light .addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .dropdown-menu li a:hover {
  background: #fff !important;
  color: #000 !important;
}
.theme-light .addtouchpointModal .addtpModalBody .tptopSection .tptopInnerSection .selectArrowMain .dropdown-menu li a:hover .text .text-muted {
  color: #000 !important;
}
.theme-light .addtouchpointModal .addtpModalBody .tpwidgetAreaMainSection .widgetArea {
  background: #fff;
}
.theme-light .addtouchpointModal .addtpModalBody .tpwidgetAreaMainSection .widgetArea.themeborder {
  border: solid 2px #c5c5c5;
}

/*----Present Mode-----*/
.theme-light .usermanagementheader.mapPresentHeader .PresentModeIcon a {
  background: #000 !important;
  color: #fff !important;
  box-shadow: none !important;
}
.theme-light .usermanagementheader.mapPresentHeader .PresentModeIcon a:hover {
  background: #000 !important;
  color: #fff !important;
  box-shadow: none !important;
}
.theme-light .presentMainContainer .widgetAreaMainSection .innerBoxItem {
  background: #ffffff;
  border: solid 0px #c5c5c5 !important;
}
.theme-light .titiedescripWidget .descripText,
.theme-light .AttachmentsMain.ListwithFiles li h5 a,
.theme-light .presentMainContainer .iconListview li,
.theme-light .presentTextWidget .form-group .textAreaView .addedtextfield,
.theme-light .presentMainContainer .quotesCarouselPresent .quoteDescription,
.theme-light .presentDimensionWidget .form-row .form-group p,
.theme-light .presentEpisodeBox .presentEpisode p.episodeDescription p,
.theme-light .presentEpisodetextarea p,
.theme-light .presentInactiveCR small,
.theme-light .presentMainContainer .presentTextField .addedtextfield,
.theme-light .parentchild-channelhead-presentmode {
  color: #000 !important;
}
.theme-light .presentQuotesWidget .quotesCarouselPresent .quotesWidgetArea .quoteTitle {
  color: #000 !important;
  font-weight: 600;
}
.theme-light .presentMainContainer .presentDimensionLane li.brandBg {
  background: #fff;
  border: 1px solid #c5c5c5;
  box-shadow: none !important;
  color: #000;
}
.theme-light .groupingBlock.present .flexContainer .width-14 {
  border-bottom: 2px solid #c5c5c5 !important;
}
.theme-light .presentMainContainer .rightMiddleContent .width-14.innerBoxItem:last-child {
  border-left: 0px solid #3f3449;
}
.theme-light .presenttpField .touchpointMainLane {
  background: #fff !important;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5) !important;
  border-radius: 10px !important;
  padding: 15px;
  border-radius: 10px;
}
.theme-light .iconCommentBlock .draggable-item-block-icon {
  margin: 5px 0px;
}
.theme-light .presentEmotionCurveMain .emotionBlocksBg::before {
  outline: 0px solid #1f1829;
}
.theme-light .presentEmotionCurveMain .emotionBlocksBg::after {
  outline: 0px solid #1f1829;
}
.theme-light .topMoreActions .leftBlockArrow {
  background: #fff !important;
}
.theme-light .topMoreActions .leftBlockArrow:hover {
  background: #d8d8d8 !important;
}
.theme-light .topMoreActions .leftBlockArrow i {
  color: #000;
}
.theme-light .presentDimensionLane .presentDimensionWidget {
  margin-top: 0px !important;
}
.theme-light .stickyJourneyContent,
.theme-light .journeyfixed {
  background: transparent !important;
}
.theme-light .statusToggleBtn.StateToggleBtn .btn.Statehighlight {
  padding: 2.5px 8px;
  border-radius: 5px;
  background: #7b6c8f;
  font-weight: 600 !important;
  font-size: 13px;
  margin-top: -2px;
  border: none !important;
}
.theme-light .statusToggleBtn .btn {
  box-shadow: none !important;
}
.theme-light .selectedLanguage h6,
.theme-light .presentInactiveCR p,
.theme-light .touchpointDetailsModal .tptopInnerSection .tpTitle {
  color: #000 !important;
}
.theme-light .episodeDetailInner .episodeViewTpMain .crChannelview .crChannelviewInner p {
  color: #000 !important;
}
.theme-light .episodeDetailInner .episodeViewTpMain .crChannelview .crChannelviewInner p.parentchild-channelhead-presentmode {
  color: #000 !important;
}
.theme-light .selectedLanguage .presentActiveLC {
  padding-left: 0px;
  background: transparent !important;
}
.theme-light .selectedLanguage .presentActiveLC i {
  color: #03ac00 !important;
  margin-right: 5px;
  font-size: 11px;
}
.theme-light .selectedLanguage .presentInactiveLC {
  background: transparent !important;
  padding-left: 0px;
}
.theme-light .selectedLanguage .presentInactiveLC i {
  color: #ae6725 !important;
  margin-right: 5px;
  font-size: 11px;
}
.theme-light .usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li .userName {
  color: #000;
}
.theme-light .usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.loggeduserDetails.show {
  background: transparent !important;
}
.theme-light .usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.loggeduserDetails:hover {
  background: transparent !important;
}
.theme-light .usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.loggeduserDetails .dropdown-menu {
  background: #fff;
}
.theme-light .usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.loggeduserDetails .dropdown-menu a {
  color: #000 !important;
  border-bottom: 1px solid #c5c5c5 !important;
}
.theme-light .usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.loggeduserDetails .dropdown-menu a:hover {
  color: #000 !important;
  background: #f3f3f3 !important;
}
.theme-light .usermanagementheader.mapPresentHeader .sidenav-items .headerRightOptions li.loggeduserDetails .dropdown-toggle::after {
  color: #000;
}
.theme-light .presentHeaderBorder,
.theme-light .episodeDetailInner .episodeViewTpMain .tpName {
  border-bottom: solid 2px #c5c5c5 !important;
}
.theme-light .present_touchpoint-Hoverstate .epiSodeTouchPointSpace {
  border-top: solid 2px #c5c5c5 !important;
}
.theme-light .present_touchpoint-Hoverstate .epiSodeTouchPointSpace .presenttpField .touchpointMainLane {
  box-shadow: none !important;
  background: transparent !important;
}
.theme-light .present_touchpoint-Hoverstate .epiSodeTouchPointSpace .presenttpField .touchpointMainLane:hover {
  box-shadow: none !important;
  background: transparent !important;
}
.theme-light .presentMainContainer .touchpointDetailsModal .addtpModalBody .tpwidgetAreaMainSection .innerBoxItem.touchpoint_box-new {
  border: solid 2px #c5c5c5 !important;
}
.theme-light .tp-present-row .tpCollaspeExpandArrow {
  background: #c0c0c0 !important;
}
.theme-light .tp-present-row .tpCollaspeExpandArrow i {
  color: #000;
}
.theme-light .episodeDetailsModal.newModal.touchpointDetailsModal .addtpModalBody button.presntTouchpointclose {
  color: #c0c0c0;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  line-height: 0px;
  font-weight: 600;
  opacity: 1 !important;
  right: 60px;
  position: absolute;
  color: #000;
  top: 70px;
}
.theme-light .episodeDetailsModal.newModal.touchpointDetailsModal .addtpModalBody button.presntTouchpointclose:hover {
  background: transparent !important;
  color: #000;
}
.theme-light .episodeDetailsModal.newModal.touchpointDetailsModal .addtpModalBody button.presntTouchpointclose:focus {
  outline: none !important;
}
.theme-light .episodeDetailsModal.newModal.touchpointDetailsModal .addtpModalBody button.presntTouchpointclose span {
  top: 0px !important;
  right: 0px !important;
  line-height: 45px !important;
  color: #876cab;
}
.theme-light .episodeDetailsModal.newModal.touchpointDetailsModal .addtpModalBody button.presntTouchpointclose span:hover {
  color: #000;
}

/*---Tabs--*/
.theme-light .m-tabs .nav-tabs .nav-item a {
  color: #7b6c8f;
}
.theme-light .m-tabs .nav-tabs .nav-item a:hover::before {
  background: #7b6c8f;
}
.theme-light .m-tabs .nav-tabs .nav-item a.nav-link.active {
  color: #000;
}
.theme-light .m-tabs .nav-tabs .nav-item a.nav-link.active::before {
  background: #000;
}

/*---KPI SCREEN--*/
.theme-light .kpitabsBorder {
  border-bottom: 1px solid #c5c5c5 !important;
}
.theme-light .kpiMainBox .kpiBoxJournryLevel .kpiWidgetBig.createNew {
  background: #fff !important;
  border: 1px dashed #c5c5c5 !important;
  color: #000 !important;
  box-shadow: none !important;
}
.theme-light .kpiMainBox .kpiBoxJournryLevel .kpiWidgetBig.createNew:hover {
  border: 1px dashed #c5c5c5 !important;
  color: #000 !important;
  background: #f3f3f3 !important;
  box-shadow: none !important;
}

/*---Persona  SCREEN--*/
.theme-light .personaMainBox .personaBoxJournryLevel .personaWidgetBig {
  background: #fff !important;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5) !important;
  border-radius: 10px !important;
  border: solid 1px #fff !important;
}
.theme-light .personaMainBox .personaBoxJournryLevel .personaWidgetBig:hover {
  border: solid 1px #e5eaef !important;
}
.theme-light .personaMainBox .personaBoxJournryLevel .personaWidgetBig .user-3-dotsmenu .dropdown-menu {
  border: 1px solid #c5c5c5 !important;
}
.theme-light .personaMainBox .personaBoxJournryLevel .personaWidgetBig.createNew {
  background: #fff !important;
  border: 1px dashed #c5c5c5 !important;
  color: #000 !important;
  box-shadow: none !important;
}
.theme-light .personaMainBox .personaBoxJournryLevel .personaWidgetBig.createNew:hover {
  border: 1px dashed #c5c5c5 !important;
  color: #000 !important;
  background: #f3f3f3 !important;
  box-shadow: none !important;
}
.theme-light .personaMainBox .personaBoxJournryLevel .personaWidgetBig .profileImg img.profileImg {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5) !important;
}
.theme-light .personaMainBox .personaBoxJournryLevel .personaWidgetBig .custmoerJourneyBox {
  background: #8b93a1;
}

/*---Customer Object Names  Screen--*/
.theme-light .objectNames p.objectText, .theme-light .objectNames p.jiraText,
.theme-light .jiramoduleUserSetup p.objectText,
.theme-light .jiramoduleUserSetup p.jiraText {
  color: #000 !important;
}
.theme-light .objectNames .objectblockbox .objectHeading,
.theme-light .jiramoduleUserSetup .objectblockbox .objectHeading {
  border-bottom: 1px solid #c5c5c5;
  color: #000;
}
/*---Custom List Screen--*/
.theme-light .insightCustomListsmain .insightCustomListsBox h2 {
  color: #000;
}
.theme-light .insightCustomListsmain .insightCustomListsBox .formsection .form-row .listItemDisplay label {
  color: #000;
}
.theme-light .insightCustomListsmain .insightCustomListsBox .formsection .form-row .listItemDisplay .customListrepeat .colorSelect {
  border: solid 1px #fff !important;
}
.theme-light .insightCustomListsmain .insightCustomListsBox .formsection .form-row .listItemDisplay .customListrepeat .colorSelect .vue-swatches .vue-swatches__container {
  background: #fff !important;
  border: solid 1px #c5c5c5 !important;
}
.theme-light .insightCustomListsmain .insightCustomListsBox .formsection .form-row .listItemDisplay .customListrepeat .colorSelect .vue-swatches .vue-swatches__container .vue-swatches__fallback__input {
  background: #e5eaef !important;
  border: 1px solid #e5eaef !important;
  cursor: pointer;
}
.theme-light .insightCustomListsmain .insightCustomListsBox .formsection .form-row .listItemDisplay .customListrepeat .customlistInput span.clear {
  color: #000;
}
.theme-light .insightCustomListsmain .insightCustomListsBox .formsection .form-row .listItemDisplay .customListrepeat .customlistInput span.clear:hover {
  color: #fff;
}
.theme-light .customlistdotsbox:hover .custonlistpophover {
  background: #f3f3f3 !important;
  border: 2px solid #c5c5c5 !important;
}
.theme-light .customlistdiv,
.theme-light .customlist {
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
}

/*---Country Screen--*/
.theme-light .countryNames .countryinput .formsection .form-row .form-group .country .selectoptions a {
  color: #000 !important;
}
.theme-light .countryNames .countryinput .formsection .form-row .form-group .country .selectoptions a.trash-icon:hover {
  color: #fff !important;
}
.theme-light .countryNames .countryinput .formsection .form-row .form-group .country .selectoptions a::after {
  color: #110a1a !important;
}

/*---Products Screen--*/
.theme-light .usersettings.datamain .umtable .formsection .dataposrelmain .selectoptions a,
.theme-light .usersettings.datamain .billinginfotable .formsection .dataposrelmain .selectoptions a {
  color: #110a1a;
}
.theme-light .usersettings.datamain .umtable .formsection .dataposrelmain .selectoptions a.view-icon,
.theme-light .usersettings.datamain .billinginfotable .formsection .dataposrelmain .selectoptions a.view-icon {
  background: rgba(64, 57, 74, 0.3) !important;
  border: solid 1px rgba(64, 57, 74, 0.3) !important;
}
.theme-light .usersettings.datamain .umtable .formsection .dataposrelmain .selectoptions a.view-icon:hover,
.theme-light .usersettings.datamain .billinginfotable .formsection .dataposrelmain .selectoptions a.view-icon:hover {
  background: #7800ff !important;
  border: 1px solid #7800ff !important;
}
.theme-light .usersettings.datamain .umtable .formsection .dataposrelmain .selectoptions a.view-icon:hover::after,
.theme-light .usersettings.datamain .billinginfotable .formsection .dataposrelmain .selectoptions a.view-icon:hover::after {
  color: #fff !important;
}
.theme-light .usersettings.datamain .umtable .formsection .dataposrelmain .selectoptions a.view-icon.disabled:hover::after,
.theme-light .usersettings.datamain .billinginfotable .formsection .dataposrelmain .selectoptions a.view-icon.disabled:hover::after {
  color: #fff !important;
}
.theme-light .usersettings.datamain .umtable .formsection .dataposrelmain .selectoptions a.trash-icon,
.theme-light .usersettings.datamain .billinginfotable .formsection .dataposrelmain .selectoptions a.trash-icon {
  background: rgba(111, 0, 8, 0.3) !important;
  border: 1px solid rgba(111, 0, 8, 0.3) !important;
}
.theme-light .usersettings.datamain .umtable .formsection .dataposrelmain .selectoptions a.trash-icon.disabled,
.theme-light .usersettings.datamain .billinginfotable .formsection .dataposrelmain .selectoptions a.trash-icon.disabled {
  color: #544e64;
}
.theme-light .usersettings.datamain .umtable .formsection .dataposrelmain .selectoptions a.trash-icon.disabled:hover,
.theme-light .usersettings.datamain .billinginfotable .formsection .dataposrelmain .selectoptions a.trash-icon.disabled:hover {
  color: #fff !important;
}
.theme-light .usersettings.datamain .umtable .formsection .dataposrelmain .selectoptions a.trash-icon:hover,
.theme-light .usersettings.datamain .billinginfotable .formsection .dataposrelmain .selectoptions a.trash-icon:hover {
  background: #B11E27 !important;
  border: 1px solid #B11E27 !important;
  color: #fff !important;
  opacity: 1 !important;
}
.theme-light .usersettings.datamain .umtable .formsection .dataposrelmain .selectoptions .translatedrpdwnmain .translatedrpdwn,
.theme-light .usersettings.datamain .billinginfotable .formsection .dataposrelmain .selectoptions .translatedrpdwnmain .translatedrpdwn {
  color: #000;
  background: #fff;
  border: 1px solid #c5c5c5;
}
.theme-light .usersettings.datamain .umtable .formsection .dataposrelmain .selectoptions .translatedrpdwnmain .dropdown-menu,
.theme-light .usersettings.datamain .billinginfotable .formsection .dataposrelmain .selectoptions .translatedrpdwnmain .dropdown-menu {
  border: 1px solid #c5c5c5;
  background: #fff;
}
.theme-light .usersettings.datamain .umtable .formsection .dataposrelmain .selectoptions .translatedrpdwnmain .dropdown-menu ul li a .languagename,
.theme-light .usersettings.datamain .billinginfotable .formsection .dataposrelmain .selectoptions .translatedrpdwnmain .dropdown-menu ul li a .languagename {
  color: #000 !important;
  font-weight: 600 !important;
}
.theme-light .usersettings.datamain .umtable .formsection .dataposrelmain .selectoptions .translatedrpdwnmain .dropdown-menu ul li a input,
.theme-light .usersettings.datamain .billinginfotable .formsection .dataposrelmain .selectoptions .translatedrpdwnmain .dropdown-menu ul li a input {
  border: 1px solid #c5c5c5 !important;
  background: #fff !important;
  color: #000 !important;
}
.theme-light .usersettings.datamain .umtable .formsection .dataposrelmain .selectoptions .translatedrpdwnmain .dropdown-menu ul li a input:focus,
.theme-light .usersettings.datamain .billinginfotable .formsection .dataposrelmain .selectoptions .translatedrpdwnmain .dropdown-menu ul li a input:focus {
  outline: none !important;
}
.theme-light .usersettings.datamain .umtable .formsection .form-group .form-control.channeldescrip, .theme-light .usersettings.datamain .umtable .formsection .form-group .form-control.fixed-Textarea,
.theme-light .usersettings.datamain .billinginfotable .formsection .form-group .form-control.channeldescrip,
.theme-light .usersettings.datamain .billinginfotable .formsection .form-group .form-control.fixed-Textarea {
  border: 1px solid #c5c5c5 !important;
  background: #fff !important;
  color: #000 !important;
}
.theme-light .usersettings.datamain .umtable .formsection .form-group .form-control.channeldescrip:focus, .theme-light .usersettings.datamain .umtable .formsection .form-group .form-control.fixed-Textarea:focus,
.theme-light .usersettings.datamain .billinginfotable .formsection .form-group .form-control.channeldescrip:focus,
.theme-light .usersettings.datamain .billinginfotable .formsection .form-group .form-control.fixed-Textarea:focus {
  outline: none !important;
}
/*---Jira Details Screen--*/
.theme-light .jiramoduleUserSetup p.jiraText {
  color: #000 !important;
}
.theme-light .jiramoduleUserSetup .jiraFields .formsection .form-row .form-group textarea:disabled {
  scrollbar-color: #a294b5 #a294b5;
  scrollbar-width: thin;
}
.theme-light .jiramoduleUserSetup .jiraFields .formsection .form-row .form-group textarea:disabled::-webkit-scrollbar-track {
  background: #c5c5c5 !important;
}
.theme-light .jiramoduleUserSetup .jiraFields .formsection .form-row .form-group textarea:disabled::-webkit-scrollbar-track:hover {
  background: #c5c5c5 !important;
}
.theme-light .jiramoduleUserSetup .jiraFields .formsection .form-row .form-group textarea:disabled::-moz-scrollbar-track {
  background: #c5c5c5 !important;
}
.theme-light .jiramoduleUserSetup .jiraFields .formsection .form-row .form-group textarea:disabled::-moz-scrollbar-track:hover {
  background: #c5c5c5 !important;
}

/*---Jira Mapping Screen--*/
.theme-light .jiraConfigBlock .jiraConfigrow.bold {
  color: #000 !important;
}
.theme-light .jiraConfigBlock .jiraConfigrow .nodata-sync {
  border: 1px solid #c5c5c5 !important;
  color: #92899e !important;
}

/*---Connecter Details Screen--*/
.theme-light .connectDetails .formsection .form-row {
  background: #f3f3f3;
  color: #000 !important;
}
.theme-light .connectDetails .formsection .form-row:hover {
  background: #e9e9e9;
}
.theme-light .connectDetails .formsection .form-row.head {
  color: #000 !important;
}

/*---BreadCrumb Map Screen--*/
.theme-light .breadCrumbmenumain {
  background: #c0c0c0;
}
.theme-light .breadCrumbmenumain.level2 .journey p, .theme-light .breadCrumbmenumain.level3 .journey p {
  color: #000;
  font-weight: 600;
}
.theme-light .breadCrumbmenumain .crumbmain.episode {
  background: #d8d8d8;
}
.theme-light .breadCrumbmenumain .crumbmain.episode::after {
  background: #d8d8d8;
}
.theme-light .breadCrumbmenumain .crumbmain.episode .form-control {
  border: none !important;
}
.theme-light .breadCrumbmenumain .crumbmain.episode .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  color: #000 !important;
}
.theme-light .breadCrumbmenumain .crumbmain.episode .bootstrap-select .dropdown-toggle::after {
  color: #000;
}
.theme-light .breadCrumbmenumain .crumbmain.episode .bootstrap-select .dropdown-menu li {
  background: #fff !important;
  border-bottom: solid 0px #c5c5c5 !important;
}
.theme-light .breadCrumbmenumain .crumbmain.episode .bootstrap-select .dropdown-menu li a:hover, .theme-light .breadCrumbmenumain .crumbmain.episode .bootstrap-select .dropdown-menu li a.active {
  background: #f3f3f3 !important;
  color: #000 !important;
}
.theme-light .breadCrumbmenumain .crumbmain.episode .bootstrap-select .dropdown-menu li:hover {
  background: #f3f3f3 !important;
}
.theme-light .breadCrumbmenumain .crumbmain.tochupoint {
  background: #f3f3f3;
}
.theme-light .breadCrumbmenumain .crumbmain.tochupoint::after {
  background: #f3f3f3;
}
.theme-light .breadCrumbmenumain .crumbmain.tochupoint .form-control {
  border: none !important;
}
.theme-light .breadCrumbmenumain .crumbmain.tochupoint .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  color: #000 !important;
}
.theme-light .breadCrumbmenumain .crumbmain.tochupoint .bootstrap-select .dropdown-menu li {
  background: #fff !important;
  border-bottom: solid 0px #c5c5c5 !important;
}
.theme-light .breadCrumbmenumain .crumbmain.tochupoint .bootstrap-select .dropdown-menu li a:hover, .theme-light .breadCrumbmenumain .crumbmain.tochupoint .bootstrap-select .dropdown-menu li a.active {
  background: #f3f3f3 !important;
  color: #000 !important;
}
.theme-light .breadCrumbmenumain .crumbmain.tochupoint .bootstrap-select .dropdown-menu li:hover {
  background: #f3f3f3 !important;
  color: #000 !important;
}
.theme-light #episodeDetailsModal .episodeDetailInner {
  overflow-x: auto;
  border-bottom: 0px solid #1f1829;
  border-right: 5px solid #fff;
}

/*---User managment Config Switch--*/
.theme-light .switchtoggle .switch .slider {
  background-color: #8f8c91;
}
.theme-light .lcheadingtext {
  color: #000;
}
.theme-light .usersettings .uploadimage .upinputbg {
  border: solid 1px #c5c5c5;
  background: transparent !important;
}
.theme-light .usersettings .uploadimage .upload-btn {
  background: #6F538F !important;
  color: #fff !important;
  box-shadow: 0px 2px 4px 0px #00000029 !important;
}
.theme-light .usersettings .uploadimage .upload-btn:hover {
  background: #7F669C !important;
  color: #fff !important;
  box-shadow: 0px 2px 4px 0px #00000029 !important;
}
.theme-light .usersettings .uploadimage .upload-btn small {
  color: #fff !important;
}
.theme-light .umtable .formsection .usermanagelist {
  background: #f3f3f3;
}
.theme-light .umtable .formsection .usermanagelist:hover {
  background: #e9e9e9;
}
.theme-light .umtable .formsection .usermanagelist .form-group p {
  color: #000;
}
.theme-light .dahsboardFilter .dropdown-menu .bs-searchbox {
  background: #fff;
}
/*---Global Checkbox--*/
.theme-light .custom-checkbox + label:before {
  background: #fff;
  border: 1px solid #000;
}
.theme-light .custom-checkbox:checked + label:before {
  background: #7800ff;
}

/*---Dashboard--*/
.theme-light .dashboardContainer.dashboard-widthnew .usersettings.usersettingdashboard .lifecycleboxes.dashboard_widget-Boxes .dashboard-main-box .lifecyclebox.dash-widget-box {
  background: #fff;
  border: 1px solid #c5c5c5;
  box-shadow: none !important;
}
.theme-light .dashboardContainer.dashboard-widthnew .usersettings.usersettingdashboard .lifecycleboxes.dashboard_widget-Boxes .dashboard-main-box .lifecyclebox.dash-widget-box .lifecycleinner h1.main-heading {
  color: #000 !important;
}
.theme-light .dashboard-lc-select .bootstrap-select {
  border: none !important;
}
.theme-light .lc-settings h6 {
  border-bottom: solid 1px #c5c5c5;
}
.theme-light .lc-settings .subhead p {
  color: #342940 !important;
}
.theme-light .dashboard-lc-tree-block .legend-block .jumbotron {
  background-color: #f3f3f3;
  border: solid 1px #c5c5c5;
  box-shadow: none !important;
}
.theme-light .dashboard-lc-tree-block .lifecycleheader .navbar {
  border-bottom: solid 2px #d8d8d8;
}
.theme-light .dashboard-kpi-select .bootstrap-select.form-control ul.dropdown-menu {
  background: #fff;
  border: solid 1px #c5c5c5;
}
.theme-light .dashboard-kpi-select .bootstrap-select.form-control ul.dropdown-menu li a {
  background: #fff;
  color: #000;
}
.theme-light .dashboard-kpi-select .bootstrap-select.form-control ul.dropdown-menu li a:hover {
  background: #e5eaef;
}

/*----Life Cycle Tree---*/
.theme-light .crText {
  fill: #000 !important;
}
.theme-light .lifecycleheader,
.theme-light .lhleft {
  background: #fff;
}
.theme-light .lifecycleheader {
  border-bottom: solid 2px #d8d8d8;
  height: 52px;
}
.theme-light .lifecyclerightoptions .savepreviewoptions li,
.theme-light .lifecyclerightoptions .helpviewoptions li {
  background: #fff;
  color: #000 !important;
}
.theme-light .lifecyclerightoptions .savepreviewoptions li.active,
.theme-light .lifecyclerightoptions .helpviewoptions li.active {
  background: #d8d8d8;
}
.theme-light .lifecyclerightoptions .savepreviewoptions li .listicon,
.theme-light .lifecyclerightoptions .helpviewoptions li .listicon {
  background: url(../images/list-view-icon-dark.png) no-repeat 0 0;
}
.theme-light .lifecyclerightoptions .savepreviewoptions li.autosavelcbtn,
.theme-light .lifecyclerightoptions .helpviewoptions li.autosavelcbtn {
  background: #f3f3f3 !important;
}
.theme-light .lifecyclerightoptions .savepreviewoptions li:hover,
.theme-light .lifecyclerightoptions .helpviewoptions li:hover {
  background: #d8d8d8 !important;
}
.theme-light .lifecyclerightoptions .savepreviewoptions li:first-child,
.theme-light .lifecyclerightoptions .helpviewoptions li:first-child {
  border-right: 1px solid #c0c0c0;
}
.theme-light .lifecyclerightoptions .savepreviewoptions li:last-child,
.theme-light .lifecyclerightoptions .helpviewoptions li:last-child {
  border-right: 0px solid #c0c0c0;
}
.theme-light .lifecycleLabel .lifecycleinput {
  background: #fff !important;
  color: #000 !important;
}
.theme-light .lifecycleLabel .lifecycleinput::placeholder {
  background: #fff !important;
  color: #000 !important;
}
.theme-light .lifecycleLabel.inputsavefadeout:after {
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(40%, #fff), color-stop(80%, #fff), color-stop(100%, #fff));
  background-image: -moz-linear-gradient(left, #fff 40%, #fff 80%, #fff 100%);
  background-image: -webkit-linear-gradient(to right, #fff 40%, #fff 80%, #fff 100%);
  background-image: linear-gradient(to right, #fff 40%, #fff 80%, #fff 100%);
}
.theme-light .widgetModal {
  background: #f3f3f3;
}
.theme-light .widgetModal .topFixedWidget {
  background: #c0c0c0;
}
.theme-light .widgetModal .topFixedWidget .infoRow {
  color: #000;
}
.theme-light .widgetModal .topFixedWidget.theme-only {
  background: #f3f3f3 !important;
  box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.2);
}
.theme-light .widgetModal .topFixedWidget.theme-only .infoRow {
  background: #c0c0c0;
  box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.2);
}
.theme-light .widgetModal .topFixedWidget .infoRow {
  box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.2);
}
.theme-light .widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row {
  background: #e9e9e9;
}
.theme-light .widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row:hover {
  background: #d8d8d8;
}
.theme-light .widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr td.no-data {
  border: solid 1px #c5c5c5;
  color: #000;
  background: #f3f3f3;
}
.theme-light .widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr td span.insightactions {
  background: #8b93a1;
}
.theme-light .widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr td p.channel-data.submain {
  color: #000;
}
.theme-light .widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr td p.channel-data.submain span {
  color: #433c4a;
}
.theme-light .widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr td p.journey-text {
  color: #000;
}
.theme-light .widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr td.kpi-deltahover span.delta-value-range {
  color: #000;
}
.theme-light .widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table tbody tr td.kpi-deltahover span.delta-value-range:hover {
  background: #8b93a1;
  color: #fff;
}
.theme-light .widgetTabs .nav-tabs {
  border-bottom: 1px solid #c5c5c5;
}
.theme-light .widgetTabs .nav-tabs .nav-item a {
  color: #7b6c8f;
}
.theme-light .widgetTabs .nav-tabs .nav-item a:hover::before {
  background: #7b6c8f;
}
.theme-light .widgetTabs .nav-tabs .nav-item a.nav-link.active {
  color: #000;
}
.theme-light .widgetTabs .nav-tabs .nav-item a.nav-link.active::before {
  background: #000;
}
.theme-light .tab-content .tab-pane .widgetMarign .col-6.widgetBoxMain .widgetDispayBox {
  background: #ffffff;
}
.theme-light .tab-content .tab-pane .widgetMarign .col-6.widgetBoxMain .widgetDispayBox .widgetHeading {
  border-bottom: solid 1px #c5c5c5;
}
.theme-light .switchToggledit {
  color: #000;
}
.theme-light .widgetBox .textBlock .formsection .form-row .form-group label {
  color: #000;
}
.theme-light .widgetBox .textBlock .formsection .form-row .form-group .form-control {
  border: 1px solid #c5c5c5 !important;
  background: #fff !important;
  color: #000 !important;
}
.theme-light .widgetBox .textBlock .formsection .form-row .form-group .form-control:focus {
  outline: none !important;
}
.theme-light .widgetBox .mediaBlock .formsection .form-row .form-group .addImage {
  background: #fff !important;
  border: 1px solid #c5c5c5 !important;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.2) !important;
}
.theme-light .widgetBox .mediaBlock .formsection .form-row .form-group .addImage .addimageInner {
  background: #f3f3f3;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
}
.theme-light .widgetBox .mediaBlock .formsection .form-row .form-group .addImage .addimageInner label .media-icon {
  background: url(/bundles/map/images/media-icon.svg) no-repeat !important;
}
.theme-light .widgetBox .mediaBlock .formsection .form-row .form-group .addImage .addimageInner:hover {
  background: #d8d8d8;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
}
.theme-light .widgetBox .mediaBlock .formsection .form-row .form-group .addImage:hover .addimageInner label .media-icon:hover {
  background: url(/bundles/map/images/media-icon.svg) no-repeat !important;
}
.theme-light .widgetBox .emotionBlocks .formsection .form-row .form-group ul li .emotionBlock .emotionMoveIcon {
  background: #f3f3f3 !important;
}
.theme-light .widgetBox .emotionBlocks .formsection .form-row .form-group ul li .emotionBlock .emotionMoveIcon i {
  color: #7b6c8f;
}
.theme-light .widgetBox .emotionBlocks .formsection .form-row .form-group ul li .emotionBlock .dropdown {
  background: #f3f3f3 !important;
}
.theme-light .widgetBox .emotionBlocks .formsection .form-row .form-group ul li .emotionBlock .dropdown .dropdown-menu {
  border: 1px solid #c5c5c5;
  background: #fff !important;
  border-bottom: solid 0px #000 !important;
}
.theme-light .widgetBox .emotionBlocks .formsection .form-row .form-group ul li .emotionBlock .dropdown .dropdown-menu a {
  border-bottom: 1px solid #c5c5c5 !important;
  color: #000 !important;
}
.theme-light .widgetBox .emotionBlocks .formsection .form-row .form-group ul li .emotionBlock .dropdown .dropdown-menu a:hover, .theme-light .widgetBox .emotionBlocks .formsection .form-row .form-group ul li .emotionBlock .dropdown .dropdown-menu a:focus, .theme-light .widgetBox .emotionBlocks .formsection .form-row .form-group ul li .emotionBlock .dropdown .dropdown-menu a:visited, .theme-light .widgetBox .emotionBlocks .formsection .form-row .form-group ul li .emotionBlock .dropdown .dropdown-menu a:active {
  color: #000 !important;
  background: #f3f3f3 !important;
}
.theme-light .widgetBox .emotionBlocks .formsection .form-row .form-group ul li .emotionBlock .dropdown .dropdown-menu a.delete:hover, .theme-light .widgetBox .emotionBlocks .formsection .form-row .form-group ul li .emotionBlock .dropdown .dropdown-menu a.delete:focus, .theme-light .widgetBox .emotionBlocks .formsection .form-row .form-group ul li .emotionBlock .dropdown .dropdown-menu a.delete:visited, .theme-light .widgetBox .emotionBlocks .formsection .form-row .form-group ul li .emotionBlock .dropdown .dropdown-menu a.delete:active {
  color: #fff !important;
  background: #6f0008 !important;
}
.theme-light .widgetBox .emotionBlocks .formsection .form-row .form-group ul li .emotionBlock .dropdown .dropdown-menu a.add:hover, .theme-light .widgetBox .emotionBlocks .formsection .form-row .form-group ul li .emotionBlock .dropdown .dropdown-menu a.add:focus, .theme-light .widgetBox .emotionBlocks .formsection .form-row .form-group ul li .emotionBlock .dropdown .dropdown-menu a.add:visited, .theme-light .widgetBox .emotionBlocks .formsection .form-row .form-group ul li .emotionBlock .dropdown .dropdown-menu a.add:active {
  color: #fff !important;
  background: #7800ff !important;
}
.theme-light .widgetBox .emotionBlocks .formsection .form-row .form-group ul li .emotionBlock .dropdown .dropdown-menu a.activatecolor:hover, .theme-light .widgetBox .emotionBlocks .formsection .form-row .form-group ul li .emotionBlock .dropdown .dropdown-menu a.activatecolor:focus, .theme-light .widgetBox .emotionBlocks .formsection .form-row .form-group ul li .emotionBlock .dropdown .dropdown-menu a.activatecolor:visited, .theme-light .widgetBox .emotionBlocks .formsection .form-row .form-group ul li .emotionBlock .dropdown .dropdown-menu a.activatecolor:active {
  color: #fff !important;
  background: #0ba32d !important;
}
.theme-light .widgetBox .emotionBlocks .formsection .form-row .form-group ul li .emotionBlock .dropdown .dropdown-menu a.deactivatecolor:hover, .theme-light .widgetBox .emotionBlocks .formsection .form-row .form-group ul li .emotionBlock .dropdown .dropdown-menu a.deactivatecolor:focus, .theme-light .widgetBox .emotionBlocks .formsection .form-row .form-group ul li .emotionBlock .dropdown .dropdown-menu a.deactivatecolor:visited, .theme-light .widgetBox .emotionBlocks .formsection .form-row .form-group ul li .emotionBlock .dropdown .dropdown-menu a.deactivatecolor:active {
  color: #fff !important;
  background: #ae6725 !important;
}
.theme-light .widgetBox .documentsBlock .fileswidgetPresentdata ul li .col-2 img {
  filter: grayscale(0);
}
.theme-light .widgetBox .documentsBlock .formsection .form-row .form-group ul li .col-3 img {
  filter: grayscale(0);
}
.theme-light .widgetBox .documentsBlock .formsection .form-row .form-group ul li h5 {
  color: #000;
}
.theme-light .widgetBox .documentsBlock .formsection .form-row .form-group ul li small {
  color: #000;
}
.theme-light .widgetBox .documentsBlock .formsection .form-row .form-group ul li:hover {
  background: #e5eaef !important;
}
.theme-light .widgetBox .documentsBlock .formsection .form-row .form-group ul li:hover .file-3dots-menu {
  background: #e5eaef !important;
}
.theme-light .widgetBox .iconsBlocks {
  border: 1px solid #c5c5c5;
}
.theme-light .widgetBox .iconsBlocks p.icontopsection {
  background: #fff;
  color: #000;
  border-bottom: solid 1px #c5c5c5;
}
.theme-light .widgetBox .quotesBlocks .formsection .form-row.bdrbtm {
  border-bottom: solid 1px #c5c5c5;
}
.theme-light .widgetBox .quotesBlocks .formsection .form-row .carosel p {
  background: #fff;
  color: #000;
}
.theme-light .widgetBox .quotesBlocks .formsection .form-row .carosel .carousel-control-prev,
.theme-light .widgetBox .quotesBlocks .formsection .form-row .carosel .carousel-control-next {
  width: 25px;
  background: #fff;
  color: #000 !important;
  opacity: 1 !important;
}
.theme-light .widgetBox .quotesBlocks .formsection .form-row .carosel .carousel-control-prev i,
.theme-light .widgetBox .quotesBlocks .formsection .form-row .carosel .carousel-control-next i {
  color: #000 !important;
  opacity: 1 !important;
  font-weight: 700 !important;
}
.theme-light .widgetBox .quotesBlocks .formsection .form-row .form-group label {
  color: #000;
}
.theme-light .widgetBox .quotesBlocks .formsection .form-row .form-group .form-control.m-select-dropdown-sm .dropdown-menu {
  border: 0px solid #c5c5c5 !important;
  border-left: 2px solid #c5c5c5 !important;
  border-right: 1px solid #c5c5c5 !important;
  width: 100%;
}
.theme-light .widgetBox .quotesBlocks .formsection .form-row .form-group .form-control.m-select-dropdown-sm .dropdown-menu li {
  background: #fff;
}
.theme-light .widgetBox .quotesBlocks .formsection .form-row .form-group .form-control.m-select-dropdown-sm .dropdown-menu li.disabled {
  border-left: 1px solid #c5c5c5 !important;
  border-right: 1px solid #c5c5c5 !important;
}
.theme-light .widgetBox .quotesBlocks .formsection .form-row .form-group .form-control.m-select-dropdown-sm .dropdown-menu li.disabled span.text {
  padding-left: 0px;
}
.theme-light .widgetBox .quotesBlocks .formsection .form-row .form-group .form-control.m-select-dropdown-sm .dropdown-menu li.active a {
  background: #fff;
}
.theme-light .widgetBox .quotesBlocks .formsection .form-row .form-group .form-control.m-select-dropdown-sm .dropdown-menu li a {
  color: #000;
  border-bottom: 1px solid #c5c5c5 !important;
}
.theme-light .widgetBox .quotesBlocks .formsection .form-row .form-group .form-control.m-select-dropdown-sm .dropdown-menu li a:hover {
  background: #fff;
  color: #000;
}
.theme-light .widgetBox .dimensionBlock .formsection .form-row .form-group .iconswithBG li {
  background: #fff;
  border: 1px solid #c5c5c5;
  box-shadow: none !important;
  color: #000;
}
.theme-light .widgetBox .dimensionBlock .formsection .form-row .form-group .iconswithBG li.addBtn {
  background: none !important;
  border: none !important;
}
.theme-light .widgetBox .dimensionBlock .formsection .form-row .form-group .m-select-dropdown-sm .dropdown-menu {
  font-size: 13px !important;
}
.theme-light .widgetBox .dimensionBlock .formsection .form-row .form-group .m-select-dropdown-sm .dropdown-menu.show {
  margin-top: 1px !important;
  border-right: 1px solid #c5c5c5 !important;
  border-bottom: 1px solid #c5c5c5 !important;
}
.theme-light .widgetBox .dimensionBlock .formsection .form-row .form-group .m-select-dropdown-sm .dropdown-menu.inner.show {
  border-top: 0px solid #c5c5c5 !important;
  border-left: 1px solid #c5c5c5 !important;
  border-right: 1px solid #c5c5c5 !important;
  border-bottom: 0px solid #c5c5c5 !important;
  margin-top: 0px !important;
}
.theme-light .widgetBox .dimensionBlock .formsection .form-row .form-group .m-select-dropdown-sm .dropdown-menu li {
  border-bottom: 0px solid #7800ff !important;
}
.theme-light .widgetBox .dimensionBlock .formsection .form-row .form-group .m-select-dropdown-sm .dropdown-menu li:nth-last-child(1) a {
  border-bottom: 0px solid #c5c5c5 !important;
}
.theme-light .widgetBox .dimensionBlock .formsection .form-row .form-group .m-select-dropdown-sm .dropdown-menu li a {
  color: #000 !important;
  background: #fff !important;
  font-weight: 500;
}
.theme-light .widgetBox .dimensionBlock .formsection .form-row .form-group .m-select-dropdown-sm .dropdown-menu li a.active {
  background: #e5eaef;
}
.theme-light .widgetBox .dimensionBlock .formsection .form-row .form-group .m-select-dropdown-sm .dropdown-menu li a:hover {
  background: #e5eaef !important;
}
.theme-light .widgetBox .dimensionBlock .formsection .form-row .form-group .m-select-dropdown-sm .dropdown-menu .bs-actionsbox {
  background: #e5eaef !important;
  border: solid 1px #c5c5c5 !important;
}
.theme-light .widgetBox .dimensionBlock .formsection .form-row .form-group .m-select-dropdown-sm .dropdown-menu .bs-actionsbox button {
  color: #000;
  background: #e5eaef !important;
  font-weight: 600;
}
.theme-light .insightwidgetBoxMain .motWidget .widgetBox .motbox {
  box-shadow: none !important;
  background: #fff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5) !important;
}
.theme-light .insightwidgetBoxMain .motWidget .widgetBox .motbox:hover {
  background: #fff !important;
}
.theme-light .textwidgetPresentdata p,
.theme-light .form-group p.quoteTitle,
.theme-light .form-group p.quoteDescription,
.theme-light .dimensionswidgetPresentdata .form-row .form-group p {
  color: #000;
}
.theme-light .fileswidgetPresentdata ul li:hover {
  background: #e5eaef;
}
.theme-light .fileswidgetPresentdata ul li h5 a {
  color: #000;
}
.theme-light .fileswidgetPresentdata ul li small {
  color: #000;
}
.theme-light .switchToggledit .widgetdropdownleft .selectArrowMain .bootstrap-select .dropdown-menu li:nth-last-child(1) a {
  border-bottom: solid 0px #c5c5c5 !important;
}
.theme-light .switchToggledit .widgetdropdownleft .selectArrowMain .bootstrap-select .dropdown-menu li a {
  font-weight: 500;
}
.theme-light .columnviewmain .columnviewhroll .columnviewlist {
  background: #ffffff;
}
.theme-light .columnviewmain .columnviewhroll .columnviewlist .rightpanelaccordion .card .card-header .stagecreated .savedlistname {
  background: #c5c5c5 !important;
  border: 0px solid #8b93a1;
  color: #000;
  font-weight: 600;
  font-size: 15px;
}
.theme-light .columnviewmain .columnviewhroll .columnviewlist .rightpanelaccordion .card .card-header .stagecreated .savedinnerlistname {
  background: #d8d8d8 !important;
  border-left: 5px solid #c5c5c5 !important;
  color: #000;
  font-weight: 400;
  font-size: 15px;
}
.theme-light .columnviewmain .columnviewhroll .columnviewlist .rightpanelaccordion .card .card-header .addnewitem {
  background: #d8d8d8;
  color: #000;
}
.theme-light .columnviewmain .columnviewhroll .columnviewlist .rightpanelaccordion .card .card-header .creatingphase input.form-control:focus {
  border: solid 1px #c5c5c5 !important;
  border-left: 5px solid #c5c5c5 !important;
}

/*------Global Popup ScrollBars------**/
.theme-light .modalscrollbarOne,
.theme-light .modalscrollbarTwo,
.theme-light .personaScroll {
  scrollbar-color: #a294b5 #fff;
  scrollbar-width: thin;
}
.theme-light .modalscrollbarOne::-webkit-scrollbar,
.theme-light .modalscrollbarTwo::-webkit-scrollbar,
.theme-light .personaScroll::-webkit-scrollbar {
  width: 13px;
}
.theme-light .modalscrollbarOne::-webkit-scrollbar-track,
.theme-light .modalscrollbarTwo::-webkit-scrollbar-track,
.theme-light .personaScroll::-webkit-scrollbar-track {
  box-shadow: none;
  border-radius: 0px;
  background: #fff;
}
.theme-light .modalscrollbarOne::-webkit-scrollbar-track:hover,
.theme-light .modalscrollbarTwo::-webkit-scrollbar-track:hover,
.theme-light .personaScroll::-webkit-scrollbar-track:hover {
  background: #fff;
}
.theme-light .modalscrollbarOne::-webkit-scrollbar-thumb,
.theme-light .modalscrollbarTwo::-webkit-scrollbar-thumb,
.theme-light .personaScroll::-webkit-scrollbar-thumb {
  background: #7b6c8f;
  border: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}
.theme-light .modalscrollbarOne::-webkit-scrollbar-thumb:hover,
.theme-light .modalscrollbarTwo::-webkit-scrollbar-thumb:hover,
.theme-light .personaScroll::-webkit-scrollbar-thumb:hover {
  background: #a294b5;
  border: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}
.theme-light .modalscrollbarOne::-moz-scrollbar,
.theme-light .modalscrollbarTwo::-moz-scrollbar,
.theme-light .personaScroll::-moz-scrollbar {
  width: 13px;
}
.theme-light .modalscrollbarOne::-moz-scrollbar-track,
.theme-light .modalscrollbarTwo::-moz-scrollbar-track,
.theme-light .personaScroll::-moz-scrollbar-track {
  box-shadow: none;
  border-radius: 0px;
  background: #fff;
}
.theme-light .modalscrollbarOne::-moz-scrollbar-track:hover,
.theme-light .modalscrollbarTwo::-moz-scrollbar-track:hover,
.theme-light .personaScroll::-moz-scrollbar-track:hover {
  background: #fff;
}
.theme-light .modalscrollbarOne::-moz-scrollbar-thumb,
.theme-light .modalscrollbarTwo::-moz-scrollbar-thumb,
.theme-light .personaScroll::-moz-scrollbar-thumb {
  background: #7b6c8f;
  border: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}
.theme-light .modalscrollbarOne::-moz-scrollbar-thumb:hover,
.theme-light .modalscrollbarTwo::-moz-scrollbar-thumb:hover,
.theme-light .personaScroll::-moz-scrollbar-thumb:hover {
  background: #a294b5;
  border: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}

/*------Global Date Picker------**/
.theme-light .bootstrap-datetimepicker-widget {
  background: #fff !important;
}
.theme-light .bootstrap-datetimepicker-widget ul li {
  background: #fff !important;
  border-bottom: 1px solid #ffffff !important;
}
.theme-light .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
  border-bottom: 6px solid #fff;
}
.theme-light .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
  border-bottom: 6px solid #fff;
}
.theme-light .bootstrap-datetimepicker-widget table td.old,
.theme-light .bootstrap-datetimepicker-widget table td.new {
  color: #ccc !important;
  background: #fafafa !important;
}
.theme-light .bootstrap-datetimepicker-widget table td.day {
  color: #000;
  background: #e5eaef;
}
.theme-light .bootstrap-datetimepicker-widget table td.day.today {
  color: #000;
  background: #e5eaef;
}
.theme-light .bootstrap-datetimepicker-widget table td.day.today::before {
  border-bottom-color: #000;
}
.theme-light .bootstrap-datetimepicker-widget table td.day.today:hover {
  background: #7800ff !important;
  color: #fff;
}
.theme-light .bootstrap-datetimepicker-widget table td.day.today:hover::before {
  border-bottom-color: #fff !important;
}
.theme-light .bootstrap-datetimepicker-widget table td.day.today.active {
  background: #7800ff !important;
  color: #fff;
}
.theme-light .bootstrap-datetimepicker-widget table td.day.today.active::before {
  border-bottom-color: #fff !important;
}
.theme-light .bootstrap-datetimepicker-widget table td.day.active {
  background: #7800ff;
  color: #fff;
}
.theme-light .bootstrap-datetimepicker-widget table td.day:hover {
  background: #7800ff !important;
  color: #fff;
}
.theme-light .bootstrap-datetimepicker-widget table th {
  color: #000;
}
.theme-light .bootstrap-datetimepicker-widget table th.prev,
.theme-light .bootstrap-datetimepicker-widget table th.next {
  background: #c5c5c5;
  color: #000 !important;
}
.theme-light .bootstrap-datetimepicker-widget table th.prev:hover,
.theme-light .bootstrap-datetimepicker-widget table th.next:hover {
  background: #7800ff !important;
  color: #fff !important;
}
.theme-light .bootstrap-datetimepicker-widget table thead tr:first-child th {
  color: #000;
}
.theme-light .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
  background: #fff;
}
.theme-light .bootstrap-datetimepicker-widget table td span.month {
  color: #000 !important;
  background: #e5eaef !important;
}
.theme-light .bootstrap-datetimepicker-widget table td span.month:hover {
  background: #7800ff !important;
  color: #fff !important;
}
.theme-light .bootstrap-datetimepicker-widget table td span.year {
  color: #000 !important;
  background: #e5eaef !important;
}
.theme-light .bootstrap-datetimepicker-widget table td span.year:hover {
  background: #7800ff !important;
  color: #fff !important;
}
.theme-light .bootstrap-datetimepicker-widget .datepicker-decades table.table-condensed td span.decade {
  color: #000 !important;
  background: #e5eaef !important;
}
.theme-light .bootstrap-datetimepicker-widget .datepicker-decades table.table-condensed td span.decade:hover {
  background: #7800ff !important;
  color: #fff !important;
}

/*------Control Center------*/
.theme-light .insightDatatable table thead tr th span.sort-toggle-btn {
  background: #fff;
  color: #000;
}
.theme-light .insightDatatable table thead tr th span.sort-toggle-btn.active {
  background: #c5c5c5;
  color: #000;
}
.theme-light .insightDatatable table tbody tr {
  border-bottom: solid 4px #ffffff;
  background: #f3f3f3;
  color: #000;
}
.theme-light .insightDatatable table tbody tr:hover {
  background: #e9e9e9;
}
.theme-light .insightDatatable table tbody tr.emptyrow {
  background: #fff;
}
.theme-light .insightDatatable table tbody tr.emptyrow:hover {
  background: #fff;
}
.theme-light .insightDatatable table tbody tr td span.useractions {
  background: #8b93a1;
}
.theme-light .insightDatatable table tbody tr td span.userTitleicon .myinsight-icon.normal {
  background: url(/bundles/admin/images/my-insight-dark-icon.svg) center center no-repeat;
}
.theme-light .insightDatatable table tbody tr td span.userTitleicon .myinsight-icon.normal:hover {
  background: url(/bundles/admin/images/my-insight-white-icon.svg) center center no-repeat #7800ff;
}
.theme-light .insightDatatable table tbody tr td span.userTitleicon .myinsight-icon.facts {
  background: url(/bundles/admin/images/facts-dark-icon.svg) center center no-repeat;
}
.theme-light .insightDatatable table tbody tr td span.userTitleicon .myinsight-icon.facts:hover {
  background: url(/bundles/admin/images/facts-dark-icon.svg) center center no-repeat;
}
.theme-light .insightDatatable table tbody tr td span.userTitleicon .ourinsight-icon.normal {
  background: url(/bundles/admin/images/our-insight-dark-icon.svg) center center no-repeat;
}
.theme-light .insightDatatable table tbody tr td span.userTitleicon .ourinsight-icon.normal:hover {
  background: url(/bundles/admin/images/our-insight-white-icon.svg) center center no-repeat #7800ff;
}
.theme-light .insightDatatable table tbody tr td span.userTitleicon .mymots-icon.normal {
  background: url(/bundles/map/images/my-mot-public-dark-icon.svg) center center no-repeat;
}
.theme-light .insightDatatable table tbody tr td span.userTitleicon .mymots-icon.normal:hover {
  background: url(/bundles/map/images/my-mot-public-icon.svg) center center no-repeat #7800ff;
}
.theme-light .insightDatatable table tbody tr td span.userTitleicon .ourmots-icon.normal {
  background: url(/bundles/map/images/our-mot-public-dark-icon.svg) center center no-repeat;
}
.theme-light .insightDatatable table tbody tr td span.userTitleicon .ourmots-icon.normal:hover {
  background: url(/bundles/map/images/our-mot-public-icon.svg) center center no-repeat #7800ff;
}
.theme-light .insightDatatable table tbody tr td span.userTitleicon .myimprove-icon.normal {
  background: url(/bundles/admin/images/insight-route-title-dark-icon.svg) center center no-repeat;
}
.theme-light .insightDatatable table tbody tr td span.userTitleicon .myimprove-icon.normal:hover {
  background: url(/bundles/admin/images/insight-route-title-dark-icon.svg) center center no-repeat;
}
.theme-light .insightDatatable table tbody tr td span.userTitleicon .myimprove-icon.actionicons {
  background: url(/bundles/admin/images/insight-action-robot-dark-icon.svg) center center no-repeat;
}
.theme-light .insightDatatable table tbody tr td span.userTitleicon .myimprove-icon.actionicons:hover {
  background: url(/bundles/admin/images/insight-action-robot-dark-icon.svg) center center no-repeat;
}
.theme-light .insightDatatable table tbody tr td span.userTitleicon .mychannel-icon.normal {
  background: url(/bundles/map/images/channel-icon-dark.svg) center center no-repeat;
}
.theme-light .insightDatatable table tbody tr td span.userTitleicon .mychannel-icon.normal:hover {
  background: url(/bundles/map/images/channel-icon-dark.svg) center center no-repeat;
}
.theme-light .insightDatatable table tbody tr td span.userlink {
  background: #c5c5c5;
}
.theme-light .insightDatatable table tbody tr td div.user-rating ul li::before {
  color: #c5c5c5;
  font: normal normal normal 12px/1 FontAwesome !important;
}
.theme-light .insightDatatable table tbody tr td div.user-rating ul li.active::before {
  color: #000;
}
.theme-light .insightDatatable table tbody tr.creatnew {
  background: transparent;
}
.theme-light .insightDatatable table tbody tr.creatnew td div {
  background: #fff !important;
  border: 1px dashed #c5c5c5 !important;
  color: #000 !important;
  box-shadow: none !important;
}
.theme-light .insightDatatable table tbody tr.creatnew td div:hover {
  border: 1px dashed #c5c5c5 !important;
  color: #000 !important;
  background: #f3f3f3 !important;
  box-shadow: none !important;
}
.theme-light .insightDatatable table tbody tr.creatnew.nodata td div:hover {
  background: #fff !important;
}
.theme-light .mapsTabs .nav-tabs {
  border-bottom: 1px solid #c5c5c5;
  background: #ffffff;
}
.theme-light .insightBlock .insightsMainblock {
  background: #ffffff;
}
.theme-light .user-rating-popup ul li::before {
  color: #c5c5c5;
}
.theme-light .user-rating-popup ul li.active::before {
  color: #000;
}
.theme-light .widgetStatuslifecycle .user-rating-popup.editMapInsight ul li.active::before {
  font: normal normal normal 12px/1 FontAwesome !important;
  top: 0px;
}
.theme-light .insightstextfields {
  border: 1px solid #c5c5c5 !important;
  background: #fff !important;
  color: #000 !important;
}
.theme-light .insightstextfields:focus {
  outline: none !important;
}
/*------Notification------*/
.theme-light .alert-map-useing {
  background: #fff;
  border: 0px solid #c5c5c5;
  color: #110A1A;
}
.theme-light .alert-map-useing ul li .content p.userinfo {
  color: #A294B5 !important;
  font-weight: 500;
}
.theme-light .alert-map-useing ul .viewAllNotify {
  color: #000;
}
.theme-light .alert-map-useing ul .viewAllNotify span {
  border-top: solid 0px #c5c5c5;
  color: #A294B5 !important;
}
.theme-light .alert-map-useing ul .viewAllNotify span:hover {
  color: #A294B5 !important;
}
.theme-light .notificationList,
.theme-light .modalscrollbar-notifications {
  background: #fff;
  border: 0px solid #c5c5c5;
}
.theme-light .notificationList .notify-title,
.theme-light .modalscrollbar-notifications .notify-title {
  color: #1f1829;
  border-bottom: 0px solid #c5c5c5;
}
.theme-light .notificationList li:hover,
.theme-light .modalscrollbar-notifications li:hover {
  background: #F2F2F2 !important;
}
.theme-light .notificationList li:focus, .theme-light .notificationList li:active, .theme-light .notificationList li:visited,
.theme-light .modalscrollbar-notifications li:focus,
.theme-light .modalscrollbar-notifications li:active,
.theme-light .modalscrollbar-notifications li:visited {
  background: #DEDDDF !important;
}
.theme-light .notificationList li.selected,
.theme-light .modalscrollbar-notifications li.selected {
  background: #F2F2F2 !important;
  border: 0px solid #fff !important;
}
.theme-light .notificationList li.selected.newmenu .dropdown-item .collapsemaindiv .notify-subTitle,
.theme-light .modalscrollbar-notifications li.selected.newmenu .dropdown-item .collapsemaindiv .notify-subTitle {
  white-space: normal !important;
}
.theme-light .notificationList li.nonotific p,
.theme-light .modalscrollbar-notifications li.nonotific p {
  color: #a294b5 !important;
  font-weight: 600;
}
.theme-light .notificationList li.nonotific:hover,
.theme-light .modalscrollbar-notifications li.nonotific:hover {
  background: transparent !important;
}
.theme-light .notificationList li .dropdown-item .notificationText,
.theme-light .modalscrollbar-notifications li .dropdown-item .notificationText {
  color: #000;
}
.theme-light .notificationList li .dropdown-item .collapsemaindiv .notify-subTxt,
.theme-light .notificationList li .dropdown-item .collapsemaindiv .notify-subTitle,
.theme-light .modalscrollbar-notifications li .dropdown-item .collapsemaindiv .notify-subTxt,
.theme-light .modalscrollbar-notifications li .dropdown-item .collapsemaindiv .notify-subTitle {
  color: #110a1a;
}
.theme-light .notificationList li .dropdown-item .collapsemaindiv .notifyOwner,
.theme-light .modalscrollbar-notifications li .dropdown-item .collapsemaindiv .notifyOwner {
  color: #a294b5;
  font-weight: 500;
}
.theme-light .notificationList li .dropdown-item .activeIindicationouter.inactive,
.theme-light .modalscrollbar-notifications li .dropdown-item .activeIindicationouter.inactive {
  background: transparent;
}
.theme-light .notificationList li .dropdown-item .activeIindicationouter.active,
.theme-light .modalscrollbar-notifications li .dropdown-item .activeIindicationouter.active {
  background: transparent;
}
.theme-light .notificationList li .dropdown-item .activeIindicationouter.active .activeIindication,
.theme-light .modalscrollbar-notifications li .dropdown-item .activeIindicationouter.active .activeIindication {
  background: transparent;
  border: solid 1px #a294b5;
}
.theme-light .notificationList li .dropdown-item .activeIindicationouter:hover,
.theme-light .modalscrollbar-notifications li .dropdown-item .activeIindicationouter:hover {
  border: 15px solid transparent !important;
}
.theme-light .notificationList li .dropdown-item .deleteNotify i,
.theme-light .modalscrollbar-notifications li .dropdown-item .deleteNotify i {
  width: 26px;
  height: 26px;
  text-align: center;
}
.theme-light .notificationList li .dropdown-item .deleteNotify i:hover,
.theme-light .modalscrollbar-notifications li .dropdown-item .deleteNotify i:hover {
  background: #6f0008 !important;
  color: #fff !important;
}
.theme-light .notificationList .viewallnotify,
.theme-light .modalscrollbar-notifications .viewallnotify {
  color: #000 !important;
  border-top: 1px solid #c5c5c5;
}
.theme-light .notificationList .viewallnotify:hover,
.theme-light .modalscrollbar-notifications .viewallnotify:hover {
  background: #c5c5c5 !important;
  color: #000 !important;
}
.theme-light .savedLoaderbtn {
  background: transparent !important;
}
.theme-light .savedLoaderbtn p {
  color: #fff !important;
}

/*------Filter Bar------*/
.theme-light .custom-tabs .nav-tabs .vue-horizontal {
  background: #ffffff;
}
.theme-light .custom-tabs .nav-tabs .nav-item a.nav-link.active {
  color: #000;
}
.theme-light .custom-tabs .nav-tabs .nav-item a.nav-link.active::before {
  background: #000;
}
.theme-light .custom-tabs .nav-tabs .nav-item a.nav-link.active img.icon-user.light-active {
  display: inline-block !important;
}
.theme-light .custom-tabs .nav-tabs .nav-item a.nav-link.active img.icon-user.normal, .theme-light .custom-tabs .nav-tabs .nav-item a.nav-link.active img.icon-user.dark-active {
  display: none !important;
}
.theme-light .custom-tabs li .custom-tab-3dotsmenu .dropdown span {
  background: transparent !important;
}
.theme-light .custom-tabs li .custom-tab-3dotsmenu .dropdown span img.light {
  display: block;
}
.theme-light .custom-tabs li .custom-tab-3dotsmenu .dropdown span img.dark {
  display: none;
}
.theme-light .custom-tabs li .custom-tab-3dotsmenu .dropdown span:hover {
  background: #7800ff;
}
.theme-light .custom-tabs li .custom-tab-3dotsmenu .dropdown .dropmenu-tabs {
  border: 1px solid #c5c5c5;
  background: #fff !important;
  border-bottom: solid 0px #000 !important;
}
.theme-light .custom-tabs li .custom-tab-3dotsmenu .dropdown .dropmenu-tabs a {
  border-bottom: 1px solid #c5c5c5 !important;
  color: #000 !important;
}
.theme-light .custom-tabs li .custom-tab-3dotsmenu .dropdown .dropmenu-tabs a:hover, .theme-light .custom-tabs li .custom-tab-3dotsmenu .dropdown .dropmenu-tabs a:focus, .theme-light .custom-tabs li .custom-tab-3dotsmenu .dropdown .dropmenu-tabs a:visited, .theme-light .custom-tabs li .custom-tab-3dotsmenu .dropdown .dropmenu-tabs a:active {
  color: #000 !important;
  background: #f3f3f3 !important;
}
.theme-light .custom-tabs li .custom-tab-3dotsmenu .dropdown .dropmenu-tabs a.delete:hover, .theme-light .custom-tabs li .custom-tab-3dotsmenu .dropdown .dropmenu-tabs a.delete:focus, .theme-light .custom-tabs li .custom-tab-3dotsmenu .dropdown .dropmenu-tabs a.delete:visited, .theme-light .custom-tabs li .custom-tab-3dotsmenu .dropdown .dropmenu-tabs a.delete:active {
  color: #fff !important;
  background: #6f0008 !important;
}
.theme-light .custom-tabs li .custom-tab-3dotsmenu .dropdown .dropmenu-tabs a.add:hover, .theme-light .custom-tabs li .custom-tab-3dotsmenu .dropdown .dropmenu-tabs a.add:focus, .theme-light .custom-tabs li .custom-tab-3dotsmenu .dropdown .dropmenu-tabs a.add:visited, .theme-light .custom-tabs li .custom-tab-3dotsmenu .dropdown .dropmenu-tabs a.add:active {
  color: #fff !important;
  background: #7800ff !important;
}
.theme-light .custom-tabs li .custom-tab-3dotsmenu .dropdown .dropmenu-tabs a.activatecolor:hover, .theme-light .custom-tabs li .custom-tab-3dotsmenu .dropdown .dropmenu-tabs a.activatecolor:focus, .theme-light .custom-tabs li .custom-tab-3dotsmenu .dropdown .dropmenu-tabs a.activatecolor:visited, .theme-light .custom-tabs li .custom-tab-3dotsmenu .dropdown .dropmenu-tabs a.activatecolor:active {
  color: #fff !important;
  background: #0ba32d !important;
}
.theme-light .custom-tabs li .custom-tab-3dotsmenu .dropdown .dropmenu-tabs a.deactivatecolor:hover, .theme-light .custom-tabs li .custom-tab-3dotsmenu .dropdown .dropmenu-tabs a.deactivatecolor:focus, .theme-light .custom-tabs li .custom-tab-3dotsmenu .dropdown .dropmenu-tabs a.deactivatecolor:visited, .theme-light .custom-tabs li .custom-tab-3dotsmenu .dropdown .dropmenu-tabs a.deactivatecolor:active {
  color: #fff !important;
  background: #ae6725 !important;
}
.theme-light .custom-tabs li.scroll-arrow.prev-arrow {
  background: linear-gradient(90deg, #ffffff 45%, rgba(17, 10, 26, 0) 100%) !important;
}
.theme-light .custom-tabs li.scroll-arrow.next-arrow {
  background: linear-gradient(-90deg, #ffffff 70%, rgba(17, 10, 26, 0) 100%) !important;
}
.theme-light .custom-tabs li.scroll-arrow.inActive {
  color: #c5c5c5;
}
.theme-light .custom-tabs li.scroll-arrow.inActive:hover {
  color: #c5c5c5;
}
.theme-light .custom-tabs li.scroll-arrow.active {
  color: #000;
}
.theme-light .custom-tabs li.scroll-arrow.active:hover {
  color: #7800ff;
}
.theme-light .v-popper--theme-dropdown .v-popper__inner {
  background: #d8d8d8 !important;
  color: #e50808 !important;
}
.theme-light .v-popper--theme-dropdown .v-popper__inner div input {
  background: #fff !important;
  color: #000 !important;
}
.theme-light .v-popper--theme-dropdown .v-popper__arrow {
  border-color: #d8d8d8 !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-top-color: transparent !important;
}
.theme-light .hoverfilterBar::before {
  background: white;
  background: radial-gradient(circle, rgba(255, 255, 255, 0) 50%, white 100%);
}
.theme-light .vue-horizontal.hoverzindex::before {
  background: whitesmoke;
  background: linear-gradient(90deg, white 50%, rgba(255, 255, 255, 0) 100%);
}
.theme-light .m-search-box span.searchicon i {
  color: #000 !important;
}
.theme-light .m-search-box {
  width: auto;
  height: 25px;
  position: relative;
  margin: 0px;
}
.theme-light .m-search-box.noclear input {
  padding-right: 5px !important;
}
.theme-light .m-search-box.lighterbg input {
  background: #fff !important;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0) !important;
  border: 1px solid #c5c5c5 !important;
  color: #000 !important;
}
.theme-light .m-search-box.lighterbg input::placeholder {
  color: #c5c5c5 !important;
}
.theme-light .m-search-box.lighterbg input:hover {
  background: #fff !important;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0) !important;
}
.theme-light .m-search-box.lighterbg input:hover::placeholder {
  color: #c5c5c5 !important;
}
.theme-light .m-search-box.lighterbg input:focus {
  background: #e5eaef !important;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0) !important;
}
.theme-light .m-search-box.lighterbg input:focus::placeholder {
  color: #c5c5c5 !important;
}
.theme-light .m-search-box.lighterbg input:focus + span.searchicon i {
  color: #000 !important;
}
.theme-light .m-search-box span.clearsearchicon:hover {
  color: #fff !important;
}
.theme-light .m-fiterbuttonBar .filterOptions .filterMianSection .filterOrderBg,
.theme-light .mymapsFilterOptionsMain .filterOptions .filterMianSection .filterOrderBg {
  background: #fff;
  border: solid 1px #c5c5c5;
}
.theme-light .m-fiterbuttonBar .filterOptions .filterMianSection .filterOrderBg span.filter-cicon,
.theme-light .mymapsFilterOptionsMain .filterOptions .filterMianSection .filterOrderBg span.filter-cicon {
  background: url(/bundles/map/images/filter-dark-icon.svg) no-repeat;
}
.theme-light .mapsTabs .nav-tabs .nav-item a {
  color: #7b6c8f;
}
.theme-light .customlistDropdown .bootstrap-select.form-control {
  background: #fff !important;
  border: solid 1px #c5c5c5 !important;
}
.theme-light .customlistDropdown .bootstrap-select.form-control:hover {
  background: #fff !important;
}
.theme-light .customlistDropdown .form-group .m-select-dropdown-sm button {
  background: #26202e;
  color: #000;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.2) !important;
}
.theme-light .customlistDropdown .form-group .m-select-dropdown-sm .dropdown-menu .bs-actionsbox {
  border: 1px solid #c5c5c5;
  background: #e5eaef !important;
}
.theme-light .customlistDropdown .form-group .m-select-dropdown-sm .dropdown-menu .bs-actionsbox .btn-group {
  color: #000;
}
.theme-light .customlistDropdown .form-group .m-select-dropdown-sm .dropdown-menu .bs-actionsbox .btn-group button {
  background: #e5eaef !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}
.theme-light .customlistDropdown .form-group .m-select-dropdown-sm .dropdown-menu .bs-actionsbox .btn-group button:hover, .theme-light .customlistDropdown .form-group .m-select-dropdown-sm .dropdown-menu .bs-actionsbox .btn-group button:active, .theme-light .customlistDropdown .form-group .m-select-dropdown-sm .dropdown-menu .bs-actionsbox .btn-group button:focus, .theme-light .customlistDropdown .form-group .m-select-dropdown-sm .dropdown-menu .bs-actionsbox .btn-group button:visited {
  color: #000 !important;
}
.theme-light .customlistDropdown .form-group .m-select-dropdown-sm .dropdown-menu li {
  background: #fff;
}
.theme-light .customlistDropdown .form-group .m-select-dropdown-sm .dropdown-menu li:hover {
  background: #e5eaef !important;
}
.theme-light .motIconList .KPIwidgetArea {
  border: 1px solid #c5c5c5;
  background: transparent;
}
.theme-light .motIconList .KPIwidgetArea .kpitopsection {
  border: 0px solid #c5c5c5;
  border-bottom: 1px solid #c5c5c5 !important;
}
.theme-light .motIconList .KPIwidgetArea .iconSelect .selectedicon {
  border: 1px solid #c5c5c5 !important;
  background: #ffffff !important;
}
.theme-light .motIconList .iconListview {
  color: #000;
}

/*------Left Filter Bar------*/
.theme-light .m-slidebar-height.bg-color {
  background: #e5eaef;
}
.theme-light .insightsaccordion .insightFilterMenu ul li a {
  color: #000;
}
.theme-light .insightsaccordion .insightFilterMenu #accordion .card.bdrbottomhead {
  border-bottom: solid 1px #c5c5c5 !important;
}
.theme-light .insightsaccordion .insightFilterMenu #accordion .card.bdrtophead {
  border-top: solid 1px #c5c5c5 !important;
}
.theme-light .insightsaccordion .insightFilterMenu #accordion .card .card-header.bdrtophead {
  border-top: solid 1px #c5c5c5 !important;
}
.theme-light .insightsaccordion .insightFilterMenu #accordion .card .card-header h5.mb-0 > a.mainhead:hover {
  background: #d8d8d8;
}
/*-----Maps Screen-----*/
.theme-light .tabsFilter,
.theme-light .headingrow {
  background: #ffffff !important;
}
.theme-light .headingrow .milkyTablerowMain {
  border: solid 1px #ffffff;
}
.theme-light .headingrow .milkyTablerowMain .table thead th span.sort-toggle-btn {
  background: transparent !important;
  color: #000;
  font-weight: 600;
}
.theme-light .headingrow .milkyTablerowMain .table thead th span.sort-toggle-btn.active {
  background: #c5c5c5 !important;
  color: #000;
  font-weight: 600;
}
.theme-light .milkyTablerow {
  background: #f3f3f3;
}
.theme-light .milkyTablerow.createMaprow .milkyTablerowInner {
  background: #ffffff;
}
.theme-light .milkyTablerow.createMaprow .milkyTablerowInner .milkyTablerowMain {
  background: #fff !important;
  border: 1px dashed #c5c5c5 !important;
  color: #000 !important;
  box-shadow: none !important;
}
.theme-light .milkyTablerow.createMaprow .milkyTablerowInner .milkyTablerowMain:hover {
  border: 1px dashed #c5c5c5 !important;
  color: #000 !important;
  background: #f3f3f3 !important;
  box-shadow: none !important;
}
.theme-light .milkyTablerow.normal_table .milkyCheckbox .compareCheck .checkmark, .theme-light .milkyTablerow.mymaps_table .milkyCheckbox .compareCheck .checkmark, .theme-light .milkyTablerow.Parent_table .milkyCheckbox .compareCheck .checkmark {
  background: #fff;
}
.theme-light .milkyTablerow.childCreateRow {
  background: #ffffff;
}
.theme-light .milkyTablerow.childCreateRow.createMaprow .milkyTablerowMain {
  background: #fff !important;
  border: 1px dashed #c5c5c5 !important;
  color: #000 !important;
  box-shadow: none !important;
}
.theme-light .milkyTablerow.childCreateRow.createMaprow .milkyTablerowMain:hover {
  border: 1px dashed #c5c5c5 !important;
  color: #000 !important;
  background: #f3f3f3 !important;
  box-shadow: none !important;
}
.theme-light .milkyTablerow:hover {
  background: #e9e9e9 !important;
}
.theme-light .milkyTablerow:hover .profileChecked.checkboxshow.milkyCheckbox {
  background: #e9e9e9;
}
.theme-light .milkyTablerow.headingrow:hover {
  background: transparent !important;
}
.theme-light .milkyTablerowMain {
  border: solid 1px #f3f3f3;
}
.theme-light .milkyTablerowMain td.createdDates {
  color: #000 !important;
}
.theme-light .milkyTablerowMain td.greyBgButton button {
  background: #ddd;
  color: #000;
}
.theme-light .milkyTablerowMain td.greyBgButton .greyBGsegmentBrand {
  background: #ddd;
  color: #000;
}
.theme-light .milkyTablerowMain td.greyBgButton .greyBGsegmentBrand span.segmentName {
  color: #000;
}
.theme-light .milkyTablerowMain td.greyBgButton .greyBGsegmentBrand .brandNumber,
.theme-light .milkyTablerowMain td.greyBgButton .greyBGsegmentBrand .segmentNumber {
  background: #b9b2b2;
  color: #000;
}
.theme-light .compareHeadingblock {
  background: #ddd;
  border: 1px solid #ddd;
}
.theme-light .compareHeadingblock .close {
  color: #000;
}
.theme-light .profileChecked {
  background: #ffffff;
}
.theme-light .profileChecked.userIconBg .parentArrow {
  background: transparent !important;
}
.theme-light .profileChecked.userIconBg .parentArrow:hover {
  background: transparent !important;
}
.theme-light .profileChecked.checkboxshow {
  background: #ffffff;
}
.theme-light .profileChecked.checkboxshow.milkyCheckbox {
  background: #f3f3f3;
}
.theme-light .parentArrow .parent-toggle-menu {
  background: url(/bundles/map/images/arrow-icon-down-dark.svg) no-repeat;
  transform: rotate(180deg);
}
.theme-light .parentArrow.collapsed .parent-toggle-menu {
  background: url(/bundles/map/images/arrow-icon-down-dark.svg) no-repeat;
  transform: rotate(0deg);
}
.theme-light .selectedCompare.Parent_table .milkyTablerowMain, .theme-light .selectedCompare.normal_table .milkyTablerowMain {
  border: solid 1px #e0c4ff !important;
}
.theme-light .selectedCompare.Child_table .milkyTablerowMain {
  border: solid 1px #e0c4ff !important;
}
.theme-light .selectedCompare.Child_table .milkyTablerowMain .milkyCheckbox {
  border-left: solid 1px #e0c4ff !important;
}
.theme-light .Child_table .profileChecked.checkboxshow.milkyCheckbox {
  border-left: solid 1px #f3f3f3;
}
.theme-light .milkypresentIcon .icon,
.theme-light .milkyeditIcon .icon {
  background: #8b93a1;
}
.theme-light .milkypresentIcon .icon:hover,
.theme-light .milkyeditIcon .icon:hover {
  background: #7800ff;
}
.theme-light .milkyDotsmenu .dropdown span {
  width: 24px;
  height: 24px;
}

/*-----Compare Maps-----*/
.theme-light .mymapsFilterOptionsMain {
  border: none !important;
}
.theme-light .campareTabsFilter,
.theme-light .stickyMaps,
.theme-light .compare_width10 {
  background: #ffffff !important;
}
.theme-light .compreMapsDetailInner .compareRow .compareBox .compareData {
  background: #d8d8d8 !important;
}
.theme-light .compreMapsDetailInner .compareRow .compareBox .compareData .textCompare {
  border-bottom: 10px solid #fff;
  color: #000;
}
.theme-light .compreMapsDetailInner .compareRow .compareBox .compareData .textCompare .usericon {
  background: #f3f3f3;
}
.theme-light .compreMapsDetailInner .compareRow .compareBox .compareData:hover .compareHoverdrag {
  background: rgba(119, 0, 255, 0.43);
}
.theme-light .owners-table {
  color: #000;
}
.theme-light .brands-bg,
.theme-light .compareBgfull {
  background: #f3f3f3 !important;
  color: #000;
  box-shadow: none !important;
}
.theme-light .compareinsightMain .compareinsightlist,
.theme-light .compareData .compareIndividual .curveLabel.noLabel {
  background: #000;
  color: #fff;
  box-shadow: none;
}
.theme-light .compareInsightBox .insightwidgetBoxMain .widgetDispayBox .widgetData .personBox {
  border-radius: 0px;
}
.theme-light .compareInsightBox .insightwidgetBoxMain .widgetDispayBox .widgetData .personBox:hover {
  border-radius: 0px;
}
.theme-light .motcompareEpisodeData ol li {
  border-bottom: solid 1px #c5c5c5;
}
.theme-light .motcompareEpisodeData ol li::before {
  background: #8b93a1;
}
.theme-light .motcompareEpisodeData ol li.episodeMOT .compareMOT .insightwidgetBoxMain {
  border-bottom: solid 1px #c5c5c5;
}
.theme-light .motcompareEpisodeData ol li.episodeMOT .compareMOT .insightwidgetBoxMain .widgetDispayBox .widgetData .motbox {
  box-shadow: none !important;
}
.theme-light .motcompareEpisodeData ol li.episodeMOT .compareMOT .insightwidgetBoxMain .widgetDispayBox .widgetData .motbox:hover {
  box-shadow: none !important;
}
.theme-light .motcompareEpisodeData ol li.episodeMOT .compareMOT:nth-of-type(1) .insightwidgetBoxMain {
  border-top: solid 1px #c5c5c5;
}
.theme-light .insightCompare .insights-toggle-menu {
  background: url(/bundles/map/images/arrow-icon-down-dark.svg) no-repeat;
  transform: rotate(180deg);
}
.theme-light .insightCompare.collapsed .insights-toggle-menu {
  background: url(/bundles/map/images/arrow-icon-down-dark.svg) no-repeat;
  transform: rotate(0deg);
}

/*---Global Modal Popups--*/
.theme-light .mainModal .modal-content {
  border: 1px solid #c5c5c5 !important;
  border-radius: 0px;
  color: #000 !important;
}
.theme-light .mainModal .modal-content .modal-header {
  background: #ffffff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2) !important;
}
.theme-light .mainModal .modal-content .modal-header .modal-title {
  color: #000 !important;
}
.theme-light .mainModal .modal-content .modal-header .close:hover {
  background: #000;
  color: #fff !important;
  opacity: 1 !important;
}
.theme-light .mainModal .modal-content .modal-header .close span {
  color: #000 !important;
}
.theme-light .mainModal .modal-content .modal-header .close:hover span {
  color: #fff !important;
}
.theme-light .mainModal .modal-content .modal-body {
  background: #ffffff !important;
  border-top: 1px solid #c5c5c5 !important;
}
.theme-light .mainModal .modal-content .modal-body.kpiBody .kpiBodyPopup .jouneyList .customerjourneyboxlist {
  background: #8b93a1;
  color: #fff;
}
.theme-light .mainModal .modal-content .modal-body.kpiBody .kpiBodyPopup .definatioScorebox .kpiboxview .headingkpi {
  border-bottom: solid 1px #c5c5c5;
  color: #000;
}
.theme-light .mainModal .modal-content .modal-body.kpiBody .kpiBodyPopup .definatioScorebox .kpiboxview .kpiviewdata {
  color: #000 !important;
}
.theme-light .mainModal .modal-content .modal-body.kpiBody .kpiBodyPopup .definatioScorebox .kpiboxview .kpigraphsvg .rs-tooltip-text {
  color: #000 !important;
}
.theme-light .mainModal .modal-content .modal-body.kpiBody .kpiBodyPopup .definatioScorebox .kpiboxview .customerjourneyboxlist {
  background: #8b93a1;
  color: #fff;
  cursor: pointer;
}
.theme-light .mainModal .modal-content .modal-body.kpiBody .kpiBodyPopup .definatioScorebox .kpiboxview .datesbox .datesLeft .linedots {
  background: #625d69;
}
.theme-light .mainModal .modal-content .modal-body.kpiBody .kpiBodyPopup .definatioScorebox .kpiboxview .datesbox .datesLeft .linedots::before {
  background: #625d69;
}
.theme-light .mainModal .modal-content .modal-body.kpiBody .kpiBodyPopup .definatioScorebox .kpiboxview .datesbox .datesLeft .linedots::after {
  background: #625d69;
}
.theme-light .mainModal .modal-content .modal-body.kpiBody .kpiBodyPopup .definatioScorebox .kpiboxview .datesbox .datesRight {
  color: #625d69;
}
.theme-light .mainModal .modal-content .modal-body.kpiBody .kpiBodyPopup .definatioScorebox .kpi-inputtextrow .form-row .form-group .rangeboxwidth label {
  color: #625d69;
}
.theme-light .mainModal .modal-content .modal-body.kpiBody .kpiBodyPopup .definatioScorebox .kpi-inputtextrow .form-row .form-group span.colorpickScore {
  border: solid 1px #c5c5c5;
}
.theme-light .mainModal .modal-content .modal-body.kpiBody .kpiBodyPopup .definatioScorebox .kpi-inputtextrow .vue-swatches__container {
  background: #fff !important;
  border: solid 1px #c5c5c5 !important;
}
.theme-light .mainModal .modal-content .modal-body.kpiBody .kpiBodyPopup .definatioScorebox .kpi-inputtextrow .vue-swatches__container .vue-swatches__fallback__input {
  background: #e5eaef !important;
  border: 1px solid #e5eaef !important;
  cursor: pointer;
}
.theme-light .mainModal .modal-content .modal-body.personasBody .personaBodyPopup .popBoxPersona .form-row.personasPopdropdown .form-group .m-select-dropdown-sm.form-control {
  background: #ffffff !important;
  color: #000;
}
.theme-light .mainModal .modal-content .modal-body.personasBody .personaBodyPopup .popBoxPersona .form-row.personasPopdropdown .form-group .m-select-dropdown-sm.form-control .dropdown-toggle {
  background: #ffffff !important;
  color: #000;
  border: solid 1px #c5c5c5 !important;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.2) !important;
}
.theme-light .mainModal .modal-content .modal-body.personasBody .personaBodyPopup .popBoxPersona .form-row.personasPopdropdown .form-group .m-select-dropdown-sm.form-control .dropdown-toggle:focus {
  outline: none !important;
}
.theme-light .mainModal .modal-content .modal-body.personasBody .personaBodyPopup .popBoxPersona .form-row.personasPopdropdown .form-group .m-select-dropdown-sm.form-control .dropdown-toggle:active {
  border: solid 1px #c5c5c5 !important;
}
.theme-light .mainModal .modal-content .modal-body.personasBody .personaBodyPopup .popBoxPersona .form-row.personasPopdropdown .form-group .m-select-dropdown-sm.form-control .dropdown-menu.show {
  border-top: solid 1px #c5c5c5 !important;
}
.theme-light .mainModal .modal-content .modal-body.personasBody .personaBodyPopup .popBoxPersona .form-row.personasPopdropdown .form-group .m-select-dropdown-sm.form-control .dropdown-menu ul.inner {
  border-top: solid 0px #c5c5c5 !important;
}
.theme-light .mainModal .modal-content .modal-body.personasBody .personaBodyPopup .popBoxPersona .form-row.personasPopdropdown .form-group .m-select-dropdown-sm.form-control .dropdown-menu ul li {
  background: #ffffff !important;
  color: #000;
  border-bottom: solid 0px #c5c5c5;
}
.theme-light .mainModal .modal-content .modal-body.personasBody .personaBodyPopup .popBoxPersona .form-row.personasPopdropdown .form-group .m-select-dropdown-sm.form-control .dropdown-menu ul li a {
  font-weight: 500;
  border-right: solid 0px #c5c5c5;
}
.theme-light .mainModal .modal-content .modal-body.personasBody .personaBodyPopup .popBoxPersona .form-row.personasPopdropdown .form-group .m-select-dropdown-sm.form-control .dropdown-menu ul li a.d-none {
  border-bottom: 0px #c5c5c5 !important;
}
.theme-light .mainModal .modal-content .modal-body.personasBody .personaBodyPopup .popBoxPersona .form-row.personasPopdropdown .form-group .m-select-dropdown-sm.form-control .dropdown-menu ul li a.active {
  background: #f3f3f3 !important;
  color: #000;
}
.theme-light .mainModal .modal-content .modal-body.personasBody .personaBodyPopup .popBoxPersona .form-row.personasPopdropdown .form-group .m-select-dropdown-sm.form-control .dropdown-menu ul li a:hover {
  background: #f3f3f3 !important;
  color: #000;
}
.theme-light .mainModal .modal-content .modal-body.personasBody .personaBodyPopup .popBoxPersona .form-row.personasPopdropdown .form-group .m-select-dropdown-sm.form-control .dropdown-toggle {
  border: none !important;
  padding-top: 3px !important;
  padding-bottom: 3px !important;
  box-shadow: none !important;
  background: transparent !important;
}
.theme-light .mainModal .modal-content .modal-body.personasBody .personaBodyPopup .popBoxPersona .form-row.personasPopdropdown .form-group .m-select-dropdown-sm.form-control .dropdown-toggle::after {
  top: -1px;
  color: #000;
}
.theme-light .mainModal .modal-content .modal-body.personasBody .personaBodyPopup .popBoxPersona .form-row.personasPopdropdown .form-group .m-select-dropdown-sm.form-control .dropdown-toggle:active {
  border: none !important;
}
.theme-light .mainModal .modal-content .modal-body.personasBody .personaBodyPopup .popBoxPersona .form-row.personasPopdropdown .form-group .m-select-dropdown-sm .dropdown-menu ul li a {
  border-right: solid 0px #c5c5c5 !important;
}
.theme-light .mainModal .modal-content .modal-body.personasBody .personaBodyPopup .popBoxPersona .form-row.personasPopdropdown .form-group .m-select-dropdown-sm .dropdown-menu .bs-actionsbox {
  background: #e5eaef !important;
  border: solid 1px #c5c5c5 !important;
  border-bottom: 1px solid #c5c5c5 !important;
}
.theme-light .mainModal .modal-content .modal-body.personasBody .personaBodyPopup .popBoxPersona .form-row.personasPopdropdown .form-group .m-select-dropdown-sm .dropdown-menu .bs-actionsbox .btn-group {
  border-top: 2px solid #c5c5c5 !important;
}
.theme-light .mainModal .modal-content .modal-body.personasBody .personaBodyPopup .popBoxPersona .form-row.personasPopdropdown .form-group .m-select-dropdown-sm .dropdown-menu .bs-actionsbox .btn-group button {
  color: #000 !important;
  background: #e5eaef !important;
  border-bottom: 0px solid #c5c5c5 !important;
  font-weight: 600;
}
.theme-light .mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .iconswithBG li {
  box-shadow: none !important;
  border: solid 0px #c5c5c5 !important;
}
.theme-light .mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .iconswithBG li.addBtn {
  background: transparent !important;
  border: 1px solid transparent !important;
}
.theme-light .mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .m-select-dropdown-sm.form-control {
  background: #ffffff !important;
  color: #000;
}
.theme-light .mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .m-select-dropdown-sm.form-control .dropdown-toggle {
  background: #ffffff !important;
  color: #000;
  border: solid 1px #c5c5c5 !important;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.2) !important;
}
.theme-light .mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .m-select-dropdown-sm.form-control .dropdown-toggle:focus {
  outline: none !important;
}
.theme-light .mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .m-select-dropdown-sm.form-control .dropdown-toggle:active {
  border: solid 1px #c5c5c5 !important;
}
.theme-light .mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .m-select-dropdown-sm.form-control .dropdown-menu.show {
  border-top: solid 1px #c5c5c5 !important;
}
.theme-light .mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .m-select-dropdown-sm.form-control .dropdown-menu ul.inner {
  border-top: solid 0px #c5c5c5 !important;
}
.theme-light .mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .m-select-dropdown-sm.form-control .dropdown-menu ul li {
  background: #ffffff !important;
  color: #000;
  border-bottom: solid 0px #c5c5c5;
}
.theme-light .mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .m-select-dropdown-sm.form-control .dropdown-menu ul li a {
  font-weight: 500;
  border-right: solid 0px #c5c5c5;
}
.theme-light .mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .m-select-dropdown-sm.form-control .dropdown-menu ul li a.d-none {
  border-bottom: 0px #c5c5c5 !important;
}
.theme-light .mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .m-select-dropdown-sm.form-control .dropdown-menu ul li a.active {
  background: #f3f3f3 !important;
  color: #000;
}
.theme-light .mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .m-select-dropdown-sm.form-control .dropdown-menu ul li a:hover {
  background: #f3f3f3 !important;
  color: #000;
}
.theme-light .mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .m-select-dropdown-sm.form-control .dropdown-toggle {
  border: none !important;
  padding-top: 3px !important;
  padding-bottom: 3px !important;
  background: transparent !important;
  box-shadow: none !important;
}
.theme-light .mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .m-select-dropdown-sm.form-control .dropdown-toggle::after {
  top: -1px !important;
  color: #000;
}
.theme-light .mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .m-select-dropdown-sm.form-control .dropdown-toggle:active {
  border: none !important;
}
.theme-light .mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .m-select-dropdown-sm .dropdown-menu .bs-actionsbox {
  background: #e5eaef !important;
  border: solid 1px #c5c5c5 !important;
  border-bottom: 1px solid #c5c5c5 !important;
}
.theme-light .mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .m-select-dropdown-sm .dropdown-menu .bs-actionsbox .btn-group {
  border-top: 2px solid #c5c5c5 !important;
}
.theme-light .mainModal .modal-content .modal-body .insightsBody .insightpopbox.width2 .form-group .m-select-dropdown-sm .dropdown-menu .bs-actionsbox .btn-group button {
  color: #000 !important;
  background: #e5eaef !important;
  border-bottom: 0px solid #c5c5c5 !important;
}
.theme-light .mainModal .modal-content .modal-body .actionControlBody {
  background: #d8d8d8;
}
.theme-light .mainModal .modal-content .modal-body .actionControlBody h5 {
  color: #000;
}
.theme-light .mainModal .modal-content .modal-body .actionControlBody.emptyactions .emptyactionbox {
  background: rgba(229, 234, 239, 0.7);
}
.theme-light .mainModal .modal-content .modal-body .actionControlBody table tbody tr {
  border-bottom: solid 4px #d8d8d8;
  background: #f3f3f3;
}
.theme-light .mainModal .modal-content .modal-body .actionControlBody table tbody tr.creatnew {
  background: transparent !important;
}
.theme-light .mainModal .modal-content .modal-body .actionControlBody table tbody tr:hover {
  background: #fff;
}
.theme-light .mainModal .modal-content .modal-footer {
  background: #ffffff !important;
  border-top: 1px solid #c5c5c5 !important;
}
.theme-light .popbtmGradbg {
  background: linear-gradient(rgba(0, 0, 0, 0) 0%, #f3f3f3 100%) !important;
}
.theme-light .personaJourneyBody {
  background: #d8d8d8 !important;
}
.theme-light .personaViewScroll,
.theme-light .bdr-btm-21 {
  border-bottom: solid 21px #f3f3f3 !important;
}
.theme-light .targetswitch .targetspan {
  color: #625d69;
}
.theme-light .mainfont {
  color: #000;
}
.theme-light .mainfont .personaViewData li {
  background: #e5eaef;
  border: 1px solid #e5eaef;
  color: #000;
}
.theme-light .mainfont .personaViewData li.journeyBg {
  background: #8b93a1;
}
.theme-light .mainfont span.popdoc a {
  color: #000;
}
.theme-light .brandsBox ul li {
  background: #fff;
  padding: 2px 0px;
  height: 30px;
  border: solid 1px #c5c5c5;
}
.theme-light .brandsBox ul li.addbrandBtn {
  border: solid 0px #c5c5c5 !important;
}
.theme-light .mediaddImage {
  background: #fff !important;
  border: 1px solid #c5c5c5 !important;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
}
.theme-light .mediaddImage .mediaimageInner {
  background: #f3f3f3;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
}
.theme-light .mediaddImage .mediaimageInner label .media-icon {
  background: url(/bundles/map/images/media-icon.svg) no-repeat !important;
}
.theme-light .mediaddImage .mediaimageInner:hover {
  background: #d8d8d8;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
}
.theme-light .statusbtn button {
  background: #e5eaef;
  color: #000;
}
.theme-light .statusbtn .dropdown-menu {
  background: #fff;
  border: 1px solid #c5c5c5;
}
.theme-light .statusbtn .dropdown-menu .statusbox li span {
  color: #000;
}
.theme-light .statusbtn .dropdown-menu .statusbox li:hover {
  background: #e5eaef;
}
.theme-light .statusbox .statusMainarea.done, .theme-light .statusbox .statusMainarea.todo, .theme-light .statusbox .statusMainarea.inprogress {
  color: #fff !important;
}
.theme-light .insightpopbox h4.title {
  color: #000;
  font-weight: 600;
}
.theme-light .insightpopbox p.disc {
  color: #000;
}
.theme-light .insightpopbox .userlinkbtn span {
  background: #8f8c91;
}
.theme-light .modalbg {
  background: rgba(255, 255, 255, 0.92) !important;
}
.theme-light .addtouchpointModal.newModal {
  background: transparent !important;
}
.theme-light .dimensionBlock .formsection .form-row .form-group .iconswithBG li .brandBg {
  background: #fff !important;
}
.theme-light .custJourneyBox .useractionsJourneys .useractionsJourneybox {
  background: #8b93a1;
}
.theme-light .insightPresentrow .insightPresentArrow {
  background: #c0c0c0 !important;
}
.theme-light .insightPresentrow .insightPresentArrow i {
  color: #000;
}
.theme-light .modal-customTabs .insightsMainblock .custom-tabs .nav-tabs {
  background: #ffffff;
  border-bottom: 0px solid #110a1a !important;
}
.theme-light .modal-customTabs .insightsMainblock .custom-tabs .nav-tabs .vue-horizontal {
  background: #ffffff;
}
.theme-light #addImprovementModalJourneyapp.mainModal .modal-content .modal-body,
.theme-light #connectMotModal.mainModal .modal-content .modal-body,
.theme-light #addInsightModalJourneyapp.mainModal .modal-content .modal-body {
  background: #ffffff !important;
}
.theme-light #addImprovementModalJourneyapp.mainModal .modal-content .modal-body .actionControlBody,
.theme-light #connectMotModal.mainModal .modal-content .modal-body .actionControlBody,
.theme-light #addInsightModalJourneyapp.mainModal .modal-content .modal-body .actionControlBody {
  background: #D4D4D4 !important;
}
.theme-light #addImprovementModalJourneyapp.mainModal .modal-content .modal-body .actionControlBody table tbody tr,
.theme-light #connectMotModal.mainModal .modal-content .modal-body .actionControlBody table tbody tr,
.theme-light #addInsightModalJourneyapp.mainModal .modal-content .modal-body .actionControlBody table tbody tr {
  border-bottom: solid 4px #d8d8d8 !important;
  background: #f3f3f3;
}
.theme-light #addImprovementModalJourneyapp.mainModal .modal-content .modal-body .actionControlBody table tbody tr.creatnew,
.theme-light #connectMotModal.mainModal .modal-content .modal-body .actionControlBody table tbody tr.creatnew,
.theme-light #addInsightModalJourneyapp.mainModal .modal-content .modal-body .actionControlBody table tbody tr.creatnew {
  background: transparent !important;
}
.theme-light #addImprovementModalJourneyapp.mainModal .modal-content .modal-body .actionControlBody table tbody tr.creatnew:hover,
.theme-light #connectMotModal.mainModal .modal-content .modal-body .actionControlBody table tbody tr.creatnew:hover,
.theme-light #addInsightModalJourneyapp.mainModal .modal-content .modal-body .actionControlBody table tbody tr.creatnew:hover {
  background: transparent !important;
}
.theme-light #addImprovementModalJourneyapp.mainModal .modal-content .modal-body .actionControlBody table tbody tr:hover,
.theme-light #connectMotModal.mainModal .modal-content .modal-body .actionControlBody table tbody tr:hover,
.theme-light #addInsightModalJourneyapp.mainModal .modal-content .modal-body .actionControlBody table tbody tr:hover {
  background: #fff !important;
}
.theme-light #addImprovementModalJourneyapp.mainModal .modal-content .modal-customTabs .insightsMainblock .custom-tabs .nav-tabs,
.theme-light #connectMotModal.mainModal .modal-content .modal-customTabs .insightsMainblock .custom-tabs .nav-tabs,
.theme-light #addInsightModalJourneyapp.mainModal .modal-content .modal-customTabs .insightsMainblock .custom-tabs .nav-tabs {
  background: transparent;
  border-bottom: 1px solid #c5c5c5 !important;
}
.theme-light #addImprovementModalJourneyapp.mainModal .modal-content .modal-customTabs .insightsMainblock .custom-tabs .nav-tabs .vue-horizontal,
.theme-light #connectMotModal.mainModal .modal-content .modal-customTabs .insightsMainblock .custom-tabs .nav-tabs .vue-horizontal,
.theme-light #addInsightModalJourneyapp.mainModal .modal-content .modal-customTabs .insightsMainblock .custom-tabs .nav-tabs .vue-horizontal {
  background: transparent;
}
.theme-light #addImprovementModalJourneyapp.mainModal .modal-content .modal-customTabs .insightsMainblock .custom-tabs .nav-tabs li.scroll-arrow.prev-arrow,
.theme-light #connectMotModal.mainModal .modal-content .modal-customTabs .insightsMainblock .custom-tabs .nav-tabs li.scroll-arrow.prev-arrow,
.theme-light #addInsightModalJourneyapp.mainModal .modal-content .modal-customTabs .insightsMainblock .custom-tabs .nav-tabs li.scroll-arrow.prev-arrow {
  background: #fff;
  background: linear-gradient(90deg, #fff 45%, rgba(63, 52, 73, 0) 100%);
}
.theme-light #addImprovementModalJourneyapp.mainModal .modal-content .modal-customTabs .insightsMainblock .custom-tabs .nav-tabs li.scroll-arrow.next-arrow,
.theme-light #connectMotModal.mainModal .modal-content .modal-customTabs .insightsMainblock .custom-tabs .nav-tabs li.scroll-arrow.next-arrow,
.theme-light #addInsightModalJourneyapp.mainModal .modal-content .modal-customTabs .insightsMainblock .custom-tabs .nav-tabs li.scroll-arrow.next-arrow {
  background: linear-gradient(-90deg, #fff 70%, rgba(17, 10, 26, 0) 100%);
}
.theme-light .errorWhite {
  color: #000 !important;
  border-bottom: 2px solid #c5c5c5 !important;
}
.theme-light #publishModal .publishBody p,
.theme-light #publishMotModal .publishBody p,
.theme-light #publishInsightModal .publishBody p {
  color: #000 !important;
}
.theme-light #publishModal .publishBody .statusToggleBtn .btn-group,
.theme-light #publishMotModal .publishBody .statusToggleBtn .btn-group,
.theme-light #publishInsightModal .publishBody .statusToggleBtn .btn-group {
  background: #8b93a1;
  border: 1px solid #8b93a1;
}
.theme-light .qr-display p,
.theme-light .twofa-swichblock .switch-msg p,
.theme-light .twofa-swichblock .info-msg p {
  color: #000;
}
.theme-light .systemadmindetails .alert-dark {
  color: #000;
  background-color: rgba(150, 128, 175, 0.1);
  border-color: #c5c5c5;
}
.theme-light .cancelsubscriptionModal .modal-content {
  border: solid 1px #c5c5c5;
}
.theme-light .cancelsubscriptionModal .modal-content .modal-header {
  background: #ffffff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
  border-bottom: solid 1px #c5c5c5;
}
.theme-light .cancelsubscriptionModal .modal-content .modal-header .close {
  color: #000;
}
.theme-light .cancelsubscriptionModal .modal-content .modal-header .close:hover {
  background: #000;
  color: #fff;
}
.theme-light .cancelsubscriptionModal .modal-content .modal-header h2,
.theme-light .cancelsubscriptionModal .modal-content .modal-header h3,
.theme-light .cancelsubscriptionModal .modal-content .modal-header h5 {
  color: #000;
}
.theme-light .cancelsubscriptionModal .modal-content .modal-body {
  background: #ffffff;
}
.theme-light .myDocAttachmentsinner .tp-add-img {
  border: 1px solid #8b93a1;
  background: #fff;
}
.theme-light .fileDetails .close span {
  color: #000;
}
.theme-light .fileDetails .close:hover {
  background: #fff;
  color: #000;
}
.theme-light .show > .btn-light.dropdown-toggle,
.theme-light .btn-light:not(:disabled):not(.disabled):active {
  background: #fff;
}
.theme-light .show > .btn-light.dropdown-toggle:focus,
.theme-light .btn-light:not(:disabled):not(.disabled):active:focus {
  outline: none !important;
}
.theme-light .bootstrap-select > .dropdown-toggle.bs-placeholder,
.theme-light .bootstrap-select > .dropdown-toggle.bs-placeholder:active,
.theme-light .bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.theme-light .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
  outline: none !important;
}
.theme-light .addImageModal .uploadImage .uploadImageBox {
  background: #fff;
}
.theme-light .addImageModal .imageList {
  background: #f3f3f3 !important;
}
.theme-light .addImageModal .addImageTabList {
  border-bottom: 1px solid #c5c5c5;
}
.theme-light .addImageModal .addImageTabList .nav-link {
  color: #7b6c8f !important;
}
.theme-light .addImageModal .addImageTabList .nav-link.active {
  border-bottom: 3px solid #7800ff !important;
  color: #7800ff !important;
}
.theme-light .cropperPreview {
  background: #e5eaef !important;
}
.theme-light .saveCancelbtns {
  border-top: 1px solid #c5c5c5 !important;
}
.theme-light .addEmotionModal .searchEmotion {
  border-bottom: 1px solid #c5c5c5 !important;
}
.theme-light .addEmotionModal .searchEmotion .imageSearch {
  margin: 15px 0px !important;
}
.theme-light .noteEmotionTxt span {
  color: #7800ff;
  border-bottom: 1px solid #7800ff;
}
.theme-light .addDocList {
  background: #d8d8d8 !important;
}
.theme-light .addDocList li {
  border: solid 0px #f3f3f3;
  background: #f3f3f3;
}
.theme-light .addDocList li:hover {
  background: #fff !important;
}
.theme-light .addDocList li .docDetails .fileImgBg {
  background: #ffffff !important;
}
.theme-light .docSelectDetails .docActionsList li {
  background: #7b6c8f;
}
.theme-light .docSelectDetails .docActionsList li:hover {
  background: #7800ff !important;
}
.theme-light .addIconsTabs {
  background-color: #fff !important;
}
.theme-light .vue-swatches .vue-swatches__container {
  background: #fff !important;
  border: solid 1px #c5c5c5 !important;
}
.theme-light .vue-swatches .vue-swatches__container .vue-swatches__fallback__input {
  background: #e5eaef !important;
  border: 1px solid #e5eaef !important;
  cursor: pointer;
}
.theme-light .colorPickerMain.formsection .vue-swatches__trigger__wrapper .vue-swatches__trigger {
  border: 1px solid #c5c5c5 !important;
}

/*-----Filters------*/
.theme-light {
  /*-----CR POPUP-----*/
  /*-----Comments Screen-----*/
  /*-------LOGS-------*/
}
.theme-light .selectArrowMain.changeUserDrop .bootstrap-select .dropdown-toggle::after {
  color: #000;
}
.theme-light .selectArrowMain.changeUserDrop .m-select-dropdown-sm .dropdown-menu .bs-searchbox {
  background: #fff;
  border-left: solid 1px #c5c5c5;
}
.theme-light .selectArrowMain.changeUserDrop .m-select-dropdown-sm .dropdown-menu li a:hover {
  color: #000 !important;
  background: #f3f3f3 !important;
}
.theme-light .m-select-filter-dropdown .dropdown-menu.inner {
  border-top: 0px solid #c5c5c5 !important;
  border-left: 1px solid #c5c5c5 !important;
  border-right: 1px solid #c5c5c5 !important;
}
.theme-light .m-select-filter-dropdown .dropdown-menu.inner.show {
  background: #fff !important;
}
.theme-light .m-select-filter-dropdown .dropdown-menu li {
  border-bottom: 0px solid #c5c5c5 !important;
  background: #fff !important;
}
.theme-light .m-select-filter-dropdown .dropdown-menu li a:hover {
  background: #f3f3f3 !important;
}
.theme-light .filtercheckboxmaps.co-user-dropdown .bootstrap-select.show-tick .dropdown-toggle:focus {
  border: solid 1px #c5c5c5 !important;
}
.theme-light .filtercheckboxmaps .bootstrap-select.show-tick .dropdown-toggle {
  margin-top: 0px !important;
}
.theme-light .filtercheckboxmaps .bootstrap-select.show-tick .dropdown-menu {
  border: 1px solid #c5c5c5;
  box-shadow: none !important;
  margin-top: 1px !important;
}
.theme-light .filtercheckboxmaps .bootstrap-select.show-tick .dropdown-menu .bs-actionsbox .btn-group .actions-btn {
  border-bottom: 1px solid #c5c5c5;
}
.theme-light .filtercheckboxmaps .bootstrap-select.show-tick .dropdown-menu li {
  border-bottom: 1px solid #c5c5c5;
  color: #000;
}
.theme-light .filtercheckboxmaps .bootstrap-select.show-tick .dropdown-menu li.selected, .theme-light .filtercheckboxmaps .bootstrap-select.show-tick .dropdown-menu li:hover {
  background: #f3f3f3;
  color: #000;
}
.theme-light .filtercheckboxmaps .bootstrap-select.show-tick .dropdown-menu li span.text {
  color: #000;
}
.theme-light .filtercheckboxmaps .bootstrap-select.show-tick .dropdown-menu li span.check-mark {
  background: #fff !important;
}
.theme-light .filtercheckboxmaps .bootstrap-select.show-tick .dropdown-menu li.selected span.check-mark:after {
  background: #7800ff;
  border: 1px solid #000;
}
.theme-light .filtercheckboxmaps .bootstrap-select.show-tick .dropdown-menu .bs-searchbox {
  background: #fff;
  border: solid 1px #c5c5c5;
  border-top: solid opx #c5c5c5;
}
.theme-light .filtercheckboxmaps .bootstrap-select.show-tick .dropdown-menu .bs-searchbox input {
  box-shadow: none !important;
}
.theme-light .filtercheckboxmaps .bootstrap-select.show-tick .dropdown-menu .bs-searchbox input:focus {
  border: solid 1px #7800ff !important;
}
.theme-light .filtercheckboxmaps.langageSelect .bootstrap-select.show-tick .dropdown-toggle, .theme-light .filtercheckboxmaps.iconsselectfilter .bootstrap-select.show-tick .dropdown-toggle, .theme-light .filtercheckboxmaps.brandactionBoxList .bootstrap-select.show-tick .dropdown-toggle {
  height: 23px;
  outline: none !important;
}
.theme-light .filtercheckboxmaps.langageSelect .bootstrap-select.show-tick .dropdown-toggle:focus, .theme-light .filtercheckboxmaps.iconsselectfilter .bootstrap-select.show-tick .dropdown-toggle:focus, .theme-light .filtercheckboxmaps.brandactionBoxList .bootstrap-select.show-tick .dropdown-toggle:focus {
  outline: none !important;
}
.theme-light .filtercheckbox .bootstrap-select.show-tick .dropdown-toggle {
  background: #fff !important;
  border: solid 1px #c5c5c5 !important;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.2) !important;
}
.theme-light .filtercheckbox .bootstrap-select.show-tick .dropdown-menu .bs-searchbox {
  background: #fff;
  border: solid 1px #c5c5c5;
  border-top: solid 0px #c5c5c5;
}
.theme-light .filtercheckbox .bootstrap-select.show-tick .dropdown-menu.show {
  border-right: 1px solid #c5c5c5 !important;
  border-bottom: 1px solid #c5c5c5 !important;
  margin-top: 0px !important;
}
.theme-light .filtercheckbox .bootstrap-select.show-tick .dropdown-menu .inner.show {
  border-right: 0px solid #c5c5c5 !important;
}
.theme-light .filtercheckbox .bootstrap-select.show-tick .dropdown-menu .inner.show li a {
  border-right: 0px solid #c5c5c5 !important;
}
.theme-light .filtercheckbox .bootstrap-select.show-tick .dropdown-menu .inner.show li:nth-last-child(1) a {
  border-bottom: 0px solid #c5c5c5 !important;
}
.theme-light .filtercheckbox .bootstrap-select.show-tick .dropdown-menu .bs-actionsbox .btn-group .actions-btn {
  background: #c5c5c5;
  color: #000;
}
.theme-light .filtercheckbox .bootstrap-select.show-tick .dropdown-menu li {
  border-bottom: 1px solid #c5c5c5;
  color: #000;
}
.theme-light .filtercheckbox .bootstrap-select.show-tick .dropdown-menu li.selected, .theme-light .filtercheckbox .bootstrap-select.show-tick .dropdown-menu li:hover {
  background: #f3f3f3;
  color: #000;
}
.theme-light .filtercheckbox .bootstrap-select.show-tick .dropdown-menu li span.text {
  color: #000;
}
.theme-light .filtercheckbox .bootstrap-select.show-tick .dropdown-menu li span.check-mark {
  background: #fff !important;
  border: 1px solid #000;
}
.theme-light .filtercheckbox .bootstrap-select.show-tick .dropdown-menu li.selected span.check-mark:after {
  background: #7800ff;
  border: 1px solid #000;
}
.theme-light .m-fiterbuttonBar .filerSearchWidth .imageSearch span.closeSearch:hover {
  background: #6f0008;
}
.theme-light .m-fiterbuttonBar .filerSearchWidth .imageSearch i {
  color: #000;
}
.theme-light .m-fiterbuttonBar .filterOptions .filterMianSection {
  display: block;
}
.theme-light .m-fiterbuttonBar .filterOptions .filterMianSection .filterOrderBg span.dropdownTxt {
  color: #000;
}
.theme-light .m-fiterbuttonBar .filterOptions .filterMianSection .filterOrderBg .clearTxt {
  color: #000;
}
.theme-light .m-fiterbuttonBar .filterOptions .filterMianSection .filterOrderBg .clearTxt p {
  color: #000;
}
.theme-light .m-fiterbuttonBar .filterOptions .filterorderDropdown {
  background: #ffffff;
  color: #000;
}
.theme-light .filtercheckbox .bootstrap-select.show-tick .dropdown-menu {
  box-shadow: none !important;
}
.theme-light .importance.filtercheckbox .bootstrap-select.show-tick .dropdown-menu li a .text span i.in-active {
  color: #c5c5c5 !important;
}
.theme-light .importance.filtercheckbox .bootstrap-select.show-tick .dropdown-menu li a .text span i.active {
  color: #000 !important;
  font-size: 13px !important;
}
.theme-light .m-select-filter-dropdown div.dropdown-menu .inner.show {
  background: #c5c5c5 !important;
  margin-top: 1px !important;
}
.theme-light .filterNomalselect .form-control .dropdown-toggle {
  box-shadow: none !important;
}
.theme-light .filterNomalselect ul {
  margin-top: 1px !important;
}
.theme-light .mymapsFilterOptionsMain .filterorderDropdown {
  color: #000;
}
.theme-light .mymapsFilterOptionsMain .filterorderDropdown .filterDropdownInner li label {
  color: #000 !important;
}
.theme-light .m-select-filter-dropdown .dropdown-menu li a {
  color: #000 !important;
}
.theme-light .modal-customTabs .insightsMainblock .modal-insight-filter-block .filter-width-modal .filerSearchWidth .m-search-box input {
  background: #fff !important;
  border: solid 1px #c5c5c5 !important;
  border: 1px solid #c5c5c5 !important;
  background: #fff !important;
  color: #000 !important;
}
.theme-light .modal-customTabs .insightsMainblock .modal-insight-filter-block .filter-width-modal .filerSearchWidth .m-search-box input:focus {
  outline: none !important;
}
.theme-light .modal-customTabs .insightsMainblock .modal-insight-filter-block .filter-width-modal .filerSearchWidth .m-search-box input:hover {
  background: #fff !important;
  border: solid 1px #c5c5c5 !important;
}
.theme-light .popBorder {
  border-bottom: 1px solid #c5c5c5 !important;
}
.theme-light .m-search-box.darkerBg input {
  background: #fff !important;
  border: 1px solid #c5c5c5 !important;
  border: 1px solid #c5c5c5 !important;
  background: #fff !important;
  color: #000 !important;
}
.theme-light .m-search-box.darkerBg input:focus {
  outline: none !important;
}
.theme-light .mainModal .createMyMap .modal-body .mapsNewBody .mapsFilterSearchBlk .filterSearchHeading {
  border-bottom: 1px solid #c5c5c5;
}
.theme-light .mainModal .createMyMap .modal-body .mapsNewBody .mapboxBlock .mapBox-main .mapBox {
  background: #f3f3f3;
  border: solid 1px #c5c5c5;
}
.theme-light .mainModal .createMyMap .modal-body .mapsNewBody .mapboxBlock .mapBox-main .mapName {
  color: #000;
}
.theme-light .columnViewGrid {
  background: #fff;
}
.theme-light .columnViewGrid .ColumnViewHscroll .columnViewList .allContactReasonList .card .innerAccordiaon .card-body .crList li {
  background: #f3f3f3;
  color: #000;
  border: solid 1px #d8d8d8 !important;
}
.theme-light .columnViewGrid .ColumnViewHscroll .columnViewList .allContactReasonList .card .card-header h5 a {
  background: #c5c5c5;
  color: #000;
}
.theme-light .commentsOffcanvas {
  background-color: #fff;
}
.theme-light .commentsOffcanvas .CommentsHead {
  border-bottom: 2px solid #c5c5c5;
  border-top: 2px solid #c5c5c5;
  background-color: #c5c5c5;
}
.theme-light .commentsOffcanvas .CommentsHead h4 {
  color: #000;
}
.theme-light .commentsMain .commentsMainBlock {
  background: #f3f3f3;
  border: 1px solid #c5c5c5;
}
.theme-light .commentsMain .commentsMainBlock .commentTxtBlock .commentTxtBlockInner {
  background: #fff;
}
.theme-light .commentsMain .commentsMainBlock .commentTxtBlock .commentTxtBlockInner p {
  color: #000;
}
.theme-light .commentsMain .commentsMainBlock .commentTitle {
  border-bottom: 1px solid #c5c5c5;
}
.theme-light .commentsMain .commentsMainBlock .commentTitle p {
  color: #000;
}
.theme-light .commentsList .commentBg {
  background: #f3f3f3;
  box-shadow: 0px 11px 9px -15px #111;
}
.theme-light .commentsList .commentBg .commentType {
  color: #000;
}
.theme-light .commentsList .commentBg .commentedTime {
  color: #625d69;
}
.theme-light .commentsList .commentBg .commentBlockMain {
  color: #000;
}
.theme-light .commentsList .commentBg .commentBlockBg {
  background: #ffffff;
  border: 1px solid #e5eaef;
}
.theme-light .commentsList .commentBg .commentDelete img {
  background: #e5eaef;
}
.theme-light .usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li.commentsEditmode .dropdown-menu {
  border: solid 0px #c5c5c5 !important;
  background: #fff !important;
}
.theme-light .usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li.commentsEditmode .dropdown-menu .dropdown-item {
  background: #fff !important;
  border-bottom: solid 0px #c5c5c5 !important;
  color: #000;
}
.theme-light .usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li.commentsEditmode .dropdown-menu .dropdown-item:hover {
  background: #f3f3f3 !important;
  color: #000;
  background: #F2F2F2 !important;
}
.theme-light .usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li.commentsEditmode .dropdown-menu .dropdown-item:active, .theme-light .usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li.commentsEditmode .dropdown-menu .dropdown-item:focus, .theme-light .usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li.commentsEditmode .dropdown-menu .dropdown-item:visited {
  background: #DEDDDF !important;
}
.theme-light .usersettings .uploadimage .format-images {
  color: #8b93a1;
}
.theme-light .mymapsFilterOptionsMain .filterorderDropdown .filterDropdownInner li .filterstatusVersionList li label {
  color: #000 !important;
}
.theme-light .table-logs table thead tr th span.sort-toggle-btn {
  background: transparent !important;
  color: #000 !important;
}
.theme-light .table-logs table thead tr th span.sort-toggle-btn.active {
  background: #c5c5c5 !important;
}
.theme-light .table-logs table tbody tr {
  border-bottom: solid 7px #fff;
  background: #f3f3f3;
}
.theme-light .table-logs table tbody tr:hover {
  background: #e9e9e9;
}
.theme-light .table-logs table tbody tr td {
  background: transparent !important;
  color: #000;
}
.theme-light .galaxylogs-filter .form-control {
  border: 1px solid #c5c5c5 !important;
  background: #fff !important;
  color: #000 !important;
}
.theme-light .galaxylogs-filter .form-control:focus {
  outline: none !important;
}
.theme-light .galaxylogs-filter .selectArrowMaindropdpwn .dropdown-toggle {
  background: #fff !important;
  border: solid 1px #c5c5c5 !important;
}
.theme-light .galaxylogs-filter .selectArrowMaindropdpwn .dropdown-toggle::after {
  color: #000;
}
.theme-light .galaxylogs-filter ul.dropdown-menu {
  border: solid 1px #c5c5c5 !important;
}
.theme-light .galaxylogs-filter ul.dropdown-menu li {
  border-bottom: solid 1px #c5c5c5 !important;
}
.theme-light .global-pagination .pagination li.disabled a {
  background: #e5e8ff;
  color: #7b6c8f;
}
.theme-light .global-pagination .pagination li.active a {
  background: #7800ff;
  color: #fff;
}
.theme-light .global-pagination .pagination li a {
  background: #c5c5c5;
  color: #000;
}
.theme-light .widgetArea .addImage .addimageInner {
  background: #f3f3f3;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
}
.theme-light .widgetArea .addImage .addimageInner label .media-icon {
  background: url(/bundles/map/images/media-icon.svg) no-repeat !important;
}
.theme-light .widgetArea .addImage .addimageInner:hover {
  background: #d8d8d8;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
}
.theme-light .widgetArea .addImage:hover .addimageInner label .media-icon:hover {
  background: url(/bundles/map/images/media-icon.svg) no-repeat !important;
}
.theme-light .widgetArea .AttachmentsMain img {
  filter: grayscale(0);
}
.theme-light .widgetArea .AttachmentsMain h5 {
  color: #000;
}
.theme-light .widgetArea .AttachmentsMain small {
  color: #000;
}
.theme-light .leftwrapper .leftwrapperInnerMenu .leftwrapperMiddleSection .addLaneIcon {
  background: #f3f3f3;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
  border-radius: 3px;
}
.theme-light .leftwrapper .leftwrapperInnerMenu .leftwrapperMiddleSection .addLaneIcon:hover {
  background: #d8d8d8;
}
.theme-light .leftwrapper .leftwrapperInnerMenu .leftwrapperMiddleSection .addLaneIcon i {
  color: #000;
}
.theme-light .dropdown-toggle::after,
.theme-light .selectArrowMain .activeLCSelect .form-control.LcStatusBtn .dropdown-toggle:after {
  color: #000 !important;
}
.theme-light .unPublishMap .media .form-group .addImage {
  border: 1px solid #c5c5c5 !important;
}
.theme-light .tab-content .tab-pane .widgetMarign .col-6.widgetBoxMain .widgetDispayBox .widgetHeading p {
  color: #000 !important;
}
.theme-light .columnviewmain .columnviewhroll .columnviewlist .rightpanelaccordion .card .card-header .createstage input {
  box-shadow: none !important;
}
.theme-light .lhleft.focusinput {
  border: 2px solid #c0c0c0;
}
.theme-light .usermanagementheader .sidenav-items ul li.notifications .notify-icon {
  background-position: -32px 0 !important;
}
.theme-light .milkyTablerow.Parent_table .childMap-CountBtn button {
  background: #8b93a1;
  color: #fff;
}
.theme-light .subchannel-CountBtn button {
  background: #8b93a1;
  color: #fff;
}
.theme-light .compareInsightBox {
  background: #c5c5c5;
}
.theme-light .compareInsightBox .insightwidgetBoxMain .widgetDispayBox .widgetData {
  background: #fff;
}
.theme-light .motcompareEpisodeData ol li.episodeMOT .compareMOT .insightwidgetBoxMain .widgetDispayBox .widgetData .motbox {
  border-radius: 0px !important;
  background: #f3f3f3 !important;
}
.theme-light .editMapJourneyLeft .form-row.lCSelect .form-group .addDimensions .m-select-dropdown-sm .dropdown-menu .inner ul li a,
.theme-light .editMapJourneyLeft .form-row.language .form-group .m-select-dropdown-sm .dropdown-menu .inner ul li a {
  border-bottom: solid 1px #c5c5c5 !important;
}
.theme-light .widgetModal .topFixedWidget .infoRow span.closeSearch:hover {
  background: #1f1829;
  color: #fff;
}
.theme-light .m-3dots-menu .dropdown.dropup a span.menu-icon,
.theme-light .user-3-dotsmenu .dropdown.dropup a span.menu-icon {
  background: url(/bundles/admin/images/insight-3dots-black-menu.svg) top center no-repeat !important;
}
.theme-light .m-3dots-menu .dropdown.dropup a span.menu-icon:hover, .theme-light .m-3dots-menu .dropdown.dropup a span.menu-icon:focus, .theme-light .m-3dots-menu .dropdown.dropup a span.menu-icon:active, .theme-light .m-3dots-menu .dropdown.dropup a span.menu-icon:visited,
.theme-light .user-3-dotsmenu .dropdown.dropup a span.menu-icon:hover,
.theme-light .user-3-dotsmenu .dropdown.dropup a span.menu-icon:focus,
.theme-light .user-3-dotsmenu .dropdown.dropup a span.menu-icon:active,
.theme-light .user-3-dotsmenu .dropdown.dropup a span.menu-icon:visited {
  background: url(/bundles/admin/images/insight-3dots-black-menu.svg) top center no-repeat #d8d8d8 !important;
}
.theme-light .m-3dots-menu .dropdown.dropup .dropdown-menu,
.theme-light .user-3-dotsmenu .dropdown.dropup .dropdown-menu {
  border: 1px solid #c5c5c5;
  background: #fff !important;
}
.theme-light .m-3dots-menu .dropdown.dropup .dropdown-menu a,
.theme-light .user-3-dotsmenu .dropdown.dropup .dropdown-menu a {
  border-bottom: 1px solid #c5c5c5 !important;
}
.theme-light .m-3dots-menu .dropdown.dropup .dropdown-menu a.delete:hover,
.theme-light .user-3-dotsmenu .dropdown.dropup .dropdown-menu a.delete:hover {
  background: #B11E27 !important;
  color: #fff !important;
}
.theme-light .m-3dots-menu .dropdown.dropup .dropdown-menu a.deactivate:hover, .theme-light .m-3dots-menu .dropdown.dropup .dropdown-menu a.deactivatecolor:hover, .theme-light .m-3dots-menu .dropdown.dropup .dropdown-menu a.pending:hover,
.theme-light .user-3-dotsmenu .dropdown.dropup .dropdown-menu a.deactivate:hover,
.theme-light .user-3-dotsmenu .dropdown.dropup .dropdown-menu a.deactivatecolor:hover,
.theme-light .user-3-dotsmenu .dropdown.dropup .dropdown-menu a.pending:hover {
  background: #ae6725 !important;
  color: #fff !important;
}
.theme-light .m-3dots-menu .dropdown.dropup .dropdown-menu a.activate:hover, .theme-light .m-3dots-menu .dropdown.dropup .dropdown-menu a.activatecolor:hover,
.theme-light .user-3-dotsmenu .dropdown.dropup .dropdown-menu a.activate:hover,
.theme-light .user-3-dotsmenu .dropdown.dropup .dropdown-menu a.activatecolor:hover {
  background: #0ba32d !important;
  color: #fff !important;
}
.theme-light .m-3dots-menu .dropdown.dropup .dropdown-menu a:hover, .theme-light .m-3dots-menu .dropdown.dropup .dropdown-menu a:focus, .theme-light .m-3dots-menu .dropdown.dropup .dropdown-menu a:active,
.theme-light .user-3-dotsmenu .dropdown.dropup .dropdown-menu a:hover,
.theme-light .user-3-dotsmenu .dropdown.dropup .dropdown-menu a:focus,
.theme-light .user-3-dotsmenu .dropdown.dropup .dropdown-menu a:active {
  background: #f3f3f3 !important;
}
.theme-light .m-3dots-menu.topWidgetsmenu .dropdown .dropdown-toggle .menu-icon,
.theme-light .stagemenu .dropdown .dropdown-toggle .menu-icon {
  background: url(/bundles/admin/images/insight-3dots-black-menu.svg) top center no-repeat;
}
.theme-light .m-3dots-menu.topWidgetsmenu .dropdown .dropdown-toggle .menu-icon:hover,
.theme-light .stagemenu .dropdown .dropdown-toggle .menu-icon:hover {
  background: url(/bundles/admin/images/insight-3dots-black-menu.svg) top center no-repeat #c5c5c5;
}
.theme-light .m-3dots-menu.topWidgetsmenu .dropdown .dropdown-toggle .menu-icon.stageiconmenu:hover,
.theme-light .stagemenu .dropdown .dropdown-toggle .menu-icon.stageiconmenu:hover {
  background: url(/bundles/admin/images/insight-3dots-black-menu.svg) top center no-repeat #f3f3f3;
}
.theme-light .m-3dots-menu.topWidgetsmenu .dropdown .dropdown-menu,
.theme-light .stagemenu .dropdown .dropdown-menu {
  background: #fff !important;
  border: 1px solid #c5c5c5 !important;
}
.theme-light .m-3dots-menu.topWidgetsmenu .dropdown .dropdown-menu a,
.theme-light .stagemenu .dropdown .dropdown-menu a {
  border-bottom: 1px solid #c5c5c5 !important;
  color: #000 !important;
  font-weight: 500;
}
.theme-light .m-3dots-menu.topWidgetsmenu .dropdown .dropdown-menu a.delete:hover,
.theme-light .stagemenu .dropdown .dropdown-menu a.delete:hover {
  background: #B11E27 !important;
  color: #fff !important;
}
.theme-light .m-3dots-menu.topWidgetsmenu .dropdown .dropdown-menu a:hover, .theme-light .m-3dots-menu.topWidgetsmenu .dropdown .dropdown-menu a:active, .theme-light .m-3dots-menu.topWidgetsmenu .dropdown .dropdown-menu a:visited, .theme-light .m-3dots-menu.topWidgetsmenu .dropdown .dropdown-menu a:focus,
.theme-light .stagemenu .dropdown .dropdown-menu a:hover,
.theme-light .stagemenu .dropdown .dropdown-menu a:active,
.theme-light .stagemenu .dropdown .dropdown-menu a:visited,
.theme-light .stagemenu .dropdown .dropdown-menu a:focus {
  background: #f3f3f3 !important;
}
.theme-light .bottomMoreActions.horizontdropmenu .dropdown .dropdown-toggle span.menu-icon,
.theme-light .emotion-3dots-menu .dropdown .dropdown-toggle span.menu-icon {
  background: url(/bundles/admin/images/insight-3dots-black-menu.svg) top center no-repeat !important;
}
.theme-light .bottomMoreActions.horizontdropmenu .dropdown .dropdown-toggle span.menu-icon:hover,
.theme-light .emotion-3dots-menu .dropdown .dropdown-toggle span.menu-icon:hover {
  background: url(/bundles/admin/images/insight-3dots-black-menu.svg) top center no-repeat #c5c5c5 !important;
}
.theme-light .personBox .personaControls span.milkyDotsmenu {
  background: transparent !important;
}
.theme-light .insightsaccordion .insightFilterMenu ul li a .parent-map-icon {
  background: url(/bundles/map/images/map-parent-black-icon.svg) no-repeat;
}
.theme-light .insightsaccordion .insightFilterMenu ul li a .child-map-icon {
  background: url(/bundles/map/images/map-child-black-icon.svg) no-repeat;
}
.theme-light .insightsaccordion .insightFilterMenu ul li a .ourmaps-icon {
  background: url(/bundles/map/images/our-users-black-icon.svg) no-repeat;
}
.theme-light .insightsaccordion .insightFilterMenu ul li a .mymaps-icon {
  background: url(/bundles/map/images/my-users-black-icon.svg) no-repeat;
}
.theme-light .insightsaccordion .insightFilterMenu ul li a .dimension-icon {
  background: url(/bundles/map/images/insight-dimension-black-icon.svg) no-repeat;
}
.theme-light .lhleft a .closeicon {
  background: url(/bundles/admin/images/back-dark-icon.png) no-repeat;
}
.theme-light .widgetModal.lc-contact-reasonmodal .widgetJourneyScroll .lc-table-row .lc-table-row-Inner .lc-table-row-Main table thead tr th.t-head .delta-icon {
  background: url(/bundles/map/images/delta-black-icon.svg) no-repeat;
}
.theme-light .lifecyclerightoptions .helpviewoptions li i {
  color: #000 !important;
}
.theme-light .bdrtophead {
  border-top: solid 1px #c5c5c5 !important;
}
.theme-light .filtercheckbox .bootstrap-select.show-tick .dropdown-menu li a {
  border-bottom: solid 1px #c5c5c5 !important;
}
.theme-light .insightDatatable table tbody tr.noActions {
  border: 1px solid #c5c5c5 !important;
}
.theme-light .widgetBox .quotesBlocks .formsection .form-row .form-group .form-control.m-select-dropdown-sm button,
.theme-light .widgetBox .dimensionBlock .formsection .form-row .form-group .m-select-dropdown-sm button,
.theme-light .dashboard-kpi-select .bootstrap-select.form-control .dropdown-toggle,
.theme-light .umtable .formsection .bootstrap-select.form-control,
.theme-light .umtable .formsection .bootstrap-select .dropdown-toggle {
  box-shadow: none !important;
}
.theme-light .mainAddUserModal .modal-lg .modal-content .modal-body .invite-people .invitetopcenter .invitepeoplebg {
  background: #fff;
  border: solid 1px #c5c5c5;
}
.theme-light .mainSSOModal .modal-md .modal-content .modal-header .ssouserblock {
  background: #fff;
  border: solid 1px #c5c5c5;
  border-bottom: 0px solid #c5c5c5;
}
.theme-light .mainSSOModal .modal-md .modal-content .modal-body {
  background: #fff;
  border: solid 1px #c5c5c5;
  border-top: 0px solid #c5c5c5;
}
.theme-light .mainSSOModal .modal-md .modal-content .modal-body .ssouserblock .row-sso .sso-table table tbody tr.nodtataFound td {
  border: 1px solid #c5c5c5;
  color: #000;
}
.theme-light .invite-people .invitetopcenter .invitepeoplebg .addnew-btn {
  background: #f3f3f3;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
  color: #000 !important;
}
.theme-light .invite-people .invitetopcenter .invitepeoplebg .addnew-btn:hover, .theme-light .invite-people .invitetopcenter .invitepeoplebg .addnew-btn:active, .theme-light .invite-people .invitetopcenter .invitepeoplebg .addnew-btn:focus, .theme-light .invite-people .invitetopcenter .invitepeoplebg .addnew-btn:visited {
  background: #d8d8d8 !important;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
  color: #000 !important;
}
.theme-light .deleteinvitepeoplelist i,
.theme-light .field .icon-users {
  color: #fff;
}
.theme-light .umtable .checkedumlist li a,
.theme-light .eachUserSettingbox .setting-title a {
  color: #000;
}
.theme-light .umtable .checkedumlist li .dropdown-menu.inner {
  border: solid 1px #c5c5c5 !important;
  background: #c5c5c5 !important;
}
.theme-light .umtable .checkedumlist li .dropdown-menu.inner li {
  background: transparent;
  padding: 0px !important;
}
.theme-light .umtable .checkedumlist li .dropdown-menu.inner li a {
  color: #000;
  font-weight: 600 !important;
}
.theme-light .usersettings.usersettingdashboard .lifecyclebox .lfbox-right .lfboxright-bottom {
  border-top: 1px solid #c5c5c5;
}
.theme-light .deleteaccountmain,
.theme-light .parentIconlane:hover,
.theme-light .ChildIconlane:hover {
  background: #d8d8d8;
}
.theme-light .child-unpublish .lCSelect .presentInactiveLC {
  color: #000 !important;
  font-weight: 500;
}
.theme-light .child-touchpoint-kpi .TouchPointKPIBox {
  background: #fff;
  border: solid 2px #c5c5c5;
  border-top: solid 0px #c5c5c5;
}
.theme-light .tochupoint .bootstrap-select .dropdown-toggle,
.theme-light .episode .bootstrap-select .dropdown-toggle {
  box-shadow: none !important;
}
.theme-light .hideWidget::before,
.theme-light .hidelane .col-11::before,
.theme-light .hideEpisode::before {
  background: rgba(192, 192, 192, 0.4);
}
.theme-light .widgetArea li.brandBg {
  border: solid 1px #c5c5c5;
}
.theme-light .usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li a span {
  background: url(/bundles/map/images/present-header-sprite-dark.svg) no-repeat;
}
.theme-light .usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li a span.parent-icon {
  background: url(/bundles/map/images/map-parent-black-icon2.svg) no-repeat !important;
  display: block;
  line-height: 24px;
  background-size: 15px 13px;
  background-position: 8px 9px !important;
}
.theme-light .usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li a span.versions-icon {
  background: url(/bundles/map/images/versions-b.svg) no-repeat !important;
  display: block;
  line-height: 24px;
  background-size: 15px 15px;
  background-position: 9px 9px !important;
}
.theme-light .usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li a span.parent-content-icon {
  background: url(/bundles/map/images/widget-ring-icon-black.svg) no-repeat;
  display: block;
  line-height: 24px;
  background-size: 14px 14px;
  background-position: 8px 8px !important;
}
.theme-light .usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li a span.content-filter-icon {
  background: url("/bundles/map/images/filter-black-icon.svg") no-repeat;
  display: block;
  line-height: 24px;
  background-size: 15px 15px;
  background-position: 9px 9px;
}
.theme-light .usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li a span.hierarchy-cion {
  background: url("/bundles/map/images/widgets-icons/hierarchy-icon-b.svg") no-repeat;
  display: block;
  line-height: 24px;
  background-size: 15px 15px;
  background-position: 9px 9px;
}
.theme-light .usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li a span.editmap-icon {
  display: block;
  line-height: 30px;
  font-size: 17px;
  background: none !important;
  color: #000;
}
.theme-light .usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li a span.editmap-icon:hover {
  color: #000;
}
.theme-light .usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li a span.collaboration-icon {
  background: url("/bundles/map/images/singleusericon-dark.svg") no-repeat;
  display: block;
  line-height: 24px;
  background-size: 15px 15px !important;
  background-position: 7px 7px !important;
}
.theme-light .usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li a span.subscribe-icon {
  background: url("/bundles/map/images/subscribe-b-icon.svg") no-repeat;
  display: block;
  line-height: 24px;
  background-size: 13px 15px;
  background-position: 9px 9px;
}
.theme-light .usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li a span.unsubscribe-icon {
  background: url("/bundles/map/images/unsubscribe-b-icon.svg") no-repeat;
  display: block;
  line-height: 24px;
  background-size: 15px 15px;
  background-position: 7px 7px;
}
.theme-light .usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li a span.comments-icon {
  background-position: 1px 0;
}
.theme-light .usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li a span.share-icon {
  background-position: -33px -1px;
}
.theme-light .usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li a span.download-icon {
  background-position: -65px -1px;
}
.theme-light .usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li a span.deletemm-icon {
  background-position: -160px -1px;
}
.theme-light .usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li a span.help-icon {
  background-position: -129px -1px;
}
.theme-light .usermanagementheader.edirpresentHeader .sidenav-items .headerRightOptions li a span.fullscreen-icon {
  background-position: -96px 0;
}
.theme-light .parentsMapsBody .contenthead {
  color: #000;
  border-bottom: solid 1px #c5c5c5;
}
.theme-light .mainModal .createMyMap .modal-body .mapsNewBody .mapsFilterSearchBlk .mapsDisplaybox .mapsDisplayrow:hover {
  background: #f3f3f3;
}
.theme-light .addDimensions .bootstrap-select .dropdown-toggle {
  box-shadow: none !important;
}
.theme-light .jiraConfigBlock .jiraConfigrow.data {
  background: #f3f3f3;
}
.theme-light .jiraConfigBlock .jiraConfigrow.data:hover {
  background: #e9e9e9;
}
.theme-light .jira-configicon .icon.delete {
  background: #000;
  border: 1px solid #c5c5c5;
  color: #fff;
}
.theme-light .create_jirarow .jiraDropdownproject .dropdown-menu {
  border-left: solid 1px #c5c5c5 !important;
  border-right: solid 1px #c5c5c5 !important;
}
.theme-light .create_jirarow .jiraDropdownproject .dropdown-menu ul li {
  border: none !important;
}
.theme-light .jira-iteams-table table tbody tr:hover {
  background: #e9e9e9 !important;
}
.theme-light .jira-iteams-table table tr {
  background: #fff;
  color: #000;
  border-bottom: solid 4px #fff;
}
.theme-light .jira-iteams-table table tr td span.status {
  color: #524a5e;
}
.theme-light .jira-iteams-table table tr th {
  background: #fff;
}
.theme-light .jira-iteams-table table tr.jira-loader td {
  background: #d8d8d8;
}
.theme-light .jira-iteams-table table tr.jira-select-msg td {
  background: #fff;
  color: #000;
}
.theme-light .viewjiraDetails p {
  color: #524a5e;
}
.theme-light .viewjiraDetails p span.headjira {
  color: #000;
}
.theme-light .viewjiraDetails p span.view-pull-less {
  color: #000;
  font-weight: 600;
}
.theme-light .viewjiraDetails p span.view-pull-less:hover {
  color: #7800ff;
  font-weight: 600;
}
.theme-light .jiraDetailsScroll .formsection .bdrbtm {
  border-bottom: solid 1px #c5c5c5;
}
.theme-light .jiraDetailsScroll .formsection .bdrbtm .carosel {
  background: #d8d8d8;
}
.theme-light .jiraDetailsScroll .formsection .bdrbtm .carosel .carousel-control-prev,
.theme-light .jiraDetailsScroll .formsection .bdrbtm .carosel .carousel-control-next {
  background: #d8d8d8;
}
.theme-light .addWidgetModal .listComponents li p {
  color: #000;
}
.theme-light .addWidgetModal .listComponents li .componentWidInner {
  background: #d8d8d8;
  border: 1px solid #c0c0c0;
}
.theme-light .addWidgetModal .listComponents li .componentWidInner:hover {
  border: 1px solid #7800ff;
}
.theme-light .channel-request-popup .modal-body .req-modal-body .m-tabs .tab-content .tab-pane .request-content .request-fields input {
  border: 1px solid #c5c5c5 !important;
  background: #fff !important;
  color: #000 !important;
}
.theme-light .channel-request-popup .modal-body .req-modal-body .m-tabs .tab-content .tab-pane .request-content .request-fields input:focus {
  outline: none !important;
}
.theme-light .channel-request-popup .modal-body .req-modal-body .m-tabs .tab-content .tab-pane .request-content .pending-request-list-block p {
  color: #000;
  font-weight: 600;
}
.theme-light .channel-request-popup .modal-body .req-modal-body .m-tabs .tab-content .tab-pane .request-content .pending-request-list-block .pending-list-main .pending-list {
  background: #f3f3f3;
  border: solid 1px transparent !important;
  color: #000;
}
.theme-light .discardModalbdr {
  border: solid 1px #c5c5c5 !important;
}
.theme-light .discardModalbdr .modal-header {
  border-bottom: solid 1px #c5c5c5 !important;
}
.theme-light .discardModalbdr .modal-body p {
  border-bottom: solid 1px #c5c5c5 !important;
}
.theme-light .mymapsFilterOptionsMain .filterButtonrp button:hover span.import-icon, .theme-light .mymapsFilterOptionsMain .filterButtonrp button:focus span.import-icon, .theme-light .mymapsFilterOptionsMain .filterButtonrp button:active span.import-icon, .theme-light .mymapsFilterOptionsMain .filterButtonrp button:visited span.import-icon {
  background-size: 100%;
}
.theme-light .mymapsFilterOptionsMain .filterButtonrp button:hover span.reselect-icon, .theme-light .mymapsFilterOptionsMain .filterButtonrp button:focus span.reselect-icon, .theme-light .mymapsFilterOptionsMain .filterButtonrp button:active span.reselect-icon, .theme-light .mymapsFilterOptionsMain .filterButtonrp button:visited span.reselect-icon {
  background-size: 100%;
}
.theme-light .mymapsFilterOptionsMain .filterButtonrp button:hover span.compare-icon, .theme-light .mymapsFilterOptionsMain .filterButtonrp button:focus span.compare-icon, .theme-light .mymapsFilterOptionsMain .filterButtonrp button:active span.compare-icon, .theme-light .mymapsFilterOptionsMain .filterButtonrp button:visited span.compare-icon {
  background-size: 100%;
}
.theme-light .mymapsFilterOptionsMain .filterButtonrp button.activebtn span.import-icon {
  background-size: 100%;
}
.theme-light .mymapsFilterOptionsMain .filterButtonrp button.activebtn span.reselect-icon {
  background-size: 100%;
}
.theme-light .mymapsFilterOptionsMain .filterButtonrp button.activebtn span.compare-icon {
  background-size: 100%;
}
.theme-light .milkyTablerow.lifeCycleMapsRow {
  background: #e9e9e9;
}
.theme-light .milkyTablerow.lifeCycleMapsRow:hover {
  background: #d8d8d8 !important;
}
.theme-light .milkyTablerow.lifeCycleMapsRow .milkyTablerowMain {
  border: solid 1px #f3f3f3 !important;
}
.theme-light .milkyTablerow.lifeCycleMapsRow .milkyTablerowMain .m-3dots-menu .dropdown.dropup a span.menu-icon:hover {
  background: url(/bundles/admin/images/insight-3dots-black-menu.svg) top center no-repeat #c5c5c5 !important;
}
.theme-light .milkyTablerow.lifeCycleMapsRow .milkyTablerowMain .greyBgButton button {
  background: #c5c5c5 !important;
}
.theme-light .shareMilkyMapModal .saveCancelbtns .tertiary-btn,
.theme-light .addImageModal .browseFilesBox .formsection .tertiary-btn,
.theme-light .CompanyUploadLogo .saveCancelbtns .tertiary-btn,
.theme-light .m-button-medium.inactive-btn-md-gray,
.theme-light .addtouchpointModal .tpviewFooter .saveCancelbtns .tertiary-btn {
  color: #fff !important;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
  background: #d8d8d8 !important;
}
.theme-light .widgetArea .formsection .form-group .form-control.droplighttheme .dropdown-toggle {
  box-shadow: none !important;
}
.theme-light .widgetArea .formsection .form-group .form-control.droplighttheme .dropdown-menu {
  border: solid 1px #c5c5c5 !important;
}
.theme-light .widgetArea .formsection .form-group .form-control.droplighttheme .dropdown-menu ul li a:hover {
  background: #f3f3f3 !important;
}
.theme-light .addDocList .docActions li .tertiary-btn:hover .downloadDoc-icon {
  background: url(/bundles/map/images/download-icon.svg) no-repeat center center !important;
}
.theme-light .docSelectDetails .docActionsList li.delete {
  background: #650000 !important;
}
.theme-light .docSelectDetails .docActionsList li.delete:hover {
  background: #9e0000 !important;
}
.theme-light .docSelectDetails .docActionsList li.upload {
  background: #f3f3f3 !important;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
  color: #000 !important;
}
.theme-light .docSelectDetails .docActionsList li.upload a {
  color: #000 !important;
}
.theme-light .docSelectDetails .docActionsList li.upload:hover {
  background: #d8d8d8 !important;
}
.theme-light .docSelectDetails .docActionsList li.upload:hover a {
  color: #000 !important;
}
.theme-light .inviteUserSearch.imageSearch .search-result-list {
  background: #fff;
  border: solid 1px #c5c5c5;
}
.theme-light .inviteUserSearch.imageSearch .search-result-list li {
  border-bottom: solid 1px #c5c5c5;
  color: #000 !important;
}
.theme-light .inviteUserSearch.imageSearch .search-result-list li:nth-last-child(1) {
  border-bottom: solid 0px #c5c5c5 !important;
}
.theme-light .inviteUserSearch.imageSearch .search-result-list li:hover {
  background: #f3f3f3 !important;
  color: #000 !important;
}
.theme-light .mymapsFilterOptionsMain .filterorderDropdown .filterDropdownInner > li .filterstatusVersionList li .custom-checkbox:checked + label p {
  color: #000 !important;
}
.theme-light .dimensionsWidget .bootstrap-select.show-tick .dropdown-menu li span.check-mark {
  background: #fff;
}
.theme-light .dimensionsWidget .bootstrap-select.show-tick .dropdown-menu li.selected span.text {
  color: #000;
}
.theme-light .lightthemedrop .dropdown-toggle {
  box-shadow: none !important;
}
.theme-light .lightmodelinktxt {
  line-height: 23px;
}
.theme-light .lightmodelinktxt a {
  border-bottom: solid 1px #7800ff;
  padding-bottom: 3px;
  color: #7800ff;
}
.theme-light .lightmodelinktxt a:hover {
  border-bottom: solid 0px #7800ff;
}
.theme-light .CompanyUploadLogo .tertiary-btnTxt {
  color: #000;
}
.theme-light .presentMainContainer .titiedescripWidget h2 {
  color: #000;
}
.theme-light .viewEpisodeMode .episodeDescription {
  color: #000 !important;
}
.theme-light .mode-info-msg {
  color: #000 !important;
}
.theme-light .child-map-display-scroll label {
  background: #f3f3f3;
}
.theme-light .subsceptionListPop .modal-md .modal-content {
  background: #fff;
  border: 1px solid #c5c5c5 !important;
}
.theme-light .subsceptionListPop .modal-md .modal-content .modal-header {
  background: #fff !important;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2) !important;
}
.theme-light .subsceptionListPop .modal-md .modal-content .modal-header .close span {
  background: #fff !important;
  color: #000;
  font-size: 21px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
}
.theme-light .subsceptionListPop .modal-md .modal-content .modal-header .close span:hover {
  background: #000 !important;
  color: #fff;
}
.theme-light .subsceptionListPop .modal-md .modal-content .modal-body table {
  border-left: solid 1px #c5c5c5;
  border-top: solid 1px #c5c5c5;
}
.theme-light .subsceptionListPop .modal-md .modal-content .modal-body table tbody tr td {
  border-bottom: solid 1px #c5c5c5;
  border-right: solid 1px #c5c5c5;
  color: #000;
}
.theme-light .subsceptionListPop .modal-md .modal-content .modal-body table thead tr th {
  background: #d8d8d8;
  border-bottom: solid 1px #c5c5c5;
  border-right: solid 1px #c5c5c5;
  color: #000;
}
.theme-light .subsceptionListPop .modal-md .modal-content .modal-footer {
  border-top: solid 1px #c5c5c5;
}
.theme-light .selectArrowMain.logsdropdown .bootstrap-select .no-results {
  background: #fff !important;
  color: #000;
}
.theme-light .selectArrowMain.logsdropdown .bootstrap-select .no-results:hover {
  color: #000 !important;
}
.theme-light .selectArrowMain.logsdropdown .bootstrap-select .dropdown-toggle::after {
  color: #000;
}
.theme-light .selectArrowMain.logsdropdown .bootstrap-select .dropdown-menu.show .bs-searchbox {
  border-bottom: solid 1px #c5c5c5 !important;
  background: #fff !important;
}
.theme-light .selectArrowMain.logsdropdown .bootstrap-select ul.dropdown-menu.inner.show {
  border: solid 0px #c5c5c5 !important;
}
.theme-light .selectArrowMain.logsdropdown .bootstrap-select ul.dropdown-menu.inner.show li .dropdown-item {
  height: 25px;
  padding: 3px 5px !important;
  background: #fff !important;
  border-right: solid 1px #c5c5c5 !important;
}
.theme-light .selectArrowMain.logsdropdown .bootstrap-select ul.dropdown-menu.inner.show li .dropdown-item:hover {
  background: #f3f3f3 !important;
}
.theme-light .selectArrowMain.logsdropdown .bootstrap-select ul.dropdown-menu.inner.show li .dropdown-item span.text {
  background: transparent !important;
  text-align: left;
  padding: 0px !important;
}
.theme-light .selectArrowMain.logsdropdown .bootstrap-select .dropdown-menu.show {
  border: solid 1px #c5c5c5 !important;
}
.theme-light .input-group-addon {
  background: #c5c5c5;
}
.theme-light .jira-project-name {
  color: #000;
}
.theme-light .dropdownjirastory .form-control {
  background: #fff;
}
.theme-light .dropdownjirastory .form-control:hover {
  background: #fff !important;
}
.theme-light .dropdownjirastory .form-control .dropdown-menu.show {
  border-right: solid 1px #c5c5c5 !important;
  border-bottom: solid 1px #c5c5c5 !important;
  border-top: solid 1px #c5c5c5 !important;
}
.theme-light .dropdownjirastory .form-control .dropdown-menu.show ul.dropdown-menu.inner.show {
  border-right: solid 0px #c5c5c5 !important;
  border-bottom: solid 0px #c5c5c5 !important;
  border-top: solid 0px #c5c5c5 !important;
}
.theme-light .dropdownjirastory .form-control .dropdown-menu.show ul.dropdown-menu.inner.show li:nth-child(1) a {
  border-top: solid 0px #c5c5c5 !important;
}
.theme-light .jira-iteams-table table tr td span button.link,
.theme-light .btnunlink {
  background: #c5c5c5 !important;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.7) !important;
}
.theme-light .jiraDropdownproject .form-control {
  background: #fff;
  box-shadow: none !important;
}
.theme-light .jiraDropdownproject .form-control:hover {
  background: #fff !important;
}
.theme-light .jiraDropdownproject .form-control .dropdown-toggle:hover .dropdown-menu.show, .theme-light .jiraDropdownproject .form-control .dropdown-toggle:focus .dropdown-menu.show, .theme-light .jiraDropdownproject .form-control .dropdown-toggle:active .dropdown-menu.show {
  border: solid 0px #c5c5c5 !important;
}
.theme-light .popupCustomlistDropdown.bootstrap-select .dropdown-menu.show {
  border-top: solid 1px #c5c5c5 !important;
}
.theme-light .btnunlink {
  background: #c5c5c5 !important;
}
.theme-light .actionBoxList .dropdown-menu li a span.text {
  background: #d8d8d8 !important;
}
.theme-light .filter-sel .dropdown-menu.show {
  border-right: solid 1px #c5c5c5 !important;
  border-top: solid 1px #c5c5c5 !important;
  border-bottom: solid 1px #c5c5c5 !important;
}
.theme-light .filter-sel .dropdown-menu.show ul.dropdown-menu.inner.show {
  border-right: solid 0px #c5c5c5 !important;
  border-top: solid 0px #c5c5c5 !important;
  border-bottom: solid 0px #c5c5c5 !important;
}
.theme-light .filter-sel .dropdown-menu.show ul.dropdown-menu.inner.show li a {
  border-right: solid 0px #c5c5c5 !important;
}
.theme-light .filter-sel .dropdown-menu.show ul.dropdown-menu.inner.show li:nth-last-child(1) a {
  border-bottom: solid 0px #c5c5c5 !important;
}
.theme-light .filter-sel .dropdown-menu.show .bs-searchbox {
  background: #fff;
  border: solid 1px #c5c5c5;
  border-top: solid 0px #c5c5c5;
}
.theme-light .motEmotionList .emotionList ul li .emotionBlock .customBgBtn .dropdown .dropdown-toggle {
  background: #f3f3f3;
}
.theme-light .motEmotionList .emotionList ul li .emotionBlock .customBgBtn .dropdown .dropdown-menu {
  border: 1px solid #c5c5c5;
}
.theme-light .addtouchpointModal .tpviewFooter .saveCancelbtns {
  border-top: none !important;
}
.theme-light .milkyTablerow.Child_table .milkyCheckbox .compareCheck .checkmark {
  background: #fff;
}
.theme-light .popupCustomlistDropdown.bootstrap-select .dropdown-menu.show {
  border-right: solid 0px #c5c5c5 !important;
  border-bottom: solid 0px #c5c5c5 !important;
}
.theme-light .popupCustomlistDropdown.bootstrap-select .dropdown-menu.show .bs-actionsbox {
  border: 0px solid #c5c5c5;
}
.theme-light .popupCustomlistDropdown.bootstrap-select .dropdown-menu.show .bs-actionsbox button {
  box-shadow: none !important;
}
.theme-light .popupCustomlistDropdown.bootstrap-select .inner ul.dropdown-menu {
  border-top: solid 0px #c5c5c5 !important;
  border-bottom: solid 0px #c5c5c5 !important;
}
.theme-light .popupCustomlistDropdown.bootstrap-select .inner ul.dropdown-menu li:nth-child(1) a {
  border-top: solid 0px #c5c5c5 !important;
}
.theme-light .popupCustomlistDropdown.bootstrap-select .inner ul.dropdown-menu li:nth-last-child(1) a {
  border-bottom: solid 0px #c5c5c5 !important;
}
.theme-light .popupCustomlistDropdown.bootstrap-select .inner ul.dropdown-menu li .dropdown-item {
  border-right: solid 0px #c5c5c5 !important;
}
.theme-light .popupCustomlistDropdown.bootstrap-select .inner ul.dropdown-menu li .dropdown-item span.text {
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box;
}
.theme-light .customFieldGlobalblock .row .customRepeatBox .customBox {
  color: #fff;
}
.theme-light .touchpointLanemian .attachmentsLane.touchpointLaneList .widgetArea .tpName {
  padding: 5px !important;
}
.theme-light .insightPresentrow .insightPresentArrow.cslistArrow {
  background: #7800ff !important;
}
.theme-light .insightPresentrow .insightPresentArrow.cslistArrow i {
  color: #fff;
}
.theme-light .insightDatatable table tbody tr td div.space.countlist .countnumber,
.theme-light .customlistdiv .countnumber {
  background: rgba(18, 5, 5, 0.7);
}
.theme-light .menunavOffset.collapsedMenu #sidebar-wrapper .navbar-brand {
  background: #fff !important;
}
.theme-light .menunavOffset.collapsedMenu #sidebar-wrapper .m-slidebar-height .insightsaccordion .insightFilterMenu ul li.expand {
  background: #c0c0c0;
}
.theme-light .menunavOffset.collapsedMenu #sidebar-wrapper .m-slidebar-height .insightsaccordion .insightFilterMenu ul li .card .card-header.headerMain h5 a:hover {
  background: #d8d8d8;
}
.theme-light .menunavOffset #sidebar-wrapper .m-slidebar-height .insightsaccordion .insightFilterMenu ul li.expand .collaspe-icon {
  background: #ccc;
}
.theme-light img.lighttheme {
  display: block !important;
}
.theme-light img.darktheme {
  display: none !important;
}
.theme-light img.darktheme-icon {
  visibility: hidden;
  display: none !important;
}
.theme-light img.lighttheme-icon {
  visibility: visible;
  display: inline-block !important;
}
.theme-light .domainconfirmsection .noticetxt {
  color: #000;
}
.theme-light .domainconfirmsection .checkbox {
  background: #e5eaef;
  border: solid 1px #c5c5c5;
}
.theme-light .refineselectdisplay {
  color: #000;
}
.theme-light .m-tabs .nav-tabs {
  border-bottom: 1px solid #c5c5c5;
  background: #fff;
}
.theme-light .ssouserlist-row {
  background: #f3f3f3;
}
.theme-light .ssouserlist-row:hover {
  background: #e9e9e9;
}
.theme-light .ssouserlist-row.invalid-users, .theme-light .ssouserlist-row.exist-Users, .theme-light .ssouserlist-row.suspend-users {
  color: #92899e;
  font-weight: 600;
}
.theme-light .ssouserlist-row.invalid-users img, .theme-light .ssouserlist-row.exist-Users img, .theme-light .ssouserlist-row.suspend-users img {
  opacity: 0.4;
}
.theme-light .nousersdata {
  border: solid 1px #c5c5c5;
}
.theme-light .insightsCheck.sso-check .checkmark {
  background-color: #fff !important;
  border: solid 1px #110a1a !important;
}
.theme-light .sso-check .checkboxinner input:checked ~ .checkmark {
  border: solid 1px #110a1a !important;
}
.theme-light .setrole-mainrow .setrole-row .setrole-dropdown .dropdown-toggle {
  background: #fff !important;
  border: solid 1px #c5c5c5 !important;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.2) !important;
}
.theme-light .setrole-mainrow .setrole-row .setrole-dropdown .dropdown-toggle:hover, .theme-light .setrole-mainrow .setrole-row .setrole-dropdown .dropdown-toggle:active, .theme-light .setrole-mainrow .setrole-row .setrole-dropdown .dropdown-toggle:focus {
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.2) !important;
}
.theme-light .setrole-mainrow .setrole-row .setrole-dropdown .dropdown-toggle::after {
  color: #000;
}
.theme-light .system-admin-row {
  color: #8b93a1;
  background-color: #f3f3f3;
  border: solid 1px #c5c5c5;
}
.theme-light .system-admin-row p {
  color: #000;
}
.theme-light .system-admin-row p.user, .theme-light .system-admin-row p.userEmailname {
  color: #000;
}
.theme-light .system-admin-row p.user.noneAssigned, .theme-light .system-admin-row p.userEmailname.noneAssigned {
  color: #524a5e !important;
}
.theme-light .setupdetails .row {
  background: #f3f3f3;
}
.theme-light .setupdetails .row:hover {
  background: #e9e9e9;
}
.theme-light .data-groups .databg {
  background: #f3f3f3;
}
.theme-light .data-groups .databg:hover {
  background: #e9e9e9;
}
.theme-light .sso-flow .sso-details .data-box {
  background: #f3f3f3;
  border: solid 1px #c5c5c5;
}
.theme-light .new-tabs {
  border-bottom: 1px solid #c5c5c5 !important;
}
.theme-light .new-tabs .nav-tabs {
  border-bottom: 0px solid #c5c5c5 !important;
}
.theme-light .modal-customTabs .insightsMainblock .new-tabs {
  border-bottom: 1px solid #c5c5c5 !important;
  margin-bottom: 11px;
}
.theme-light #addInsightModalJourneyapp.mainModal .modal-content .modal-customTabs .insightsMainblock .new-tabs,
.theme-light #connectMotModal.mainModal .modal-content .modal-customTabs .insightsMainblock .new-tabs,
.theme-light #addImprovementModalJourneyapp.mainModal .modal-content .modal-customTabs .insightsMainblock .new-tabs {
  border-bottom: 1px solid #c5c5c5 !important;
}
.theme-light #addInsightModalJourneyapp.mainModal .modal-content .modal-customTabs .insightsMainblock .new-tabs .nav-tabs,
.theme-light #connectMotModal.mainModal .modal-content .modal-customTabs .insightsMainblock .new-tabs .nav-tabs,
.theme-light #addImprovementModalJourneyapp.mainModal .modal-content .modal-customTabs .insightsMainblock .new-tabs .nav-tabs {
  border-bottom: 0px solid #c5c5c5 !important;
}
.theme-light #page-content-wrapper.usermanage-page {
  background: #fff;
}
.theme-light #page-content-wrapper.usermanage-page .maincontainer .fixedHeader-UserManagement {
  background: #fff;
}
.theme-light .child-unpublish .lCSelect .presentActiveLC {
  color: #000 !important;
  font-weight: 400;
}
.theme-light .alert-map-useing ul li .headrow span:nth-child(1).checkmark {
  background: transparent;
}
.theme-light .alert-map-useing ul li .headrow span:nth-child(1).checkmark:hover {
  background: transparent !important;
}
.theme-light .alert-map-useing ul li .headrow span:nth-child(3).delete:hover {
  background: #6f0008 !important;
  color: #fff;
}
.theme-light .modalscrollbar-notifications {
  scrollbar-color: #f3f3f3 #f3f3f3;
  scrollbar-width: thin;
  overflow-x: hidden;
}
.theme-light .modalscrollbar-notifications::-webkit-scrollbar {
  width: 13px;
}
.theme-light .modalscrollbar-notifications::-webkit-scrollbar-track {
  box-shadow: none;
  border-radius: 0px;
  background: #f3f3f3;
}
.theme-light .modalscrollbar-notifications::-webkit-scrollbar-track:hover {
  background: #f3f3f3;
}
.theme-light .modalscrollbar-notifications::-webkit-scrollbar-thumb {
  background: #7b6c8f;
  border: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}
.theme-light .modalscrollbar-notifications::-webkit-scrollbar-thumb:hover {
  background: #a294b5;
  border: 4px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}

.theme-light .co-user-dropdown .m-select-filter-dropdown div.dropdown-menu {
  background: #fff;
}
.theme-light .co-user-dropdown .m-select-filter-dropdown div.dropdown-menu .inner.show {
  background: #fff !important;
}
.theme-light .thumbnail .filemanage_block .fileitem .dashboard .inner-content .preview {
  display: inline-block;
  margin-top: 5px;
}
.theme-light .thumbnail .filemanage_block .fileitem .dashboard .inner-content .preview.videoview a {
  background: #f3f3f3 !important;
  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.25) !important;
  color: #000 !important;
}
.theme-light .thumbnail .filemanage_block .fileitem .dashboard .inner-content .preview.videoview a:hover {
  background: #d8d8d8 !important;
  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.25) !important;
  color: #000 !important;
}
.theme-light .mainModal .ssousersysadmin .ssouserlist-row {
  background: #f3f3f3;
}
.theme-light .mainModal .ssousersysadmin .ssouserlist-row:hover {
  background: #e9e9e9;
}
.theme-light .mainModal .ssousersysadmin .modal-content .modal-header {
  background: #fff;
  box-shadow: none !important;
  border-bottom: none !important;
}
.theme-light .mainModal .ssousersysadmin .modal-content .modal-header h2.modal-title {
  border-bottom: solid 1px #c5c5c5;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
  background: #fff;
}
.theme-light .mainModal .ssousersysadmin .modal-content .modal-header .sysAdminpopFilter .modal-insight-filter-block .filter-width-modal .filerSearchWidth .m-search-box input {
  background: transparent !important;
}
.theme-light .mainModal .ssousersysadmin .modal-content .modal-header .sysAdminpopFilter .modal-insight-filter-block .filter-width-modal .filterOptions .filterMianSection .filterOrderBg {
  background: transparent !important;
}
.theme-light .mainModal .ssousersysadmin .modal-content .modal-body {
  border-top: 0px solid #000 !important;
}
.theme-light .mainModal .ssousersysadmin .modal-content .modal-body .nousersdata {
  border: solid 1px #c5c5c5;
}
.theme-light .confirm-sso .modal-body {
  padding: 30px !important;
}
.theme-light .confirm-sso .modal-body .insightsBody .ssouserlist-row {
  background: #f3f3f3;
}
.theme-light .confirm-sso .modal-body .insightsBody .ssouserlist-row:hover {
  background: #e9e9e9;
}
.theme-light .ssosetupbody p span.txt-heghlight {
  color: #7800ff;
}
.theme-light .present-kpi-extlink .link span.text a {
  color: #524a5e;
  border-bottom: solid 1px #524a5e;
}
.theme-light .present-kpi-extlink .link span.text a:hover {
  color: #000;
  border-bottom: solid 1px #000;
}
.theme-light .kpi-extlink .headingkpi {
  font-weight: 600;
}
.theme-light .kpi-extlink .link span a {
  color: #524a5e;
  border-bottom: solid 1px #524a5e;
}
.theme-light .kpi-extlink .link span a:hover {
  color: #000;
  border-bottom: solid 1px #000;
}
.theme-light .editRole .selectrole .dropdown-menu.show {
  border: 1px solid #c5c5c5;
  margin: -1px 0px 0px 0px;
}
.theme-light .editRole .selectrole .dropdown-menu.show ul.dropdown-menu li a {
  color: #000;
  font-weight: 600;
}
.theme-light .sso-flow p a {
  color: #000;
  border-bottom: solid 1px #000;
}
.theme-light .sso-flow p a:hover {
  border-bottom: solid 0px #fff;
}
.theme-light .modal-map-edit .modal-content .modal-body .userdisplayRow {
  background: #f3f3f3;
}
.theme-light .modal-map-edit .modal-content .modal-body p {
  color: #000;
}
.theme-light .columnviewmain .columnviewhroll .columnviewlist .rightpanelaccordion .card .card-header .stagecreated .phaseCountBg,
.theme-light .columnviewmain .columnviewhroll .columnviewlist .rightpanelaccordion .card .card-header .stagecreated .crCountBg {
  background: #8f8c91;
  color: #fff;
}
.theme-light .nodata-found {
  border: 1px solid #c5c5c5;
}
.theme-light .collapseLane .LaneNameDisplay {
  color: #000;
}
.theme-light .collapseLane .LaneNameDisplay p {
  background: #fff;
  border-bottom: solid 2px #c5c5c5;
  border-right: solid 2px #c5c5c5;
}
.theme-light .collapseLane .LaneNameDisplay span.laneIcon {
  background: #c5c5c5;
}
.theme-light .collapseLane .LaneNameDisplay span.parentIconlane {
  background: #7800ff;
}
.theme-light .collapseLane .laneLabel p {
  border-bottom: solid 2px #c5c5c5;
}
.theme-light .collapseLane .laneLabel p span.laneIcon {
  background: #c5c5c5;
}
.theme-light .collapseLane .laneLabel p span.parentIconlane {
  background: #7800ff;
}
.theme-light .newLeftWarpper.leftwrapper.tpbdrpresent {
  border-top: 2px solid #c5c5c5 !important;
}
.theme-light .presentLaneLabel .draggable-item-epview-lanes .accordionMainBlockRight .laneLabel p {
  border-right: solid 2px #c5c5c5;
}
.theme-light .collapseWidgetBlockPresent2 .flexContainer .width-14 .widgettopTitle p span.arrow {
  background: #d8d8d8;
  color: #110a1a;
}
.theme-light .collapseWidgetBlockPresent2 .flexContainer .width-14 .widgettopTitle p span.arrow:hover {
  background: #c5c5c5;
  color: #110a1a;
}
.theme-light .invite-people .invitetopcenter .invitepeoplebg .addnew-btn i {
  color: #0c0c0c;
}
.theme-light .changeRole-add ul.dropdown-menu.inner {
  border: 1px solid #c5c5c5;
}
.theme-light .changeRole-add ul.dropdown-menu li a {
  font-weight: 600;
  border-bottom: 1px solid #c5c5c5;
}
.theme-light .multi-domains .btn.m-button-small {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) !important;
}
.theme-light .multi-domains.domain-view .domain-name {
  background: #f3f3f3 !important;
  color: #110a1a;
}
.theme-light .multi-domains.domain-view .input-group-append {
  background: #f3f3f3 !important;
}
.theme-light .ChannelBox .ChannelData .Channelcustomlist .channel-cs-list p {
  color: #524a5e;
}
.theme-light .ChannelBox .ChannelData .Channelcustomlist .channel-cs-list p a {
  color: #524a5e;
}
.theme-light .commentsMain .commentsMainBlock .commentTitle {
  color: #000;
  background: #fff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2) !important;
}
.theme-light .commentsMain .commentsMainBlock .commentTitle .closeComment {
  color: #000;
}
.theme-light .commentsMain .commentsMainBlock .commentTitle .closeComment:hover {
  color: #fff;
}
.theme-light .commentsMain .commentsMainBlock .commentTxtBlock .commentTxtBlockInner div.comment-user {
  color: #000 !important;
  font-weight: 500;
}
.theme-light .touchpointList .commentsMain .commentsMainBlock {
  right: -230px;
}

.theme-light .modal.dashboardcontact-tpmodal .modal-lg .modal-content .modal-body .addImagebody .rightwrapper .tp-present-row.collspeTP .lc-dashboard-journeyDetails {
  border-bottom: solid 2px #c5c5c5;
}
.theme-light .modal.dashboardcontact-tpmodal .modal-lg .modal-content .modal-body .addImagebody .rightwrapper .tp-present-row .innerrow-widgets .touchpoint_box-new .widgetArea {
  background: #fff;
  margin: 0px;
}
.theme-light .modal.dashboardcontact-tpmodal .modal-lg .modal-content .modal-body .addImagebody .rightwrapper .touchwidgetPresentdata .tpwidgetAreaMainSection .row .lanesDrag .width-14 {
  border: solid 2px #c5c5c5 !important;
}
.theme-light .modal.dashboardcontact-tpmodal .modal-lg .modal-content .modal-body .addImagebody .rightwrapper .touchwidgetPresentdata .tpwidgetAreaMainSection .row .lanesDrag .width-14 .widgetArea .formsection .connectedKpiWidget {
  background: #fff;
}
.theme-light .tp-present-row .lc-dashboard-journeyDetails .tp-head {
  color: #000;
}
.theme-light .tp-present-row .lc-dashboard-journeyDetails .ep-journey-head {
  color: #524a5e;
}
.theme-light .noconnecters {
  border: 1px solid #c5c5c5;
}
.theme-light .noMapTitle {
  color: #7b6c8f !important;
}
.theme-light .selectArrowMain.logsdropdown .bootstrap-select .dropdown-toggle {
  background: #fff !important;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.2) !important;
  border: 1px solid #c5c5c5 !important;
}
.theme-light .selectArrowMain.logsdropdown .bootstrap-select ul.dropdown-menu li {
  border-bottom: solid 0px #c5c5c5 !important;
}
.theme-light .groupowners-filter {
  background: #f3f3f3;
  border: solid 1px #d8d8d8;
}
.theme-light .m-select-dropdown-md .dropdown-toggle {
  border: 1px solid #c5c5c5 !important;
}
.theme-light .m-select-dropdown-md .dropdown-toggle:focus, .theme-light .m-select-dropdown-md .dropdown-toggle:active, .theme-light .m-select-dropdown-md .dropdown-toggle:visited, .theme-light .m-select-dropdown-md .dropdown-toggle.active {
  outline: none !important;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.2) !important;
}
.theme-light .m-select-dropdown-md .dropdown-menu {
  border-right: 1px solid #c5c5c5 !important;
  border-bottom: 1px solid #c5c5c5 !important;
}
.theme-light .m-select-dropdown-md .dropdown-menu .bs-searchbox {
  background: #fff;
  border-top: solid 1px #c5c5c5;
  border-left: solid 1px #c5c5c5;
  border-bottom: 1px solid #c5c5c5 !important;
}
.theme-light .m-select-dropdown-md .dropdown-menu.inner {
  border-top: 0px solid #c5c5c5 !important;
  border-left: 1px solid #c5c5c5 !important;
  border-right: 1px solid #c5c5c5 !important;
}
.theme-light .m-select-dropdown-md .dropdown-menu.inner .no-results {
  color: #7b6c8f;
  background: #fff;
  border-bottom: 1px solid #c5c5c5 !important;
}
.theme-light .m-select-dropdown-md .dropdown-menu li a {
  border-bottom: 1px solid #c5c5c5 !important;
}
.theme-light .m-select-dropdown-md .dropdown-menu li:nth-last-child(1) a {
  border-bottom: 0px solid #c5c5c5 !important;
}
.theme-light .Controlcenter-Owner-filter .mainblock .groupfilter {
  background: #f3f3f3;
  border: solid 1px #d8d8d8;
}
.theme-light .newUsermanagement .usermanagelist.sysAdminRow {
  color: #7b6c8f;
}
.theme-light .newUsermanagement .usermanagelist.sysAdminRow .form-group p {
  color: #7b6c8f !important;
}
.theme-light .newUsermanagement .usermanagelist.sysAdminRow .form-group.activeusercheckbox label p.userLabelLink {
  color: #7b6c8f !important;
}

.theme-light .svgContainer .phaseCircle.selected {
  stroke: #d8d8d8;
}
.theme-light .svgContainer .stageCircle.selected {
  stroke: #d8d8d8;
}
.theme-light .selected.CRrect {
  fill: #d8d8d8;
  stroke: #c5c5c5;
}
.theme-light .touchpointLanemian .attachmentsLane.touchpointLaneList .widgetArea .tpActions {
  background: transparent !important;
}
.theme-light .touchpointLanemian .attachmentsLane.touchpointLaneList .widgetArea .tpName {
  background: transparent !important;
}
.theme-light .leftmenuscrollbar::-webkit-scrollbar-track {
  background: #e5eaef;
}
.theme-light .leftmenuscrollbar::-webkit-scrollbar-track:hover {
  background: #e5eaef;
}
.theme-light .leftmenuscrollbar::-moz-scrollbar-track {
  background: #e5eaef;
}
.theme-light .leftmenuscrollbar::-moz-scrollbar-track:hover {
  background: #e5eaef;
}
.theme-light .widgetArea .AttachmentsMain.ListwithFiles li {
  background: #f3f3f3 !important;
}
.theme-light .kpiMainBox .kpiBoxJournryLevel .kpiWidgetBig:hover .kpiheadingRow {
  background: #fff;
}
.theme-light .touchItemShow .touchpointMainLane .touchpointList {
  padding: 0 !important;
  background: #fff;
}
.theme-light .collaboration .dropdown-menu {
  background: #fff !important;
  border: 1px solid #c5c5c5 !important;
}
.theme-light .collaboration .dropdown-menu .user-row {
  color: #110a1a;
  border-bottom: solid 1px #c5c5c5;
  font-weight: 500;
}
.theme-light .collaboration .dropdown-menu .user-row:nth-last-child(1) {
  border-bottom: solid 0px #c5c5c5;
}
.theme-light .collaboration .dropdown-menu .user-row.active {
  color: #110a1a;
}
.theme-light .collaboration .dropdown-menu .user-row.inactive {
  color: #110a1a;
}
.theme-light .mainModal .parentMapSettings.dimension-filter .modal-body .dimension-filter-block {
  background: #f3f3f3 !important;
  box-shadow: inset 0px 15px 15px -6px #d8d8d8 !important;
  border-bottom: solid 1px #d8d8d8 !important;
}
.theme-light .mainModal .parentMapSettings.dimension-filter .modal-body .dimension-filter-block .dimension-field label {
  color: #524a5e;
}
.theme-light .dimension-field .filtercheckbox .brandsFilter.bootstrap-select.show-tick .dropdown-toggle,
.theme-light .dimension-field .filtercheckbox .cs-product-contryFilter.bootstrap-select.show-tick .dropdown-toggle {
  background: #fff !important;
}
.theme-light .dimension-field .filtercheckbox .brandsFilter.bootstrap-select.show-tick .dropdown-menu .bs-actionsbox,
.theme-light .dimension-field .filtercheckbox .cs-product-contryFilter.bootstrap-select.show-tick .dropdown-menu .bs-actionsbox {
  background: #e5eaef !important;
  border: solid 1px #c5c5c5 !important;
  border-bottom: 1px solid #c5c5c5 !important;
}
.theme-light .dimension-field .filtercheckbox .brandsFilter.bootstrap-select.show-tick .dropdown-menu .bs-actionsbox .btn-group,
.theme-light .dimension-field .filtercheckbox .cs-product-contryFilter.bootstrap-select.show-tick .dropdown-menu .bs-actionsbox .btn-group {
  background: #e5eaef !important;
}
.theme-light .dimension-field .filtercheckbox .brandsFilter.bootstrap-select.show-tick .dropdown-menu .bs-actionsbox .btn-group .actions-btn,
.theme-light .dimension-field .filtercheckbox .cs-product-contryFilter.bootstrap-select.show-tick .dropdown-menu .bs-actionsbox .btn-group .actions-btn {
  color: #000 !important;
  background: #e5eaef;
  border-bottom: 1px solid #c5c5c5 !important;
  font-weight: 600;
}
.theme-light .dimension-field .filtercheckbox .cs-product-contryFilter.bootstrap-select.show-tick .dropdown-menu .inner .dropdown-menu li a span.text {
  color: #000 !important;
}
.theme-light .dimension-field .filtercheckbox .brandsFilter.bootstrap-select.show-tick .dropdown-menu .inner .dropdown-menu li a span.text {
  background: #d8d8d8;
}
.theme-light .dimension-field .filtercheckbox .brandsFilter.bootstrap-select.show-tick .filter-option .filter-option-inner .filter-option-inner-inner img {
  background: #d8d8d8;
  height: 16px;
}
.theme-light .formsection .form-group .selectArrowMain.roleselect.logsdropdown .m-select-dropdown-jira.bootstrap-select.form-control .dropdown-toggle {
  padding: 4px 6px !important;
  height: 23px !important;
  border: 0px solid #c5c5c5 !important;
}
.theme-light .usersettings.datamain .billinginfotable .formsection .form-group .brand-disabled .form-control.channeldescrip {
  background: #c5c5c5 !important;
  box-shadow: none !important;
  border: solid 1px #d8d8d8 !important;
}
.theme-light .umtable.billinginfotable .formsection .dataposrelmain .selectoptions a.view-icon.disabled:after {
  color: #000;
}
.theme-light .umtable.billinginfotable .formsection .dataposrelmain .selectoptions a.view-icon.disabled:hover {
  opacity: 0.7;
}
.theme-light .relation-jorney-box .icon .hidden-eye {
  background: rgba(64, 57, 74, 0.3) !important;
  border: solid 1px rgba(64, 57, 74, 0.3) !important;
}
.theme-light .relation-jorney-box .icon .hidden-eye:hover {
  background: #7800ff !important;
  border: 1px solid #7800ff !important;
  opacity: 0.7;
  color: #fff !important;
}

/*********************** Declaration of Variabes ******************/
/*** Colors ***/
/*** emotion colors ***/
/*** Gradients ***/
/*** Headings ***/
/*** Paddings & margins ***/
/*** Positions ***/
/*** aligns ***/
/******---Master Sizes----****/
/******---Light Theme Color----****/
/******---New Colors, Pricing, Register Flow----****/
/*********************** Declaration of Mixins ******************/
.text-widget.insightwidgetBoxMain .widgetDispayBox .widgetData .personBox {
  border: solid 0px var(--Border_Divider) !important;
  padding: 24px 15px 15px 15px !important;
}
.text-widget.insightwidgetBoxMain .widgetDispayBox .widgetData .personBox .linkwidgetData.text-widget-data {
  line-height: 20px;
}
.text-widget.insightwidgetBoxMain .widgetDispayBox .widgetData .personBox .linkwidgetData.text-widget-data h6 {
  font-weight: 600;
  font-size: 13px !important;
  margin: 0px;
  line-height: 18px;
}
.text-widget.insightwidgetBoxMain .widgetDispayBox .widgetData .personBox .linkwidgetData.text-widget-data .text p {
  font-size: 12px;
}

.text-widget-cp.colorPicker .vue-swatches .vue-swatches__trigger__wrapper .vue-swatches__trigger {
  border-radius: 5px !important;
  width: 30px !important;
  height: 30px !important;
  border: solid 1px var(--Border_Divider) !important;
}
.text-widget-cp.colorPicker .vue-swatches .vue-swatches__container {
  top: 0px !important;
  left: 40px !important;
}
.text-widget-cp.colorPicker .vue-swatches .vue-swatches__container .vue-swatches__wrapper {
  width: 300px !important;
}
.text-widget-cp.colorPicker .vue-swatches .vue-swatches__container .vue-swatches__wrapper .vue-swatches__swatch {
  width: 30px !important;
  height: 30px !important;
  margin-right: 7px !important;
  margin-bottom: 1px !important;
}
.text-widget-cp.colorPicker .vue-swatches .vue-swatches__container .vue-swatches__fallback__wrapper {
  width: 288px !important;
}
.text-widget-cp.colorPicker .vue-swatches .vue-swatches__container .vue-swatches__fallback__wrapper .vue-swatches__fallback__button {
  padding: 0px 15px !important;
  font-weight: 500 !important;
  background-color: #3571c8;
  line-height: 30px !important;
  font-size: 13px !important;
}
.text-widget-cp.colorPicker .vue-swatches .vue-swatches__container .vue-swatches__fallback__wrapper .vue-swatches__fallback__input--wrapper .vue-swatches__fallback__input {
  height: 30px !important;
}

.global-data-view.persona-cs-view.text-csview .insightpopbox {
  padding: 0px !important;
}
.global-data-view.persona-cs-view.text-csview .insightpopbox .csFieldLabel {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--Input_Default) !important;
  margin-bottom: 10px !important;
}
.global-data-view.persona-cs-view.text-csview .insightpopbox .cs-inner-div {
  display: flex;
  flex-wrap: wrap;
  margin: 0px -7.5px;
}
.global-data-view.persona-cs-view.text-csview .insightpopbox .cs-inner-div .csinner-blocks {
  flex: 0 0 50%;
  box-sizing: border-box;
  padding: 0px 7.5px 5px 7.5px;
  text-align: center;
}

.insightwidgetBoxMain .motWidget.linkWidget .insightControls .arrow-drag {
  position: absolute;
  width: 24px;
  height: 24px;
  text-align: center;
  color: var(--Title);
}

.topfixedEditmap .flexContainer .width-14 .widgetArea .inSightInnerspace.dataAddInsight .motDragBox .draggable-item.ghost.vertical {
  position: relative;
  z-index: 1;
}
.topfixedEditmap .flexContainer .width-14 .widgetArea .inSightInnerspace.dataAddInsight .motDragBox .draggable-item.ghost.vertical::after {
  position: absolute;
  left: 0px;
  right: 0px;
  content: "";
  margin: 0 auto;
  text-align: center;
  z-index: 2;
  background: rgba(120, 0, 255, 0.8);
  height: 100%;
  top: 0px;
  bottom: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: FontAwesome;
  font-size: 16px;
  color: #fff;
}
.topfixedEditmap .flexContainer .width-14 .widgetArea .inSightInnerspace.dataAddInsight .motDragBox .draggable-item.ghost.vertical::after {
  font-size: 40px;
  border-radius: 10px;
}

.laneEditPersona .EditLaneEmotionList.textwidgetlist {
  margin-bottom: 12px !important;
}
.laneEditPersona .EditLaneEmotionList.textwidgetlist:nth-last-child(1) {
  margin-bottom: 0px !important;
}
.laneEditPersona .EditLaneEmotionList.textwidgetlist:nth-child(1) {
  margin-top: 20px !important;
  padding-top: 0px !important;
}
.laneEditPersona .EditLaneEmotionList.textwidgetlist.ghost::before {
  text-align: center;
  top: 0px;
  font-size: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
}
.laneEditPersona .EditLaneEmotionList.textwidgetlist.ghost::after {
  display: none;
}

.edit-persona-new .textwidgetlist {
  margin-bottom: 12px !important;
}
.edit-persona-new .textwidgetlist:nth-last-child(1) {
  margin-bottom: 0px !important;
}

.touchPointPersonaList .textwidgetlist {
  margin-bottom: 12px !important;
}
.touchPointPersonaList .textwidgetlist.ghost::after {
  text-align: center;
  top: 0px !important;
  font-size: 40px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  height: calc(100%) !important;
}
.touchPointPersonaList .textwidgetlist:nth-last-child(1) {
  margin-bottom: 0px !important;
}
.touchPointPersonaList .textwidgetlist:nth-child(1) {
  padding-top: 0px !important;
  margin-top: 20px !important;
}

.presentjourneyPersona .dragdoc .insightwidgetBoxMain {
  margin-bottom: 12px;
}
.presentjourneyPersona .dragdoc .insightwidgetBoxMain .motWidget .widgetData .personBox {
  padding: 15px !important;
}

.presentLanePersona.textwidget-lane .w-100 {
  margin-bottom: 12px !important;
}
.presentLanePersona.textwidget-lane .w-100 .motWidget .widgetData .personBox {
  padding: 15px !important;
}
.presentLanePersona.textwidget-lane .w-100:nth-last-child(1) {
  margin-bottom: 0px !important;
}

.textwidget-lane-episode .w-100 {
  margin-bottom: 12px !important;
}
.textwidget-lane-episode .w-100 .motWidget .widgetData .personBox {
  padding: 15px !important;
}
.textwidget-lane-episode .w-100:nth-last-child(1) {
  margin-bottom: 0px !important;
}

.presentFoldPersona .presentFoldPersonaList {
  margin-bottom: 12px !important;
}
.presentFoldPersona .presentFoldPersonaList .motWidget .widgetData .personBox {
  padding: 15px !important;
}
.presentFoldPersona .presentFoldPersonaList:nth-last-child(1) {
  margin-bottom: 0px !important;
}

.TouchPointPersonaBox .TouchPointPersonaList.tptextwidgetlist {
  margin-bottom: 12px !important;
}
.TouchPointPersonaBox .TouchPointPersonaList.tptextwidgetlist .motWidget .widgetData .personBox {
  padding: 15px !important;
}
.TouchPointPersonaBox .TouchPointPersonaList.tptextwidgetlist:nth-last-child(1) {
  margin-bottom: 0px !important;
}

.insightwidgetBoxMain.text-widget .motWidget.linkWidget .insightControls {
  z-index: 10;
}

.noshadow {
  box-shadow: none !important;
}

.label-cs-bottom {
  margin-bottom: 0.5rem !important;
}

.pl-10 {
  padding-left: 10px !important;
}

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

.nobgcolor {
  background: none !important;
}

.version-item {
  margin: 0 0 10px 0;
  border-bottom: solid 1px var(--NewModalInnerbg);
  border-radius: 5px;
  background-color: var(--NewModalInnerbg);
  padding: 10px;
}
.version-item .row {
  margin-left: -10px;
  margin-right: -10px;
}
.version-item .row .col.btns-block {
  max-width: 29%;
  flex: 0 0 29%;
}
.version-item .row .col {
  font-size: 13px;
  text-align: left;
  padding-right: 10px;
  padding-left: 10px;
}
.version-item .row .col.desc {
  max-width: 26%;
  flex: 0 0 26%;
  font-size: 13px;
  align-items: center;
  display: flex;
}
.version-item .row .col.date {
  max-width: 18%;
  flex: 0 0 18%;
  font-size: 13px;
  align-items: center;
  display: flex;
}
.version-item .row .col.version {
  max-width: 12%;
  flex: 0 0 12%;
  font-size: 13px;
  font-weight: 500;
  align-items: center;
  display: flex;
}
.version-item .row .col.userid {
  align-items: center;
  display: flex;
}

.no-versions {
  margin: 0 0 10px 0;
  border-bottom: solid 1px var(--NewModalInnerbg);
  border-radius: 5px;
  background-color: var(--NewModalInnerbg);
  padding: 10px;
  color: #fff;
  text-align: center;
  font-size: 13px;
}

.min-400-height {
  min-height: 400px;
}

/*************** 2. Typography ******************/
@font-face {
  font-family: "titling-gothic-fb-extended";
  src: url("https://use.typekit.net/af/26c587/00000000000000003b9ae8f5/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/26c587/00000000000000003b9ae8f5/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/26c587/00000000000000003b9ae8f5/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 700;
}
/*************** 3. Base Styles ******************/
.theme-dark {
  --Background_Primary: #110A1A;
  --Background_Secondary: #1F1829;
  --Background_Tertiary: #2D2637;
  --Background_Quartenary: #3F3449;
  --Background_Disabled: #3F3449;
  --Background_Hover: #7B6C8F;
  --Background_Overlay: #3F3449;
  --Foreground_Primary: #2D2637;
  --Foreground_Secondary: #3F3449;
  --Foreground_Tertiary: #5A4F65;
  --Foreground_Quartenary: #7B6C8F;
  --Foreground_Disabled: #7B6C8F;
  --Title: #FFFFFF;
  --Body: #EDEDED;
  --Input_Default: #7B6C8F;
  --Input_Filled: #BCBCBC;
  --Subtitle: #7B6C8F;
  --Caption: #5A4F65;
  --Negative: #FFFFFF;
  --Disabled: #5A4F65;
  --Critical: #FF6482;
  --Error: #F95950;
  --Warning: #FFB340;
  --Alert: #FFD426;
  --Information: #409CFF;
  --Success: #31DE4B;
  --Other: #BCBCBC;
  --Border_Bounds: #3F3449;
  --Border_Divider: #5A4F65;
  --Border_Focus: #7801FF;
  --Border_Default: #7B6C8F;
  --Border_Disabled: #3F3449;
  --Border_Information: #409CFF;
  --Border_Success: #31DE4B;
  --Border_Warning: #FFB340;
  --Border_Alert: #FFD426;
  --Border_Error: #F95950;
  --Border_Critical: #FF6482;
  --Modal_Overlay: rgba(17, 10, 26, 0.8);
  --Label_subhead: #AE9FC1;
  --Checkbox_filled: #A668FF;
  --Foreground_Segment: #3F3449;
  --Modal_Fullwidth_bg: #1F1829;
  --Background-selection_component: #2D2637;
  --Global_tr_td: #2D2637;
  --Global_tr_td_hover: #423c4b;
  --MapTable_bg: #110A1A;
  --Relation_border: #2D2637;
  --Relation_table: #2D2637;
  --Roundicon-bg: #000000;
  --Toggle-bg: #5A4F65;
  --InactiveMapsColor: #5A4F65;
  --Iconbg: #40394a;
  --Iconborder: #5d5961;
  --ServicePrintHeader: #2D2637;
  --DropdownBg: #2D2637;
  --DropdownBgHover: #3F3449;
  --DropdownBgFocus: #1F1829;
  --DropdownliColor: #c2b8d0;
  --WidgetFrameBorder: #3F3449;
  --Global-TableInfobg: #5A4F65;
  --NewModalInnerbg: #3F3449;
  --Configboxbg: #1F1829;
  --ToggleBorder: #5A4F65;
  --td_disabled: rgba(55, 42, 67, 0.88);
}

.theme-light {
  --Background_Primary: #FFFFFF;
  --Background_Secondary: #EDEDED;
  --Background_Tertiary: #FAFAFA;
  --Background_Quartenary: #D4D4D4;
  --Background_Disabled: #EDEDED;
  --Background_Hover: #D4D4D4;
  --Background_Overlay: #FFFFFF;
  --Foreground_Primary: #FFFFFF;
  --Foreground_Secondary: #EDEDED;
  --Foreground_Tertiary: #D4D4D4;
  --Foreground_Quartenary: #A4A4A4;
  --Foreground_Disabled: #EDEDED;
  --Title: #000000;
  --Body: #4B4B4B;
  --Input_Default: #727272;
  --Input_Filled: #3B3B3B;
  --Subtitle: #8B8B8B;
  --Caption: #8B8B8B;
  --Negative: #FAFAFA;
  --Disabled: #BCBCBC;
  --Critical: #FF2D55;
  --Error: #FF3730;
  --Warning: #FF9500;
  --Alert: #FFCC00;
  --Information: #007AFF;
  --Success: #28CD41;
  --Other: #A4A4A4;
  --Border_Bounds: #D4D4D4;
  --Border_Divider: #A4A4A4;
  --Border_Focus: #9D46FF;
  --Border_Default: #7B6C8F;
  --Border_Disabled: #D4D4D4;
  --Border_Information: #007AFF;
  --Border_Success: #28CD41;
  --Border_Warning: #FF9500;
  --Border_Alert: #FFCC00;
  --Border_Error: #FF3730;
  --Border_Critical: #FF2D55;
  --Modal_Overlay: rgba(255, 255, 255, 0.8);
  --Label_subhead: #5F5F5F;
  --Checkbox_filled: #9D46FF;
  --Foreground_Segment: #F3F3F3;
  --Modal_Fullwidth_bg: #FFFFFF;
  --Background-selection_component: #F3F3F3;
  --Global_tr_td: #F3F3F3;
  --Global_tr_td_hover: #EDEDED;
  --MapTable_bg: #D4D4D4;
  --Relation_border: #D4D4D4;
  --Relation_table: #EDEDED;
  --Roundicon-bg: #BCBCBC;
  --Toggle-bg: #BCBCBC;
  --InactiveMapsColor: #5A4F65;
  --Iconbg: #c5c5c5;
  --Iconborder: #AE9FC1;
  --ServicePrintHeader: #BCBCBC;
  --DropdownBg: #FFFFFF;
  --DropdownBgHover: #EDEDED;
  --DropdownBgFocus: #D4D4D4;
  --DropdownliColor: #000000;
  --WidgetFrameBorder: #c5c5c5;
  --Global-TableInfobg: #cccccc;
  --NewModalInnerbg: #F2F2F2;
  --Configboxbg: #F3F3F3;
  --ToggleBorder: #BCBCBC;
  --td_disabled: rgba(242, 242, 242, 0.6);
}

body,
html {
  height: 100%;
  min-height: 100%;
  color: var(--Title);
  font-family: "Inter", sans-serif;
  font-size: 16px;
  background: var(--Background_Primary);
  font-weight: 500;
  overflow-x: hidden;
}

img {
  width: 100%;
  height: auto;
}

a:hover, a:active, a:focus {
  color: inherit;
  text-decoration: none;
  outline: none;
}

h1,
h2,
h3,
h4,
h5 {
  font-weight: 900;
}

textarea {
  resize: none;
}

ul {
  padding: 0;
  margin: 0;
}

ul,
li {
  list-style: none;
}

.posrel,
.pos-rel {
  position: relative;
}

.hidden {
  display: none !important;
}

@media (min-width: 320px) and (max-width: 768px) {
  .dnone {
    display: block;
  }
}

.noscroll {
  overflow: hidden;
}

.scrollbar {
  scrollbar-color: #7b6c8f transparent;
  scrollbar-width: thin;
  border-radius: 10px;
}

.scrollbar::-webkit-scrollbar {
  width: 8px;
  border-radius: 10px;
  height: 8px;
  border: 1px solid transparent;
}
.scrollbar::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #7b6c8f;
  background-clip: content-box;
}

/*IE*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .scrollbar {
    margin-right: -10px;
    scrollbar-base-color: #7b6c8f;
    scrollbar-track-color: #7b6c8f;
  }
  .scrollbar:after {
    content: "";
    height: 32px;
    display: block;
  }

  input::-ms-clear {
    display: none;
    height: 0;
    width: 0;
  }
}
/*Edge*/
@supports (-ms-ime-align: auto) {
  .scrollbar {
    margin-right: -10px;
    padding-top: 16px;
    margin-top: -16px;
    margin-bottom: -16px;
    padding-bottom: 16px;
  }
  .scrollbar:after {
    content: "";
    height: 16px;
    display: block;
  }
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  background: var(--Background_Secondary) !important;
  box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.4);
  border: 1px solid #000;
  padding: 10px 6px;
  border-radius: 0;
  font-weight: 600;
  font-size: 14px;
  color: var(--Title) !important;
}

::-moz-scrollbar {
  width: 4px;
}

::-moz-scrollbar-track {
  background: #2d2637;
}

::-moz-scrollbar-thumb {
  border-radius: 10px;
  background: #7a252b;
}

* input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  background: var(--Background_Secondary) !important;
  -webkit-box-shadow: 0 0 0px 1000px white inset;
  box-shadow: 0 0 0px 1000px white inset;
}

input::-webkit-input-placeholder {
  font-weight: 600 !important;
}

input:-moz-placeholder {
  font-weight: 600 !important;
}

input::-moz-placeholder {
  font-weight: 600 !important;
}

input:-ms-input-placeholder {
  font-weight: 600 !important;
}

.hidedesktop {
  display: none;
}

.hidemobile {
  display: block;
}

.delete-btn {
  background: #650000;
  background: -webkit-linear-gradient(left, #650000 10%, #730000 100%);
  background: -moz-linear-gradient(left, #650000 10%, #730000 100%);
  background: -o-linear-gradient(left, #650000 10%, #730000 100%);
  background: linear-gradient(left, #650000 10%, #730000 100%);
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#650000", endColorstr="#730000",GradientType=1 );
  color: #fff;
  border-radius: 3px;
  padding: 10px;
}
.delete-btn:hover {
  opacity: 0.8;
}

/*************** End of Base Styles ******************/
/*************** 4. Common Styles ******************/
.vediomainsection {
  overflow: hidden;
  width: 100%;
  position: relative;
}

/******************** New Visual CSS ***********************/
.container {
  max-width: 1240px;
}

.maincontainer {
  padding-top: 100px;
}
@media (min-width: 768px) and (max-width: 992px) {
  .maincontainer {
    padding-top: 100px;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .maincontainer {
    padding-top: 100px;
  }
}

.pagemaininfo {
  text-align: center;
  width: 75%;
  margin: 0 auto;
}
@media (min-width: 320px) and (max-width: 992px) {
  .pagemaininfo {
    width: 90%;
  }
}

.text-link {
  color: #fff;
  font-size: 16px;
  padding: 10px;
  font-weight: 600;
  display: block;
}
@media (min-width: 768px) and (max-width: 992px) {
  .text-link {
    margin-right: 10px;
  }
}

.page-title {
  font-size: 27px;
  color: #fff;
  line-height: 42px;
  font-weight: 900;
  text-align: center;
}
@media (min-width: 769px) and (max-width: 992px) {
  .page-title {
    font-size: 30px;
  }
}
@media (min-width: 320px) and (max-width: 768px) {
  .page-title {
    font-size: 16px;
  }
}

.page-subhead {
  color: #7b6c8f;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  margin: 25px 0;
}
@media (min-width: 768px) and (max-width: 992px) {
  .page-subhead {
    font-size: 18px;
  }
}
@media (min-width: 320px) and (max-width: 768px) {
  .page-subhead {
    font-size: 16px;
  }
}

/**** Button Styles ****/
.btn:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

.primary-btn,
.secondary-btn,
.tertiary-btn {
  color: #e5e8ff;
  font-weight: 600;
  font-size: 16px;
  display: block;
  border-radius: 3px;
  padding: 10px 35px;
  border: none;
  position: relative;
}
.primary-btn:after,
.secondary-btn:after,
.tertiary-btn:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  transform-origin: left;
  -moz-transform-origin: left;
  -webkit-transform-origin: left;
  -o-transform-origin: left;
  transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  z-index: -1;
}
.primary-btn:hover, .primary-btn:focus,
.secondary-btn:hover,
.secondary-btn:focus,
.tertiary-btn:hover,
.tertiary-btn:focus {
  opacity: 0.8;
}

.primary-btn {
  background: #0f0121;
  background: -webkit-linear-gradient(left, #0f0121 30%, #271143 100%);
  background: -moz-linear-gradient(left, #0f0121 30%, #271143 100%);
  background: -o-linear-gradient(left, #0f0121 30%, #271143 100%);
  background: linear-gradient(left, #0f0121 30%, #271143 100%);
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#0f0121", endColorstr="#271143",GradientType=1 );
  -webkit-box-shadow: 0px 4px 4px rgba(5, 0, 12, 0.3);
  -moz-box-shadow: 0px 4px 4px rgba(5, 0, 12, 0.3);
  -ms-box-shadow: 0px 4px 4px rgba(5, 0, 12, 0.3);
  -o-box-shadow: 0px 4px 4px rgba(5, 0, 12, 0.3);
  box-shadow: 0px 4px 4px rgba(5, 0, 12, 0.3);
  border: 1px solid #362749;
}

.secondary-btn {
  background: #7800ff;
  background: linear-gradient(65.09deg, #7800ff 26.34%, #00288d 84.44%);
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#7800ff", endColorstr="#00288d",GradientType=1 );
  color: #fff !important;
}
.secondary-btn:hover, .secondary-btn:focus, .secondary-btn:active {
  background: linear-gradient(65.09deg, #be85ff 26.34%, #003dd9 84.44%) !important;
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#00288d", endColorstr="#7800ff",GradientType=1 );
}

.tertiary-btn {
  background: #342940;
  color: #fff;
}

/*** Tabs ***/
.tabstyle {
  width: 100%;
}
.tabstyle .tabstyleinner {
  border: none;
  padding: 10px 0;
  border-radius: 40px;
  background: #000;
  position: relative;
  display: inline-block;
}
@media (min-width: 320px) and (max-width: 768px) {
  .tabstyle .tabstyleinner {
    display: block;
    margin: 0 auto;
    padding: 5px 0;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .tabstyle .tabstyleinner {
    width: 100%;
  }
}
.tabstyle .tabstyleinner ul {
  display: flex;
  width: 100%;
  margin: 0px 10px;
  padding: 0px 10px;
  position: relative;
  z-index: 3;
  border: 0;
}
@media (min-width: 320px) and (max-width: 576px) {
  .tabstyle .tabstyleinner ul {
    margin: 0px auto;
    padding: 0px;
  }
}
.tabstyle .tabstyleinner ul li {
  list-style: none;
}
@media (min-width: 320px) and (max-width: 576px) {
  .tabstyle .tabstyleinner ul li {
    width: 50%;
  }
}
.tabstyle .tabstyleinner ul li .nav-link {
  color: #fff;
  font-size: 18px;
  font-weight: 800;
  border: none;
  margin: 0 15px;
  padding: 15px;
  flex-grow: 1;
  position: relative;
}
@media (min-width: 320px) and (max-width: 768px) {
  .tabstyle .tabstyleinner ul li .nav-link {
    font-size: 16px;
    padding: 10px;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .tabstyle .tabstyleinner ul li .nav-link {
    font-size: 12px;
  }
}
.tabstyle .tabstyleinner ul li .nav-link.active {
  color: #fff;
  -webkit-text-fill-color: #fff !important;
  background: transparent;
  border-radius: 50px;
}
.tabstyle .slider {
  display: inline-block;
  width: 52%;
  height: 75%;
  left: 10px;
  background: #7800ff;
  background: -webkit-linear-gradient(left, #7800ff 30%, #00288d 100%);
  background: -moz-linear-gradient(left, #7800ff 30%, #00288d 100%);
  background: -o-linear-gradient(left, #7800ff 30%, #00288d 100%);
  background: linear-gradient(left, #7800ff 30%, #00288d 100%);
  position: absolute;
  z-index: 2;
  bottom: 10px;
  -moz-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
  color: #e5eaef;
  border-radius: 40px;
  -webkit-text-fill-color: none;
}
@media (min-width: 320px) and (max-width: 768px) {
  .tabstyle .slider {
    bottom: 7px;
  }
}

/*** Toggle Switch ***/
.toggleswitchmain {
  margin: 20px auto;
  text-align: center;
  width: 100%;
}
.toggleswitchmain fieldset {
  display: inline-block;
}
.toggleswitchmain legend {
  font-weight: 300;
  font-size: 18px;
  width: auto;
  max-width: initial;
  margin: 4px 0 0 0;
}
@media (min-width: 320px) and (max-width: 768px) {
  .toggleswitchmain legend {
    font-size: 14px;
  }
}
.toggleswitchmain legend,
.toggleswitchmain .switch-toggle {
  float: left;
}
.toggleswitchmain .alert-light {
  background: transparent;
  border: none;
  margin: 0 0 0 30px;
}
.toggleswitchmain label {
  color: #fff;
  font-size: 16px;
  font-weight: 800;
  padding: 5px 10px;
  border-radius: 20px;
  width: 100px !important;
  cursor: pointer;
}
@media (min-width: 320px) and (max-width: 768px) {
  .toggleswitchmain label {
    font-size: 14px;
  }
}
.toggleswitchmain .custom-button {
  background: transparent;
  border: none;
}
.toggleswitchmain .switch-toggle input ~ span span:first-child,
.toggleswitchmain .switch-toggle input:checked ~ span span:nth-child(2),
.toggleswitchmain .switch-toggle input:checked + label {
  background: #7800ff;
  background: -webkit-linear-gradient(left, #7800ff 30%, #00288d 100%);
  background: -moz-linear-gradient(left, #7800ff 30%, #00288d 100%);
  background: -o-linear-gradient(left, #7800ff 30%, #00288d 100%);
  background: linear-gradient(left, #7800ff 30%, #00288d 100%);
  border: none;
  outline: none;
}

/*** Step Wizard ***/
.step-wizard {
  display: inline-block;
  position: relative;
  width: 100%;
  margin: 40px 0 0 0;
}
.step-wizard .progress {
  position: absolute;
  top: 10px;
  left: 50px;
  width: 71%;
  height: 2px;
  background-color: #e86671;
}
@media (min-width: 4001px) and (max-width: 5000px) {
  .step-wizard .progress {
    width: 80%;
    left: 33px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .step-wizard .progress {
    width: 74%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .step-wizard .progress {
    left: 42px;
  }
}
@media (min-width: 1921px) and (max-width: 2121px) {
  .step-wizard .progress {
    left: 60px;
  }
}
@media (min-width: 769px) and (max-width: 991px) {
  .step-wizard .progress {
    left: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  .step-wizard .progress {
    left: 36px;
  }
}
@media (min-width: 1200px) and (max-width: 1299px) {
  .step-wizard .progress {
    width: 77%;
  }
}
@media (min-width: 1300px) and (max-width: 1599px) {
  .step-wizard .progress {
    width: 81%;
  }
}
@media (min-width: 1600px) and (max-width: 1821px) {
  .step-wizard .progress {
    left: 35px;
    width: 78%;
  }
}
@media (min-width: 1820px) and (max-width: 1921px) {
  .step-wizard .progress {
    left: 35px;
    width: 76%;
  }
}
@media (min-width: 320px) and (max-width: 506px) {
  .step-wizard .progress {
    left: 17%;
    width: 69%;
  }
}
@media (min-width: 505px) and (max-width: 767px) {
  .step-wizard .progress {
    left: 15%;
    width: 69%;
  }
}
@media (min-width: 577px) and (max-width: 768px) {
  .step-wizard .progress {
    width: 75%;
    left: 13%;
  }
}
.step-wizard .progressbar {
  position: absolute;
  background: -webkit-linear-gradient(left, #7800ff 30%, #00288d 100%);
  background: -moz-linear-gradient(left, #7800ff 30%, #00288d 100%);
  background: -o-linear-gradient(left, #7800ff 30%, #00288d 100%);
  background: linear-gradient(left, #7800ff 30%, #00288d 100%);
  background: #7800ff;
  opacity: 1;
  height: 3px;
  width: 0%;
  -moz-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  -webkit-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.step-wizard .progressbar.selected {
  background: -webkit-linear-gradient(left, #7800ff 30%, #00288d 100%);
  background: -moz-linear-gradient(left, #7800ff 30%, #00288d 100%);
  background: -o-linear-gradient(left, #7800ff 30%, #00288d 100%);
  background: linear-gradient(left, #7800ff 30%, #00288d 100%);
  background: #7800ff;
}
.step-wizard .progressbar.empty {
  opacity: 1;
  width: 100%;
  background: #e86671;
}
.step-wizard .wizardlist {
  position: absolute;
  width: 100%;
  list-style-type: none;
  padding: 0;
  left: -2%;
  top: -35px;
}
@media (min-width: 320px) and (max-width: 768px) {
  .step-wizard .wizardlist {
    left: 5%;
  }
}
.step-wizard .wizardlist li {
  display: inline-block;
  text-align: center;
  width: 33%;
}
.step-wizard .wizardlist li a {
  display: block;
}
.step-wizard .wizardlist li button {
  background: transparent;
  border: none;
  outline: none;
}
.step-wizard .wizardlist li .step {
  width: 16px;
  height: 16px;
  border-radius: 50px;
  background: #e86671;
  -webkit-transition: background-color 0.6s ease, border-color 0.6s ease;
  -o-transition: background-color 0.6s ease, border-color 0.6s ease;
  transition: background-color 0.6s ease, border-color 0.6s ease;
  position: absolute;
  top: 37px;
  text-indent: -99999px;
  left: 40px;
}
@media (min-width: 1922px) and (max-width: 3921px) {
  .step-wizard .wizardlist li .step {
    left: 60px;
  }
}
.step-wizard .wizardlist li .step.step2 {
  left: 50%;
  margin-left: -8px;
}
@media (min-width: 1300px) and (max-width: 1400px) {
  .step-wizard .wizardlist li .step.step2 {
    margin-left: 3px;
  }
}
@media (min-width: 1700px) and (max-width: 2000px) {
  .step-wizard .wizardlist li .step.step2 {
    left: 50%;
    margin-left: -26px;
  }
}
@media (min-width: 2001px) and (max-width: 3000px) {
  .step-wizard .wizardlist li .step.step2 {
    left: 50% !important;
    margin-left: -46px;
  }
}
@media (min-width: 2422px) and (max-width: 3921px) {
  .step-wizard .wizardlist li .step.step2 {
    left: 140px;
  }
}
@media (min-width: 1699px) and (max-width: 2421px) {
  .step-wizard .wizardlist li .step.step2 {
    left: 130px;
  }
}
@media (min-width: 1499px) and (max-width: 1698px) {
  .step-wizard .wizardlist li .step.step2 {
    left: 110px;
  }
}
@media (min-width: 993px) and (max-width: 1199px) {
  .step-wizard .wizardlist li .step.step2 {
    left: 70px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .step-wizard .wizardlist li .step.step2 {
    left: 60px;
  }
}
@media (min-width: 577px) and (max-width: 768px) {
  .step-wizard .wizardlist li .step.step2 {
    left: 110px;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .step-wizard .wizardlist li .step.step2 {
    left: 70px;
  }
}
.step-wizard .wizardlist li .step.step3 {
  left: 100px;
}
@media (min-width: 4001px) and (max-width: 5000px) {
  .step-wizard .wizardlist li .step.step3 {
    left: 225px;
  }
}
@media (min-width: 1922px) and (max-width: 3921px) {
  .step-wizard .wizardlist li .step.step3 {
    left: 115px;
  }
}
@media (min-width: 1599px) and (max-width: 1921px) {
  .step-wizard .wizardlist li .step.step3 {
    left: 130px;
  }
}
@media (min-width: 1299px) and (max-width: 1598px) {
  .step-wizard .wizardlist li .step.step3 {
    left: 135px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .step-wizard .wizardlist li .step.step3 {
    left: 80px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .step-wizard .wizardlist li .step.step3 {
    left: 70px;
  }
}
@media (min-width: 577px) and (max-width: 768px) {
  .step-wizard .wizardlist li .step.step3 {
    left: 110px;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .step-wizard .wizardlist li .step.step3 {
    left: 67px;
  }
}
.step-wizard .wizardlist li .step:after {
  position: absolute;
  top: -7px;
  left: -7px;
  content: "";
  border: 2px solid transparent;
  width: 24px;
  height: 24px;
  border-radius: 50px;
}
.step-wizard .wizardlist li .title {
  width: 100%;
  padding-top: 10px;
  color: #e86671;
  -moz-transition: color 0.6s ease;
  -o-transition: color 0.6s ease;
  -webkit-transition: color 0.6s ease;
  transition: color 0.6s ease;
  font-size: 16px;
  padding: 0;
}
@media (min-width: 768px) and (max-width: 1499px) {
  .step-wizard .wizardlist li .title {
    font-size: 14px;
  }
}
.step-wizard .wizardlist li.active a,
.step-wizard .wizardlist li.active button {
  outline: none;
}
.step-wizard .wizardlist li.active a:hover, .step-wizard .wizardlist li.active a:focus,
.step-wizard .wizardlist li.active button:hover,
.step-wizard .wizardlist li.active button:focus {
  outline: none;
}
.step-wizard .wizardlist li.active .progressbar {
  background: -webkit-linear-gradient(left, #7800ff 30%, #00288d 100%);
  background: -moz-linear-gradient(left, #7800ff 30%, #00288d 100%);
  background: -o-linear-gradient(left, #7800ff 30%, #00288d 100%);
  background: linear-gradient(left, #7800ff 30%, #00288d 100%);
  background: #7800ff;
}
.step-wizard .wizardlist li.active .step {
  background: -webkit-linear-gradient(left, #7800ff 30%, #00288d 100%);
  background: -moz-linear-gradient(left, #7800ff 30%, #00288d 100%);
  background: -o-linear-gradient(left, #7800ff 30%, #00288d 100%);
  background: linear-gradient(left, #7800ff 30%, #00288d 100%);
  background: #7800ff;
  border-color: #4d0fd7;
  position: relative;
  top: 16px;
}
@media (min-width: 1600px) and (max-width: 5000px) {
  .step-wizard .wizardlist li.active .step {
    top: 13px !important;
  }
}
.step-wizard .wizardlist li.active .step:after {
  border: 2px solid #4d0fd7;
  top: -4px;
  left: -4px;
}
.step-wizard .wizardlist li.active .title {
  text-decoration: none;
  background: -webkit-linear-gradient(left, #7800ff 30%, #00288d 100%);
  background: -moz-linear-gradient(left, #7800ff 30%, #00288d 100%);
  background: -o-linear-gradient(left, #7800ff 30%, #00288d 100%);
  background: linear-gradient(left, #7800ff 30%, #00288d 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  padding: 0;
}
.step-wizard .wizardlist li.done button {
  background: transparent;
  border: none;
  position: relative;
}
.step-wizard .wizardlist li.done button .title {
  color: #6a05f2;
}
.step-wizard .wizardlist li.done button:after {
  content: "✓";
  position: absolute;
  right: 5px;
  top: -2px;
  color: #6a05f2;
  font-size: 18px;
  font-weight: 600;
}
.step-wizard .wizardlist li.done .step {
  background: -webkit-linear-gradient(left, #7800ff 30%, #00288d 100%);
  background: -moz-linear-gradient(left, #7800ff 30%, #00288d 100%);
  background: -o-linear-gradient(left, #7800ff 30%, #00288d 100%);
  background: linear-gradient(left, #7800ff 30%, #00288d 100%);
  border: 3px solid #4d0fd7;
  top: 16px;
  position: relative;
}
@media (min-width: 3001px) and (max-width: 5000px) {
  .step-wizard .wizardlist li.done .step {
    top: 13px;
  }
}
.step-wizard .wizardlist li.done .step:after {
  border: 2px solid #4d0fd7;
  top: -7px;
  left: -7px;
}
.step-wizard .wizardlist li > button {
  background: none;
  border: none;
  display: block;
  width: 100%;
  color: #777;
  position: relative;
  text-align: center;
  padding: 0px;
}
.step-wizard .wizardlist li > button#step1 .title {
  text-align: left;
  margin-left: 40px;
}
@media (min-width: 1922px) and (max-width: 3921px) {
  .step-wizard .wizardlist li > button#step1 .title {
    margin-left: 50px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .step-wizard .wizardlist li > button#step1 .title {
    margin-left: 0;
  }
}

/*** Forms Styling ***/
.formsection {
  padding: 20px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .formsection {
    padding: 20px 0 20px 10px;
  }
}
@media (min-width: 769px) and (max-width: 1199px) {
  .formsection {
    padding: 20px 0;
  }
}
.formsection .form-group {
  margin-top: 15px;
  margin-bottom: 15px;
}
.formsection .form-group label {
  font-size: 13px;
  font-weight: 600;
}
@media (min-width: 320px) and (max-width: 576px) {
  .formsection .form-group label {
    font-size: 11px;
  }
}
@media (min-width: 577px) and (max-width: 992px) {
  .formsection .form-group label {
    font-size: 12px;
  }
}
.formsection .form-group.errormsg {
  position: relative;
}
.formsection .form-group.errormsg input.form-control {
  border: 1px solid #e41b2e;
}
@media (min-width: 577px) and (max-width: 768px) {
  .formsection .form-group.errormsg input.form-control {
    font-size: 12px;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .formsection .form-group.errormsg input.form-control {
    font-size: 10px;
  }
}
.formsection .form-group.errormsg .errortxt {
  color: #e41b2e;
  font-size: 10px;
  position: absolute;
  margin: 5px 0 0 0;
  width: 110%;
  font-weight: 700;
  line-height: 10px;
}
.formsection .form-group .form-control {
  background: #2d2637 !important;
  box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.4);
  border: 1px solid #000;
  padding: 10px 6px;
  border-radius: 0;
  font-weight: 600;
  font-size: 13px;
  color: #fff;
}
.formsection .form-group .form-control:focus {
  box-shadow: inset 2px 2px 4px rgba(120, 0, 255, 0.4);
  border: 1px solid #7800ff !important;
  background: #2d2637 !important;
}
.formsection .form-group .form-control:hover, .formsection .form-group .form-control:active, .formsection .form-group .form-control:visited {
  background: #2d2637 !important;
  box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.4);
  border: 1px solid #000;
  color: #fff;
}
.formsection .form-group .form-control::-webkit-input-placeholder {
  color: #524a5e;
  font-weight: 600;
}
.formsection .form-group .form-control::-moz-placeholder {
  color: #524a5e;
  font-weight: 600;
}
.formsection .form-group .form-control:-ms-input-placeholder {
  color: #524a5e;
  font-weight: 600;
}
.formsection .form-group .form-control:-moz-placeholder {
  color: #524a5e;
  font-weight: 600;
}
.formsection .form-group textarea {
  max-height: 80px;
  resize: none;
}
.formsection .form-group textarea.titlearea {
  max-height: none !important;
  min-height: 50px;
}
.formsection .form-group .secondary-btn {
  font-weight: 500;
}
.formsection .bootstrap-select {
  padding: 0 !important;
}
.formsection .formbottom-section {
  border-top: 1px solid #2d2637;
  padding: 30px 0;
  margin: 25px 0;
}
.formsection .formbottom-section label {
  font-size: 12px;
  color: #fff;
  font-weight: 400;
}
.formsection .formbottom-section label p {
  display: inline-block;
  width: 90%;
  vertical-align: top;
}
@media (min-width: 577px) and (max-width: 1024px) {
  .formsection .formbottom-section label p {
    width: 85%;
  }
}
.formsection .formbottom-section label p a {
  text-decoration: underline;
  color: #fff;
}
.formsection .formbottom-section label p a:hover {
  color: #e86671;
}
.formsection .formbottom-section .secondary-btn {
  border-radius: 2px;
  border: none;
}
@media (min-width: 992px) and (max-width: 1499px) {
  .formsection .formbottom-section .secondary-btn {
    font-size: 13px;
  }
}
@media (min-width: 768px) and (max-width: 1499px) {
  .formsection .formbottom-section .secondary-btn {
    font-size: 12px;
    padding: 10px;
  }
}

/*** *** /
/*** Custom Third party CSS***/
/*** Select Box ***/
.bootstrap-select {
  padding: 0;
}
.bootstrap-select .dropdown-toggle {
  background: #2d2637;
  box-shadow: inset 2px 2px 4px #000, 0.4;
  border: 1px solid #2d2637;
  padding: 10px 6px;
  border-radius: 0;
  font-weight: 600;
  font-size: 14px;
  color: #fff;
  text-transform: capitalize;
}
.bootstrap-select .dropdown-toggle .filter-option {
  padding: 0;
}
.bootstrap-select .dropdown-menu {
  padding: 0;
  border-radius: 0px;
  border-top: none;
  text-transform: capitalize;
}
.bootstrap-select .dropdown-menu li,
.bootstrap-select .dropdown-menu a {
  display: block;
}
.bootstrap-select .dropdown-menu li {
  background: #26202e;
  width: 100%;
  text-align: left;
}
.bootstrap-select .dropdown-menu li small {
  display: block;
  margin: 5px 0 0px;
  padding-left: 0px;
}
.bootstrap-select .dropdown-menu li a {
  color: #524a5e;
  font-weight: 600;
  font-size: 13px;
}
.bootstrap-select .dropdown-menu li a:hover, .bootstrap-select .dropdown-menu li a:focus, .bootstrap-select .dropdown-menu li a:visited, .bootstrap-select .dropdown-menu li a.active {
  background: #2d2637;
  color: #fff;
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show > .btn-light.dropdown-toggle {
  background: #2d2637;
  border: none;
}

/*** Custom Checkbox & Radio ***/
.checkbox label {
  font-size: 14px;
}

.custom-checkbox {
  position: absolute;
  opacity: 0;
}
.custom-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
}
.custom-checkbox + label:before {
  content: "";
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 16px;
  height: 16px;
  background: #e5eaef;
  border-radius: 2px;
  border: 1px solid #e5eaef;
}
.custom-checkbox:focus + label:before {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
.custom-checkbox:checked + label:before {
  background: #4157c9;
}
.custom-checkbox:disabled + label {
  color: #fff;
  cursor: auto;
}
.custom-checkbox:disabled + label:before {
  box-shadow: none;
  background: #524a5e;
  border: 1px solid #524a5e;
}

/*** Custom cherckboxes***/
.switchtoggle .switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
}
.switchtoggle .switch input {
  display: none;
}
.switchtoggle .switch input:checked + .slider {
  background-color: #A668FF;
  border: solid 2px #A668FF;
}
.switchtoggle .switch input:checked + .slider:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
  background-color: #FFFFFF;
}
.switchtoggle .switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 3px;
  bottom: 0;
  background-color: #3F3449;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border: solid 2px var(--ToggleBorder);
}
.switchtoggle .switch .slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 2px;
  bottom: 2px;
  top: 1px;
  background-color: #FFFFFF;
  border-radius: 50%;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.switchtoggle .switch .slider.round {
  border-radius: 20px;
}

/*** Custom Bootstrap Info messages ***/
.msg-container {
  width: 100%;
  margin: 0 auto;
  left: 0;
  right: 0;
  padding: 0;
  max-width: 660px;
  position: fixed;
  top: 90px;
  z-index: 999;
  display: none;
}
.msg-container i {
  font-size: 14px;
  vertical-align: middle;
  color: #fff;
}
.msg-container span {
  font-size: 15px;
}
.msg-container.showed {
  top: 50px;
  opacity: 1;
  filter: alpha(opacity=100);
}
.msg-container .alert-danger,
.msg-container .alert-warning,
.msg-container .alert-success {
  padding-right: 206px;
}
.msg-container .alert {
  padding: 10px 40px 10px 10px;
  font-size: 12px;
  font-weight: 300;
  border-radius: 0px;
}
.msg-container .alert-links {
  position: absolute;
  top: 40%;
  right: 5px;
  min-width: 32px;
  height: 32px;
  -webkit-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  text-align: center;
}
.msg-container .alert-links a {
  color: #fff;
  font-size: 17px;
  display: inline-block;
  padding: 0px;
  margin-right: 0px;
}
.msg-container .alert-custom,
.msg-container .alert-success,
.msg-container .alert-warning {
  background: -webkit-linear-gradient(left, #7800ff 30%, #00288d 100%);
  background: -moz-linear-gradient(left, #7800ff 30%, #00288d 100%);
  background: -o-linear-gradient(left, #7800ff 30%, #00288d 100%);
  background: linear-gradient(left, #7800ff 30%, #00288d 100%);
  background: #7800ff;
  border: none;
  color: #fff;
}
.msg-container .alert-custom p,
.msg-container .alert-success p,
.msg-container .alert-warning p {
  margin: 0;
}
.msg-container .alert-custom h4,
.msg-container .alert-success h4,
.msg-container .alert-warning h4 {
  font-size: 18px;
  font-weight: 600;
}
.msg-container .alert-custom a {
  color: #fff;
}
.msg-container .alert-custom a:hover {
  text-decoration: underline;
}

/*** Bootstrap Radial Counter indicator ***/
.available-invities .progress {
  width: 30px;
  height: 30px;
  line-height: 30px;
  background: none;
  display: inline-block;
  box-shadow: none;
  position: relative;
}
.available-invities .progress:after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 4px solid #322345;
  position: absolute;
  top: 0;
  left: 0;
}
.available-invities .progress span {
  width: 50%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 1;
}
.available-invities .progress .progress-bar {
  width: 100%;
  height: 100%;
  background: none;
  border-width: 4px;
  border-style: solid;
  position: absolute;
  top: 0;
}
.available-invities .progress .progress-left {
  left: 0;
}
.available-invities .progress .progress-left .progress-bar {
  left: 100%;
  border-top-right-radius: 80px;
  border-bottom-right-radius: 80px;
  border-left: 0;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}
.available-invities .progress .progress-right {
  right: 0;
}
.available-invities .progress .progress-right .progress-bar {
  left: -100%;
  border-top-left-radius: 80px;
  border-bottom-left-radius: 80px;
  border-right: 0;
  -webkit-transform-origin: center right;
  transform-origin: center right;
}
.available-invities .progress .progress-right .border-primary,
.available-invities .progress .progress-left .border-primary {
  border-color: #7800ff !important;
}
.available-invities .progress .progress-value {
  width: 85%;
  height: 85%;
  border-radius: 50%;
  font-size: 32px;
  line-height: 125px;
  text-align: center;
  position: absolute;
  top: 7.5%;
  left: 7.5%;
}

@keyframes loading-2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg);
  }
}
/*** Custom Increment Spinner ***/
.numberincrement {
  position: relative;
}
.numberincrement input[type=number]::-webkit-inner-spin-button,
.numberincrement input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.numberincrement input[type=number] {
  -moz-appearance: textfield;
  position: relative;
}
.numberincrement input[type=number]:focus {
  outline: 0;
}
.numberincrement .quantity-nav {
  position: absolute;
  height: 42px;
  right: 20px;
  top: 10px;
}
.numberincrement .quantity-button {
  position: relative;
  cursor: pointer;
  width: 20px;
  text-align: center;
  color: #8b93a1;
  font-size: 16px;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.numberincrement .quantity-button.quantity-up {
  position: absolute;
  height: 50%;
  top: 0;
}
.numberincrement .quantity-button.quantity-down {
  position: absolute;
  bottom: -1px;
  height: 50%;
}

/***** Custom Date Picker Styles ****/
.input-group-addon {
  position: absolute;
  width: 40px;
  height: 40px;
  right: 2px;
  top: 1px;
  background: #7b6c8f;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  z-index: 3;
  cursor: pointer;
}
.input-group-addon i {
  font-size: 16px;
  padding: 12px;
}

.bootstrapdpwidgetbutton, .bootstrap-datetimepicker-widget button {
  background: #7b6c8f;
  border: 1px solid #7b6c8f;
  border-radius: 3px;
}

.datepickercolrbg, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget button .bootstrap-datetimepicker-widget table td span.active, .bootstrap-datetimepicker-widget button:hover {
  background: #7b6c8f;
}

.bootstrap-datetimepicker-widget i {
  color: #7b6c8f;
}
.bootstrap-datetimepicker-widget button:hover {
  opacity: 0.8;
}
.bootstrap-datetimepicker-widget table td span {
  color: #201430;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
  font-family: "Inter", sans-serif;
}
.bootstrap-datetimepicker-widget .timepicker {
  border: none;
  border-radius: 0px;
  margin: 0;
  padding: 0;
  background: transparent;
  background-size: inherit;
  max-width: 48%;
}
@media (min-width: 320px) and (max-width: 768px) {
  .bootstrap-datetimepicker-widget .timepicker {
    max-width: 50%;
    margin: 0 30px;
  }
}

/**** Password Strength ****/
.passwordstrength {
  position: absolute;
  right: -350px;
  top: 20px;
  width: 350px;
}
@media (min-width: 320px) and (max-width: 1024px) {
  .passwordstrength {
    position: static;
    right: auto;
    top: auto;
  }
}
@media (min-width: 577px) and (max-width: 1024px) {
  .passwordstrength {
    width: 350px;
    margin: 20px 0;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .passwordstrength {
    width: 100%;
    margin: 20px auto;
    text-align: center;
  }
}
.passwordstrength li {
  display: inline-block;
  margin: 5px;
}
.passwordstrength li.satisfied span {
  background: #7800ff;
  color: white;
}
.passwordstrength li.errorline span {
  background: #e41b2e;
  color: #fff;
}
.passwordstrength li span {
  display: block;
  padding: 3px 10px;
  color: rgba(255, 255, 255, 0.5);
  background: #2d2637;
  border-radius: 20px;
  font-size: 12px;
}

/*** Chat Icon ***/
.chat-icon {
  position: fixed;
  bottom: 3%;
  max-width: 65px;
  max-height: 65px;
  right: 1%;
  z-index: 2;
  cursor: pointer;
}

.message-container {
  width: 100%;
  right: 0;
  padding: 0;
  max-width: 660px;
  display: none;
}

/*** Loader ***/
.loader-container {
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: #fff;
  z-index: 100000;
  opacity: 0.8;
  padding: 0px;
  display: none;
}
.loader-container .loader {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -100px;
  margin-top: -60px;
}
.loader-container .loader img {
  width: 200px;
}

.navbar-toggler-icon {
  background-image: url("../images/menu-toggle-icon.png");
}

/*handling ie Edge */
.errormain {
  position: relative;
  margin-bottom: 30px;
}
.errormain input {
  border: 1px solid #f0645b !important;
}
.errormain input:focus {
  border: 1px solid #f0645b !important;
}
.errormain .errormsg {
  color: #f0645b;
  font-size: 12px;
  position: absolute;
  bottom: -21px;
  width: 100vw;
  display: block;
}

/*** Prefill input Styles ***/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  background-color: var(--Background_Secondary) !important;
  box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.4);
  border: 1px solid #000;
  padding: 10px 6px;
  border-radius: 0;
  font-weight: 600;
  font-size: 14px;
  color: var(--Title) !important;
  -webkit-text-fill-color: var(--Title);
  -webkit-box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.4);
  transition: background-color 5000s ease-in-out 0s;
}

.lifecycleLabel input:-webkit-autofill,
.lifecycleLabel input:-webkit-autofill:hover,
.lifecycleLabel input:-webkit-autofill:focus,
.lifecycleLabel textarea:-webkit-autofill,
.lifecycleLabel textarea:-webkit-autofill:hover,
.lifecycleLabel textarea:-webkit-autofill:focus,
.lifecycleLabel select:-webkit-autofill,
.lifecycleLabel select:-webkit-autofill:hover,
.lifecycleLabel select:-webkit-autofill:focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.form-control .form-group .text-muted {
  color: #fff !important;
}

.lifecycleinput::-webkit-input-placeholder {
  color: #8b93a1;
  font: 600 14px "Inter", sans-serif;
}

.lifecycleinput:-moz-placeholder {
  color: #8b93a1;
  font: 600 14px "Inter", sans-serif;
}

.lifecycleinput::-moz-placeholder {
  color: #8b93a1;
  font: 600 14px "Inter", sans-serif;
}

.lifecycleinput:-ms-input-placeholder {
  color: #8b93a1;
  font: 600 14px "Inter", sans-serif;
}

.termsofusemain {
  position: relative;
}
.termsofusemain .backtohome {
  color: #fff;
  display: inline-block;
  position: absolute;
  top: 30px;
  border-radius: 3px;
}
.termsofusemain .backtohome i {
  margin-right: 5px;
}
.termsofusemain .margin-gap {
  margin: 60px 0;
}
.termsofusemain .margin-gap .logo-pan {
  max-width: 200px;
  height: 40px;
  margin: 0 auto 20px;
  display: block;
}
.termsofusemain .margin-gap .termsfont h4,
.termsofusemain .margin-gap .privacy h4 {
  margin-bottom: 30px;
}
.termsofusemain .margin-gap .termsfont p,
.termsofusemain .margin-gap .privacy p {
  font-size: 14px;
  line-height: 25px;
}
.termsofusemain .margin-gap .termsfont p b,
.termsofusemain .margin-gap .privacy p b {
  margin-bottom: 20px;
  font-size: 16px;
  display: inline-block;
}
.termsofusemain .margin-gap .termsfont p a,
.termsofusemain .margin-gap .privacy p a {
  color: #fff;
  text-decoration: underline;
}
.termsofusemain .margin-gap .termsfont li,
.termsofusemain .margin-gap .privacy li {
  font-size: 12px;
  list-style-type: disc;
  margin: 0 0 5px 30px;
}

/********************** Footer Styles ***********************/
.footersection {
  padding: 20px 0;
}
.footersection .footer a {
  color: #fff;
  font-size: 12px;
}
.footersection .footer a:hover {
  opacity: 0.8;
}
.footersection .footer-icons1 li {
  list-style-type: none;
  display: inline-block;
  font-size: 12px;
  margin-right: 5px;
}
.footersection .footer-icons1 li img {
  max-width: 32px;
}
.footersection .logo-pan-bottom {
  max-width: 70px;
  width: 100%;
  margin: -10px auto 0px;
  display: block;
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  color: #fff;
}

/*** Tooltip Css ***/
body {
  border-right: 10px solid #110a1a;
  border-bottom: 10px solid #110a1a;
}

.tooltip .tooltip-inner {
  font-size: 13px;
  padding: 5px 15px;
  background: #110a1a;
  color: #fff;
  border: 1px solid #5a4f65;
  text-align: center;
  border-radius: 0px;
  max-width: 210px;
}
.tooltip.show {
  opacity: 1;
}
.tooltip.bs-tooltip-bottom {
  margin-top: 7px;
}
.tooltip.bs-tooltip-bottom .arrow::after {
  content: "";
  position: absolute;
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  transform: translateY(2px);
  border-color: transparent;
  border-style: solid;
  border-bottom-color: #110a1a;
}
.tooltip.bs-tooltip-top {
  margin-bottom: 7px;
}
.tooltip.bs-tooltip-top .arrow::after {
  content: "";
  position: absolute;
  top: -4px;
  border-width: 0.4rem 0.4rem;
  transform: translateY(2px);
  border-color: transparent;
  border-style: solid;
  border-top-color: #110a1a;
}
.tooltip.bs-tooltip-left {
  margin-right: 7px;
}
.tooltip.bs-tooltip-left .arrow::after {
  content: "";
  position: absolute;
  left: -2px;
  border-width: 0.4rem 0.4rem;
  transform: translateY(2px);
  border-color: transparent;
  border-style: solid;
  border-left-color: #110a1a;
  top: -1px;
}
.tooltip.bs-tooltip-right {
  margin-left: 7px;
}
.tooltip.bs-tooltip-right .arrow::after {
  content: "";
  position: absolute;
  right: -2px;
  border-width: 0.4rem 0.4rem;
  transform: translateY(2px);
  border-color: transparent;
  border-style: solid;
  border-right-color: #110a1a;
  top: -1px;
}
.tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip.bs-tooltip-right .arrow::before {
  border-right-color: #5a4f65 !important;
  top: 1px;
}
.tooltip.bs-tooltip-auto[x-placement^=left] .arrow::before, .tooltip.bs-tooltip-left .arrow::before {
  border-left-color: #5a4f65 !important;
  top: 1px;
}
.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.bs-tooltip-top .arrow::before {
  border-top-color: #5a4f65 !important;
}
.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.bs-tooltip-bottom .arrow::before {
  border-bottom-color: #5a4f65 !important;
}

.check-minus-15 {
  margin-left: -15px;
}

.formsection .form-group .form-control:disabled {
  cursor: not-allowed;
  color: #7b6c8f !important;
}

/*# sourceMappingURL=style.css.map */