@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,700&display=swap");
@import url("../css/font-awesome.min.css");
@import url("../css/intlTelInput.css");
@page {
  size: A4 landscape;
}
@font-face {
  font-family: "HelveticaLTStdLightCondensed";
  src: url("../fonts/helveticaltstd-cond.woff");
  src: url("../fonts/helveticaltstd-lightcond.eot") format("embedded-opentype"), url("../fonts/helveticaltstd-lightcond.woff2") format("woff2"), url("../fonts/helveticaltstd-lightcond.woff") format("woff"), url("../fonts/helveticaltstd-lightcond.ttf") format("truetype"), url("../fonts/helveticaltstd-lightcond.svg#HelveticaLTStdLightCondensed") format("svg");
}
@font-face {
  font-family: "HelveticaLTStdCondensed";
  src: url("../fonts/helveticaltstd-cond.eot");
  src: url("../fonts/helveticaltstd-cond.eot") format("embedded-opentype"), url("../fonts/helveticaltstd-cond.woff2") format("woff2"), url("../fonts/helveticaltstd-cond.woff") format("woff"), url("../fonts/helveticaltstd-cond.ttf") format("truetype"), url("../fonts/helveticaltstd-cond.svg#HelveticaLTStdCondensed") format("svg");
}
/* Css Variables */
:root {
  /*For Pie Charts*/
  --PieChart-BorderColor-Item1: rgba(98, 130, 183);
  --PieChart-BorderColor-Item2: rgba(206, 135, 64);
  --PieChart-BorderColor-Item3: rgba(118, 170, 79);
  --PieChart-BorderColor-Item4: rgba(195, 80, 83);
  --PieChart-BorderColor-Item5: rgba(111, 118, 118);
  --PieChart-BorderColor-Item6: rgba(125, 85, 147);
  --PieChart-BorderColor-Item7: rgba(155, 90, 73);
  --PieChart-BorderColor-Item8: rgba(187, 178, 102);
  --PieChart-BackgroundColor-Item1: rgba(114, 147, 203, 0.9);
  --PieChart-BackgroundColor-Item2: rgba(225, 151, 76, 0.9);
  --PieChart-BackgroundColor-Item3: rgba(132, 186, 91, 0.9);
  --PieChart-BackgroundColor-Item4: rgba(211, 94, 96, 0.9);
  --PieChart-BackgroundColor-Item5: rgba(128, 133, 133, 0.9);
  --PieChart-BackgroundColor-Item6: rgba(144, 103, 167, 0.9);
  --PieChart-BackgroundColor-Item7: rgba(171, 104, 87, 0.9);
  --PieChart-BackgroundColor-Item8: rgba(204, 194, 16, 0.9);
  /*For Bar Charts*/
  --BarChart-BorderColor-Item1: rgba(98, 130, 183);
  --BarChart-BorderColor-Item2: rgba(206, 135, 64);
  --BarChart-BorderColor-Item3: rgba(118, 170, 79);
  --BarChart-BorderColor-Item4: rgba(195, 80, 83);
  --BarChart-BorderColor-Item5: rgba(111, 118, 118);
  --BarChart-BorderColor-Item6: rgba(125, 85, 147);
  --BarChart-BorderColor-Item7: rgba(155, 90, 73);
  --BarChart-BorderColor-Item8: rgba(187, 178, 102);
  --BarChart-BackgroundColor-Item1: rgba(114, 147, 203, 0.9);
  --BarChart-BackgroundColor-Item2: rgba(225, 151, 76, 0.9);
  --BarChart-BackgroundColor-Item3: rgba(132, 186, 91, 0.9);
  --BarChart-BackgroundColor-Item4: rgba(211, 94, 96, 0.9);
  --BarChart-BackgroundColor-Item5: rgba(128, 133, 133, 0.9);
  --BarChart-BackgroundColor-Item6: rgba(144, 103, 167, 0.9);
  --BarChart-BackgroundColor-Item7: rgba(171, 104, 87, 0.9);
  --BarChart-BackgroundColor-Item8: rgba(204, 194, 16, 0.9);
  /*For Line Charts*/
  --LineChart-BorderColor-Item1: rgba(46, 91, 159);
  --LineChart-BorderColor-Item2: rgba(202, 114, 39);
  --LineChart-BorderColor-Item3: rgba(52, 135, 70);
  --LineChart-BorderColor-Item4: rgba(186, 27, 31);
  --LineChart-BorderColor-Item5: rgba(65, 61, 67);
  --LineChart-BorderColor-Item6: rgba(91, 62, 135);
  --LineChart-BorderColor-Item7: rgba(127, 27, 30);
  --LineChart-BorderColor-Item8: rgba(132, 124, 51);
  --LineChart-BackgroundColor-Item1: rgba(57, 106, 177, 0.2);
  --LineChart-BackgroundColor-Item2: rgba(218, 124, 48, 0.2);
  --LineChart-BackgroundColor-Item3: rgba(62, 150, 81, 0.2);
  --LineChart-BackgroundColor-Item4: rgba(204, 37, 41, 0.2);
  --LineChart-BackgroundColor-Item5: rgba(83, 81, 84, 0.2);
  --LineChart-BackgroundColor-Item6: rgba(107, 76, 154, 0.2);
  --LineChart-BackgroundColor-Item7: rgba(146, 36, 40, 0.2);
  --LineChart-BackgroundColor-Item8: rgba(148, 139, 61, 0.2);
  /*For Point Charts*/
  --PointChart-BorderColor-Item1: rgba(46, 91, 159);
  --PointChart-BorderColor-Item2: rgba(202, 114, 39);
  --PointChart-BorderColor-Item3: rgba(52, 135, 70);
  --PointChart-BorderColor-Item4: rgba(186, 27, 31);
  --PointChart-BorderColor-Item5: rgba(65, 61, 67);
  --PointChart-BorderColor-Item6: rgba(91, 62, 135);
  --PointChart-BorderColor-Item7: rgba(127, 27, 30);
  --PointChart-BorderColor-Item8: rgba(132, 124, 51);
  --PointChart-BackgroundColor-Item1: rgba(57, 106, 177, 0.2);
  --PointChart-BackgroundColor-Item2: rgba(218, 124, 48, 0.2);
  --PointChart-BackgroundColor-Item3: rgba(62, 150, 81, 0.2);
  --PointChart-BackgroundColor-Item4: rgba(204, 37, 41, 0.2);
  --PointChart-BackgroundColor-Item5: rgba(83, 81, 84, 0.2);
  --PointChart-BackgroundColor-Item6: rgba(107, 76, 154, 0.2);
  --PointChart-BackgroundColor-Item7: rgba(146, 36, 40, 0.2);
  --PointChart-BackgroundColor-Item8: rgba(148, 139, 61, 0.2);
}

/* Css Variables */
/*Global Variables*/
/*Global Variables*/
html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  padding: 0;
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  font-size: 0.875rem;
  background-color: #f0f2f7;
}

* {
  padding: 0;
  margin: 0;
}

.border-round {
  border-radius: 50%;
}

.top-11 {
  top: 11px !important;
}

.top-14 {
  top: 14px !important;
}

.top-header {
  width: 100%;
  height: 75px;
  display: flex;
  align-items: center;
  background-color: #ffffff;
  border-bottom: 1px solid #dee2e6;
  position: relative;
}
.top-header .container-fluid {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.logo-menu-left,
.topnav-menu-right {
  display: flex;
  align-items: center;
}

.topnav-menu-right .dropdown-menu::before {
  content: "";
  border: 8px solid transparent;
  border-bottom-color: #adb5bd;
  position: absolute;
  top: -16px;
  right: 10px;
  z-index: 5;
}

.topnav-menu-right .dropdown-menu::after {
  content: "";
  border: 8px solid transparent;
  border-bottom-color: #fff;
  position: absolute;
  top: -15px;
  right: 10px;
  z-index: 10;
}

.dropdown-menu a:hover {
  background-color: #e9ecef;
  color: #495057;
}

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

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

.dropdown-b .dropdown-menu {
  padding-bottom: 0;
}

.logo,
.logos {
  width: 205px;
  margin-left: 0px;
  transition: all 0.3s ease-in-out;
}

.logoWrap {
  width: 125px;
  height: 35px;
  background-image: url(../images/plumb5_logo.png);
  background-repeat: no-repeat;
  margin-right: 20px;
}
.logoWrap a {
  display: block;
  width: 100%;
  height: 100%;
}

.topnav-menu-right .dropdown-c .nav-link {
  height: 32px;
  display: flex;
  align-items: center;
  color: #495057;
  padding: 0 10px;
}

.topnav-menu-right .dropdown-c .nav-link .icon,
.topnav-menu-right .dropdown-c .nav-link .fa {
  font-size: 14px;
  line-height: 0;
  margin-right: 8px;
  color: #1b84e7;
  width: 18px;
  text-align: center;
  transition: all 0.2s ease-in-out;
}

.topnav-menu-right .dropdown-divider {
  margin: 0;
}

.topnav-menu-right .dropdown-menu {
  padding: 0;
}

.topnav-menu-right .dropdown-c .nav-link:hover,
.topnav-menu-right .dropdown-c .nav-link:focus {
  background-color: #e9ecef;
  color: #495057;
}

.topnav-menu-right .dropdown-a.show > a,
.topnav-menu-right .dropdown-b.show > a {
  background-color: #1b84e7;
  color: #fff;
}

.dropdown-menu-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 15px;
  border-bottom: 1px solid #dee2e6;
}

.dropdown-menu-title {
  margin-bottom: 0;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
  font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif;
  color: #343a40;
}

.dropdown-activity-list .activity-label {
  padding: 7px 15px;
  background-color: #f8f9fa;
  border-bottom: 1px solid #dee2e6;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 500;
}

.dropdown-activity-list .activity-item {
  font-size: 13px;
  padding: 10px 15px;
  border-bottom: 1px solid #dee2e6;
}
.dropdown-activity-list .activity-item:hover {
  background-color: #f8f9fa;
}
.dropdown-activity-list a.dropdown-link {
  color: #495057;
  font-size: 13px;
}

.myaccountWrap {
  position: absolute;
  top: 75px;
  right: 15px;
  z-index: 1;
  display: none;
  z-index: 100;
}

.accountItemWrap {
  background-color: #ffffff;
  width: 261px;
  min-height: auto;
  max-height: 240px;
  border-left: solid 1px #ced4da;
  border-right: solid 1px #ced4da;
  overflow-y: auto;
  overflow-x: hidden;
}
.accountItemWrap a {
  color: #495057 !important;
  display: block;
  word-break: break-all;
  font-size: 13px;
}
.accountItemWrap a:hover {
  background-color: #e9ecef;
}
.accountItemWrap a.active {
  background-color: #e9ecef;
}
.accountItemWrap a.active .accountItem .accountName {
  color: #495057;
}
.accountItemWrap .accountItem {
  display: flex;
  align-items: center;
  padding: 8px 0px;
}
.accountItemWrap .accountItem .accountName {
  padding-left: 10px;
}

.seldefltaccwrp {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 8px;
  border-bottom: solid 1px #ced4da;
  width: 261px;
}

.accounthead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  border-left: solid 1px #ced4da;
  border-right: solid 1px #ced4da;
  border-bottom: solid 1px #ced4da;
  padding: 10px;
  box-sizing: border-box !important;
}
.accounthead h6 {
  font-size: 12px;
  color: #343a40;
  margin: 0;
  text-transform: uppercase;
  font-weight: 700;
}
.accounthead .ion-close {
  color: #dc3545;
  cursor: pointer;
  font-size: 12px;
}

.nav-dropdown ul {
  padding: 0;
  margin: 0;
}

.nav-dropdown li {
  list-style: none;
}

.tktDes {
  color: #6c757d;
}

.act-Num {
  color: #495057;
  font-weight: 500;
}

.widTitle {
  display: block;
  color: #495057;
}

.dropdown-list-footer {
  padding: 10px 15px;
  text-align: center;
  font-size: 12px;
}

.barMenu {
  margin-right: 15px;
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 100%;
  transition: all 0.2s ease-in-out;
  border: 1px solid #ced4da;
  flex-shrink: 0;
  cursor: pointer;
}

.barMenu:hover,
.barMenu:focus {
  background-color: #f8f9fa;
  border-color: #4662d4;
}

.barMenu:hover > .barIcon {
  background-color: #1b84e7;
}

.barIcon {
  width: 16px;
  height: 2px;
  background-color: #adb5bd;
  margin-bottom: 3px;
}

.barIcon:last-child {
  margin-bottom: 0px;
}

/* .topnav-menu-right{
    margin-right: 20px;
} */
.logged-user {
  display: flex;
  align-items: center;
  color: #495057;
  margin-left: 15px;
  text-decoration: none !important;
}

a.logged-user i {
  padding-left: 4px;
}

.prof-photo {
  width: 30px;
  height: 30px;
  padding: 3px;
  border: 1px solid #1b84e7;
  border-radius: 100%;
  margin-right: 10px;
  background-image: url("../images/wayene-logo.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-clip: content-box;
}

.drop-lft40 {
  left: -20px !important;
  top: 12px !important;
}

.dropdown-menu {
  border-radius: 0px;
  color: #868ba1;
  border: solid 1px #ced4da;
}

.header-notification {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: #6c757d;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  position: relative;
  text-decoration: none !important;
}

.header-notification:hover,
.header-notification:focus {
  background-color: #f2f4f6;
  color: #1b84e7;
}
.header-notification:hover .spanDot,
.header-notification:focus .spanDot {
  background-color: #fff;
}

.spanDot {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 6px;
  height: 6px;
  background-color: #1b84e7;
  border-radius: 100%;
}

.topnav-menu-right .dropdown-a .dropdown-menu {
  width: 350px;
}

.topnav-menu-right .dropdown-b .dropdown-menu {
  width: 350px;
}

.topnav-menu-right .dropdown-c .dropdown-menu {
  width: 220px;
}

.dropdown-item {
  font-size: 14px;
  color: #495057;
}

.main-container {
  transition: all 0.2s ease-in-out;
}

.sidebar {
  width: 230px;
  background-color: #fff;
  border-right: 1px solid #ced4da;
  padding: 0 0 20px;
  transition: all 0.2s ease-in-out;
  flex-shrink: 0;
  position: absolute;
  margin-left: -230px;
  z-index: 1;
}

.mainpanel {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
  padding: 25px;
}

.mainpanel .container {
  max-width: none;
  padding-right: 0px;
  padding-left: 0px;
}

/* left sidebar start here */
.sidebar-label {
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 0 20px;
  margin-bottom: 15px;
  color: #212529;
  font-weight: 500;
  display: block;
}

.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-sidebar {
  padding-bottom: 20px;
}

a {
  transition: all 0.2s ease-in-out;
}

a {
  color: #1b84e7;
  text-decoration: none !important;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

.sidebar-nav-item {
  display: block;
  width: 100%;
}

.sidebar-nav-item:first-child .sidebar-nav-link.active {
  border-top-width: 0;
}

/* .sidebar-nav-item:first-child .sidebar-nav-link {
    border-top: 1px solid #dee2e6;
} */
.sidebar-nav-link.active {
  background-color: #1b84e7;
  background-image: linear-gradient(to right, #1b84e7 0%, #1515af 100%);
  background-repeat: repeat-x;
  border-bottom-width: 0;
  color: #fff;
  margin-right: -1px;
}

.sidebar-nav-link {
  padding: 0 20px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #495057;
  border-bottom: 1px solid #dee2e6;
}

.sidebar-nav-link i {
  font-size: 24px;
  color: #1b84e7;
  margin-right: 8px;
  width: 20px;
  text-align: center;
}

.sidebar-nav-link i.ion-social-whatsapp-outline, .sidebar-nav-link i.ion-android-share-alt, .sidebar-nav-link i.ion-speakerphone, .sidebar-nav-link i.ion-android-list {
  font-size: 21px;
}

.sidebar-nav-link.active i {
  color: #fff;
}

.sidebar-nav-item.with-sub > .sidebar-nav-link::after {
  content: "\f3d0";
  font-family: "Ionicons";
  margin-left: auto;
  position: relative;
  opacity: 0.75;
}

.sidebar-nav-sub .nav-sub-link {
  padding: 6px 20px 6px 48px;
  color: #868ba1;
  transition: all 0.2s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.sidebar-nav-sub {
  border-bottom: 1px solid #dee2e6;
  display: none;
}

.sidebar-nav-sub .nav-sub-item {
  display: block;
  width: 100%;
}

.sidebar-nav-sub .nav-sub-link {
  padding: 6px 20px 6px 48px;
  color: #868ba1;
  transition: all 0.2s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.sidebar-nav-sub .nav-sub-link {
  padding: 6px 20px 6px 48px;
  color: #868ba1;
  transition: all 0.2s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.sidebar-nav-sub .nav-sub-item + .nav-sub-item {
  margin-top: 1px;
}

.sidebar-nav-sub .nav-sub-item.sub-with-sub ul {
  margin: 0;
  padding: 5px 0;
  list-style: none;
  display: none;
}

.sidebar-nav-sub .nav-sub-item.sub-with-sub ul li {
  margin-bottom: 10px;
}

.sidebar-nav-sub .nav-sub-item.sub-with-sub ul a {
  color: #868ba1;
  padding-left: 60px;
  font-size: 13px;
  display: block;
  padding-top: 3px;
  padding-bottom: 3px;
  margin: 0;
}

.sidebar-nav-sub .nav-sub-item.sub-with-sub ul a:hover {
  background-color: #f2f4f6;
  color: #495057;
}

.sidebar-nav-sub .nav-sub-item.sub-with-sub .nav-sub-link::after {
  content: "\f3d0";
  font-family: "Ionicons";
  margin-left: auto;
  position: relative;
  opacity: 0.75;
  font-size: 12px;
}

.sidebar-nav-sub .nav-sub-link.active {
  background-color: #f2f4f6;
  color: #495057;
}

.sub-men.active {
  background-color: #f2f4f6;
  color: #495057 !important;
}

/* left sidebar End here */
/*Show Hide Class*/
.showDiv {
  display: block !important;
}

.hideDiv {
  display: none !important;
}

.hide-sidebar {
  margin-left: -230px !important;
}

/* .hide-logo{margin-left:-205px;} */
.showFlx {
  display: flex !important;
}

/*Show Hide Class*/
/* Disable Div and Buttons */
.disableDiv {
  pointer-events: none;
  opacity: 0.4;
}

/* Disable Div and Buttons */
/* Active background-color */
.activeBgRow {
  background-color: #bbd9f5 !important;
}

/* Active background-color */
/* Page Container */
.pageheader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 0;
}

.pagetitle {
  margin-bottom: 10px;
  color: #343a40;
  padding-left: 10px;
  border-left: 4px solid #4662d4;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 18px;
  line-height: 18px;
  letter-spacing: 0.5px;
}

.totalCountTitle {
  color: #495057;
  font-weight: 600;
  text-transform: uppercase;
  padding-left: 15px;
  display: flex;
  align-items: center;
}
.totalCountTitle span {
  color: #e83e8c;
  font-size: 13px;
  font-weight: 500;
  padding-left: 5px;
}
.totalCountTitle .ion-ios-information {
  color: #4662d4;
  font-size: 16px;
  cursor: pointer;
  padding-left: 5px;
}

.contentHead .pagetitle {
  margin-bottom: 5px;
}

.breadcrumb {
  margin-bottom: 0;
  padding: 0;
  background-color: transparent;
  font-size: 12px;
}

.topTabWrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #ffffff;
  height: 50px;
  margin-top: 15px;
}

.brd-TRL {
  border-top: solid 1px #ced4da;
  border-right: solid 1px #ced4da;
  border-left: solid 1px #ced4da;
}

.iconsWrap,
.iconsettingswrp {
  display: flex;
  align-items: center;
}

.iconsWrap-docu {
  display: flex;
  align-items: center;
}
.iconsWrap-docu .text-dropdown {
  font-size: 12px;
  color: #495057;
  font-weight: 700;
  margin-right: 20px;
  border: none;
  background-color: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.iconsWrap-docu .text-dropdown i {
  margin-right: 5px;
}
.iconsWrap-docu .text-dropdown:hover {
  color: #1b84e7;
}
.iconsWrap-docu .text-dropdown:hover i.ion-ios-plus-empty {
  color: #1b84e7;
}
.iconsWrap-docu .btn-dropdown {
  border: solid 1px #ced4da;
  padding: 5px 15px;
  font-size: 12px;
  margin-right: 15px;
  background-color: transparent;
  color: #495057;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  display: flex;
  align-items: center;
}
.iconsWrap-docu .btn-dropdown i {
  font-size: 12px;
  margin-right: 0px;
  margin-left: 8px;
  color: #4662d4;
}
.iconsWrap-docu .btn-dropdown:hover,
.iconsWrap-docu .btn-dropdown:focus {
  background-color: #4662d4;
  color: #fff;
  border: solid 1px #4662d4;
}
.iconsWrap-docu .btn-dropdown:hover i,
.iconsWrap-docu .btn-dropdown:focus i {
  color: #fff;
}

.subdivWrap {
  height: 45px;
  background-color: #f0f2f7;
  border-right: solid 1px #ced4da;
  border-left: solid 1px #ced4da;
  border-top: solid 1px #ced4da;
  padding: 0px 15px;
  display: none;
}

.subdivWrap-one {
  height: 45px;
  background-color: #f0f2f7;
  border-right: solid 1px #ced4da;
  border-left: solid 1px #ced4da;
  border-top: solid 1px #ced4da;
  padding: 0px 15px;
  display: none;
}

.subdivFiltWrap {
  height: 50px;
  background-color: #f0f2f7;
  border-right: solid 1px #ced4da;
  border-left: solid 1px #ced4da;
  border-top: solid 1px #ced4da;
  padding: 0px 15px;
  display: none;
}

.selectedItemWrap {
  display: flex;
  align-items: center;
  height: 100%;
  color: #495057;
  font-size: 13px;
}
.selectedItemWrap .btn-dropdownGrp {
  background-color: transparent;
  border: none;
  cursor: pointer;
  color: #1b84e7;
  display: flex;
  align-items: center;
  transition: all 0.3s ease-in-out;
  padding: 3px 15px;
}
.selectedItemWrap .btn-dropdownGrp i {
  font-size: 18px;
  padding-right: 6px;
}
.selectedItemWrap .btn-dropdownGrp:hover {
  color: #495057;
}
.selectedItemWrap .btn-dropdownGrp:focus {
  background-color: #4662d4;
  color: #fff;
}

.filtSearchBox {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.filtSearchBox .searchBoxWrap {
  width: 230px;
  display: flex;
  align-items: center;
}

.searchBoxWrap input::-moz-placeholder {
  font-size: 12px !important;
}

.searchBoxWrap input::placeholder {
  font-size: 12px !important;
}

.addDropdownWrap {
  margin-left: 20px;
  width: 180px;
}

.iconsWrap i {
  margin-right: 15px;
  font-size: 24px;
  color: #495057;
  cursor: pointer;
}
.iconsWrap i .fa-floppy-o {
  font-size: 14px !important;
}
.iconsWrap i.disabled {
  pointer-events: none;
  opacity: 0.5;
  color: #ccc;
}

.iconsWraplmsrep {
  display: flex;
  align-items: center;
}
.iconsWraplmsrep i {
  font-size: 22px;
  margin-right: 10px;
  cursor: pointer;
}
.iconsWraplmsrep .ordbydropdownlms .fa-sort-amount-desc {
  color: #495057;
}

.orderbylmsrepfillwrap {
  display: flex;
  justify-content: end;
  padding-top: 15px;
}

.iconsWrap-docu i {
  margin-right: 15px;
  font-size: 24px;
  color: #495057;
  cursor: pointer;
}

.iconsWrap-docu i.ion-ios-people-outline {
  font-size: 30px;
}

.iconsWrap-docu .dropdown-menu a:hover {
  background-color: #e9ecef;
  color: #495057;
}

.iconBrd-lft {
  border-left: solid 1px #ced4da;
  padding-left: 10px;
}

.tabItemWrap {
  display: flex;
  align-items: center;
  padding-left: 15px;
  background-color: #fff;
  z-index: 1;
  overflow: hidden;
}

.showingWrap {
  display: flex;
  align-items: center;
  padding-left: 15px;
  background-color: #fff;
  z-index: 1;
}

.tabItem {
  display: block;
  height: 100%;
}

.tap-nav-link {
  background-color: #ffffff;
  height: 100%;
  margin-right: 10px;
  display: block;
  color: #495057;
  padding: 13px 15px;
  transition: all 0.2s ease-in-out;
  font-size: 14px;
  text-align: center;
}

.tap-nav-link.active {
  border-bottom: solid 2px #1b84e7;
  font-weight: 600;
}

.iconTopNav {
  width: 30px;
  height: 25px;
  padding: 7px 7px 0px 7px;
  border: solid 1px #ced4da;
  margin-left: 10px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  display: none;
}

.topIconItem {
  display: block;
  height: 2px;
  background-color: #adb5bd;
  margin-bottom: 2px;
}

.topIconItem:last-child {
  margin-bottom: 0px;
}

.iconTopNav:hover {
  border: solid 1px #1b84e7;
}

.iconTopNav:hover .topIconItem {
  background-color: #1b84e7;
}

/* width start her */
.w-100pc {
  width: 100px;
  display: block;
  text-align: left;
}

.w-160pc {
  width: 160px;
  display: block;
  text-align: left;
}

.w-180pc {
  width: 180px;
  display: block;
  text-align: left;
}

.w-20 {
  width: 20%;
}

.w-90 {
  width: 90% !important;
}

.w-80 {
  width: 80% !important;
}

.w-70 {
  width: 70% !important;
}

.w-60 {
  width: 60%;
}

.w-60px {
  width: 60px;
}

.w-40px {
  width: 40px;
}

.w-90px {
  width: 90px;
}

.w-110 {
  width: 110px;
}

.w-130 {
  width: 130px;
}

.w-150 {
  width: 150px;
}

.w-180 {
  width: 180px;
}

.w-200 {
  width: 200px;
}

.w-250 {
  width: 250px;
}

.w-300 {
  width: 300px !important;
}

.w-350 {
  width: 350px !important;
}

/* width end her */
/* Filter Start here */
.advncdFilt {
  color: #495057;
  text-transform: uppercase;
  font-size: 14px;
  padding: 10px 0;
}

.filterItem {
  background-color: #efefef;
  border: 1px solid #ced4da;
  border-radius: 2px;
  padding: 10px 15px;
}
.filterItem .dropdown-item {
  font-size: 12px;
}

.andFiltWrap {
  background-color: #efefef;
  border: 1px solid #ced4da;
  border-top: none;
  border-bottom: none;
  border-radius: 2px;
  padding: 6px 15px;
  width: 100px;
  margin-left: 100px;
  margin-top: -1px;
  text-align: center;
  font-size: 14px;
  position: relative;
}

.mt-min-1 {
  margin-top: -1px;
}

.addfilterItem {
  background-color: #efefef;
  border: 1px solid #ced4da;
  border-radius: 2px;
  padding: 10px 15px;
}

.clseWrapFilt {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.clseWrapFilt .icon {
  font-size: 18px;
  color: #8b8a8a;
}

.filtSearch {
  padding: 5px;
  position: relative;
}
.filtSearch .icon {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 16px;
  cursor: pointer;
}

.visitfiltWrap a,
.startwith a {
  font-size: 12px;
}

.visitAddGroupWrap {
  width: 240px;
  height: 200px;
  overflow-y: auto;
}
.visitAddGroupWrap a {
  font-size: 12px;
}

.filterItem .row {
  overflow: inherit !important;
}

.filtBtnWrap {
  display: flex;
}

.btnFilItem {
  margin-right: 10px;
}

.filtrTitWrp {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.clseFitr {
  font-size: 14px;
  cursor: pointer;
  color: #495057;
}

/* Filter End here */
.mr-tp-15 {
  margin-top: 15px;
}

.box-white {
  background-color: #ffffff;
  /* overflow: hidden; */
  border: solid 1px #ced4da;
}

.box-white-filt {
  background-color: #ffffff;
  /* overflow: hidden; */
  border-right: solid 1px #ced4da;
  border-top: solid 1px #ced4da;
  border-left: solid 1px #ced4da;
  padding: 10px 20px;
}

.box-white-chart {
  background-color: #ffffff;
  overflow: hidden;
  border: solid 1px #ced4da;
}

.box-white-sess {
  background-color: #ffffff;
  border-bottom: solid 1px #ced4da;
  padding: 10px 20px;
}

.box-title {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 13px;
  color: #343a40;
  letter-spacing: 1px;
  padding: 20px 20px 0;
}

.head-descrp {
  color: #868ba1;
  font-size: 12px;
}

.row-eq-height {
  display: flex !important;
}

.showDateWrap {
  display: flex;
  align-items: center;
  border-bottom: solid 1px #ced4da;
  margin-bottom: 10px;
  height: 50px;
  padding-left: 10px;
  padding-right: 10px;
}

.showDateIconWrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}

.border-bottom {
  border-bottom: solid 1px #ced4da !important;
}

.brd-bttm-none {
  border-bottom: none;
}

.brd-top-none {
  border-top: none;
}

.showTxt {
  font-size: 13px;
  color: #495057;
}

.dateWrap {
  margin-left: 10px;
  width: 160px;
}

.date-control {
  border: transparent;
  width: 100%;
  color: #1b84e7;
}

.datedropdown .btn {
  background-color: transparent;
  color: #1b84e7;
  outline: none;
  font-size: 13px;
}

.dateBoxWrap {
  width: 50%;
  align-items: center;
  display: none;
}

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

.input-group-text {
  border-radius: 0px;
  color: #495057;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
}

.dateclseWrap {
  cursor: pointer;
  margin-left: 15px;
}

.dateclseWrap i.ion-ios-close-outline {
  font-size: 24px;
  color: #495057;
}

.p5new-btnDisabled {
  background-color: #666666;
  border: 1px solid #666666;
  width: 100%;
  height: 38px;
  font-size: 15px;
  color: #ffffff;
  font-weight: 700;
  text-decoration: none;
  cursor: not-allowed;
}

textarea:hover,
input:hover,
textarea:active,
input:active,
textarea:focus,
input:focus,
button:focus,
button:active,
button:hover,
label:focus,
.btn:active,
.btn.active {
  outline: 0px !important;
  box-shadow: none !important;
}

.btn-smll {
  background-color: #1b84e7;
  font-size: 13px;
  color: #ffffff;
  padding: 8px 15px;
}

.btn-smll:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
}

.btn {
  border-radius: 0px;
}

.form-control {
  border-radius: 0px;
  font-size: 13px;
  font-weight: 300;
}

.btnwrap {
  padding: 20px 0px;
}

.btn-primary {
  color: #fff;
  background-color: #1b84e7;
  border-color: #1b84e7;
  font-size: 13px;
  font-weight: 300;
}
.btn-primary a {
  color: #ffffff;
  display: block;
  width: 100%;
}

.btn-second {
  color: #6f42c1;
  font-size: 13px;
  border-color: #6f42c1;
  font-weight: 400;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.btn-second:hover {
  background-color: #6f42c1;
  color: #ffffff !important;
}
.btn-second a {
  color: #6f42c1;
  display: block;
  width: 100%;
  height: 100%;
}

.btn-second:hover a {
  color: #ffffff;
}

.btn-third {
  color: #ffffff;
  font-size: 13px;
  border-color: #4662d4;
  background-color: #4662d4;
  font-weight: 400;
  transition: all 0.3s ease-in-out;
}
.btn-third:hover {
  background-color: #ffffff;
  color: #4662d4 !important;
}
.btn-third a {
  color: #6f42c1;
  display: block;
  width: 100%;
  height: 100%;
}

.btn-cancel {
  color: #dc3545;
  font-size: 14px;
  border-color: #dc3545;
  font-weight: 300;
  transition: all 0.3s ease-in-out;
}
.btn-cancel:hover {
  background-color: #dc3545;
  color: #ffffff;
}

.btn-third.pad375 {
  padding: 0.375rem 0.75rem;
}

.btn-danger {
  font-size: 13px;
  font-weight: 300;
}

.btn-secondary {
  font-size: 13px;
  background-color: #6c757d !important;
  border-color: #6c757d !important;
  color: #fff !important;
  padding: 0.375rem 0.75rem !important;
  font-weight: 300;
}

.btn-notifprimary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
  font-size: 13px;
  font-weight: 300;
  padding: 0 !important;
}
.btn-notifprimary a {
  color: #ffffff;
  display: block;
  padding: 6px 20px !important;
}

.btn-notisecondary {
  font-size: 13px;
  background-color: #6c757d;
  border-color: #6c757d;
  color: #fff;
  padding: 0 !important;
}
.btn-notisecondary a {
  color: #ffffff;
  display: block;
  padding: 6px 20px !important;
}

.notitexturlwrp p {
  font-size: 11px;
  color: #6c757d;
  margin-bottom: 0;
}

.delete-modal-header {
  background-color: #dc3545 !important;
}

.modal-header.delete-modal-header .modal-title {
  color: #fff;
}

.modal-header.delete-modal-header .close {
  color: #fff;
}

.charteeWrap {
  padding: 20px 30px;
}

.drop-form {
  width: 350px;
}

.drop-form-dash {
  width: 385px;
}

.h-2 {
  height: 2px;
}

.h-35 {
  height: 35px !important;
}

.h-40 {
  height: 40px;
}

.h-45 {
  height: 45px;
}

.h-70 {
  height: 70px;
}

.h-150 {
  height: 150px !important;
}

.h-200 {
  height: 200px;
}

.h-250 {
  height: 250px;
}

.h-300 {
  height: 300px;
}

.h-315 {
  height: 315px;
}

.h-320 {
  height: 320px;
}

.h-345 {
  height: 345px !important;
}

.h-350 {
  height: 350px !important;
}

.h-355 {
  height: 355px !important;
}

.h-360 {
  height: 360px !important;
}

.h-400 {
  height: 400px !important;
}

.h-450 {
  height: 450px;
}

.h-500 {
  height: 550px;
}

.h-600 {
  height: 600px;
}

.border-radius-0 {
  border-radius: 0 !important;
}

.actionWrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  /* border-bottom: solid 1px $border-col; */
}

.btn-action {
  background: #f6f6f6;
  background: linear-gradient(to bottom, #f6f6f6 62%, #dcdcdc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$actionBtn-start", endColorstr="$actionBtn-end", GradientType=0);
  border: solid 1px #ced4da;
  border-radius: 0px;
  padding: 4px 15px;
  color: #495057;
  border-radius: 2px;
  position: relative;
  font-size: 13px;
}

.dropdown .ion-android-arrow-dropdown {
  position: absolute;
  right: 10px;
  top: 1px;
  font-size: 18px;
}

.btn-action-blu {
  background: #1b84e7;
  background: linear-gradient(to bottom, #1b84e7 62%, #1071cc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1b84e7", endColorstr="#1071cc", GradientType=0);
  border: solid 1px #0656a1;
  border-radius: 0px;
  padding: 4px 15px;
  color: #ffffff;
  border-radius: 2px;
  font-size: 13px;
}

.btn-addFilter {
  background-color: transparent;
  border: dashed 1px #1b84e7;
  padding: 8px 20px;
  color: #495057;
  cursor: pointer;
  border-radius: 5px;
  font-size: 13px;
}

.btn-action + .dropdown-menu {
  border: solid 1px #ced4da;
  font-size: 13px;
  color: #495057;
}

.searchWrap {
  display: flex;
  align-items: center;
}

.searchInput {
  position: relative;
  margin-right: 10px;
  transition: all 0.3s ease-in-out;
}

.searchIcon {
  position: absolute;
  right: 10px;
  top: 2px;
  font-size: 18px;
  color: #1b84e7;
  cursor: pointer;
}

.filterWrap i {
  font-size: 18px;
  cursor: pointer;
  color: #495057;
}

.font-28 {
  font-size: 28px !important;
}

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

.font-22 {
  font-size: 22px !important;
}

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

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

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

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

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

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

/* table start here*/
.tblContainer {
  max-width: 100%;
  position: relative;
}

.table thead th {
  border-bottom: none;
  background-color: #e3e4e8;
}

.table td,
.table th {
  border-bottom: solid 1px #ced4da;
  border-top: none;
  color: #353b41;
  font-size: 13px;
  padding: 0.65rem;
  box-sizing: border-box;
  border-right: solid 1px #ced4da;
  vertical-align: middle;
}

.table td {
  text-align: right;
  font-size: 13px;
  font-weight: 400;
  position: relative;
  word-break: break-all;
}

.table.tbl-td-ta-lft td {
  text-align: left;
}

.table td .ion-ios-eye-outline {
  font-size: 24px;
  color: #495057;
  cursor: pointer;
}

.table td .ion-eye-disabled {
  font-size: 20px;
  color: #495057;
  cursor: pointer;
}

td.prevLPWrap {
  position: relative;
}

.prevLPItem {
  width: 250px;
  border: solid 1px #ced4da;
  background-color: #ffffff;
  position: absolute;
  top: 10px;
  left: 60px;
  z-index: 10;
  display: none;
  overflow: hidden;
}

td .ion-ios-eye-outline:hover + .prevLPItem {
  display: block;
}

.frmeWH {
  width: 250px;
  height: 200px;
}

.frmeWH iframe {
  width: 100%;
  height: 100%;
}

.table tr:last-child td.prevLPWrap > .prevLPItem {
  top: -100px;
}

.td-wid-5 {
  width: 5%;
  max-width: 5%;
}

.td-wid-7 {
  width: 7%;
  max-width: 7%;
}

.td-wid-8 {
  width: 8%;
  max-width: 8%;
}

.td-wid-9 {
  width: 9%;
  max-width: 9%;
}

.td-wid-10 {
  width: 10%;
  max-width: 10%;
}

.td-wid-11 {
  width: 11%;
  max-width: 11%;
}

.td-wid-12 {
  width: 12%;
  max-width: 12%;
}

.td-wid-13 {
  width: 13%;
  max-width: 13%;
}

.td-wid-14 {
  width: 14%;
  max-width: 14%;
}

.td-wid-15 {
  width: 15%;
  max-width: 15%;
}

.td-wid-16 {
  width: 16%;
  max-width: 16%;
}

.td-wid-17 {
  width: 17%;
  max-width: 17%;
}

.td-wid-18 {
  width: 18%;
  max-width: 18%;
}

.td-wid-20 {
  width: 20%;
  max-width: 20%;
}

.td-wid-22 {
  width: 22%;
  max-width: 22%;
}

.td-wid-23 {
  width: 23%;
  max-width: 23%;
}

.td-wid-24 {
  width: 24%;
  max-width: 24%;
}

.td-wid-25 {
  width: 25%;
  max-width: 25%;
}

.td-wid-30 {
  width: 30%;
  max-width: 30%;
}

.td-wid-35 {
  width: 35%;
  max-width: 35%;
}

.td-wid-40 {
  width: 40%;
  max-width: 40%;
}

.td-wid-45 {
  width: 45%;
  max-width: 45%;
}

.td-wid-50 {
  width: 50%;
  max-width: 50%;
}

.td-wid-55 {
  width: 55%;
  max-width: 55%;
}

.td-wid-60 {
  width: 60%;
  max-width: 60%;
}

.td-wid-65 {
  width: 65%;
  max-width: 65%;
}

.td-wid-70 {
  width: 70%;
  max-width: 70%;
}

.td-wid-75 {
  width: 75%;
  max-width: 75%;
}

.td-wid-80 {
  width: 80%;
  max-width: 80%;
}

.td-wid-90 {
  width: 90%;
  max-width: 90%;
}

.td-min-wid-150 {
  min-width: 150px;
}

.td-min-wid-250 {
  min-width: 250px;
}

.table td:last-child,
.table th:last-child {
  border-right: none;
}

.first-row tr:first-child {
  background-color: #f5f6f8;
}

.td-h3 {
  font-size: 20px;
  color: #53575a;
  margin: 0px 0px 3px;
}

.percnt {
  margin: 0;
  font-size: 13px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 0px;
}

.percnt i {
  padding-right: 3px;
  font-size: 18px;
}

.percnt i.ion-android-arrow-dropdown {
  color: #c72c45;
}

.percnt i.ion-android-arrow-dropup {
  color: #23af05;
}

.table-scrolling {
  overflow-x: auto;
  white-space: nowrap;
}

.spacBet {
  display: flex;
  align-items: center;
  width: 100%;
}

th.helpIcon {
  position: relative;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
th.helpIcon:hover {
  background-color: #f4f4f4;
}

.addsorticn {
  background-color: #f4f4f4 !important;
}
.addsorticn i {
  transform: rotate(180deg);
  margin-top: -3px;
  transition: all 0.3s ease-in-out;
}
.addsorticn .ion-arrow-down-c {
  display: block;
}

th.helpIcon:hover .sortWrap i {
  display: block;
}

th.helpIcon i {
  font-size: 16px;
  color: #495057;
  cursor: pointer;
  /* position: absolute;
    top: 8px;
     */
  padding-left: 5px;
  transition: all 0.3s ease-in-out;
}

.toottipWrap {
  position: absolute;
  right: 0px;
  left: 0px;
  top: 60px;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 1;
  color: #fff !important;
  width: 200px;
  font-size: 11px;
  font-weight: 400;
  padding: 5px 10px;
  border-radius: 5px;
  display: none;
  transition: all 0.2s ease-in-out;
}

th:last-child .toottipWrap {
  left: -106px;
}

th.helpIcon i:hover + .toottipWrap {
  display: block;
}

.sheet .row {
  overflow-x: auto;
}

.pagiWrap {
  padding: 0px 20px 20px 20px;
}

.paginItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.rowdropdown {
  padding: 3px;
  border: solid 1px #ced4da;
  border-radius: 4px;
  color: #495057;
}

.rownumb {
  width: 40px;
  height: 30px;
  border: solid 1px #ced4da;
  border-radius: 4px;
  color: #495057;
  text-align: center;
}

.rowTxt {
  font-size: 12px;
  color: #495057;
  padding-right: 5px;
}

.pagiarrow {
  display: flex;
}

.arrowWrap {
  display: flex;
}

.arrleft {
  width: 30px;
  height: 30px;
  background-color: #fff;
  border: solid 1px #ced4da;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  cursor: pointer;
  margin-right: 5px;
  margin-left: 5px;
  transition: all 0.2s ease-in-out;
  color: #495057;
}

.arrleft:hover {
  background-color: #1b84e7;
  border: solid 1px #1b84e7;
}

.arrleft:hover i {
  color: #fff;
}

.footer {
  margin-top: 30px;
  height: 40px;
  display: flex;
  align-items: center;
}

.copyriteWrp {
  font-size: 11px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #495057;
}

.footer span a {
  color: #495057;
}

.footer span a:hover {
  color: #1b84e7;
}

.container-new {
  width: 100%;
}

.table-responsivesss {
  overflow-x: auto;
}

.table-responsive {
  overflow-x: auto !important;
}

/* check box start here */
.chbxWrap {
  display: flex;
  width: 40px;
  height: 20px;
  align-items: stretch;
}

.mnumb {
  display: block;
}

.h-10p {
  height: 10px;
}

.h-20p {
  height: 20px;
}

.num-blu {
  text-align: left !important;
}

.num-blu span {
  color: #1b84e7;
}

.ckbox {
  font-weight: normal;
  position: relative;
  display: block;
  line-height: 18px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  margin: 0 auto;
}

.ckbox input[type=checkbox] {
  opacity: 0;
  margin: 0 5px 0 0;
  display: none;
}

.ckbox span {
  color: #1b84e7;
}

.ckbox span:before {
  content: "";
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 1px solid #adb5bd;
  top: 1px;
  left: 0;
}

.ckbox span:before,
.ckbox span:after {
  line-height: 18px;
  position: absolute;
}

.ckbox input[type=checkbox]:checked + span:after {
  display: block;
}

.ckbox span:after {
  top: 1px;
  left: 0;
  width: 16px;
  height: 16px;
  content: "\f00c";
  font-family: "FontAwesome";
  font-size: 9px;
  text-align: center;
  color: #fff;
  background-color: #1b84e7;
  line-height: 17px;
  display: none;
}

.ckbox span:before,
.ckbox span:after {
  line-height: 18px;
  position: absolute;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

/* check box end here */
/*Radio button start here */
.custom-control-label {
  font-size: 13px;
  color: #495057;
  font-weight: 300;
  padding-top: 2px;
}

.custom-control-label::before {
  background-color: #e9ecef;
  border: solid 1px #afaeae;
  top: 0.2rem;
}

.custom-control-label::after {
  top: 0.2rem;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #1b84e7;
  border: solid 1px #1b84e7;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #1b84e7;
  border: solid 1px #1b84e7;
}

/*Radio button End here */
/* ----------------------------------------- */
/* ############### jQuery UI ############### */
/* ----------------------------------------- */
/***** DATEPICKER *****/
.ui-datepicker {
  background-color: #fff;
  border: 1px solid #ced4da;
  font-family: inherit;
  font-size: inherit;
  padding: 10px;
  margin: 1px 0 0;
  display: none;
  width: auto !important;
  z-index: 1600 !important;
}

.ui-datepicker .ui-datepicker-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  font-weight: 500;
  font-size: 12px;
  text-transform: uppercase;
  color: #868ba1;
  padding: 0 0 5px;
  letter-spacing: 1px;
  border: 0;
  background-color: transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  text-indent: -99999px;
  color: #6c757d;
  top: 1px;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next::before,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before {
  font-size: 16px;
  font-family: "FontAwesome";
  position: absolute;
  top: -4px;
  text-indent: 0;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover::before,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:focus::before,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover::before,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:focus::before {
  color: #343a40;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  order: 3;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next:before {
  right: 5px;
  content: "\f105";
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before {
  left: 5px;
  content: "\f104";
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover {
  color: #495057;
  cursor: pointer;
  top: 1px;
  border: 0;
  background-color: transparent;
}

.ui-datepicker .ui-datepicker-title {
  color: #5b93d3;
}

.ui-datepicker .ui-datepicker-calendar {
  margin: 0;
  background-color: transparent;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.ui-datepicker .ui-datepicker-calendar th {
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 6px 10px;
  color: #a3a7b7;
}

@media (max-width: 320px) {
  .ui-datepicker .ui-datepicker-calendar th {
    padding: 4px 0;
    letter-spacing: normal;
  }
}
.ui-datepicker .ui-datepicker-calendar td {
  border: 1px solid #fff;
  padding: 0;
  background-color: #fff;
  text-align: right;
}

.ui-datepicker .ui-datepicker-calendar td:last-child {
  border-right: 0;
}

.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month .ui-state-default {
  color: #ccc;
}

.ui-datepicker .ui-datepicker-calendar td span,
.ui-datepicker .ui-datepicker-calendar td a {
  transition: all 0.2s ease-in-out;
  padding: 5px;
  background-color: #f8f9fa;
  color: #868ba1;
  padding: 6px 10px;
  display: block;
  font-weight: 400;
  font-size: 12px;
  border: 0;
  border-radius: 1px;
}

.ui-datepicker-month,
.ui-datepicker-year {
  border: none;
  color: #868ba1;
  font-size: 12px;
}

.ui-datepicker-month {
  margin-right: 10px;
}

@media screen and (prefers-reduced-motion: reduce) {
  .ui-datepicker .ui-datepicker-calendar td span,
  .ui-datepicker .ui-datepicker-calendar td a {
    transition: none;
  }
}
.ui-datepicker .ui-datepicker-calendar td a:hover {
  background-color: #f0f2f7;
  color: #868ba1;
}

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a {
  background-color: #1b84e7;
  color: #fff;
}

.ui-datepicker-multi .ui-datepicker-group {
  padding-right: 15px;
  width: auto;
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group .ui-datepicker-title {
  margin: auto;
}

.ui-datepicker-multi .ui-datepicker-group .ui-datepicker-prev::before {
  left: 10px;
}

.ui-datepicker-multi .ui-datepicker-group .ui-datepicker-next::before {
  right: 10px;
}

.ui-datepicker-multi .ui-datepicker-group table {
  margin: 0;
}

.ui-datepicker-multi .ui-datepicker-group-last {
  padding-right: 0;
}

.ui-datepicker-inline {
  max-width: 270px;
  border-color: #ced4da;
}

.filterWap .dropdown-toggle:after {
  content: none;
}

/* Geography page */
#mapid {
  height: 100%;
  position: relative;
  z-index: 0;
}

.mapWrap {
  padding: 10px 20px 20px;
}

td i {
  margin-right: 5px;
}

table th i.ion-android-arrow-down {
  font-size: 18px;
  position: absolute;
  right: 10px;
}

.sortWrap {
  font-size: 18px;
  position: absolute;
  top: 25%;
  right: 5px;
  width: 20px;
  display: flex;
  flex-direction: column;
}

.sortWrap i {
  font-size: 18px !important;
  margin-bottom: -6px;
  color: #495057;
  display: none;
}

/* .sortWrap .fa-caret-up{
    z-index: 10;
} */
.sortWrap i.active {
  color: #1b84e7;
}

.roteVerti {
  transform: rotate(180deg);
}

.tbl-spacer {
  height: 20px;
}

/* Geography page */
/* Dashboard start here */
.no-data {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 250px;
  font-size: 14px;
  padding: 0px 20px;
  color: #495057;
}

.table.no-data-records {
  margin-bottom: 0px;
  border-bottom: none;
}

/* Dashboard start here */
/* Alert messages */
.errMesWrapper {
  margin: auto;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 60%;
  z-index: 1000;
  font-size: 16px;
}

.alert {
  border-radius: 0;
  padding: 15px 20px;
  position: relative;
  border: 1px solid transparent;
  font-size: 14px;
}

.alert-close,
.alrt-clse {
  float: right;
  font-size: 1.3125rem;
  font-weight: 700;
  line-height: 17px;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
  cursor: pointer;
}

button.alert-close,
button.alrt-clse {
  background-color: transparent;
  border: none;
}

/* Alert messages */
/*login page */
.p5new-frmWrapper {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.p5new-frmwrappee {
  width: 400px;
}

.p5new-bgwhiteWrap {
  padding: 30px 30px;
  background-color: #fff;
  border: 1px solid #c3c0c0;
  box-shadow: 0px 0px 6px #b6b8bb;
}

.p5new-logoWrp {
  width: 125px;
  height: 35px;
  background-image: url("../images/plumb5_logo.png");
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto;
}

.p5new-logoWrp a {
  display: block;
  width: 100%;
  height: 100%;
}

.p5new-frmWrap {
  width: 100%;
  margin-top: 30px;
}

:focus {
  outline: none;
}

.p5new-frmFld {
  position: relative;
  margin-bottom: 25px;
}

.p5new-frm-cont {
  width: 100%;
  color: #333;
  width: 100%;
  box-sizing: border-box;
  letter-spacing: 1px;
}

.p5new-input-eff {
  border: 1px solid #ccc;
  padding: 13px 14px 13px;
  transition: 0.4s;
}

.p5new-input-eff ~ .focus-border:before,
.p5new-input-eff ~ .focus-border:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 0;
  height: 1px;
  background-color: #1b84e7;
  transition: 0.4s;
}

.p5new-input-eff ~ .focus-border:after {
  top: auto;
  bottom: 0;
}

.p5new-input-eff ~ .focus-border i:before,
.p5new-input-eff ~ .focus-border i:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 0;
  background-color: #1b84e7;
  transition: 0.6s;
}

.p5new-input-eff ~ .focus-border i:after {
  left: auto;
  right: 0;
}

.p5new-input-eff:focus ~ .focus-border:before,
.p5new-input-eff:focus ~ .focus-border:after {
  left: 0;
  width: 100%;
  transition: 0.4s;
}

.p5new-input-eff:focus ~ .focus-border i:before,
.p5new-input-eff:focus ~ .focus-border i:after {
  top: 0;
  height: 100%;
  transition: 0.6s;
}

.p5new-btnwrp {
  margin-bottom: 25px;
  position: relative;
}

.p5new-btn {
  background-color: #1895ef;
  border: 1px solid #1895ef;
  width: 100%;
  height: 40px;
  border-radius: 3px;
  font-size: 16px;
  color: #ffffff;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
}

.p5new-stayWrap {
  display: block;
  margin-bottom: 20px;
  width: 100%;
}

.p5new-checkBxWrp {
  width: 100%;
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.p5new-checkBxWrp .p5new-checkBx {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 16px;
  width: 16px;
  left: 1px;
  top: 0px;
  z-index: 100;
}

.p5new-checkBgMark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #eee;
  border: solid 1px #ced4da;
}

.p5new-checkBxWrp:hover .p5new-checkBx ~ .p5new-checkBgMark {
  background-color: #ccc;
}

.p5new-checkBxWrp .p5new-checkBx:checked ~ .p5new-checkBgMark {
  background-color: #1b84e7;
  border: 1px solid #1570c7;
}

.p5new-checkBgMark:after {
  content: "";
  position: absolute;
  display: none;
}

.p5new-checkBxWrp .p5new-checkBx:checked ~ .p5new-checkBgMark:after {
  display: block;
}

.p5new-checkBxWrp .p5new-checkBgMark:after {
  left: 5px;
  top: 2px;
  width: 3px;
  height: 6px;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

.p5new-checkBxWrp label {
  font-size: 12px;
  position: absolute;
  top: 0px;
  color: #5e5b62;
  font-weight: 500;
}

.p5new-frgtWrp {
  font-size: 13px;
  display: block;
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.p5new-resetfrgtWrp {
  font-size: 13px;
  display: block;
  width: 100%;
  text-align: center;
}

.p5new-stayWrap {
  margin-bottom: 20px;
}

.p5new-frgtWrp a,
.p5new-resetfrgtWrp a {
  color: #515151;
  text-decoration: underline !important;
  font-weight: 600;
  display: block;
}

.p5new-frgtWrp a:hover,
.p5new-resetfrgtWrp a:hover {
  color: #4662d4;
}

.p5new-frgtWrp p {
  padding-top: 40px;
}

.p5new-terms {
  font-size: 11px;
  line-height: 20px;
  color: #5b5656;
  padding: 15px 20px 10px;
  text-align: center;
}

.p5new-terms a {
  color: #5b5656;
  text-decoration: none;
}

.p5new-terms a:hover {
  color: #4662d4;
  text-decoration: underline;
}

.btn-signin {
  font-weight: 500;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 40px;
  border: 0;
  min-height: 40px;
  background-image: linear-gradient(to right, #1b84e7 0%, #6f42c1 100%);
  background-repeat: repeat-x;
}

/*login page */
/*Reset Password*/
.p5new-contHeadTxt {
  font-size: 26px;
  color: #41435a;
  text-align: center;
  font-weight: 700;
  padding-top: 40px;
  margin: 0;
}

.p5new-contheadDesc {
  font-size: 12px;
  color: #41435a;
  text-align: center;
  font-weight: 400;
  padding-top: 15px;
  margin-top: -10px;
}

.p5new-btnwrp .ion-ios-email-outline {
  font-size: 30px;
  position: absolute;
  top: 4px;
  left: 22px;
}

.font-bold {
  font-weight: 600;
}

/*Reset Password*/
/*Buttons here*/
.btn-active {
  color: #fff;
  background-color: #1b84e7;
  border-color: #1b84e7;
  height: 38px;
  border: none;
  cursor: pointer;
  font-size: 13px;
  font-weight: 300;
  padding-left: 15px;
  padding-right: 15px;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-active:hover {
  background-color: #1570c7;
}

.btn-active.txt-uppercase {
  text-transform: uppercase;
}

/*Buttons here*/
.login-pencil {
  position: absolute;
  top: 7px;
  right: 10px;
  background-color: transparent;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 50%;
}
.login-pencil.fa-pencil {
  color: #353b41;
}
.login-pencil:hover {
  background-color: #fff;
  box-shadow: 0px 2px 4px #ced4da;
}

.border-blue {
  border-color: #4662d4 !important;
}

/* z-index start here */
.zindex100 {
  z-index: 100;
}

/* z-index start here */
/* Title head */
.dropdown-head {
  font-size: 14px;
  color: #495057;
  text-transform: uppercase;
  font-weight: 700;
  padding-bottom: 10px;
}

/* Title head */
/* width */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 5px;
  height: 3px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: darkgrey;
  border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #1b84e7;
}

/* Modal */
.modal .modal-header,
.modal .modal-footer {
  background-color: #f8f9fa;
}

.modal-header .modal-title {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  color: #343a40;
}

.modal-dialog .modal-content {
  border-radius: 0px;
  border: solid 1px #f0f2f7;
}

.modal-body p {
  font-size: 14px;
  color: #495057;
}
.modal-body p span.addgroupname {
  font-weight: normal;
  display: block;
}
.modal-body p span.visitorsCount {
  font-weight: 700;
}

/* Modal */
/* Popup right */
.rightPopupwrap {
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  justify-content: flex-end;
  display: none;
}

.popupslideItem {
  background-color: #fff;
  width: 0px;
  transition: all 0.7s ease-in-out;
  margin-right: -430px;
  overflow: hidden;
  z-index: 100;
  display: flex;
  flex-direction: column;
}

.popupslideItem.show {
  margin-right: 0px !important;
  width: 400px !important;
}

.td-icon {
  position: relative;
}
.td-icon .ion-ios-help-outline {
  cursor: pointer;
  font-size: 16px;
  padding-left: 5px;
}
.td-icon .tooltipPopup {
  position: absolute;
  top: 20px;
  top: 35px;
  right: 0px;
  width: 160px;
  word-break: break-all;
  background: rgba(0, 0, 0, 0.9);
  display: none;
  padding: 7px;
  color: #e9ecef;
  font-size: 11px;
}
.td-icon .ion-ios-help-outline:hover + .tooltipPopup {
  display: block;
}

.topbandWrap {
  width: 100%;
  height: 40px;
  background-color: #1b84e7;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 15px;
  padding-right: 15px;
}

.topbandWrap h6 {
  font-size: 13px;
  color: #fff;
  margin: 0;
  text-transform: uppercase;
}
.topbandWrap .ion-android-close {
  font-size: 18px;
  color: #fff;
  cursor: pointer;
}

.popup-body {
  height: 92%;
  overflow-y: auto;
}

.popup-footer {
  height: 50px;
  border-top: solid 1px #ced4da;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 20px;
}
.popup-footer label.rowTxt {
  margin-bottom: 0;
}

/* Popup right */
/* border class */
.border-bottom-none {
  border-bottom: none !important;
}

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

/* border class */
/*Spinner Start here*/
.spinnerWrap {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1150;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sk-wave {
  margin: 40px auto;
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px;
}

.sk-wave .sk-rect {
  background-color: #1b84e7;
  height: 100%;
  width: 6px;
  display: inline-block;
  animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
}

.sk-wave .sk-rect1 {
  animation-delay: -1.2s;
}

.sk-wave .sk-rect2 {
  animation-delay: -1.1s;
}

.sk-wave .sk-rect3 {
  animation-delay: -1s;
}

.sk-wave .sk-rect4 {
  animation-delay: -0.9s;
}

.sk-wave .sk-rect5 {
  animation-delay: -0.8s;
}
@keyframes sk-waveStretchDelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
  }
}
/*Spinner inside button*/
.sk-three-bounce {
  width: 120px;
  text-align: center;
  position: absolute;
  top: 0px;
  left: 16px;
  height: 100%;
  background-color: #4662d4;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sk-three-bounce .sk-child {
  width: 10px;
  height: 10px;
  background-color: #fff;
  border-radius: 100%;
  display: inline-block;
  animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
}

.sk-three-bounce .sk-bounce1 {
  animation-delay: -0.32s;
}

.sk-three-bounce .sk-bounce2 {
  animation-delay: -0.16s;
}
@keyframes sk-three-bounce {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
/*Spinner inside button*/
/*Spinner end here*/
/* event tracking */
.circle {
  width: 8px;
  height: 8px;
  background-color: #23bf08;
  border-radius: 50%;
  display: inline-block;
  margin-right: 5px;
}

.hashId {
  width: 8px;
  height: 8px;
  background-color: #f49917;
  border-radius: 50%;
  display: inline-block;
  margin-right: 5px;
}

.circle.nomatch {
  background-color: #dc3545;
}

.editDeleteWrap {
  margin-top: -12px;
  font-size: 11px;
}
.editDeleteWrap .td-edit {
  color: #1b84e7;
  margin-right: 5px;
  border: none;
  background-color: transparent;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.editDeleteWrap .td-edit:hover {
  font-weight: 700;
}
.editDeleteWrap .td-delete {
  color: #dc3545;
  border: none;
  background-color: transparent;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.editDeleteWrap .td-delete:hover {
  font-weight: 700;
}

table#tbl-eventTrack td {
  vertical-align: middle;
}

/* event tracking */
.popover {
  border-radius: 0px;
}

.popover-body iframe {
  width: 100%;
  height: 100%;
}

/* popup global */
.w-400 {
  width: 400px;
}

.w-450 {
  width: 450px;
}

.w-500 {
  width: 500px;
}

.w-550 {
  width: 550px;
}

.w-650 {
  width: 650px;
}

.w-900 {
  width: 900px;
}

.w-49 {
  width: 49%;
}

/* Contacts Start here */
table.manageContacts td {
  vertical-align: middle;
  text-align: left;
}

.nameWrap {
  display: flex;
  align-items: center;
}

.groupnamewrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.nameAlpWrap {
  width: 25px;
  margin-right: 10px;
}

.nameAlpha {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #6c757d;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 13px;
}

.nameTxt {
  color: #1b84e7;
}

.verified .ion-android-checkmark-circle,
.verified .ion-android-alert,
.verified .ion-help-circled {
  font-size: 20px;
  color: #6c757d;
  cursor: pointer;
}

.verifiedgroup {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.verifiedgroup .ion-android-checkmark-circle,
.verifiedgroup .ion-android-alert,
.verifiedgroup .ion-help-circled {
  font-size: 20px;
  color: #6c757d;
}
.verifiedgroup .ion-ios-information {
  font-size: 20px;
  cursor: pointer;
  color: #6c757d;
}

.ion-android-checkmark-circle.verifsuccess {
  color: #23bf08;
}

.ion-android-alert.verifalert {
  color: #dc3545;
}

.boxactionWrap {
  background-color: #ffffff;
  height: 55px;
  border-right: solid 1px #ced4da;
  border-left: solid 1px #ced4da;
  border-bottom: solid 1px #ced4da;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 15px;
  padding-right: 15px;
}

.actionWrap {
  display: flex;
  align-items: center;
}

.createBtnWrap {
  margin-left: 10px;
  display: flex;
}
.createBtnWrap .lmssearchbyname {
  position: absolute;
  top: 0;
  right: 0;
  width: 300px;
  margin-right: 0;
  display: none;
}
.createBtnWrap .closeserchbynamelms {
  display: block;
}
.createBtnWrap .position-relative {
  display: flex;
  align-items: center;
}
.createBtnWrap .position-relative .closeserchbynamelms {
  margin-right: 10px;
  color: #dc3545;
  cursor: pointer;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.createBtnWrap .position-relative .closeserchbynamelms i {
  font-size: 12px;
}
.createBtnWrap .position-relative .closeserchbynamelms:hover {
  background-color: #dcdcdc;
}

.createBtnWrap .btn-primary {
  font-size: 13px;
  font-weight: 300;
  border-radius: 3px;
}

.backwrp {
  height: 35px;
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.backwrp a {
  font-size: 14px;
  color: #e83e8c;
}

.addignorewrap .ion-android-close {
  cursor: pointer;
}

/* Contacts End here */
/* Contacts UCP Start here */
.contactUcpWrap {
  position: fixed;
  top: 0;
  bottom: 0;
  background-color: #f0f2f7;
  overflow: hidden;
  width: 0;
  transition: all 0.6s ease-in-out;
  overflow-y: auto;
  z-index: 10;
  height: 100vh;
}

.show-UCP {
  width: 100% !important;
  right: 0 !important;
  margin: 0 auto;
  padding: 30px;
}

.closeUcp {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 10px;
}

.closeUcp .ion-ios-close-outline {
  font-size: 24px;
  color: #dc3545;
}

.contactUcpbread {
  display: flex;
  align-items: center;
}

.container-UCP {
  margin-top: 20px;
  /* .topTabWrap{
        height: 52px;
    } */
}
.container-UCP .tap-nav-link {
  padding: 15px 5px;
  font-size: 13px;
  box-sizing: border-box;
}
.container-UCP .row {
  margin-left: -5px;
  margin-right: -5px;
}
.container-UCP .col-sm-12 {
  padding-left: 5px;
  padding-right: 5px;
}
.container-UCP .col-md-8 {
  padding-left: 5px;
  padding-right: 5px;
}
.container-UCP .col-lg-8 {
  padding-left: 5px;
  padding-right: 5px;
}
.container-UCP .col-xl-8 {
  padding-left: 5px;
  padding-right: 5px;
}
.container-UCP .col-sm-4 {
  padding-left: 5px;
  padding-right: 5px;
}
.container-UCP .col-md-4 {
  padding-left: 5px;
  padding-right: 5px;
}
.container-UCP .col-lg-4 {
  padding-left: 5px;
  padding-right: 5px;
}
.container-UCP .col-xl-4 {
  padding-left: 5px;
  padding-right: 5px;
}

.newWrap {
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.newitem {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.newreturn {
  width: 50px;
  height: 50px;
  background-color: #4662d4;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: #fff;
  font-weight: 300;
}

.newNameTxt {
  padding: 10px 0;
  font-size: 18px;
  color: #495057;
  font-family: "Roboto", sans-serif;
  text-align: center;
}

.contactIcons {
  display: flex;
  align-items: center;
}

.contactItemIcons {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  background-color: #e9ecef;
  border: solid 1px #ced4da;
  margin-right: 5px;
  border-radius: 50%;
  cursor: pointer;
}

.contactItemIcons:last-child {
  margin-right: 0px;
}

.contactItemIcons .ion-compose,
.contactItemIcons .ion-ios-email,
.contactItemIcons .ion-ios-telephone,
.contactItemIcons .ion-android-textsms, .contactItemIcons .ion-social-whatsapp-outline {
  font-size: 24px;
  cursor: pointer;
  color: #495057;
}

.contactItemIcons .ion-android-textsms {
  font-size: 20px;
  cursor: pointer;
  color: #495057;
}

.contactItemIcons .ion-android-clipboard {
  font-size: 20px;
  cursor: pointer;
  color: #495057;
}

.contNoteWrap {
  padding: 8px 10px;
  font-size: 13px;
  color: #495057;
  width: 100%;
  margin-top: 15px;
}

.noteItem .sendNoteWrap {
  position: static;
  right: 10px;
  bottom: 5px;
  width: 60px;
  height: 30px;
  background-color: #1b84e7;
  margin-top: 10px;
  border-radius: 3px;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.noteItem .sendNoteWrap i.ion-android-send {
  color: #fff;
  font-size: 12px;
}
.noteItem .sendNoteWrap span {
  color: #ffffff;
}

.accordion-one .card-header a.collapsed {
  color: #495057;
  background-color: #f8f9fa;
  border-bottom-color: transparent;
}

.accordion-one .card-header a {
  display: block;
  padding: 10px 20px;
  color: #1b84e7;
  position: relative;
  /* border-bottom: 1px solid #ced4da */
}

.accordion-one .card-header a::before {
  content: "\f106";
  font-family: "FontAwesome";
  position: absolute;
  top: 10px;
  right: 10px;
}

.accordion-one .card-header a.collapsed::before {
  content: "\f107";
}

.accordion-one .card + .card {
  margin-top: 5px;
}

.accordion-one .card-header {
  padding: 0;
  background-color: transparent;
  font-weight: 500;
  border-bottom: solid 1px #ced4da;
}

.accordion-one .card-body {
  font-size: 12px;
  color: #495057;
  padding: 10px;
}

.aboutcontmoreWrap {
  overflow: hidden;
  transition: all 0.6s ease-in-out;
}

.readmoreabt {
  color: #1b84e7;
  padding-left: 10px;
  font-weight: 500;
  cursor: pointer;
}

.h-0 {
  height: 0;
}

.bg-light {
  background-color: #f4f7fb !important;
}

.text-color-blue {
  color: #1b84e7 !important;
}

.border-none {
  border: none !important;
}

.tab-title {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 13px;
  color: #343a40;
  letter-spacing: 1px;
  padding: 20px 0px 10px 20px;
  text-transform: uppercase;
}

select + .select2-container {
  width: 100% !important;
  font-family: "Roboto", sans-serif !important;
  color: #495057 !important;
  font-weight: 400 !important;
}

[class^=select2] {
  border-radius: 0px !important;
  font-family: "Roboto", sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
}

.dropdownSelectFilter {
  width: 130px;
  margin-right: 10px;
}

.dropdownSelectItem {
  width: 160px;
  margin-right: 10px;
}

/*Popup window*/
.popupcontainer {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.popupcontainerUCP {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.popupItem {
  background-color: #f0f2f7;
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: all 0.4s ease-in-out;
}

.popuptitle {
  height: 60px;
  background-color: #ffffff;
  border-bottom: solid 1px #ced4da;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
}
.popuptitle h6 {
  font-size: 14px;
  text-transform: uppercase;
  color: #1b84e7;
  margin-bottom: 0;
}
.popuptitle .ion-close {
  font-size: 14px;
  color: #dc3545;
  cursor: pointer;
}
.popuptitle small.popupsubtitle {
  font-size: 12px;
  color: #e83e8c;
}

.popupbody {
  height: 100%;
  overflow-y: auto;
}

.popup-tbl {
  background-color: #ffffff !important;
}
.popup-tbl .popuptitle {
  background-color: #1b84e7;
}
.popup-tbl .popuptitle h6 {
  color: #fff;
}
.popup-tbl .popuptitle .ion-close {
  color: #fff;
}

.popup-tbl-trans .popuptitle {
  background-color: #1b84e7;
}
.popup-tbl-trans .popuptitle h6 {
  color: #fff;
}
.popup-tbl-trans .popuptitle .ion-close {
  color: #fff;
}

.pad-10 {
  padding: 10px;
}

.pad-20 {
  padding: 20px;
}

.frmlbltxt {
  color: #495057;
  font-size: 13px;
  font-weight: 300;
}

.popupfooter {
  height: 90px;
  border-top: solid 1px #ced4da;
  border-bottom: solid 1px #ced4da;
  background-color: #ffffff;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  align-items: center;
}

.addcustomfieldWrap {
  position: absolute;
  bottom: 80px;
  left: 0;
  right: 0;
  width: 95%;
  background-color: #ffffff;
  margin: auto;
  border: solid 1px #ced4da;
}

.customTopband {
  height: 40px;
  background-color: #343a40;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  font-weight: 300;
  text-transform: uppercase;
}
.customTopband h6 {
  margin: 0;
  font-size: 13px;
  color: #ffffff;
}
.customTopband i.ion-close {
  font-size: 12px;
  color: #ffffff;
  cursor: pointer;
}

.custFormWrap {
  padding: 15px 15px 10px 15px;
}

.addblur {
  filter: blur(5px);
}

.checkboxtitle {
  padding: 0 0 7px 3px;
  color: #495057;
  font-size: 13px;
  font-weight: 300;
}

.node rect {
  cursor: move;
  fill-opacity: 0.9;
  shape-rendering: crispEdges;
}

.node text {
  pointer-events: none;
  text-shadow: 0 1px 0 #fff;
}

.link {
  fill: none;
  stroke: #000;
  stroke-opacity: 0.2;
}

.link:hover {
  stroke-opacity: 0.5;
}

.lmsdateshow {
  margin-bottom: 0;
  font-size: 11px;
  color: #6c757d;
  padding: 5px 0 0;
}

/*Popup window*/
.sessionheadUCP {
  background-color: #e6f1ff;
  border-top: solid 1px #d4e0ef;
  border-bottom: solid 1px #d4e0ef;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  padding: 0 20px;
  width: 100%;
}
.sessionheadUCP h6 {
  font-size: 14px;
  color: #343a40;
  text-transform: uppercase;
  margin: 0;
  font-weight: 700;
}
.sessionheadUCP .sessioniconwrp {
  margin-left: 20px;
}
.sessionheadUCP .sessioniconwrp .iconswrapUCP {
  display: flex;
  align-items: center;
}
.sessionheadUCP .sessioniconwrp .iconswrapUCP .iconsessitem {
  width: 30px;
  height: 30px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-right: 5px;
  border: solid 1px #b9c7d9;
  cursor: pointer;
}
.sessionheadUCP .sessioniconwrp .iconswrapUCP .iconsessitem i {
  color: #343a40;
  font-size: 16px;
}
.sessionheadUCP .sessioniconwrp .iconswrapUCP .iconsessitem:hover {
  background-color: #1b84e7;
}
.sessionheadUCP .sessioniconwrp .iconswrapUCP .iconsessitem:hover i {
  color: #fff;
}

/* Contacts UCP End here */
/* Group start here */
.tddropmenuWrap .ion-android-more-vertical, .tddropmenuapires .ion-android-more-vertical {
  font-size: 24px;
  color: #b1afaf;
  cursor: pointer;
}
.tddropmenuWrap .dropdown-menu, .tddropmenuapires .dropdown-menu {
  border-radius: 10px;
  width: 180px;
  box-shadow: 0px 0px 7px #cdcfd0;
}
.tddropmenuWrap .dropdown-item, .tddropmenuapires .dropdown-item {
  font-size: 12px;
  color: #495057;
  padding: 8px 25px;
}

.addradiusdrop .dropdown-menu,
.tdcreatedraft .dropdown-menu {
  border-radius: 10px;
  width: 180px;
  box-shadow: 0px 0px 7px #cdcfd0;
}
.addradiusdrop .dropdown-item,
.tdcreatedraft .dropdown-item {
  font-size: 12px;
  color: #495057;
  padding: 8px 25px;
}
.addradiusdrop .ion-android-more-vertical,
.tdcreatedraft .ion-android-more-vertical {
  font-size: 24px;
  color: #b1afaf;
  cursor: pointer;
}

.verifiedgroup .progress-bar {
  height: 15px !important;
  font-size: 11px !important;
}

.progress,
.progress-bar {
  border-radius: 0;
  word-break: normal;
  color: #353b41;
}

.progress-bar.bg-success,
.progress-bar.bg-danger {
  color: #fff;
}

.text-blu {
  color: #1b84e7;
}

.countTit {
  font-size: 13px;
  color: #495057;
  font-weight: 700;
}

.countItem {
  font-size: 12px;
  color: #495057;
}

.popupradiobtn .custom-control-label {
  font-size: 13px;
  color: #495057;
  font-weight: 300;
}
.popupradiobtn .custom-control-label::before {
  width: 0.9rem;
  height: 0.9rem;
}
.popupradiobtn .custom-control-label::after {
  width: 0.9rem;
  height: 0.9rem;
  top: 3.5px;
}
.popupradiobtn .custom-control {
  padding-left: 1.3rem;
}

.groupnamehead {
  font-weight: 500;
  margin: 0;
}
.groupnamehead .exportgroupname,
.groupnamehead .exportgroupCount {
  font-weight: 300;
}

.tables-UserJourney {
  overflow: hidden;
}

.usermap {
  overflow: auto;
}

.tables-Clickstream .table thead th,
.tbl-settings .table thead th {
  background-color: #ebebed !important;
}

.contmerhed {
  padding: 10px 0px 10px 20px !important;
  color: #1b84e7;
}

/*Contact Imports Start here*/
.contimportWrap {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: calc(100vh - 160px);
}
.contimportWrap .container-page-body {
  height: 100%;
  overflow-y: auto;
  padding: 20px;
}
.contimportWrap .container-page-head {
  border-bottom: 1px solid #ced4da;
  padding: 0 20px;
}
.contimportWrap .container-page-footer {
  height: 70px;
  border-top: solid 1px #ced4da;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.df-flex-end {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.df-ac-jcenter, .moredataDiv {
  display: flex;
  align-items: center;
  justify-content: center;
}

.df-ac, .abdrawwrp, .winnerwrp {
  display: flex;
  align-items: center;
}

.df-jcenter {
  display: flex;
  justify-content: center;
}

.startbtnwrap .btn-primary {
  font-size: 13px;
}

.contactImportItem {
  width: 350px;
}

.downloadsampwrap .ion-android-download {
  font-size: 15px;
}
.downloadsampwrap .btn-second {
  font-size: 13px;
}

.contreportWrap {
  overflow: hidden;
}

.contGroupName > .popover-header {
  font-size: 13px !important;
  text-transform: uppercase !important;
}

.contimportrep > .table td {
  text-align: center;
  vertical-align: middle;
}

.groupNameTxt {
  display: block;
  word-break: break-word;
}

.createdDateTd {
  font-size: 11px;
  color: #1b84e7;
  word-break: break-word;
}

.createdDateTd.smsnotsent {
  color: #6c757d;
}

.templatenametxt {
  font-size: 11px;
  color: #e83e8c;
  word-break: break-word;
}

.contimportrepwrap {
  display: flex;
  flex-direction: column;
}

.container-page-rep {
  height: 60px;
  padding: 0 20px;
  border-bottom: solid 1px #ced4da;
}

.dropppwrap {
  background-color: red;
  padding: 10px;
  z-index: 100;
}

.mapcolWrap {
  width: 90%;
  margin: auto;
}

.map-col-head {
  font-size: 14px;
  font-weight: 700;
  color: #343a40;
  text-transform: uppercase;
  margin-top: 30px;
  margin-bottom: 20px;
  display: block;
  letter-spacing: 1px;
  text-align: center;
}

.col-para {
  color: #868ba1;
  font-size: 13px;
  text-align: center;
  margin-bottom: 20px;
}

.mapcolWrap .table td {
  text-align: left;
  vertical-align: middle;
}

.dropdownactiv {
  background-color: #ffffff !important;
}

.nomatchbgdropdown {
  background-color: #e9ecef !important;
}

.icon-fontsize24 {
  font-size: 24px;
  color: #495057;
  cursor: pointer;
}

.checkbxlbltxt {
  font-size: 11px;
  color: #495057;
  text-align: right;
  display: block;
  margin-bottom: 0;
  font-weight: 600;
}

.datacol {
  color: #1b84e7;
}

.lblfontstyle {
  font-size: 11px;
  color: #495057;
}

.nextbtnWrap .custom-control {
  padding-left: 1.1rem;
}
.nextbtnWrap .custom-control-label::before {
  width: 0.8rem;
  height: 0.8rem;
  top: 5px;
}
.nextbtnWrap .custom-control-label::after {
  width: 0.8rem;
  height: 0.8rem;
  top: 5px;
}

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

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

.addignorewrap {
  color: #dc3545;
}

/*Contact Imports End here*/
/* mail start here */
.serchicon {
  position: absolute;
  top: 2px;
  right: -7px;
  font-size: 20px !important;
  color: #1b84e7 !important;
  cursor: pointer;
}

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

.campaingmaincontainer {
  height: calc(100vh - 160px);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.campaingmaincontainer .container-page-body {
  height: 100%;
  overflow-y: auto;
  padding: 20px;
}
.campaingmaincontainer .container-page-bodychat {
  height: 100%;
  overflow-y: auto;
  /* overflow-x: hidden; */
}
.campaingmaincontainer .container-page-head {
  border-bottom: 1px solid #ced4da;
  padding: 0 20px;
}
.campaingmaincontainer .container-page-footer {
  height: 70px;
  border-top: solid 1px #ced4da;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.campaignTypWrap {
  width: 80%;
  margin: auto;
  padding: 20px 0;
}
.campaignTypWrap a {
  color: #495057;
  transition: all 0.4s ease-in-out;
}
.campaignTypWrap a .card-title {
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
}
.campaignTypWrap a .iconcard {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}
.campaignTypWrap a .iconcard .ion-ios-calendar-outline,
.campaignTypWrap a .iconcard .ion-arrow-graph-up-right {
  font-size: 70px;
  color: #4662d4;
}
.campaignTypWrap a .card-text {
  font-size: 13px;
  text-align: center;
  color: #495057;
}
.campaignTypWrap a:hover .card {
  border: solid 1px #999999;
  box-shadow: 0 0 3px #999999;
  transition: all 0.4s ease-in-out;
}

/* .campTabWrap{
    display: flex;
    align-items: center;
    height: 100%;
} */
.campaign-nav {
  padding: 0;
  margin: 0;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  align-items: center;
}

.campnav-item {
  flex: 1 1 0;
  text-align: center;
  position: relative;
}

.campnav-link {
  font-size: 13px;
  font-weight: 400;
  color: #495057 !important;
  height: 44px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border: none;
}

.campnav-link.active {
  border-bottom: solid 2px #1b84e7;
}

.campnav-item a::after {
  content: "\f054";
  font-family: "FontAwesome";
  font-weight: 400;
  margin-top: 0;
  opacity: 0.7;
  position: absolute;
  right: 0;
}

.campnav-item a.prevtest::after {
  content: "" !important;
}

.campaignContainer {
  width: 70%;
}

.mailDeskWrap {
  overflow: hidden;
}

.windowbar {
  background-color: #f5f8fa;
  height: 20px;
  border-bottom: solid 2px #e9eef3;
}

.mailaddressWrap {
  background-color: #f4f4f4;
  padding: 5px 15px;
  border-bottom: solid 1px #ced7e0;
  overflow: hidden;
}
.mailaddressWrap p {
  margin: 0;
  line-height: 16px;
  font-size: 11px;
  color: #7e8a96;
}

.mailbodyWrap {
  background-color: #eaf0f6;
  height: 420px;
  /*  overflow-y: auto; */
}
.mailbodyWrap iframe {
  width: 100%;
  height: 100%;
}

/* .campaignPrevContainer .col-sm-12.col-md-6.col-lg-6.col-xl-6, .col-md-3.col-lg-3.col-xl-3{
    padding-left: 5px;
    padding-right: 5px;
} */
.checkeebx-group .custom-control-label {
  font-size: 13px;
  color: #495057;
  font-weight: 300;
  padding-top: 2px;
}
.checkeebx-group .custom-control-label::before {
  width: 1rem;
  height: 1rem;
}
.checkeebx-group .custom-control-label::after {
  width: 1rem;
  height: 1rem;
  top: 0.22rem;
}

.campaignContainer .select2-selection,
.testcampgroup .select2-selection {
  border: solid 1px #ced4da !important;
  color: #495057 !important;
}

.campaignContainer .select2-container--default .select2-selection--multiple .select2-selection__rendered,
.testcampgroup .select2-container--default .select2-selection--multiple .select2-selection__rendered,
.droplistwrap .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  height: auto;
}

.campaignContainer .select2-container--default .select2-selection--multiple .select2-selection__rendered li,
.testcampgroup .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  margin-top: 5px;
  padding: 3px 0px;
  font-size: 11px !important;
}

.campaignContainer .select2-container--default .select2-search--inline .select2-search__field {
  text-indent: 10px;
}

.formColwrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.dropdownfontstyle {
  font-size: 12px !important;
  color: #495057 !important;
  font-weight: 300 !important;
  background-color: #1b84e7;
  height: 40px !important;
}

.totalRecip {
  font-size: 13px;
  color: #495057;
  font-weight: 300;
}

.totalNum {
  font-size: 24px;
  color: #495057;
}

.totalremain {
  font-size: 12px;
  color: #495057;
}

.remcred {
  font-size: 24px;
  color: #495057;
}

.totalRecpWrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 70%;
  margin: auto;
}

.addcol .ion-ios-plus-outline {
  font-size: 24px;
  cursor: pointer;
  color: #495057;
}

.wid-100 {
  width: 100px;
}

.mailDeskWrap {
  border-radius: 10px;
  border: solid 1px #ced4da;
}

.emailtemplatedrop {
  height: 50px !important;
}

.emailtempdropdown .select2-container .select2-selection--single {
  height: 35px;
}

.emailtempdropdown .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 30px;
  color: #495057 !important;
  font-weight: 300 !important;
}

.emailtempdropdown .select2-container--default .select2-selection--single .select2-selection__arrow b {
  top: 64%;
}

.select2-container--default .select2-search--inline .select2-search__field {
  text-indent: 10px;
}

.emailtempdropdown .select2-results__options {
  background-color: #ffffff !important;
}

.subcribeWrap {
  display: flex;
  align-items: center;
}

.unsubTxt {
  font-size: 13px;
  margin-bottom: 0;
  color: #495057;
}

.text-right-lbl {
  text-align: right;
}

.notetxt {
  font-size: 11px;
  color: #495057;
}

.notewrap {
  background-color: #e9ecef;
  padding: 15px;
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
}

.h-56 {
  height: 56px !important;
}

.spamsettwrp {
  width: 450px;
  margin: auto;
}

/* Mobile preview */
/* The device with borders */
.smartphone {
  position: relative;
  width: 300px;
  height: 500px;
  margin: auto;
  border: 16px #ebe7e7 solid;
  border-top-width: 60px;
  border-bottom-width: 60px;
  border-radius: 36px;
}

/* The horizontal line on the top of the device */
.smartphone:before {
  content: "";
  display: block;
  width: 60px;
  height: 5px;
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #cccaca;
  border-radius: 10px;
}

/* The circle on the bottom of the device */
.smartphone:after {
  content: "";
  display: block;
  width: 35px;
  height: 35px;
  position: absolute;
  left: 50%;
  bottom: -65px;
  transform: translate(-50%, -50%);
  background: #cccaca;
  border-radius: 50%;
}

/* The screen (or content) of the device */
.smartphone .content {
  width: 270px;
  height: 380px;
  background: white;
}

.mobile-padding {
  padding: 0 !important;
}

.divcls {
  border-radius: 5px;
  margin: 1% 1% 1% 1%;
  text-align: center;
  background: white;
  display: inline-block;
}

/*Dashboard start here*/
.tx-primary {
  color: #1b84e7 !important;
}

.tx-12 {
  font-size: 12px;
  color: #868ba1;
}

.card-sales {
  padding: 15px;
}

.card-sales .row {
  margin-bottom: 20px;
}

.card-sales .row .col {
  position: relative;
}

.card-sales .row .col + .col::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  border-left: 1px solid #ced4da;
}

.card-sales .row .col .countsWrap {
  color: #495057;
  font-weight: 700;
  margin-bottom: 10px;
  font-size: 16px;
}

.slim-card-title {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 13px;
  color: #495057;
  letter-spacing: 1px;
}

.countsWrap {
  display: flex;
  flex-direction: column;
}
.countsWrap .countNumb {
  font-size: 14px;
  text-align: left;
}
.countsWrap .countper {
  font-size: 10px;
}
.countsWrap .countper .ion-android-arrow-dropdown {
  color: #dc3545;
  font-size: 14px;
}
.countsWrap .countper .ion-android-arrow-dropup {
  color: #23bf08;
  font-size: 14px;
}

.wd-10p {
  width: 10%;
}

.wd-20p {
  width: 20%;
}

.wd-30p {
  width: 30%;
}

.wd-40p {
  width: 40%;
}

.wd-50p {
  width: 50%;
}

.wd-60p {
  width: 60%;
}

.wd-70p {
  width: 70%;
}

.wd-75p {
  width: 75%;
}

.wd-90p {
  width: 90%;
}

.tx-success {
  color: #23bf08;
}

.col-white {
  color: #fff;
}

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

.bubbles {
  stroke-width: 1px;
  stroke: #495057;
  opacity: 0.8;
}

.bubbles:hover {
  stroke: black;
}

div.tooltip {
  position: absolute;
  text-align: left;
  background-color: white;
  pointer-events: none;
  color: #495057;
  border: solid 1px #8ac6e8;
  box-shadow: 0 3px 9px 0 #cccccc;
  width: 170px;
  word-wrap: break-word;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  overflow: hidden;
}

.toolCampName {
  font-size: 12px;
  padding: 7px 10px;
  border-bottom: solid 1px #ced4da;
}

.toolCampName.camptit {
  background-color: #8ac6e8;
  color: #ffffff;
}

.tooltempName.tempnamtit {
  color: #ffffff;
}

.bubb-hite {
  height: 360px;
}

.bubble-hite-dash {
  height: 260px;
}

.overflow-y-hidden {
  overflow-y: hidden;
}

/* .toolCampName:nth-child(odd){
        background-color: #d4e2f3;
        color: #3b7eca;
    } */
.tooltempName {
  font-size: 13px;
  font-weight: 500;
  color: #495057;
}

.perctcolblu {
  color: #1b84e7;
}

.legendWrap {
  display: flex;
  align-items: center;
  padding: 10px 20px;
  margin-top: 2px;
}
.legendWrap .redcolWrap,
.legendWrap .orgcolWrap,
.legendWrap .blucolWrap,
.legendWrap .greencolWrap,
.legendWrap .purpcolWrap,
.legendWrap .greycolWrap {
  margin-right: 10px;
  width: 33%;
  font-size: 11px;
  color: #495057;
  position: relative;
  padding-left: 12px;
  cursor: pointer;
}

.redcolWrap::before {
  position: absolute;
  left: 0;
  top: 5px;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background-color: var(--PieChart-BackgroundColor-Item4);
}

.orgcolWrap::before {
  position: absolute;
  left: 0;
  top: 5px;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background-color: var(--PieChart-BackgroundColor-Item2);
}

.blucolWrap::before {
  position: absolute;
  left: 0;
  top: 5px;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background-color: var(--PieChart-BackgroundColor-Item1);
}

.greencolWrap::before {
  position: absolute;
  left: 0;
  top: 5px;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background-color: var(--PieChart-BackgroundColor-Item3);
}

.purpcolWrap::before {
  position: absolute;
  left: 0;
  top: 5px;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background-color: var(--PieChart-BackgroundColor-Item6);
}

.greycolWrap::before {
  position: absolute;
  left: 0;
  top: 5px;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background-color: var(--PieChart-BackgroundColor-Item5);
}

/*Dashboard start here*/
.popcontWrap {
  padding: 20px;
}

.trigrulsearchwrap {
  display: flex;
  justify-content: flex-end;
}
.trigrulsearchwrap .serchicon {
  right: 7px;
}

.trigrultabwrap {
  display: flex;
}

.trigrultab {
  display: flex;
  flex-direction: column;
  width: 230px;
}

.trigrultabitem {
  padding: 7px 20px;
  color: #495057;
  font-size: 13px;
  background-color: #e9ecef;
  border: solid 1px #ced4da;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.trigrultabitem:hover {
  background-color: #1b84e7;
  color: #fff;
}
.trigrultabitem .ion-monitor,
.trigrultabitem .ion-mouse,
.trigrultabitem .ion-android-contact {
  font-size: 20px;
  padding-right: 10px;
}
.trigrultabitem .ion-ios-snowy,
.trigrultabitem .ion-ios-people {
  font-size: 24px;
  padding-right: 10px;
}

.trigrultabitem.active {
  background-color: #1b84e7;
  color: #fff;
  border: solid 1px #1b84e7;
}

.trigrultabcont {
  border: solid 1px #ced4da;
  width: 100%;
}

.ruledetItem {
  display: flex;
  align-items: center;
}

.ruledetWrap {
  padding: 20px 10px 10px 20px;
}

.rulemainchkbxWrap {
  width: 60%;
  height: 30px;
  display: flex;
  align-items: center;
}
.rulemainchkbxWrap .custom-control-label {
  font-size: 13px;
}
.rulemainchkbxWrap .custom-control-label::before {
  width: 0.8rem;
  height: 0.8rem;
  top: 5px;
}
.rulemainchkbxWrap .custom-control-label::after {
  width: 0.8rem;
  height: 0.8rem;
  top: 5px;
}
.rulemainchkbxWrap a .ion-ios-help-outline {
  padding-left: 5px;
}

.ruleansitem,
.ruleansitemcolum {
  display: flex;
  align-items: center;
  width: 40%;
}
.ruleansitem .custom-control-label,
.ruleansitemcolum .custom-control-label {
  font-size: 13px;
}
.ruleansitem .custom-control-label::before,
.ruleansitemcolum .custom-control-label::before {
  width: 0.8rem;
  height: 0.8rem;
  top: 4px;
}
.ruleansitem .custom-control-label::after,
.ruleansitemcolum .custom-control-label::after {
  width: 0.8rem;
  height: 0.8rem;
  top: 4px;
}

.radiquestWrap .custom-control-label {
  font-size: 13px;
}
.radiquestWrap .custom-control-label::before {
  width: 0.8rem;
  height: 0.8rem;
  top: 4px;
}
.radiquestWrap .custom-control-label::after {
  width: 0.8rem;
  height: 0.8rem;
  top: 4px;
}

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

.rulecountaudi,
.rulecountbeh,
.rulecountinteract,
.rulecountprof,
.rulecountevnt {
  margin-left: 10px;
  width: 20px;
  height: 20px;
  border: solid 1px #ced4da;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
}

.droplistwrap .select2-container .select2-selection--single {
  height: 35px;
}

.droplistwrap .select2-container--default .select2-selection--single .select2-selection__rendered {
  /* line-height: 33px; */
  color: #495057 !important;
  font-weight: 300 !important;
}

.droplistwrap .select2-container--default .select2-selection--single .select2-selection__arrow b {
  top: 64%;
}

.select2-container--default .select2-search--inline .select2-search__field {
  text-indent: 5px;
}

.droplistwrap .select2-results__options {
  background-color: #ffffff !important;
}

.ruleansitemcolum {
  display: flex;
  flex-direction: column;
  width: 40%;
}

.inputradioWrap .custom-control-label::before {
  width: 0.8rem;
  height: 0.8rem;
}
.inputradioWrap .custom-control-label::after {
  width: 0.8rem;
  height: 0.8rem;
}
.inputradioWrap .custom-control-label {
  font-size: 13px;
}

.secondslbl {
  font-size: 12px;
  color: #495057;
  padding-left: 10px;
}

.text-color-error {
  color: #dc3545 !important;
}

.text-color-success {
  color: #23bf08 !important;
}

.text-color-progress {
  color: #f49917;
}

.text-color-queued {
  color: #6c757d;
}

.chattext {
  font-size: 12px;
  color: #495057;
  background-color: #e9ecef;
  padding: 10px;
  border-radius: 5px;
  border: solid 1px #ced4da;
}

.nameTxtWrap {
  padding-right: 10px;
  word-break: break-word;
}

.overflow-hidden {
  overflow: hidden;
}

.bg-trans {
  background-color: transparent !important;
  color: #1b84e7;
  font-size: 13px;
}

.campbtmwrap {
  display: flex;
  align-items: center;
}

.grid-title {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 13px;
  color: #343a40;
  letter-spacing: 1px;
  margin: 0;
}

/* .uptempwrap{
    padding-right: 15px;
} */
.subscribewrap .table th,
.mulitvariatfrmwrp .table th {
  background-color: #f8f9fa;
  border-bottom: 1px solid #dee2e6;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 13px;
}

.subscribTit {
  text-transform: uppercase;
  font-style: 11px;
}

.prevtabItemwrap {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.temppreview {
  padding: 6px 10px;
  font-size: 13px;
  background-color: #f8f9fa;
  margin-right: 5px;
  border: solid 1px #ced4da;
  cursor: pointer;
  color: #495057;
}

.prevtabcontent .col-sm-12.col-md-7.col-lg-7.col-xl-7,
.prevtabcontent .col-md-5.col-lg-5.col-xl-5 {
  padding-left: 5px;
  padding-right: 5px;
}

.temppreview.active {
  background-color: #1b84e7;
  color: #fff;
  border-color: #1b84e7;
}

.row-col-5 {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.col-md-20,
.col-lg-20,
.col-xl-20 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.templimgwrap {
  width: 100%;
  height: 250px;
  background-color: #ffffff;
  overflow: hidden;
  text-align: center;
  position: relative;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.temp-1 {
  background-image: url(../images/promotional.jpg);
}

.temp-2 {
  background-image: url(../images/Template46.jpg);
}

.temp-3 {
  background-image: url(../images/Template45.jpg);
}

.temp-4 {
  background-image: url(../images/Template48.jpg);
}

.temp-5 {
  background-image: url(../images/Template51.jpg);
}

.temp-6 {
  background-image: url(../images/Template37.jpg);
}

.temp-7 {
  background-image: url(../images/Template36.jpg);
}

.temp-8 {
  background-image: url(../images/Template31.jpg);
}

.temp-9 {
  background-image: url(../images/Template22.jpg);
}

.temp-10 {
  background-image: url(../images/Template18.jpg);
}

.temp-11 {
  background-image: url(../images/Template17.jpg);
}

.temp-12 {
  background-image: url(../images/Template2.jpg);
}

.temp-13 {
  background-image: url(../images/Template3.jpg);
}

.temp-14 {
  background-image: url(../images/Template9.jpg);
}

.temp-15 {
  background-image: url(../images/Template8.jpg);
}

.templimgwrap:hover .temppreviewbtnwrap {
  display: flex;
}

.emailtempwrap .card-title,
.prememailtempWrap .card-title {
  font-size: 13px;
  color: #495057;
}
.emailtempwrap .card-text,
.prememailtempWrap .card-text {
  font-size: 11px;
  color: #495057;
}

.temppreviewbtnwrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  display: none;
  align-items: center;
  justify-content: center;
  transition: all 0.4s ease-in-out;
}

.card-footer {
  padding: 5px 0;
  text-align: center;
}

.df-ac-sbet {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cursor-disable {
  cursor: progress;
}

.usebtnwrp {
  display: flex;
  align-items: center;
}

.attachitemwrp {
  display: flex;
  flex-direction: column;
}

.attachItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

.attchfilename {
  font-size: 12px;
  color: #495057;
  word-break: break-all;
  padding-right: 10px;
}

.attachItem {
  padding: 8px 10px;
  border-bottom: solid 1px #ced4da;
}

.deldownld .ion-android-arrow-down,
.deldownld .ion-android-delete {
  font-size: 14px;
  cursor: pointer;
  margin-right: 10px;
  color: #495057;
}

.attachfiledet .dropdown-menu {
  padding-bottom: 0px;
  padding-top: 0px;
  border-bottom: none;
}

.inputfilebtn {
  position: absolute;
  top: 0px;
  z-index: 1;
  width: 25px;
  height: 31px;
  left: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
}

/* mail end here */
/*Campaign Responses start here*/
.campaignresponse .table thead th {
  vertical-align: middle;
}

.addgrupcampresp .ion-android-people {
  font-size: 14px;
  margin-right: 5px;
}

.campnametxt {
  display: block;
  word-break: break-word;
  padding: 10px;
}

.tempnameAtxt {
  font-size: 11px;
  color: #1b84e7;
  word-break: break-word;
  padding: 20px 10px 10px 10px;
  margin: 0;
}

.tempnameBtxt {
  font-size: 11px;
  color: #23bf08;
  word-break: break-word;
  padding: 20px 10px 10px 10px;
  margin: 0;
}

.camprescountwrp {
  display: flex;
  flex-direction: column;
}
.camprescountwrp .totalcount {
  padding: 10px;
  border-bottom: solid 1px #ced4da;
}
.camprescountwrp .tempAcount {
  padding: 10px;
  border-bottom: solid 1px #ced4da;
  background-color: #f8f9fa;
}
.camprescountwrp .tempBcount {
  padding: 10px;
}

.tempalbl {
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  background-color: #1b84e7;
  color: #ffffff;
  text-align: center;
  font-size: 11px;
}

.tempblbl {
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  background-color: #23bf08;
  color: #ffffff;
  text-align: center;
  font-size: 11px;
}

.abtestcampaignresponse .table thead th {
  vertical-align: middle;
}

.bg-winner {
  background-color: #f49917;
  color: #fff;
  font-size: 11px;
  padding: 0 7px;
  border-radius: 10px;
}

.bg-lost {
  background-color: #343a40;
  color: #fff;
  font-size: 11px;
  padding: 0 12px;
  border-radius: 10px;
}

/* .abtestcampaignresponse .table td{
        vertical-align: top;
    } */
.h-50px {
  height: 50px;
}

.h-60px {
  height: 60px;
}

.h-70px {
  height: 70px;
}

.tdiconwrap .ion-ios-information,
.nameTxtWrap .ion-ios-information {
  font-size: 16px;
  cursor: pointer;
  color: #b0b0b1;
}

.tdiconwrap .fa-sitemap {
  font-size: 18px;
  color: #495057;
}

.popover-body p {
  font-size: 13px;
  color: #495057;
  margin-bottom: 5px !important;
}

.border-cola {
  border: 1px solid #aaa !important;
}

/*Campaign Responses start here*/
/*Settings start here*/
.setttabwrap {
  display: flex;
  flex-wrap: nowrap;
}
.setttabwrap .setttabitem {
  padding: 8px 16px;
  background-color: #ffffff;
  margin-right: 10px;
  color: #495057;
  font-size: 13px;
  border: solid 1px #ced4da;
  border-bottom: none;
  cursor: pointer;
}

.setttabitem.active {
  border-bottom: solid 2px #1b84e7;
}
.setttabitem.active i {
  color: #1b84e7;
}

.subtabName.btn-primary i {
  color: #fff;
}

.subtabName.btn-secondary i {
  color: #fff;
}

.setttabcontainer {
  padding: 10px 10px 30px 10px;
}

.embtnwrap {
  padding: 10px 20px;
  display: flex;
  justify-content: flex-end;
  border-bottom: solid 1px #ced4da;
}

.addprovbtnwrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 15px 15px;
}

#configuration .card-body {
  padding: 0px;
}

.tbl-settings td .ion-ios-checkmark-outline {
  font-size: 20px;
  color: #23bf08;
  cursor: pointer;
}
.tbl-settings td .ion-android-delete {
  font-size: 20px;
  color: #495057;
  cursor: pointer;
}
.tbl-settings td .ion-android-more-vertical {
  font-size: 20px;
  color: #495057;
  cursor: pointer;
}
.tbl-settings td .ion-android-done {
  font-size: 24px;
  color: #23bf08;
}
.tbl-settings td .ion-edit {
  font-size: 18px;
  color: #495057;
  cursor: pointer;
}
.tbl-settings td .fa-ban {
  font-size: 18px;
  color: #dc3545;
  cursor: pointer;
}
.tbl-settings td .ion-android-close {
  color: #dc3545;
  font-size: 24px;
}

.sett-title {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 13px;
  color: #343a40;
  letter-spacing: 1px;
  margin: 0;
}

.progress-bar.bg-primary {
  color: #fff;
}

.chkbxinpwrap {
  display: flex;
  align-items: center;
}

.modal-body .form-group label {
  font-size: 13px;
  color: #495057;
}

.cursor-pointer {
  cursor: pointer;
}

/*Settings start here*/
/* Bounced start here */
.tbl-bouncedcont .table td {
  text-align: left;
}

.eyepromo,
.eyetransact {
  position: absolute;
  right: 10px;
  top: 10px;
}

.custselectwrap {
  position: relative;
}
.custselectwrap .form-control {
  cursor: pointer;
}
.custselectwrap .drpdwnarrw {
  position: absolute;
  top: 6px;
  right: 10px;
  cursor: pointer;
}
.custselectwrap .drpdwnarrw .ion-android-arrow-dropdown {
  font-size: 16px;
  color: #495057;
}
.custselectwrap .providcompwrap {
  height: 0;
  overflow: hidden;
  transition: all 0.2s ease-in-out;
  position: absolute;
  top: 32px;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 1;
}
.custselectwrap .providcompwrap ul li {
  padding: 10px 10px 10px 45px;
  border-bottom: solid 1px #ced4da;
  font-size: 13px;
  color: #495057;
  cursor: pointer;
  display: block;
  z-index: 2;
}
.custselectwrap .drpdownselected:focus ~ .providcompwrap {
  height: 140px !important;
  border: solid 1px #ced4da;
}
.custselectwrap .selproviderwrap {
  transition: all 0.2s ease-in-out;
  position: absolute;
  top: 32px;
  background-color: #fff;
  z-index: 1;
  border: solid 1px #ced4da;
  display: flex;
  flex-direction: column;
  width: 100%;
  display: none;
  min-height: 100px;
  max-height: 200px;
  overflow-y: auto;
  z-index: 10;
}
.custselectwrap .selproviderwrap .selctproviderItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 36px;
  padding: 0px 15px;
  border-bottom: solid 1px #ced4da;
  font-size: 13px;
  color: #495057;
  width: 100%;
  cursor: pointer;
}
.custselectwrap .selproviderwrap .selctproviderItem .provcomplogo {
  width: 30px;
  height: 30px;
}
.custselectwrap .selproviderwrap .selctproviderItem .compdetails {
  display: flex;
  align-items: center;
}

.drpdownselected.logoelastic,
.drpdownselected.logonetcore,
.drpdownselected.logoevelytic,
.drpdownselected.logoroutemobile,
.drpdownselected.logodovesoft,
.drpdownselected.logovaluefirst,
.drpdownselected.logosmsportal,
.drpdownselected.logotmarc,
.drpdownselected.logotplivo,
.drpdownselected.logotchannelmobile,
.drpdownselected.logotjustpalm,
.drpdownselected.logotaclmobile,
.drpdownselected.logopromotexter,
.drpdownselected.logoDigispice,
.drpdownselected.logowinnovature, .drpdownselected.logointerakt, .drpdownselected.logogupshup, .drpdownselected.logoInfobip, .drpdownselected.logokayleyra, .drpdownselected.logoyellowai, .drpdownselected.logojuvlon, .drpdownselected.logoSendGrid, .drpdownselected.logoqikchat, .drpdownselected.logonexgplat {
  background-position: 10px center;
}

.logoelastic {
  background-image: url(../images/elasticmail-logo.jpg);
  background-repeat: no-repeat;
  background-position: left;
}

.logonetcore {
  background-image: url(../images/netcore.png);
  background-repeat: no-repeat;
  background-position: left;
}

.logoevelytic {
  background-image: url(../images/everlytic.jpg);
  background-repeat: no-repeat;
  background-position: left;
}

.logoroutemobile {
  background-image: url(../images/routemobile.png);
  background-repeat: no-repeat;
  background-position: left;
}

.logodovesoft {
  background-image: url(../images/dovesoft.png);
  background-repeat: no-repeat;
  background-position: left;
}

.logovaluefirst {
  background-image: url(../images/valuefirst.png);
  background-repeat: no-repeat;
  background-position: left;
}

.logosmsportal {
  background-image: url(../images/smsportal.png);
  background-repeat: no-repeat;
  background-position: left;
}

.logotmarc {
  background-image: url(../images/tmarc.png);
  background-repeat: no-repeat;
  background-position: left;
}

.logotplivo {
  background-image: url(../images/plivo.png);
  background-repeat: no-repeat;
  background-position: left;
}

.logotchannelmobile {
  background-image: url(../images/channelmobile.png);
  background-repeat: no-repeat;
  background-position: left;
}

.logotjustpalm {
  background-image: url(../images/justpalm.png);
  background-repeat: no-repeat;
  background-position: left;
}

.logopromotexter {
  background-image: url(../images/promotexter.png);
  background-repeat: no-repeat;
  background-position: left;
}

.logotaclmobile {
  background-image: url(../images/aclmobile.png);
  background-repeat: no-repeat;
  background-position: left;
}

.logoDigispice {
  background-image: url(../images/digispice.jpg);
  background-repeat: no-repeat;
  background-position: left;
}

.logowinnovature {
  background-image: url(../images/winnovature.jpg);
  background-repeat: no-repeat;
  background-position: left;
}

.logointerakt {
  background-image: url(../images/interakt.png);
  background-repeat: no-repeat;
  background-position: left;
}

.logogupshup {
  background-image: url(../images/gupshup.png);
  background-repeat: no-repeat;
  background-position: left;
}

.logoInfobip {
  background-image: url(../images/infobip.png);
  background-repeat: no-repeat;
  background-position: left;
}

.logokayleyra {
  background-image: url(../images/kaleyra.png);
  background-repeat: no-repeat;
  background-position: left;
}

.logoyellowai {
  background-image: url(../images/yellowai.png);
  background-repeat: no-repeat;
  background-position: left;
}

.logojuvlon {
  background-image: url(../images/juvlon.png);
  background-repeat: no-repeat;
  background-position: left;
}

.logoSendGrid {
  background-image: url(../images/sendgrid.png);
  background-repeat: no-repeat;
  background-position: left;
}

.logoqikchat {
  background-image: url(../images/qikchat.png);
  background-repeat: no-repeat;
  background-position: left;
}

.logonexgplat {
  background-image: url(../images/nexg-platforms.png);
  background-repeat: no-repeat;
  background-position: left;
}

.text-int-30 {
  text-indent: 30px;
}

.chbxwrap {
  width: 25px;
}

.visible-hid {
  visibility: hidden;
}

.fileattach {
  position: absolute;
  left: 0;
  font-size: 20px;
  opacity: 0;
}

.filenam {
  color: #495057;
  position: absolute;
  top: 15px;
  left: 100px;
}

.attachtxt {
  position: absolute;
  top: 15px;
  padding-right: 10px;
}

.ion-android-done.notverify {
  color: #dc3545 !important;
}

.transkeywrap,
.promokeywrap {
  padding-right: 10px;
  word-break: break-all;
}

.inactiv {
  color: #dc3545 !important;
}

.activ {
  color: #23bf08 !important;
}

/*Segment Analysis*/
.chart-gauge {
  width: 100%;
  height: 50%;
  margin: 10px auto;
}

.chart-color1 {
  fill: var(--BarChart-BorderColor-Item4);
}

.chart-color2 {
  fill: var(--BarChart-BackgroundColor-Item8);
}

.chart-color3 {
  fill: var(--BarChart-BackgroundColor-Item3);
}

.needle,
.needle-center {
  fill: var(--PieChart-BackgroundColor-Item5);
}

/*Segment Analysis*/
/*BEE Editor*/
.Bee_Editor_Container {
  position: relative;
  top: 5px;
  bottom: 30px;
  left: -160px;
  right: 132px;
  height: 870px;
  width: 99.5%;
  margin-left: 15%;
}

.h-900 {
  height: 900px !important;
}

/*BEE Editor*/
/*Upload template editor*/
.note-editor {
  border: none !important;
}

/* ------------------------------------------ */
/* ############### Summernote ############### */
/* ------------------------------------------ */
.note-editor.note-frame {
  border: 1px solid #ced4da;
}

.note-editor.note-frame .note-editing-area .note-editable {
  padding: 10px;
}

.note-editor.note-frame .note-statusbar {
  border-top: 1px solid #ced4da;
}

.note-toolbar {
  position: relative;
}

.card-header.note-toolbar {
  padding: 10px;
  background-color: #f8f9fa;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.card-header.note-toolbar > .btn-group {
  margin: 0 10px 10px 0;
}

.card-header.note-toolbar > .btn-group.note-insert,
.card-header.note-toolbar > .btn-group.note-view {
  margin-bottom: 0;
}

.col-5-col-md, .col-5-col-lg, .col-5-col-xl {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 480px) {
  .card-header.note-toolbar > .btn-group.note-para,
  .card-header.note-toolbar > .btn-group.note-table {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .card-header.note-toolbar > .btn-group.note-para,
  .card-header.note-toolbar > .btn-group.note-table,
  .card-header.note-toolbar > .btn-group.note-insert {
    margin-bottom: 10px;
  }
  .col-5-col-md {
    flex: 0 0 20%;
    max-width: 20%;
  }
}
@media (min-width: 992px) {
  .card-header.note-toolbar > .btn-group.note-insert {
    margin-bottom: 0;
  }
  .col-5-col-lg {
    flex: 0 0 20%;
    max-width: 20%;
  }
}
@media (min-width: 1200px) {
  .card-header.note-toolbar > .btn-group,
  .card-header.note-toolbar > .btn-group.note-para,
  .card-header.note-toolbar > .btn-group.note-table {
    margin-bottom: 0;
  }
  .col-5-col-xl {
    flex: 0 0 20%;
    max-width: 20%;
  }
}
.card-header.note-toolbar > .btn-group .btn,
.card-header.note-toolbar > .btn-group .sp-container button,
.sp-container .card-header.note-toolbar > .btn-group button {
  background-color: #fff;
  border: 1px solid #ced4da;
  padding: 8px 10px;
  color: #495057;
  font-size: 12px;
  border-radius: 2px;
}

.card-header.note-toolbar > .btn-group .btn:hover,
.card-header.note-toolbar > .btn-group .sp-container button:hover,
.sp-container .card-header.note-toolbar > .btn-group button:hover,
.card-header.note-toolbar > .btn-group .btn:focus,
.card-header.note-toolbar > .btn-group .sp-container button:focus,
.sp-container .card-header.note-toolbar > .btn-group button:focus,
.card-header.note-toolbar > .btn-group .btn:active,
.card-header.note-toolbar > .btn-group .sp-container button:active,
.sp-container .card-header.note-toolbar > .btn-group button:active,
.card-header.note-toolbar > .btn-group .btn.active,
.card-header.note-toolbar > .btn-group .sp-container button.active,
.sp-container .card-header.note-toolbar > .btn-group button.active {
  border-color: #adb5bd;
  background-color: #e9ecef;
}

.card-header.note-toolbar > .btn-group .dropdown-item {
  padding: 7px 15px;
}

.card-header.note-toolbar > .btn-group .dropdown-item:hover,
.card-header.note-toolbar > .btn-group .dropdown-item:focus {
  background-color: #e9ecef;
}

.card-header.note-toolbar > .btn-group .dropdown-item p,
.card-header.note-toolbar > .btn-group .dropdown-item blockquote,
.card-header.note-toolbar > .btn-group .dropdown-item pre {
  margin-bottom: 0;
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
  font-size: 13px;
}

.card-header.note-toolbar > .btn-group .dropdown-item h1,
.card-header.note-toolbar > .btn-group .dropdown-item h2,
.card-header.note-toolbar > .btn-group .dropdown-item h3,
.card-header.note-toolbar > .btn-group .dropdown-item h4,
.card-header.note-toolbar > .btn-group .dropdown-item h5,
.card-header.note-toolbar > .btn-group .dropdown-item h6 {
  font-size: 13px;
  font-weight: 400;
}

.card-header.note-toolbar > .btn-group .dropdown-toggle::after {
  margin-left: 8px;
}

.card-header.note-toolbar > .btn-group.note-color .dropdown-toggle::after {
  margin-left: -3px;
}

.card-header.note-toolbar > .btn-group .dropdown-fontname .dropdown-item {
  padding-left: 5px;
}

.card-header.note-toolbar > .btn-group .dropdown-fontname .dropdown-item span {
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 12px;
}

/*Upload template editor*/
/*Spam Score style*/
.spam-container {
  width: 100%;
}

.spamscoretitwrp {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #f0efef;
  border: solid 1px #dfdfdf;
}

.main-wrap {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  margin-top: 20px;
}

.spam-num {
  width: 15%;
  height: 50px;
  text-align: center;
  font-size: 24px;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  line-height: 50px;
  background-color: #23bf08;
  border: solid 1px #23bf08;
}

.newslet-main {
  width: 90%;
  overflow: hidden;
  padding-left: 50px;
}

.newslet-head {
  font-size: 16px;
  color: #495057;
  text-decoration: none;
  font-weight: 700;
  background-color: #f0efef;
  padding-left: 15px;
  text-transform: uppercase;
  width: 100%;
  font-family: "Roboto", sans-serif;
}

.accrdwrp-one {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.accord-wrap {
  width: 99%;
  margin-top: 15px;
}

.accord-one {
  width: 100%;
  background-color: #fff;
  border: solid 1px #e9e9e9;
  font-size: 14px;
  color: #495057;
  text-decoration: none;
  font-weight: normal;
  cursor: pointer;
  padding: 0 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.accord-contOne {
  width: 100%;
  height: auto;
  background-color: #f5f5f5;
  border-bottom: solid 1px #e9e9e9;
  border-left: solid 1px #e9e9e9;
  border-right: solid 1px #e9e9e9;
  display: none;
}

.accrd-cont-bgwhite {
  background-color: #fff !important;
}

.accord-contOne.show {
  display: block;
}

.accord-cont {
  padding: 15px;
  font-size: 13px;
  color: #495057;
  text-decoration: none;
  font-weight: normal;
  line-height: 22px;
}

.spambrokcont {
  font-size: 13px;
  color: #495057;
  word-wrap: break-all;
  line-height: 20px;
}

.accrdsubwrap {
  width: 100%;
  margin-top: 10px;
  padding: 0px 20px;
}

.accrdsubItemwrp {
  margin-bottom: 15px;
}

.accrdsub-one {
  display: flex;
  align-items: center;
  height: 40px;
  background-color: #ffffff;
  padding-left: 10px;
  padding-right: 10px;
}
.accrdsub-one .subplus {
  font-size: 18px;
  color: #4662d4;
  margin-right: 10px;
}
.accrdsub-one .minusicon {
  display: none;
}
.accrdsub-one .spamsubtitle {
  font-size: 13px;
}

.accrdsub-cont {
  background-color: #ffffff;
  margin-top: 3px;
  padding: 10px 20px;
  font-size: 12px;
  color: #495057;
  display: none;
}
.accrdsub-cont p {
  margin: 0;
  padding-bottom: 5px;
  line-height: 20px;
}
.accrdsub-cont ul li {
  line-height: 24px;
}

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

.plus {
  font-size: 30px;
  color: #1b84e7;
  text-decoration: none;
  font-weight: bold;
  padding-right: 15px;
}

.minus {
  font-size: 30px;
  color: #1b84e7;
  text-decoration: none;
  font-weight: bold;
  padding-right: 15px;
  display: none;
}

.minus.showminus,
.plus.showplus {
  display: block !important;
}

.slimscroll {
  height: 89%;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
}

#ui_signature::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
}

#ui_signature::-webkit-scrollbar {
  width: 8px;
  background-color: #f5f5f5;
}

#ui_signature::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
}

.scrollbar {
  height: 300px;
  overflow-y: auto;
  margin-bottom: 25px;
  cursor: pointer;
}

.score .fa-check {
  color: #23bf08;
}

.score-1 {
  height: 40px;
  background-color: #dc3545;
  float: right;
  margin-top: -1px;
  margin-right: -1px;
  text-align: center;
  line-height: 3;
  color: #f5f5f5;
}

.moreinfo_green {
  background: url(http://pro.plumb5.com/images/more_info_green.png);
  height: 12px;
  width: 12px;
}

.moreinfo_red {
  background: url(http://pro.plumb5.com/images/more_info_red.png);
  height: 12px;
  width: 12px;
}

.moreinfo_orange {
  background: url(http://pro.plumb5.com/images/more_info_orange.png);
  height: 12px;
  width: 12px;
}

/*Spam Score style*/
/*Goals*/
.stepwrap {
  display: flex;
  align-items: center;
  padding: 8px 0;
}
.stepwrap label {
  margin: 0;
}

.numbstep {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: #4662d4;
  color: #ffffff;
  line-height: 20px;
  text-align: center;
  margin-left: 5px;
}

.stepinputwrp .ion-ios-close {
  font-size: 18px;
  color: #dc3545;
  cursor: pointer;
}

.goadNametit {
  color: #e83e8c;
}

.goalstble .table tr {
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.goalstble .table tr:hover {
  background-color: #eaf3fb;
}

.goalstble .table tr.active {
  background-color: #eaf3fb;
}

/*UPload editor*/
.dropdowneditor {
  background-color: #ffffff;
  padding: 10px;
  width: 180px;
}

/*UPload editor*/
.listwrap {
  position: fixed;
  top: 100px;
  left: 0;
  right: 0;
  background-color: #4662d4;
  color: #fff;
  width: 200px;
  padding: 10px;
  z-index: 100;
}

.listwrap li {
  display: block;
  padding: 6px 10px;
  cursor: pointer;
  border-bottom: solid 1px #fff;
}

.note-editor .note-toolbar .note-dropdown-menu,
.note-popover .popover-content .note-dropdown-menu {
  font-size: 13px !important;
}

.chbxcampreswrp .custom-control {
  margin-top: 10px;
}

/* SMS start here */
.device-title {
  font-size: 16px;
  color: #495057;
  text-align: center;
  font-weight: 400;
  padding-bottom: 10px;
}
.device-title .fa-apple {
  color: #8e8e93;
}
.device-title .fa-android {
  color: #3ddc84;
}

.devicesreenwrap {
  display: flex;
  flex-direction: column;
  height: 56vh;
}

.devicemesscont {
  height: 390px;
  overflow-y: auto;
}

.ioswrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.androidwrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.baticnwrp {
  height: 20px;
  background-color: #008044;
  display: flex !important;
  align-items: center;
  justify-content: flex-end;
  padding-right: 10px;
}
.baticnwrp .fa-battery-half,
.baticnwrp .fa-signal,
.baticnwrp .fa-wifi {
  color: #ffffff;
  margin-right: 5px;
}

.timewrp {
  font-size: 10px;
  color: #ffffff;
  font-weight: 300;
}

.border-radius-5 {
  border-radius: 5px;
}

.messheadwrp {
  height: 40px;
  background-color: #089d57;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between;
  padding-right: 10px;
}

.icnphone {
  display: flex !important;
}
.icnphone i {
  font-size: 16px;
  color: #ffffff;
  font-weight: 300;
}

.arrwrp .ion-android-arrow-back {
  font-size: 20px;
  color: #ffffff;
  margin-left: 10px;
}

.messcont p.messdate {
  font-size: 10px;
  color: #495057;
  padding-top: 30px;
  padding-bottom: 5px;
  text-align: center;
}

.messinboxwrp {
  display: flex !important;
  padding: 0 10px;
}
.messinboxwrp .namwrp {
  width: 25px;
  height: 25px;
  border-radius: 100%;
  background-color: #089d57;
  margin-right: 10px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  margin-top: 10px;
}
.messinboxwrp .mesinbxcont {
  background-color: #ffffff;
  padding: 10px;
  font-size: 12px;
  word-break: break-word;
  color: #495057;
  border-radius: 10px;
  white-space: pre-wrap;
}
.messinboxwrp .mesinbxcont a {
  color: #495057;
  text-decoration: underline !important;
}

.sendbtn {
  position: absolute;
  top: 5px;
  right: 10px;
}
.sendbtn .ion-android-send {
  font-size: 18px;
  color: #1b84e7;
}

.devicescreenioswrp {
  display: flex;
  flex-direction: column;
}

.batItemwrp {
  display: flex !important;
  align-items: center;
}

.iostopbtry {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
}

.mr-01 {
  margin-right: 1px;
}

.timwrp {
  font-size: 10px;
}

.iosmeshead {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
}

.iosmsstxt {
  color: #147efb;
  font-weight: 500;
  font-size: 14px;
}

.iosmessdate {
  font-size: 10px;
  color: #6c757d;
  padding-top: 10px;
  text-align: center;
}

.devicemescontwrp {
  height: 40vh;
  overflow-y: auto;
}

.iosfoot {
  background-color: #ffffff;
}

.iossendwrp {
  display: flex !important;
  align-items: center;
  justify-content: space-around;
}

.ioscamera {
  color: #999999;
}

.iosmic {
  width: 25px;
  height: 25px;
  background-color: #999999;
  border-radius: 50%;
  display: flex !important;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.addurl {
  cursor: pointer;
}

/* Chat bubbles iOS */
.iosmesscontItem {
  padding-left: 15px;
  padding-right: 15px;
}
.iosmesscontItem .chat {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.iosmesscontItem .messages {
  display: flex;
  flex-direction: column;
}
.iosmesscontItem .message {
  border-radius: 20px;
  padding: 8px 15px;
  margin-bottom: 5px;
  display: inline-block;
  word-break: break-all;
}
.iosmesscontItem .yours {
  align-items: flex-start;
}
.iosmesscontItem .yours .message {
  background-color: #e7e3e3;
  position: relative;
  font-family: "HelveticaLTStdCondensed", Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #222222;
  white-space: pre-wrap;
  width: 100%;
}
.iosmesscontItem .yours .message a {
  color: #222222;
  text-decoration: underline !important;
}
.iosmesscontItem .yours .message.last:before {
  content: "";
  position: absolute;
  z-index: 0;
  bottom: 0;
  left: -7px;
  height: 20px;
  width: 20px;
  background: #e7e3e3;
  border-bottom-right-radius: 15px;
}
.iosmesscontItem .yours .message.last:after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: -10px;
  width: 10px;
  height: 20px;
  background: white;
  border-bottom-right-radius: 10px;
}
.iosmesscontItem .mine {
  align-items: flex-end;
}
.iosmesscontItem .mine .message {
  color: white;
  margin-left: 25%;
  background: linear-gradient(to bottom, #00d0ea 0%, #0085d1 100%);
  background-attachment: fixed;
  position: relative;
}
.iosmesscontItem .mine .message.last:before {
  content: "";
  position: absolute;
  z-index: 0;
  bottom: 0;
  right: -8px;
  height: 20px;
  width: 20px;
  background: linear-gradient(to bottom, #00d0ea 0%, #0085d1 100%);
  background-attachment: fixed;
  border-bottom-left-radius: 15px;
}
.iosmesscontItem .mine .message.last:after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: -10px;
  width: 10px;
  height: 20px;
  background: white;
  border-bottom-left-radius: 10px;
}

/* Chat bubbles iOS */
.schedcampaignContainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}

.singlebatchwrap {
  width: 70%;
  margin: auto;
}

.formColwrapsms {
  width: 50%;
  margin: auto;
}

.batchtxtwrap {
  display: flex;
  margin-bottom: 10px;
}

.btchnumwrp {
  width: 110px;
  text-align: center;
  margin-right: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  color: #495057;
  font-weight: 500;
}

.batchdiv {
  color: #495057;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 500;
}

.btchtextbx .form-group {
  margin-bottom: 0;
}

.timwrap {
  width: 650px;
}

.clsewrpbth .ion-ios-close {
  font-size: 18px;
  cursor: pointer;
  color: #dc3545;
}

.linkTag {
  font-size: 14px;
  color: #1b84e7;
  background-color: transparent;
  font-weight: 700;
  cursor: pointer;
}

.clsTagEdit {
  border: 0;
  outline: 0;
  background: transparent;
  border-bottom: 1px solid #1b84e7;
}

.inputcontainer {
  display: flex;
  width: 100%;
  margin-bottom: 15px;
}

/* SMS start here */
/*upload template editor*/
.deldownmodalwrp {
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  display: none;
  align-items: center;
  justify-content: center;
}

.deldownmodal {
  width: 300px;
  max-width: 300px;
  border: solid 1px #ced4da;
  display: flex;
  flex-direction: column;
}
.deldownmodal .deldownheader {
  height: 40px;
  background-color: #dc3545;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
}
.deldownmodal .deldownheader .deldownmodal-title {
  font-size: 14px;
  color: #ffffff;
  text-transform: uppercase;
  margin: 0;
  font-weight: 700;
}
.deldownmodal .deldownheader .close {
  color: #fff;
}
.deldownmodal .deldownmodalbody {
  height: 100%;
  padding: 1rem;
  background-color: #fff;
}
.deldownmodal .deldownmodalfoot {
  height: 50px;
  background-color: #f8f9fa;
  border-top: solid 1px #ced4da;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 10px;
}
.deldownmodal .deldownmodalfoot .font-12 {
  font-size: 12px;
}

.deldownmodalwrp.show {
  display: flex;
}

.df-19 {
  flex: 0 0 19% !important;
  border-radius: 0 !important;
}

.smsprevwrap {
  /* position: relative; */
}
.smsprevwrap .smsprevItemwrap {
  position: absolute;
  left: 55px;
  bottom: 30px;
  width: 200px;
  z-index: 100000000000;
  display: none;
}
.smsprevwrap .smsprevItemwrap .chat {
  width: 100%;
  display: flex;
  flex-direction: column;
  z-index: 100000;
}
.smsprevwrap .smsprevItemwrap .messages {
  display: flex;
  flex-direction: column;
}
.smsprevwrap .smsprevItemwrap .message {
  border-radius: 20px;
  padding: 8px 15px;
  margin-bottom: 5px;
  display: inline-block;
}
.smsprevwrap .smsprevItemwrap .yours {
  align-items: flex-start;
}
.smsprevwrap .smsprevItemwrap .yours .message {
  background-color: #e7e3e3;
  position: relative;
  font-family: "HelveticaLTStdCondensed", Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #222222;
}
.smsprevwrap .smsprevItemwrap .yours .message a {
  color: #222222;
  text-decoration: underline !important;
}
.smsprevwrap .smsprevItemwrap .yours .message.last:before {
  content: "";
  position: absolute;
  z-index: 0;
  bottom: 0;
  left: -7px;
  height: 20px;
  width: 20px;
  background: #e7e3e3;
  border-bottom-right-radius: 15px;
}
.smsprevwrap .smsprevItemwrap .yours .message.last:after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: -10px;
  width: 10px;
  height: 20px;
  background: white;
  border-bottom-right-radius: 10px;
}
.smsprevwrap .smsprevItemwrap .mine {
  align-items: flex-end;
}
.smsprevwrap .smsprevItemwrap .mine .message {
  color: white;
  margin-left: 25%;
  background: linear-gradient(to bottom, #00d0ea 0%, #0085d1 100%);
  background-attachment: fixed;
  position: relative;
}
.smsprevwrap .smsprevItemwrap .mine .message.last:before {
  content: "";
  position: absolute;
  z-index: 0;
  bottom: 0;
  right: -8px;
  height: 20px;
  width: 20px;
  background: linear-gradient(to bottom, #00d0ea 0%, #0085d1 100%);
  background-attachment: fixed;
  border-bottom-left-radius: 15px;
}
.smsprevwrap .smsprevItemwrap .mine .message.last:after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: -10px;
  width: 10px;
  height: 20px;
  background: white;
  border-bottom-left-radius: 10px;
}
.smsprevwrap .smsprevItemwrap.bubbrep {
  top: -30px;
}
.smsprevwrap .smsprevItemwrap.bubbrep .yours .message.last:before {
  top: 36px;
}
.smsprevwrap .smsprevItemwrap.bubbrep .yours .message.last:after {
  top: 35px;
}

.ion-ios-eye-outline:hover + .smsprevItemwrap {
  display: block;
}

.ovrf {
  overflow-x: inherit !important;
}

.table-responsive {
  min-height: 500px;
}

/*upload template editor*/
.createsmstempwrap .col-sm-12,
.createsmstempwrap .col-md-8,
.createsmstempwrap .col-lg-8,
.createsmstempwrap .col-xl-8,
.createbowsertempwrap .col-sm-12,
.createbowsertempwrap .col-md-8,
.createbowsertempwrap .col-lg-8,
.createbowsertempwrap .col-xl-8,
.cretbwsnoti .col-sm-12,
.cretbwsnoti .col-md-8,
.cretbwsnoti .col-lg-8,
.cretbwsnoti .col-xl-8 {
  padding-left: 5px;
  padding-right: 5px;
}
.createsmstempwrap .col-md-4,
.createsmstempwrap .col-lg-4,
.createsmstempwrap .col-xl-4,
.createbowsertempwrap .col-md-4,
.createbowsertempwrap .col-lg-4,
.createbowsertempwrap .col-xl-4,
.cretbwsnoti .col-md-4,
.cretbwsnoti .col-lg-4,
.cretbwsnoti .col-xl-4 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.devicontabwrp {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 45px;
}

.devwrphvr, .devwrphvrucp {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.devwrphvr:hover, .devwrphvrucp:hover {
  background-color: #e9ecef;
}
.devwrphvr .fa-android,
.devwrphvr .fa-apple,
.devwrphvr .fa-desktop,
.devwrphvr .fa-mobile, .devwrphvrucp .fa-android,
.devwrphvrucp .fa-apple,
.devwrphvrucp .fa-desktop,
.devwrphvrucp .fa-mobile {
  cursor: pointer;
  color: #495057;
}
.devwrphvr .fa-android:hover,
.devwrphvr .fa-apple:hover,
.devwrphvr .fa-desktop:hover,
.devwrphvr .fa-mobile:hover, .devwrphvrucp .fa-android:hover,
.devwrphvrucp .fa-apple:hover,
.devwrphvrucp .fa-desktop:hover,
.devwrphvrucp .fa-mobile:hover {
  color: #1b84e7;
}

.devwrphvr:hover .fa-apple, .devwrphvrucp:hover .fa-apple {
  color: #4662d4;
}

.devwrphvr:hover .fa-android, .devwrphvrucp:hover .fa-android {
  color: #4662d4;
}

.devwrphvr.active, .devwrphvrucp.active {
  background-color: #e9ecef;
}
.devwrphvr.active .fa-android,
.devwrphvr.active .fa-apple,
.devwrphvr.active .fa-desktop,
.devwrphvr.active .fa-mobile, .devwrphvrucp.active .fa-android,
.devwrphvrucp.active .fa-apple,
.devwrphvrucp.active .fa-desktop,
.devwrphvrucp.active .fa-mobile {
  color: #4662d4;
}

.clickstreamwhatsappprevUCP {
  position: relative;
  transform: translateY(-222px);
}
.clickstreamwhatsappprevUCP .ion-ios-close-outline {
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 20px;
  cursor: pointer;
  color: #dc3545;
}

.clickeventbtn.active, .clickstreammail.active, .clickstreamSms.active, .clickstreamwhatsapp.active, .clickstreamwebpush.active, .clickstreamcustevnt.active {
  color: #1b84e7;
}

.deviceprevwrap {
  display: flex;
  align-items: center;
  justify-content: center;
}

.addsmsatrib {
  position: absolute;
  bottom: 10px;
  right: 20px;
  background-color: #e9ecef;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.addsmsatrib.drppost {
  bottom: 5px;
  right: 10px;
}
.addsmsatrib .fa-user-o {
  color: #1b84e7;
}

.addsmsatrib.dropdown.whtsappdrpdwn {
  bottom: 2px;
}

.smsdrpwrp {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dropdown-title {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
  color: #343a40;
  letter-spacing: 1px;
  background-color: #e9ecef;
  padding: 8px 0;
  text-align: center;
  margin-top: -8px;
}

.current-count {
  padding: 10px 0px 0px 0px;
  font-size: 13px;
  color: #495057;
  margin-bottom: 0;
}
.current-count span {
  color: #e83e8c;
}

.landfnt {
  font-size: 20px;
  color: #495057;
  cursor: pointer;
}

.landurlcont {
  position: relative;
}
.landurlcont .landurlInpwrp {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ffffff;
  display: flex;
  align-items: center;
}
.landurlcont .landurlInpwrp .landurlInptfield {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.landurlcont .landurlInpwrp .editclswrp {
  width: 70px;
  margin-left: 10px;
}
.landurlcont .landurlInpwrp .editclswrp .ion-ios-checkmark-outline {
  color: #23bf08;
  font-size: 24px;
  cursor: pointer;
}
.landurlcont .landurlInpwrp .editclswrp .ion-ios-close-outline {
  color: #dc3545;
  font-size: 24px;
  cursor: pointer;
}

.landurlwrp {
  word-break: break-all;
  display: flex;
  align-items: center;
}
.landurlwrp .urledit {
  width: 25px;
  height: 25px;
  margin-left: 10px;
  cursor: pointer;
  background-color: #fff;
  border: solid 1px #4662d4;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.landurlwrp .urledit i {
  margin-right: 0 !important;
}
.landurlwrp .urledit .ion-edit {
  color: #4662d4;
}

.landurl {
  white-space: normal;
  width: 100%;
}

.whitespacenowrp {
  white-space: nowrap;
}

.td-tr-bg-white .table thead th {
  background-color: #f8f9fa;
  border-bottom: solid 1px #ced4da;
}

.addlandwrp {
  display: flex;
  justify-content: flex-end;
}

.textbtnblu {
  font-size: 12px;
  color: #1b84e7;
  background-color: transparent;
  font-weight: 700;
}

.addlandfieldwrp {
  padding: 20px;
  border: solid 1px #ced4da;
  position: relative;
  display: none;
}

.clsediv {
  position: absolute;
  right: 10px;
  top: 5px;
  color: #dc3545;
  cursor: pointer;
}

/*SMS Settings*/
.smssettheadwrap {
  display: flex;
  align-items: center;
  height: 45px;
  border: solid 1px #ced4da;
  background-color: #f8f9fa;
  color: #495057;
  font-size: 13px;
  font-weight: 500;
  padding-left: 20px;
}

/*SMS Settings*/
/*Browser Notificaions*/
.totalsubswrp {
  display: flex;
  align-items: flex-end;
  background-color: #4662d4;
}

.bnoticountsWrap {
  display: flex;
}
.bnoticountsWrap .countNumb {
  font-size: 14px;
  text-align: left;
  margin-right: 10px;
  font-weight: 700;
  color: #495057;
}
.bnoticountsWrap .countper {
  font-size: 10px;
  color: #495057;
}
.bnoticountsWrap .countper .ion-android-arrow-dropdown {
  color: #dc3545;
  font-size: 14px;
}

.h-49 {
  height: 49% !important;
}

.mr-t-5 {
  margin-top: 5px;
}

.mr-t-7 {
  margin-top: 7px;
}

.totaltxticonwrp {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0px 20px;
}

.totaltxticonwrp .ion-ios-people-outline {
  font-size: 70px;
  color: #fff;
}

.totalnumb h1 {
  color: #fff;
}
.totalnumb p {
  font-size: 13px;
  color: #fff;
}

.websubcribwrp {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 20px;
  padding-right: 20px;
}
.websubcribwrp h4 {
  font-size: 24px;
  color: #495057;
  margin-bottom: 0;
}
.websubcribwrp p {
  margin-bottom: 0;
  font-size: 13px;
  color: #6c757d;
}
.websubcribwrp .ion-ios-person-outline,
.websubcribwrp .ion-ios-personadd-outline {
  font-size: 46px;
}
.websubcribwrp .ion-ios-person-outline {
  color: #e83e8c;
}
.websubcribwrp .ion-ios-personadd-outline {
  color: #1b84e7;
}

.form-text {
  color: #6c757d;
}

.rsscontwrp {
  display: flex;
  align-items: center;
  width: 100%;
  margin-top: 20px;
  border: solid 1px #ced4da;
  padding: 15px;
}

.rsscontItem, .whatsconvers {
  border: solid 1px #ced4da;
  border-top: none;
  padding: 30px;
  display: none;
}

.browsewrap {
  width: 40%;
  margin: auto;
  padding-top: 15px;
  display: none;
}

.advbrowsewrap {
  width: 100%;
  margin: auto;
  padding-top: 15px;
  display: none;
  border-top: solid 1px #ced4da;
  margin-top: 15px;
}

.box-whitebdr {
  background-color: #ffffff;
}

.browstitlwrp {
  border: solid 1px #ced4da;
  padding: 15px;
}

.browscontent {
  padding: 15px;
  border-right: solid 1px #ced4da;
  border-bottom: solid 1px #ced4da;
  border-left: solid 1px #ced4da;
}

.bwseruserartribwrp {
  position: absolute;
  top: 5px;
  right: 25px;
}
.bwseruserartribwrp .ion-android-person {
  font-size: 16px;
  color: #4662d4;
  cursor: pointer;
}
.bwseruserartribwrp .browse-dropdown-menu {
  position: absolute;
  width: 240px;
  right: 0;
  top: 35px;
  z-index: 1;
  display: none;
}
.bwseruserartribwrp .browse-dropdown-menu .ion-close-circled {
  font-size: 18px;
  position: absolute;
  top: -8px;
  right: -10px;
  color: #dc3545;
  cursor: pointer;
}

.showflex {
  display: flex !important;
}

.tp-bttm {
  top: inherit !important;
  bottom: 30px !important;
}

.chosefile {
  position: absolute;
  left: 0;
  opacity: 0;
  font-size: 19px;
  cursor: pointer;
}

.chosefile:hover .upldbtn {
  background-color: #6f42c1;
}

.ml-20 {
  margin-left: 18%;
}

.brwsfilename,
.brwsnotfilename,
.brwsnotimgban,
.mobnotimgban,
.brwsfilenatiname,
.brwsfilewelname,
.brwsfilewelstp2name {
  position: absolute;
  left: 100px;
  top: 5px;
  font-size: 13px;
  color: #1b84e7;
}
.brwsfilename span,
.brwsnotfilename span,
.brwsnotimgban span,
.mobnotimgban span,
.brwsfilenatiname span,
.brwsfilewelname span,
.brwsfilewelstp2name span {
  font-size: 14px;
  padding-left: 10px;
  cursor: pointer;
}

.ion-ios-close-outline {
  color: #dc3545;
}

.overflow-x-vis {
  overflow-x: visible !important;
}

.overflow-x-hid {
  overflow-x: hidden !important;
}

.savebtnwrpbwsernoti {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 50px;
  background-color: #ffffff;
  margin-top: 15px;
  padding: 0 20px;
}

.creatbrwsernotiwrp {
  height: 100vh;
}

.brwsernotiwrp {
  height: 90vh;
  overflow-y: auto;
}

.plpr-5 {
  padding-left: 0px;
  padding-right: 0px;
}

.bnotibtntabwrp {
  display: flex;
  align-items: center;
  height: 40px;
  padding: 0px 15px;
  border-bottom: solid 1px #ced4da;
  background-color: #f8f9fa;
}
.bnotibtntabwrp .bnotbtnwrp {
  background-color: #e9ecef;
  padding: 6px 10px;
  cursor: pointer;
  font-size: 12px;
  color: #495057;
}
.bnotibtntabwrp .bnotbtnwrp.active {
  background-color: #1b84e7;
  color: #ffffff;
}

/*Start here */
.bwsnoticontainer {
  margin-top: 15px;
  height: 100vh;
}

.bnoticretwrp {
  display: flex;
  flex-direction: column;
}

.bnotisavewrp {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 50px;
  background-color: #ffffff;
  padding: 10px 15px;
}

.bnoticreatebody {
  height: 100%;
  /* overflow-y: auto; */
}

.upldfilname {
  position: absolute;
  left: 80px;
  top: 10px;
  font-size: 13px;
  color: #1b84e7;
}

.notifprevmain {
  width: 100%;
  margin-top: 15px;
}

.notifbanwrp {
  background-color: #1b84e7;
  height: 150px;
  background-image: url(../images/notification-ban.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.notiprevcontwrp {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  padding: 10px 0;
}

.notifititcontwrp {
  width: 80%;
}

.notifbelcont {
  display: flex;
}
.notifbelcont .notificonwrp {
  width: 50px;
  height: 50px;
  background-color: #ffffff;
  margin-right: 10px;
  align-items: flex-start;
  background-image: url(../images/notification-bell.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  border-radius: 50%;
}

.notiftitle {
  font-size: 14px;
  color: #495057;
  font-weight: 700;
  line-height: 1.4;
  word-break: break-word;
}

.notifdescript {
  font-size: 12px;
  color: #6c757d;
  font-weight: 400;
  word-break: break-word;
}

.notifcontstywrp {
  padding: 15px;
  border-bottom: solid 1px #ced4da;
  border-left: solid 1px #ced4da;
  border-right: solid 1px #ced4da;
}

select.form-control:not([size]):not([multiple]) {
  height: inherit !important;
}

.popovercsshvr {
  position: relative;
}
.popovercsshvr .brwsnotfarrw {
  width: 300px;
  position: absolute;
  top: -5px;
  left: 30px;
  z-index: 1;
  text-align: left;
  display: none;
}
.popovercsshvr .brwsnotfarrw .arrow_box {
  position: relative;
  background: #ffffff;
  border: 1px solid #ced4da;
  padding: 15px;
}
.popovercsshvr .brwsnotfarrw .arrow_box .notifbanwrp {
  height: 100px;
}
.popovercsshvr .brwsnotfarrw .arrow_box .notiftitle {
  font-size: 13px;
}
.popovercsshvr .brwsnotfarrw .arrow_box .notificonwrp {
  width: 30px;
  height: 30px;
}
.popovercsshvr .brwsnotfarrw .arrow_box:after,
.popovercsshvr .brwsnotfarrw .arrow_box:before {
  right: 100%;
  top: 20px;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.popovercsshvr .brwsnotfarrw .arrow_box:after {
  border-color: rgba(136, 183, 213, 0);
  border-right-color: #ffffff;
  border-width: 10px;
  margin-top: -10px;
}
.popovercsshvr .brwsnotfarrw .arrow_box:before {
  border-color: rgba(194, 225, 245, 0);
  border-right-color: #ced4da;
  border-width: 12px;
  margin-top: -12px;
}

.popovercsshvr:hover .brwsnotfarrw {
  display: block;
}

table.popuppreveye-tbl tr:nth-last-child(1) .ion-ios-eye-outline.popovercsshvr .brwsnotfarrw,
table.popuppreveye-tbl tr:nth-last-child(2) .ion-ios-eye-outline.popovercsshvr .brwsnotfarrw,
table.popuppreveye-tbl tr:nth-last-child(3) .ion-ios-eye-outline.popovercsshvr .brwsnotfarrw,
table.popuppreveye-tbl tr:nth-last-child(4) .ion-ios-eye-outline.popovercsshvr .brwsnotfarrw,
table.popuppreveye-tbl tr:nth-last-child(5) .ion-ios-eye-outline.popovercsshvr .brwsnotfarrw {
  top: -250px;
}
table.popuppreveye-tbl tr:nth-last-child(1) .ion-ios-eye-outline.popovercsshvr .brwsnotfarrw .arrow_box:after,
table.popuppreveye-tbl tr:nth-last-child(1) .ion-ios-eye-outline.popovercsshvr .brwsnotfarrw .arrow_box:before,
table.popuppreveye-tbl tr:nth-last-child(2) .ion-ios-eye-outline.popovercsshvr .brwsnotfarrw .arrow_box:after,
table.popuppreveye-tbl tr:nth-last-child(2) .ion-ios-eye-outline.popovercsshvr .brwsnotfarrw .arrow_box:before,
table.popuppreveye-tbl tr:nth-last-child(3) .ion-ios-eye-outline.popovercsshvr .brwsnotfarrw .arrow_box:after,
table.popuppreveye-tbl tr:nth-last-child(3) .ion-ios-eye-outline.popovercsshvr .brwsnotfarrw .arrow_box:before,
table.popuppreveye-tbl tr:nth-last-child(4) .ion-ios-eye-outline.popovercsshvr .brwsnotfarrw .arrow_box:after,
table.popuppreveye-tbl tr:nth-last-child(4) .ion-ios-eye-outline.popovercsshvr .brwsnotfarrw .arrow_box:before,
table.popuppreveye-tbl tr:nth-last-child(5) .ion-ios-eye-outline.popovercsshvr .brwsnotfarrw .arrow_box:after,
table.popuppreveye-tbl tr:nth-last-child(5) .ion-ios-eye-outline.popovercsshvr .brwsnotfarrw .arrow_box:before {
  top: 85%;
}

table.clickstreamwebpush-tbl tr:nth-last-child(1) .ion-ios-eye-outline.popovercsshvr .brwsnotfarrw,
table.clickstreamwebpush-tbl tr:nth-last-child(2) .ion-ios-eye-outline.popovercsshvr .brwsnotfarrw,
table.clickstreamwebpush-tbl tr:nth-last-child(3) .ion-ios-eye-outline.popovercsshvr .brwsnotfarrw,
table.clickstreamwebpush-tbl tr:nth-last-child(4) .ion-ios-eye-outline.popovercsshvr .brwsnotfarrw,
table.clickstreamwebpush-tbl tr:nth-last-child(5) .ion-ios-eye-outline.popovercsshvr .brwsnotfarrw {
  top: 0px;
  z-index: 100;
}
table.clickstreamwebpush-tbl tr:nth-last-child(1) .ion-ios-eye-outline.popovercsshvr .brwsnotfarrw .arrow_box:after,
table.clickstreamwebpush-tbl tr:nth-last-child(1) .ion-ios-eye-outline.popovercsshvr .brwsnotfarrw .arrow_box:before,
table.clickstreamwebpush-tbl tr:nth-last-child(2) .ion-ios-eye-outline.popovercsshvr .brwsnotfarrw .arrow_box:after,
table.clickstreamwebpush-tbl tr:nth-last-child(2) .ion-ios-eye-outline.popovercsshvr .brwsnotfarrw .arrow_box:before,
table.clickstreamwebpush-tbl tr:nth-last-child(3) .ion-ios-eye-outline.popovercsshvr .brwsnotfarrw .arrow_box:after,
table.clickstreamwebpush-tbl tr:nth-last-child(3) .ion-ios-eye-outline.popovercsshvr .brwsnotfarrw .arrow_box:before,
table.clickstreamwebpush-tbl tr:nth-last-child(4) .ion-ios-eye-outline.popovercsshvr .brwsnotfarrw .arrow_box:after,
table.clickstreamwebpush-tbl tr:nth-last-child(4) .ion-ios-eye-outline.popovercsshvr .brwsnotfarrw .arrow_box:before,
table.clickstreamwebpush-tbl tr:nth-last-child(5) .ion-ios-eye-outline.popovercsshvr .brwsnotfarrw .arrow_box:after,
table.clickstreamwebpush-tbl tr:nth-last-child(5) .ion-ios-eye-outline.popovercsshvr .brwsnotfarrw .arrow_box:before {
  top: 5%;
}

.popuprevdefault .brwsnotfarrw {
  top: -5px !important;
}
.popuprevdefault .brwsnotfarrw .arrow_box:after,
.popuprevdefault .brwsnotfarrw .arrow_box:before {
  top: 20px !important;
}

.bnotiftempwrp {
  width: 100%;
  min-height: 120px;
  overflow-y: auto;
}

.overflow-y-auto {
  overflow-y: auto;
}

.plusbtnwrp .ion-plus, .plusbtnwhats .ion-plus {
  cursor: pointer;
  color: #495057;
}

.minusbtnwrp .ion-close, .minusbtnwhats .ion-close {
  cursor: pointer;
  color: #495057;
}

.notifbtnwrp {
  display: flex;
  align-items: center;
  justify-content: center;
}

.bwnotioptwrp {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 55px;
  margin: 15px 0px;
  border: none;
  padding: 0 20px;
  background-color: #fff;
}

.bwnotioptitem {
  display: flex;
  align-items: center;
}

.bwnotisettoptItem {
  display: flex;
  align-items: center;
  margin-right: 30px;
}

.brwnotistepoptwrp {
  margin-left: 30px;
}
.brwnotistepoptwrp label span {
  font-size: 10px;
  letter-spacing: 1px;
  display: block;
}

.bwnotifsettwrp .accordion-one .card-header {
  border-color: transparent;
}
.bwnotifsettwrp .accordion-one .card-header a.collapsed {
  background-color: #ffffff;
}
.bwnotifsettwrp .accordion-one .card-body {
  border-top: solid 1px #ced4da;
  padding: 25px;
}

.bwsnotifupldwrp,
.chosebtnwrp {
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.stepenblewrp {
  padding-left: 40px;
  margin-top: 30px;
}

.stepnum {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #e9ecef;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #495057;
}

.copylink {
  padding: 7px;
  background-color: #e9ecef;
  color: #495057;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.copylink span {
  word-break: break-all;
  padding-right: 10px;
}
.copylink .ion-ios-copy-outline {
  font-size: 18px;
  cursor: pointer;
}

.bwsnotifrulwrp {
  margin-top: 30px;
}

.bwsnotispecpagewrp,
.bwsnotisendexcludwrp {
  margin-top: 20px;
}

.bwsnotioptinwrp {
  display: flex;
  flex-direction: column;
}
.bwsnotioptinwrp .bwsnotioptwrp {
  display: flex;
  align-items: center;
}

.uplbtnwrp {
  display: flex;
}

.bwsnotifilselwrp {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}

.bwsnotichrmtxt {
  font-size: 12px;
  color: #6c757d;
  display: flex;
  align-items: center;
}

.bwsnotichrmeicon {
  background-image: url("../images/chromeicon.png");
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  background-size: cover;
  background-position: center center;
  margin-right: 5px;
}

.bwsnotibtnwrp {
  background-color: #6c757d;
  height: 40px;
  display: flex;
  align-items: center;
}

.bwsnotibtntxt {
  background-color: transparent;
  font-size: 12px;
  color: #cccccc;
  cursor: pointer;
}

.bwnotifprevtemp {
  padding: 20px;
  border: solid 1px #ced4da;
}

.txtbxwithtxtwrp {
  display: flex;
  align-items: center;
}

.bwsnotiiconwrp {
  width: 192px;
  height: 192px;
  background-color: #e9ecef;
  background-image: url("../images/corbel-construction.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  border: solid 1px #ced4da;
  margin-top: 15px;
}

.bwsnotibwsprevwrp {
  height: 100%;
  background-color: #e9eaeb;
}

.bwsnotibwstabwrp {
  display: flex;
  flex-direction: column;
  padding-top: 5px;
}

.bwsnotibwstab {
  display: flex;
}

.bwstabwrp {
  width: 170px;
  height: 35px;
  background-color: #fff;
  margin-left: 5px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 10px;
}

.bwsurlspacwrp {
  height: 40px;
  background-color: #fff;
}

.bwsurlspacitem {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 20px;
}
.bwsurlspacitem .ion-android-arrow-back,
.bwsurlspacitem .ion-android-arrow-forward,
.bwsurlspacitem .ion-android-refresh,
.bwsurlspacitem .ion-android-more-vertical {
  font-size: 22px;
}
.bwsurlspacitem .ion-android-arrow-forward {
  color: #6c757d;
}
.bwsurlspacitem .bwsurlbx {
  width: 85%;
  height: 30px;
  background-color: #f5f5f5;
  border: solid 1px #eff1f3;
  border-radius: 20px;
}

.bwsnotifprevbody {
  width: 100%;
  height: 85%;
  position: relative;
  overflow-x: auto;
}

.bwsnotifboxwrp {
  width: 270px;
  background-color: #29a5f2;
  border-radius: 4px;
  position: absolute;
}

.bwsnotifboxwrp.bottom-left,
.bwsnotifbellwrp.bottom-left {
  left: 20px;
  bottom: 20px;
}

.bwsnotifboxwrp.bottom-right,
.bwsnotifbellwrp.bottom-right {
  right: 20px;
  bottom: 20px;
}

.bwsnotifboxwrp.top-left,
.bwsnotifbellwrp.top-left {
  left: 20px;
  top: 5px;
}

.bwsnotifboxwrp.top-middle,
.bwsnotifbellwrp.top-middle {
  left: 0;
  top: 5px;
  right: 0;
  margin: auto;
}

.bwsnotifboxwrp.top-right,
.bwsnotifbellwrp.top-right {
  top: 5px;
  right: 20px;
}

.bwsnotiboxcontent {
  font-size: 13px;
  color: #fff;
  padding: 15px;
  font-weight: 400;
  margin-bottom: 0;
}

.bwsnotiboxbtnw {
  background-color: #30bbf2;
}

.btn-trans {
  background-color: transparent;
}

.btn-transtext {
  color: #fff;
  font-size: 13px;
  background-color: transparent;
}

.bwsnotifbellwrp {
  width: 50px;
  height: 50px;
  background-color: #29a5f2;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  cursor: pointer;
}
.bwsnotifbellwrp:hover {
  background-color: #30bbf2;
}

.bwsnotifbellitem .ion-ios-bell {
  font-size: 30px;
  color: #fff;
}

.bwsnotifnativbody {
  width: 100%;
  height: 100%;
  background-color: #4662d4;
  position: relative;
}

.brwsnotidefltwrp {
  position: absolute;
  top: -20px;
  left: 15px;
  background-color: #fff;
  width: 300px;
  height: 160px;
  padding: 15px;
}

.bwsnotidefltItem {
  display: flex;
  flex-direction: column;
}

.bwsnotidefclse {
  font-size: 16px;
  text-align: right;
}

.bwsnotifdefbtnwrp {
  display: flex;
  justify-content: flex-end;
  margin-top: 15px;
}

.btn-white {
  font-size: 13px;
  color: #495057;
  background-color: #fff;
  border: solid 1px #ced4da;
}

.bwsnotiftextwrp .bwsnotifnativtext {
  width: 80%;
  margin: auto;
  font-size: 14px;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
  margin-bottom: 0;
}

.brwsnotifbellicon {
  text-align: center;
  padding-top: 130px;
}
.brwsnotifbellicon .ion-ios-bell {
  font-size: 48px;
  color: #fff;
}

.bwsnotihttpwrp {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.bwsnotihttpwrp .bwsnotihttpItem {
  padding: 5px 15px;
  font-size: 12px;
  color: #495057;
  background-color: #fff;
  margin-right: 5px;
  border: solid 1px #ced4da;
  border-bottom: none;
}
.bwsnotihttpwrp .bwsnotihttpItem.active {
  background-color: #1b84e7;
  color: #fff;
  border-color: #1b84e7;
}

.mt-0 {
  margin-top: 0 !important;
}

.brwsprevwrp {
  padding: 15px;
  width: 300px;
}

/*Browser Notificaions*/
/*Contacts Settings*/
.contsettgswrp {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 55px;
  margin: 15px 0px;
  border: none;
  padding: 0 20px;
  background-color: #fff;
}

.contsettwrp {
  display: flex;
  align-items: center;
  justify-content: center;
}
.contsettwrp p {
  margin: 0;
  padding-bottom: 5px;
  color: #495057;
  font-weight: 600;
  text-align: center;
  font-size: 13px;
}

.contmergfildwrp {
  display: flex;
  align-items: center;
  justify-content: center;
}

.contsetlblwrp {
  width: 120px;
}

/*Contacts Settings*/
/*Forms and Banners*/
.frmnantxtwrp p {
  margin: 0;
}
.frmnantxtwrp p a .ion-share {
  font-size: 16px;
  padding-left: 5px;
}

.topfiveformwrp .table {
  margin-bottom: 0;
}

.topfivefrmwrp .box-title {
  padding-bottom: 10px;
}

/*Sortable Table */
body.dragging,
body.dragging * {
  cursor: move !important;
}

.dragged {
  position: absolute;
  top: 0;
  opacity: 0.5;
  z-index: 2000;
}

.sorted_table tr {
  cursor: pointer;
}

.sorted_table tr.placeholder {
  display: block;
  background: #4662d4;
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
}

.sorted_table tr.placeholder:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-left-color: #4662d4;
  margin-top: -5px;
  left: 0px;
  border-right: none;
}

.trdragtxt {
  font-size: 16px;
  color: #495057;
  padding-right: 5px;
}

/*sortable Table */
.griddragicn {
  width: 15px;
  height: 15px;
  background-image: url("../images/grid-drag.svg");
  background-repeat: no-repeat;
  display: block;
  cursor: grab;
}

.popheadtitlewrp {
  background-color: #fff;
  padding: 12px 15px;
  border-bottom: solid 1px #ced4da;
  margin-bottom: 15px;
}
.popheadtitlewrp h6 {
  font-size: 13px !important;
  color: #343a40;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  margin-bottom: 0;
}

.mulitvariatfrmwrp {
  padding: 0px 15px 15px 15px;
}
.mulitvariatfrmwrp .ion-trash-b {
  font-size: 18px;
  color: #6c757d;
  cursor: pointer;
}

.nametxticnwrp {
  display: flex;
  align-items: center;
  padding-right: 10px;
}

.min-h-0 {
  min-height: 0 !important;
}

.campdetailswrp {
  padding: 10px 15px;
  background-color: #fff;
  border-bottom: solid 1px #ced4da;
}

.campdethead {
  font-size: 13px;
  color: #495057;
  font-weight: 700;
  margin-bottom: 0;
  text-transform: uppercase;
}

.embedcampname {
  font-size: 13px;
  margin-bottom: 0;
  color: #6c757d;
}

.embdsettwrp {
  padding: 10px 15px;
}

.crtefrmtypewrp {
  width: 75%;
  margin: auto;
  margin-top: 20px;
}

.crtefrmtypehed {
  font-size: 14px;
  color: #495057;
  font-weight: 700;
  margin-bottom: 10px;
  text-transform: uppercase;
  text-align: center;
}

.crtefrmtypeitemwrp {
  margin-top: 30px;
}

.frmtypchkwrp {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 15px 0px;
}

.box-frmtype-wrp {
  background-color: #ffffff;
  border: solid 1px #ced4da;
  cursor: pointer;
}

.selectedfrmtype {
  background-color: #f1f8ff;
  border: solid 1px #1b84e7;
}

.embeddicn {
  margin-top: 20px;
  width: 72px;
  height: 72px;
  background-image: url("../images/embedded-form.png");
  background-repeat: no-repeat;
  background-position: center;
  margin: auto;
  margin-bottom: 20px;
}

.popupboxicn {
  margin-top: 20px;
  width: 72px;
  height: 72px;
  background-image: url("../images/popupbox-form.png");
  background-repeat: no-repeat;
  background-position: center;
  margin: auto;
  margin-bottom: 20px;
}

.tagfrmicn {
  margin-top: 20px;
  width: 72px;
  height: 72px;
  background-image: url("../images/tagged-form.png");
  background-repeat: no-repeat;
  background-position: center;
  margin: auto;
  margin-bottom: 20px;
}

.crtfrmtypedes {
  font-size: 13px;
  margin-bottom: 0;
  color: #495057;
  text-align: center;
  padding: 3px 15px 15px 15px;
}

.currtbrwsewrp {
  display: flex;
  flex-direction: column;
  margin-top: 30px;
}

.brwsdetailwrp {
  display: flex;
  align-items: center;
}

.currtxt,
.bwsericn,
.bwsername {
  font-size: 13px;
  color: #495057;
}

.bwsnote {
  font-size: 12px;
  color: #6c757d;
  margin-bottom: 0;
}

.frmstatus {
  text-align: center !important;
}

.jsicnwrp {
  background-color: #6c757d;
  padding: 1px 3px;
  border-radius: 2px;
}
.jsicnwrp i {
  margin-right: 0;
}
.jsicnwrp .ion-social-javascript {
  font-size: 13px;
  color: #f0db4f;
}

.css3wrp .ion-social-css3 {
  color: #2965f1;
  font-size: 18px;
}

.frmsettheadwrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 45px;
  border: solid 1px #ced4da;
  background-color: #f8f9fa;
  color: #495057;
  font-size: 13px;
  font-weight: 500;
  padding-left: 20px;
}

.frmresuplwrp {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  margin-top: 30px;
}

.appndfrmresfile {
  font-size: 13px;
  color: #1b84e7;
  margin-right: 10px;
}

.frmsetresremove {
  cursor: pointer;
}

.frmrepsubtabwrp {
  background-color: #f8f9fa;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  height: 45px;
  border-bottom: solid 1px #ced4da;
  padding: 0px 15px;
}

.frmsubtabitem {
  display: flex;
  align-items: center;
}
.frmsubtabitem .frmrepsubmenu,
.frmsubtabitem .chatrepsubmenu {
  background-color: #fff;
  padding: 7px 15px;
  margin-right: 5px;
  font-size: 12px;
  color: #495057;
  cursor: pointer;
  border: solid 1px #ced4da;
  border-bottom: none;
}
.frmsubtabitem .frmrepsubmenu.active,
.frmsubtabitem .chatrepsubmenu.active {
  background-color: #1b84e7;
  color: #fff;
  border-color: #1b84e7;
}

.frmresfunnwrp .ion-android-funnel {
  font-size: 18px;
  cursor: pointer;
  color: #495057;
}
.frmresfunnwrp .fa-filter {
  color: #495057;
  cursor: pointer;
  font-size: 24px;
}

.frmresponsefiltwrp {
  display: flex;
  align-items: center;
}
.frmresponsefiltwrp .clrcustrep {
  margin: 0;
  margin-bottom: 5px;
  margin-right: 15px;
  cursor: pointer;
  font-weight: 400;
}

.abtesticnsvg {
  background-image: url("../images/multivariateicn.svg");
  background-size: 26px 26px;
  color: #1b84e7;
  width: 26px;
  height: 26px;
  display: block;
  cursor: pointer;
  fill: #1b84e7;
}

.tdiconwrap svg {
  fill: #1b84e7;
}

.table.tbl-frmrepresp th:nth-child(1) {
  text-align: center;
}
.table.tbl-frmrepresp td:nth-child(1) {
  text-align: center;
}
.table.tbl-frmrepresp td {
  text-align: left;
}

.newtext {
  background-color: #e83e8c;
  color: #fff;
  padding: 2px 4px;
  border-radius: 5px;
  margin-left: 3px;
}

.frmresucp .fa-address-card-o {
  font-size: 18px;
  color: #495057;
  cursor: pointer;
}

.textprilink {
  color: #495057 !important;
}

.table.tbl-frmresdetail td {
  text-align: left;
}

.bg-winnr {
  background-color: rgba(255, 251, 198, 0.3);
}

.container-UCP .topTabWrap {
  height: auto;
}

/*Forms and Banners*/
/*Profile Page*/
.profiwrp {
  width: 80%;
  margin: auto;
  margin-top: 20px;
}

.profipasswrp {
  width: 50%;
  margin: auto;
  margin-top: 30px;
  height: 45vh;
}

.profhead {
  width: 50%;
  margin: auto;
  line-height: 24px;
}

.taggextfrmitem {
  position: relative;
}

.taggobtn {
  position: absolute;
  right: 10px;
  top: 9px;
}

.pcont {
  font-size: 13px;
  color: #495057;
  font-weight: 300;
}

.prefcontainer {
  width: 90%;
  margin: auto;
}

.prefaccstatuswrp {
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
}

.prefaccstatItem {
  width: 18%;
  height: 100px;
  border: solid 1px #ced4da;
  box-shadow: 0px 3px 9px #ced4da;
  margin-right: 20px;
  margin-bottom: 30px;
}

.featname {
  font-size: 13px;
  padding-top: 20px;
  text-align: center;
  color: #495057;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.statuswrp {
  font-size: 12px;
  font-weight: 300;
  width: 40%;
  padding: 2px 0 3px;
  margin: auto;
  text-align: center;
  border-radius: 5px;
}

.statuswrp.success {
  background-color: #23bf08;
  color: #fff;
}

.statuswrp.pending {
  background-color: #f49917;
  color: #fff;
  cursor: pointer;
}

.subcontainer {
  padding-left: 20px;
  padding-right: 20px;
}

.vertiicnwrp {
  position: relative;
}
.vertiicnwrp .ion-android-more-vertical {
  color: #cccaca;
  margin-top: 0;
}
.vertiicnwrp .dropdwnverti {
  position: absolute;
  top: -16px;
  right: -6px;
}

.box-pad-15 {
  padding: 15px;
}

.featnametit {
  font-size: 14px;
  color: #495057;
}

.featsubnam {
  font-size: 12px;
  color: #6c757d;
  margin-top: -5px;
}
.featsubnam span {
  color: #1b84e7;
}

.crednumb {
  font-size: 24px;
  color: #495057;
  font-weight: 700;
  margin: 0;
}

.box-shadow {
  box-shadow: 0px 3px 9px #ced4da;
}

.visawrp {
  color: #868ba1;
}

.accountswrp {
  display: flex;
  flex-direction: column;
}

.accuntshead {
  height: 40px;
  background-color: #f8f9fa;
  font-size: 14px;
  color: #495057;
  border: solid 1px #ced4da;
  display: flex;
  align-items: center;
  padding-left: 10px;
  font-weight: 600;
}

.accuntsItem {
  height: 120px;
  overflow-y: auto;
}

.accuntItemnamme {
  display: flex;
  align-items: center;
  padding-left: 10px;
  font-size: 13px;
  color: #495057;
  font-weight: 400;
  border-bottom: solid 1px #ced4da;
  border-left: solid 1px #ced4da;
  border-right: solid 1px #ced4da;
  height: 40px;
}

.createBtnsrchWrap {
  display: flex;
}

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

.rolepophead {
  font-size: 14px;
  color: #495057;
  font-weight: 700;
}

.mainpaneloverlap {
  position: absolute;
  top: 65px;
  width: 96%;
  height: 85%;
  overflow-y: auto;
  background-color: #ffffff;
}

.clserolewrp {
  height: 40px;
  display: flex;
  justify-content: flex-end;
  color: #dc3545;
}
.clserolewrp .fa-times {
  cursor: pointer;
}

.checkcenter {
  display: flex;
  justify-content: center;
}

.trackscrtwrp {
  width: 65%;
  margin: auto;
  margin-top: 40px;
}

.scrptwrp {
  margin-top: 10px;
  margin-bottom: 30px;
  padding: 20px;
  background-color: #e9ecef;
}

.scrptmbody {
  padding: 10px;
}

.code {
  word-wrap: break-word;
  word-break: break-all;
}

.googltagbtn {
  font-size: 13px;
  color: #495057;
  background-color: #ffffff;
  border: solid 1px #ccc;
  padding: 8px 10px 8px 40px;
}

.googlicn {
  background-image: url("../images/google-tag-manager.png");
  background-repeat: no-repeat;
  background-position: 10px;
}

.maicomposewrp {
  height: 100%;
}

.reciptwrp {
  height: 36px;
  border-bottom: solid 1px #ced4da;
  display: flex;
  align-items: center;
}

.mailbodywrp {
  padding: 15px 20px 15px 25px;
  font-size: 13px;
  color: #495057;
  font-weight: 300;
}

.text-indent-10 {
  text-indent: 10px;
}

/*Profile Page*/
/*Realtime Dashboard*/
.activuserwrp {
  border-bottom: solid 1px #ced4da;
  margin-bottom: 10px;
}
.activuserwrp h1 {
  font-size: 40px;
  color: #495057;
  font-weight: 300;
  padding: 20px 0px 0px 20px;
  margin-bottom: 0;
}
.activuserwrp p {
  font-size: 16px;
  color: #495057;
  font-weight: 300;
  padding-left: 20px;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.streambarwrap {
  position: relative;
  height: 120px;
}

.newsretrnwrp {
  display: flex;
  flex-wrap: nowrap;
  padding: 5px 15px;
}

.realnewwrp,
.realretrnwrp {
  width: 50%;
}

.realnewban {
  width: 100%;
  height: 6px;
  background-color: #f49917;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.realretban {
  width: 100%;
  height: 6px;
  background-color: #23bf08;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.webrelplat {
  width: 100%;
  height: 6px;
  background-color: #6f42c1;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.mobrelplat {
  width: 100%;
  height: 6px;
  background-color: #1b84e7;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

#world-map {
  height: 420px;
}

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

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

.realtimetblgrid {
  background-color: #fff;
  min-height: 300px;
}

.header {
  position: sticky;
  top: 0;
  z-index: 10;
}

/*Realtime Dashboard*/
/*Autocomplete start here */
.inputtextboxAutoCompletediv {
  border: 1px solid #ced4da;
  color: #888;
  line-height: 15px;
  outline: 0 none;
  padding: 8px 0px 8px 8px;
  display: inline-block;
  /*white-space: nowrap;*/
  background-color: #fff;
}

.inputtextboxAutoComplete {
  border: none;
  outline: none;
  margin-top: 4px;
  font-size: 11px;
  /* padding: 9px;
    border: solid 1px $border-col; */
}

.vrAutocomplete {
  font-size: 13px;
  display: inline-block;
  vertical-align: top;
  margin-top: 4px;
}

.vnAutocomplete {
  background-color: #1b84e7;
  border: 1px solid #1b84e7;
  cursor: default;
  display: block;
  height: 20px;
  white-space: nowrap;
  border-radius: 0px;
  margin-left: 4px;
}

.vtAutocomplete {
  display: inline-block;
  color: #fff;
  margin: 1px 5px;
  max-width: 325px;
  max-height: 17px;
  overflow: hidden;
  text-overflow: ellipsis;
  direction: ltr;
}

.vmAutocomplete {
  display: inline-block;
  width: 14px;
  height: 20px;
  background: no-repeat url(../images/autoCompleteFields.gif) -4px -23px;
  opacity: 0.6;
  vertical-align: top;
  cursor: pointer;
}

.ui-corner-all {
  padding: 5px;
  font-size: 13px;
}

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 4px;
}

.ui-autocomplete {
  z-index: 1000 !important;
}

/* #ui-id-chattype.ui-autocomplete.ui-widget-content {
  border-radius: 0px !important;
  z-index: 1000 !important;
  top: -400px !important;
  height: 200px;
  overflow-y: auto;
  border: solid 1px #ccc;
  border-left: none;
  width: 55% !important;
  padding: 10px 20px;
} */
.ui-menu .ui-menu-item {
  list-style: none;
  margin-top: 5px;
  margin-bottom: 5px;
  cursor: pointer;
}

.ui-menu .ui-menu-item a {
  background-color: #fff;
  color: #495057;
  font-size: 11px;
  margin-top: 5px;
  border-radius: 0px;
}

.ui-menu-item a.ui-state-focus {
  background: #1b84e7;
  color: #fff;
  border-color: #1b84e7;
  margin-top: 5px;
  border-radius: 0px;
}

.textbxautocom {
  overflow: hidden;
}

.nav-sub-social .fa-facebook-official {
  color: #3b5998;
}
.nav-sub-social .fa-twitter {
  color: #1da1f2;
}

/*Autocomplete start here */
.frmnametxt {
  display: flex;
  align-items: center;
}

.frmidntwrp {
  display: flex;
  flex-direction: column;
}

.frmnamenme {
  font-size: 12px;
  color: #1b84e7;
  word-break: break-word;
  font-weight: 500;
}

/*Error Pages style start here*/
.errmaincontainer {
  height: 100vh;
  display: flex;
  flex-direction: column;
}
.errmaincontainer .errcontwrp {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.errmaincontainer .errcontwrp .err-title {
  font-family: "Roboto", sans-serif;
  font-size: 48px;
  color: #343a40;
  font-weight: 300;
}
.errmaincontainer .errcontwrp .errdestxt {
  font-size: 21px;
  color: #343a40;
  font-weight: 200;
}

.creditalertblink {
  font-size: 20px;
  color: #dc3545;
  cursor: pointer;
  animation: blink 1s steps(5, start) infinite;
}

@keyframes blink {
  to {
    visibility: hidden;
  }
}
/*Error Pages style start here*/
.srchrulewrp {
  min-width: 400px;
}

/*Segment Builder Start here*/
.segtoptabwrp {
  background-color: #fff;
  padding: 10px 10px 10px 0px;
  border: solid 1px #ced4da;
  margin-top: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.seggroupnamwrp {
  display: flex;
  align-items: center;
  width: 200px;
  margin-left: 10px;
  margin-bottom: 5px;
}
.seggroupnamwrp .form-control:disabled {
  background-color: transparent;
  font-size: 16px;
  color: #495057;
  border: none;
  font-weight: 700;
}
.seggroupnamwrp .fa-pencil {
  cursor: pointer;
  font-size: 16px;
}
.seggroupnamwrp .fa-check {
  color: #23bf08;
  font-size: 18px;
  cursor: pointer;
}

.seggroupdescrpwrp {
  display: flex;
  align-items: center;
  width: 200px;
  margin-left: 10px;
}
.seggroupdescrpwrp .form-control:disabled {
  background-color: transparent;
  font-size: 13px;
  color: #e83e8c;
  border: none;
  font-weight: 400;
}
.seggroupdescrpwrp .fa-pencil {
  cursor: pointer;
  font-size: 16px;
}
.seggroupdescrpwrp .fa-check {
  color: #23bf08;
  font-size: 18px;
  cursor: pointer;
}

.segserchmicwrp {
  position: relative;
  width: 400px;
  margin-right: 10px;
  text-align: right;
}
.segserchmicwrp .form-control {
  height: 40px;
  text-indent: 15px;
}
.segserchmicwrp .fa-microphone {
  font-size: 22px;
  cursor: pointer;
  color: #495057;
}
.segserchmicwrp .fa-microphone:hover {
  color: #1b84e7;
}
.segserchmicwrp .fa-microphone.mic-post {
  position: absolute;
  right: 20px;
  top: 8px;
}
.segserchmicwrp .fa-microphone.active {
  color: #1b84e7;
}

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

.segcontbtnwrp p {
  margin-bottom: 0;
  font-size: 14px;
  color: #495057;
  line-height: 22px;
}

.container-page-footer {
  height: 70px;
  /*  border-bottom: solid 1px #ced4da;
  border-left: solid 1px #ced4da;
  border-right: solid 1px #ced4da; */
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
}

.box-litgrey {
  background-color: #f0f5f9;
  padding: 10px;
  border: solid 1px #d4dee6;
}
.box-litgrey .form-group {
  margin-bottom: 0;
}
.box-litgrey .btn-transcol {
  font-size: 12px;
  color: #495057;
  margin-bottom: 0;
  padding-top: 15px;
  text-decoration: underline;
  cursor: pointer;
  background-color: transparent;
}

.segconditfldwrp {
  background-color: #fff;
  padding: 10px;
}

.segconditappndwrp {
  background-color: #fff;
  padding: 10px 15px;
  display: flex;
  align-items: center;
  margin-top: 10px;
}

.segandorwrp {
  width: 9%;
}

.btn-andor {
  background-color: #e9ecef;
  font-size: 12px;
  color: #495057;
  border-color: #d8dce0;
  margin-left: -4px;
  padding: 5px 12px;
}
.btn-andor.active {
  background-color: #1b84e7;
  color: #fff;
}

.segconditdetwrp {
  margin-left: 10px;
  width: 22%;
}

.segconditnamwrp {
  margin-left: 10px;
  width: 22%;
}

.segconditiswrp {
  margin-left: 10px;
  width: 22%;
}

.segcondittxtbxwrp {
  margin-left: 10px;
  width: 20%;
}

.segcondfldclse {
  width: 2%;
  font-size: 20px;
  text-align: right;
  color: #dc3545;
  cursor: pointer;
}

.segaddnewgrpbtnwrp {
  display: flex;
  align-items: center;
  justify-content: center;
}
.segaddnewgrpbtnwrp .segbrdbtnwrp {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.segaddnewgrpbtnwrp .segbrdbtnwrp .segbrdwid {
  height: 50px;
  width: 1px;
  background-color: #ced4da;
}

.segsavebtnwrp {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 50px;
  background-color: #fff;
  border-left: solid 1px #ced4da;
  border-right: solid 1px #ced4da;
  border-bottom: solid 1px #ced4da;
  padding-right: 15px;
}

.segandorvertiwrp {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.segandorvertiwrp .seghitevert {
  height: 40px;
  width: 1px;
  background-color: #ced4da;
}

.segcondimainclse {
  position: absolute;
  top: -10px;
  right: -10px;
  background-color: #dc3545;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  cursor: pointer;
}
.segcondimainclse .ion-android-close {
  color: #fff;
}

.segaligncent {
  display: flex;
  align-items: center;
  justify-content: center;
}

.onetimedatabasewrap .form-control {
  height: 34px;
}

/*Segment Builder Start here*/
.wid-80 {
  width: 80%;
}

.wid-90 {
  width: 90%;
}

.selectdrpdwnbrdcol {
  border: solid 1px #ccc !important;
  color: #ccc !important;
}

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

.topnav-menu-right .dropdown-c .dropdown-menu a:first-child:hover {
  background-color: transparent;
}

.useraccnmetxt {
  display: flex;
  flex-direction: column;
  padding: 10px;
}
.useraccnmetxt:hover {
  background-color: transparent;
}
.useraccnmetxt p {
  margin: 0;
  font-size: 13px;
  color: #495057;
  word-break: break-all;
}
.useraccnmetxt p a:hover {
  background-color: transparent;
}
.useraccnmetxt p:nth-child(1) a {
  font-weight: 700;
}
.useraccnmetxt p:nth-child(2) a {
  color: #343a40;
}

.weeklyrepicn,
.fornitrepicn,
.monthlyrepicn,
.quartrepicn {
  font-size: 14px !important;
  color: #495057 !important;
  margin-left: 10px;
  cursor: pointer;
}

.dashinfotip {
  font-size: 14px !important;
  color: #495057 !important;
  margin-left: 10px;
  cursor: pointer;
  position: relative;
}

.dashtooltipwrp {
  width: 300px;
  height: auto;
  position: absolute;
  top: 30px;
  left: -160px;
  background-color: #fff;
  border: solid 1px #ced4da;
  z-index: 1;
  display: none;
}
.dashtooltipwrp .dashtooltiptit {
  padding: 8px 20px;
  font-size: 13px;
  color: #495057;
  font-weight: 500 !important;
  border-bottom: solid 1px #ced4da;
  font-style: normal;
  text-transform: uppercase;
}
.dashtooltipwrp .dashtooltipbody {
  padding: 10px 20px;
  font-size: 13px;
  color: #495057;
  font-weight: 300 !important;
  border-bottom: solid 1px #ced4da;
  font-style: normal;
}

.dashinfotip:hover .dashtooltipwrp {
  display: block;
}

.viewreminddate:hover .dashtooltipwrp {
  display: block;
}

.unknown-flag {
  display: inline-block;
  position: relative;
  width: 16px;
  height: 11px;
  background: url(../images/unknown.png) no-repeat;
}

.pageanalyislink {
  width: 300px;
  margin-left: 15px;
}

.close {
  line-height: 10px;
}

.pageanalyUrlwrp {
  width: 60%;
}

.pageanalbtn {
  position: absolute;
  top: 0px;
  right: 0px;
}

.chatcondiwrp {
  width: 100%;
}

.chatcondiwrp label {
  font-size: 13px;
  font-family: "Roboto", sans-serif;
  padding-top: 3px;
  color: #495057;
  font-weight: 300;
}

.chatrepreschktitwrp {
  background-color: #fdfeff;
  height: 40px;
  display: flex;
  align-items: center;
  padding-left: 20px;
  border: solid 1px #ccc;
}

.chatrepreschktitwrp label,
.chatrepreschcksel label {
  font-size: 13px;
  font-family: "Roboto", sans-serif;
  padding-top: 3px;
  color: #495057;
  font-weight: 300;
}

.chatresoptwrp {
  display: flex;
  border: solid 1px #ccc;
  padding: 20px;
}

.fiftperc {
  width: 50%;
}

.tirtyperc {
  width: 30%;
}

.chatimgban {
  width: 200px;
  height: 200px;
  cursor: pointer;
}
.chatimgban img {
  width: 100%;
  height: 100%;
}

.chatpdfimgban {
  width: 200px;
  height: 170px;
  cursor: pointer;
}
.chatpdfimgban img {
  width: 100%;
  height: 100%;
}

.clkstrmtit {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.macidwrp {
  display: flex;
  align-items: center;
  width: 30%;
}

.sendsmspopvr,
.calluserpopvr,
.sendmailpopvr, .sendwhatsapppopvr {
  color: #1b84e7;
  cursor: pointer;
}

.chatPicdescrp {
  background-color: #fff !important;
  color: #343a40 !important;
  font-size: 13px !important;
  border-left: solid 1px #ced4da;
  border-right: solid 1px #ced4da;
  border-bottom: solid 1px #ced4da;
  font-weight: 600;
  overflow: hidden;
  width: 200px;
}

.chatbangalwrp {
  width: 100%;
  height: 200px;
  background-color: #e9ecef;
  border: solid 1px #ced4da;
  position: relative;
}
.chatbangalwrp img {
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.chatbancaptwrp {
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 10px;
  background-color: rgba(0, 0, 0, 0.4);
  width: 100%;
  font-size: 14px;
  color: #fff;
}

.chatimgbanprevwrp {
  display: flex;
  align-items: center;
  justify-content: center;
}
.chatimgbanprevwrp .chatimgbanprevitem {
  width: 300px;
  height: 100px;
  border: solid 1px #ced4da;
  background-color: #e9ecef;
  display: flex;
  align-items: center;
  justify-content: center;
}
.chatimgbanprevwrp .chatimgbanprevitem img {
  width: 100%;
  height: 100%;
}

.chatimgbanprevImg {
  width: 200px;
  height: 200px;
  border: solid 1px #ced4da;
}
.chatimgbanprevImg img {
  width: 100%;
  height: 100%;
}

.chatbandelwrp {
  width: 100px;
  height: 100px;
  border: solid 1px #ced4da;
  margin: 0 auto;
  margin-bottom: 20px;
}
.chatbandelwrp img {
  width: 100%;
  height: 100%;
}

.gallry-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.gall-col-4,
.gall-col-lmob-6,
.gall-col-pmob-12 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.gall-col-4 {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.chatonlineurl {
  display: flex;
  align-items: center;
}

.text-color {
  color: #495057;
}

/*Left popup tab start here*/
.lftpopuptab {
  display: flex;
  align-items: center;
  padding: 15px 0 0;
}
.lftpopuptab .lftpopuptabitem {
  padding: 6px 15px;
  background-color: #fff;
  border: solid 1px #ced4da;
  border-bottom: none;
  margin-right: 10px;
  cursor: pointer;
  font-size: 13px;
  color: #495057;
}
.lftpopuptab .lftpopuptabitem.active {
  border-color: #1b84e7;
  background-color: #1b84e7;
  color: #fff;
}

.lftpopupcont {
  background-color: #fff;
  border: solid 1px #ced4da;
}

.viewreminddate {
  font-size: 11px;
  color: #1b84e7;
  cursor: pointer;
  position: relative;
}
.viewreminddate .dashtooltipbody p b {
  font-weight: 600;
  font-size: 12px;
}

.table.manageContacts > tbody > tr:nth-child(1) > td:last-child > .viewreminddate:hover .dashtooltipwrp {
  top: 30px !important;
}

.table.manageContacts > tbody > tr:nth-child(2) > td:last-child > .viewreminddate:hover .dashtooltipwrp {
  top: 30px !important;
}

.table.manageContacts > tbody > tr:nth-last-child(3) > td:last-child > .viewreminddate:hover .dashtooltipwrp,
.table.manageContacts > tbody > tr:nth-last-child(2) > td:last-child > .viewreminddate:hover .dashtooltipwrp,
.table.manageContacts > tbody > tr:last-child > td:last-child > .viewreminddate:hover .dashtooltipwrp {
  top: -120px;
}

/*Left popup tab start here*/
.badge {
  font-weight: 500;
  padding: 5px 10px;
  border-radius: 20px;
}

.attrhead {
  border-bottom: solid 1px #ced4da;
  text-align: center;
  padding: 10px 0;
  font-size: 11px;
  color: #495057;
  text-transform: uppercase;
  margin: 0;
}

.attrbarhead {
  font-size: 13px;
  color: #495057;
  margin-bottom: 0;
}

.attrmoddecrpt {
  font-size: 12px;
  color: #495057;
}

.lmsmastfiltreset .fa-times {
  color: #fff;
}

.clsabste {
  position: absolute;
  top: 5px;
  right: -4px;
  color: #dc3545;
}

.strtimpinfo {
  color: #6c757d;
  cursor: pointer;
  margin-left: 5px;
  font-weight: 700;
}

.text-purple {
  color: #4662d4 !important;
}

.subtabcontent table {
  border-bottom: none !important;
  margin-bottom: 0 !important;
}

.pgeurldel {
  cursor: pointer;
  font-size: 20px;
  color: #dc3545;
}

#addactiontable table tr td:last-child {
  border-bottom: none !important;
}

.actionhistwrap {
  overflow-x: auto;
  border-top: solid 1px #ced4da;
  display: flex;
  flex-wrap: nowrap;
}

.actionitemwrp .actionhorilinewrp:first-child {
  display: none;
}

.actionitemwrp {
  margin: 30px 20px;
  display: flex;
  flex-wrap: nowrap;
}

.actionitem {
  width: 280px;
  height: 240px;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-grow: 1;
}
.actionitem .actiontxtwrp {
  border: solid 1px #ced4da;
  width: 100%;
}
.actionitem .actiontxtwrp .actiontitle {
  font-size: 13px;
  color: #495057;
  font-weight: 700;
  padding: 10px;
  margin-bottom: 0;
}
.actionitem .actiontxtwrp .actiontitle span {
  font-weight: 400;
}
.actionitem .actiontxtwrp .actvalutxt {
  font-size: 13px;
  color: #495057;
  font-weight: 700;
  padding: 8px;
  margin-bottom: 0;
}
.actionitem .actiontxtwrp .actvalutxt span {
  font-weight: 400;
}
.actionitem .actiontxtwrp .actvaltxtcont {
  width: 200px;
  font-size: 12px;
  color: #495057;
}
.actionitem .actiontxtwrp .actionvalnum {
  font-size: 20px;
  color: #495057;
  text-align: center;
  margin-bottom: 0;
  padding: 10px 0;
  font-weight: 700;
}
.actionitem .actionline {
  width: 2px;
  height: 60px;
  background-color: #1b84e7;
  position: relative;
}
.actionitem .actionline::before {
  content: "";
  position: absolute;
  top: 41%;
  right: -4px;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #1b84e7;
  box-shadow: 0 0 0 4px #fefefe;
}
.actionitem .scoretxt {
  width: 100px;
  height: 40px;
  border: solid 1px #ced4da;
  border-radius: 5px;
  font-size: 24px;
  color: #495057;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

.actionhorilinewrp {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 114px;
}
.actionhorilinewrp .actionhoriline {
  width: 80px;
  height: 2px;
  background-color: #1b84e7;
  position: relative;
}
.actionhorilinewrp .actionhoriline::after {
  content: "";
  position: absolute;
  top: -4px;
  left: 40%;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #1b84e7;
  box-shadow: 0 0 0 4px #fefefe;
}

.demodownmod {
  font-size: 24px;
  color: #495057;
  cursor: #495057;
  margin-right: 15px;
}

.r-10 {
  right: 10px !important;
}

.demograpsavewrp,
.behavioursavewrp {
  display: flex;
  align-items: center;
}

table#behavscoresettbl.table.tbl-td-ta-lft > tbody > tr:last-child > td,
table#demoscoresettbl.table.tbl-td-ta-lft > tbody > tr:last-child > td {
  border-bottom: none;
}

.badge-small {
  padding: 2px 10px;
  background-color: #f8f9fa;
  border: solid 1px #e5e6e7;
  font-size: 9px;
  color: #6c757d;
  margin-bottom: 5px;
  border-radius: 7px;
}

.quickfltwrp {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 10px 20px 10px 0;
  background-color: #f0f2f7;
  border-bottom: solid 1px #ced4da;
}

.ucpnamewrp {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ucpnamewrp .editucpname {
  cursor: pointer;
  font-size: 18px;
  color: #495057;
  margin-left: 10px;
}
.ucpnamewrp .ucpeditorwrp {
  position: absolute;
  top: 5px;
  background-color: #fff;
  width: 240px;
}
.ucpnamewrp .ucpeditorwrp .clseucpupdtwrp .ion-ios-checkmark-outline,
.ucpnamewrp .ucpeditorwrp .clseucpupdtwrp .ion-ios-close-outline {
  font-size: 18px;
  cursor: pointer;
}
.ucpnamewrp .ucpeditorwrp .clseucpupdtwrp .ion-ios-checkmark-outline {
  color: #23bf08;
  margin-left: 5px;
}
.ucpnamewrp .ucpeditorwrp .clseucpupdtwrp .ion-ios-close-outline {
  color: #dc3545;
}

.contcountWrap p {
  font-size: 12px;
  color: #495057;
}

.ftppsswrdinpt {
  width: 100%;
  border: 0;
}

.eyeftppsswrd {
  font-size: 18px;
  color: #495057;
  cursor: pointer;
  position: absolute;
  right: 0;
}

.spinnerftpwrp {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}

.ftpsuccesswrp,
.ftperrorwrp {
  display: flex;
  align-items: center;
  width: 100%;
}

.connectsucess {
  font-size: 16px;
  color: #23bf08;
  margin-bottom: 0;
  margin-left: 10px;
}

.connecterror {
  font-size: 16px;
  color: #dc3545;
  margin-bottom: 0;
  margin-left: 10px;
}

.imprtfilewrp {
  background-color: #ffffff;
}

.ftptblwrp {
  height: 200px;
  overflow-y: auto;
}

.btnerrormssgwrp {
  display: flex;
  align-items: center;
}

.noftpcontwrp {
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 22px;
}

.ftprootwrp {
  position: relative;
}
.ftprootwrp .form-control.inptftp {
  background-color: transparent;
  border: none;
}
.ftprootwrp .editftproot {
  position: absolute;
  top: 7px;
  right: 5px;
  cursor: pointer;
  background-color: #6f42c1;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 12px;
}
.ftprootwrp .clseftproot {
  position: absolute;
  top: 7px;
  right: 5px;
  cursor: pointer;
  background-color: #dc3545;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 12px;
}

.filesearchicn {
  position: absolute;
  top: 9px;
  right: 15px;
  color: #495057;
  cursor: pointer;
}

.inficon {
  color: #6c757d;
  font-size: 18px;
  cursor: pointer;
  padding-left: 10px;
}

/* .seldefltradiwrp {
  width: 25px;
  height: 25px;
  background-color: $verifiedSuc;
  border-radius: 50%;
  @include df-ac-jc();
} */
.seldefltradiwrp.checkicn {
  width: 25px;
  height: 25px;
  background-color: #23bf08;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.eventtrackwrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.eventtrackwrap span {
  color: #495057;
}
.eventtrackwrap i {
  font-size: 18px;
  color: #1b84e7;
  cursor: pointer;
}

.eventtrackwrapUCP {
  display: flex;
  flex-direction: column;
}
.eventtrackwrapUCP span {
  color: #495057;
}
.eventtrackwrapUCP i {
  font-size: 16px;
  color: #6c757d;
  cursor: pointer;
}
.eventtrackwrapUCP i:hover {
  color: #1b84e7;
}

.chatclsewrp {
  margin-left: 15px;
  cursor: pointer;
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.chatclsewrp i {
  margin: 0;
  color: #fff;
  font-size: 16px;
}
.chatclsewrp:hover {
  background-color: #fff;
}
.chatclsewrp:hover i {
  color: #495057;
}

.eventstatus i.ion-ios-checkmark-outline {
  color: #23bf08;
  font-size: 24px;
  cursor: pointer;
}
.eventstatus i.ion-ios-close-outline {
  color: #dc3545;
  font-size: 24px;
  cursor: pointer;
}

.notewrp {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(114, 147, 203, 0.3);
  padding: 5px;
  font-size: 11px;
  color: #0e53c9;
}

.notewrp p {
  margin-bottom: 0px;
  padding-left: 5px;
}

.logwrp {
  width: 90%;
  padding: 30px;
  margin-left: auto;
  margin-right: auto;
  background-color: rgba(188, 189, 189, 0.4);
  margin-top: 25px;
  margin-bottom: 25px;
  color: #495057;
}

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

.logwrp li {
  list-style-type: decimal;
  line-height: 24px;
}

.logwrp li span {
  font-weight: 700;
}

.btnwrp {
  margin-left: 30px;
  /* margin-bottom: 25px; */
  display: flex;
  align-items: center;
}

.btnwrp p {
  margin-bottom: 0;
  margin-left: 10px;
  color: #dc3545;
  font-weight: 700;
}

.openrep i {
  font-size: 18px;
  color: #495057;
  cursor: pointer;
}
.openrep i:hover {
  color: #1b84e7;
}

.custrange-slider {
  width: 100%;
  border: solid 1px #ced4da;
  position: relative;
  overflow: hidden;
}

.custrange-main {
  display: flex;
  font-family: sans-serif;
  width: 100%;
  height: 50px;
}

.custrange-slider-dragwrap {
  display: flex;
}

.cust-slider-a-wrap,
.cust-slider-b-wrap {
  width: 70px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: width 0.15s;
  will-change: width;
}

.cust-slider-a-wrap {
  background-color: rgba(27, 132, 231, 0.7);
  color: #fff;
}

.cust-slider-b-wrap {
  background-color: rgba(35, 191, 8, 0.7);
  color: #fff;
}

.cust-slider-a-tit,
.cust-slider-b-tit,
.cust-slider-win-a-tit {
  font-size: 14px;
  margin: 0;
  font-weight: 600;
  text-align: center;
}

.cust-slider-a-percent,
.cust-slider-b-percent {
  font-size: 14px;
  transition: 0.5s;
  margin-bottom: 0;
}

.cust-slider-a-count,
.cust-slider-b-count {
  font-size: 14px;
  padding: 0px 0 10px;
}

.custrange-slider-thumb {
  width: 10px;
  border-right: solid 1px #ced4da;
  border-left: none;
  border-top: none;
  border-bottom: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.custrange-slider-handle {
  width: 4px;
  height: 20px;
  background-color: #b1afaf;
  border-radius: 5px;
}

.cust-slider-winner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 310px;
  color: #495057;
}

.cust-slider-win-percent {
  margin-bottom: 0;
}

.custrange__input {
  -webkit-appearance: none;
  background: rgba(255, 255, 205, 0);
  display: block;
  height: 100%;
  /* transform: translateY(-100%); */
  position: absolute;
  top: 0;
  margin-left: 140px;
  width: 170px;
}

.custrange__input:focus {
  outline: 0;
}

.custrange__input::-webkit-slider-thumb {
  -webkit-appearance: none;
  background: 0 0;
  cursor: ew-resize;
  height: 6.125rem;
  margin-left: 0.0625rem;
  margin-top: -3.0625rem;
  width: 0.875rem;
}

.custrange__input::-moz-range-thumb {
  background: 0 0;
  border: 1px solid transparent;
  border-radius: 0;
  cursor: ew-resize;
  height: 6.125rem;
  transform: translateX(5%);
  width: 0.875rem;
}

.custrange__input::-ms-thumb {
  background: 0 0;
  border: 1px solid transparent;
  border-radius: 0;
  height: 6.125rem;
  /* transform: translateX(5%); */
  width: 0.875rem;
}

.custrange__input::-webkit-slider-runnable-track {
  background: 0 0;
  cursor: pointer;
  height: 0;
  width: 100%;
}

.custrange__input:focus::-webkit-slider-runnable-track {
  background: 0 0;
}

.custrange__input::-moz-range-track {
  background: 0 0;
  cursor: pointer;
  height: 0;
  width: 100%;
}

.custrange__input:focus::-moz-range-track {
  background: 0 0;
}

.custrange__input::-ms-track {
  background: 0 0;
  cursor: pointer;
  height: 0;
  width: 100%;
}

.custrange__input::-ms-fill-lower {
  background: 0 0;
}

.custrange__input:focus::-ms-fill-lower {
  background: 0 0;
}

.custrange__input::-ms-fill-upper {
  background: 0 0;
}

.custrange__input:focus::-ms-fill-upper {
  background: 0 0;
}

.moredataDiv {
  width: 20px;
  height: 20px;
  background-color: #fff;
  border: solid 1px #495057;
  margin-right: 10px;
  border-radius: 50%;
  cursor: pointer;
}
.moredataDiv i {
  margin: 0 !important;
  font-size: 14px;
  color: #495057;
}
.moredataDiv:hover {
  background-color: #1b84e7;
  color: #fff;
  border: none;
}
.moredataDiv:hover i {
  color: #fff;
}
.moredataDiv.active {
  background-color: #1b84e7;
  border: none;
}
.moredataDiv.active i {
  color: #fff;
}

.winnerwrp {
  cursor: pointer;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #f49917;
  color: #fff;
  margin-left: 10px;
  position: absolute;
  right: 0;
  top: 0;
}
.winnerwrp i {
  margin-top: -2px;
}
.winnerwrp.badge-small {
  border-radius: 0 !important;
  padding: 2px 5px;
}

.abdrawwrp {
  cursor: pointer;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #343a40;
  color: #fff;
  margin-left: 10px;
  position: absolute;
  right: 0;
  top: 0;
}
.abdrawwrp i {
  margin-top: -2px;
}
.abdrawwrp.badge-small {
  border-radius: 0 !important;
  padding: 2px 5px;
}

.addwebhoodwrp {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  margin-bottom: 20px;
}

.editwebhookwrp, .delwebhookwrp {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin: 0 auto;
}

.editwebhookwrp:hover, .delwebhookwrp:hover {
  background-color: #f8f9fa;
  border-radius: 50%;
  border: solid 1px #ced4da;
}

.editwebhook, .delwebhook {
  font-size: 16px;
  margin-right: 0px;
}

.df-ac-jc {
  display: flex;
  align-items: center;
  justify-content: center;
}

.no-data-start {
  background-color: #f8f9fa;
  border: solid 1px #ced4da;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 200px;
  color: #495057;
  font-size: 12px;
}

/*WhatsApp start here*/
.whatsapp-bg {
  background-image: url("../images/whatsapp-bg.jpg");
}

.whatsappprevwrp {
  width: calc(100% - 35px);
  margin: 0 auto;
  margin-top: 20px;
}
.whatsappprevwrp .whatsappbox-white {
  background-color: #fff;
  position: relative;
  padding: 10px;
}
.whatsappprevwrp .whatsappbox-white::before {
  content: "";
  border: 5px solid #fff;
  border-color: #fff transparent transparent;
  position: absolute;
  left: -5px;
  top: 0;
}
.whatsappprevwrp .whatsappbox-white h3 {
  font-size: 14px;
  color: #495057;
  font-weight: 600;
  padding: 10px 0;
}
.whatsappprevwrp .whatsappbox-white p {
  font-size: 13px;
  color: #495057;
  margin-bottom: 0px;
  white-space: pre-wrap;
}
.whatsappprevwrp .whatsappbox-white p.no-space {
  font-size: 13px;
  color: #495057;
  margin-bottom: 0px;
  white-space: inherit;
}
.whatsappprevwrp .whatsappbox-white .whatsappimgwrp {
  width: 100%;
  height: 130px;
  background-color: #6c757d;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.whatsappprevwrp .whatsappbox-white .whatsappimgwrp img.whatsappban {
  width: 100%;
  height: 100%;
  display: block;
}
.whatsappprevwrp .btnwhatsappwrp {
  margin-top: 10px;
}
.whatsappprevwrp .btnwhatsappwrp .btnwhatsapp {
  background-color: #fff;
  border-radius: 10px;
  display: block;
  width: 100%;
  font-size: 14px;
  color: #1b84e7;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.whatsappprevwrp .btnwhatsappwrp .btnwhatsapp i {
  margin-right: 10px;
}

.whatsappprevwrp.previewshow {
  width: 95%;
}

.whatsappuserattrmain {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.whatsappuserattrmain .ion-ios-close-outline {
  font-size: 24px;
  cursor: pointer;
}

.smsprevwrap.prevwhatsapp {
  cursor: pointer;
}

.whatsuserattrwrp {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.whatsuserattrwrp .userattrvar {
  font-size: 13px;
  color: #495057;
}
.whatsuserattrwrp:last-child {
  margin-bottom: 0;
}

.phoneverified {
  color: #23bf08;
}

.phonenotverified {
  color: #dc3545;
}

.codewithphone {
  width: 100%;
}
.codewithphone .iti {
  width: 100%;
}

.whatsuserartribwrp {
  position: absolute;
  top: 5px;
  right: 12px;
}
.whatsuserartribwrp .ion-android-person {
  font-size: 16px;
  color: #4662d4;
  cursor: pointer;
}

/* Custom Events*/
.nameTxtWrap.custeventname {
  display: flex;
  align-items: center;
}

.treeviewwrap {
  width: 100%;
}
.treeviewwrap .topline {
  width: 2px;
  height: 50px;
  background-color: #ced4da;
}
.treeviewwrap .itemwrap {
  width: 100%;
  border-left: 2px solid #ced4da;
  height: 75px;
  display: flex;
  align-items: center;
}
.treeviewwrap .itemwrap .borderhoriz {
  width: 25px;
  height: 2px;
  background-color: #ced4da;
  position: relative;
}
.treeviewwrap .itemwrap .borderhoriz::after {
  content: "";
  position: absolute;
  top: -4px;
  right: -12px;
  width: 10px;
  height: 10px;
  background-color: #4662d4;
  border-radius: 50%;
  border: solid 2px #fff;
  box-shadow: 2px 2px 6px #6e6c6c;
}
.treeviewwrap .itemwrap .itemname, .treeviewwrap .itemwrap .itemtype {
  margin-left: 20px;
  background-color: #fff;
  margin-right: 15px;
  padding: 8px 15px;
  border-radius: 20px;
  font-size: 12px;
  color: #495057;
  box-shadow: 2px 2px 7px #dde0e5;
  width: 180px;
  text-align: center;
  line-height: 20px;
}
.treeviewwrap .itemwrap .itemtype {
  width: 100px;
}

.box-sub-title {
  font-size: 13px;
  color: #495057;
  padding-left: 20px;
  padding-bottom: 20px;
}

.sendcustwrap {
  width: 75%;
  padding-top: 40px;
  padding-left: 40px;
  height: 60vh;
}
.sendcustwrap .bg-track {
  background-color: #e9ecef;
  margin-bottom: 40px;
  padding: 40px;
  position: relative;
}
.sendcustwrap .bg-track code {
  font-size: 14px;
  color: #495057;
}
.sendcustwrap .bg-track code span {
  color: #1b84e7;
}
.sendcustwrap .bg-track .copyicon {
  position: absolute;
  top: 40px;
  right: 40px;
}
.sendcustwrap .bg-track .copyicon i {
  font-size: 24px;
  color: #495057;
  cursor: pointer;
}

.customuplddatawrp {
  width: 100%;
  height: 100%;
  padding: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.customuplddatawrp .custeventtblwrp {
  width: 70%;
}

.mapcustdatacolWrap {
  width: 100%;
  margin: auto;
}
.mapcustdatacolWrap table td {
  text-align: left;
}

.popuptitle.bg-primary h6, .popuptitle.bg-primary small, .popuptitle.bg-primary .ion-close {
  color: #fff;
}

.addtocartwrp table td {
  text-align: left;
  width: 50%;
}
.addtocartwrp table td:first-child {
  font-weight: 700;
}

.remvecusteventrepfild {
  position: absolute;
  bottom: 60px;
  right: -4px;
}

/* Custom Events*/
/*Dropdown tabs start here*/
.dropdwntabwrap {
  width: 240px;
}
.dropdwntabwrap .dropdwntabitem {
  display: flex;
  align-items: center;
}
.dropdwntabwrap .dropdwntabitem .dropdwntabs, .dropdwntabwrap .dropdwntabitem .dropdwntabs1 {
  font-size: 13px;
  color: #495057;
  padding: 6px 10px;
  background-color: #e9ecef;
  width: 50%;
  text-align: center;
  cursor: pointer;
}
.dropdwntabwrap .dropdwntabitem .dropdwntabs.active, .dropdwntabwrap .dropdwntabitem .dropdwntabs1.active {
  background-color: #4662d4;
  color: #fff;
}
.dropdwntabwrap .dropdwntabcontwrap .userattribwrap, .dropdwntabwrap .dropdwntabcontwrap .userattribwrap1 {
  padding: 10px 10px 20px;
}
.dropdwntabwrap .dropdwntabcontwrap .userattribwrap .dropdown-title, .dropdwntabwrap .dropdwntabcontwrap .userattribwrap1 .dropdown-title {
  background-color: transparent;
  padding-top: 10px;
}

/*Dropdown tabs start here*/
/*Api import Response */
.setfrmrulewrp {
  width: 98%;
  background-color: #ffffff;
  position: fixed;
  top: 10px;
  left: 0;
  right: 0;
  bottom: 30px;
  padding-bottom: 30px;
  z-index: 100;
  margin: 0 auto;
  box-shadow: 0px 3px 8px #7c7979;
  overflow: hidden;
}
.setfrmrulewrp .setfrmrulecontwrp {
  padding: 30px 20px 0 20px;
  height: 470px;
  overflow-y: scroll;
}
.setfrmrulewrp .setfrmrulecontwrp .frmrespsetwrp {
  width: 100%;
  margin-top: 15px;
}
.setfrmrulewrp .setfrmrulecontwrp .frmrespsetwrp .frmrepreschktitwrp {
  background-color: #fdfeff;
  height: 40px;
  display: flex;
  align-items: center;
  padding-left: 20px;
  border: solid 1px #ccc;
}
.setfrmrulewrp .setfrmrulecontwrp .frmrespsetwrp .frmrepreschktitwrp label,
.setfrmrulewrp .setfrmrulecontwrp .frmrespsetwrp .frmrepreschcksel label {
  font-size: 13px;
  font-family: "Roboto", sans-serif;
  padding-top: 3px;
  color: #495057;
  font-weight: 300;
}
.setfrmrulewrp .setfrmrulecontwrp .frmrespsetwrp .frmresoptwrp {
  display: flex;
  flex-direction: column;
  border: solid 1px #ccc;
  padding: 20px;
}
.setfrmrulewrp .setfrmrulecontwrp .frmrespsetwrp .frmresoptwrp .frmcondiwrp {
  width: 100%;
}
.setfrmrulewrp .setfrmrulecontwrp .frmrespsetwrp .frmresoptwrp .frmcondiwrp label {
  font-size: 13px;
  font-family: "Roboto", sans-serif;
  padding-top: 3px;
  color: #495057;
  font-weight: 300;
}
.setfrmrulewrp .addapiformwrp {
  padding: 20px;
  border-bottom: solid 1px #ced4da;
  width: 100%;
  display: flex;
  justify-content: center;
}

.dsk-50-mob-100 {
  width: 50%;
}

.responsetitlewrp {
  background-color: #f8f9fa;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  padding: 0 20px;
  border-bottom: 1px solid #e9ecef;
}
.responsetitlewrp h6 {
  margin: 0;
  color: #495057;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
}
.responsetitlewrp #close-response.ion-close {
  cursor: pointer;
  color: #dc3545;
}

#clear-apitext.ion-close {
  position: absolute;
  right: 30px;
  top: 8px;
  cursor: pointer;
  color: #495057;
}

.lastupdateseg {
  position: absolute;
  top: 5px;
  right: 25px;
  margin-bottom: 20px;
}
.lastupdateseg p {
  margin: 0;
}

/*Api import Response */
.iconsWrap a.btn-primary i {
  font-size: 12px;
  color: #fff;
  margin-left: 5px;
  margin-right: 0;
}

/*Revenue start here*/
.revenuecur {
  font-size: 26px;
  color: #6c757d;
  font-weight: 600;
}

.channeltab {
  cursor: pointer;
}
.channeltab.active div {
  background-color: #1b84e7 !important;
  border: solid 1px #1b84e7;
}
.channeltab.active div h2, .channeltab.active div h6 {
  color: #fff;
}

.table-responsive.min-h-50 {
  min-height: 50px !important;
}

.revsetttop {
  border-bottom: solid 1px #ced4da;
  padding: 10px 0px 10px 30px;
}
.revsetttop h2 {
  line-height: 24px;
  text-transform: none;
}

.currencywrp {
  width: 400px;
  margin-top: 30px;
  padding-left: 30px;
}

.currencymappwrap {
  width: 650px;
  margin-left: 30px;
  margin-top: 30px;
}
.currencymappwrap .currencyitemwrp {
  display: flex;
  align-items: center;
}
.currencymappwrap .currencyitemwrp .closerevenuemapp {
  font-size: 2rem;
  margin-left: 15px;
  margin-top: 15px;
  cursor: pointer;
}

.revenueiconsWrap {
  display: flex;
  align-items: center;
}

/*Revenue End here*/
/*Campaigns Overview*/
.campengagwrap {
  display: flex;
  flex-direction: column;
}
.campengagwrap .delivrdrate {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.campengagwrap .delivrdrate p {
  color: #23bf08;
  font-weight: 600;
  margin-bottom: 0;
  margin-left: 10px;
}
.campengagwrap .openedrate {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.campengagwrap .openedrate p {
  color: #4662d4;
  font-weight: 600;
  margin-bottom: 0;
  margin-left: 10px;
}
.campengagwrap .clickrate {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.campengagwrap .clickrate p {
  color: #1b84e7;
  font-weight: 600;
  margin-bottom: 0;
  margin-left: 10px;
}

.campperformwrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.campperformwrap .campperfrmitem {
  width: 29%;
  height: 50px;
  margin-left: 5px;
  margin-right: 5px;
  background-color: #e9ecef;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  margin-bottom: 10px;
}
.campperformwrap .campperfrmitem p {
  margin-bottom: 0;
  color: #495057;
  font-weight: 600;
}

.campoverallcountwrap {
  display: flex;
}
.campoverallcountwrap .totalcampwrap {
  margin-right: 5px;
  background-color: #fff;
  padding: 8px 15px;
  text-align: center;
}
.campoverallcountwrap .totalcampwrap p {
  margin-bottom: -3px;
  font-weight: 700;
}
.campoverallcountwrap .totalcampwrap small {
  margin-top: -5px;
}

.totalcampwrap:nth-child(1) {
  border-bottom: 2px solid #1b84e7;
}

.totalcampwrap:nth-child(2) {
  border-bottom: 2px solid #23bf08;
}

.totalcampwrap:nth-child(3) {
  border-bottom: 2px solid #4662d4;
}

.totalcampwrap:nth-child(4) {
  border-bottom: 2px solid #fec63f;
}

.totalcampwrap:nth-child(5) {
  border-bottom: 2px solid #dc3545;
}

.totalcampwrap:nth-child(6) {
  border-bottom: 2px solid #6c757d;
}

/*Campaigns Overview*/
/*Browser Notification Dropdown*/
.brwstemptabcontainer {
  width: 200px;
}

.nameTxtWrap.editicon {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.nameTxtWrap.editicon .fa-pencil-square-o {
  padding-left: 10px;
  cursor: pointer;
}

.gsheetjsonpagiwrap {
  width: 100%;
}
.gsheetjsonpagiwrap .pagiWrap {
  padding: 0;
}

.setcolumnwrap {
  display: flex;
  align-items: center;
  padding: 10px 10px 15px 15px;
  border-top: solid 1px #ced4da;
}
.setcolumnwrap p {
  margin-bottom: 0;
  font-size: 13px;
  color: #495057;
  padding-right: 20px;
}

.h-100vh {
  height: 100vh;
}

.h-90vh {
  height: 90vh;
}

.h-80vh {
  height: 80vh;
}

.h-75vh {
  height: 75vh;
}

.btn-light {
  font-size: 13px;
  font-weight: 300;
  color: #495057;
  border: solid 1px #ced4da;
}

.leadnotiftabwrap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}
.leadnotiftabwrap .leadnotiftabname.active {
  background-color: #1b84e7 !important;
  border: none !important;
  color: #fff !important;
}

.leadnofittabcont {
  width: 100%;
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.leadnofittabcont .tabcontprevwrap {
  width: 450px;
}

/*Lead Reports start here*/
.lmsreportwrapper {
  width: 100%;
}
.lmsreportwrapper .manageContacts td {
  max-width: 150px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.lmsreportwrapper .manageContacts td a {
  color: #495057;
}
.lmsreportwrapper .manageContacts td a:hover {
  color: #1b84e7;
}

.td-wid-100px {
  min-width: 100px;
}

.td-wid-150px {
  min-width: 150px;
}

.td-wid-190px {
  min-width: 190px;
}

.td-wid-220px {
  min-width: 220px;
}

.td-wid-250px {
  min-width: 250px;
}

.lmsreportwid {
  width: 80%;
}

/*Lead Reports end here*/
/*New LMS Dashboard start here */
.small-box-title {
  font-size: 12px;
  color: #495057;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.lmscountwrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.lmscountwrap h2 {
  font-size: 24px;
}
.lmscountwrap .fa-caret-up {
  color: #23bf08;
}
.lmscountwrap .fa-caret-down {
  color: #dc3545;
}
.lmscountwrap small {
  color: #6c757d;
}

.small-box-bg-col-pur {
  background-color: #977afe;
}

.small-box-bg-col-pink {
  background-color: #ff93d5;
}

.small-box-bg-col-yellow {
  background-color: #fec63f;
}

.small-box-trans {
  border: none;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100px;
  padding: 0 15px;
}
.small-box-trans h6 {
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
  padding-top: 10px;
}

.heirarchymenuwrp {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 15px;
  border-bottom: solid 1px #ced4da;
  margin-bottom: 20px;
}
.heirarchymenuwrp h6 {
  margin: 0;
  font-size: 13px;
  color: #495057;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.heirarchymenuwrp .ion-ios-close-outline {
  font-size: 24px;
  color: #dc3545;
  cursor: pointer;
}

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

.usernamewrap {
  display: flex;
}
.usernamewrap .sitemapwrp {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-color: #fff;
  border: solid 1px #ced4da;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-right: 10px;
}
.usernamewrap .sitemapwrp .fa-sitemap {
  font-size: 16px;
  color: #4662d4;
}

.pt-pb-5px {
  padding-top: 5px;
  padding-bottom: 5px;
}

.header-sticky {
  position: sticky !important;
  top: 0;
  z-index: 10;
  left: 0;
}

.column-sticky {
  position: sticky !important;
  left: 0;
  z-index: 2;
  background-color: #fff;
  border-bottom: solid 1px #ced4da;
}

.activeBgRow .column-sticky {
  background-color: #bbd9f5 !important;
}

.header-sticky.head-2-sticky {
  left: 40px;
}

.header-sticky.head-3-sticky {
  left: 138px;
}

.header-sticky.head-4-sticky {
  left: 385px;
}

.column-sticky.col-2-sticky {
  left: 40px;
}

.column-sticky.col-3-sticky {
  left: 138px;
}

.column-sticky.col-4-sticky {
  left: 385px;
}

.srchlmswrap {
  width: 25px;
  height: 25px;
  background-color: transparent;
  position: absolute;
  top: 2px;
  right: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.srchlmswrap .lmsserchicon {
  font-size: 18px;
  color: #1b84e7;
  cursor: pointer;
}
.srchlmswrap:hover {
  background-color: #dcdcdc;
}
.srchlmswrap:hover .lmsserchicon {
  color: #495057;
}

.serchinputboxlms {
  position: absolute;
  top: 0;
  right: 0;
}

.lmssearchbyname {
  margin-right: 10px;
}

.closeserchbynamelms {
  display: none;
}

.completedfollowup span {
  background-color: #1b84e7 !important;
}
.completedfollowup .fa-file-o {
  color: #fff;
  opacity: 0.5;
}
.completedfollowup .fa-check-square {
  position: absolute;
  top: 8px;
  left: 10px;
  cursor: pointer;
  color: #fff;
  font-size: 10px;
}

/*New LMS Dashboard start here */
/*Sticky Scroll bar*/
.sticky-hscroll {
  overflow-x: auto;
  z-index: 100;
}

.sticky-hscroll-scrollbar {
  z-index: 100;
}

#jquery-script-menu {
  position: absolute;
  height: 90px;
  width: 100%;
  top: 0;
  left: 0;
  border-top: 5px solid #316594;
  background: #fff;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16);
  z-index: 999999;
  padding: 10px 0;
  box-sizing: content-box;
}

.jquery-script-center {
  max-width: 960px;
  margin: 0 auto;
}

.jquery-script-center ul {
  width: 212px;
  float: left;
  line-height: 45px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.jquery-script-center a {
  text-decoration: none;
}

.jquery-script-ads {
  max-width: 728px;
  height: 90px;
  float: right;
}

.jquery-script-clear {
  clear: both;
  height: 0;
}

#carbonads {
  display: block;
  overflow: hidden;
  max-width: 728px;
  position: relative;
  font-size: 22px;
  box-sizing: content-box;
}

#carbonads > span {
  display: block;
}

#carbonads a {
  color: #4078c0;
  text-decoration: none;
}

#carbonads a:hover {
  color: #3664a3;
}

.carbon-wrap {
  display: flex;
  align-items: center;
}

.carbon-img {
  display: block;
  margin: 0;
  line-height: 1;
}

.carbon-img img {
  display: block;
  height: 90px;
  width: auto;
}

.carbon-text {
  display: block;
  padding: 0 1em;
  line-height: 1.35;
  text-align: left;
}

.carbon-poweredby {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 6px 10px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 600;
  font-size: 8px;
  border-top-left-radius: 4px;
  line-height: 1;
  color: #aaa !important;
}

@media only screen and (min-width: 320px) and (max-width: 759px) {
  .carbon-text {
    font-size: 14px;
  }
}
@media only screen and (max-width: 1023px) {
  .jquery-script-ads {
    display: none;
  }
}
/*Sticky Scroll bar*/
/*New Manage Leads with popup*/
.leadediticonwrp {
  display: flex;
  align-items: center;
  padding: 8px 0;
}
.leadediticonwrp span {
  width: 25px;
  height: 25px;
  background-color: #e9ecef;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  box-shadow: 0 2px 2px #ced4da;
  border: solid 1px #ced4da;
}
.leadediticonwrp span i {
  font-size: 14px;
  color: #495057;
  margin: 0;
}
.leadediticonwrp span:hover {
  background-color: #1b84e7;
}
.leadediticonwrp span:hover i {
  color: #fff;
}

.lmsedittabwrap {
  display: flex;
  align-items: center;
}
.lmsedittabwrap .lmsedittabitem {
  padding: 8px 15px;
  flex-grow: 1;
  color: #495057;
  font-size: 13px;
  background-color: #fff;
  text-align: center;
  cursor: pointer;
}
.lmsedittabwrap .lmsedittabitem.active {
  color: #fff;
  background-color: #4662d4;
}

/*New Manage Leads with popup*/
/*chat Flow start here*/
.chatflowchoosetempwrap {
  border: solid 1px #ced4da;
  box-shadow: 0 0 6px #cbccd1;
  padding: 10px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.chatflowchoosetempwrap p {
  margin: 0;
  font-size: 13px;
  color: #495057;
  text-transform: uppercase;
  font-weight: 500;
}
.chatflowchoosetempwrap i {
  padding-bottom: 10px;
  font-size: 24px;
  color: #1b84e7;
}
.chatflowchoosetempwrap:hover {
  background-color: #1b84e7;
}
.chatflowchoosetempwrap:hover p {
  color: #fff;
}
.chatflowchoosetempwrap:hover i {
  color: #fff;
}

.chatflowcontainer .chatflownamwrp {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 45px;
  border-bottom: solid 1px #ced4da;
  margin-bottom: 10px;
  padding: 0 15px;
}
.chatflowcontainer .chatflownamwrp h3 {
  margin: 0;
  font-size: 16px;
  color: #343a40;
}
.chatflowcontainer .chatflownamwrp .chatflowactwrp {
  width: 70px;
  display: flex;
  align-items: center;
}
.chatflowcontainer .chatflownamwrp .chatflowactwrp .chatflowactfunnel {
  width: 30px;
  height: 30px;
  background-color: #fff;
  border: solid 1px #ced4da;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.chatflowcontainer .chatflownamwrp .chatflowactwrp .chatflowactfunnel:hover {
  background-color: #1b84e7;
  color: #fff;
  border-color: #1b84e7;
}
.chatflowcontainer .chatflownamwrp .chatflowactwrp .chatflowactfunnel.active {
  background-color: #1b84e7;
  color: #fff;
  border-color: #1b84e7;
}
.chatflowcontainer .chatflownamwrp .chatflowactwrp .dropdown-menu {
  margin: 0;
  padding: 0;
  font-size: 13px;
}
.chatflowcontainer .chatflowcontwrp {
  padding: 20px;
}
.chatflowcontainer .chatflowactbtnwrp button {
  position: relative;
  margin-top: 40px;
  margin-bottom: 40px;
  background-color: #e3e7eb;
  font-size: 13px;
  color: #495057;
  border-radius: 3px;
}
.chatflowcontainer .chatflowactbtnwrp button::before {
  content: "";
  height: 40px;
  width: 1px;
  background-color: #ced4da;
  position: absolute;
  top: -41px;
}
.chatflowcontainer .chatflowactbtnwrp button::after {
  content: "";
  height: 40px;
  width: 1px;
  background-color: #ced4da;
  position: absolute;
  top: 33px;
  left: 12px;
}
.chatflowcontainer .chatflowactbtnwrp button:hover {
  background-color: #1b84e7;
  color: #fff;
}

.chatflowpageprevwrp {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: transparent;
}
.chatflowpageprevwrp .chatflowpageprevtop {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 20px;
  border-bottom: solid 1px #ced4da;
}
.chatflowpageprevwrp .chatflowpageprevtop h3 {
  margin: 0;
  font-size: 16px;
  color: #343a40;
}
.chatflowpageprevwrp .chatflowpageprevtop i {
  font-size: 20px;
  color: #495057;
}
.chatflowpageprevwrp .chatflowpageprevcont {
  height: 100%;
  background-color: #f0f2f7;
  padding: 20px;
}
.chatflowpageprevwrp .chatflowpageprevcont .chatflowpageclient {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: end;
}
.chatflowpageprevwrp .chatflowpageprevcont .chatflowpageclient p {
  background-color: #1b84e7;
  color: #fff;
  width: -moz-fit-content;
  width: fit-content;
  padding: 10px 24px;
  border-radius: 20px;
  margin: 5px;
  font-size: 13px;
}
.chatflowpageprevwrp .chatflowpageprevcont .chatflowpageclient small {
  color: #6c757d;
}
.chatflowpageprevwrp .chatflowpageprevcont .chatflowpageagent {
  margin-top: 30px;
}
.chatflowpageprevwrp .chatflowpageprevcont .chatflowpageagent .chatflowpageagentlogowrp {
  display: flex;
}
.chatflowpageprevwrp .chatflowpageprevcont .chatflowpageagent .chatflowpageagentlogowrp .chatflowagentlogo {
  width: 50px;
  height: 50px;
  background-color: #fff;
  margin-right: 10px;
  border-radius: 50%;
  padding: 10px;
  margin-top: 35px;
}
.chatflowpageprevwrp .chatflowpageprevcont .chatflowpageagent .chatflowpageagentlogowrp .chatflowagentlogo img {
  width: 100%;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
.chatflowpageprevwrp .chatflowpageprevcont .chatflowpageagent .chatflowpageagentlogowrp .chatflowagentcontent {
  width: 250px;
  margin-top: 10px;
  display: flex;
  flex-direction: column;
}
.chatflowpageprevwrp .chatflowpageprevcont .chatflowpageagent .chatflowpageagentlogowrp .chatflowagentcontent small {
  color: #6c757d;
}
.chatflowpageprevwrp .chatflowpageprevcont .chatflowpageagent .chatflowpageagentlogowrp .chatflowagentcontent p {
  width: -moz-fit-content;
  width: fit-content;
  background-color: #fff;
  border-radius: 20px;
  border: solid 1px #ced4da;
  padding: 10px;
  margin-bottom: 0;
  color: #495057;
  font-size: 13px;
  margin-top: 10px;
}
.chatflowpageprevwrp .chatflowpageprevcont .chatflowpageagentopt {
  margin-top: 30px;
}
.chatflowpageprevwrp .chatflowpageprevcont .chatflowpageagentopt p {
  width: -moz-fit-content;
  width: fit-content;
  background-color: #fff;
  border: solid 1px #1b84e7;
  padding: 10px 24px;
  border-radius: 20px;
  color: #1b84e7;
  cursor: pointer;
}
.chatflowpageprevwrp .chatflowpageprevmess {
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f0f2f7;
}
.chatflowpageprevwrp .chatflowpageprevmess textarea {
  width: 90%;
  height: 70px;
  border: none;
  border-radius: 10px;
  margin-bottom: 40px;
  padding: 20px;
  box-sizing: border-box;
}

.chatboticonwrap {
  cursor: pointer;
  width: 60px;
  height: 60px;
  background-color: #4662d4;
  position: fixed;
  bottom: 20px;
  right: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 6px #3f4042;
}
.chatboticonwrap i {
  color: #fff;
  font-size: 26px;
}

.chatflowmainwrap {
  width: 400px;
  height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
  background-color: #f0f2f7;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  border-left: solid 1px #ced4da;
}
.chatflowmainwrap .chatflowpageprevtop {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 20px;
  border-bottom: solid 1px #ced4da;
  background-color: #fff;
  height: 60px;
}
.chatflowmainwrap .chatflowpageprevtop h3 {
  margin: 0;
  font-size: 18px;
  color: #343a40;
}
.chatflowmainwrap .chatflowpageprevtop i {
  font-size: 22px;
  color: #dc3545;
  cursor: pointer;
}
.chatflowmainwrap .chatflowpageprevcont {
  height: 100%;
  background-color: #f0f2f7;
  padding: 20px;
  overflow-y: auto;
}
.chatflowmainwrap .chatflowpageprevcont .chatflowpageclient {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: end;
}
.chatflowmainwrap .chatflowpageprevcont .chatflowpageclient p {
  background-color: #1b84e7;
  color: #fff;
  width: -moz-fit-content;
  width: fit-content;
  padding: 10px 24px;
  border-radius: 20px;
  margin: 5px;
  font-size: 13px;
}
.chatflowmainwrap .chatflowpageprevcont .chatflowpageclient small {
  color: #6c757d;
}
.chatflowmainwrap .chatflowpageprevcont .chatflowpageagent {
  margin-top: 30px;
}
.chatflowmainwrap .chatflowpageprevcont .chatflowpageagent .chatflowpageagentlogowrp {
  display: flex;
}
.chatflowmainwrap .chatflowpageprevcont .chatflowpageagent .chatflowpageagentlogowrp .chatflowagentlogo {
  width: 50px;
  height: 50px;
  background-color: #fff;
  margin-right: 10px;
  border-radius: 50%;
  padding: 10px;
  margin-top: 35px;
}
.chatflowmainwrap .chatflowpageprevcont .chatflowpageagent .chatflowpageagentlogowrp .chatflowagentlogo img {
  width: 100%;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
.chatflowmainwrap .chatflowpageprevcont .chatflowpageagent .chatflowpageagentlogowrp .chatflowagentcontent {
  width: 300px;
  margin-top: 10px;
  display: flex;
  flex-direction: column;
}
.chatflowmainwrap .chatflowpageprevcont .chatflowpageagent .chatflowpageagentlogowrp .chatflowagentcontent small {
  color: #6c757d;
}
.chatflowmainwrap .chatflowpageprevcont .chatflowpageagent .chatflowpageagentlogowrp .chatflowagentcontent p {
  width: -moz-fit-content;
  width: fit-content;
  background-color: #fff;
  border-radius: 20px;
  border: solid 1px #ced4da;
  padding: 10px;
  margin-bottom: 0;
  color: #495057;
  font-size: 13px;
  margin-top: 10px;
}
.chatflowmainwrap .chatflowpageprevcont .chatflowpageagentopt {
  margin-top: 30px;
}
.chatflowmainwrap .chatflowpageprevcont .chatflowpageagentopt p {
  width: -moz-fit-content;
  width: fit-content;
  background-color: #fff;
  border: solid 1px #1b84e7;
  padding: 10px 24px;
  border-radius: 20px;
  color: #1b84e7;
  cursor: pointer;
}
.chatflowmainwrap .chatflowpageprevmess {
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f0f2f7;
}
.chatflowmainwrap .chatflowpageprevmess textarea {
  width: 95%;
  height: 70px;
  border: none;
  border-radius: 10px;
  margin-bottom: 40px;
  padding: 20px;
  box-sizing: border-box;
}

.chatflowtabbtnwrp {
  display: flex;
  margin-bottom: 20px;
}
.chatflowtabbtnwrp .chatflowtabbtnitem {
  flex: 1;
  text-align: center;
  padding: 10px 0;
  background-color: #fff;
  cursor: pointer;
  font-size: 14px;
  color: #495057;
  text-transform: uppercase;
}
.chatflowtabbtnwrp .chatflowtabbtnitem:hover {
  background-color: #1b84e7;
  color: #fff;
}
.chatflowtabbtnwrp .chatflowtabbtnitem.active {
  border-bottom: solid 2px #1b84e7;
  font-weight: 700;
}

.chatflowtabcontwrap {
  padding: 20px;
}

.chatflowshortfields {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.chatflowshortfields .chatflowshrtinput {
  width: 48%;
  height: 32px;
  border: solid 1px #ced4da;
  text-indent: 10px;
  font-size: 13px;
  color: #495057;
}
.chatflowshortfields i {
  font-size: 22px;
  color: #dc3545;
  cursor: pointer;
}

.chatflowtabcontitem .chatflowfiltwrp {
  background-color: #fff;
  padding: 15px;
  border-radius: 10px;
}

.chatflowandline {
  width: 100%;
  text-align: center;
  font-weight: 700;
  border-bottom: 1px solid #DEE3DF;
  line-height: 0.1em;
  margin: 30px 0;
}
.chatflowandline span {
  padding: 0 10px;
  background: #fff;
  color: #495057;
  font-size: 13px;
}

/*chat Flow End here*/
#ui_div_MailTemplatePreview iframe img {
  width: 100%;
}

.lmsphonecallwrap {
  width: 250px;
  height: 250px;
  background-color: #fff;
  position: fixed;
  right: -250px;
  bottom: 40px;
  border: solid 1px #ced4da;
  border-radius: 20px;
  box-shadow: 0px 2px 6px #dcdcdc;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px;
  transition: all 0.3s ease-in-out;
  z-index: 100;
}
.lmsphonecallwrap .lmsphonecallitem {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.lmsphonecallwrap .lmsphonecallitem .lmsphoneprofileimg {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-transform: uppercase;
  font-size: 18px;
}
.lmsphonecallwrap .lmsphonecallitem .lmsphoneprofilename {
  margin-top: 15px;
  text-align: center;
}
.lmsphonecallwrap .lmsphonecallitem .lmsphoneprofilename h3 {
  font-size: 16px;
  color: #1b84e7;
}
.lmsphonecallwrap .lmsphonecallitem .lmsphoneprofilename h6 {
  font-size: 14px;
  color: #6c757d;
  margin-top: 10px;
}
.lmsphonecallwrap .lmsphonecallitem .lmsphoneprofilename small {
  font-size: 12px;
  color: #495057;
}
.lmsphonecallwrap .lmsphonecallitem .lmsphonecallaction {
  width: 100%;
  margin-top: 20px;
}
.lmsphonecallwrap .lmsphonecallitem .lmsphonecallaction .lmsphonereject {
  width: 100%;
  border: none;
  border-radius: 20px;
  padding: 8px 0px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 14px;
}
.lmsphonecallwrap .lmsphonecallitem .lmsphonecallaction .lmsphonereject i {
  transform: rotate(140deg);
  margin-bottom: 0;
  font-size: 24px;
  margin-right: 10px;
}
.lmsphonecallwrap.lmsphonecallshow {
  right: 60px !important;
}

.myrepandconditwrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-bottom: 25px;
  margin-top: 35px;
}
.myrepandconditwrap .myrepandcond {
  padding: 8px 20px;
  background-color: #fff;
  border: solid 1px #ced4da;
  border-radius: 10px;
  position: relative;
  font-size: 12px;
  color: #495057;
}
.myrepandconditwrap .myrepandcond::before {
  content: "";
  width: 150px;
  height: 1px;
  position: absolute;
  top: 20px;
  left: -150px;
  background-color: #ced4da;
}
.myrepandconditwrap .myrepandcond::after {
  content: "";
  width: 150px;
  height: 1px;
  position: absolute;
  top: 20px;
  right: -150px;
  background-color: #ced4da;
}

.myrepclose {
  position: absolute;
  right: 20px;
  top: -20px;
  font-size: 24px;
  cursor: pointer;
}
.myrepclose .ion-ios-close-outline {
  color: #495057 !important;
}

.btn-white-bg {
  background-color: #fff;
  font-size: 13px;
  color: #1b84e7;
  border-radius: 20px;
}
.btn-white-bg:hover {
  background-color: #1b84e7;
  color: #fff;
}

/* styles for drag and drop file upload by jeevan */
.droparea {
  padding: 5px;
}

.dragtext {
  font-size: 11px;
}

/* clearfix */
.clearfix {
  clear: both;
}

.upload {
  visibility: hidden;
  opacity: 0;
  position: absolute;
}

.droparea {
  margin: 0 auto;
  text-align: center;
  background-color: #e9ecef;
  border: solid 1px #ced4da;
}

.droparea p {
  margin: 7px 0;
}

.droparea .uploadbtn {
  border: none;
  background-color: transparent;
  color: #1b84e7;
  cursor: pointer;
}

.droparea .uploadbtn:hover {
  border-color: #777;
  color: #555;
}

.droparea.hover {
  border-color: #777;
  background-color: #fff;
}

.dropareainner {
  width: 95%;
  margin: auto;
}

.dradprogressbar .progress {
  background-color: #ffffff;
  margin-bottom: -14px;
}

.td-actionFlexSB {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.td-actionFlexSB .nametitWrap {
  margin-right: 10px;
}
.td-actionFlexSB .actionEclip {
  font-size: 20px;
  color: #b1afaf;
  cursor: pointer;
  width: 50px;
}
.td-actionFlexSB .actionEclip a {
  color: #b1afaf;
}
.td-actionFlexSB .actionEclip a:hover {
  color: #1b84e7;
}

.filesNameWrap {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #e9ecef;
}

.fileNameTxt,
.filesizNum {
  font-size: 12px;
  color: #495057;
  font-weight: 400;
  margin: 0 !important;
}

.fildetWrap {
  height: 100%;
  position: relative;
}

.filclsewrap {
  position: absolute;
  right: 5px;
  cursor: pointer;
  font-size: 14px;
}

.fildets {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.filicn .ion-document {
  font-size: 36px;
  margin-right: 15px;
  color: #495057;
}

/* styles for drag and drop file upload by jeevan ends here */
/* --------------------------------------- */
/* ############### Toggles ############### */
/* --------------------------------------- */
.toggle-wrapper {
  width: 60px;
  display: inline-block;
  margin-right: 5px;
  position: relative;
}

.toggle-slide .toggle-on,
.toggle-slide .toggle-off,
.toggle-slide .toggle-slide .toggle-blob {
  text-align: center;
}

.toggle-slide .toggle-on,
.toggle-slide .toggle-off {
  opacity: 0;
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
}

.toggle-slide .toggle-on.active,
.toggle-slide .toggle-off.active {
  opacity: 1;
}

.toggle-light .toggle-slide {
  box-shadow: none;
}

.toggle-light .toggle-blob {
  background-color: #fff;
  background-image: none;
  box-shadow: none;
}

.toggle-light .toggle-blob:hover,
.toggle-light .toggle-blob:focus {
  background-color: #fff;
  background-image: none;
}

.toggle-light .toggle-on,
.toggle-light .toggle-off {
  font-size: 11px;
  font-weight: bold;
  text-shadow: none;
  box-shadow: none;
}

.toggle-light .toggle-on {
  background-color: #d0d4e7;
  text-indent: -5px !important;
}

.toggle-light .toggle-on + .toggle-blob {
  border: 3px solid #d0d4e7;
}

.toggle-light .toggle-on.active {
  background-color: #343a40;
}

.toggle-light .toggle-on.active + .toggle-blob {
  border: 3px solid #343a40;
}

.toggle-light .toggle-off {
  color: #fff;
  background-color: #d0d4e7;
  background-image: none;
  text-indent: 5px !important;
}

.toggle-light.primary .toggle-on.active {
  background-color: #1b84e7;
}

.toggle-light.primary .toggle-on.active + .toggle-blob {
  border: 3px solid #1b84e7;
}

.toggle-light.success .toggle-on.active {
  background-color: #23bf08;
}

.toggle-light.success .toggle-on.active + .toggle-blob {
  border: 3px solid #23bf08;
}

.toggle-light.warning .toggle-on.active {
  background-color: #f49917;
}

.toggle-light.warning .toggle-on.active + .toggle-blob {
  border: 3px solid #f49917;
}

.toggle-light.danger .toggle-on.active {
  background-color: #dc3545;
}

.toggle-light.danger .toggle-on.active + .toggle-blob {
  border: 3px solid #dc3545;
}

.toggle-light.info .toggle-on.active {
  background-color: #5b93d3;
}

.toggle-light.info .toggle-on.active + .toggle-blob {
  border: 3px solid #5b93d3;
}

.toggle-light.indigo .toggle-on.active {
  background-color: #6610f2;
}

.toggle-light.indigo .toggle-on.active + .toggle-blob {
  border: 3px solid #6610f2;
}

.toggle-light.purple .toggle-on.active {
  background-color: #6f42c1;
}

.toggle-light.purple .toggle-on.active + .toggle-blob {
  border: 3px solid #6f42c1;
}

.toggle-light.pink .toggle-on.active {
  background-color: #e83e8c;
}

.toggle-light.pink .toggle-on.active + .toggle-blob {
  border: 3px solid #e83e8c;
}

.toggle-light.teal .toggle-on.active {
  background-color: #1caf9a;
}

.toggle-light.teal .toggle-on.active + .toggle-blob {
  border: 3px solid #1caf9a;
}

.toggle-light.orange .toggle-on.active {
  background-color: #f27510;
}

.toggle-light.orange .toggle-on.active + .toggle-blob {
  border: 3px solid #f27510;
}

.toggle-modern .toggle-slide {
  background: none;
  text-shadow: none;
  border-radius: 3px;
  box-shadow: none;
}

.toggle-modern .toggle-blob {
  border-radius: 3px;
  background-color: #fff;
  background-image: none;
  box-shadow: none;
}

.toggle-modern .toggle-blob:hover,
.toggle-modern .toggle-blob:focus {
  background-color: #fff;
  background-image: none;
}

.toggle-modern .toggle-on,
.toggle-modern .toggle-off {
  text-shadow: none;
  font-weight: bold;
  box-shadow: none;
}

.toggle-modern .toggle-on,
.toggle-modern .toggle-on.active {
  background-color: #343a40;
  background-image: none;
}

.toggle-modern .toggle-on {
  background-color: #d0d4e7;
}

.toggle-modern .toggle-on + .toggle-blob {
  border: 3px solid #d0d4e7;
}

.toggle-modern .toggle-on.active {
  background-color: #343a40;
}

.toggle-modern .toggle-on.active + .toggle-blob {
  border: 3px solid #343a40;
}

.toggle-modern .toggle-off,
.toggle-modern .toggle-off.active {
  color: #fff !important;
  background-color: #bec2d2 !important;
  background-image: none;
  text-shadow: none;
  text-indent: 8px !important;
}

.toggle-modern.primary .toggle-on.active {
  background-color: #1b84e7 !important;
}

.toggle-modern.primary .toggle-on.active + .toggle-blob {
  border: 3px solid #1b84e7 !important;
}

.toggle-modern.success .toggle-on.active {
  background-color: #23bf08;
}

.toggle-modern.success .toggle-on.active + .toggle-blob {
  border: 3px solid #23bf08;
}

.toggle-modern.warning .toggle-on.active {
  background-color: #f49917;
}

.toggle-modern.warning .toggle-on.active + .toggle-blob {
  border: 3px solid #f49917;
}

.toggle-modern.danger .toggle-on.active {
  background-color: #dc3545;
}

.toggle-modern.danger .toggle-on.active + .toggle-blob {
  border: 3px solid #dc3545;
}

.toggle-modern.info .toggle-on.active {
  background-color: #5b93d3;
}

.toggle-modern.info .toggle-on.active + .toggle-blob {
  border: 3px solid #5b93d3;
}

.toggle-modern.indigo .toggle-on.active {
  background-color: #6610f2;
}

.toggle-modern.indigo .toggle-on.active + .toggle-blob {
  border: 3px solid #6610f2;
}

.toggle-modern.purple .toggle-on.active {
  background-color: #6f42c1;
}

.toggle-modern.purple .toggle-on.active + .toggle-blob {
  border: 3px solid #6f42c1;
}

.toggle-modern.teal .toggle-on.active {
  background-color: #1caf9a;
}

.toggle-modern.teal .toggle-on.active + .toggle-blob {
  border: 3px solid #1caf9a;
}

.toggle-modern.orange .toggle-on.active {
  background-color: #f27510;
}

.toggle-modern.orange .toggle-on.active + .toggle-blob {
  border: 3px solid #f27510;
}

.toggle-modern.pink .toggle-on.active {
  background-color: #e83e8c;
}

.toggle-modern.pink .toggle-on.active + .toggle-blob {
  border: 3px solid #e83e8c;
}

/*Dashboard Overview*/
.dashpopupwrp {
  width: 500px;
  height: 100vh;
  display: flex;
  position: fixed;
  top: 0;
  right: -500px;
  transition: all 0.3s ease-in-out;
  z-index: 100;
}

.r-500 {
  right: 0 !important;
}

.right-500 {
  right: -500px;
}

.widgetItemwrp {
  width: 500px;
  height: 100%;
  background-color: #ffffff;
  border-left: solid 1px #ced4da;
}

.chkbxwrp {
  padding: 0px 10px 15px;
}
.chkbxwrp .custom-control {
  margin-top: 10px;
}

.grid-stack {
  background: #f0f2f7;
}

.grid-stack-item-content {
  color: #495057;
  text-align: center;
  background-color: #ffffff;
  box-shadow: 0 0 6px #cccdce !important;
  border: solid 1px #ced4da;
}

.grdpanel {
  position: relative;
  width: 100%;
  border-radius: 2px;
}

.grdpanel__header {
  padding: 15px 25px;
}

.grdpanel__header__min {
  padding: 5px 25px;
}

.grdpanel__header > h4 {
  float: left;
}

.grdpanel__content {
  padding: 30px;
}

.grdpanel__content.isHidden {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  visibility: hidden;
}

.grdpanel__header + .grdpanel__content {
  padding-top: 15px;
  padding-bottom: 45px;
}

.grdpanel__content__min {
  padding: 10px;
}

.grdpanel--default {
  background-color: white;
}

.grdpanel {
  display: flex;
  flex-direction: column;
}

.grdpanel__content {
  flex: 1;
  min-height: 0;
  overflow: hidden;
}

.nodatadashwrp {
  width: 100%;
  height: 55vh;
}
.nodatadashwrp p {
  font-size: 20px;
  color: #6c757d;
  text-align: center;
}

.df-ac-cc {
  display: flex;
  align-items: center;
  justify-content: center;
}

.widgcountwrp {
  display: flex;
  align-items: center;
}
.widgcountwrp .widgtrefresh {
  font-size: 18px;
  margin-right: 10px;
  cursor: pointer;
}

/*Dashboard Overview*/
/*Calendar*/
.fc-daygrid-event-harness a {
  font-size: 12px;
  color: #495057;
  font-weight: 400;
}

.fc-daygrid-event-harness a:hover {
  background-color: #e9ecef;
}

.fc-scrollgrid-sync-table {
  border: none !important;
}
.fc-scrollgrid-sync-table .table-bordered td {
  border-right: none !important;
}

.fc-daygrid-day {
  border-right: none !important;
}

.fc-scrollgrid.table-bordered {
  border-right: none;
}

.fc-daygrid-day.fc-day.fc-day-sun.fc-day-past.fc-day-other,
.fc-daygrid-day.fc-day.fc-day-mon.fc-day-past.fc-day-other,
.fc-daygrid-day.fc-day.fc-day-tue.fc-day-past.fc-day-other,
.fc-daygrid-day.fc-day.fc-day-wed.fc-day-past.fc-day-other,
.fc-daygrid-day.fc-day.fc-day-thu.fc-day-past.fc-day-other,
.fc-daygrid-day.fc-day.fc-day-fri.fc-day-past.fc-day-other,
.fc-daygrid-day.fc-day.fc-day-sat.fc-day-past {
  border-top: none !important;
}

.fc-daygrid-day.fc-day.fc-day-sun.fc-day-past.fc-day-other,
.fc-daygrid-day.fc-day.fc-day-sun.fc-day-past,
.fc-daygrid-day.fc-day.fc-day-sun.fc-day-future {
  border-left: none !important;
}

.fc .fc-toolbar-title {
  font-size: 1.5em !important;
  text-transform: uppercase;
  color: #495057;
}

.fc-col-header-cell-cushion {
  color: #495057 !important;
}

.fc-list-event-title {
  font-size: 13px;
  color: #495057 !important;
}

.fc-list-event-time {
  font-size: 13px;
  color: #495057 !important;
}

.fc-list-day-text {
  color: #343a40 !important;
}

.errWrap {
  width: 60%;
  border: 1px solid #dc3545;
  background-color: #f7d1d5;
  font-size: 14px;
  color: #b51f2e;
  position: fixed;
  top: 63px;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  padding: 12px 20px;
  display: none;
}

.errWrap span:first-child {
  font-weight: 700;
}

.errItemWrp {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.errItemClse i {
  color: #755458;
  cursor: pointer;
}

.height-90 {
  height: 90px;
}

/*Calendar*/
.lvechataceptwrp {
  padding: 25px;
}

.p-tag {
  font-size: 13px !important;
  color: #495057;
  margin-bottom: 0;
}

.lvechattransfrmnme,
.lvechatreason {
  font-weight: normal !important;
}

/*Dashboard Live Chat start here*/
.p-gut {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

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

.m-gut-0 {
  margin-left: 3px !important;
  margin-right: 3px !important;
}

.p-gut-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.totalleads {
  font-size: 12px !important;
  color: #6c757d;
  font-weight: 400;
  padding-left: 20px !important;
}

.card-activities {
  padding: 10px 20px 30px 20px;
}

.card-activities .activity-icon {
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: #fff;
  border-radius: 100%;
  position: relative;
  z-index: 50;
}
.card-activities .activity-icon h4 {
  margin-bottom: 0;
  font-size: 18px;
}

.card-activities .media-body {
  margin-left: 15px;
  padding-top: 10px;
}

.card-activities .media {
  position: relative;
}

.card-activities .media::before {
  content: "";
  position: absolute;
  top: 0;
  left: 22px;
  height: 100%;
  border-left: 1px solid #ced4da;
  z-index: 40;
}

.card-activities .media h6 {
  color: #343a40;
}

.card-activities .media p {
  margin-bottom: 5px;
  line-height: normal;
  font-size: 13px;
}

.card-activities .media span {
  display: block;
  font-size: 12px;
}

.card-activities .media + .media {
  padding-top: 20px;
}

.bg-danger {
  background-color: #dc3545;
}

.bg-orange {
  background-color: #f49917;
}

.chatagentwrp {
  padding-top: 20px;
}
.chatagentwrp .media-body h5 {
  font-size: 13px;
  margin-bottom: 0;
  padding-left: 10px;
  color: #1b84e7;
}
.chatagentwrp .media-body p {
  font-size: 12px;
  color: #6c757d;
  padding-left: 10px;
}

.namealphawrp {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #6c757d;
  display: flex;
  align-items: center;
  justify-content: center;
}
.namealphawrp h6 {
  margin-bottom: 0;
  color: #ffffff;
  text-transform: uppercase;
}

.box-bodycol {
  background-color: #f0f2f7;
}

.chatprevwrp {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  height: 100%;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-top: 20px;
}

.chatcontainer {
  margin-bottom: 10px;
  width: 300px;
  max-width: 100%;
}

.chatcontainer.min-h-500 {
  min-height: 500px;
}

.chatbubwrp {
  width: 50px;
  height: 50px;
  background-color: #1b84e7;
  border-radius: 50%;
  box-shadow: 0 0 9px #98999d;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.chatbubwrp .ion-ios-chatbubble-outline {
  color: #ffffff;
}
.chatbubwrp .ion-android-close {
  color: #ffffff;
}

.chatboxwrp {
  height: 100%;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 12px;
  background: rgb(246, 246, 247);
  display: flex;
  flex-direction: column;
}
.chatboxwrp .chatboxtpbar {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
}
.chatboxwrp .chatboxcontainer {
  height: 100%;
  overflow-y: auto;
  position: relative;
  /* @include df-ac-sc(); */
}
.chatboxwrp .chatboxcontainer .chatAgentNmwrp {
  position: sticky;
  top: 0;
  padding: 3px 15px;
  background-color: #ffffff;
  box-shadow: 3px 3px 6px 1px #ccc;
  display: flex;
  align-items: center;
}
.chatboxwrp .chatboxcontainer .chatAgentNmwrp .agentimgwrp {
  width: 30px;
  height: 30px;
  background-image: url(../images/chat-agent.jpg);
  background-repeat: no-repeat;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  margin-right: 10px;
}
.chatboxwrp .chatboxcontainer .chatAgentNmwrp small {
  font-size: 11px;
  margin: 0;
}
.chatboxwrp .chatboxcontainer .chatAgentNmwrp h6 {
  font-size: 14px;
  margin-bottom: 5px;
}
.chatboxwrp .chatboxcontainer .chatfrmwrp {
  width: 90%;
  height: auto;
  background-color: #fff;
  position: relative;
  padding: 0 15px;
}
.chatboxwrp .chatboxcontainer .chatfrmwrp .chatusericn {
  width: 30px;
  height: 30px;
  background-color: #4662d4;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  position: absolute;
  top: -15px;
  left: 0;
  right: 0;
}
.chatboxwrp .chatboxcontainer .chatfrmwrp .chatusericn .fa-user-o {
  color: #ffffff;
}
.chatboxwrp .chatboxtypewrp {
  height: 50px;
  background-color: #fff;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  display: flex;
  align-items: center;
  padding: 0 10px;
}

.chatboxbar-radius {
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}

.chattitlwrp {
  display: flex;
  align-items: center;
}
.chattitlwrp .ion-chatboxes {
  color: #ffffff;
}
.chattitlwrp h6 {
  margin-bottom: 0;
  padding-left: 10px;
  color: #ffffff;
  font-weight: 400;
  font-size: 14px;
}

.chatoptionwrp {
  display: flex;
  align-items: center;
}
.chatoptionwrp .tdcreatedraft .dropdown-menu {
  border-radius: 0;
  width: 70px;
  box-shadow: none;
  padding: 0;
}
.chatoptionwrp .tdcreatedraft .dropdown-item {
  font-size: 12px;
  color: #495057;
  padding: 5px 15px;
}
.chatoptionwrp .tdcreatedraft .ion-android-more-vertical {
  font-size: 24px;
  color: #ffffff;
  cursor: pointer;
}
.chatoptionwrp .attachbtn {
  overflow: hidden;
}
.chatoptionwrp .attachbtn .ion-android-attach {
  color: #fff;
  font-size: 18px;
}

.chattypebox {
  width: 100%;
}

.chatsendicn {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn-purple {
  background-color: #4662d4;
  color: #ffffff;
  font-size: 13px;
  font-weight: 300;
}

.btn-purple:hover {
  background-color: #5774eb;
}

.bg-textbx {
  background-color: #f0f2f6;
  border: none;
}

.chatbarcolwrp {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.chatbarcolwrp .chatgradwrp {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.chatbarcolwrp .chatgradwrp .chatbgcol {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  cursor: pointer;
  margin-right: 10px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.chatbarcolwrp .chatgradwrp .chatbgcol .ion-checkmark-round {
  color: #ffffff;
}

.chatcustcolwrp {
  display: flex;
  align-items: center;
}
.chatcustcolwrp .chatcustbgcol,
.chatcustcolwrp .chattitcustbgcol {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  cursor: pointer;
  margin-right: 10px;
  background-color: #8899af;
  display: flex;
  align-items: center;
  justify-content: center;
}
.chatcustcolwrp .chatcustbgcol .ion-checkmark-round,
.chatcustcolwrp .chattitcustbgcol .ion-checkmark-round {
  color: #ffffff;
}

.colorinput {
  width: 80px;
  border: solid 1px #ced4da;
  height: 30px;
  text-indent: 10px;
  margin-right: 10px;
}

.bg-mantle {
  background-image: linear-gradient(to right, #514a9d 0%, #24c6dc 100%);
  background-repeat: repeat-x;
}

.bg-grandeur {
  background-image: linear-gradient(to right, #000046 0%, #1cb5e0 100%);
  background-repeat: repeat-x;
}

.bg-reef {
  background-image: linear-gradient(to right, #3a7bd5 0%, #00d2ff 100%);
  background-repeat: repeat-x;
}

.bg-transfile, .wrkflwactionwrp .wrkflwacttop {
  background-image: linear-gradient(to right, #cb3066 0%, #16bffd 100%);
  background-repeat: repeat-x;
}

.bg-dance {
  background-image: linear-gradient(to right, #f9d423 0%, #ff4e50 100%);
  background-repeat: repeat-x;
}

.bg-flickr {
  background-image: linear-gradient(to right, #33001b 0%, #e20477 100%);
  background-repeat: repeat-x;
}

.bg-neon {
  background-image: linear-gradient(to right, #cb2d3e 0%, #ef473a 100%);
  background-repeat: repeat-x;
}

.bg-delicate {
  background-image: linear-gradient(to right, #141e30 0%, #243b55 100%);
  background-repeat: repeat-x;
}

.bg-crystal-clear {
  background-image: linear-gradient(to right, #155799 0%, #159957 100%);
  background-repeat: repeat-x;
}

.bg-emerald {
  background-image: linear-gradient(to right, #56b4d3 0%, #348f50 100%);
  background-repeat: repeat-x;
}

.bg-teal-love {
  background-image: linear-gradient(to right, #11ffbd 0%, #aaffa9 100%);
  background-repeat: repeat-x;
}

.bg-mojito {
  background-image: linear-gradient(to right, #1d976c 0%, #93f9b9 100%);
  background-repeat: repeat-x;
}

.chattxtarewrp {
  width: 100%;
  height: 53px;
}

.chatboxItem {
  background-color: #f8f9fa;
  overflow-y: auto;
}

.chatmediawrp .agentimgwrp {
  width: 35px;
  height: 35px;
  background-image: url(../images/chat-agent.jpg);
  background-repeat: no-repeat;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  margin-right: 10px;
}
.chatmediawrp .chatuserimgwrp {
  width: 35px;
  height: 35px;
  background-image: url(../images/chat-user.jpg);
  background-repeat: no-repeat;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  margin-right: 10px;
}
.chatmediawrp .msgagent {
  margin-bottom: 8px;
  max-width: 95%;
}
.chatmediawrp .msgagent p {
  margin-bottom: 0;
  padding: 5px 10px;
  background-color: #4662d4;
  color: #fff;
  font-size: 12px;
  display: inline-block;
}
.chatmediawrp .msgagent p a {
  color: #fff;
  font-weight: 700;
}
.chatmediawrp .msgagent.client p a {
  color: #868ba1;
  font-weight: 700;
}

.media .media-body.reverse {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-right: 10px;
}
.media .media-body.reverse .msgagentvistor p {
  background-color: #dee2e6;
  color: #868ba1;
  margin-bottom: 0;
  padding: 5px 10px;
  font-size: 12px;
  display: inline-block;
}

.prechatErrorMess {
  text-align: center;
  font-size: 12px;
  color: #dc3545;
}

.select2border {
  border: solid 1px #ced4da !important;
}

.chatmesscontainer {
  width: 100%;
  background-color: #fff;
  border-radius: 5px;
  position: relative;
  margin-bottom: 20px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 12px;
}
.chatmesscontainer .chatclsewrp {
  padding: 0 15px;
  position: absolute;
  top: 0px;
  right: 0px;
}
.chatmesscontainer .chatclsewrp .ion-android-close {
  font-size: 24px;
  color: #495057;
  cursor: pointer;
}
.chatmesscontainer p {
  font-size: 14px;
  color: #495057;
  font-weight: 400;
  padding: 0 25px 0 20px;
  margin-top: 25px;
}

.chatsendmail {
  display: flex;
  flex-direction: column;
}
.chatsendmail .chattomailwrp {
  display: flex;
  align-items: center;
}

.h-40p {
  height: 40px !important;
}

.text-int-20 {
  text-indent: 15px;
}

.chatdate {
  padding: 4px 10px;
  background-color: #e0effd;
  color: #6c757d;
  font-size: 11px;
  text-align: center;
  display: inline-block;
  border-radius: 2px;
}

.currentdate {
  background-color: #cad4fd;
}
.currentdate td {
  color: #25367c !important;
}

.border-radius-10 {
  border-radius: 10px;
}

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

.chatroomname {
  font-size: 16px;
  color: #4662d4;
}

/*Form Preview*/
.chatprevbgtrans {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: flex-end;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1;
}

.frmpopwrp {
  width: 600px;
  height: 100%;
  background-color: #f0f2f7;
  overflow-y: auto;
}

.chatprevpopwrp {
  width: 100%;
  height: 100%;
  background-color: #f0f2f7;
  overflow-y: auto;
  position: relative;
}

.chatprevtopban {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 40px;
  padding: 0px 15px;
  background-color: #ffffff;
  border-bottom: solid 1px #ced4da;
}

.chatprevtopban h6 {
  margin-bottom: 0;
  font-size: 14px;
  color: #1b84e7;
  text-transform: uppercase;
}

.chatprevtopban .fa-times {
  font-size: 14px;
  color: #dc3545;
  cursor: pointer;
}

.chatresdevicwrp {
  width: 200px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.chatdevcItem .fa-desktop,
.chatdevcItem .fa-mobile {
  cursor: pointer;
  color: #495057;
}

.chatdevcItem .fa-desktop.active,
.chatdevcItem .fa-mobile.active {
  color: #1b84e7;
}

.chatdevdeskwrp {
  width: 100%;
  height: 90vh;
  overflow-y: auto;
  position: relative;
}
.chatdevdeskwrp .chatdeskprev {
  width: 100%;
  max-width: 340px;
  position: absolute;
  bottom: 0;
  right: 20px;
}

.frmdevmobwrp {
  margin-top: 30px !important;
  margin: auto;
  width: 300px;
  height: 90%;
  overflow-y: auto;
  margin-bottom: 30px;
}

.chatdevdeskwrp .chatcontainer.min-h-500 {
  min-height: 0;
}

.chatdevdeskwrp.chatdevmobwrp {
  width: 360px;
  height: 600px;
  margin: auto;
  background-color: #fff;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  position: relative;
  overflow-y: auto;
}
.chatdevdeskwrp.chatdevmobwrp .chatprevwrp {
  align-items: center;
  padding: 0;
}
.chatdevdeskwrp.chatdevmobwrp .chatdeskprev {
  width: 100%;
  max-width: 340px;
  position: absolute;
  bottom: 35px;
  right: 0;
  left: 0;
  margin: auto;
}
.chatdevdeskwrp.chatdevmobwrp .chatmesscontainer {
  box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 12px;
  width: 95%;
}

.chatmobdevcont {
  height: 540px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  overflow-y: auto;
}

.chatmobileprevwrp {
  width: 100%;
  max-width: 360px;
  height: 650px;
  margin: auto;
  padding-top: 30px;
  padding-bottom: 30px;
}
.chatmobileprevwrp .chatmobdevwrp {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.chatmobileprevwrp .chatmobdevtopband {
  height: 50px;
  background-color: #495057;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.chatmobileprevwrp .chatmobdevtopband::before {
  content: "";
  position: absolute;
  width: 20%;
  height: 10px;
  border-radius: 15px;
  background-color: #5a6169;
}
.chatmobileprevwrp .chatmobdevbody {
  height: 100%;
  border-left: solid 15px #495057;
  border-right: solid 15px #495057;
  overflow-y: auto;
  padding: 10px 0;
}
.chatmobileprevwrp .chatmobdevbody .chatdevdeskwrp {
  height: auto;
}
.chatmobileprevwrp .chatmobdevbody .chatdevdeskwrp .chatprevwrp {
  padding: 0;
}
.chatmobileprevwrp .chatmobdevbody .chatdevdeskwrp .chatprevwrp .chatmesscontainer {
  width: 90%;
  margin: auto;
  margin-bottom: 15px;
}
.chatmobileprevwrp .chatmobdevbody .chatdevdeskwrp .chatdeskprev {
  position: static;
}
.chatmobileprevwrp .chatmobdevbody .chatdevdeskwrp .chatcontainer {
  margin: 0 10px;
}
.chatmobileprevwrp .chatmobdevbody .chatdevdeskwrp .chatbubwrp {
  margin-top: 15px;
  margin-right: 15px;
}
.chatmobileprevwrp .chatmobdevfooter {
  height: 90px;
  background-color: #495057;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.chatmobileprevwrp .chatmobdevfooter::before {
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #5a6169;
  box-shadow: inset 0 0 10px #7e8286;
}

.chatediticn {
  position: absolute;
  top: 0;
  right: 10px;
}
.chatediticn .ion-ios-close-outline {
  font-size: 16px;
  color: #dc3545;
  cursor: pointer;
}

/*Form Preview*/
/*Dashboard Live Chat start here*/
.filtwrpbar, .filtwrpbars {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #4662d4;
  padding: 4px 10px;
  font-size: 12px;
  border: solid 1px #e9ecef;
  border-radius: 4px;
}
.filtwrpbar .filtbywrp, .filtwrpbars .filtbywrp {
  color: #fff;
}
.filtwrpbar .ion-android-close, .filtwrpbars .ion-android-close {
  font-size: 12px;
  color: #fff;
  margin-left: 10px;
  cursor: pointer;
}

.frmresfunnwrp .ion-ios-close {
  position: absolute;
  bottom: 1px;
  right: -2px;
  cursor: pointer;
  color: #dc3545;
}

/*chat start here */
.chatactvistorwrp {
  height: 50px;
  padding: 0 15px;
  display: flex;
  align-items: flex-end;
}
.chatactvistorwrp .chatactvistor {
  padding: 6px 10px;
  margin-right: 10px;
  background-color: #fff;
  border: solid 1px #ced4da;
  border-bottom: none;
  font-size: 13px;
  cursor: pointer;
}
.chatactvistorwrp .chatactvistor.active {
  background-color: #4662d4;
  color: #ffffff;
  border-color: #4662d4;
}

.chatactvistcont {
  height: 73vh;
  overflow-y: auto;
}
.chatactvistcont .chatactvisItemwrp,
.chatactvistcont .chatactagntwrp {
  display: flex;
  flex-direction: column;
}
.chatactvistcont .chatactvisItemwrp .media,
.chatactvistcont .chatactagntwrp .media {
  cursor: pointer;
}
.chatactvistcont .chatactvisItemwrp .media:hover,
.chatactvistcont .chatactagntwrp .media:hover {
  border-left: solid 2px #4662d4;
}
.chatactvistcont .chatactvisItemwrp li,
.chatactvistcont .chatactagntwrp li {
  background-color: #f8f9fa;
  border-bottom: 1px solid #ced4da;
  transition: all 0.3s ease-in-out;
}
.chatactvistcont .chatactvisItemwrp li:first-child,
.chatactvistcont .chatactagntwrp li:first-child {
  border-top: solid 1px #ced4da;
}
.chatactvistcont .chatactvisItemwrp li:hover,
.chatactvistcont .chatactagntwrp li:hover {
  background-color: #eaedef;
}
.chatactvistcont .chatactvisItemwrp li.active,
.chatactvistcont .chatactagntwrp li.active {
  background-color: #fff;
  border-left: solid 2px #4662d4;
}
.chatactvistcont .chatactvisItemwrp li .chatactvisitem,
.chatactvistcont .chatactagntwrp li .chatactvisitem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 15px;
  cursor: pointer;
}
.chatactvistcont .chatactvisItemwrp li .chatactvisitem .chatactviswrp,
.chatactvistcont .chatactagntwrp li .chatactvisitem .chatactviswrp {
  display: flex;
  align-items: center;
}
.chatactvistcont .chatactvisItemwrp li .chatactvisitem .chatactvisname,
.chatactvistcont .chatactagntwrp li .chatactvisitem .chatactvisname {
  padding-right: 10px;
}
.chatactvistcont .chatactvisItemwrp li .chatactvisitem .chatactvisname h6,
.chatactvistcont .chatactagntwrp li .chatactvisitem .chatactvisname h6 {
  margin: 0;
  font-size: 13px;
  color: #495057;
  word-break: break-all;
}
.chatactvistcont .chatactvisItemwrp li .chatactvisitem .chatactvisname small,
.chatactvistcont .chatactagntwrp li .chatactvisitem .chatactvisname small {
  font-size: 12px;
  color: #6c757d;
}
.chatactvistcont .chatactvisItemwrp li .chatactvisitem .chatactvisicn,
.chatactvistcont .chatactagntwrp li .chatactvisitem .chatactvisicn {
  position: relative;
  width: 30px;
  margin-right: 25px;
}
.chatactvistcont .chatactvisItemwrp li .chatactvisitem .chatactvisicn .fa-user-o,
.chatactvistcont .chatactagntwrp li .chatactvisitem .chatactvisicn .fa-user-o {
  font-size: 36px;
  color: #495057;
}
.chatactvistcont .chatactvisItemwrp li .chatactvisitem .chatactvisicn .fa-circle,
.chatactvistcont .chatactagntwrp li .chatactvisitem .chatactvisicn .fa-circle {
  color: #23bf08;
  position: absolute;
  bottom: 2px;
  right: -5px;
}
.chatactvistcont .chatactvisItemwrp li .chatactvisitem .chatactvisicn .fa-circle.idle,
.chatactvistcont .chatactagntwrp li .chatactvisitem .chatactvisicn .fa-circle.idle {
  color: #f49917;
}

.chatfrmitemwrp .form-group {
  margin-bottom: 0.5rem;
}

#chattopbarbtn.chatboxtpbar {
  cursor: pointer;
}

.chatagentphoto {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 15px;
  background-color: #4662d4;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.chatagentphoto1 {
  background-image: url(../images/img2.jpg);
}

.chatagentphoto2 {
  background-image: url(../images/img8.jpg);
}

.chatagentphoto4 {
  background-image: url(../images/img6.jpg);
}

.chatagentphoto5 {
  background-image: url(../images/img3.jpg);
}

.chatagentphoto6 {
  background-image: url(../images/img5.jpg);
}

.chatagntname {
  font-size: 13px;
  color: #495057;
}

.agntcode {
  color: #dc3545;
}

#banvistormod p span.visid,
#endchatvistormod p span.visid {
  color: #dc3545;
}

.chattranviswrp {
  height: 200px;
  overflow-y: auto;
}
.chattranviswrp .chatrransitemwrp {
  display: flex;
  flex-direction: column;
}
.chattranviswrp .chatrransitemwrp li {
  list-style: none;
  border-bottom: solid 1px #ced4da;
  cursor: pointer;
  position: relative;
}
.chattranviswrp .chatrransitemwrp li:last-child {
  border-bottom: solid 1px #ced4da;
}
.chattranviswrp .chatrransitemwrp li:hover {
  background-color: #f8f9fa;
  border-left: solid 2px #4662d4;
}
.chattranviswrp .chatrransitemwrp li:hover .transferbtn {
  display: block;
}
.chattranviswrp .chatrransitemwrp .chattransviswrp {
  display: flex;
  align-items: center;
}
.chattranviswrp .chatrransitemwrp .chattransviswrp .headicn {
  font-size: 20px;
  color: #1b84e7;
  padding: 10px 15px;
}
.chattranviswrp .chatrransitemwrp .chattransviswrp .chatnamcodwrp h6 {
  margin: 0;
  font-size: 12px;
  color: #495057;
}
.chattranviswrp .chatrransitemwrp .chattransviswrp .chatnamcodwrp small {
  color: #dc3545;
}
.chattranviswrp .chatrransitemwrp .transferbtn {
  display: none;
  position: absolute;
  top: 10px;
  right: 10px;
}

.chatmesscontwrapp {
  height: 72vh;
}
.chatmesscontwrapp .chatmessconttabiewrp {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #1b84e7;
}
.chatmesscontwrapp .chatmessconttabiewrp .chatmesscontrabwrp {
  height: 50px;
  display: flex;
  align-items: flex-end;
}
.chatmesscontwrapp .chatmessconttabiewrp .chatmesscontrabwrp .chatmesscontab {
  padding: 10px 8px;
  margin-left: 10px;
  color: #ffffff;
  font-size: 13px;
  cursor: pointer;
}
.chatmesscontwrapp .chatmessconttabiewrp .chatmesscontrabwrp .chatmesscontab:hover {
  background-color: #fff;
  color: #495057;
}
.chatmesscontwrapp .chatmessconttabiewrp .chatmesscontrabwrp .chatmesscontab.active {
  background-color: #fff;
  color: #495057;
}
.chatmesscontwrapp .chatmessconttabiewrp .chatsignoutwrp {
  padding-right: 20px;
}
.chatmesscontwrapp .chatmessconttabiewrp .chatsignoutwrp .fa-power-off {
  font-size: 18px;
  color: #fff;
  cursor: pointer;
}
.chatmesscontwrapp .chatmesstabcontent {
  height: 100%;
  overflow-y: auto;
}
.chatmesscontwrapp .chatmessboxwrap {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.chatmesscontwrapp .chatmessboxwrap .chatvisidsign {
  height: 60px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  border-bottom: 1px solid #ced4da;
  padding: 0px 15px;
}
.chatmesscontwrapp .chatmessboxwrap .chatvisidsign .profphotwrp {
  display: flex;
  align-items: center;
  height: 100%;
}
.chatmesscontwrapp .chatmessboxwrap .chatvisidsign .profphotwrp .chatphotIcn .fa-user-o {
  font-size: 28px;
  color: #495057;
}
.chatmesscontwrapp .chatmessboxwrap .chatvisidsign .profphotwrp .chatvisidwrp h6 {
  font-size: 13px;
  color: #495057;
  margin: 0;
}
.chatmesscontwrapp .chatmessboxwrap .chatvisidsign .chatsignout {
  height: 100%;
  display: flex;
  align-items: center;
}
.chatmesscontwrapp .chatmessboxwrap .chatvismesboxbody {
  height: 100%;
  overflow-y: auto;
}
.chatmesscontwrapp .chatmessboxwrap .chatmessinputbox {
  height: 63px;
}
.chatmesscontwrapp .chatmessboxwrap .chatmessinputbox .chatareawrp {
  height: 100%;
  position: relative;
}
.chatmesscontwrapp .chatmessboxwrap .chatmessinputbox .chatareawrp .chatsubbtnwrp {
  position: absolute;
  top: 30px;
  right: 20px;
}
.chatmesscontwrapp .chatmessboxwrap .chatmessinputbox .chatareawrp .chatsubbtnwrp .btn-chat {
  background-color: #4662d4;
  color: #fff;
}
.chatmesscontwrapp .chatmessboxwrap .chatmessinputbox .chatareawrp span {
  color: #495057;
  font-size: 12px;
  padding-left: 10px;
}
.chatmesscontwrapp .chatmessboxwrap .chatmessinputbox .chatareawrp .chatemojiwrp {
  position: absolute;
  bottom: -8px;
  left: 5px;
  display: flex;
  align-items: center;
}
.chatmesscontwrapp .chatmessboxwrap .chatmessinputbox .chatareawrp .chatemojiwrp .btn-trans {
  color: #adadad;
}

.chatvisitdetwrp {
  padding: 0 20px;
  margin-top: 30px;
  height: 90%;
}

.overflwnone {
  overflow-y: inherit !important;
}

.chatgallwrp {
  margin-top: 20px;
  padding: 0 20px;
}
.chatgallwrp .chatthumbwrp {
  height: 250px;
  overflow-y: auto;
}
.chatgallwrp .chatthumbwrp .chatthumbitemwrp {
  display: flex;
  flex-direction: column;
  padding: 15px 10px;
}
.chatgallwrp .chatthumbwrp .chatthumbitemwrp .img-thumbnail {
  border-radius: 0px;
  cursor: pointer;
}
.chatgallwrp .chatthumbwrp .chatthumbitemwrp .img-thumbnail.active {
  border: solid 2px #1b84e7;
}
.chatgallwrp .chatgallcont {
  position: relative;
  width: 100%;
  height: 250px;
  padding: 5px;
  border: solid 1px #ced4da;
  background-image: url(../images/img2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-clip: content-box;
}

.chatgallupldwrp {
  padding: 20px 30px;
}

.chatupldfilenmewrp {
  display: flex;
  align-items: center;
  padding: 10px 0;
}
.chatupldfilenmewrp .chatfilname {
  color: #1b84e7;
  font-size: 12px;
  font-weight: 600;
}
.chatupldfilenmewrp .fa-close {
  cursor: pointer;
  color: #dc3545;
}

.addbtnwrp {
  position: absolute;
  top: 10px;
  right: 10px;
}

/*Emoji start here*/
.emojionearea .emojionearea-editor {
  min-height: 5.3em !important;
  max-height: 70px !important;
  padding: 0 !important;
  border-radius: 0px !important;
  color: #495057 !important;
  font-size: 13px !important;
  text-indent: 20px !important;
}
.emojionearea .emojionearea-editor::-moz-placeholder {
  color: #495057 !important;
}
.emojionearea .emojionearea-editor::placeholder {
  color: #495057 !important;
}
.emojionearea .emojionearea-editor::-webkit-input-placeholder {
  color: #495057 !important;
}
.emojionearea .emojionearea-button {
  left: 35px !important;
  top: 38px !important;
}
.emojionearea .emojionearea-picker {
  left: 0 !important;
}

/*Emoji End here*/
.chatupdfrmwrp {
  border: solid 1px #ced4da;
}

.td-bg-even tr:nth-child(odd) {
  background-color: #f8f9fa;
}

.bg-box-title {
  background-color: #f8f9fa;
  padding: 10px 15px;
  font-size: 12px;
  color: #495057;
  text-transform: uppercase;
  font-weight: 600;
}

.chatvistsumwrp {
  padding: 0px 20px 20px 20px;
}

.chatprofilewrp {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.chatprofilewrp .card-contact {
  padding: 15px;
  background-color: #fff;
  border: 1px solid #ced4da;
  width: 320px;
}
.chatprofilewrp .card-contact .card-img {
  width: 120px;
  border-radius: 100%;
  padding: 5px;
  border: 2px solid #1b84e7;
  background-color: #fff;
  transition: all 0.2s ease-in-out;
}
.chatprofilewrp .card-contact .card-img:hover, .chatprofilewrp .card-contact .card-img:focus {
  border-color: #187fe0;
  box-shadow: 0 0 10px rgba(27, 132, 231, 0.3);
}
.chatprofilewrp .card-contact .contact-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0;
  padding: 8px 0;
  border-top: 1px solid #dee2e6;
  font-size: 13px;
  color: #495057;
}
.chatprofilewrp .card-contact .contact-item span i.fa-pencil-square-o {
  cursor: pointer;
}
.chatprofilewrp .card-contact .contact-name {
  color: #343a40;
}
.chatprofilewrp .tx-center {
  text-align: center;
}

.chatnotiftypewrp {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 20px;
}

.chatsoundnotitype {
  margin-top: 30px;
  padding-left: 20px;
}

.chatsoundnottypitem {
  width: 35%;
}

.chatnotifwrp {
  padding: 20px 30px;
}

.m-livmob-show {
  display: none;
}

.wrkflwpopsearch {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 15px 20px;
  position: relative;
}
.wrkflwpopsearch .fa-search {
  color: #1b84e7;
  position: absolute;
  top: 8px;
  right: 10px;
  font-size: 16px;
  cursor: pointer;
}

.wrkflwviewdetdrp .dropdown-menu {
  padding: 0;
  border-radius: 5px;
}

.wrkflwsubdet {
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
  border-bottom: solid 1px #ced4da;
}
.wrkflwsubdet:last-child {
  border-bottom: none;
}
.wrkflwsubdet p {
  margin-bottom: 0;
  font-size: 13px;
  color: #495057;
}
.wrkflwsubdet p a {
  text-decoration: none;
}
.wrkflwsubdet p a:hover {
  background-color: #fff;
  text-decoration: underline !important;
  color: #1b84e7;
}

.dndhourswrp {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.dndbettxt {
  padding: 0 15px;
  font-size: 13px;
  color: #495057;
  font-weight: 300;
}

.deldndhours {
  font-size: 20px;
  color: #dc3545;
  margin-left: 20px;
  cursor: pointer;
}

/*Lead Management*/
.lmssummwrp {
  display: flex;
  align-items: center;
  padding: 0 20px;
  height: 28%;
}

.lmsnumcountblue {
  font-size: 36px;
  color: #1b84e7;
  font-weight: 600;
  margin-right: 30px;
}

.lmsnumcountpur {
  font-size: 36px;
  color: #4662d4;
  font-weight: 600;
  margin-right: 30px;
}

.lmsumcountname {
  font-size: 13px;
  color: #495057;
}

.lmssumcontwrp {
  display: flex;
  flex-direction: column;
}

.text-col-pur {
  color: #4662d4;
  font-weight: 400;
}

.tbl-bord-0 table {
  border: none;
}
.tbl-bord-0 table th {
  border-right: none;
  text-transform: uppercase;
}
.tbl-bord-0 table tr {
  border-bottom: solid 1px #ced4da;
}
.tbl-bord-0 table tr:last-child {
  border-bottom: none;
}
.tbl-bord-0 table tr td {
  border-right: none;
  font-size: 13px;
  border-bottom: none;
}

.lmstdclmnwrp {
  display: flex;
  flex-direction: column;
}
.lmstdclmnwrp .lmsleadname {
  color: #495057;
  font-weight: 600;
}
.lmstdclmnwrp .lmsleadem {
  font-size: 12px;
  color: #1b84e7;
}
.lmstdclmnwrp .lmsleadph {
  font-size: 12px;
  color: #495057;
}

.lmsstagedot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 5px;
  display: inline-block;
}

.lmsleaddaswrp {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.lmsleaddaswrp .leadwondaswrp {
  height: 49%;
  background-color: #fff;
  border: solid 1px #ced4da;
}
.lmsleaddaswrp .leadwondaswrp .leadwondascont {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.lmsleaddaswrp .leadwondaswrp .leadwondascont .leadwondasconttop {
  height: 100px;
}

.lmsleadcountper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
}
.lmsleadcountper .leadwondasNum {
  font-size: 36px;
  color: #343a40;
  font-weight: 400;
}
.lmsleadcountper .leadwondasper {
  font-size: 12px;
  color: #495057;
}
.lmsleadcountper .leadwondasper .fa-caret-down {
  color: #dc3545;
}
.lmsleadcountper .leadwondasper .fa-caret-up {
  color: #23bf08;
}

.lmsdummybarwrp {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  height: 100%;
}
.lmsdummybarwrp .bargrp {
  width: 10%;
  margin-right: 4px;
  background-color: #23bf08;
  opacity: 0.5;
}
.lmsdummybarwrp .bargrp.ht-60 {
  height: 60px;
}
.lmsdummybarwrp .bargrp.ht-50 {
  height: 50px;
}
.lmsdummybarwrp .bargrp.ht-40 {
  height: 40px;
}
.lmsdummybarwrp .bargrp.ht-30 {
  height: 30px;
}
.lmsdummybarwrp .bargrp.ht-70 {
  height: 70px;
}
.lmsdummybarwrp .bargrplst {
  width: 10%;
  margin-right: 4px;
  background-color: #dc3545;
  opacity: 0.5;
}
.lmsdummybarwrp .bargrplst.ht-60 {
  height: 60px;
}
.lmsdummybarwrp .bargrplst.ht-50 {
  height: 50px;
}
.lmsdummybarwrp .bargrplst.ht-40 {
  height: 40px;
}
.lmsdummybarwrp .bargrplst.ht-30 {
  height: 30px;
}
.lmsdummybarwrp .bargrplst.ht-70 {
  height: 70px;
}

.lmsuserstagewrp {
  display: flex;
  align-items: center;
}

.lmsalluserwrp {
  width: 250px;
  margin-right: 10px;
}

.formeditorsavewrp {
  display: flex;
  align-items: center;
}

.previewbg {
  background-color: #6c757d;
}

.frmactionbtn {
  color: #f8f8fa;
  padding: 7px 10px;
  margin-right: 2px;
  cursor: pointer;
}

.savebg {
  background-color: #1b84e7;
}

.publishbg {
  background-color: #1ea506;
}

.workfloweditwrp {
  margin-top: 15px;
  height: 600px;
}
.workfloweditwrp .workflowhte {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
}

.drpdowndatafield {
  font-size: 13px;
}

.addidentiwrp {
  display: flex;
  align-items: center;
  width: 180px;
}

.addidentitxtbx {
  width: 100%;
  height: 25px;
  background-color: #ffffff;
  border: none;
  font-size: 12px;
  text-indent: 15px;
  color: #e83e8c;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.addidentitxtbx:disabled {
  background-color: transparent;
  color: #e83e8c !important;
}

#editicn.fa-check {
  color: #23bf08;
  font-size: 18px;
  cursor: pointer;
}

.wrkflwactionwrp .wrkflwacttop {
  height: 40px;
  color: #fff;
  text-transform: uppercase;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
}
.wrkflwactionwrp .wrkflwacttab {
  height: 35px;
  display: flex;
  align-items: center;
}
.wrkflwactionwrp .wrkflwacttab .wrkflwacttabitem {
  flex-grow: 1;
  font-size: 12px;
  border-right: solid 1px #ced4da;
  border-bottom: solid 1px #ced4da;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  cursor: pointer;
}
.wrkflwactionwrp .wrkflwacttab .wrkflwacttabitem:last-child {
  border-right: none;
}
.wrkflwactionwrp .wrkflwacttab .wrkflwacttabitem:hover {
  background-color: #e9ecef;
}
.wrkflwactionwrp .wrkflwacttab .wrkflwacttabitem.active {
  border-bottom: solid 2px #4662d4;
  color: #4662d4;
  font-weight: 600;
}

.wrkflwactcontwrp {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 15px 0px 15px;
  flex-wrap: wrap;
  /* ul {
    list-style: none;
    @include df-fd-clmn();
    width: 100%;
    li {
      border-bottom: solid 1px $border-col;
      a {
        color: $text-color;
        display: block;
        width: 100%;
        height: 40px;
        display: flex;
        align-items: center;
        padding-left: 20px;
        &:hover {
          background-color: $dropdownHoverBg;
          color: $bg-col-blue;
        }
      }
      i {
        margin-right: 10px;
      }
    }
  } */
}
.wrkflwactcontwrp .wrkflwactcontItem {
  margin-top: 10px;
  margin-right: 10px;
  cursor: pointer;
}
.wrkflwactcontwrp .wrkflwactcontItem .wrkflwactround {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.wrkflwactcontwrp .wrkflwactcontItem .wrkflwactround i {
  color: #fff;
  font-size: 18px;
}
.wrkflwactcontwrp .wrkflwactcontItem .wrkflwactroundch {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.wrkflwactcontwrp .wrkflwactcontItem .wrkflwactroundch i {
  color: #fff;
  font-size: 18px;
}
.wrkflwactcontwrp .wrkflwactcontItem p {
  font-size: 13px;
  color: #495057;
  padding-top: 5px;
  text-align: center;
}
.wrkflwactcontwrp .popupsubtitle {
  font-size: 12px !important;
  color: #e83e8c !important;
}

.flow_control_icons,
.actions_icons {
  list-style: none;
  padding-left: 0px;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.flow_control_icons li,
.actions_icons li {
  display: inline-block;
  margin-right: 10px;
}

.bg-wrkctrl, .wrkflwactcontwrp .wrkflwactcontItem .wrkflwactround {
  background-image: linear-gradient(to right, #0476d9 0%, #f20ccc 100%);
  background-repeat: repeat-x;
}

.bg-wrkchnnl, .wrkflwactcontwrp .wrkflwactcontItem .wrkflwactroundch {
  background-image: linear-gradient(to right, #0ad2e0 0%, #286df5 100%);
  background-repeat: repeat-x;
}

.pd-40 {
  padding: 40px;
}

.maincontainerfixhite {
  margin-top: 15px;
  background-color: #fff;
  border: solid 1px #ced4da;
  height: calc(100vh - 200px);
}
.maincontainerfixhite .mainflxcolumn {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.maincontainerfixhite .mainflxcolumn .col-hite-100 {
  height: 100%;
  overflow-y: auto;
}
.maincontainerfixhite .mainflxcolumn .col-foot-save {
  height: 50px;
  border-top: solid 1px #ced4da;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.wrkflwrulname {
  color: #e83e8c;
  font-weight: 600;
  text-transform: uppercase;
  padding-left: 5px;
}
.wrkflwrulname .wrkflweidt {
  font-size: 11px;
  color: #e83e8c;
}
.wrkflwrulname span {
  margin-left: 10px;
  font-size: 16px;
  color: #495057;
  cursor: pointer;
}

.wrkflwhispopupbg {
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
  display: none;
  align-items: center;
  justify-content: center;
}
.wrkflwhispopupbg .wrkflwpopupmain {
  width: 80%;
  height: 600px;
  background-color: #f0f2f7;
  display: flex;
  flex-direction: column;
}
.wrkflwhispopupbg .wrkflwpopupmain .wrkflwtoptitle {
  height: 50px;
  background-color: #fff;
  border-bottom: 1px solid #ced4da;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
}
.wrkflwhispopupbg .wrkflwpopupmain .wrkflwtoptitle p {
  margin-bottom: 0;
}
.wrkflwhispopupbg .wrkflwpopupmain .wrkflwtoptitle p.wrkflwtitle {
  font-size: 14px;
  text-transform: uppercase;
  color: #1b84e7;
}
.wrkflwhispopupbg .wrkflwpopupmain .wrkflwtoptitle p .fa-close {
  font-size: 16px;
  color: #dc3545;
  cursor: pointer;
}
.wrkflwhispopupbg .wrkflwpopupmain .wrkflwnamewrp {
  position: relative;
}
.wrkflwhispopupbg .wrkflwpopupmain .wrkflwnamewrp::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0px;
  height: 100%;
  z-index: 40;
}
.wrkflwhispopupbg .wrkflwpopupmain .wrkflwnamewrp h6 {
  font-size: 13px;
  color: #343a40;
  cursor: pointer;
  padding: 8px;
}
.wrkflwhispopupbg .wrkflwpopupmain .wrkflwnamewrp h6 span {
  padding-right: 10px;
}
.wrkflwhispopupbg .wrkflwpopupmain .wrkflwnamewrp h6:hover {
  background-color: #e9ecef;
}
.wrkflwhispopupbg .wrkflwpopupmain .wrkflwnamewrp h6.active {
  color: #1b84e7;
  font-weight: 600;
}
.wrkflwhispopupbg .wrkflwpopupmain .wrkflwnamewrp .wrkflwchldwrp {
  padding-left: 30px;
}
.wrkflwhispopupbg .wrkflwpopupmain .wrkflwnamewrp .wrkflwchldwrp .wrkflwemailwrp {
  margin: 10px 0;
}
.wrkflwhispopupbg .wrkflwpopupmain .wrkflwnamewrp .wrkflwchldwrp .wrkflwemailwrp .wrkflwemailicnwrp {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.wrkflwhispopupbg .wrkflwpopupmain .wrkflwnamewrp .wrkflwchldwrp .wrkflwemailwrp .wrkflwemailicnwrp .wrkflwicnwrp {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.wrkflwhispopupbg .wrkflwpopupmain .wrkflwnamewrp .wrkflwchldwrp .wrkflwemailwrp .wrkflwemailicnwrp .wrkflwicnwrp .fa-envelope,
.wrkflwhispopupbg .wrkflwpopupmain .wrkflwnamewrp .wrkflwchldwrp .wrkflwemailwrp .wrkflwemailicnwrp .wrkflwicnwrp .fa-bell-o {
  color: #fff;
  font-size: 12px;
}
.wrkflwhispopupbg .wrkflwpopupmain .wrkflwnamewrp .wrkflwchldwrp .wrkflwemailwrp .wrkflwemailicnwrp .wrkflwicnwrp .fa-commenting-o {
  font-size: 14px;
  color: #fff;
}
.wrkflwhispopupbg .wrkflwpopupmain .wrkflwnamewrp .wrkflwchldwrp .wrkflwemailwrp .wrkflwemailicnwrp .wrkflwicnwrp .fa-mobile {
  font-size: 15px;
  color: #fff;
}
.wrkflwhispopupbg .wrkflwpopupmain .wrkflwnamewrp .wrkflwchldwrp .wrkflwemailwrp .wrkflwemailicnwrp h4 {
  margin-bottom: 0;
  font-size: 13px;
  color: #495057;
}
.wrkflwhispopupbg .wrkflwpopupmain .wrkflwnamewrp .wrkflwchldwrp .wrkflwemailwrp .wrkflwemailicnwrp h4.active {
  color: #1b84e7;
  font-weight: 600;
}
.wrkflwhispopupbg .wrkflwpopupmain .wrkflwnamewrp .wrkflwchldwrp .wrkflwemailwrp .wrkflwemailchild {
  padding-left: 20px;
  margin-top: 5px;
}
.wrkflwhispopupbg .wrkflwpopupmain .wrkflwnamewrp .wrkflwchldwrp .wrkflwemailwrp .wrkflwemailchild ul {
  padding: 0;
  margin: 0;
  padding-left: 15px;
}
.wrkflwhispopupbg .wrkflwpopupmain .wrkflwnamewrp .wrkflwchldwrp .wrkflwemailwrp .wrkflwemailchild ul li {
  list-style: none;
  font-size: 12px;
  color: #6c757d;
  cursor: pointer;
  padding: 3px 0;
}
.wrkflwhispopupbg .wrkflwpopupmain .wrkflwnamewrp .wrkflwchldwrp .wrkflwemailwrp .wrkflwemailchild ul li:hover {
  color: #1b84e7;
}
.wrkflwhispopupbg .wrkflwpopupmain .wrkflwnamewrp .wrkflwchldwrp .wrkflwemailwrp .wrkflwemailchild ul li.active {
  color: #4662d4;
  font-weight: 600;
}

.bg-blue {
  background-color: #1b84e7;
}

.bg-purple {
  background-color: #4662d4;
}

.bg-pink {
  background-color: #e83e8c;
}

.box-h-550 {
  height: 550px;
  overflow-y: auto;
}

.wrkflwdetconttabwrp {
  height: 100%;
  padding: 0 15px 0px 5px;
  overflow-y: auto;
}

.wrkflwresnumwrp {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 20px;
}
.wrkflwresnumwrp p {
  margin-bottom: 0;
  font-size: 12px;
  color: #495057;
  text-transform: uppercase;
}
.wrkflwresnumwrp h1 {
  font-size: 36px;
  color: #495057;
  font-weight: 400;
}

.box-shadow-all {
  box-shadow: 0 0 6px #bcbdc0;
}

.icnclsedrp {
  position: absolute;
  bottom: 2px;
  font-size: 12px !important;
  left: 8px;
  color: #dc3545 !important;
}

.lmsstagewrpdrpdwn {
  display: flex;
  align-items: center;
}

.lmslabelhot {
  background-color: #dc3545;
  padding: 2px 6px;
  color: #fff;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 300;
}

.lmslabelwarm {
  background-color: #f49917;
  padding: 2px 6px;
  color: #fff;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 300;
}

.lmslabelcold {
  background-color: #1b84e7;
  padding: 2px 6px;
  color: #fff;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 300;
}

.lmslblstage {
  padding: 1px 6px;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 500;
  color: #fff;
}

.lmslblleadin {
  background-color: #4662d4;
}

.lmslblcontmode {
  background-color: #f49917;
}

.lmslblpropos {
  background-color: #23bf08;
}

.lmsactiondrpdwn {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.lmsactiondrpdwn .tdcreatedraft .dropdown-menu {
  padding: 0;
  border-radius: 0px;
}

.lmsactiondrpdwnbrdradis {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.lmsdrpdwntabwrp .lmsdrpdwntab {
  display: flex;
  align-items: center;
}
.lmsdrpdwntabwrp .lmsdrpdwntab .lmsdrpdwntabmenu {
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-right: solid 1px #ced4da;
  font-size: 12px;
  color: #495057;
  text-align: center;
  justify-content: center;
  background-color: #e9ecef;
  cursor: pointer;
  height: 28px;
}
.lmsdrpdwntabwrp .lmsdrpdwntab .lmsdrpdwntabmenu:last-child {
  border-right: none;
}
.lmsdrpdwntabwrp .lmsdrpdwntab .lmsdrpdwntabmenu.active {
  background-color: #4662d4;
  color: #fff;
}
.lmsdrpdwntabwrp .lmsactiontabcont .list-group-item {
  font-size: 12px;
  border-bottom: solid 1px #ced4da;
  border-left: none;
  border-right: none;
  padding: 6px 10px;
}
.lmsdrpdwntabwrp .lmsactiontabcont .list-group-item:first-child {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.lmsdrpdwntabwrp .lmsactiontabcont .list-group-item:last-child {
  border-bottom: none;
}

.lmsstagefiltwrp {
  display: flex;
  align-items: center;
}

.lmssendmailinput {
  display: flex;
  align-items: center;
  background-color: #fff;
}

.emailcc {
  font-size: 11px;
  color: #4662d4;
  cursor: pointer;
  border: solid 1px #4662d4;
  margin-right: 20px;
  padding: 0 5px;
  text-align: center;
  border-radius: 3px;
}

.lmstempprev {
  font-size: 9px;
  color: #4662d4;
  cursor: pointer;
  border: solid 1px #4662d4;
  margin-right: 10px;
  padding: 0 5px;
  text-align: center;
  border-radius: 3px;
  text-transform: uppercase;
}

.w-30 {
  width: 30%;
}

.w-40 {
  width: 40%;
}

.lmspreviewtempwrp {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}
.lmspreviewtempwrp .lmspreviewtempItem {
  width: 300px;
  height: 400px;
  position: relative;
}

.lmsimgprev {
  background-image: url(../images/Template45.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  height: 100%;
}

.clsicnprev {
  position: absolute;
  right: 0;
  color: #dc3545;
  cursor: pointer;
}

.lmsschedulemailwrp {
  padding: 0 20px;
}

.lmsschedulesmswrp {
  padding: 0 20px 0px 0px;
}

.iconadwords {
  width: 20px;
  height: 20px;
  background-image: url("../images/adwrd.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  display: block;
  margin-right: 10px;
}

.iconadsense {
  width: 20px;
  height: 20px;
  background-image: url("../images/adsen.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  display: block;
  margin-right: 10px;
}

.tables-Calls audio {
  width: 220px;
  background-color: transparent;
}

audio::-webkit-media-controls-play-button,
audio::-webkit-media-controls-panel {
  background-color: #efefef;
  color: #efefef;
}

.ucptitlebox {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: solid 1px #ced4da;
}

.lmshandledwrp {
  display: flex;
  align-items: center;
}
.lmshandledwrp p {
  font-size: 12px;
  color: #495057;
  font-weight: 500;
  word-break: break-word;
}

.nameAlpha.repeatlead {
  background-color: #23bf08;
}

.lmsquickfilterwrp {
  display: flex;
  align-items: center;
}

.lmssourcefilterwrp {
  width: 200px;
  margin-right: 10px;
}
.lmssourcefilterwrp .lmsdrpdwnsel {
  display: flex;
  align-items: center;
}
.lmssourcefilterwrp .fa-close {
  cursor: pointer;
  color: #dc3545;
}
.lmssourcefilterwrp .btn-light {
  background-color: #fff;
}
.lmssourcefilterwrp .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  font-size: 13px;
  color: #495057;
}
.lmssourcefilterwrp .btn {
  padding: 4px 10px;
  font-size: 13px;
  border: solid 1px #ced4da;
}

.lmsstagefilterwrp, .lmsmediumfilterwrp, .lmscampaignfilterwrp {
  width: 200px;
  margin-right: 10px;
}
.lmsstagefilterwrp .lmsdrpdwnsel, .lmsmediumfilterwrp .lmsdrpdwnsel, .lmscampaignfilterwrp .lmsdrpdwnsel {
  display: flex;
  align-items: center;
}
.lmsstagefilterwrp .fa-close, .lmsmediumfilterwrp .fa-close, .lmscampaignfilterwrp .fa-close {
  cursor: pointer;
  color: #dc3545;
}

.lmshandledfilterwrp {
  width: 200px;
  margin-right: 10px;
}
.lmshandledfilterwrp .lmsdrpdwnsel {
  display: flex;
  align-items: center;
}
.lmshandledfilterwrp .fa-close {
  cursor: pointer;
  color: #dc3545;
}

.lmslabelfilterwrp {
  width: 200px;
  margin-right: 10px;
}
.lmslabelfilterwrp .lmsdrpdwnsel {
  display: flex;
  align-items: center;
}
.lmslabelfilterwrp .fa-close {
  cursor: pointer;
  color: #dc3545;
}

.h-auto {
  height: auto !important;
}

.lmsfilthite {
  height: auto !important;
  padding: 10px 0;
}

.checkBxCount {
  padding-left: 20px;
}

.uniqueicon {
  font-size: 16px;
  color: #6c757d;
  cursor: pointer;
}

.lmssavedrepname {
  display: flex;
  align-items: center;
}

#lmssavedreport .table {
  background-color: #fff;
}

.colwhiteh-100 {
  background-color: #fff;
  height: 100% !important;
}

.lmsfildswrp {
  color: #1b84e7;
  font-size: 20px;
  margin-left: 10px;
  cursor: pointer;
}

.lmssvrepdel {
  color: #dc3545;
  font-size: 20px;
  margin-left: 10px;
  cursor: pointer;
}

.lmsstagecolwrp {
  display: flex;
  align-items: center;
}

.lmslblstagecol {
  padding: 1px 6px;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 500;
  color: #fff;
  background-color: #4662d4;
}

.lmslblbluecol {
  background-color: #0029fa;
}

.lmslblpurplecol {
  background-color: #8d07f6;
}

.lmslblyellcol {
  background-color: #f2b90c;
}

.lmslblpinkcol {
  background-color: #d50dd9;
}

.lmslblgreencol {
  background-color: #238c2a;
}

.lmslblhotredcol {
  background-color: #bf0b3b;
}

.lmsstagecolprev, .inappbgbrdcolicon, .inappbgcolicon {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #fff;
  margin-left: 20px;
  position: absolute;
  top: 4px;
  right: 10px;
  background-color: #1b84e7;
}

.temppreveye .ion-ios-eye-outline:hover .previewtabwrp {
  display: block;
}

.previewtabwrp {
  position: absolute;
  top: -30px;
  left: 27px;
  background-color: #fff;
  border: solid 1px #ced4da;
  width: auto;
  height: auto;
  z-index: 100;
  display: none;
}
.previewtabwrp::before {
  font-family: FontAwesome;
  content: "\f0d9";
  position: absolute;
  left: -15px;
  top: 10px;
  font-size: 40px;
  color: #ced4da;
}

.prevpopupdefault .previewtabwrp {
  position: absolute;
  top: -30px !important;
  left: 27px;
  background-color: #fff;
  border: solid 1px #ced4da;
  width: auto;
  height: auto;
  z-index: 100;
  display: none;
}
.prevpopupdefault .previewtabwrp::before {
  font-family: FontAwesome;
  content: "\f0d9";
  position: absolute;
  left: -15px;
  top: 10px !important;
  font-size: 40px;
  color: #ced4da;
}

table.popuppreveye-tbl tr:nth-last-child(1) .temppreveye .ion-ios-eye-outline .previewtabwrp,
table.popuppreveye-tbl tr:nth-last-child(2) .temppreveye .ion-ios-eye-outline .previewtabwrp,
table.popuppreveye-tbl tr:nth-last-child(3) .temppreveye .ion-ios-eye-outline .previewtabwrp,
table.popuppreveye-tbl tr:nth-last-child(4) .temppreveye .ion-ios-eye-outline .previewtabwrp {
  top: -200px;
}
table.popuppreveye-tbl tr:nth-last-child(1) .temppreveye .ion-ios-eye-outline .previewtabwrp::before,
table.popuppreveye-tbl tr:nth-last-child(2) .temppreveye .ion-ios-eye-outline .previewtabwrp::before,
table.popuppreveye-tbl tr:nth-last-child(3) .temppreveye .ion-ios-eye-outline .previewtabwrp::before,
table.popuppreveye-tbl tr:nth-last-child(4) .temppreveye .ion-ios-eye-outline .previewtabwrp::before {
  top: 180px;
}

.lmsinactvnotifwrp {
  display: flex;
  align-items: center;
}

.lmsinactvnotifwrps {
  display: flex;
}

.lmsaddrulewrp {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
}

.lmsaddruleeditwrp {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.lmsaddruleeditwrp .lmsaddruleedittop {
  height: 40px;
  border-bottom: solid 1px #ced4da;
}
.lmsaddruleeditwrp .lmsaddruleedittop .box-title {
  padding-top: 13px;
}
.lmsaddruleeditwrp .lmsaddruleeditmid {
  height: 100%;
  overflow-y: auto;
}
.lmsaddruleeditwrp .lmsaddruleditbttm {
  height: 50px;
  padding: 0 20px;
  border-top: solid 1px #ced4da;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.box-grey {
  background-color: #e9ecef;
  height: 100%;
}

.lmsaddrulnotifwrp {
  padding: 30px;
}

.lmsaddfildval {
  font-size: 20px;
  color: #1b84e7;
  cursor: pointer;
  margin-left: 15px;
  margin-top: 10px;
}

.lmsaddfilddel {
  font-size: 20px;
  color: #dc3545;
  cursor: pointer;
  margin-left: 15px;
  margin-top: 10px;
}

.lmsclseaddrule {
  color: #dc3545;
  margin-right: 15px;
  cursor: pointer;
}

.lmscallsettdefwrp {
  width: 100%;
  height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lmscallsettdefwrp .lmscallsttdefItem {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.lmscallsettdefwrp .lmscallsttdefItem .lmscallsttdefimg {
  width: 152px;
  height: 138px;
  background-image: url(../images/lms-call-settings.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.lmscallsettdefwrp .lmscallsttdefItem .lmscallsttdeftxt {
  text-align: center;
}
.lmscallsettdefwrp .lmscallsttdefItem .lmscallsttdeftxt h1 {
  font-size: 18px;
  color: #495057;
  font-weight: 300;
  padding-top: 20px;
}
.lmscallsettdefwrp .lmscallsttdefItem .lmscallsttdeftxt p {
  font-size: 13px;
  color: #495057;
}
.lmscallsettdefwrp .lmscallsttdefItem .lmscallstatuspendwrp {
  text-align: center;
}
.lmscallsettdefwrp .lmscallsttdefItem .lmscallstatuspendwrp p {
  font-size: 13px;
  color: #495057;
  padding-top: 20px;
  margin-bottom: 5px;
}
.lmscallsettdefwrp .lmscallsttdefItem .lmscallstatuspendwrp h3 {
  font-size: 14px;
  color: #495057;
  font-weight: 300;
}

.lmscallsetmaimwrp {
  border: solid 1px #ced4da;
  margin: 20px;
  display: flex;
  flex-direction: column;
}
.lmscallsetmaimwrp .lmscallsetenblwrp {
  height: 60px;
  border-bottom: solid 1px #ced4da;
  padding: 0 20px;
}
.lmscallsetmaimwrp .lmscallsetenblwrp .lmscallsettxtwrp {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}
.lmscallsetmaimwrp .lmscallsetenblwrp .lmscallsettxtwrp h6 {
  font-size: 13px;
  color: #495057;
  margin-bottom: 0;
  text-transform: uppercase;
}
.lmscallsetmaimwrp .lmscallsetenblwrp .lmscallsettxtwrp h6 span {
  font-size: 12px;
}
.lmscallsetmaimwrp .lmscallsetenblwrp .lmscallsettxtwrp h6 span .fa-check-circle-o {
  color: #23bf08;
  padding-right: 5px;
  padding-left: 10px;
}
.lmscallsetmaimwrp .lmscallsetenblwrp .lmscallsettxtwrp p {
  font-size: 12px;
  color: #6c757d;
}

.lmsaddcallnumbwrp {
  padding: 20px;
}
.lmsaddcallnumbwrp h6 {
  margin-bottom: 0;
  background-color: #f1f5f9;
  padding: 10px 15px;
  font-size: 13px;
  color: #1b84e7;
  border: solid 1px #f0f2f7;
  cursor: pointer;
}

.min-h-100 {
  min-height: 100px !important;
}

.lmsaddphnpopupwrp p {
  font-size: 13px;
  color: #495057;
}

.lmsverifnumtxt {
  font-size: 24px;
  color: #495057;
}

.lmsverifnumwrp {
  width: 80%;
  margin: auto;
}

.lmsverifcodewrp {
  width: 180px;
  height: 80px;
  background-color: #fff;
  border: solid 1px #ced4da;
  font-size: 24px;
  color: #495057;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
}

.tdcreatedraft .infocampresponse {
  font-size: 16px;
  color: #b0b0b1;
  margin-right: 10px;
}

.ordbydropdown .btn, .ordbydropdownlms .btn {
  background-color: transparent;
  color: #1b84e7;
  outline: none;
  font-size: 13px;
  border: solid 1px #1b84e7;
}
.ordbydropdown .dropdown-menu a, .ordbydropdownlms .dropdown-menu a {
  font-size: 13px;
}
.ordbydropdown .fa-sort-amount-desc, .ordbydropdownlms .fa-sort-amount-desc {
  font-size: 14px;
}

.lmslblwrp {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.lmslblwrp .ion-android-more-vertical {
  font-size: 18px;
  color: #b1afaf;
}

.lmseditlabel {
  cursor: pointer;
}

.lmshandlednamedrp {
  font-size: 16px;
  color: #495057;
  margin-left: 5px;
  cursor: pointer;
}

.lmsshuffle {
  font-size: 16px;
  color: #dc3545;
  cursor: pointer;
}

.lmschangestage {
  cursor: pointer;
}

.lmscustomdate {
  font-size: 18px !important;
  color: #dc3545 !important;
  margin-left: 10px;
  cursor: pointer;
}

.subcustdatewrp {
  height: 45px;
  background-color: #fff;
  border-right: solid 1px #ced4da;
  border-left: solid 1px #ced4da;
  border-top: solid 1px #ced4da;
  padding: 0px 15px;
}

.lmsdatecustclse {
  color: #dc3545 !important;
}

.livechatusertype {
  padding: 3px 0;
  /*Spinner inside button*/
  /*Spinner inside button*/
}
.livechatusertype .lchat-three-bounce {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.livechatusertype .lchat-three-bounce .lchat-child {
  width: 8px;
  height: 8px;
  background-color: #6f42c1;
  border-radius: 100%;
  display: inline-block;
  animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
}
.livechatusertype .lchat-three-bounce .lchat-bounce1 {
  animation-delay: -0.32s;
}
.livechatusertype .lchat-three-bounce .lchat-bounce2 {
  animation-delay: -0.16s;
}
@keyframes lchat-three-bounce {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}

/*Spinner end here*/
.chatactvissett {
  display: flex;
  align-items: center;
}
.chatactvissett .lvechatcount {
  margin-right: 15px;
  width: 20px;
  height: 20px;
  background-color: #6f42c1;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 11px;
}
.chatactvissett .lvechatcount.lvechatcountchked {
  background-color: #23bf08;
}

.iconsettingswrp .addleadprop {
  font-size: 24px;
  color: #495057;
  cursor: pointer;
  padding-right: 10px;
}

/*Lead Management*/
/*Mobile Push Notification*/
.campprevtestcont {
  width: 80%;
  margin: auto;
}

.bg-black {
  background-color: rgb(19, 18, 18);
}

.max-wid-330 {
  max-width: 330px !important;
}

.max-wid-100 {
  max-width: 100% !important;
}

.pushnotiftopband {
  width: 100%;
  background-color: #fff;
  padding: 6px;
  border-radius: 3px;
  display: flex;
  box-shadow: 0px 0px 6px #c0bdbd;
  margin-bottom: 10px;
}
.pushnotiftopband .pushnotiflogowrp {
  width: 40px;
  height: 40px;
  background-image: url("../images/p5-blue-box-logo.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  margin-right: 10px;
}
.pushnotiftopband .pushnotifcontwrp {
  width: 100%;
}
.pushnotiftopband .pushnotifcontwrp h6 {
  font-size: 14px;
  color: #495057;
  margin-bottom: 0;
  padding-bottom: 5px;
}
.pushnotiftopband .pushnotifcontwrp p {
  font-size: 12px;
  color: #6c757d;
  margin-bottom: 0;
  padding-bottom: 5px;
}
.pushnotiftopband .pushnotifcontwrp small {
  font-size: 11px;
  color: #495057;
}

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

.pushnotifbanwrp {
  width: 100%;
  height: 120px;
  background-image: url("../images/pitza.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  margin-top: 5px;
  border-radius: 3px;
}

.pushnotifprevrite {
  padding: 30px 15px;
}
.pushnotifprevrite .chatmobileprevwrp {
  height: 550px;
}

.mobnotifvalpair {
  margin-top: 30px;
}

.mobvalpairfield {
  display: flex;
  align-items: center;
}

.mobvalpairitem {
  display: flex;
  align-items: center;
  margin-top: 20px;
}

.mobsetfrmwrp {
  padding: 30px;
  width: 80%;
}

.mobauthkeyupld,
.mobcertifupld {
  margin: 25px 0px;
}

.mobauthfrmfld {
  margin: 25px 0px;
  width: 50%;
}

.min-h-200 {
  min-height: 200px !important;
}

.min-h-300 {
  min-height: 300px !important;
}

.min-h-360 {
  min-height: 360px !important;
}

.min-h-400 {
  min-height: 400px !important;
}

.tblnametx {
  display: flex;
  align-items: center;
}
.tblnametx p {
  margin-bottom: 0;
}

.inAppsellaywrp {
  padding: 10px 0 10px 10px;
  border-top: solid 1px #ced4da;
  border-left: solid 1px #ced4da;
}

.inApptabcontainer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 36px;
  border-top: solid 1px #ced4da;
  border-left: solid 1px #ced4da;
}

.inapptabswrp {
  display: flex;
  align-items: center;
  height: 100%;
}

.inapptabitemwrp {
  height: 100%;
  margin-right: 5px;
  display: flex;
  align-items: center;
  font-size: 13px;
  color: #495057;
  text-transform: uppercase;
  font-weight: 700;
  padding: 0 20px;
  cursor: pointer;
}
.inapptabitemwrp.active {
  background-color: #1b84e7;
  color: #fff;
}
.inapptabitemwrp:hover {
  background-color: #e9ecef;
  color: #495057;
}

.inAppnotifcontwrp, .inappcontentwrp {
  padding: 20px;
  border-bottom: solid 1px #ced4da;
  border-left: solid 1px #ced4da;
}

.inAppbtncontwrp {
  padding: 20px;
  border-bottom: solid 1px #ced4da;
  border-left: solid 1px #ced4da;
}

.bg-body {
  background-color: #f0f2f7 !important;
}

.inAppmaincontainer {
  margin: 10px;
  background-color: #fff;
  padding: 10px;
  border-radius: 5px;
  border-style: solid;
  border-color: #fff;
  border-width: 1px;
  width: 100%;
  position: relative;
}
.inAppmaincontainer .inAppclsewrp {
  position: absolute;
  right: -5px;
  top: -10px;
  width: 15px;
  height: 15px;
  background-color: #dc3545;
  color: #fff;
  font-size: 12px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.inAppbantxtimgwrp .inAppbanwrp {
  height: 120px;
  background-image: url(../images/inApp-ban.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  cursor: pointer;
  margin: 10px 0 10px;
  position: relative;
}
.inAppbantxtimgwrp .inAppbantitle {
  font-size: 14px;
  color: #495057;
  /* padding: 15px 0 5px 0; */
  line-height: 22px;
  margin-bottom: 0;
  cursor: pointer;
  border: solid 0 #fff;
}

.inapptitltxt {
  font-size: 16px;
  color: #1b84e7;
  line-height: 22px;
  margin-bottom: 15px;
  font-weight: 700;
  border: solid 0 #fff;
}

.inappcusttext {
  font-size: 14px;
  color: #495057;
  line-height: 22px;
  margin-bottom: 0;
  padding-bottom: 10px;
  border: solid 0 #fff;
}

.inappparatext {
  position: relative;
  margin: 3px;
}
.inappparatext input,
.inappparatext textarea,
.inappparatext select {
  margin-bottom: 10px;
  border-radius: 0;
}
.inappparatext .inappstarratitemwrp {
  margin: 15px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.inappparatext .inappstarratitemwrp span.fa-star-o {
  margin-right: 5px;
  font-size: 24px;
  cursor: pointer;
}
.inappparatext .inappstarratitemwrp span.fa-star-o:hover {
  color: #dc3545;
}
.inappparatext .inappstarratitemwrp span.fa-star {
  margin-right: 5px;
  font-size: 24px;
  color: #23bf08;
  cursor: pointer;
}
.inappparatext .inappstarratitemwrp span.fa-star:hover {
  color: #dc3545;
}

.inappparatextdef {
  position: relative;
  margin: 3px;
}
.inappparatextdef input,
.inappparatextdef textarea,
.inappparatextdef select {
  margin-bottom: 10px;
  border-radius: 0;
}
.inappparatextdef .inappstarratitemwrp {
  margin: 15px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.inappparatextdef .inappstarratitemwrp span.fa-star-o {
  margin-right: 5px;
  font-size: 24px;
  cursor: pointer;
}
.inappparatextdef .inappstarratitemwrp span.fa-star-o:hover {
  color: #dc3545;
}
.inappparatextdef .inappstarratitemwrp span.fa-star {
  margin-right: 5px;
  font-size: 24px;
  color: #23bf08;
  cursor: pointer;
}
.inappparatextdef .inappstarratitemwrp span.fa-star:hover {
  color: #dc3545;
}

.insppeditdel {
  position: absolute;
  top: 0;
  right: 10px;
  z-index: 1;
  display: flex;
  align-items: center;
}
.insppeditdel .fa-paint-brush {
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  background-color: #495057;
  padding: 5px;
}
.insppeditdel .fa-pencil {
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  background-color: #495057;
  padding: 5px;
}
.insppeditdel .fa-trash {
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  background-color: #495057;
  padding: 5px;
}

.inappiconwrp {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
.inappiconwrp .fa-trash {
  background-color: #dc3545;
  color: #fff;
  padding: 5px;
}
.inappiconwrp .fa-pencil {
  background-color: #23bf08;
  color: #fff;
  padding: 5px;
}

.inAppfullbgwrp {
  height: 56vh;
}
.inAppfullbgwrp .inAppfullscreen {
  height: 100%;
  background-image: url(../images/template_3.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.inAppfullbgwrp .inAppfullscreen a {
  display: block;
  width: 100%;
  height: 100%;
}
.inAppfullbgwrp .inappfulscreenareo {
  height: 100%;
  background-image: url(../images/template_6.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.inAppfullbgwrp .inappfulscreenareo a {
  display: block;
  width: 100%;
  height: 100%;
}

.inApptitbanbtnwrp .inAppbantitle {
  font-size: 16px;
  color: #495057;
  padding: 15px 0;
  line-height: 22px;
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
  border: solid 0 #fff;
}
.inApptitbanbtnwrp .inappbanmidle {
  height: 120px;
  background-image: url(../images/inapp-ban-btn2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  margin-bottom: 15px;
}
.inApptitbanbtnwrp .inappbtn2wrp {
  padding: 0 0 10px 0;
}

.inappbanmidle {
  height: 120px;
  background-image: url(../images/inapp-ban-btn2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  margin-bottom: 15px;
}

.addoutline {
  outline-color: #dc3545;
  outline-width: 1px;
  outline-style: solid;
}

.machidcopywrp {
  display: flex;
  align-items: center;
}
.machidcopywrp .pushmachidtxt {
  margin-bottom: 0;
  margin-right: 15px;
  text-align: left;
}
.machidcopywrp .ion-ios-copy {
  font-size: 22px;
  color: #afaeae;
  cursor: pointer;
}
.machidcopywrp .ion-ios-information {
  font-size: 16px;
  color: #afaeae;
  cursor: pointer;
}

.inappfullbgtxtwrp {
  height: 56vh;
}
.inappfullbgtxtwrp .inappfulbgtxt {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.inappfullbgtxtwrp .inappfulbgtxt .inappfulbgbtnwrp {
  height: 100%;
  background-image: url(../images/template_6.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}

.inappfulbgtextitm {
  font-size: 14px;
  color: #fff;
  font-weight: 600;
  text-align: center;
  padding: 0 15px;
  margin-bottom: 0;
}

.inappstarratwrp {
  display: flex;
  flex-direction: column;
}
.inappstarratwrp .inappstrrattitle {
  text-align: center;
  font-size: 14px;
  color: #495057;
  font-weight: 600;
  background-color: #e9ecef;
  padding: 10px;
}
.inappstarratwrp .inappstarratitemwrp {
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.inappstarratwrp .inappstarratitemwrp span.fa-star-o {
  margin-right: 5px;
  font-size: 24px;
  cursor: pointer;
}
.inappstarratwrp .inappstarratitemwrp span.fa-star-o:hover {
  color: #dc3545;
}
.inappstarratwrp .inappstarratitemwrp span.fa-star {
  margin-right: 5px;
  font-size: 24px;
  color: #23bf08;
  cursor: pointer;
}
.inappstarratwrp .inappstarratitemwrp span.fa-star:hover {
  color: #dc3545;
}

.inappfrmtitle {
  font-size: 16px;
  color: #495057;
  text-align: center;
  background-color: #e9ecef;
  padding: 10px 15px;
  margin-bottom: 15px;
}

.inappcusttempwrp {
  height: 56vh;
}

.inappcusttempitem {
  height: 100%;
  background-color: rebeccapurple;
  display: flex;
  align-items: center;
  justify-content: center;
}
.inappcusttempitem p {
  margin-bottom: 0;
  font-size: 18px;
  color: #fff;
  padding: 15px;
  text-align: center;
}

.inappselgalwrp {
  position: relative;
}
.inappselgalwrp .inappviewtemp {
  position: absolute;
  right: 8px;
  top: 8px;
}

.inapppopupviewtemp {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
}
.inapppopupviewtemp .inapppopupvewtempitem {
  width: 80%;
  height: 600px;
  background-color: #fff;
  overflow-y: auto;
}

.inappgallitemwrp {
  height: 200px;
  margin-top: 10px;
}

.bgrepeatcontainpos {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.inappbgimgtxtbtn, .inappbgfrm, .inappbgrattingbtn, .inappbgfullbantxtbtn, .inappbgtitbanbtn, .inappbgfullbanner {
  background-image: url("../images/inappimgtextbtn.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.inappbgfullbanner {
  background-image: url("../images/full-screen-banner.jpg");
}

.inappbgtitbanbtn {
  background-image: url("../images/inapptittextban.jpg");
}

.inappbgfullbantxtbtn {
  background-image: url("../images/inappfullbantextbtn.jpg");
}

.inappbgrattingbtn {
  background-image: url("../images/inapprattingbtn.jpg");
}

.inappbgfrm {
  background-image: url("../images/inappbgfrm.jpg");
}

.inappfetname {
  font-size: 13px;
  color: #495057;
  margin-bottom: 0;
  margin-top: 10px;
  border-top: solid 1px #ced4da;
  padding: 10px 0;
  text-align: center;
  background-color: #f8f9fa;
}

.inappbguploadfile {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}

.inappbgupldbtn {
  overflow: hidden;
  position: relative;
}

.fileopac {
  opacity: 0;
  position: absolute;
  left: 0;
}

.inappbgupldfilewrp {
  margin-left: 20px;
  display: flex;
  align-items: center;
}

.inappfilename, .inappfulscrnbanfilename, .inappmidbanfilename, .inappfulscrnflename, .inapptopbanfilename {
  margin-bottom: 0;
  font-size: 13px;
  color: #1b84e7;
}

.inappclsefile {
  font-size: 18px;
  color: #dc3545;
  cursor: pointer;
  margin-left: 15px;
}

.inappbgcolicon {
  background-color: #e72eb6;
}

.inappbgbrdcolicon {
  background-color: #4662d4;
}

.inappmaineditcont {
  min-height: 300px;
  max-height: 600px;
  overflow-y: auto;
  padding: 20px 20px 0 40px;
}

.inappbtntab {
  display: flex;
  align-items: flex-end;
  height: 36px;
  border-left: solid 1px #ced4da;
  border-bottom: solid 1px #ced4da;
}

.inapptitbtnwrp {
  background-color: #e9ecef;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  color: #495057;
  padding: 0px 15px;
  margin-left: 10px;
  cursor: pointer;
}
.inapptitbtnwrp:hover {
  background-color: #1b84e7;
  color: #fff;
}
.inapptitbtnwrp.active {
  background-color: #1b84e7;
  color: #fff;
}

.df-ac-top {
  display: flex;
  align-items: flex-start;
}

.df-ac-center {
  display: flex;
  align-items: center;
}

.df-ac-bottom {
  display: flex;
  align-items: flex-end;
}

.numbercol {
  color: #e83e8c;
  font-size: 13px;
  font-weight: 500;
}

.inappfieldtitwrp {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.inappfieldtitwrp .inappdelfield {
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #dc3545;
}
.inappfieldtitwrp .inappdelfield .ion-trash-b {
  cursor: pointer;
  font-size: 18px;
}
.inappfieldtitwrp .inappdelfield span {
  font-size: 12px;
}

.inappaddfildbtn {
  font-size: 13px;
  color: #1b84e7;
  background-color: transparent;
  padding-right: 15px;
  cursor: pointer;
}

.inappbtnwrp {
  display: flex;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
}

.lmsspinner {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: solid 2px #23bf08;
  border-right-color: transparent;
  animation: 1s linear infinite spinnerround;
  position: absolute;
  top: 7px;
  right: 10px;
}

.lmsemailinptwrp,
.lmsphneinptwrp {
  position: relative;
}
.lmsemailinptwrp .ion-ios-checkmark-outline,
.lmsphneinptwrp .ion-ios-checkmark-outline {
  font-size: 22px;
  color: #23bf08;
  position: absolute;
  top: 0;
  right: 10px;
}

@keyframes spinnerround {
  to {
    transform: rotate(360deg);
  }
}
.lmsaddcustfildcont .addcustomfieldWrap {
  position: static;
  margin-top: 15px;
}

.lmscustfieldtbl {
  margin: 15px 10px;
  background-color: #fff;
}
.lmscustfieldtbl .ion-ios-checkmark-outline {
  font-size: 20px;
  color: #dc3545;
  cursor: pointer;
}
.lmscustfieldtbl .ion-edit {
  font-size: 16px;
  color: #495057;
  cursor: pointer;
}
.lmscustfieldtbl .ion-android-delete {
  font-size: 20px;
  color: #dc3545;
  cursor: pointer;
}

.inappbtntabwrp {
  display: flex;
  align-items: center;
  height: 40px;
  padding: 0px 15px;
  border-bottom: solid 1px #ced4da;
  background-color: #f8f9fa;
  border-left: solid 1px #ced4da;
}
.inappbtntabwrp .inappbtnwrp {
  background-color: #e9ecef;
  padding: 6px 10px;
  cursor: pointer;
  font-size: 12px;
  color: #495057;
}
.inappbtntabwrp .inappbtnwrp.active {
  background-color: #1b84e7;
  color: #ffffff;
}

.plusinappbtnwrp .ion-plus {
  cursor: pointer;
  color: #495057;
}

.minusinappbtnwrp .ion-close {
  cursor: pointer;
  color: #495057;
}

.inappaddbtnswrp {
  display: flex;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
}

.addstartfiltr.active {
  background-color: #4662d4;
  color: #fff;
  border-color: #4662d4;
}
.addstartfiltr.active .ion-android-funnel {
  color: #ffffff;
}

/*Mobile Push Notification*/
/*Web Form preview*/
.formpreviewgrid {
  width: auto;
  height: auto;
  padding: 20px;
}

.addpreviewhtmlifrme {
  height: 370px;
}
.addpreviewhtmlifrme .simpleForm {
  height: auto !important;
}

/*Web Form preview*/
td a .ion-android-open {
  font-size: 18px;
}

.h-80 {
  height: 80px !important;
}

.previewtempsidewrp {
  position: absolute;
  top: -20px;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  overflow-y: auto;
}
.previewtempsidewrp .bwnotifprevtemp {
  width: 400px;
  background-color: #ffffff;
  padding: 10px;
}
.previewtempsidewrp .chatmobileprevwrp {
  width: 300px;
  height: 500px;
  margin: 0;
}
.previewtempsidewrp .pushnotifprevrite {
  padding: 0;
}

.previewtempmail {
  width: 500px;
  height: 600px;
}

.clseprevtemp {
  margin-left: 20px;
  color: #fff;
  cursor: pointer;
}

.divtagcopybtn {
  position: absolute;
  bottom: 10px;
  right: 10px;
  background-color: #4662d4;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.divtagcopybtn .ion-ios-copy-outline {
  font-size: 24px;
  color: #fff;
}

.copiedtxtwrp {
  font-size: 13px;
  border: 1px solid #23bf08;
  background-color: #bcfcb1;
  color: #1c9806;
  padding: 5px 15px;
  display: none;
  margin-top: 15px;
}

/*Landing page Dashboard*/
.p5daslogowrp {
  height: 50px;
  display: flex;
  align-items: center;
}

.p5landlogo {
  width: 135px;
  height: 35px;
}

.landmonthwrp {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.landmonthwrp .montrephead {
  font-size: 13px;
  color: #495057;
}

.container-dash {
  width: 90%;
  margin: auto;
  padding: 0px 30px;
}

/*Landing page Dashboard*/
/*Adaptive menu for UCP*/
.ucptabwrp {
  background-color: #fff;
  border-top: solid 1px #ced4da;
  border-left: solid 1px #ced4da;
  border-right: solid 1px #ced4da;
  position: relative;
}

.tabs {
  position: relative;
}
.tabs:not(.--jsfied) {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.tabs .--hidden {
  display: none;
}
.tabs a,
.tabs button {
  width: 100%;
  height: 100%;
  display: block;
  font-size: 1em;
  line-height: 1.2;
  text-align: center;
  background-color: transparent;
}
.tabs .-primary {
  display: flex;
  padding: 0;
  margin: 0;
}
.tabs .-primary > li {
  flex-grow: 1;
  list-style: none;
  background-color: #fff;
  color: #495057;
}
.tabs .-primary > li.active {
  background-color: #4662d4;
}
.tabs .-primary > li.active .tab-ucp-links {
  color: #fff !important;
}
.tabs .-primary > li > a,
.tabs .-primary > li > button {
  white-space: nowrap;
  padding: 1em 0.8em;
  border: none;
}
.tabs .-primary > li > a:hover,
.tabs .-primary > li > button:hover {
  background-color: #1b84e7;
  color: #fff;
}
.tabs .-primary > li > a:active,
.tabs .-primary > li > button:active {
  background-color: #1b84e7;
  color: #fff;
}
.tabs .-primary .-more {
  background-color: #1b84e7;
  color: #fff;
  border: none;
}
.tabs .-primary .-more > button {
  color: #fff;
}
.tabs .-primary .-more > button span {
  display: inline-block;
  transition: transform 0.2s;
}
.tabs.--show-secondary .-primary .-more > button span {
  transform: rotate(180deg);
}
.tabs .-secondary {
  max-width: 100%;
  min-width: 10em;
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  animation: nav-secondary 0.2s;
  z-index: 10;
}
.tabs .-secondary li {
  border-top: 1px solid #ced4da;
  border-left: 1px solid #ced4da;
  border-right: 1px solid #ced4da;
  background-color: #fff;
  color: #495057;
  list-style: none;
}
.tabs .-secondary li:last-child {
  border-bottom: 1px solid #ced4da;
}
.tabs .-secondary li.active {
  background-color: #1b84e7;
}
.tabs .-secondary li.active a {
  color: #fff !important;
}
.tabs .-secondary a,
.tabs .-secondary button {
  padding: 0.6em;
}
.tabs .-secondary a:hover,
.tabs .-secondary button:hover {
  background-color: #1b84e7;
  color: #fff;
}
.tabs .-secondary a:active,
.tabs .-secondary button:active {
  background-color: #1b84e7;
}
.tabs.--show-secondary .-secondary {
  display: block;
}

@keyframes nav-secondary {
  0% {
    opacity: 0;
    transform: translateY(-1em);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.tab-ucp-links {
  color: #495057;
}

/*Adaptive menu for UCP*/
/*Iframe Preview start here*/
/* This container helps the thumbnail behave as if it were an unscaled IMG element */
.thumbnail-container {
  width: 162.5px;
  height: 225px;
  display: inline-block;
  overflow: hidden;
  position: relative;
  background: #f9f9f9;
}

/* Image Icon for the Background */
.thumbnail-container::before {
  position: absolute;
  left: calc(50% - 16px);
  top: calc(50% - 18px);
  opacity: 0.2;
  display: block;
  -ms-zoom: 2;
  -o-transform: scale(2);
  -moz-transform: scale(2);
  -webkit-transform: scale(2);
  content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMyIDMyIiBoZWlnaHQ9IjMycHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMycHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnIGlkPSJwaG90b18xXyI+PHBhdGggZD0iTTI3LDBINUMyLjc5MSwwLDEsMS43OTEsMSw0djI0YzAsMi4yMDksMS43OTEsNCw0LDRoMjJjMi4yMDksMCw0LTEuNzkxLDQtNFY0QzMxLDEuNzkxLDI5LjIwOSwwLDI3LDB6ICAgIE0yOSwyOGMwLDEuMTAyLTAuODk4LDItMiwySDVjLTEuMTAzLDAtMi0wLjg5OC0yLTJWNGMwLTEuMTAzLDAuODk3LTIsMi0yaDIyYzEuMTAyLDAsMiwwLjg5NywyLDJWMjh6IiBmaWxsPSIjMzMzMzMzIi8+PHBhdGggZD0iTTI2LDRINkM1LjQ0Nyw0LDUsNC40NDcsNSw1djE4YzAsMC41NTMsMC40NDcsMSwxLDFoMjBjMC41NTMsMCwxLTAuNDQ3LDEtMVY1QzI3LDQuNDQ3LDI2LjU1Myw0LDI2LDR6ICAgIE0yNiw1djEzLjg2OWwtMy4yNS0zLjUzQzIyLjU1OSwxNS4xMjMsMjIuMjg3LDE1LDIyLDE1cy0wLjU2MSwwLjEyMy0wLjc1LDAuMzM5bC0yLjYwNCwyLjk1bC03Ljg5Ni04Ljk1ICAgQzEwLjU2LDkuMTIzLDEwLjI4Nyw5LDEwLDlTOS40NCw5LjEyMyw5LjI1LDkuMzM5TDYsMTMuMDg3VjVIMjZ6IE02LDE0LjZsNC00LjZsOC4wNjYsOS4xNDNsMC41OCwwLjY1OEwyMS40MDgsMjNINlYxNC42eiAgICBNMjIuNzQsMjNsLTMuNDI4LTMuOTU1TDIyLDE2bDQsNC4zNzlWMjNIMjIuNzR6IiBmaWxsPSIjMzMzMzMzIi8+PHBhdGggZD0iTTIwLDEzYzEuNjU2LDAsMy0xLjM0MywzLTNzLTEuMzQ0LTMtMy0zYy0xLjY1OCwwLTMsMS4zNDMtMywzUzE4LjM0MiwxMywyMCwxM3ogTTIwLDhjMS4xMDIsMCwyLDAuODk3LDIsMiAgIHMtMC44OTgsMi0yLDJjLTEuMTA0LDAtMi0wLjg5Ny0yLTJTMTguODk2LDgsMjAsOHoiIGZpbGw9IiMzMzMzMzMiLz48L2c+PC9zdmc+");
}

/* This is a masking container for the zoomed iframe element */
.thumbnail {
  -ms-zoom: 0.25;
  -moz-transform: scale(0.25);
  -moz-transform-origin: 0 0;
  -o-transform: scale(0.25);
  -o-transform-origin: 0 0;
  -webkit-transform: scale(0.25);
  -webkit-transform-origin: 0 0;
}

/* This is our screen sizing */
.thumbnail,
.thumbnail iframe {
  width: 650px;
  height: 900px;
}

/* This facilitates the fade-in transition instead of flicker. It also helps us maintain the illusion that this is an image, since some webpages will have a preloading animation or wait for some images to download */
.thumbnail iframe {
  opacity: 0;
  transition: all 300ms ease-in-out;
}

/* This pseudo element masks the iframe, so that mouse wheel scrolling and clicking do not affect the simulated "screenshot" */
.thumbnail:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/*Iframe Preview start here*/
.frmdtetimewrp {
  display: flex;
  align-items: center;
}

.timedrpdwm {
  width: 120px;
}

/* Facebook Start here */
.facebkdrpdwnwrp {
  margin-right: 20px;
}
.facebkdrpdwnwrp .dropdown-item {
  font-size: 13px;
  padding: 0.2rem 1rem;
}

.fbclientlogo {
  width: 20px;
  height: 20px;
  background-position: center center;
  background-size: cover;
  margin-left: 7px;
  margin-right: 7px;
  display: block;
}

.btn-trans-brd {
  border: solid 1px #ced4da;
  background-color: transparent;
  font-size: 13px;
  color: #495057;
}

.fbiconwrp {
  display: flex;
  align-items: center;
  padding: 10px 40px;
}
.fbiconwrp i {
  font-size: 72px;
  color: #adb5bd;
  margin-right: 25px;
}
.fbiconwrp .fbdashcontent label {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 0;
}
.fbiconwrp .fbdashcontent h2 {
  color: #343a40;
  font-weight: 700;
  margin-bottom: 0;
}

.tx-purple {
  color: #6f42c1;
}

.tx-danger {
  color: #dc3545;
}

.tx-pink {
  color: #e83e8c;
}

.h-47 {
  height: 47% !important;
}

.fblinkprevwrp {
  border: solid 1px #ced4da;
}

.fbprievnot {
  height: 100%;
  padding: 25px 0px;
  text-align: center;
  font-size: 12px;
  color: #495057;
}

.fbpagenamewrp {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 70px;
  padding: 0 20px;
  border-bottom: solid 1px #ced4da;
}

.fbpagelogowrp {
  position: relative;
}
.fbpagelogowrp .fbpagelogo {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #4662d4;
  margin-right: 15px;
  background-image: url("../images/wayene-logo.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.fbpagelogowrp .fbiconpos {
  position: absolute;
  right: 10px;
  bottom: 0;
  width: 20px;
  height: 20px;
  background-color: #4267b2;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fbpagelogowrp .fbiconpos .fa-facebook {
  color: #fff;
  font-size: 12px;
}

.fbpagenamelogo {
  display: flex;
  align-items: center;
}
.fbpagenamelogo h6 {
  font-size: 14px;
  color: #495057;
  margin-bottom: 0;
  text-transform: uppercase;
}
.fbpagenamelogo small {
  font-size: 12px;
  color: #6c757d;
}

.fbassigntypewrp {
  padding: 30px;
}

.duplicontbtn {
  position: absolute;
  top: 0px;
  z-index: 1;
  width: 100%;
  height: 31px;
  left: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
}

.btn-trans-blue-col {
  color: #1b84e7;
  text-decoration: underline;
  background-color: transparent;
  padding-right: 0;
  font-weight: 700;
  cursor: pointer;
}

.verticnwrp {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.verticnwrp:hover {
  background-color: #e3e4e8;
}
.verticnwrp .ion-android-more-vertical {
  font-size: 24px;
  color: #b1afaf;
  cursor: pointer;
}

.verticnwrp:hover .ion-android-more-vertical {
  color: #6c757d;
}

.fbprievcontwrp {
  display: flex;
  align-items: center;
  padding: 5px;
  background-color: #fff;
}
.fbprievcontwrp .fblogoimg {
  background-image: url("../images/amenities.jpg");
  background-repeat: no-repeat;
  width: 100px;
  height: 70px;
  background-size: cover;
  background-position: center center;
}
.fbprievcontwrp .fbconttitwrp {
  margin-left: 10px;
  width: 100%;
}
.fbprievcontwrp .fbconttitwrp .fbconttittxt {
  font-size: 12px;
  color: #495057;
  margin-bottom: 5px;
}
.fbprievcontwrp .fbconttitwrp .fbcontdescrip {
  font-size: 11px;
  color: #495057;
  margin-bottom: 0;
}

/* Facebook Start here */
/*Duplicate Contacts*/
.upldtxt {
  color: #1b84e7;
  font-weight: 700;
  text-decoration: underline;
  cursor: pointer;
}

/*Duplicate Contacts*/
.chatbanwrp {
  width: 100%;
  height: 180px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.btnwrp.googlnxtbtnwrp {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.gogletagwrpcont {
  height: 81vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gogletagwrpcont.gogleaddscrpt {
  display: flex;
  align-items: flex-start !important;
  justify-content: flex-start !important;
}

.ion-android-delete.delscripticn {
  font-size: 20px;
  color: #dc3545;
  cursor: pointer;
}

.totalcreds {
  font-size: 16px !important;
  color: #1b84e7 !important;
  font-weight: 700 !important;
}

.btn-success {
  background-color: #23bf08 !important;
  font-size: 13px !important;
  color: #fff;
}

/* JQuery Start here Builder */
.query-builder .rules-group-container,
.query-builder .rule-container,
.query-builder .rule-placeholder {
  position: relative;
  margin: 4px 0;
  border-radius: 5px;
  padding: 5px;
  border: 1px solid #eee;
  background: rgba(255, 255, 255, 0.9);
}

.query-builder .rule-container .rule-filter-container,
.query-builder .rule-container .rule-operator-container,
.query-builder .rule-container .rule-value-container,
.query-builder .error-container,
.query-builder .drag-handle {
  display: inline-block;
  margin: 0 5px 0 0;
  vertical-align: middle;
}

.query-builder .rules-group-container {
  padding: 10px;
  padding-bottom: 6px;
  border: 1px solid #ced4da;
  background: #f8f9fa;
  width: 100%;
  border-radius: 0 !important;
}

.query-builder .rules-group-header {
  margin-bottom: 10px;
}

.rules-group-header .btn-success {
  margin-right: 3px;
}

.query-builder .rules-group-header .group-conditions .btn.readonly:not(.active),
.query-builder .rules-group-header .group-conditions input[name$=_cond] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

.query-builder .rules-group-header .group-conditions .btn.readonly {
  border-radius: 3px;
}

.query-builder .rules-list {
  list-style: none;
  padding: 0 0 0 15px;
  margin: 0;
}

.query-builder .rule-value-container {
  border-left: 1px solid #ddd;
  padding-left: 5px;
}

.query-builder .rule-value-container label {
  margin-bottom: 0;
  font-weight: normal;
}

.query-builder .rule-value-container label.block {
  display: block;
}

/*.query-builder .rule-value-container select,
.query-builder .rule-value-container input[type="text"],
.query-builder .rule-value-container input[type="number"] {
   padding: 1px; 
}*/
.query-builder .error-container {
  display: none;
  cursor: help;
  color: #f00;
}

.query-builder .has-error {
  background-color: #fdd;
  border-color: #f99;
}

.query-builder .has-error .error-container {
  display: inline-block !important;
}

.query-builder .rules-list > *::before,
.query-builder .rules-list > *::after {
  content: "";
  position: absolute;
  left: -10px;
  width: 10px;
  height: calc(50% + 4px);
  border-color: #ccc;
  border-style: solid;
}

.query-builder .rules-list > *::before {
  top: -4px;
  border-width: 0 0 2px 2px;
}

.query-builder .rules-list > *::after {
  top: 50%;
  border-width: 0 0 0 2px;
}

.query-builder .rules-list > *:first-child::before {
  top: -12px;
  height: calc(50% + 14px);
}

.query-builder .rules-list > *:last-child::before {
  border-radius: 0 0 0 4px;
}

.query-builder .rules-list > *:last-child::after {
  display: none;
}

.query-builder.bt-checkbox-glyphicons .checkbox input[type=checkbox]:checked + label::after {
  font-family: "Glyphicons Halflings";
  content: "\e013";
}

.query-builder.bt-checkbox-glyphicons .checkbox label::after {
  padding-left: 4px;
  padding-top: 2px;
  font-size: 9px;
}

.query-builder .error-container + .tooltip .tooltip-inner {
  color: #f99 !important;
}

.query-builder p.filter-description {
  margin: 5px 0 0 0;
  background: #d9edf7;
  border: 1px solid #bce8f1;
  color: #31708f;
  border-radius: 5px;
  padding: 2.5px 5px;
  font-size: 0.8em;
}

.query-builder .rules-group-header [data-invert] {
  margin-left: 5px;
}

.query-builder .drag-handle {
  cursor: move;
  vertical-align: middle;
  margin-left: 5px;
}

.query-builder .dragging {
  position: fixed;
  opacity: 0.5;
  z-index: 100;
}

.query-builder .dragging::before,
.query-builder .dragging::after {
  display: none;
}

.query-builder .rule-placeholder {
  border: 1px dashed #bbb;
  opacity: 0.7;
}

/* JQuery End Here Builder */
.select2-search__field:-moz-placeholder-shown {
  width: 100% !important;
}
.select2-search--inline,
.select2-search__field:placeholder-shown {
  width: 100% !important;
}

.mediaimgbg {
  width: 100px;
  height: 80px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  margin-right: 15px;
  border: solid 1px #ced4da;
}

.scratchbg {
  background-image: url("../images/scratch.jpg");
}

.trigemailbg {
  background-image: url("../images/trigger-email.jpg");
  border-top: solid 5px #1ea3bb;
}

.dripemailbg {
  background-image: url("../images/drip-email.jpg");
  border-top: solid 5px #ad5bbc;
}

.trigsmsbg {
  background-image: url("../images/trigger-sms.jpg");
  border-top: solid 5px #0c56b1;
}

.dripsmsbg {
  background-image: url("../images/drip-sms.jpg");
  border-top: solid 5px #f8c105;
}

.trigwebpushbg {
  background-image: url("../images/trigger-web-push.jpg");
  border-top: solid 5px #68c6dc;
}

.dripwebpushbg {
  background-image: url("../images/drip-web-push.jpg");
  border-top: solid 5px #9c51ed;
}

.trigmobpushbg {
  background-image: url("../images/trigger-mobile-push.jpg");
  border-top: solid 5px #f20530;
}

.dripmobpushbg {
  background-image: url("../images/drip-mobile-push.jpg");
  border-top: solid 5px #402232;
}

.tirgemailsmsbg {
  background-image: url("../images/trigger-email-sms.jpg");
  border-top: solid 5px #333f8e;
}

.webhookicn {
  width: 25px;
  height: 25px;
  background-image: url("../images/webhook_icon.png");
  background-repeat: no-repeat;
}

.crtewrkflwmedbg li {
  margin-bottom: 10px;
}

a.media {
  padding: 10px;
  align-items: center;
}
a.media h5 {
  font-size: 14px;
  color: #343a40;
}
a.media p {
  font-size: 13px;
  margin-bottom: 0;
}
a.media.active {
  border: solid 1px #1b84e7;
  background-color: #f8f9fa;
}
a.media.active h5 {
  color: #1b84e7;
}

.datawrkflwinpt {
  display: flex;
  align-items: center;
}

.w-45 {
  width: 45%;
}

.clsedatawrkflw, .closedatamapcolumns {
  margin-left: 20px;
  font-size: 24px;
  cursor: pointer;
}

.lstupdtxt {
  font-size: 11px;
  color: #495057;
  margin-bottom: 0;
  padding-top: 5px;
}
.lstupdtxt span {
  color: #dc3545;
}

.select2-container .select2-selection--single {
  height: 31px !important;
}

.opticnwrp a {
  color: #dc3545;
  font-size: 18px;
}

.errmsgemlvalidwrp {
  display: flex;
  align-items: center;
}
.errmsgemlvalidwrp .ion-ios-information {
  font-size: 18px;
  color: #4662d4;
  cursor: pointer;
}

.popover-body .tableemvalid {
  height: 200px;
  overflow-y: auto;
}
.popover-body .tableemvalid .emlvalidflewrp {
  padding: 10px 0;
  border-bottom: solid 1px #ced4da;
}
.popover-body .tableemvalid .emlvalidflewrp h6 {
  font-size: 13px;
  color: #495057;
  font-weight: 500;
  margin-bottom: 0;
}
.popover-body .tableemvalid .emlvalidflewrp .done-txt {
  font-size: 12px;
  color: #23bf08;
}
.popover-body .tableemvalid .emlvalidflewrp .notdone-txt {
  font-size: 12px;
  color: #dc3545;
}
.popover-body .tableemvalid .emlvalidflewrp:last-child {
  border-bottom: none;
}

.insufficred {
  font-size: 11px;
  color: #fff;
  background-color: #dc3545;
  padding: 3px 0px;
  margin-bottom: 0;
  text-align: center;
  margin-top: 5px;
}

@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.eot?obnq0j");
  src: url("../fonts/icomoon.eot?obnq0j#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?obnq0j") format("truetype"), url("../fonts/icomoon.woff?obnq0j") format("woff"), url("../fonts/icomoon.svg?obnq0j#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-webhook:before {
  content: "\e900";
}

.clrchckbxwrp {
  margin-left: 2rem;
}

.screinptwrp {
  display: flex;
  align-items: center;
}

.verticnwrplead {
  width: 20px;
  height: 20px;
  background-color: transparent;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.verticnwrplead:hover {
  background-color: #e3e4e8;
}
.verticnwrplead .ion-android-more-vertical {
  font-size: 18px;
  color: #b1afaf;
  cursor: pointer;
}

.verticnwrplead:hover .ion-android-more-vertical {
  color: #6c757d;
}

/*RCS Message start here*/
.rcsrevwrp {
  width: calc(100% - 35px);
  margin: 0 auto;
  margin-top: 20px;
}
.rcsrevwrp .rcsbox-white {
  background-color: #fff;
  position: relative;
  padding: 15px;
}
.rcsrevwrp .rcsbox-white::before {
  content: "";
  border: 5px solid #fff;
  border-color: #fff transparent transparent;
  position: absolute;
  left: -5px;
  top: 0;
}
.rcsrevwrp .rcsbox-white h3 {
  font-size: 18px;
  color: #495057;
  font-weight: 600;
  padding-top: 10px;
  padding-bottom: 10px;
}
.rcsrevwrp .rcsbox-white p {
  font-size: 13px;
  color: #495057;
  margin-bottom: 0px;
  line-height: 22px;
}
.rcsrevwrp .rcsbox-white .rcsimgwrp {
  width: 100%;
  height: 130px;
  background-color: #6c757d;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rcsrevwrp .rcsbox-white .rcsimgwrp img.whatsappban {
  width: 100%;
  height: 100%;
  display: block;
}
.rcsrevwrp .btnwhatsappwrp {
  margin-top: 10px;
}
.rcsrevwrp .btnwhatsappwrp .btnwhatsapp {
  background-color: #fff;
  border-radius: 10px;
  display: block;
  width: 100%;
  font-size: 14px;
  color: #1b84e7;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rcsrevwrp .btnwhatsappwrp .btnwhatsapp i {
  margin-right: 10px;
}
.rcsrevwrp .btnwhatsappwrp {
  margin-top: 10px;
}
.rcsrevwrp .btnwhatsappwrp .btnwhatsapp {
  background-color: #fff;
  border-radius: 10px;
  display: block;
  width: 100%;
  font-size: 14px;
  color: #1b84e7;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rcsrevwrp .btnwhatsappwrp .btnwhatsapp i {
  margin-right: 10px;
}

.rcsrevwrp.previewshow {
  width: 95%;
}

/* Mobile container */
.mobile {
  width: 100%;
  height: 75vh;
  border-radius: 40px;
  background-color: #e9ecef;
  border: 1px solid #ddd;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: hidden;
  margin-top: 30px;
}
.mobile .rcsmessagecardwrap {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  margin-top: 30px;
}
.mobile .rcsmessagecardwrap .carousel-item {
  padding: 30px 0 0 0;
}
.mobile .rcsmessagecardwrap .card {
  margin: 0 auto;
  width: 100%;
  border-radius: 10px;
}
.mobile .rcsmessagecardwrap .rcscardimgwrap {
  height: 150px;
}
.mobile .rcsmessagecardwrap .card img {
  width: 100%;
  height: 100%;
  background-color: #e9e9e9;
}
.mobile .rcsmessagecardwrap .carousel-control-prev, .mobile .rcsmessagecardwrap .carousel-control-next {
  width: 40px;
  height: 40px;
  background-color: #000;
  border-radius: 50%;
  color: #000;
  top: 30%;
}
.mobile .rcsmessagecardwrap .carousel-control-prev {
  left: 20px;
}
.mobile .rcsmessagecardwrap .carousel-control-next {
  right: 20px;
}
.mobile .rcsmessagecardwrap .btnwhatsappwrp {
  margin-top: 10px;
}
.mobile .rcsmessagecardwrap .btnwhatsappwrp .btnwhatsapp {
  background-color: #fff;
  border-radius: 10px;
  display: block;
  width: 100%;
  font-size: 14px;
  color: #1b84e7;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mobile .rcsmessagecardwrap .btnwhatsappwrp .btnwhatsapp i {
  margin-right: 10px;
}

/* Mobile header (simulating top notch or speaker) */
.mobile-header {
  width: 100%;
  height: 40px;
  background-color: #f1f1f1;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 0 0 15px 15px;
}

/* Screen area */
.mobile-screen {
  width: 100%;
  height: calc(100% - 80px); /* Subtracting header and footer height */
  padding: 10px;
  overflow-y: auto;
}

/* Content inside the mobile screen */
.content {
  color: #495057;
}

/* Mobile footer (simulating home button) */
.mobile-footer {
  width: 60px;
  height: 60px;
  background-color: #f1f1f1;
  border-radius: 50%;
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

#cardContainer.row .card-title {
  font-size: 14px;
  margin-bottom: 0;
}
#cardContainer.row .card-text {
  font-size: 12px;
}

/*RCS Message start here*/
/*Campaign Overview*/
.totalsentpop, .totaluniquecount {
  padding: 25px 20px 0px 20px;
}
.totalsentpop .stat-card, .totaluniquecount .stat-card {
  text-align: center;
  padding: 16px 10px; /* Reduced vertical padding */
  border: none;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
  border-radius: 3px;
}
.totalsentpop .stat-number, .totaluniquecount .stat-number {
  font-size: 1rem;
  font-weight: 700;
  color: #343a40;
  margin-bottom: 4px;
}
.totalsentpop .stat-title, .totaluniquecount .stat-title {
  font-size: 0.75rem;
  color: #6c757d;
  margin: 0;
}
.totalsentpop .row.no-gutters > [class^=col-], .totaluniquecount .row.no-gutters > [class^=col-] {
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 10px; /* Tighter bottom spacing */
}

.totaluniquepop .totalunititlewrap {
  background-color: #fff;
  padding: 20px 0px 20px 25px;
  margin-top: 20px;
  border-bottom: solid 1px #ced4da;
  border-top: solid 1px #ced4da;
}
.totaluniquepop .totalunititlewrap h6 {
  margin-bottom: 0;
  font-size: 14px;
  color: #23bf08;
  text-transform: uppercase;
}

@media only screen and (min-width: 300px) and (max-width: 576px) {
  .topnav-menu-right {
    margin-right: 0px;
  }
  .logo {
    margin-left: -205px;
  }
  .clientName {
    display: none;
  }
  .logged-user i {
    display: none;
  }
  .dropdown-a,
  .dropdown-b {
    margin-right: 0px;
  }
  .topnav-menu-right .dropdown-menu::before {
    display: none;
  }
  .topnav-menu-right .dropdown-menu::after {
    display: none;
  }
  .sidebar {
    margin-left: -230px;
    /* position: relative !important; */
  }
  .hide-logo {
    margin-left: 0px !important;
  }
  .showingWrap {
    padding-left: 0px;
    position: relative;
  }
  .iconsWrap {
    display: none;
  }
  .iconsWrap-docu .ion-ios-download-outline,
  .iconsWrap-docu .ion-ios-printer-outline,
  .iconsWrap-docu .ion-ios-refresh-empty {
    display: none;
  }
  .dateWrap {
    margin-left: 0px;
  }
  .m-p-h {
    display: none !important;
  }
  .m-p-hide {
    display: none !important;
  }
  .m-h-200 {
    height: 200px;
  }
  .actionWrap {
    padding: 0px 5px;
  }
  .searchWrap {
    width: 80px;
    justify-content: flex-end;
    padding-right: 10px;
  }
  .pagicount {
    display: none;
  }
  .pagiWrap {
    padding-top: 20px;
  }
  .searchInput {
    margin-right: 0px;
    display: none;
  }
  .pageheader {
    flex-direction: column;
    align-items: flex-start;
  }
  .p5new-frmwrappee {
    width: 90%;
  }
  .p5new-bgwhiteWrap {
    padding-bottom: 10px;
  }
  .p5new-frgtWrp p {
    padding-top: 50px;
  }
  .p5new-btnwrp .ion-ios-email-outline {
    display: none;
  }
  .btn-active {
    font-size: 14px;
  }
  .errMesWrapper {
    width: 90%;
  }
  .showDateWrap {
    width: 130px;
  }
  .dropdown-menu.mob-dropdown-rght {
    right: -80px !important;
    left: auto !important;
  }
  .iconsWrap-docu .btn-dropdown {
    margin-right: 12px;
  }
  .subdivWrap {
    padding: 0px 5px;
  }
  .selectedItemWrap {
    justify-content: space-between;
  }
  .selectedItemWrap .btn-dropdownGrp {
    padding: 5px 6px;
    margin-right: 6px;
  }
  .selectedItemWrap .btn-dropdownGrp i {
    display: none;
  }
  .mob-mb-4 {
    margin-bottom: 1.5rem !important;
  }
  .mob-mb-2 {
    margin-bottom: 1rem !important;
  }
  .boxactionWrap {
    padding-left: 5px;
    padding-right: 5px;
  }
  .actionBtnWrap {
    margin-right: 10px;
  }
  .createBtnWrap {
    margin-left: 0;
  }
  .createBtnWrap span {
    display: none;
  }
  .createBtnWrap i {
    margin-right: 0 !important;
  }
  .createBtnWrap .btn-action {
    padding: 4px 5px;
  }
  .createBtnWrap .btn-primary {
    font-size: 12px;
  }
  .newNameTxt {
    font-size: 16px !important;
  }
  .addDropdownWrap {
    margin-left: 20px;
    width: 150px;
  }
  .dropdownSelectFilter {
    width: 100px;
  }
  .m-p-wid-300 {
    width: 98% !important;
  }
  .popupfooter {
    height: 100px;
    align-items: flex-start;
    padding-top: 10px;
  }
  .btn-primary,
  .btn-second,
  .btn-cancel {
    font-size: 12px;
  }
  .hidemob-p {
    display: none;
  }
  .mob-mt-10 {
    margin-top: 10px;
  }
  .contentHead {
    padding-bottom: 10px;
  }
  .downloadsampwrap button span {
    display: none;
  }
  .campaignContainer {
    width: 100%;
    margin-top: 140px;
  }
  .campnav-item span {
    display: none;
  }
  .text-right-lbl {
    text-align: left;
  }
  .m-p-text-hide {
    display: none;
  }
  .campaignContainer {
    width: 100%;
  }
  .notewrap {
    position: static;
  }
  .mb_sliderBar {
    width: 200px !important;
  }
  .trigrultabwrap {
    flex-wrap: wrap;
  }
  .trigrultabitem {
    width: 35px;
    justify-content: center;
    margin: 10px 5px 15px 0;
    padding: 0 !important;
  }
  .trigrultabitem span.tabtitle {
    display: none;
  }
  .trigrultab {
    width: auto;
    flex-direction: inherit;
    flex-wrap: wrap;
  }
  .trigrultabcont {
    overflow-y: auto;
    padding-bottom: 20px;
  }
  .rulecountaudi,
  .rulecountbeh,
  .rulecountinteract,
  .rulecountevnt,
  .rulecountprof {
    display: none;
  }
  .trigrultabitem i {
    padding-right: 0 !important;
  }
  .ruledetWrap {
    padding: 10px !important;
  }
  .ruledetItem {
    flex-wrap: wrap;
  }
  .rulemainchkbxWrap {
    width: 100%;
    margin-top: 20px;
    flex-wrap: wrap;
  }
  .ruleansitem {
    flex-wrap: wrap;
    width: 100%;
    margin-top: 20px;
  }
  .inputboxwrap {
    margin-top: 10px;
  }
  .m-mt-30 {
    margin-top: 30px;
  }
  .droplistwrap {
    margin-bottom: 10px;
    margin-top: 15px;
  }
  .ruleansitemcolum {
    width: 100%;
    margin-top: 20px;
  }
  .m-w-100px {
    width: 100px !important;
  }
  .m-w-150px {
    width: 150px !important;
  }
  .setttabwrap {
    flex-wrap: wrap;
  }
  .setttabwrap span {
    display: none;
  }
  .setttabwrap .setttabitem {
    padding: 8px 10px;
    margin-right: 4px;
  }
  .device-iphone-8 {
    width: 280px !important;
  }
  .device-iphone-8 .device-frame {
    width: 280px !important;
  }
  .device-iphone-8 .device-content {
    width: 220px !important;
  }
  .device-google-pixel-2-xl {
    width: 280px !important;
  }
  .device-google-pixel-2-xl .device-frame {
    width: 280px !important;
  }
  .device-google-pixel-2-xl .device-content {
    width: 220px !important;
  }
  .device-google-pixel-2-xl .device-header {
    width: 310px !important;
  }
  .devicesreenwrap {
    height: 55vh;
  }
  .devicemescontwrp {
    height: 39vh;
  }
  .m-pl-2 {
    padding-left: 0.5rem !important;
  }
  .m-pl-3 {
    padding-left: 1rem !important;
  }
  .bnotisavewrp {
    padding: 15px;
  }
  .m-pl-30 {
    padding-left: 60px;
    padding-bottom: 20px;
  }
  .m-pr-0 {
    padding-right: 0 !important;
  }
  .bwnotioptwrp {
    height: auto;
    padding: 20px 15px;
  }
  .bwnotioptitem {
    flex-direction: column;
  }
  .m-df-flex-start {
    justify-content: flex-start;
  }
  .stepenblewrp {
    padding-left: 10px;
  }
  /* .box-title {
    padding: 0;
  } */
  .dashbformswrp .box-title {
    padding-top: 15px;
    padding-left: 15px;
  }
  .m-border-bottom {
    border-bottom: solid 1px #ced4da !important;
  }
  .prefaccstatItem {
    width: 90%;
    margin: auto;
    margin-bottom: 30px;
  }
  .subcontainer {
    padding-left: 0;
    padding-right: 0;
  }
  .trackscrtwrp {
    width: 95%;
  }
  .m-mb-10 {
    margin-bottom: 10px;
  }
  .m-mb-15 {
    margin-bottom: 15px;
  }
  #world-map {
    height: 250px;
  }
  .m-mb-2 {
    margin-bottom: 0.5rem !important;
  }
  .m-mb-3 {
    margin-bottom: 1rem !important;
  }
  header.box-title {
    padding-top: 20px;
  }
  .fc .fc-toolbar {
    flex-wrap: wrap;
  }
  .fc-toolbar-title {
    padding: 15px 0px;
    width: 100% !important;
    font-size: 0.75em !important;
  }
  .chatprevwrp {
    justify-content: center;
    padding-right: 0;
  }
  .chatbarcolwrp {
    flex-wrap: wrap;
  }
  .chatbarcolwrp .chatbgcol {
    margin-top: 10px;
  }
  .chatcustcolwrp .chatcustCol {
    margin-top: 10px;
  }
  .chatrepsubmenu {
    padding: 7px 7px !important;
  }
  .chatrepsubmenu span {
    display: none;
  }
  .chatmesscontwrapp {
    height: auto;
  }
  .chatmesscontrabwrp {
    overflow-x: auto;
    height: 70px !important;
  }
  .chatsoundnottypitem {
    width: 100% !important;
  }
  .chatmesscontab {
    text-align: center;
    padding: 10px 6px;
  }
  #addDivScroll {
    position: absolute;
    top: 0;
    display: block !important;
  }
  .m-livmob-show {
    display: block !important;
  }
  .addDivId {
    display: none;
  }
  .chatactvistor {
    text-align: center;
  }
  .chatactvistor {
    text-align: center;
  }
  .m-p-hite-300 {
    height: 300px !important;
  }
  .m-p-hite-350 {
    height: 350px !important;
  }
  .m-p-hite-auto {
    height: auto !important;
  }
  .m-pd-10 {
    padding: 10px;
  }
  .m-pd-20 {
    padding: 20px;
  }
  .wrkflwpopupmain {
    width: 90% !important;
  }
  .wrkflwdetcontwrp {
    overflow-x: hidden;
  }
  .wrkflwdetconttabwrp {
    height: 400px;
    margin-top: 20px;
  }
  .wrkflwtoptitle {
    height: 70px !important;
  }
  .wrkflwtoptitle .wrkflwtitle span {
    display: block !important;
  }
  .box-h-550 {
    height: auto;
  }
  .lmsstagewrpdrpdwn .lmsalluserwrp {
    display: none;
  }
  .lmsuserstagewrp .lmsalluserwrp {
    width: 130px;
  }
  .lmsuplicn {
    display: none;
  }
  .lmsallsource {
    display: none;
  }
  .mastfiltwrp {
    display: none;
  }
  .createBtnWrap {
    padding-left: 20px;
  }
  .lmscallsetmaimwrp {
    margin: 0;
  }
  .lmscallsetmaimwrp .lmscallsetenblwrp {
    height: auto;
    padding: 15px;
  }
  .ordbydropdown {
    display: none;
  }
  .campprevtestcont {
    width: 100%;
  }
  .mobsetfrmwrp {
    width: 100%;
  }
  .inappviewtemp {
    position: static !important;
    margin-top: 10px;
  }
  .inappbguploadfile {
    flex-wrap: wrap !important;
  }
  .inapptabitemwrp {
    padding: 0 5px;
    font-size: 11px;
  }
  .inappmaineditcont {
    padding: 10px 10px 0 20px;
  }
  .inappaddfildbtn {
    padding-right: 5px;
    font-size: 12px;
  }
  .p5daslogowrp {
    justify-content: center;
  }
  .landmonthwrp {
    display: block;
  }
  .landmonthwrp p {
    margin-bottom: 10px;
    text-align: center;
  }
  .m-h-80 {
    height: 80px;
  }
  .srchrulewrp {
    min-width: 98%;
    margin: auto;
  }
  .facebkdrpdwnwrp {
    margin-left: 20px;
  }
  .fbiconwrp {
    padding: 10px;
  }
  .fbiconwrp i {
    font-size: 40px;
  }
  .fbpagenamewrp {
    flex-wrap: wrap;
    height: auto;
    padding: 15px 20px;
    justify-content: center;
  }
  .fbpagenamelogo {
    margin-bottom: 15px;
  }
  .fbassigntypewrp {
    padding: 0 20px;
  }
  .med-hide {
    display: none;
  }
  .segconditappndwrp {
    flex-wrap: wrap;
  }
  .segandorwrp,
  .segconditdetwrp,
  .segconditnamwrp,
  .segconditiswrp,
  .segcondittxtbxwrp,
  .segcondfldclse {
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
  }
  .m-p-mb-0 {
    margin-bottom: 0;
  }
  .gall-col-pmob-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .subtabName span {
    display: none;
  }
  .lftpopuptab .lftpopuptabitem {
    padding: 6px 8px;
    margin-right: 2px;
  }
  .m-ml-0 {
    margin-left: 0 !important;
  }
  .clrchckbxwrp {
    margin-top: 10px;
  }
  .addgrupcampresp button span {
    display: none;
  }
  .custrange-slider {
    width: 270px;
  }
  .cust-slider-a-tit, .cust-slider-b-tit, .cust-slider-win-a-tit {
    text-align: center;
  }
  .wrkflwwebhookwrp {
    width: 100%;
  }
  .sendcustwrap {
    width: 95%;
    height: 100%;
    padding: 20px;
  }
  .sendcustwrap .bg-track .copyicon {
    top: 10px;
    right: 10px;
  }
  .contactImportItem {
    width: 260px;
  }
  .customuplddatawrp .custeventtblwrp {
    width: 260px;
  }
  .segtoptabwrp {
    flex-direction: column;
  }
  .segtoptabwrp .segserchmicwrp {
    width: 100%;
    margin-top: 15px;
  }
  .dsk-50-mob-100 {
    width: 100%;
  }
  .mob-mr-btm-20px {
    margin-bottom: 20px;
  }
  .setfrmrulewrp .setfrmrulecontwrp {
    height: 400px;
  }
  .currencywrp {
    width: 90%;
  }
  .currencymappwrap {
    width: 85%;
  }
  .currencymappwrap .currencyitemwrp {
    flex-direction: column;
    align-items: start;
  }
  .mob-mr-0 {
    margin-right: 0;
  }
  .revsetttop h2 {
    width: 100%;
    text-align: center;
    padding-right: 20px;
  }
  .onetimedatabasewrap .input-group-prepend {
    flex-wrap: wrap !important;
  }
  .lmsreportwid {
    width: 100% !important;
  }
  .campoverallcountwrap {
    flex-wrap: wrap;
  }
  .campoverallcountwrap .totalcampwrap {
    margin-bottom: 10px;
    padding: 8px 5px;
  }
  .subdivWrap.h-80 {
    height: auto !important;
    padding-top: 15px;
  }
  .header-sticky, .column-sticky {
    position: static !important;
  }
  .chatflowmainwrap {
    width: 360px;
  }
  .lmsphonecallwrap.lmsphonecallshow {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
@media only screen and (min-width: 577px) and (max-width: 767px) {
  .topnav-menu-right {
    margin-right: 0px;
  }
  .logo {
    margin-left: -205px;
  }
  .clientName {
    display: none;
  }
  .logged-user i {
    display: none;
  }
  .topnav-menu-right .dropdown-a .dropdown-menu {
    width: 300px;
  }
  .topnav-menu-right .dropdown-b .dropdown-menu {
    width: 300px;
  }
  .dropdown-a,
  .dropdown-b {
    margin-right: 10px;
  }
  .topnav-menu-right .dropdown-menu::before {
    display: none;
  }
  .topnav-menu-right .dropdown-menu::after {
    display: none;
  }
  .hide-logo {
    margin-left: 0px !important;
  }
  .m-top-66 {
    top: 66px !important;
  }
  /* .pageheader{
        flex-direction: column;
        align-items: flex-start;
    } */
  .pagiWrap {
    padding-top: 20px;
  }
  .p5new-frmwrappee {
    width: 90%;
  }
  .p5new-bgwhiteWrap {
    padding-bottom: 10px;
  }
  .p5new-frgtWrp p {
    padding-top: 50px;
  }
  .iconsWrap-docu .ion-ios-download-outline,
  .iconsWrap-docu .ion-ios-printer-outline,
  .iconsWrap-docu .ion-ios-refresh-empty {
    display: none;
  }
  .errMesWrapper {
    width: 85%;
  }
  .showDateWrap {
    width: 130px;
  }
  .dateWrap {
    margin-left: 0px;
  }
  .m-p-h {
    display: none !important;
  }
  .mob-mb-4 {
    margin-bottom: 1.5rem !important;
  }
  .newNameTxt {
    font-size: 16px !important;
  }
  .addDropdownWrap {
    margin-left: 20px;
    width: 150px;
  }
  .popupfooter {
    height: 115px;
    align-items: flex-start;
    padding-top: 10px;
  }
  .campaignContainer {
    width: 100%;
    margin-top: 140px;
  }
  .campnav-item span {
    display: none;
  }
  .campaignContainer {
    width: 90%;
  }
  .notewrap {
    position: static;
  }
  .mb_sliderBar {
    width: 250px !important;
  }
  .trigrultabwrap {
    flex-wrap: wrap;
  }
  .trigrultabitem {
    justify-content: center;
    margin: 10px 5px 15px 0;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .trigrultabitem span.tabtitle {
    display: none;
  }
  .trigrultab {
    width: auto;
    flex-direction: inherit;
    flex-wrap: wrap;
  }
  .trigrultabcont {
    overflow-y: auto;
    padding-bottom: 20px;
  }
  .trigrultabitem i {
    padding-right: 0 !important;
  }
  .ruledetWrap {
    padding: 10px !important;
  }
  .ruledetItem {
    flex-wrap: wrap;
  }
  .rulemainchkbxWrap {
    width: 100%;
    margin-top: 20px;
    flex-wrap: wrap;
  }
  .ruleansitem {
    flex-wrap: wrap;
    width: 100%;
    margin-top: 20px;
  }
  .inputboxwrap {
    margin-top: 10px;
  }
  .m-mt-30 {
    margin-top: 30px;
  }
  .droplistwrap {
    margin-bottom: 10px;
    margin-top: 15px;
  }
  .ruleansitemcolum {
    width: 100%;
    margin-top: 20px;
  }
  .emailtempwrap .card-group,
  .premtempitem .card-group {
    flex-flow: column;
  }
  .emailtempwrap .card-group .card,
  .premtempitem .card-group .card {
    margin-bottom: 15px;
  }
  .device-iphone-8 {
    width: 280px !important;
  }
  .device-iphone-8 .device-frame {
    width: 280px !important;
  }
  .device-iphone-8 .device-content {
    width: 220px !important;
  }
  .device-google-pixel-2-xl {
    width: 280px !important;
  }
  .device-google-pixel-2-xl .device-frame {
    width: 280px !important;
  }
  .device-google-pixel-2-xl .device-content {
    width: 220px !important;
  }
  .device-google-pixel-2-xl .device-header {
    width: 310px !important;
  }
  .devicesreenwrap {
    height: 89vh;
  }
  .devicemescontwrp {
    height: 67vh;
  }
  .bnotisavewrp {
    padding: 15px;
  }
  .m-pr-0 {
    padding-right: 0 !important;
  }
  .df-ac-jcenter, .moredataDiv {
    justify-content: flex-start !important;
    align-items: flex-start !important;
  }
  .dashbformswrp .box-title {
    padding-top: 15px;
    padding-left: 15px;
  }
  .prefaccstatItem {
    width: 40%;
    margin: auto;
    margin-bottom: 30px;
  }
  .subcontainer {
    padding-left: 0;
    padding-right: 0;
  }
  .trackscrtwrp {
    width: 95%;
  }
  .m-mb-2 {
    margin-bottom: 0.5rem !important;
  }
  .m-mb-3 {
    margin-bottom: 1rem !important;
  }
  .fc .fc-toolbar.fc-header-toolbar {
    padding: 10px !important;
    margin-bottom: 10px !important;
  }
  .fc-toolbar-title {
    padding: 15px 0px;
    font-size: 0.75em !important;
  }
  .chatprevwrp {
    justify-content: center;
    padding-right: 0;
    align-items: center;
  }
  .chatbubwrp {
    margin-top: 15px;
  }
  .chatcontainer {
    margin: auto;
  }
  .chatrepsubmenu span {
    display: none;
  }
  .chatmesscontwrapp {
    height: auto;
  }
  .chatmesscontrabwrp {
    overflow-x: auto;
    height: 70px !important;
  }
  .chatsoundnottypitem {
    width: 100% !important;
  }
  .chatmesscontab {
    text-align: center;
    padding: 10px 6px;
  }
  #addDivScroll {
    position: absolute;
    top: 0;
    display: block;
  }
  .m-livmob-show {
    display: block !important;
  }
  .addDivId {
    display: none;
  }
  .chatactvistor {
    text-align: center;
  }
  .m-p-hite-300 {
    height: 300px !important;
  }
  .m-p-hite-350 {
    height: 350px !important;
  }
  .m-p-hite-auto {
    height: auto !important;
  }
  .m-pd-10 {
    padding: 10px;
  }
  .m-pd-20 {
    padding: 20px;
  }
  .wrkflwhispopupbg {
    align-items: flex-start;
  }
  .wrkflwpopupmain {
    width: 90% !important;
  }
  .wrkflwdetcontwrp {
    overflow-y: auto;
    overflow-x: hidden;
  }
  .wrkflwdetconttabwrp {
    height: 500px;
    margin-top: 20px;
  }
  .wrkflwtoptitle {
    height: 70px !important;
  }
  .wrkflwtoptitle .wrkflwtitle span {
    display: block !important;
  }
  .box-h-550 {
    height: auto;
  }
  .lmsuplicn {
    display: none;
  }
  .lmssourcefilterwrp,
  .lmsstagefilterwrp,
  .lmshandledfilterwrp,
  .lmslabelfilterwrp {
    width: 140px !important;
  }
  .lmscallsetmaimwrp {
    margin: 0;
  }
  .lmscallsetmaimwrp .lmscallsetenblwrp {
    height: auto;
    padding: 15px;
  }
  .campprevtestcont {
    width: 100%;
  }
  .mobsetfrmwrp {
    width: 100%;
  }
  .inappmaineditcont {
    min-height: 170px;
  }
  .m-h-80 {
    height: 80px;
  }
  .errcontwrp .err-title {
    font-size: 46px;
  }
  .srchrulewrp {
    min-width: 98%;
    margin: auto;
  }
  .facebkdrpdwnwrp {
    margin-left: 20px;
  }
  .m-mb-15 {
    margin-bottom: 15px;
  }
  .fbiconwrp {
    padding: 10px;
  }
  .fbiconwrp i {
    font-size: 40px;
  }
  .segconditappndwrp {
    flex-wrap: wrap;
  }
  .segandorwrp {
    width: 17% !important;
    margin-bottom: 10px !important;
  }
  .segconditdetwrp,
  .segconditnamwrp {
    width: 39% !important;
    margin-bottom: 10px;
  }
  .segconditiswrp,
  .segcondittxtbxwrp {
    width: 46% !important;
    margin-bottom: 10px;
    text-align: center;
  }
  .segconditiswrp {
    margin-left: 0 !important;
  }
  .segcondfldclse {
    width: 4% !important;
  }
  .m-p-mb-0 {
    margin-bottom: 0 !important;
  }
  .m-mb-10 {
    margin-bottom: 10px;
  }
  .setttabwrap .setttabitem {
    padding: 8px 10px;
    margin-right: 4px;
  }
  .mob-mb-2 {
    margin-bottom: 1rem !important;
  }
  .gall-col-lmob-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .sendcustwrap {
    width: 95%;
    height: 100%;
    padding: 20px;
  }
  .sendcustwrap .bg-track .copyicon {
    top: 10px;
    right: 10px;
  }
  .dsk-50-mob-100 {
    width: 100%;
  }
  .mob-mr-btm-20px {
    margin-bottom: 20px;
  }
  .setfrmrulewrp .setfrmrulecontwrp {
    height: 400px;
  }
  .m-w-100px {
    width: 100px;
  }
  .lmsreportwid {
    width: 100% !important;
  }
  .campoverallcountwrap {
    flex-wrap: wrap;
  }
  .campoverallcountwrap .totalcampwrap {
    margin-bottom: 10px;
    padding: 8px 10px;
  }
  .subdivWrap.h-80 {
    height: auto !important;
    padding-top: 15px;
  }
  .header-sticky, .column-sticky {
    position: static !important;
  }
  .lmsphonecallwrap.lmsphonecallshow {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .pagiWrap {
    padding-top: 20px;
  }
  .popupfooter {
    height: 115px;
    align-items: flex-start;
    padding-top: 10px;
  }
  .mb_sliderBar {
    width: 280px !important;
  }
  .trigrultabwrap {
    flex-wrap: wrap;
  }
  .trigrultabitem {
    justify-content: center;
    margin: 10px 5px 15px 0;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .trigrultabitem span.tabtitle {
    display: none;
  }
  .trigrultab {
    width: auto;
    flex-direction: inherit;
    flex-wrap: wrap;
  }
  .trigrultabcont {
    overflow-y: auto;
    padding-bottom: 20px;
  }
  .m-p-h-tab {
    display: none;
  }
  .m-wid-100 {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .campbtmwrap {
    flex-direction: column;
  }
  .devicesreenwrap {
    height: 54vh !important;
  }
  .prefaccstatItem {
    width: 30%;
    margin: auto;
    margin-bottom: 30px;
  }
  .chatprevwrp {
    padding-right: 0;
  }
  .chatbarcolwrp {
    flex-wrap: wrap;
  }
  .chatbarcolwrp .chatbgcol {
    margin-top: 10px;
  }
  .chatcustcolwrp .chatcustCol {
    margin-top: 10px;
  }
  .chatactvistor {
    text-align: center;
  }
  .wrkflwhispopupbg {
    align-items: flex-start;
  }
  .wrkflwpopupmain {
    width: 95% !important;
  }
  .wrkflwdetcontwrp {
    overflow-y: auto;
    overflow-x: hidden;
  }
  .wrkflwdetconttabwrp {
    height: 500px;
    margin-top: 20px;
  }
  .wrkflwtoptitle {
    height: 70px !important;
  }
  .wrkflwtoptitle .wrkflwtitle span {
    display: block !important;
  }
  .wrkflwresnumwrp {
    flex-wrap: wrap;
  }
  .box-h-550 {
    height: 100%;
  }
  .lmssourcefilterwrp,
  .lmsstagefilterwrp,
  .lmshandledfilterwrp {
    width: 170px !important;
  }
  .campprevtestcont {
    width: 100%;
  }
  .m-h-80 {
    height: 80px;
  }
  .cust-slider-a-tit, .cust-slider-b-tit, .cust-slider-win-a-tit {
    text-align: center;
  }
  .sendcustwrap {
    width: 95%;
    height: 100%;
    padding: 20px;
  }
  .sendcustwrap .bg-track .copyicon {
    top: 10px;
    right: 10px;
  }
  .lmsreportwid {
    width: 100% !important;
  }
  .chatflowpageprevwrp .chatflowpageagent .chatflowagentlogo {
    width: 40px !important;
    height: 40px !important;
  }
  .chatflowpageprevwrp .chatflowpageagent .chatflowagentcontent {
    width: 75% !important;
  }
  .lmsphonecallwrap.lmsphonecallshow {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
@media only screen and (min-width: 999px) and (max-width: 1280px) {
  .popupfooter {
    height: 115px;
    align-items: flex-start;
    padding-top: 10px;
  }
  .wrkflwpopupmain {
    width: 95% !important;
  }
  .lmssourcefilterwrp,
  .lmsstagefilterwrp,
  .lmshandledfilterwrp {
    width: 200px !important;
  }
  .cust-slider-a-tit, .cust-slider-b-tit, .cust-slider-win-a-tit {
    text-align: center;
  }
}
@media only screen and (min-width: 300px) and (max-width: 992px) {
  .topTabWrap {
    position: relative;
  }
  .iconTopNav {
    display: block;
  }
  .tabItemWrap {
    flex-direction: column;
    display: none;
    position: absolute;
    top: 40px;
    left: 9px;
    border: solid 1px #ced4da;
    padding-left: 0px;
    border-bottom: none;
    z-index: 100;
  }
  .tap-nav-link {
    margin-right: 0px;
    border-bottom: solid 1px #ced4da;
  }
  .showTxt {
    display: none;
  }
  .charteeWrap {
    padding: 0px;
  }
  /* .logo{margin-left: -205px;} */
  /* .hide-logo{
        margin-left: 0px !important;
    } */
  .copyriteWrp {
    flex-wrap: wrap !important;
    flex-direction: column;
    text-align: center;
    line-height: 24px;
  }
  .table td {
    word-break: normal;
  }
  .sidebar {
    position: absolute;
  }
  .td-m-wid-50 {
    width: 50px !important;
    max-width: 50px !important;
  }
  .chbxWrap {
    width: 30px;
  }
  .m-p-wid-40 {
    width: 40px !important;
  }
  .m-p-w-40 {
    min-width: 40px;
  }
  .m-p-w-60 {
    min-width: 60px;
  }
  .m-p-w-70 {
    min-width: 70px;
  }
  .m-p-w-80 {
    min-width: 80px;
  }
  .m-p-w-100 {
    min-width: 100px;
  }
  .m-p-w-120 {
    min-width: 120px;
  }
  .m-p-w-130 {
    min-width: 130px;
  }
  .m-p-w-140 {
    min-width: 140px;
  }
  .m-p-w-150 {
    min-width: 150px;
  }
  .m-p-w-160 {
    min-width: 160px;
  }
  .m-p-w-170 {
    min-width: 170px;
  }
  .m-p-w-190 {
    min-width: 190px;
  }
  .m-p-w-200 {
    min-width: 200px;
  }
  .m-p-w-220 {
    min-width: 220px;
  }
  .m-p-w-250 {
    min-width: 250px;
  }
  .m-p-w-300 {
    min-width: 300px;
  }
  .m-p-w-400 {
    min-width: 400px;
  }
  .m-ml-3 {
    margin-left: 1rem !important;
  }
  .m-mt-3 {
    margin-top: 1rem !important;
  }
  .m-mb-5px {
    margin-bottom: 5px;
  }
  .no-data {
    text-align: center;
    padding: 0px 10px;
    height: 200px;
  }
  .drop-form {
    width: 300px;
  }
  .errMesWrapper {
    width: 90%;
  }
  .batchtxtwrap {
    flex-wrap: wrap;
  }
  .spamsettwrp {
    width: 100%;
  }
  .spam-num {
    width: 30%;
  }
  .newslet-head {
    padding-right: 20px;
  }
  .accrdsub-one {
    height: auto;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .totaltxticonwrp .ion-ios-people-outline {
    font-size: 60px;
  }
  .m-text-left {
    text-align: left !important;
  }
  .browscontent {
    padding: 0px;
  }
  .bwsnoticontainer {
    height: inherit;
  }
  .brwsernotiwrp {
    height: inherit;
  }
  .m-w-100 {
    width: 100% !important;
  }
  .bwsnotifprevbody {
    height: 300px;
  }
  .dashformban .box-title {
    padding: 10px;
  }
  .crtefrmtypewrp,
  .taggextfrmwrp {
    width: 100%;
  }
  .profipasswrp {
    width: 95%;
    height: auto;
  }
  .profhead {
    width: 98%;
  }
  .m-pt-20 {
    padding-top: 20px;
  }
  .ucptblwrp .box-white {
    border-right: none !important;
  }
  .ucptblwrp .box-white table tr td {
    background-color: #fff;
    border-right: solid 1px #ced4da;
  }
  .pageanalyUrlwrp {
    width: 80%;
  }
}
@media (min-width: 1200px) {
  .container-flex .logo {
    margin-left: -210px;
  }
  .sidebar {
    margin-left: 0px;
    position: relative;
  }
  .main-container {
    display: flex;
    min-height: calc(100vh - 75px);
  }
  .container-flex .sidebar {
    margin-left: -230px;
  }
  .col-xl-20 {
    flex: 0 0 20%;
    max-width: 20%;
  }
}
@media (max-width: 1199.98px) {
  .logo {
    margin-left: -210px;
  }
  .show-sidebar .main-container {
    display: flex;
    transform: translateX(230px);
  }
  .show-sidebar .sidebar {
    position: relative !important;
  }
  .show-sidebar .logo {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1920px) {
  .bubb-hite {
    height: 450px;
  }
  .ioswrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .androidwrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
@media (min-width: 992px) {
  .col-lg-20 {
    flex: 0 0 20%;
    max-width: 20%;
  }
}
@media (min-width: 768px) {
  .col-md-20 {
    flex: 0 0 20%;
    max-width: 20%;
  }
}
@media print {
  /** Paper sizes **/
  body {
    background-color: #fff;
  }
  body.A3 .sheet {
    width: 297mm;
    height: 419mm;
  }
  body.A3.landscape .sheet {
    width: 420mm;
    height: 296mm;
  }
  body.A4 .sheet {
    width: 210mm;
    height: 296mm;
  }
  body.A4.landscape .sheet {
    width: 297mm;
    height: 180mm;
  }
  body.A5 .sheet {
    width: 148mm;
    height: 209mm;
  }
  body.A5.landscape .sheet {
    width: 210mm;
    height: 147mm;
  }
  body.A3.landscape {
    width: 420mm;
  }
  body.A3,
  body.A4.landscape {
    width: 297mm;
  }
  body.A4,
  body.A5.landscape {
    width: 210mm;
  }
  body.A5 {
    width: 148mm;
  }
  .sheet {
    margin: 0;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    page-break-after: always;
  }
  /** Padding area **/
  .sheet.padding-10mm {
    padding: 10mm;
  }
  .sheet.padding-15mm {
    padding: 15mm;
  }
  .sheet.padding-20mm {
    padding: 20mm;
  }
  .sheet.padding-25mm {
    padding: 25mm;
  }
  .sidebar,
  .barMenu,
  .topnav-menu-right {
    display: none;
  }
  .showDateIconWrap {
    display: none;
  }
  .breadcrumb {
    display: none;
  }
  .pagiWrap {
    display: none;
  }
  .actionWrap {
    display: none;
  }
  .logo {
    position: fixed;
    bottom: 0px;
    z-index: 1000;
    right: 0;
    margin-right: 0;
  }
  .top-header {
    border-bottom: none;
  }
  .topTabWrap {
    display: none;
  }
  .pagetitle {
    margin-bottom: 30px;
  }
  .showDateWrap {
    display: none;
  }
  .section.sheet {
    margin-top: 30px !important;
  }
  table th i {
    display: none;
  }
  #wrkflowactionmenuwrp {
    display: none;
  }
  #wrkflowprintview.col-lg-12 .box-white {
    border: solid 1px #ccc !important;
  }
  .pageheader {
    display: none;
  }
}/*# sourceMappingURL=plumb5-style.css.map */