@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;500;600;700;800;900;1000&display=swap');

.google_font{ font-family: "Poppins", Sans-serif;}
.facebook_font{ font-family: 'Nunito', sans-serif;}

body{
  font-family: 'Nunito', sans-serif!important;
  /* font-family: "Poppins", Sans-serif!important; */
  font-size: 18px;
}

.bx--header{
  background: #fbfcff!important;
  border-color: #f3f3f3!important;
  padding-left: 10px!important;
  padding-right: 10px!important;
  height: 5rem!important;  
  display: none!important;
}
.bx--header~.bx--content {margin-top: 0rem!important;}
.bx--header-panel{top: 5rem!important;}
.bx--side-nav{
  background: #fafafa;
  border-right:0px solid #0f0f0f!important;  
  max-width: 12rem!important;
  border-radius: 0px 0px 32px 0px;
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 4px -1px rgb(0 0 0 / 0.1);
}
.bx--header~.bx--side-nav{ top: 0!important; height: calc(100% - 0px)!important;}
.bx--side-nav.bx--side-nav--rail:not(.bx--side-nav--fixed):hover, .bx--side-nav--expanded{ width: 12rem!important; }
.bx--side-nav.bx--side-nav--expanded~.bx--content{
  margin-left: 12rem!important;
  padding: 1rem!important;
}
.bx--header__global{color: #000;} 
.bx--header__global .bx--search{ width:40%!important; margin-left: 4%; margin-right: 2.5%; }
.bx--header__global .bx--search .bx--search-input{background: #fff!important; border: 1px solid #e7e7e7!important; border-radius: 5px!important;}
/* .bx--header__global .bx--form-item{} */
.bx--header__global .bx--select-input__wrapper{ width:40%!important;  }
.bx--header__global .bx--select-input__wrapper .bx--select-input{
  height: 3rem!important;
  background: #fff!important; border: 1px solid #e7e7e7!important; border-radius: 5px!important;
  margin-top: 8px;
}
.main_logo{ width: auto!important; height: 35px;}
.bx--header__name{display: none!important;}
.bx--header-panel{background: #004e8b!important;}
.bx--header__action{width: 3rem!important; height: auto!important;}
.bx--header__action:hover{background: transparent!important;}
.bx--header__action>svg { fill: #000!important;}
a.bx--side-nav__link, .bx--side-nav a.bx--header__menu-item, 
.bx--side-nav .bx--header__menu-title[aria-expanded=true]+.bx--header__menu{
  min-height: 3rem!important; 
  padding: 0 1.5rem!important;
  border-right: 6px solid transparent; 
}
.bx--side-nav__item:not(.bx--side-nav__item--active):hover .bx--side-nav__item:not(.bx--side-nav__item--active)>.bx--side-nav__submenu:hover, 
.bx--side-nav__item:not(.bx--side-nav__item--active)>.bx--side-nav__link:hover, 
.bx--side-nav__menu a.bx--side-nav__link:not(.bx--side-nav__link--current):not([aria-current=page]):hover, 
.bx--side-nav a.bx--header__menu-item:hover, 
.bx--side-nav .bx--header__menu-title[aria-expanded=true]:hover{
  background-color: transparent!important;
  color: #000000!important;
  border-color: #000000;
}

.bx--side-nav__link--current{
  background-color: #e5e5e5!important;
}

.bx--side-nav__icon:not(.bx--side-nav__submenu-chevron){margin-right: 0.5rem!important;}
.bx--side-nav__icon>svg{width: 1.5rem!important; height:1.5rem!important; fill: #00000080!important;}
a.bx--side-nav__link>.bx--side-nav__link-text, .bx--side-nav a.bx--header__menu-item .bx--text-truncate-end{
  white-space: inherit!important;
  text-overflow: inherit!important;
  color: #000!important;
}
a.bx--side-nav__link.active{
  border-color: #000000;
  background: #F5F5F7; 
  color: #000;
}
a.bx--side-nav__link{color: #000;}
a.bx--side-nav__link.active>.bx--side-nav__link-text, .bx--side-nav a.bx--header__menu-item .bx--text-truncate-end{  
  color: #000!important;
}
a.bx--side-nav__link.active .bx--side-nav__icon>svg{
  fill: #000!important;
} 

.left_menu ul li:last-child{position: absolute; bottom: 10px; }
.left_menu ul li:last-child:hover, .left_menu ul li:last-child a:hover{
  background: none !important; border: none !important;
}
.left_menu ul li:last-child a .bx--side-nav__icon{
  background: #dbe4f6 !important; padding: 5px !important; border-radius: 6px !important;
}

.bx--side-nav .bx--side-nav__item .menu_none {
  cursor: not-allowed;
  opacity: .7;
}

.bx--data-table td, .bx--data-table tbody th{
  /* background: #fff!important; */
}
.bx--table-sort{background: #000!important; color: #fff!important;}


.top_tabs .grid a{
  color: #7947f7; border: 1px solid #ebe9e9;
  background: linear-gradient(270deg, #dd9cbf0f 0%, #8854f00d 100%);
  box-shadow: 0px 1.8518518209457397px 3.1481480598449707px 0px rgba(41, 72, 152, 0.01), 
  0px 8.148148536682129px 6.518518447875977px 0px rgba(41, 72, 152, 0.02), 
  0px 20px 13px 0px rgba(41, 72, 152, 0.03), 
  0px 38.51852035522461px 25.481481552124023px 0px rgba(41, 72, 152, 0.03), 
  0px 64.81481170654297px 46.85185241699219px 0px rgba(41, 72, 152, 0.04), 
  0px 100px 80px 0px rgba(41, 72, 152, 0.05); 
}
.top_tabs .grid a:hover{
   border: 1px solid #7947f7; 
   background: linear-gradient(270deg, #dd9cbf3f 0%, #8854f023 100%);
  }
.top_tabs .grid a.active{
  position: relative; background:#fff; border: 1px solid #7947f7;
  background: linear-gradient(270deg, #DD9CBF 0%, #8955EE 100%);
  /* background: linear-gradient(90deg, #dd9cbf24 0%, #8854f030 100%); */
}
.top_tabs .grid a.active:after{
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #B277D7;
  content: " ";
  position: absolute;
  bottom: -10px;
  left: 45%;
}
.top_tabs .grid a h4{ font-size: 15.5px; font-weight: 700; color: #969696;}
.top_tabs .grid a:hover h4{color: #686868;}
.top_tabs .grid a.active h4,
.top_tabs .grid a.active svg{color: #fff;}
.top_tabs .tab-content{display: none;}

/* top_tabs_inner start*/

.top_tabs .tab-content .tab-content-inner, .top_tabs .tab-content .tab-content-campaign, 
.top_tabs .tab-content .tab-content-webleads, .top_tabs .tab-content .tab-content-webtrafficleads{display: none;}
.top_tabs .top_tabs_inner .grid a:hover{border: 1px solid #f5cbf3; }
.top_tabs .top_tabs_inner .grid a.active{border: 1px solid #f5cbf3; background: linear-gradient(270deg, #f8edff 0%, #f5cbf3 100%);}
.top_tabs .top_tabs_inner .grid a.active:after{border-top: 10px solid #f5cbf3;}
.top_tabs .top_tabs_inner .grid a.active h4{color: #000;}

.top_tabs .top_tabs_inner a.active svg{color: #000;}

/* top_tabs_inner end*/

.tootl_tipbx .bx--tooltip__label{opacity: 0!important;}
.tootl_tipbx .bx--tooltip{
  background: #8B57ED!important; margin-left: -50px!important; z-index: 999!important;
}
.tootl_tipbx .bx--tooltip .bx--tooltip__caret{
  border-bottom: 0.4296875rem solid #8b57ed!important;
}

.layout-child.header{
  display: none;
  border: 2px solid red;
}
.gaugechart_block .chart-container{
  position: relative;
}
.gaugechart_block .chart-container:after{
  content: '';
  width: 10px;
  height: 10px; 
  position: absolute;
  background: #fff;  
  margin:-16px 0 0px 9px;
  display: none;
}

/* faq_accordian start */
.faq_accordian li.bx--accordion__item{ margin-bottom: 5px;}
.faq_accordian li .bx--accordion__heading{
  background: linear-gradient(270deg, #DD9CBF 0%, #8955EE 100%);
}
.faq_accordian li .bx--accordion__heading .bx--accordion__title{  
  font-size: 18px; font-weight: 700; color: #fff;
}
.faq_accordian li .bx--accordion__heading:focus::before{border: 0px;}
.faq_accordian li .bx--accordion__heading:hover::before{
  /* background:#DD9CBF; */
  border: 0px solid #7947f7;
  background: linear-gradient(75deg, #dd9cbf41 0%, #8854f041 100%);
}
.faq_accordian li .bx--accordion__content{background: #fff; padding:25px 25px!important;}
.faq_accordian li .bx--accordion__content p{ margin-bottom: 15px;}

.faq_accordian li .bx--accordion__heading .bx--accordion__arrow{
  fill: #ffffff;
}
/* faq_accordian end */

/*main_table start*/
.main_table {overflow-x: auto;}
.main_table .bx--data-table-container{  overflow-x: auto!important;  }
.main_table .bx--data-table td{ white-space: nowrap;}
/* .main_table .bx--data-table{ overflow-x: auto!important;} */
/*main_table end*/

.page_navigation ul li a{
  border:1px solid #ccc!important;
}

.circle-wrap {
  margin: 0px auto 20px;
  width: 150px;
  height: 150px;
  background: #fefcff;
  border-radius: 50%;
  border: 1px solid #cdcbd0;
}

.circle-wrap .circle .mask,
.circle-wrap .circle .fill {
  width: 150px;
  height: 150px;
  position: absolute;
  border-radius: 50%;
}

.circle-wrap .circle .mask {
  clip: rect(0px, 150px, 150px, 75px);
}

.circle-wrap .inside-circle {
  width: 142px;
  height: 142px;
  border-radius: 50%;
  background: #fff;
  /* line-height: 142px; */
  text-align: center;
  margin-top: 4px;
  margin-left: 4px;
  color: #18BC8B ;
  position: absolute;
  z-index: 9;  
}

/* second  */

.circle-wrap2 {
  margin: 0px auto 20px;
  width: 75px;
  height: 75px;
  background: #fefcff;
  border-radius: 50%;
  border: 1px solid #cdcbd0;
}

.circle-wrap2 .circle .mask,
.circle-wrap2 .circle .fill {
  width: 75px;
  height: 75px;
  position: absolute;
  border-radius: 50%;
}

.circle-wrap2 .circle .mask {
  clip: rect(0px, 75px, 75px, 38px);
}

.circle-wrap2 .inside-circle {
  width: 67px;
  height: 67px;
  border-radius: 50%;
  background: #fff;
  /* line-height: 142px; */
  text-align: center;
  margin-top: 4px;
  margin-left: 4px;
  color: #18BC8B ;
  position: absolute;
  z-index: 9;  
}

.circle-wrap2 .mask .fill {
  clip: rect(0px, 38px, 75px, 0px);
  background-color: #18BC8B;
}

.circle-wrap2 .mask.full,
.circle-wrap2 .circle .fill {
  animation: fill ease-in-out 3s;
  transform: rotate(135deg);
}

/* second  */

/* color animation */

/* 3rd progress bar */
.mask .fill {
  clip: rect(0px, 75px, 150px, 0px);
  background-color: #18BC8B;
}

.mask.full,
.circle .fill {
  animation: fill ease-in-out 3s;
  transform: rotate(135deg);
}

@keyframes fill{
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(135deg);
  }
}





.new_legends a:hover,
.new_legends a.active{
  background: #3CBDE0;
  color: #fff;
}

.barchart_legend_hide .chart-container .layout-child.legend {
  display:none !important;
}
.text.axis-title{
  display: none !important;
}
.reqest_historytable tr{
  border-bottom:1px solid #ddd!important;
}

.revewme_tabs .tab-btn.active{ 
  background: #000;
  /* background: linear-gradient(270deg, #DD9CBF 0%, #8955EE 100%); */
}

.bottom.axis .axis-title{opacity: 0;}

.popover-area button, .popover-area button:hover, .popover-area button:focus, .popover-area button:active
{background: none; border: none; box-shadow: none; padding: 0px;}
.popover-area button i{color: #000;}

.popover-area .bx--popover-contents{background: #fff; 
  z-index: 9999 !important;
  -webkit-border-radius: 25px;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius: 25px;
  -moz-border-radius-bottomright: 0;
  border-radius: 25px;
  border-bottom-right-radius: 0;}

/* 
@import url(https://fonts.googleapis.com/css?family=Lato:700);
 

.set-size {
  font-size: 10em;
}

.charts-container:after {
  clear: both;
  content: "";
  display: table;
}

.pie-wrapper {
  height: 5em;
  width: 5em;
  float: none;
  margin: 0px auto 5px;
  position: relative;
}
.pie-wrapper:nth-child(3n+1) {
  clear: both;
}
.pie-wrapper .pie {
  height: 100%;
  width: 100%;
  clip: rect(0, 5em, 5em, 2em);
  left: 0;
  position: absolute;
  top: 0;
}
.pie-wrapper .pie .half-circle {
  height: 100%;
  width: 100%;
  border: 0.3em solid #3498db;
  border-radius: 50%;
  clip: rect(0, 5em, 4em, 0);
  left: 0;
  position: absolute;
  top: 0;
}
.progress-95 .pie .half-circle{
  clip: rect(0, 5em, 3.5em, 0);
}
.progress-92 .pie .half-circle{
  clip: rect(0, 5em, 3em, 0);
}

.pie-wrapper .label {
  background: #4CAF50;
  border-radius: 50%;
  bottom: 0.4em;
  color: #4CAF50;
  cursor: default;
  display: block;
  font-size: 2em;
  left: 0.4em;
  line-height: 1.8em;
  position: absolute;
  right: 0.4em;
  text-align: center;
  top: 0.4em;
} 
.pie-wrapper .shadow {
  height: 100%;
  width: 100%;
  border: 0.3em solid #e5e7e9;
  border-radius: 50%;
}
.pie-wrapper.style-2 .label {
  background:none;
  color: #307c32; 
} 
.pie-wrapper.progress-75 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-75 .pie .half-circle {
  border-color: #4CAF50;
}
.pie-wrapper.progress-75 .pie .left-side {
  transform: rotate(270deg);
}
.pie-wrapper.progress-75 .pie .right-side {
  transform: rotate(180deg);
} 

.pie-wrapper--solid {
  border-radius: 50%;
  overflow: hidden;
}
.pie-wrapper--solid:before {
  border-radius: 0 100% 100% 0/50%;
  content: "";
  display: block;
  height: 100%;
  margin-left: 50%;
  transform-origin: left;
}
.pie-wrapper--solid .label {
  background: transparent;
}
.pie-wrapper--solid.progress-65 {
  background: linear-gradient(to right, #e67e22 50%, #34495e 50%);
}
.pie-wrapper--solid.progress-65:before {
  background: #e67e22;
  transform: rotate(126deg);
}
.pie-wrapper--solid.progress-25 {
  background: linear-gradient(to right, #9b59b6 50%, #34495e 50%);
}
.pie-wrapper--solid.progress-25:before {
  background: #34495e;
  transform: rotate(-270deg);
}
.pie-wrapper--solid.progress-88 {
  background: linear-gradient(to right, #3498db 50%, #34495e 50%);
}
.pie-wrapper--solid.progress-88:before {
  background: #3498db;
  transform: rotate(43.2deg);
} */

@media only screen and (max-width:1440px){
  .gaugechart_block .chart-container:after{ 
    margin:-29px 0 0px 7px;
  }
}

@media only screen and (max-width:660px) {
  .bx--header__global .bx--search,
  .bx--header__global .bx--select-input__wrapper{display: none!important;}
}